@sdata/web-vue 3.12.0 → 3.14.0

package/es/tree/tree.vue_vue_type_script_setup_true_lang.js

@@ -1,17 +1,18 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isFunction, isUndefined } from "../_utils/is.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import virtual_list_default from "../_components/virtual-list/index.js";
-import useMergeState from "../_hooks/use-merge-state.js";
 import usePickSlots from "../_hooks/use-pick-slots.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import { isLeafNode, isNodeExpandable, isNodeSelectable } from "./utils/index.js";
 import useTreeData from "./hooks/use-tree-data.js";
 import { getCheckedStateByCheck, isNodeCheckable } from "./utils/check-utils.js";
 import { TreeInjectionKey } from "./context.js";
 import useCheckedState from "./hooks/use-checked-state.js";
 import node_default from "./node.js";
-import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, reactive, ref, renderList, toRefs, unref, useSlots, watch, withCtx } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, provide, reactive, ref, renderList, toRefs, unref, useSlots, watch, withCtx } from "vue";
 //#region components/tree/tree.vue?vue&type=script&setup=true&lang.ts
 var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Tree" }), {}, {
 	__name: "tree",
@@ -340,6 +341,7 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			};
 		});
 		const virtualListRef = ref(null);
+		const rootEl = ref(null);
 		const virtualListVersion = ref(0);
 		const virtualListKey = computed(() => `tree-virtual-list-${virtualListVersion.value}`);
 		const switcherIcon = usePickSlots(slots, "switcher-icon");
@@ -421,6 +423,78 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			});
 			return uniqueNodeList;
 		});
