tdesign-mobile-vue
Version:
tdesign-mobile-vue
194 lines (186 loc) • 7.53 kB
JavaScript
/**
* tdesign v1.13.2
* (c) 2026 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 picker_constants = require('./constants.js');
var get = require('../_chunks/dep-a316fb34.js');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('../shared/dom.js');
require('../_chunks/dep-abe9931d.js');
require('../_chunks/dep-d16bf091.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-c041cd95.js');
require('../_chunks/dep-db763263.js');
require('../_chunks/dep-c6554877.js');
require('../_chunks/dep-a8725fec.js');
require('./utils.js');
require('../_chunks/dep-ede0b0a5.js');
require('../_chunks/dep-dafca6f5.js');
require('../_common/js/global-config/mobile/default-config.js');
require('../_common/js/global-config/mobile/locale/zh_CN.js');
require('../_chunks/dep-88b647f4.js');
require('../_chunks/dep-f339c931.js');
require('dayjs');
require('../_chunks/dep-89205991.js');
require('../_chunks/dep-082c7326.js');
require('../_chunks/dep-591548d1.js');
require('../_chunks/dep-a9fd9906.js');
require('../_chunks/dep-a837a88d.js');
require('../_chunks/dep-d2416277.js');
require('../_chunks/dep-4a0acbaa.js');
require('../_chunks/dep-f5894bc3.js');
require('../_chunks/dep-d404c733.js');
require('../_chunks/dep-bd009758.js');
require('../_chunks/dep-83213f5d.js');
require('../_chunks/dep-412d3c4b.js');
require('../_chunks/dep-644f5d6a.js');
require('../_chunks/dep-933759bc.js');
require('../_chunks/dep-a625ee7d.js');
require('../_chunks/dep-e49294a5.js');
require('../_chunks/dep-a1831458.js');
require('../_chunks/dep-d8e3a669.js');
require('../_chunks/dep-a58ecafb.js');
require('../_chunks/dep-bcc78903.js');
require('../_chunks/dep-e1cc657b.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
},
wheelConfig: {
type: Object,
default: function _default() {
return picker_constants.DEFAULT_WHEEL_CONFIG;
}
}
},
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 updatePickerIndex = function updatePickerIndex(index) {
if (picker) {
picker.updateItems();
picker.updateIndex(index, {
isChange: false
});
}
};
var setIndex = function setIndex(index) {
updatePickerIndex(index);
};
var setValue = function setValue(value) {
var index = getIndexByValue(value);
updatePickerIndex(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);
},
wheelConfig: props.wheelConfig
});
}
});
Vue.onBeforeUnmount(function () {
var _picker3;
(_picker3 = picker) === null || _picker3 === void 0 || _picker3.destroy();
picker = null;
});
Vue.watch(function () {
return props.options;
}, function () {
var _picker4, _picker5;
(_picker4 = picker) === null || _picker4 === void 0 || _picker4.updateOptions(props.options);
(_picker5 = picker) === null || _picker5 === void 0 || _picker5.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