@sdata/web-vue 3.30.0 → 4.1.0

package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useComponentRef } from "../_hooks/use-component-ref.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";

package/es/select/select.js

@@ -1,686 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.js";
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isArray, isBoolean, isEmptyObject, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
-import virtual_list_default from "../_components/virtual-list/index.js";
-import { useAllowClear } from "../_hooks/use-allow-clear.js";
-import { useDropdownVirtualListProps } from "../_hooks/use-dropdown-virtual-list-props.js";
-import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
-import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
-import Trigger from "../trigger/index.js";
-import Tooltip from "../tooltip/index.js";
-import { getKeyFromValue, hasEmptyStringKey, isGroupOptionInfo, isValidOption } from "./utils.js";
-import { useSelect } from "./hooks/use-select.js";
-import select_dropdown_default from "./select-dropdown.js";
-import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
-import { debounce } from "../_utils/debounce.js";
-import select_view_default from "../_components/select-view/select-view.js";
-import { useAllowSearch } from "../_hooks/use-allow-search.js";
-import { useTrigger } from "../_hooks/use-trigger.js";
-import Checkbox from "../checkbox/index.js";
-import { computed, createVNode, defineComponent, getCurrentInstance, inject, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch, watchEffect } from "vue";
-//#region components/select/select.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var DEFAULT_FIELD_NAMES = {
-	value: "value",
-	label: "label",
-	children: "children",
-	disabled: "disabled",
-	tagProps: "tagProps"
-};
-var DEFAULT_SELECT_VIRTUAL_ITEM_SIZE = 36;
-var select_default = /* @__PURE__ */ defineComponent({
-	name: "Select",
-	components: {
-		Trigger,
-		SelectView: select_view_default,
-		Checkbox
-	},
-	inheritAttrs: false,
-	props: {
-		multiple: {
-			type: Boolean,
-			default: false
-		},
-		modelValue: {
-			type: [
-				String,
-				Number,
-				Boolean,
-				Object,
-				Array
-			],
-			default: void 0
-		},
-		defaultValue: {
-			type: [
-				String,
-				Number,
-				Boolean,
-				Object,
-				Array
-			],
-			default: (props) => props.multiple ? [] : ""
-		},
-		inputValue: { type: String },
-		defaultInputValue: {
-			type: String,
-			default: ""
-		},
-		size: { type: String },
-		placeholder: String,
-		/**
-		* @zh 宽度是否适应文字内容
-		* @en Whether the width adapts to the text content
-		*/
-		fitWidth: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 最大宽度是否限制为父容器宽度
-		* @en Whether the maximum width is limited to the parent container width
-		*/
-		maxWFull: {
-			type: Boolean,
-			default: true
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 传递给下拉加载中 Spin 的属性
-		* @en Props passed to the loading Spin in the dropdown
-		*/
-		spinProps: { type: Object },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否为只读状态
-		* @en Whether it is read-only
-		*/
-		readonly: {
-			type: [Boolean, String],
-			default: false
-		},
-		error: {
-			type: Boolean,
-			default: false
-		},
-		allowClear: {
-			type: Boolean,
-			default: true
-		},
-		allowSearch: {
-			type: [Boolean, Object],
-			default: true
-		},
-		allowCreate: {
-			type: Boolean,
-			default: false
-		},
-		showArrow: {
-			type: Boolean,
-			default: true
-		},
-		maxTagCount: {
-			type: [Number, String],
-			default: "responsive"
-		},
-		popupContainer: { type: [String, Object] },
-		bordered: {
-			type: Boolean,
-			default: true
-		},
-		defaultActiveFirstOption: {
-			type: Boolean,
-			default: true
-		},
-		popupVisible: {
-			type: Boolean,
-			default: void 0
-		},
-		show: {
-			type: Boolean,
-			default: void 0
-		},
-		defaultPopupVisible: {
-			type: Boolean,
-			default: false
-		},
-		defaultShow: {
-			type: Boolean,
-			default: void 0
-		},
-		unmountOnClose: {
-			type: Boolean,
-			default: false
-		},
-		filterOption: {
-			type: [Boolean, Function],
-			default: true
-		},
-		options: {
-			type: Array,
-			default: () => []
-		},
-		/**
-		* @zh 是否使用 Ellipsis 组件渲染选项。传入 `performant-ellipsis` 时使用高性能省略实现
-		* @en Whether to render options with the Ellipsis component. Use `performant-ellipsis` for the performant implementation
-		*/
-		ellipsis: {
-			type: [Boolean, String],
-			default: true
-		},
-		virtualListProps: { type: Object },
-		triggerProps: { type: Object },
-		floatingOptions: { type: Object },
-		fallbackOption: {
-			type: [Boolean, Function],
-			default: true
-		},
-		showExtraOptions: {
-			type: Boolean,
-			default: true
-		},
-		valueKey: {
-			type: String,
-			default: "value"
-		},
-		searchDelay: {
-			type: Number,
-			default: 500
-		},
-		limit: {
-			type: Number,
-			default: 0
-		},
-		fieldNames: { type: Object },
-		scrollbar: {
-			type: [Boolean, Object],
-			default: true
-		},
-		showHeaderOnEmpty: {
-			type: Boolean,
-			default: false
-		},
-		showFooterOnEmpty: {
-			type: Boolean,
-			default: false
-		},
-		tagNowrap: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		"update:inputValue": (_inputValue) => true,
-		"update:popupVisible": (_visible) => true,
-		"update:show": (_visible) => true,
-		"change": (_value) => true,
-		"inputValueChange": (_inputValue) => true,
-		"popupVisibleChange": (_visible) => true,
-		"showChange": (_visible) => true,
-		"clear": (_ev) => true,
-		"remove": (_removed) => true,
-		"search": (_inputValue) => true,
-		"dropdownScroll": (_ev) => true,
-		"dropdownReachBottom": (_ev) => true,
-		"exceedLimit": (_value, _ev) => true
-	},
-	setup(props, { slots, emit, attrs, expose }) {
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.selectSpinProps), props.spinProps));
-		const { size, disabled, error, options, filterOption, valueKey, multiple, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear, allowSearch } = toRefs(props);
-		const prefixCls = getPrefixCls("select");
-		const selectViewRef = ref(null);
-		const { mergedSize, mergedDisabled, mergedError, eventHandlers } = useFormItem({
-			size,
-			disabled,
-			error
-		});
-		const { mergedAllowClear } = useAllowClear(allowClear);
-		const { mergedAllowSearch } = useAllowSearch(allowSearch);
-		const { mergedDropdownVirtualListProps } = useDropdownVirtualListProps(computed(() => props.virtualListProps));
-		const component = computed(() => mergedDropdownVirtualListProps.value ? "div" : "li");
-		const retainInputValue = computed(() => isObject(mergedAllowSearch.value) && Boolean(mergedAllowSearch.value.retainInputValue));
-		const dropdownRef = ref();
-		const optionRefs = ref({});
-		const virtualListRef = ref();
-		const resolvedVirtualListProps = computed(() => {
-			return resolveDropdownVirtualListProps(mergedDropdownVirtualListProps.value, props.triggerProps, DEFAULT_SELECT_VIRTUAL_ITEM_SIZE);
-		});
-		const { computedPopupVisible, handlePopupVisibleChange: _handlePopupVisibleChange } = useTrigger({
-			popupVisible,
-			defaultPopupVisible,
-			show,
-			defaultShow,
-			emit
-		});
-		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
-		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
-		const handlePopupVisibleChange = (visible) => {
-			if (visible && props.readonly && !mergedDisabled.value) {
-				showReadonlyTip();
-				return;
-			}
-			_handlePopupVisibleChange(visible);
-		};
-		const _value = ref(props.defaultValue);
-		const computedValueObjects = computed(() => {
-			var _props$modelValue;
-			const mergedValue = (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value;
-			const valueArray = [];
-			if (isArray(mergedValue)) valueArray.push(...mergedValue);
-			else if (mergedValue || isNumber(mergedValue) || isString(mergedValue) || isBoolean(mergedValue)) valueArray.push(mergedValue);
-			return valueArray.map((item) => ({
-				value: item,
-				key: getKeyFromValue(item, props.valueKey)
-			}));
-		});
-		watch(modelValue, (nextModelValue) => {
-			if (isUndefined(nextModelValue) || isNull(nextModelValue)) _value.value = multiple.value ? [] : nextModelValue;
-		});
-		const computedValueKeys = computed(() => computedValueObjects.value.map((item) => item.key));
-		const mergedFieldNames = computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), fieldNames.value));
-		const selectedOptionMap = ref({});
-		const getRawOptionFromValueKeys = (valueKeys) => {
-			const optionMap = {};
-			valueKeys.forEach((key) => {
-				optionMap[key] = optionInfoMap.get(key);
-			});
-			return optionMap;
-		};
-		const updateSelectedOption = (valueKeys) => {
-			selectedOptionMap.value = getRawOptionFromValueKeys(valueKeys);
-		};
-		const getFallBackOption = (value) => {
-			if (isFunction(props.fallbackOption)) return props.fallbackOption(value);
-			return {
-				[mergedFieldNames.value.value]: value,
-				[mergedFieldNames.value.label]: String(isObject(value) ? value[valueKey.value] : value)
-			};
-		};
-		const shouldAppendExtraValue = (keyArray, optionKey, optionValue) => {
-			if (keyArray.includes(optionKey) || optionValue === "") return false;
-			const optionInfo = optionInfoMap.get(optionKey);
-			return !optionInfo || optionInfo.origin === "extraOptions";
-		};
-		const appendExtraValue = (valueArray, keyArray, option) => {
-			valueArray.push(option);
-			keyArray.push(option.key);
-		};
-		const getExtraValueData = () => {
-			const valueArray = [];
-			const keyArray = [];
-			if (props.allowCreate || props.fallbackOption) {
-				for (const item of computedValueObjects.value) if (shouldAppendExtraValue(keyArray, item.key, item.value)) appendExtraValue(valueArray, keyArray, item);
-			}
-			if (props.allowCreate && computedInputValue.value) {
-				const createdOption = {
-					value: computedInputValue.value,
-					key: getKeyFromValue(computedInputValue.value)
-				};
-				if (shouldAppendExtraValue(keyArray, createdOption.key, createdOption.value)) appendExtraValue(valueArray, keyArray, createdOption);
-			}
-			return valueArray;
-		};
-		const extraValueObjects = ref([]);
-		const extraOptions = computed(() => extraValueObjects.value.map((item) => {
-			let optionInfo = getFallBackOption(item.value);
-			const extraOptionRawInfo = selectedOptionMap.value[item.key];
-			if (!isUndefined(extraOptionRawInfo) && !isEmptyObject(extraOptionRawInfo)) optionInfo = _objectSpread2(_objectSpread2({}, optionInfo), extraOptionRawInfo);
-			return optionInfo;
-		}));
-		nextTick(() => {
-			watchEffect(() => {
-				const valueData = getExtraValueData();
-				if (valueData.length !== extraValueObjects.value.length) {
-					extraValueObjects.value = valueData;
-					return;
-				}
-				for (let index = 0; index < valueData.length; index += 1) {
-					var _extraValueObjects$va;
-					if (valueData[index].key !== ((_extraValueObjects$va = extraValueObjects.value[index]) === null || _extraValueObjects$va === void 0 ? void 0 : _extraValueObjects$va.key)) {
-						extraValueObjects.value = valueData;
-						break;
-					}
-				}
-			});
-		});
-		const _inputValue = ref(props.defaultInputValue);
-		const computedInputValue = computed(() => {
-			var _props$inputValue;
-			return (_props$inputValue = props.inputValue) !== null && _props$inputValue !== void 0 ? _props$inputValue : _inputValue.value;
-		});
-		watch(computedPopupVisible, (visible) => {
-			if (!visible && !retainInputValue.value && computedInputValue.value) updateInputValue("");
-		});
-		const getValueFromValueKeys = (valueKeys) => {
-			if (!props.multiple) {
-				var _optionInfoMap$get$va, _optionInfoMap$get;
-				return (_optionInfoMap$get$va = (_optionInfoMap$get = optionInfoMap.get(valueKeys[0])) === null || _optionInfoMap$get === void 0 ? void 0 : _optionInfoMap$get.value) !== null && _optionInfoMap$get$va !== void 0 ? _optionInfoMap$get$va : hasEmptyStringKey(optionInfoMap) ? void 0 : "";
-			}
-			return valueKeys.map((key) => {
-				var _optionInfoMap$get$va2, _optionInfoMap$get2;
-				return (_optionInfoMap$get$va2 = (_optionInfoMap$get2 = optionInfoMap.get(key)) === null || _optionInfoMap$get2 === void 0 ? void 0 : _optionInfoMap$get2.value) !== null && _optionInfoMap$get$va2 !== void 0 ? _optionInfoMap$get$va2 : "";
-			});
-		};
-		const updateValue = (valueKeys) => {
-			var _eventHandlers$value, _eventHandlers$value$;
-			const nextValue = getValueFromValueKeys(valueKeys);
-			_value.value = nextValue;
-			emit("update:modelValue", nextValue);
-			emit("change", nextValue);
-			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
-			updateSelectedOption(valueKeys);
-		};
-		const updateInputValue = (inputValue) => {
-			_inputValue.value = inputValue;
-			emit("update:inputValue", inputValue);
-			emit("inputValueChange", inputValue);
-		};
-		const handleMultipleSelect = (key, ev) => {
-			if (!computedValueKeys.value.includes(key)) {
-				if (enabledOptionKeys.value.includes(key)) if (props.limit > 0 && computedValueKeys.value.length >= props.limit) {
-					const info = optionInfoMap.get(key);
-					emit("exceedLimit", info === null || info === void 0 ? void 0 : info.value, ev);
-				} else updateValue(computedValueKeys.value.concat(key));
-			} else updateValue(computedValueKeys.value.filter((valueKeyItem) => valueKeyItem !== key));
-			if (!retainInputValue.value) updateInputValue("");
-		};
-		const handleSingleSelect = (key) => {
-			if (key !== computedValueKeys.value[0]) updateValue([key]);
-			if (retainInputValue.value) {
-				const optionInfo = optionInfoMap.get(key);
-				if (optionInfo) updateInputValue(optionInfo.label);
-			}
-			handlePopupVisibleChange(false);
-		};
-		const handleSelect = (key, ev) => {
-			if (props.multiple) {
-				handleMultipleSelect(key, ev);
-				return;
-			}
-			handleSingleSelect(key);
-		};
-		const handleSearch = debounce((value) => {
-			emit("search", value);
-		}, props.searchDelay);
-		const handleInputValueChange = (inputValue) => {
-			if (inputValue === computedInputValue.value) return;
-			if (!computedPopupVisible.value) handlePopupVisibleChange(true);
-			updateInputValue(inputValue);
-			if (mergedAllowSearch.value) handleSearch(inputValue);
-		};
-		const handleRemove = (key) => {
-			const optionInfo = optionInfoMap.get(key);
-			updateValue(computedValueKeys.value.filter((currentKey) => currentKey !== key));
-			emit("remove", optionInfo === null || optionInfo === void 0 ? void 0 : optionInfo.value);
-		};
-		const handleClear = (event) => {
-			event.stopPropagation();
-			const newKeys = computedValueKeys.value.filter((key) => {
-				var _optionInfoMap$get3;
-				return (_optionInfoMap$get3 = optionInfoMap.get(key)) === null || _optionInfoMap$get3 === void 0 ? void 0 : _optionInfoMap$get3.disabled;
-			});
-			updateValue(newKeys);
-			updateInputValue("");
-			emit("clear", event);
-		};
-		const handleDropdownScroll = (event) => {
-			emit("dropdownScroll", event);
-		};
-		const handleDropdownReachBottom = (event) => {
-			emit("dropdownReachBottom", event);
-		};
-		const { validOptions, optionInfoMap, validOptionInfos, enabledOptionKeys, activeKey, setActiveKey, handleKeyDown } = useSelect({
-			multiple,
-			options,
-			extraOptions,
-			inputValue: computedInputValue,
-			filterOption,
-			showExtraOptions,
-			component,
-			valueKey,
-			fieldNames,
-			loading,
-			popupVisible: computedPopupVisible,
-			valueKeys: computedValueKeys,
-			dropdownRef,
-			optionRefs,
-			virtualListRef,
-			defaultActiveFirstOption,
-			onSelect: handleSelect,
-			onPopupVisibleChange: handlePopupVisibleChange
-		});
-		const selectViewValue = computed(() => {
-			const result = [];
-			for (const item of computedValueObjects.value) {
-				var _optionInfo$label;
-				const optionInfo = optionInfoMap.get(item.key);
-				if (!optionInfo) continue;
-				result.push(_objectSpread2(_objectSpread2({}, optionInfo), {}, {
-					value: item.key,
-					label: (_optionInfo$label = optionInfo.label) !== null && _optionInfo$label !== void 0 ? _optionInfo$label : String(isObject(item.value) ? item.value[valueKey.value] : item.value),
-					closable: !optionInfo.disabled,
-					tagProps: optionInfo.tagProps,
-					option: optionInfo.raw
-				}));
-			}
-			return result;
-		});
-		const triggerValue = computed(() => {
-			const values = computedValueObjects.value.map((item) => item.value);
-			return props.multiple ? values : values[0];
-		});
-		const triggerDisplayValue = computed(() => {
-			var _labels$;
-			const labels = selectViewValue.value.map((item) => String(item.label));
-			return props.multiple ? labels : (_labels$ = labels[0]) !== null && _labels$ !== void 0 ? _labels$ : "";
-		});
-		const triggerSelectedOptions = computed(() => selectViewValue.value.map((item) => item.option).filter((option) => Boolean(option)));
-		const renderOptionEllipsis = (label) => {
-			if (props.ellipsis === false) return label;
-			return createVNode(props.ellipsis === "performant-ellipsis" ? PerformantEllipsis : Ellipsis, null, _isSlot(label) ? label : { default: () => [label] });
-		};
-		const getOptionContentFunc = (optionInfo) => {
-			if (isFunction(slots.option)) return () => {
-				var _slots$option;
-				return (_slots$option = slots.option) === null || _slots$option === void 0 ? void 0 : _slots$option.call(slots, { data: optionInfo.raw });
-			};
-			return () => renderOptionEllipsis(optionInfo.label);
-		};
-		const optionPrefixCls = getPrefixCls("select-option");
-		const groupPrefixCls = getPrefixCls("select-group");
-		const optionInstanceUid = getCurrentInstance().uid;
-		const optionId = (key) => `${optionPrefixCls}-${optionInstanceUid}-${key}`;
-		const renderOption = (optionInfo) => {
-			let _slot;
-			if (isGroupOptionInfo(optionInfo)) return createVNode("li", {
-				"key": optionInfo.key,
-				"role": "group",
-				"aria-label": optionInfo.label,
-				"class": groupPrefixCls
-			}, [createVNode("div", { "class": `${groupPrefixCls}-title` }, [renderOptionEllipsis(optionInfo.label)]), optionInfo.options.map((child) => renderOption(child))]);
-			if (!isValidOption(optionInfo, {
-				inputValue: computedInputValue.value,
-				filterOption: filterOption.value
-			})) return null;
-			const isSelected = computedValueKeys.value.includes(optionInfo.key);
-			const isActive = activeKey.value === optionInfo.key;
-			const cls = [optionPrefixCls, {
-				[`${optionPrefixCls}-disabled`]: optionInfo.disabled,
-				[`${optionPrefixCls}-selected`]: isSelected,
-				[`${optionPrefixCls}-active`]: isActive,
-				[`${optionPrefixCls}-multiple`]: props.multiple
-			}];
-			const handleClick = (ev) => {
-				if (!optionInfo.disabled) handleSelect(optionInfo.key, ev);
-			};
-			const handleMouseEnter = () => {
-				if (!optionInfo.disabled) setActiveKey(optionInfo.key);
-			};
-			const handleMouseLeave = () => {
-				if (!optionInfo.disabled) setActiveKey();
-			};
-			const Tag = component.value;
-			return createVNode(Tag, {
-				"ref": (el) => {
-					var _el$$el;
-					const element = (_el$$el = el === null || el === void 0 ? void 0 : el.$el) !== null && _el$$el !== void 0 ? _el$$el : el;
-					if (element instanceof HTMLElement) optionRefs.value[optionInfo.key] = element;
-				},
-				"key": optionInfo.key,
-				"class": cls,
-				"role": "option",
-				"id": optionId(optionInfo.key),
-				"aria-selected": isSelected,
-				"aria-disabled": optionInfo.disabled || void 0,
-				"onClick": handleClick,
-				"onMouseenter": handleMouseEnter,
-				"onMouseleave": handleMouseLeave
-			}, { default: () => [props.multiple ? createVNode(Checkbox, {
-				"class": `${optionPrefixCls}-checkbox`,
-				"modelValue": isSelected,
-				"disabled": optionInfo.disabled,
-				"uninjectGroupContext": true
-			}, _isSlot(_slot = getOptionContentFunc(optionInfo)()) ? _slot : { default: () => [_slot] }) : createVNode("span", { "class": `${optionPrefixCls}-content` }, [getOptionContentFunc(optionInfo)()])] });
-		};
-		const renderDropDown = () => createVNode(select_dropdown_default, {
-			"ref": dropdownRef,
-			"loading": props.loading,
-			"spinProps": mergedSpinProps.value,
-			"empty": validOptionInfos.value.length === 0,
-			"virtualList": Boolean(resolvedVirtualListProps.value),
-			"scrollbar": props.scrollbar,
-			"showHeaderOnEmpty": props.showHeaderOnEmpty,
-			"showFooterOnEmpty": props.showFooterOnEmpty,
-			"onScroll": handleDropdownScroll,
-			"onReachBottom": handleDropdownReachBottom
-		}, {
-			"default": () => validOptions.value.map(renderOption),
-			"virtual-list": () => createVNode(virtual_list_default, mergeProps(resolvedVirtualListProps.value, {
-				"ref": virtualListRef,
-				"items": validOptions.value
-			}), { item: ({ item }) => renderOption(item) }),
-			"empty": slots.empty,
-			"header": slots.header,
-			"footer": slots.footer
-		});
-		const renderLabel = ({ data }) => {
-			var _data$label;
-			if (slots.label && data) {
-				var _data$option, _optionInfoMap$get4;
-				const optionData = (_data$option = data.option) !== null && _data$option !== void 0 ? _data$option : (_optionInfoMap$get4 = optionInfoMap.get(data.value)) === null || _optionInfoMap$get4 === void 0 ? void 0 : _optionInfoMap$get4.raw;
-				if (optionData) return slots.label({ data: optionData });
-			}
-			return (_data$label = data.label) !== null && _data$label !== void 0 ? _data$label : "";
-		};
-		const renderTag = ({ data }) => {
-			var _data$option2, _optionInfoMap$get5, _slots$tag, _slots$tag2;
-			const optionData = (_data$option2 = data.option) !== null && _data$option2 !== void 0 ? _data$option2 : (_optionInfoMap$get5 = optionInfoMap.get(data.value)) === null || _optionInfoMap$get5 === void 0 ? void 0 : _optionInfoMap$get5.raw;
-			if (!optionData) return renderLabel({ data });
-			return (_slots$tag = (_slots$tag2 = slots.tag) === null || _slots$tag2 === void 0 ? void 0 : _slots$tag2.call(slots, { data: optionData })) !== null && _slots$tag !== void 0 ? _slots$tag : renderLabel({ data });
-		};
-		expose({
-			focus: () => {
-				var _selectViewRef$value, _selectViewRef$value$;
-				return (_selectViewRef$value = selectViewRef.value) === null || _selectViewRef$value === void 0 || (_selectViewRef$value$ = _selectViewRef$value.focus) === null || _selectViewRef$value$ === void 0 ? void 0 : _selectViewRef$value$.call(_selectViewRef$value);
-			},
-			blur: () => {
-				var _selectViewRef$value2, _selectViewRef$value3;
-				return (_selectViewRef$value2 = selectViewRef.value) === null || _selectViewRef$value2 === void 0 || (_selectViewRef$value3 = _selectViewRef$value2.blur) === null || _selectViewRef$value3 === void 0 ? void 0 : _selectViewRef$value3.call(_selectViewRef$value2);
-			}
-		});
-		const comboboxInputAttrs = computed(() => ({
-			"role": "combobox",
-			"aria-expanded": computedPopupVisible.value,
-			"aria-autocomplete": mergedAllowSearch.value ? "list" : "none",
-			"aria-activedescendant": activeKey.value ? optionId(activeKey.value) : void 0
-		}));
-		return () => createVNode(Tooltip, {
-			"popupVisible": tipVisible.value,
-			"content": readonlyTipText.value,
-			"position": "top"
-		}, { default: () => {
-			var _props$floatingOption, _props$triggerProps;
-			return [createVNode(Trigger, mergeProps({
-				"trigger": "click",
-				"position": "bl",
-				"popupOffset": 4,
-				"animationName": "slide-dynamic-origin",
-				"hideEmpty": true,
-				"preventFocus": true,
-				"autoFitPopupWidth": true,
-				"autoFitTransformOrigin": true,
-				"aria-has-popup": "listbox",
-				"disabled": mergedDisabled.value,
-				"popupVisible": computedPopupVisible.value,
-				"unmountOnClose": props.unmountOnClose,
-				"clickToClose": !(mergedAllowSearch.value || props.allowCreate),
-				"popupContainer": props.popupContainer,
-				"onPopupVisibleChange": handlePopupVisibleChange
-			}, props.triggerProps, { "floatingOptions": (_props$floatingOption = props.floatingOptions) !== null && _props$floatingOption !== void 0 ? _props$floatingOption : (_props$triggerProps = props.triggerProps) === null || _props$triggerProps === void 0 ? void 0 : _props$triggerProps.floatingOptions }), {
-				default: () => {
-					var _slots$trigger, _slots$trigger2;
-					return [(_slots$trigger = (_slots$trigger2 = slots.trigger) === null || _slots$trigger2 === void 0 ? void 0 : _slots$trigger2.call(slots, {
-						value: triggerValue.value,
-						displayValue: triggerDisplayValue.value,
-						inputValue: computedInputValue.value,
-						selectedOptions: triggerSelectedOptions.value,
-						popupVisible: computedPopupVisible.value,
-						disabled: mergedDisabled.value,
-						loading: props.loading,
-						multiple: props.multiple
-					})) !== null && _slots$trigger !== void 0 ? _slots$trigger : createVNode(select_view_default, mergeProps({
-						"ref": selectViewRef,
-						"class": prefixCls,
-						"modelValue": selectViewValue.value,
-						"inputValue": computedInputValue.value,
-						"multiple": props.multiple,
-						"disabled": mergedDisabled.value,
-						"error": mergedError.value,
-						"loading": props.loading,
-						"allowClear": mergedAllowClear.value,
-						"allowCreate": props.allowCreate,
-						"allowSearch": Boolean(mergedAllowSearch.value),
-						"showArrow": props.showArrow,
-						"opened": computedPopupVisible.value,
-						"maxTagCount": props.maxTagCount,
-						"placeholder": props.placeholder,
-						"fitWidth": props.fitWidth,
-						"maxWFull": props.maxWFull,
-						"bordered": props.bordered,
-						"size": mergedSize.value,
-						"tagNowrap": props.tagNowrap,
-						"inputAttrs": comboboxInputAttrs.value
-					}, {
-						onInputValueChange: handleInputValueChange,
-						onKeydown: handleKeyDown
-					}, {
-						"onRemove": handleRemove,
-						"onClear": handleClear
-					}, attrs), {
-						"label": renderLabel,
-						"tag": renderTag,
-						"prefix": slots.prefix,
-						"arrow-icon": slots["arrow-icon"],
-						"loading-icon": slots["loading-icon"],
-						"search-icon": slots["search-icon"]
-					})];
-				},
-				content: renderDropDown
-			})];
-		} });
-	}
-});
+import select_vue_vue_type_script_setup_true_lang_default from "./select.vue_vue_type_script_setup_true_lang.js";
+//#region components/select/select.vue
+var select_default = select_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { select_default as default };