+		const activeKey = ref(void 0);
+		const effectiveActiveKey = computed(() => {
+			var _visibleTreeNodeList$;
+			if (activeKey.value !== void 0) return activeKey.value;
+			const selected = mergedSelectedKeys.value.find((k) => key2TreeNode.value.has(k));
+			if (selected !== void 0) return selected;
+			return (_visibleTreeNodeList$ = visibleTreeNodeList.value[0]) === null || _visibleTreeNodeList$ === void 0 ? void 0 : _visibleTreeNodeList$.key;
+		});
+		function focusNodeKey(targetKey) {
+			activeKey.value = targetKey;
+			nextTick(() => {
+				var _rootEl$value;
+				const el = (_rootEl$value = rootEl.value) === null || _rootEl$value === void 0 ? void 0 : _rootEl$value.querySelector(`[data-key="${CSS.escape(String(targetKey))}"]`);
+				el === null || el === void 0 || el.focus();
+			});
+		}
+		function onNodeKeydown(key, e) {
+			var _node$children;
+			const list = visibleTreeNodeList.value;
+			const idx = list.findIndex((n) => n.key === key);
+			if (idx === -1) return;
+			const node = list[idx];
+			const hasChildren = !node.isLeaf && Boolean((_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.length);
+			const isExpanded = mergedExpandedKeys.value.includes(key);
+			switch (e.key) {
+				case KEYBOARD_KEY.ARROW_DOWN:
+					e.preventDefault();
+					if (list[idx + 1]) focusNodeKey(list[idx + 1].key);
+					break;
+				case KEYBOARD_KEY.ARROW_UP:
+					e.preventDefault();
+					if (list[idx - 1]) focusNodeKey(list[idx - 1].key);
+					break;
+				case KEYBOARD_KEY.HOME:
+					e.preventDefault();
+					if (list[0]) focusNodeKey(list[0].key);
+					break;
+				case KEYBOARD_KEY.END:
+					e.preventDefault();
+					if (list.length) focusNodeKey(list[list.length - 1].key);
+					break;
+				case KEYBOARD_KEY.ARROW_RIGHT:
+					e.preventDefault();
+					if (hasChildren && !isExpanded) onExpand(true, key, e);
+					else if (hasChildren && isExpanded) {
+						var _node$children2;
+						const firstChild = (_node$children2 = node.children) === null || _node$children2 === void 0 ? void 0 : _node$children2[0];
+						if (firstChild) focusNodeKey(firstChild.key);
+					}
+					break;
+				case KEYBOARD_KEY.ARROW_LEFT:
+					e.preventDefault();
+					if (hasChildren && isExpanded) onExpand(false, key, e);
+					else {
+						const parents = node.pathParentKeys;
+						if (parents.length) focusNodeKey(parents[parents.length - 1]);
+					}
+					break;
+				case KEYBOARD_KEY.ENTER:
+				case KEYBOARD_KEY.SPACE:
+					if (node.checkable && !node.disableCheckbox && !node.disabled) {
+						e.preventDefault();
+						onCheck(!mergedCheckedKeys.value.includes(key), key, e);
+						break;
+					}
+					if (node.selectable && !node.disabled) {
+						e.preventDefault();
+						onSelect(key, e);
+					}
+					break;
+			}
+		}
 		function getPublicCheckedKeys(rawCheckedKeys, rawCheckedStrategy = checkedStrategy.value) {
 			let publicCheckedKeys = [...rawCheckedKeys];
 			if (rawCheckedStrategy === "parent") publicCheckedKeys = rawCheckedKeys.filter((_key) => {
@@ -717,6 +791,7 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			expandedKeys: mergedExpandedKeys,
 			loadingKeys,
 			currentExpandKeys,
+			activeKey: effectiveActiveKey,
 			onLoadMore: computed(() => (loadMore === null || loadMore === void 0 ? void 0 : loadMore.value) ? function() {
 				var _ref = _asyncToGenerator(function* (key) {
 					if (!isFunction(loadMore.value)) return;
@@ -744,6 +819,7 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			onExpand,
 			onExpandEnd,
 			onNodeEvent,
+			onNodeKeydown,
 			onNodeLongPress,
 			onNodeSwipe,
 			allowDrop(key, dropPosition) {
@@ -947,8 +1023,11 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				ref_key: "rootEl",
+				ref: rootEl,
 				class: normalizeClass(classNames.value),
-				style: normalizeStyle(treeStyle.value)
+				style: normalizeStyle(treeStyle.value),
+				role: "tree"
 			}, [unref(virtualListProps) ? (openBlock(), createBlock(unref(virtual_list_default), mergeProps({
 				key: virtualListKey.value,
 				ref_key: "virtualListRef",

package/es/tree-select/tree-select.vue.d.ts

@@ -5,30 +5,33 @@ import { ScrollbarProps } from '../scrollbar';
 import { TreeFieldNames, TreeNodeData, TreeProps } from '../tree/interface';
 import { TriggerProps } from '../trigger';
 import { LabelValue, TreeSelectValue } from './interface';
-declare var __VLS_10: {}, __VLS_26: {}, __VLS_29: any, __VLS_32: {
+declare var __VLS_16: {}, __VLS_32: {}, __VLS_35: any, __VLS_38: {
     data: any;
-}, __VLS_35: {}, __VLS_37: {}, __VLS_44: {}, __VLS_58: {};
+}, __VLS_41: {}, __VLS_43: {}, __VLS_50: {}, __VLS_64: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_10) => any;
+    trigger?: (props: typeof __VLS_16) => any;
 } & {
-    prefix?: (props: typeof __VLS_26) => any;
+    prefix?: (props: typeof __VLS_32) => any;
 } & {
-    label?: (props: typeof __VLS_29) => any;
+    label?: (props: typeof __VLS_35) => any;
 } & {
-    tag?: (props: typeof __VLS_32) => any;
+    tag?: (props: typeof __VLS_38) => any;
 } & {
-    header?: (props: typeof __VLS_35) => any;
+    header?: (props: typeof __VLS_41) => any;
 } & {
-    loader?: (props: typeof __VLS_37) => any;
+    loader?: (props: typeof __VLS_43) => any;
 } & {
-    empty?: (props: typeof __VLS_44) => any;
+    empty?: (props: typeof __VLS_50) => any;
 } & {
-    footer?: (props: typeof __VLS_58) => any;
+    footer?: (props: typeof __VLS_64) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+    };
     loading: {
         type: BooleanConstructor;
     };
@@ -203,6 +206,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: {
         type: BooleanConstructor;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+    };
     loading: {
         type: BooleanConstructor;
     };

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

@@ -6,9 +6,11 @@ import { isFunction, isObject, isUndefined } from "../_utils/is.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 useMergeState from "../_hooks/use-merge-state.js";
 import Spin from "../spin/index.js";
-import Trigger from "../trigger/index.js";
 import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import pickSubCompSlots from "../_utils/pick-sub-comp-slots.js";
@@ -18,7 +20,7 @@ import { getCheckedStateByCheck, isNodeCheckable } from "../tree/utils/check-uti
 import useFilterTreeNode from "./hooks/use-filter-tree-node.js";
 import useSelectedState from "./hooks/use-selected-state.js";
 import panel_default from "./panel.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, toRef, toRefs, unref, withCtx } from "vue";
 //#region components/tree-select/tree-select.vue?vue&type=script&setup=true&lang.ts
 var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "TreeSelect",
@@ -32,6 +34,11 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		* */
 		disabled: { type: Boolean },
 		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		* */
+		readonly: { type: [Boolean, String] },
+		/**
 		* @zh 是否为加载中状态
 		* @en Whether it is loading state
 		* */
@@ -506,7 +513,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			var _popupVisible$value;
 			return (_popupVisible$value = popupVisible.value) !== null && _popupVisible$value !== void 0 ? _popupVisible$value : show.value;
 		}) }));
-		const setPanelVisible = (visible) => {
+		const _setPanelVisible = (visible) => {
 			if (visible !== panelVisible.value) {
 				setLocalPanelVisible(visible);
 				emit("popup-visible-change", visible);
@@ -516,6 +523,21 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			}
 			if (!visible) refSelectView.value && refSelectView.value.blur && refSelectView.value.blur();
 		};
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
+		const triggerInputAttrs = computed(() => ({
+			"role": "combobox",
+			"aria-expanded": panelVisible.value,
+			"aria-haspopup": "listbox",
+			"aria-autocomplete": mergedAllowSearch.value ? "list" : "none"
+		}));
+		const setPanelVisible = (visible) => {
+			if (visible && props.readonly && !mergedDisabled.value) {
+				showReadonlyTip();
+				return;
+			}
+			_setPanelVisible(visible);
+		};
 		const { isEmptyFilterResult, filterTreeNode: computedFilterTreeNode } = useFilterTreeNode(reactive({
 			searchValue: computedInputValue,
 			flattenTreeData,
@@ -568,139 +590,149 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			} else setSelectedKeys(selectedKeys.value.filter((i) => i !== id));
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Trigger), mergeProps({
-				class: `${unref(prefixCls)}-trigger`,
-				"auto-fit-popup-min-width": "",
-				trigger: "click",
-				position: "bl",
-				"popup-offset": 4,
-				"animation-name": "slide-dynamic-origin",
-				"prevent-focus": true
-			}, resolvedTriggerProps.value, {
-				disabled: unref(mergedDisabled),
-				"popup-visible": unref(panelVisible),
-				"popup-container": __props.popupContainer,
-				"click-to-close": !Boolean(unref(mergedAllowSearch)),
-				"auto-fit-transform-origin": "",
-				onPopupVisibleChange: unref(onVisibleChange)
-			}), {
-				content: withCtx(() => [createElementVNode("div", {
-					class: normalizeClass([
-						`${unref(prefixCls)}-popup`,
-						{
-							[`${unref(prefixCls)}-has-header`]: Boolean(_ctx.$slots.header),
-							[`${unref(prefixCls)}-has-footer`]: Boolean(_ctx.$slots.footer)
-						},
-						__props.dropdownClassName
-					]),
-					style: normalizeStyle(computedDropdownStyle.value)
-				}, [
-					_ctx.$slots.header && (!isEmpty.value || __props.showHeaderOnEmpty) ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: normalizeClass(`${unref(prefixCls)}-header`)
-					}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
-					__props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [createVNode(unref(Spin))]) : isEmpty.value ? renderSlot(_ctx.$slots, "empty", { key: 2 }, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(TreeSelectEmpty) ? unref(TreeSelectEmpty) : "Empty")))]) : (openBlock(), createBlock(unref(panel_default), {
-						key: 3,
-						"selected-keys": unref(selectedKeys),
-						"show-checkable": mergedTreeCheckable.value,
-						scrollbar: __props.scrollbar,
-						"tree-props": _objectSpread2(_objectSpread2({
-							actionOnNodeClick: unref(selectable) === "leaf" ? "expand" : void 0,
-							blockNode: true
-						}, mergedTreeProps.value), {}, {
-							data: mergedData.value,
-							checkStrictly: unref(treeCheckStrictly),
-							checkedStrategy: mergedTreeCheckedStrategy.value,
-							fieldNames: unref(fieldNames),
-							multiple: unref(multiple),
-							loadMore: __props.loadMore,
-							filterTreeNode: unref(computedFilterTreeNode),
-							size: __props.size,
-							checkable: isCheckable.value,
-							selectable: isSelectable,
-							searchValue: unref(searchValue)
-						}),
-						"tree-slots": unref(pickSubCompSlots)(_ctx.$slots, "tree"),
-						onChange: onSelectChange
-					}, null, 8, [
-						"selected-keys",
-						"show-checkable",
-						"scrollbar",
-						"tree-props",
-						"tree-slots"
-					])),
-					_ctx.$slots.footer && (!isEmpty.value || __props.showFooterOnEmpty) ? (openBlock(), createElementBlock("div", {
-						key: 4,
-						class: normalizeClass(`${unref(prefixCls)}-footer`)
-					}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
-				], 6)]),
-				default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(select_view_default), mergeProps({
-					ref_key: "refSelectView",
-					ref: refSelectView,
-					"model-value": selectViewValue.value,
-					"input-value": unref(searchValue),
-					"allow-search": Boolean(unref(mergedAllowSearch)),
-					"allow-clear": unref(mergedAllowClear),
-					"show-arrow": __props.showArrow,
-					loading: __props.loading,
-					size: __props.size,
-					"max-tag-count": __props.maxTagCount,
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": unref(tipVisible),
+				content: unref(readonlyTipText),
+				position: "top"
+			}, {
+				default: withCtx(() => [createVNode(unref(Trigger), mergeProps({
+					class: `${unref(prefixCls)}-trigger`,
+					"auto-fit-popup-min-width": "",
+					trigger: "click",
+					position: "bl",
+					"popup-offset": 4,
+					"animation-name": "slide-dynamic-origin",
+					"prevent-focus": true
+				}, resolvedTriggerProps.value, {
 					disabled: unref(mergedDisabled),
-					opened: unref(panelVisible),
-					error: __props.error,
-					bordered: __props.border,
-					placeholder: __props.placeholder,
-					multiple: isMultiple.value
-				}, _ctx.$attrs, {
-					onInputValueChange: unref(onSearchValueChange),
-					onClear: onInnerClear,
-					onRemove: onItemRemove,
-					onBlur
-				}), createSlots({ _: 2 }, [
-					_ctx.$slots.prefix ? {
-						name: "prefix",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
-						key: "0"
-					} : void 0,
-					_ctx.$slots.label ? {
-						name: "label",
-						fn: withCtx((selectedData) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(selectedData)))]),
-						key: "1"
-					} : void 0,
-					_ctx.$slots.tag ? {
-						name: "tag",
-						fn: withCtx((selectedData) => {
-							var _selectedData$data$op, _selectedData$data;
-							return [renderSlot(_ctx.$slots, "tag", { data: (_selectedData$data$op = selectedData === null || selectedData === void 0 || (_selectedData$data = selectedData.data) === null || _selectedData$data === void 0 ? void 0 : _selectedData$data.option) !== null && _selectedData$data$op !== void 0 ? _selectedData$data$op : selectedData === null || selectedData === void 0 ? void 0 : selectedData.data })];
-						}),
-						key: "2"
-					} : void 0
-				]), 1040, [
-					"model-value",
-					"input-value",
-					"allow-search",
-					"allow-clear",
-					"show-arrow",
-					"loading",
-					"size",
-					"max-tag-count",
+					"popup-visible": unref(panelVisible),
+					"popup-container": __props.popupContainer,
+					"click-to-close": !Boolean(unref(mergedAllowSearch)),
+					"auto-fit-transform-origin": "",
+					"aria-has-popup": "listbox",
+					onPopupVisibleChange: unref(onVisibleChange)
+				}), {
+					content: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass([
+							`${unref(prefixCls)}-popup`,
+							{
+								[`${unref(prefixCls)}-has-header`]: Boolean(_ctx.$slots.header),
+								[`${unref(prefixCls)}-has-footer`]: Boolean(_ctx.$slots.footer)
+							},
+							__props.dropdownClassName
+						]),
+						style: normalizeStyle(computedDropdownStyle.value)
+					}, [
+						_ctx.$slots.header && (!isEmpty.value || __props.showHeaderOnEmpty) ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(`${unref(prefixCls)}-header`)
+						}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
+						__props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [createVNode(unref(Spin))]) : isEmpty.value ? renderSlot(_ctx.$slots, "empty", { key: 2 }, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(TreeSelectEmpty) ? unref(TreeSelectEmpty) : "Empty")))]) : (openBlock(), createBlock(unref(panel_default), {
+							key: 3,
+							"selected-keys": unref(selectedKeys),
+							"show-checkable": mergedTreeCheckable.value,
+							scrollbar: __props.scrollbar,
+							"tree-props": _objectSpread2(_objectSpread2({
+								actionOnNodeClick: unref(selectable) === "leaf" ? "expand" : void 0,
+								blockNode: true
+							}, mergedTreeProps.value), {}, {
+								data: mergedData.value,
+								checkStrictly: unref(treeCheckStrictly),
+								checkedStrategy: mergedTreeCheckedStrategy.value,
+								fieldNames: unref(fieldNames),
+								multiple: unref(multiple),
+								loadMore: __props.loadMore,
+								filterTreeNode: unref(computedFilterTreeNode),
+								size: __props.size,
+								checkable: isCheckable.value,
+								selectable: isSelectable,
+								searchValue: unref(searchValue)
+							}),
+							"tree-slots": unref(pickSubCompSlots)(_ctx.$slots, "tree"),
+							onChange: onSelectChange
+						}, null, 8, [
+							"selected-keys",
+							"show-checkable",
+							"scrollbar",
+							"tree-props",
+							"tree-slots"
+						])),
+						_ctx.$slots.footer && (!isEmpty.value || __props.showFooterOnEmpty) ? (openBlock(), createElementBlock("div", {
+							key: 4,
+							class: normalizeClass(`${unref(prefixCls)}-footer`)
+						}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+					], 6)]),
+					default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(select_view_default), mergeProps({
+						ref_key: "refSelectView",
+						ref: refSelectView,
+						"model-value": selectViewValue.value,
+						"input-value": unref(searchValue),
+						"allow-search": Boolean(unref(mergedAllowSearch)),
+						"allow-clear": unref(mergedAllowClear),
+						"show-arrow": __props.showArrow,
+						loading: __props.loading,
+						size: __props.size,
+						"max-tag-count": __props.maxTagCount,
+						disabled: unref(mergedDisabled),
+						opened: unref(panelVisible),
+						error: __props.error,
+						bordered: __props.border,
+						placeholder: __props.placeholder,
+						multiple: isMultiple.value,
+						"input-attrs": triggerInputAttrs.value
+					}, _ctx.$attrs, {
+						onInputValueChange: unref(onSearchValueChange),
+						onClear: onInnerClear,
+						onRemove: onItemRemove,
+						onBlur
+					}), createSlots({ _: 2 }, [
+						_ctx.$slots.prefix ? {
+							name: "prefix",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+							key: "0"
+						} : void 0,
+						_ctx.$slots.label ? {
+							name: "label",
+							fn: withCtx((selectedData) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(selectedData)))]),
+							key: "1"
+						} : void 0,
+						_ctx.$slots.tag ? {
+							name: "tag",
+							fn: withCtx((selectedData) => {
+								var _selectedData$data$op, _selectedData$data;
+								return [renderSlot(_ctx.$slots, "tag", { data: (_selectedData$data$op = selectedData === null || selectedData === void 0 || (_selectedData$data = selectedData.data) === null || _selectedData$data === void 0 ? void 0 : _selectedData$data.option) !== null && _selectedData$data$op !== void 0 ? _selectedData$data$op : selectedData === null || selectedData === void 0 ? void 0 : selectedData.data })];
+							}),
+							key: "2"
+						} : void 0
+					]), 1040, [
+						"model-value",
+						"input-value",
+						"allow-search",
+						"allow-clear",
+						"show-arrow",
+						"loading",
+						"size",
+						"max-tag-count",
+						"disabled",
+						"opened",
+						"error",
+						"bordered",
+						"placeholder",
+						"multiple",
+						"input-attrs",
+						"onInputValueChange"
+					])])]),
+					_: 3
+				}, 16, [
+					"class",
 					"disabled",
-					"opened",
-					"error",
-					"bordered",
-					"placeholder",
-					"multiple",
-					"onInputValueChange"
-				])])]),
+					"popup-visible",
+					"popup-container",
+					"click-to-close",
+					"onPopupVisibleChange"
+				])]),
 				_: 3
