@sdata/web-vue 2.1.0 → 2.2.1

package/es/tree-select/{tree-select.vue_vue_type_script_lang.js → tree-select.vue_vue_type_script_setup_true_lang.js}

@@ -7,7 +7,6 @@ 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 useMergeState from "../_hooks/use-merge-state.js";
-import Empty from "../empty/index.js";
 import Spin from "../spin/index.js";
 import Trigger from "../trigger/index.js";
 import select_view_default from "../_components/select-view/select-view.js";
@@ -19,18 +18,13 @@ 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, defineComponent, inject, nextTick, reactive, ref, toRefs } from "vue";
-//#region components/tree-select/tree-select.vue?vue&type=script&lang.ts
-var tree_select_vue_vue_type_script_lang_default = defineComponent({
+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";
+//#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",
-	components: {
-		Trigger,
-		SelectView: select_view_default,
-		Panel: panel_default,
-		Empty,
-		Spin
-	},
-	inheritAttrs: false,
+	inheritAttrs: false
+}), {}, {
+	__name: "tree-select",
 	props: {
 		/**
 		* @zh 是否禁用
@@ -338,105 +332,82 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			default: ""
 		}
 	},
-	emits: {
+	emits: [
+		"change",
+		"update:modelValue",
+		"update:value",
+		"update:inputValue",
+		"popup-visible-change",
+		"update:popupVisible",
+		"showChange",
+		"update:show",
+		"search",
+		"clear",
+		"inputValueChange"
+	],
+	setup(__props, { emit: __emit }) {
+		var _configCtx$slots, _configCtx$slots$empt, _defaultPopupVisible$;
+		const props = __props;
+		const emit = __emit;
 		/**
-		* @zh 值改变时触发
-		* @en Trigger when the value changes
-		* @param {string | number | LabelValue | Array<string | number> | LabelValue[] | undefined} value
+		* @zh 自定义触发元素
+		* @en Custom trigger element
+		* @slot trigger
 		*/
-		"change": (_value) => true,
-		"update:modelValue": (_value) => true,
-		"update:value": (_value) => true,
-		"update:inputValue": (_inputValue) => true,
-		/**
-		* @zh 下拉框显示状态改变时触发
-		* @en Triggered when the status of the drop-down box changes
-		* @param {boolean} visible
+		/**
+		* @zh 前缀
+		* @en Prefix
+		* @slot prefix
 		*/
-		"popup-visible-change": (_visible) => true,
-		"update:popupVisible": (_visible) => true,
-		"showChange": (_visible) => true,
-		"update:show": (_visible) => true,
-		/**
-		* @zh 搜索值变化时触发
-		* @en Triggered when the search value changes
-		* @param {string} searchKey
+		/**
+		* @zh 自定义选择框显示
+		* @en Custom Label
+		* @slot label
+		* @binding data
 		*/
-		"search": (_searchKey) => true,
 		/**
-		* @zh 点击清除时触发
-		* @en Triggered when clear is clicked
-		* */
-		"clear": () => true,
+		* @zh 定制加载中显示的内容
+		* @en Customizing the content displayed during loading
+		* @slot loader
+		*/
 		/**
-		* @zh 输入框的值发生改变时触发
-		* @en Triggered when the value of the input changes
-		* @param {string} inputValue
-		* @version 2.55.0
+		* @zh 定制空数据展示
+		* @en Custom empty data display
+		* @slot empty
+		*/
+		/**
+		* @zh 定制 tree 组件的 switcher 图标
+		* @en Custom switcher icon for the tree component
+		* @slot tree-slot-switcher-icon
+		*/
+		/**
+		* @zh 定制 tree 组件的节点图标
+		* @en Custom node icon for the tree component
+		* @slot tree-slot-icon
+		* @binding {TreeNodeData} node
+		* @version 2.18.0
+		*/
+		/**
+		* @zh 定制 tree 组件的节点标题
+		* @en Custom the node title of the tree component
+		* @slot tree-slot-title
+		* @binding {string} title
+		*/
+		/**
+		* @zh 定制 tree 组件的渲染额外节点内容
+		* @en Render additional node content of the tree component
+		* @slot tree-slot-extra
+		*/
+		/**
+		* @zh 自定义下拉框页头
+		* @en The header of the drop-down box
+		* @slot header
+		*/
+		/**
+		* @zh 自定义下拉框页脚
+		* @en The footer of the drop-down box
+		* @slot footer
 		*/
-		"inputValueChange": (_inputValue) => true
-	},
-	/**
-	* @zh 自定义触发元素
-	* @en Custom trigger element
-	* @slot trigger
-	*/
-	/**
-	* @zh 前缀
-	* @en Prefix
-	* @slot prefix
-	*/
-	/**
-	* @zh 自定义选择框显示
-	* @en Custom Label
-	* @slot label
-	* @binding data
-	*/
-	/**
-	* @zh 定制加载中显示的内容
-	* @en Customizing the content displayed during loading
-	* @slot loader
-	*/
-	/**
-	* @zh 定制空数据展示
-	* @en Custom empty data display
-	* @slot empty
-	*/
-	/**
-	* @zh 定制 tree 组件的 switcher 图标
-	* @en Custom switcher icon for the tree component
-	* @slot tree-slot-switcher-icon
-	*/
-	/**
-	* @zh 定制 tree 组件的节点图标
-	* @en Custom node icon for the tree component
-	* @slot tree-slot-icon
-	* @binding {TreeNodeData} node
-	* @version 2.18.0
-	*/
-	/**
-	* @zh 定制 tree 组件的节点标题
-	* @en Custom the node title of the tree component
-	* @slot tree-slot-title
-	* @binding {string} title
-	*/
-	/**
-	* @zh 定制 tree 组件的渲染额外节点内容
-	* @en Render additional node content of the tree component
-	* @slot tree-slot-extra
-	*/
-	/**
-	* @zh 自定义下拉框页头
-	* @en The header of the drop-down box
-	* @slot header
-	*/
-	/**
-	* @zh 自定义下拉框页脚
-	* @en The footer of the drop-down box
-	* @slot footer
-	*/
-	setup(props, { emit, slots }) {
-		var _configCtx$slots, _configCtx$slots$empt, _defaultPopupVisible$;
 		const { defaultValue, modelValue, multiple, popupVisible, show, defaultPopupVisible, defaultShow, treeCheckable, treeCheckStrictly, data, options, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, checkable, checkStrategy, showPath, separator, value, virtualScroll } = toRefs(props);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const prefixCls = getPrefixCls("tree-select");
@@ -533,6 +504,7 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			var _props$inputValue;
 			return (_props$inputValue = props.inputValue) !== null && _props$inputValue !== void 0 ? _props$inputValue : _inputValue.value;
 		});
