tdesign-vue-next
Version:
TDesign Component for vue-next
232 lines (226 loc) • 10 kB
JavaScript
/**
* tdesign v1.20.0
* (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-0e867224.js');
var index$1 = require('../../_chunks/dep-aa87a8f5.js');
var index = require('../../_chunks/dep-b9c82189.js');
require('@babel/runtime/helpers/slicedToArray');
require('../../_chunks/dep-ce392f73.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-ff124dc0.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-6b2b1f80.js');
require('../../_chunks/dep-d3e2e950.js');
require('../../_chunks/dep-8e3205d4.js');
require('../../_chunks/dep-c7627f80.js');
require('../../_chunks/dep-caa8987f.js');
require('../../_chunks/dep-5858b58f.js');
require('../../_chunks/dep-514a65fd.js');
require('../../_chunks/dep-b90ea288.js');
require('../../_chunks/dep-34e686da.js');
require('../../_chunks/dep-bf028c39.js');
require('../../_chunks/dep-950f8e72.js');
require('../../_chunks/dep-b809bbd2.js');
require('../../_chunks/dep-08fc313e.js');
require('../../checkbox/constants/index.js');
require('../../checkbox/hooks/useCheckboxLazyLoad.js');
require('../../_chunks/dep-2199d5ef.js');
require('../../checkbox/hooks/useKeyboardEvent.js');
require('../../_chunks/dep-f6c6e123.js');
require('../../_chunks/dep-f549ecb7.js');
require('../../_chunks/dep-b3ef977e.js');
require('../../_chunks/dep-aa61e27f.js');
require('../../_chunks/dep-cd6733fb.js');
require('../../_chunks/dep-5c730151.js');
require('../../_chunks/dep-1da18355.js');
require('../../_chunks/dep-4f8e5834.js');
require('../../_chunks/dep-ff23118f.js');
require('../../_chunks/dep-678c34e4.js');
require('../../_chunks/dep-a64c9b8c.js');
require('../../_chunks/dep-aafbacfe.js');
require('dayjs');
require('../../_chunks/dep-c539b8cf.js');
require('../../_chunks/dep-bd404105.js');
require('../../_chunks/dep-5ed96ff4.js');
require('../../_chunks/dep-b937ef62.js');
require('../../_chunks/dep-0ad5a5a6.js');
require('../../_chunks/dep-68ca5b5a.js');
require('../../_chunks/dep-ce54d478.js');
require('../../_chunks/dep-9b493151.js');
require('../../_chunks/dep-933eb47e.js');
require('../../_chunks/dep-01e6d254.js');
require('../../_chunks/dep-d3fa0c96.js');
require('../../_chunks/dep-5a252af6.js');
require('../../_chunks/dep-f4839f43.js');
require('../../_chunks/dep-330e6dfc.js');
require('../../_chunks/dep-af55a921.js');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/classCallCheck');
require('../../checkbox/group.js');
require('../../checkbox/checkbox-group-props.js');
require('../../_chunks/dep-b63ae774.js');
require('../../_chunks/dep-2655508e.js');
require('../../_chunks/dep-09706c94.js');
require('../../_chunks/dep-680b807b.js');
require('../../_chunks/dep-ce75379a.js');
require('../../_chunks/dep-654cced3.js');
require('../utils/index.js');
require('../option-group-props.js');
require('../../_chunks/dep-b8c6ffbe.js');
require('../../_chunks/dep-858b9fa8.js');
require('../../_chunks/dep-f0cb3461.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