@sdata/web-vue 3.16.1 → 3.18.0

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

@@ -1,6 +1,6 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isObject, isUndefined } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
@@ -10,6 +10,7 @@ import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.j
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
 import useMergeState from "../_hooks/use-merge-state.js";
+import Empty from "../empty/index.js";
 import Spin from "../spin/index.js";
 import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";
@@ -205,6 +206,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		* @en Can accept Props of all [Trigger](/vue/component/trigger) components
 		* */
 		triggerProps: { type: Object },
+		floatingOptions: { type: Object },
 		/**
 		* @zh 是否开启虚拟滚动，Naive 兼容别名
 		* @en Whether to enable virtual scroll, Naive compatibility alias
@@ -587,7 +589,10 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					});
 					setSelectedKeys(newVal);
 				}
-			} else setSelectedKeys(selectedKeys.value.filter((i) => i !== id));
+			} else {
+				const newVal = selectedKeys.value.filter((i) => i !== id);
+				setSelectedKeys(newVal);
+			}
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Tooltip), {
@@ -595,142 +600,147 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				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),
-					"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,
+				default: withCtx(() => {
+					var _props$floatingOption, _resolvedTriggerProps;
+					return [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, {
+						"floating-options": (_props$floatingOption = __props.floatingOptions) !== null && _props$floatingOption !== void 0 ? _props$floatingOption : (_resolvedTriggerProps = resolvedTriggerProps.value) === null || _resolvedTriggerProps === void 0 ? void 0 : _resolvedTriggerProps.floatingOptions,
 						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",
+						"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", {}, () => [createVNode(unref(Spin))], void 0, 1) : isEmpty.value ? renderSlot(_ctx.$slots, "empty", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(TreeSelectEmpty) || unref(Empty))))], void 0, 2) : (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",
+						"floating-options",
 						"disabled",
-						"opened",
-						"error",
-						"bordered",
-						"placeholder",
-						"multiple",
-						"input-attrs",
-						"onInputValueChange"
-					])])]),
-					_: 3
-				}, 16, [
-					"class",
-					"disabled",
-					"popup-visible",
-					"popup-container",
-					"click-to-close",
-					"onPopupVisibleChange"
-				])]),
+						"popup-visible",
+						"popup-container",
+						"click-to-close",
+						"onPopupVisibleChange"
+					])];
+				}),
 				_: 3
 			}, 8, ["popup-visible", "content"]);
 		};

package/es/trigger/index.d.ts

@@ -3,6 +3,9 @@ import type { SDOptions } from '../_utils/types';
 import _Trigger from './trigger';
 declare const Trigger: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        floatingOptions: {
+            type: import("vue").PropType<import(".").FloatingOptions>;
+        };
         popupVisible: {
             type: BooleanConstructor;
             default: undefined;
@@ -170,7 +173,6 @@ declare const Trigger: {
         hide: () => true;
         resize: () => true;
     }, import("vue").PublicProps, {
-        autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
@@ -194,6 +196,7 @@ declare const Trigger: {
         updateAtScroll: boolean;
         autoFitTransformOrigin: boolean;
         hideEmpty: boolean;
+        autoFitPosition: boolean;
         renderToBody: boolean;
         preventFocus: boolean;
         scrollToClose: boolean;
@@ -209,6 +212,9 @@ declare const Trigger: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        floatingOptions: {
+            type: import("vue").PropType<import(".").FloatingOptions>;
+        };
         popupVisible: {
             type: BooleanConstructor;
             default: undefined;
@@ -370,7 +376,6 @@ declare const Trigger: {
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
@@ -394,6 +399,7 @@ declare const Trigger: {
         updateAtScroll: boolean;
         autoFitTransformOrigin: boolean;
         hideEmpty: boolean;
+        autoFitPosition: boolean;
         renderToBody: boolean;
         preventFocus: boolean;
         scrollToClose: boolean;
@@ -406,6 +412,9 @@ declare const Trigger: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    floatingOptions: {
+        type: import("vue").PropType<import(".").FloatingOptions>;
+    };
     popupVisible: {
         type: BooleanConstructor;
         default: undefined;
@@ -573,7 +582,6 @@ declare const Trigger: {
     hide: () => true;
     resize: () => true;
 }, string, {
-    autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
@@ -597,6 +605,7 @@ declare const Trigger: {
     updateAtScroll: boolean;
     autoFitTransformOrigin: boolean;
     hideEmpty: boolean;
+    autoFitPosition: boolean;
     renderToBody: boolean;
     preventFocus: boolean;
     scrollToClose: boolean;
@@ -610,4 +619,5 @@ declare const Trigger: {
 export type TriggerInstance = InstanceType<typeof _Trigger>;
 export type { TriggerEvent, TriggerPosition } from '../_utils/constant';
 export type { TriggerProps, TriggerPopupTranslate } from './interface';
+export type { FloatingOptions } from '../_utils/floating';
 export default Trigger;

package/es/trigger/interface.d.ts

@@ -1,10 +1,12 @@
 import { CSSProperties } from 'vue';
+import type { FloatingOptions } from '../_utils/floating';
 import type { ClassName } from '../_utils/types';
 import { TriggerEvent, TriggerPosition } from '../_utils/constant';
 export type TriggerPopupTranslate = [number, number] | {
     [key in TriggerPosition]?: [number, number];
 };
 export interface TriggerProps {
+    floatingOptions?: FloatingOptions;
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     trigger?: TriggerEvent;

package/es/trigger/trigger.d.ts

@@ -1,7 +1,11 @@
 import type { PropType, CSSProperties } from 'vue';
 import type { TriggerEvent, TriggerPosition } from '../_utils/constant';
+import type { FloatingOptions } from '../_utils/floating';
 import { TriggerPopupTranslate } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+    };
     popupVisible: {
         type: BooleanConstructor;
         default: undefined;
@@ -163,6 +167,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hide: () => true;
     resize: () => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+    };
     popupVisible: {
         type: BooleanConstructor;
         default: undefined;
@@ -324,7 +331,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
     onShow?: (() => any) | undefined;
 }>, {
-    autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
@@ -348,6 +354,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     updateAtScroll: boolean;
     autoFitTransformOrigin: boolean;
     hideEmpty: boolean;
+    autoFitPosition: boolean;
     renderToBody: boolean;
     preventFocus: boolean;
     scrollToClose: boolean;