+		const searchValue = computedInputValue;
 		const updateInputValue = (inputValue) => {
 			_inputValue.value = inputValue;
 			emit("update:inputValue", inputValue);
@@ -583,60 +555,169 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 		const onBlur = () => {
 			if (!retainInputValue.value && computedInputValue.value) updateInputValue("");
 		};
-		return {
-			refSelectView,
-			prefixCls,
-			TreeSelectEmpty,
-			selectedValue,
-			selectedKeys,
-			mergedDisabled,
-			mergedData,
-			searchValue: computedInputValue,
-			panelVisible,
-			isEmpty,
-			computedFilterTreeNode,
-			isMultiple,
-			mergedAllowSearch,
-			mergedAllowClear,
-			mergedTreeCheckable,
-			mergedTreeCheckedStrategy,
-			mergedTreeProps,
-			resolvedTriggerProps,
-			selectViewValue,
-			computedDropdownStyle,
-			onSearchValueChange: handleInputValueChange,
-			onSelectChange(newVal) {
-				setSelectedKeys(newVal);
-				if (!retainInputValue.value && computedInputValue.value) updateInputValue("");
-				if (!isMultiple.value) setPanelVisible(false);
-			},
-			onVisibleChange: setPanelVisible,
-			onInnerClear() {
-				setSelectedKeys([]);
-				emit("clear");
-			},
-			pickSubCompSlots,
-			isSelectable,
-			isCheckable,
-			onBlur,
-			onItemRemove(id) {
-				if (mergedDisabled.value) return;
-				const node = key2TreeNode.value.get(id);
-				if (mergedTreeCheckable.value && node) {
-					if (isNodeClosable(node)) {
-						const [newVal] = getCheckedStateByCheck({
-							node,
-							checked: false,
-							checkedKeys: selectedKeys.value,
-							indeterminateKeys: [],
-							checkStrictly: treeCheckStrictly.value
-						});
-						setSelectedKeys(newVal);
-					}
-				} else setSelectedKeys(selectedKeys.value.filter((i) => i !== id));
-			}
+		const onSearchValueChange = handleInputValueChange;
+		const onSelectChange = (newVal) => {
+			setSelectedKeys(newVal);
+			if (!retainInputValue.value && computedInputValue.value) updateInputValue("");
+			if (!isMultiple.value) setPanelVisible(false);
+		};
+		const onVisibleChange = setPanelVisible;
+		const onInnerClear = () => {
+			setSelectedKeys([]);
+			emit("clear");
+		};
+		const onItemRemove = (id) => {
+			if (mergedDisabled.value) return;
+			const node = key2TreeNode.value.get(id);
+			if (mergedTreeCheckable.value && node) {
+				if (isNodeClosable(node)) {
+					const [newVal] = getCheckedStateByCheck({
+						node,
+						checked: false,
+						checkedKeys: selectedKeys.value,
+						indeterminateKeys: [],
+						checkStrictly: treeCheckStrictly.value
+					});
+					setSelectedKeys(newVal);
+				}
+			} 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,
+					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",
+					"disabled",
+					"opened",
+					"error",
+					"bordered",
+					"placeholder",
+					"multiple",
+					"onInputValueChange"
+				])])]),
+				_: 3
+			}, 16, [
+				"class",
+				"disabled",
+				"popup-visible",
+				"popup-container",
+				"click-to-close",
+				"onPopupVisibleChange"
+			]);
 		};
 	}
