tdesign-vue-next
Version:
TDesign Component for vue-next
232 lines (226 loc) • 10 kB
JavaScript
/**
* tdesign v1.20.3
* (c) 2026 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var Vue = require('vue');
var select_option = require('../option.js');
var select_optionGroup = require('../option-group.js');
var select_props = require('../props.js');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/typeof');
require('../../_chunks/dep-2c21b252.js');
var index$1 = require('../../_chunks/dep-93df7a9f.js');
var index = require('../../_chunks/dep-86bbc302.js');
require('@babel/runtime/helpers/slicedToArray');
require('../../_chunks/dep-c786fc66.js');
require('@babel/runtime/helpers/defineProperty');
var select_hooks_usePanelVirtualScroll = require('../hooks/usePanelVirtualScroll.js');
var select_constants_index = require('../constants/index.js');
var omit = require('../../_chunks/dep-89711cb4.js');
var configProvider_hooks_useConfig = require('../../config-provider/hooks/useConfig.js');
require('../option-props.js');
require('../../checkbox/index.js');
require('../../checkbox/checkbox.js');
require('../../checkbox/props.js');
require('../../_chunks/dep-0291711b.js');
require('../../_chunks/dep-b77934df.js');
require('../../_chunks/dep-38abd3cd.js');
require('../../_chunks/dep-6e80bcd4.js');
require('../../_chunks/dep-2e72c048.js');
require('../../_chunks/dep-819c4f94.js');
require('../../_chunks/dep-0831ed6e.js');
require('../../_chunks/dep-e2add6b7.js');
require('../../_chunks/dep-45471156.js');
require('../../_chunks/dep-8a60b761.js');
require('../../_chunks/dep-fec8a710.js');
require('../../_chunks/dep-a0c4328d.js');
require('../../_chunks/dep-0bba6d5f.js');
require('../../checkbox/constants/index.js');
require('../../checkbox/hooks/useCheckboxLazyLoad.js');
require('../../_chunks/dep-de75b99f.js');
require('../../checkbox/hooks/useKeyboardEvent.js');
require('../../_chunks/dep-1ce9ff03.js');
require('../../_chunks/dep-50880721.js');
require('../../_chunks/dep-ce131a62.js');
require('../../_chunks/dep-cdf9c885.js');
require('../../_chunks/dep-f8f6dc81.js');
require('../../_chunks/dep-c1906837.js');
require('../../_chunks/dep-83655e4e.js');
require('../../_chunks/dep-d43281a2.js');
require('../../_chunks/dep-7cf95213.js');
require('../../_chunks/dep-a901463b.js');
require('../../_chunks/dep-f13dc940.js');
require('../../_chunks/dep-dc718ec7.js');
require('dayjs');
require('../../_chunks/dep-e1852b70.js');
require('../../_chunks/dep-d0ba8f3b.js');
require('../../_chunks/dep-34ae74be.js');
require('../../_chunks/dep-820ea949.js');
require('../../_chunks/dep-5ce4c94e.js');
require('../../_chunks/dep-48f8bd7a.js');
require('../../_chunks/dep-9488062b.js');
require('../../_chunks/dep-6475bea6.js');
require('../../_chunks/dep-53a0e29c.js');
require('../../_chunks/dep-ab3db94c.js');
require('../../_chunks/dep-577d39b3.js');
require('../../_chunks/dep-00b0ff32.js');
require('../../_chunks/dep-5bcb760f.js');
require('../../_chunks/dep-bf13d379.js');
require('../../_chunks/dep-95fe29fa.js');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/classCallCheck');
require('../../checkbox/group.js');
require('../../checkbox/checkbox-group-props.js');
require('../../_chunks/dep-805d8b35.js');
require('../../_chunks/dep-16c8711a.js');
require('../../_chunks/dep-52ccbe47.js');
require('../../_chunks/dep-58fc3ce4.js');
require('../../_chunks/dep-3f3d6afe.js');
require('../../_chunks/dep-6876bcab.js');
require('../utils/index.js');
require('../option-group-props.js');
require('../../_chunks/dep-df4085a6.js');
require('../../_chunks/dep-72375f9e.js');
require('../../_chunks/dep-595bb757.js');
function _isSlot(s) {
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !Vue.isVNode(s);
}
var SelectPanel = Vue.defineComponent({
name: "TSelectPanel",
props: {
inputValue: select_props["default"].inputValue,
panelTopContent: select_props["default"].panelTopContent,
panelBottomContent: select_props["default"].panelBottomContent,
empty: select_props["default"].empty,
creatable: select_props["default"].creatable,
loading: select_props["default"].loading,
loadingText: select_props["default"].loadingText,
multiple: select_props["default"].multiple,
filterable: select_props["default"].filterable,
filter: select_props["default"].filter,
scroll: select_props["default"].scroll,
keys: select_props["default"].keys
},
setup: function setup(props, _ref) {
var expose = _ref.expose;
var COMPONENT_NAME = index.usePrefixClass("select");
var renderTNodeJSX = index$1.useTNodeJSX();
var renderDefaultTNode = index$1.useTNodeDefault();
var _useConfig = configProvider_hooks_useConfig.useConfig("select"),
t = _useConfig.t,
globalConfig = _useConfig.globalConfig;
var tSelect = Vue.inject(select_constants_index.selectInjectKey);
var innerRef = Vue.ref(null);
var keys = Vue.computed(function () {
return props.keys;
});
var popupContentRef = Vue.computed(function () {
return tSelect.value.popupContentRef.value;
});
var showCreateOption = Vue.computed(function () {
return props.creatable && props.filterable && props.inputValue;
});
var displayOptions = Vue.computed(function () {
return tSelect.value.displayOptions;
});
var _usePanelVirtualScrol = select_hooks_usePanelVirtualScroll.usePanelVirtualScroll({
scroll: props.scroll,
popupContentRef: popupContentRef,
options: displayOptions
}),
trs = _usePanelVirtualScrol.trs,
visibleData = _usePanelVirtualScrol.visibleData,
handleRowMounted = _usePanelVirtualScrol.handleRowMounted,
isVirtual = _usePanelVirtualScrol.isVirtual,
panelStyle = _usePanelVirtualScrol.panelStyle,
cursorStyle = _usePanelVirtualScrol.cursorStyle;
var isEmpty = Vue.computed(function () {
return !displayOptions.value.length;
});
var renderCreateOption = function renderCreateOption() {
return Vue.createVNode("ul", {
"class": ["".concat(COMPONENT_NAME.value, "__create-option"), "".concat(COMPONENT_NAME.value, "__list")]
}, [Vue.createVNode(select_option["default"], {
"value": props.inputValue,
"label": "".concat(props.inputValue),
"createAble": true,
"class": "".concat(COMPONENT_NAME.value, "__create-option--special")
}, null)]);
};
var _renderOptionsContent = function renderOptionsContent(options) {
return Vue.createVNode("ul", {
"class": "".concat(COMPONENT_NAME.value, "__list")
}, [options.map(function (item, index) {
var _props$scroll, _props$scroll2;
if (item.children) {
var _slot;
return Vue.createVNode(select_optionGroup["default"], {
"label": item.group,
"divider": item.divider
}, _isSlot(_slot = _renderOptionsContent(item.children)) ? _slot : {
"default": function _default() {
return [_slot];
}
});
}
var defaultOmit = ["index", "$index", "className", "tagName"];
var _ref2 = keys.value || {},
value = _ref2.value,
label = _ref2.label,
disabled = _ref2.disabled;
var shouldOmitContent = [value, label, disabled].includes("content");
var option = omit.omit(item, defaultOmit.concat(shouldOmitContent ? "content" : []));
return Vue.createVNode(select_option["default"], Vue.mergeProps(option, isVirtual.value ? {
rowIndex: item.$index,
trs: trs,
scrollType: (_props$scroll = props.scroll) === null || _props$scroll === void 0 ? void 0 : _props$scroll.type,
isVirtual: isVirtual.value,
bufferSize: (_props$scroll2 = props.scroll) === null || _props$scroll2 === void 0 ? void 0 : _props$scroll2.bufferSize,
key: "".concat(item.$index || "", "_").concat(index, "_").concat(item.value)
} : {
key: "".concat(index, "_").concat(item.value)
}, {
"index": index,
"multiple": props.multiple,
"onRowMounted": handleRowMounted
}), item.slots);
})]);
};
var dropdownInnerSize = Vue.computed(function () {
return {
small: "s",
medium: "m",
large: "l"
}[tSelect.value.size];
});
expose({
innerRef: innerRef,
visibleData: visibleData,
isVirtual: isVirtual,
displayOptions: displayOptions
});
var renderPanel = function renderPanel(options, extraStyle) {
return Vue.createVNode("div", {
"ref": innerRef,
"class": ["".concat(COMPONENT_NAME.value, "__dropdown-inner"), "".concat(COMPONENT_NAME.value, "__dropdown-inner--size-").concat(dropdownInnerSize.value)],
"style": extraStyle
}, [showCreateOption.value && renderCreateOption(), props.loading && renderDefaultTNode("loadingText", {
defaultNode: Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__loading-tips")
}, [t(globalConfig.value.loadingText)])
}), !props.loading && isEmpty.value && !showCreateOption.value && Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__empty")
}, [renderTNodeJSX("empty") || t(globalConfig.value.empty)]), !isEmpty.value && _renderOptionsContent(options)]);
};
return function () {
return isVirtual.value ? Vue.createVNode(Vue.Fragment, null, [renderTNodeJSX("panelTopContent"), Vue.createVNode("div", null, [Vue.createVNode("div", {
"style": cursorStyle.value
}, null), renderPanel(visibleData.value, panelStyle.value)]), renderTNodeJSX("panelBottomContent")]) : Vue.createVNode(Vue.Fragment, null, [renderTNodeJSX("panelTopContent"), renderPanel(displayOptions.value), renderTNodeJSX("panelBottomContent")]);
};
}
});
exports["default"] = SelectPanel;
//# sourceMappingURL=select-panel.js.map