tdesign-vue-next
Version:
TDesign Component for vue-next
232 lines (226 loc) • 10 kB
JavaScript
/**
* tdesign v1.20.5
* (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-585d6c94.js');
var index$1 = require('../../_chunks/dep-66b5d186.js');
var index = require('../../_chunks/dep-b1d94383.js');
require('@babel/runtime/helpers/slicedToArray');
require('../../_chunks/dep-baf36d63.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-1f53c8f1.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-90720be5.js');
require('../../_chunks/dep-a97b2511.js');
require('../../_chunks/dep-623344fa.js');
require('../../_chunks/dep-b9732182.js');
require('../../_chunks/dep-769d7974.js');
require('../../_chunks/dep-1cdae5d8.js');
require('../../_chunks/dep-413aa545.js');
require('../../_chunks/dep-8e42e226.js');
require('../../_chunks/dep-a410cb52.js');
require('../../_chunks/dep-a93c11da.js');
require('../../_chunks/dep-81864895.js');
require('../../_chunks/dep-6c33e8ba.js');
require('../../_chunks/dep-8ed924be.js');
require('../../checkbox/constants/index.js');
require('../../checkbox/hooks/useCheckboxLazyLoad.js');
require('../../_chunks/dep-9bbfae7b.js');
require('../../checkbox/hooks/useKeyboardEvent.js');
require('../../_chunks/dep-c89a238c.js');
require('../../_chunks/dep-68db1aaa.js');
require('../../_chunks/dep-cd7082a8.js');
require('../../_chunks/dep-910c567c.js');
require('../../_chunks/dep-2d37d5cd.js');
require('../../_chunks/dep-1afc7792.js');
require('../../_chunks/dep-aefa8ba6.js');
require('../../_chunks/dep-ccabd329.js');
require('../../_chunks/dep-b32b6cf9.js');
require('../../_chunks/dep-d078611c.js');
require('../../_chunks/dep-c4cfd635.js');
require('../../_chunks/dep-d126d743.js');
require('dayjs');
require('../../_chunks/dep-96f790a8.js');
require('../../_chunks/dep-a8736751.js');
require('../../_chunks/dep-33b91282.js');
require('../../_chunks/dep-8dbc3afe.js');
require('../../_chunks/dep-c2be3f4f.js');
require('../../_chunks/dep-d22c1428.js');
require('../../_chunks/dep-4c389805.js');
require('../../_chunks/dep-b23043e8.js');
require('../../_chunks/dep-4236e391.js');
require('../../_chunks/dep-761a1054.js');
require('../../_chunks/dep-4ba8d64f.js');
require('../../_chunks/dep-2a3acdc6.js');
require('../../_chunks/dep-34f739da.js');
require('../../_chunks/dep-6b6b1c14.js');
require('../../_chunks/dep-6a34d9fa.js');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/classCallCheck');
require('../../checkbox/group.js');
require('../../checkbox/checkbox-group-props.js');
require('../../_chunks/dep-bdaed78a.js');
require('../../_chunks/dep-0b2d67f5.js');
require('../../_chunks/dep-4487bf13.js');
require('../../_chunks/dep-c6b2e854.js');
require('../../_chunks/dep-df734b78.js');
require('../../_chunks/dep-59c05610.js');
require('../utils/index.js');
require('../option-group-props.js');
require('../../_chunks/dep-eb816459.js');
require('../../_chunks/dep-60b002fe.js');
require('../../_chunks/dep-dc822200.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