-});
+}));
 //#endregion
-export { tree_select_vue_vue_type_script_lang_default as default };
+export { tree_select_vue_vue_type_script_setup_true_lang_default as default };

package/es/trigger/context.d.ts

@@ -1,8 +1,8 @@
-import type { InjectionKey } from 'vue';
+import type { ComponentPublicInstance, InjectionKey } from 'vue';
 export interface TriggerContext {
     onMouseenter: (ev: MouseEvent) => void;
     onMouseleave: (ev: MouseEvent) => void;
-    addChildRef: (ref: any) => void;
-    removeChildRef: (ref: any) => void;
+    addChildRef: (ref: HTMLElement | ComponentPublicInstance) => void;
+    removeChildRef: (ref: HTMLElement | ComponentPublicInstance) => void;
 }
 export declare const triggerInjectionKey: InjectionKey<TriggerContext>;

package/es/trigger/index.d.ts

@@ -147,10 +147,10 @@ declare const Trigger: {
         };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -158,12 +158,12 @@ declare const Trigger: {
         hide: () => true;
         resize: () => true;
     }, import("vue").PublicProps, {
-        position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
-        disabled: boolean;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        disabled: boolean;
         popupOffset: number;
         showArrow: boolean;
         alignPoint: boolean;
@@ -338,17 +338,17 @@ declare const Trigger: {
         };
     }>> & Readonly<{
         onHide?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
         onResize?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
-        disabled: boolean;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        disabled: boolean;
         popupOffset: number;
         showArrow: boolean;
         alignPoint: boolean;
@@ -520,10 +520,10 @@ declare const Trigger: {
     };
 }>> & Readonly<{
     onHide?: (() => any) | undefined;
-    onShow?: (() => any) | undefined;
     onResize?: (() => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onShow?: (() => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:popupVisible': (_visible: boolean) => true;
     popupVisibleChange: (_visible: boolean) => true;
@@ -531,12 +531,12 @@ declare const Trigger: {
     hide: () => true;
     resize: () => true;
 }, string, {
-    position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
-    disabled: boolean;
     autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    disabled: boolean;
     popupOffset: number;
     showArrow: boolean;
     alignPoint: boolean;

package/es/trigger/interface.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'vue';
+import type { ClassName } from '../_utils/types';
 import { TriggerEvent, TriggerPosition } from '../_utils/constant';
 export type TriggerPopupTranslate = [number, number] | {
     [key in TriggerPosition]?: [number, number];
@@ -18,9 +19,9 @@ export interface TriggerProps {
     clickToClose?: boolean;
     clickOutsideToClose?: boolean;
     unmountOnClose?: boolean;
-    contentClass?: any;
+    contentClass?: ClassName;
     contentStyle?: CSSProperties;
-    arrowClass?: any;
+    arrowClass?: ClassName;
     arrowStyle?: CSSProperties;
     popupStyle?: CSSProperties;
     animationName?: string;

package/es/trigger/trigger.d.ts

@@ -295,17 +295,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onHide?: (() => any) | undefined;
-    onShow?: (() => any) | undefined;
     onResize?: (() => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onShow?: (() => any) | undefined;
 }>, {
-    position: "left" | "right" | "bottom" | "top" | "tl" | "tr" | "bl" | "br" | "lt" | "lb" | "rt" | "rb";
-    disabled: boolean;
     autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    disabled: boolean;
     popupOffset: number;
     showArrow: boolean;
     alignPoint: boolean;

package/es/trigger/trigger.js

@@ -330,6 +330,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 	* @slot content
 	*/
 	setup(props, { emit, slots, attrs }) {
+		const triggerEventAttrs = attrs;
 		const prefixCls = getPrefixCls("trigger");
 		const popupAttrs = computed(() => omit(attrs, TRIGGER_EVENTS));
 		const configCtx = inject(configProviderInjectionKey, void 0);
@@ -435,8 +436,8 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			} else update();
 		};
 		const handleClick = (e) => {
-			var _attrs$onClick;
-			(_attrs$onClick = attrs.onClick) === null || _attrs$onClick === void 0 || _attrs$onClick.call(attrs, e);
+			var _triggerEventAttrs$on;
+			(_triggerEventAttrs$on = triggerEventAttrs.onClick) === null || _triggerEventAttrs$on === void 0 || _triggerEventAttrs$on.call(triggerEventAttrs, e);
 			if (props.disabled || computedVisible.value && !props.clickToClose) return;
 			if (triggerMethods.value.includes("click")) {
 				updateMousePosition(e);
@@ -444,8 +445,8 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			} else if (triggerMethods.value.includes("contextMenu") && computedVisible.value) changeVisible(false);
 		};
 		const handleMouseEnter = (e) => {
-			var _attrs$onMouseenter;
-			(_attrs$onMouseenter = attrs.onMouseenter) === null || _attrs$onMouseenter === void 0 || _attrs$onMouseenter.call(attrs, e);
+			var _triggerEventAttrs$on2;
+			(_triggerEventAttrs$on2 = triggerEventAttrs.onMouseenter) === null || _triggerEventAttrs$on2 === void 0 || _triggerEventAttrs$on2.call(triggerEventAttrs, e);
 			if (props.disabled || !triggerMethods.value.includes("hover")) return;
 			updateMousePosition(e);
 			changeVisible(true, props.mouseEnterDelay);
@@ -455,8 +456,8 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			handleMouseEnter(e);
 		};
 		const handleMouseLeave = (e) => {
-			var _attrs$onMouseleave;
-			(_attrs$onMouseleave = attrs.onMouseleave) === null || _attrs$onMouseleave === void 0 || _attrs$onMouseleave.call(attrs, e);
+			var _triggerEventAttrs$on3;
+			(_triggerEventAttrs$on3 = triggerEventAttrs.onMouseleave) === null || _triggerEventAttrs$on3 === void 0 || _triggerEventAttrs$on3.call(triggerEventAttrs, e);
 			if (props.disabled || !triggerMethods.value.includes("hover")) return;
 			changeVisible(false, props.mouseLeaveDelay);
 		};
@@ -465,21 +466,21 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			handleMouseLeave(e);
 		};
 		const handleFocusin = (e) => {
-			var _attrs$onFocusin;
-			(_attrs$onFocusin = attrs.onFocusin) === null || _attrs$onFocusin === void 0 || _attrs$onFocusin.call(attrs, e);
+			var _triggerEventAttrs$on4;
+			(_triggerEventAttrs$on4 = triggerEventAttrs.onFocusin) === null || _triggerEventAttrs$on4 === void 0 || _triggerEventAttrs$on4.call(triggerEventAttrs, e);
 			if (props.disabled || !triggerMethods.value.includes("focus")) return;
 			changeVisible(true, props.focusDelay);
 		};
 		const handleFocusout = (e) => {
-			var _attrs$onFocusout;
-			(_attrs$onFocusout = attrs.onFocusout) === null || _attrs$onFocusout === void 0 || _attrs$onFocusout.call(attrs, e);
+			var _triggerEventAttrs$on5;
+			(_triggerEventAttrs$on5 = triggerEventAttrs.onFocusout) === null || _triggerEventAttrs$on5 === void 0 || _triggerEventAttrs$on5.call(triggerEventAttrs, e);
 			if (props.disabled || !triggerMethods.value.includes("focus")) return;
 			if (!props.blurToClose) return;
 			changeVisible(false);
 		};
 		const handleContextmenu = (e) => {
-			var _attrs$onContextmenu;
-			(_attrs$onContextmenu = attrs.onContextmenu) === null || _attrs$onContextmenu === void 0 || _attrs$onContextmenu.call(attrs, e);
+			var _triggerEventAttrs$on6;
+			(_triggerEventAttrs$on6 = triggerEventAttrs.onContextmenu) === null || _triggerEventAttrs$on6 === void 0 || _triggerEventAttrs$on6.call(triggerEventAttrs, e);
 			if (props.disabled || !triggerMethods.value.includes("contextMenu") || computedVisible.value && !props.clickToClose) return;
 			updateMousePosition(e);
 			changeVisible(!computedVisible.value);
@@ -512,8 +513,8 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			var _firstElement$value, _popupRef$value;
 			if (((_firstElement$value = firstElement.value) === null || _firstElement$value === void 0 ? void 0 : _firstElement$value.contains(e.target)) || ((_popupRef$value = popupRef.value) === null || _popupRef$value === void 0 ? void 0 : _popupRef$value.contains(e.target))) return;
 			for (const item of childrenRefs) {
-				var _item$value;
-				if ((_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.contains(e.target)) return;
+				const element = "value" in item ? item.value : item;
+				if (element === null || element === void 0 ? void 0 : element.contains(e.target)) return;
 			}
 			removeOutsideListener();
 			changeVisible(false);
@@ -553,7 +554,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		const handlePopupMouseDown = (e) => {
 			if (props.preventFocus) e.preventDefault();
 		};
-		triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(popupRef);
+		triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(popupRef.value);
 		const triggerCls = computed(() => {
 			return computedVisible.value ? props.openedClass : void 0;
 		});
@@ -609,7 +610,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			changeVisible(false);
 		});
 		onBeforeUnmount(() => {
-			triggerCtx === null || triggerCtx === void 0 || triggerCtx.removeChildRef(popupRef);
+			triggerCtx === null || triggerCtx === void 0 || triggerCtx.removeChildRef(popupRef.value);
 			destroyResizeObserver();
 			if (outsideListener) removeOutsideListener();
 			if (windowListener) removeWindowScroll();