提交初始版本,使用vant ui库
This commit is contained in:
122
miniprogram_npm/@vant/weapp/picker-column/index.js
Normal file
122
miniprogram_npm/@vant/weapp/picker-column/index.js
Normal file
@@ -0,0 +1,122 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
var component_1 = require("../common/component");
|
||||
var utils_1 = require("../common/utils");
|
||||
var validator_1 = require("../common/validator");
|
||||
var DEFAULT_DURATION = 200;
|
||||
(0, component_1.VantComponent)({
|
||||
classes: ['active-class'],
|
||||
props: {
|
||||
valueKey: String,
|
||||
className: String,
|
||||
itemHeight: Number,
|
||||
visibleItemCount: Number,
|
||||
initialOptions: {
|
||||
type: Array,
|
||||
value: [],
|
||||
},
|
||||
defaultIndex: {
|
||||
type: Number,
|
||||
value: 0,
|
||||
observer: function (value) {
|
||||
this.setIndex(value);
|
||||
},
|
||||
},
|
||||
},
|
||||
data: {
|
||||
startY: 0,
|
||||
offset: 0,
|
||||
duration: 0,
|
||||
startOffset: 0,
|
||||
options: [],
|
||||
currentIndex: 0,
|
||||
},
|
||||
created: function () {
|
||||
var _this = this;
|
||||
var _a = this.data, defaultIndex = _a.defaultIndex, initialOptions = _a.initialOptions;
|
||||
this.set({
|
||||
currentIndex: defaultIndex,
|
||||
options: initialOptions,
|
||||
}).then(function () {
|
||||
_this.setIndex(defaultIndex);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
getCount: function () {
|
||||
return this.data.options.length;
|
||||
},
|
||||
onTouchStart: function (event) {
|
||||
this.setData({
|
||||
startY: event.touches[0].clientY,
|
||||
startOffset: this.data.offset,
|
||||
duration: 0,
|
||||
});
|
||||
},
|
||||
onTouchMove: function (event) {
|
||||
var data = this.data;
|
||||
var deltaY = event.touches[0].clientY - data.startY;
|
||||
this.setData({
|
||||
offset: (0, utils_1.range)(data.startOffset + deltaY, -(this.getCount() * data.itemHeight), data.itemHeight),
|
||||
});
|
||||
},
|
||||
onTouchEnd: function () {
|
||||
var data = this.data;
|
||||
if (data.offset !== data.startOffset) {
|
||||
this.setData({ duration: DEFAULT_DURATION });
|
||||
var index = (0, utils_1.range)(Math.round(-data.offset / data.itemHeight), 0, this.getCount() - 1);
|
||||
this.setIndex(index, true);
|
||||
}
|
||||
},
|
||||
onClickItem: function (event) {
|
||||
var index = event.currentTarget.dataset.index;
|
||||
this.setIndex(index, true);
|
||||
},
|
||||
adjustIndex: function (index) {
|
||||
var data = this.data;
|
||||
var count = this.getCount();
|
||||
index = (0, utils_1.range)(index, 0, count);
|
||||
for (var i = index; i < count; i++) {
|
||||
if (!this.isDisabled(data.options[i]))
|
||||
return i;
|
||||
}
|
||||
for (var i = index - 1; i >= 0; i--) {
|
||||
if (!this.isDisabled(data.options[i]))
|
||||
return i;
|
||||
}
|
||||
},
|
||||
isDisabled: function (option) {
|
||||
return (0, validator_1.isObj)(option) && option.disabled;
|
||||
},
|
||||
getOptionText: function (option) {
|
||||
var data = this.data;
|
||||
return (0, validator_1.isObj)(option) && data.valueKey in option
|
||||
? option[data.valueKey]
|
||||
: option;
|
||||
},
|
||||
setIndex: function (index, userAction) {
|
||||
var _this = this;
|
||||
var data = this.data;
|
||||
index = this.adjustIndex(index) || 0;
|
||||
var offset = -index * data.itemHeight;
|
||||
if (index !== data.currentIndex) {
|
||||
return this.set({ offset: offset, currentIndex: index }).then(function () {
|
||||
userAction && _this.$emit('change', index);
|
||||
});
|
||||
}
|
||||
return this.set({ offset: offset });
|
||||
},
|
||||
setValue: function (value) {
|
||||
var options = this.data.options;
|
||||
for (var i = 0; i < options.length; i++) {
|
||||
if (this.getOptionText(options[i]) === value) {
|
||||
return this.setIndex(i);
|
||||
}
|
||||
}
|
||||
return Promise.resolve();
|
||||
},
|
||||
getValue: function () {
|
||||
var data = this.data;
|
||||
return data.options[data.currentIndex];
|
||||
},
|
||||
},
|
||||
});
|
Reference in New Issue
Block a user