tdesign-mobile-vue
Version:
tdesign-mobile-vue
188 lines (180 loc) • 7.33 kB
JavaScript
/**
* tdesign v1.12.1
* (c) 2025 TDesign Group
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var Vue = require('vue');
var config = require('../config.js');
var picker_picker_class = require('./picker.class.js');
var hooks_useClass = require('../hooks/useClass.js');
var get = require('../_chunks/dep-7e4b7b22.js');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('../shared/dom.js');
require('../_chunks/dep-4850f616.js');
require('../_chunks/dep-1cdfb723.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-232d243a.js');
require('../_chunks/dep-8e526cea.js');
require('../_chunks/dep-8983459f.js');
require('../_chunks/dep-744e59d5.js');
require('./utils.js');
require('../_chunks/dep-f487f3c9.js');
require('../_chunks/dep-0d34d1e2.js');
require('../_common/js/global-config/mobile/default-config.js');
require('../_common/js/global-config/mobile/locale/zh_CN.js');
require('../_chunks/dep-c7f7a976.js');
require('../_chunks/dep-bce5891c.js');
require('dayjs');
require('../_chunks/dep-71eea379.js');
require('../_chunks/dep-cb665fd6.js');
require('../_chunks/dep-5b9d3f6f.js');
require('../_chunks/dep-1df72545.js');
require('../_chunks/dep-6c43868d.js');
require('../_chunks/dep-eaef83bf.js');
require('../_chunks/dep-100be120.js');
require('../_chunks/dep-ea7a6cdf.js');
require('../_chunks/dep-0d61faba.js');
require('../_chunks/dep-49426c60.js');
require('../_chunks/dep-d70ba5d5.js');
require('../_chunks/dep-f5df0fcf.js');
require('../_chunks/dep-c0b5e4e7.js');
require('../_chunks/dep-bac64a37.js');
require('../_chunks/dep-9c611a30.js');
require('../_chunks/dep-a618140f.js');
require('../_chunks/dep-ea4c3db5.js');
require('../_chunks/dep-d7205a72.js');
require('../_chunks/dep-dd180808.js');
require('../_chunks/dep-1043f470.js');
require('../_chunks/dep-76d7e9c9.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
var prefix = config["default"].prefix;
var PickerItem = Vue.defineComponent({
name: "".concat(prefix, "-picker-item"),
props: {
options: {
type: Array
},
value: {
type: [String, Number],
default: void 0
},
renderLabel: {
type: Function,
default: void 0
},
onPick: {
type: Function,
default: void 0
},
swipeDuration: {
type: [String, Number],
default: 300
}
},
emits: ["pick"],
setup: function setup(props, context) {
var pickerItemClass = hooks_useClass.usePrefixClass("picker-item");
var pickerProps = Vue.inject("picker", void 0);
var keys = Vue.computed(function () {
var _pickerProps$keys;
return pickerProps && ((_pickerProps$keys = pickerProps.keys) === null || _pickerProps$keys === void 0 ? void 0 : _pickerProps$keys.value);
});
var picker = null;
var root = Vue.ref();
var getIndexByValue = function getIndexByValue(val) {
var defaultIndex = 0;
if (val !== void 0) {
var _props$options;
defaultIndex = (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.findIndex(function (item) {
var _keys$value$value, _keys$value;
return get.get(item, (_keys$value$value = (_keys$value = keys.value) === null || _keys$value === void 0 ? void 0 : _keys$value.value) !== null && _keys$value$value !== void 0 ? _keys$value$value : "value") === val;
});
}
return defaultIndex < 0 ? 0 : defaultIndex;
};
var className = Vue.computed(function () {
return "".concat(pickerItemClass.value);
});
var updatePickerWithNextTick = function updatePickerWithNextTick(index) {
if (picker) {
picker.updateItems();
Vue.nextTick(function () {
picker.updateIndex(index, {
isChange: false
});
});
}
};
var setIndex = function setIndex(index) {
updatePickerWithNextTick(index);
};
var setValue = function setValue(value) {
var index = getIndexByValue(value);
updatePickerWithNextTick(index);
};
var setOptions = function setOptions() {
var _picker;
(_picker = picker) === null || _picker === void 0 || _picker.update();
};
var setUpdateItems = function setUpdateItems() {
var _picker2;
(_picker2 = picker) === null || _picker2 === void 0 || _picker2.updateItems();
};
context.expose({
setIndex: setIndex,
setValue: setValue,
setOptions: setOptions,
setUpdateItems: setUpdateItems
});
Vue.onMounted(function () {
if (root.value) {
picker = new picker_picker_class["default"]({
el: root.value,
defaultIndex: getIndexByValue(props.value) || 0,
keys: keys.value,
defaultPickerColumns: props.options,
onChange: function onChange(index) {
var _keys$value$value2, _keys$value2, _props$onPick;
var curItem = props.options[index];
var changeValue = {
value: get.get(curItem, (_keys$value$value2 = (_keys$value2 = keys.value) === null || _keys$value2 === void 0 ? void 0 : _keys$value2.value) !== null && _keys$value$value2 !== void 0 ? _keys$value$value2 : "value"),
index: index
};
(_props$onPick = props.onPick) === null || _props$onPick === void 0 || _props$onPick.call(props, changeValue);
},
swipeDuration: props.swipeDuration
});
}
});
Vue.watch(function () {
return props.options;
}, function () {
var _picker3, _picker4;
(_picker3 = picker) === null || _picker3 === void 0 || _picker3.updateOptions(props.options);
(_picker4 = picker) === null || _picker4 === void 0 || _picker4.updateItems();
}, {
flush: "post",
deep: true
});
return function () {
return Vue.createVNode("ul", {
"ref": root,
"class": className.value
}, [(props.options || []).map(function (option, index) {
var _keys$value$disabled, _keys$value3, _keys$value$label, _keys$value4;
return Vue.createVNode("li", {
"key": index,
"class": ["".concat(pickerItemClass.value, "__item"), _defineProperty__default["default"]({}, "".concat(pickerItemClass.value, "__item--disabled"), get.get(option, (_keys$value$disabled = (_keys$value3 = keys.value) === null || _keys$value3 === void 0 ? void 0 : _keys$value3.disabled) !== null && _keys$value$disabled !== void 0 ? _keys$value$disabled : "disabled"))]
}, [context.slots.option ? context.slots.option(option, index) : Vue.createVNode(Vue.Fragment, null, [props.renderLabel ? props.renderLabel(option, index) : get.get(option, (_keys$value$label = (_keys$value4 = keys.value) === null || _keys$value4 === void 0 ? void 0 : _keys$value4.label) !== null && _keys$value$label !== void 0 ? _keys$value$label : "label")])]);
})]);
};
}
});
exports["default"] = PickerItem;
//# sourceMappingURL=picker-item.js.map