tdesign-mobile-vue
Version:
tdesign-mobile-vue
186 lines (178 loc) • 7.24 kB
JavaScript
/**
* tdesign v1.9.3
* (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-7fa39e6f.js');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('../shared/dom.js');
require('../_chunks/dep-88fe047a.js');
require('../_chunks/dep-2f809ed9.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-ef223206.js');
require('../_chunks/dep-c3cb976c.js');
require('../_chunks/dep-757b152c.js');
require('../_chunks/dep-5be9198d.js');
require('./utils.js');
require('../_chunks/dep-21f18d3b.js');
require('../_chunks/dep-b9642a56.js');
require('../_common/js/global-config/mobile/default-config.js');
require('../_common/js/global-config/mobile/locale/zh_CN.js');
require('../_chunks/dep-28b1e09d.js');
require('../_chunks/dep-57aa1aa0.js');
require('dayjs');
require('../_chunks/dep-85204fa0.js');
require('../_chunks/dep-f6b14f80.js');
require('../_chunks/dep-a8d60643.js');
require('../_chunks/dep-7c911ba3.js');
require('../_chunks/dep-49f0a63e.js');
require('../_chunks/dep-d950aa21.js');
require('../_chunks/dep-a697b1b9.js');
require('../_chunks/dep-4dfb9b9c.js');
require('../_chunks/dep-c65deed7.js');
require('../_chunks/dep-94eeec5a.js');
require('../_chunks/dep-060bf1cf.js');
require('../_chunks/dep-0e05e959.js');
require('../_chunks/dep-324da301.js');
require('../_chunks/dep-da6dc2cf.js');
require('../_chunks/dep-ccc9ad3d.js');
require('../_chunks/dep-0528a76d.js');
require('../_chunks/dep-2b08c0a6.js');
require('../_chunks/dep-afa9f3f2.js');
require('../_chunks/dep-ae809b86.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) : 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