-			}, 16, [
-				"class",
-				"disabled",
-				"popup-visible",
-				"popup-container",
-				"click-to-close",
-				"onPopupVisibleChange"
-			]);
+			}, 8, ["popup-visible", "content"]);
 		};
 	}
 }));

package/es/trigger/index.d.ts

@@ -145,6 +145,18 @@ declare const Trigger: {
             type: NumberConstructor;
             default: number;
         };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaHasPopup: {
+            type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+            default: undefined;
+        };
+        ariaDescribedbyPopup: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
@@ -186,6 +198,9 @@ declare const Trigger: {
         preventFocus: boolean;
         scrollToClose: boolean;
         scrollToCloseDistance: number;
+        escToClose: boolean;
+        ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        ariaDescribedbyPopup: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -336,6 +351,18 @@ declare const Trigger: {
             type: NumberConstructor;
             default: number;
         };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaHasPopup: {
+            type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+            default: undefined;
+        };
+        ariaDescribedbyPopup: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
@@ -371,6 +398,9 @@ declare const Trigger: {
         preventFocus: boolean;
         scrollToClose: boolean;
         scrollToCloseDistance: number;
+        escToClose: boolean;
+        ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        ariaDescribedbyPopup: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -518,6 +548,18 @@ declare const Trigger: {
         type: NumberConstructor;
         default: number;
     };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaHasPopup: {
+        type: import("vue").PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+        default: undefined;
+    };
+    ariaDescribedbyPopup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onHide?: (() => any) | undefined;
     onResize?: (() => any) | undefined;
@@ -559,6 +601,9 @@ declare const Trigger: {
     preventFocus: boolean;
     scrollToClose: boolean;
     scrollToCloseDistance: number;
+    escToClose: boolean;
+    ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+    ariaDescribedbyPopup: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: SDOptions) => void;
 };

package/es/trigger/trigger.d.ts

@@ -144,6 +144,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaHasPopup: {
+        type: PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+        default: undefined;
+    };
+    ariaDescribedbyPopup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:popupVisible': (_visible: boolean) => true;
     popupVisibleChange: (_visible: boolean) => true;
@@ -293,6 +305,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaHasPopup: {
+        type: PropType<boolean | "menu" | "listbox" | "tree" | "grid" | "dialog">;
+        default: undefined;
+    };
+    ariaDescribedbyPopup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onHide?: (() => any) | undefined;
     onResize?: (() => any) | undefined;
@@ -328,5 +352,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     preventFocus: boolean;
     scrollToClose: boolean;
     scrollToCloseDistance: number;
+    escToClose: boolean;
+    ariaHasPopup: boolean | "dialog" | "menu" | "listbox" | "tree" | "grid";
+    ariaDescribedbyPopup: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;