@sdata/web-vue 3.17.0 → 3.19.0

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.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 { isArray, isFunction, isNull, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
@@ -78,6 +78,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		separator: { default: " / " },
 		formatLabel: {},
 		triggerProps: {},
+		floatingOptions: {},
 		checkStrictly: {
 			type: Boolean,
 			default: false
@@ -106,6 +107,14 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		tagNowrap: {
 			type: Boolean,
 			default: false
+		},
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		maxWFull: {
+			type: Boolean,
+			default: true
 		}
 	},
 	emits: [
@@ -132,7 +141,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (pathMode) return;
 			return "";
 		};
-		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, maxTagCount, tagNowrap, popupContainer, searchOptionOnlyLabel } = toRefs(props);
+		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, maxTagCount, tagNowrap, popupContainer, floatingOptions, searchOptionOnlyLabel } = toRefs(props);
 		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
 		const _inputValue = ref(props.defaultInputValue);
 		const instance = getCurrentInstance();
@@ -393,7 +402,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			slots,
 			valueMap: computedValueMap
 		}));
-		const handleKeyDown = getKeyDownHandler(new Map([
+		const handleKeyDown = getKeyDownHandler(/* @__PURE__ */ new Map([
 			[KEYBOARD_KEY.ENTER, (_ev) => {
 				if (computedPopupVisible.value) {
 					if (activeOption.value) {
@@ -477,138 +486,147 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				content: unref(readonlyTipText),
 				position: "top"
 			}, {
-				default: withCtx(() => [createVNode(unref(Trigger), mergeProps(mergedTriggerProps.value, {
-					trigger: "click",
-					"animation-name": "slide-dynamic-origin",
-					"auto-fit-transform-origin": "",
-					"popup-visible": unref(computedPopupVisible),
-					position: "bl",
-					disabled: unref(mergedDisabled),
-					"popup-offset": 4,
-					"auto-fit-popup-width": showSearchPanel.value,
-					"popup-container": unref(popupContainer),
-					"prevent-focus": true,
-					"click-to-close": !Boolean(unref(mergedAllowSearch)),
-					"aria-has-popup": "menu",
-					onPopupVisibleChange: handlePopupVisibleChange
-				}), {
-					content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(unref(cascader_search_panel_default), {
-						key: 0,
-						options: filteredLeafOptions.value,
-						"active-key": unref(activeKey),
-						multiple: unref(multiple),
-						"check-strictly": unref(checkStrictly),
-						loading: unref(loading),
-						"path-label": !unref(searchOptionOnlyLabel)
-					}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
-						name: "empty",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-						key: "0"
-					} : void 0]), 1032, [
-						"options",
-						"active-key",
-						"multiple",
-						"check-strictly",
-						"loading",
-						"path-label"
-					])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
-						key: 1,
-						"display-columns": unref(displayColumns),
-						"selected-path": unref(selectedPath),
-						"active-key": unref(activeKey),
-						multiple: unref(multiple),
-						"total-level": totalLevel.value,
-						"check-strictly": unref(checkStrictly),
-						loading: unref(loading),
-						"virtual-list-props": resolvedVirtualListProps.value,
-						dropdown: ""
-					}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
-						name: "empty",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-						key: "0"
-					} : void 0]), 1032, [
-						"display-columns",
-						"selected-path",
-						"active-key",
-						"multiple",
-						"total-level",
-						"check-strictly",
-						"loading",
-						"virtual-list-props"
-					]))]),
-					default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
-						"model-value": selectViewValue.value,
-						"input-value": computedInputValue.value,
+				default: withCtx(() => {
+					var _unref2;
+					return [createVNode(unref(Trigger), mergeProps(mergedTriggerProps.value, {
+						"floating-options": (_unref2 = unref(floatingOptions)) !== null && _unref2 !== void 0 ? _unref2 : mergedTriggerProps.value.floatingOptions,
+						trigger: "click",
+						"animation-name": "slide-dynamic-origin",
+						"auto-fit-transform-origin": "",
+						"popup-visible": unref(computedPopupVisible),
+						position: "bl",
 						disabled: unref(mergedDisabled),
-						error: unref(error),
-						multiple: unref(multiple),
-						"allow-clear": unref(mergedAllowClear),
-						"allow-search": Boolean(unref(mergedAllowSearch)),
-						size: unref(size),
-						opened: unref(computedPopupVisible),
-						placeholder: unref(placeholder),
-						loading: unref(loading),
-						"max-tag-count": unref(maxTagCount),
-						"tag-nowrap": unref(tagNowrap),
-						"input-attrs": triggerInputAttrs.value
-					}, unref(attrs), {
-						onInputValueChange: handleInputValueChange,
-						onClear: handleClear,
-						onFocus: handleFocus,
-						onBlur: handleBlur,
-						onRemove: handleRemove,
-						onKeydown: unref(handleKeyDown)
-					}), createSlots({ _: 2 }, [
-						_ctx.$slots.label ? {
-							name: "label",
-							fn: withCtx((data) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(data)))]),
+						"popup-offset": 4,
+						"auto-fit-popup-width": showSearchPanel.value,
+						"popup-container": unref(popupContainer),
+						"prevent-focus": true,
+						"click-to-close": !Boolean(unref(mergedAllowSearch)),
+						"aria-has-popup": "menu",
+						onPopupVisibleChange: handlePopupVisibleChange
+					}), {
+						content: withCtx(() => [showSearchPanel.value ? (openBlock(), createBlock(unref(cascader_search_panel_default), {
+							key: 0,
+							options: filteredLeafOptions.value,
+							"active-key": unref(activeKey),
+							multiple: unref(multiple),
+							"check-strictly": unref(checkStrictly),
+							loading: unref(loading),
+							"path-label": !unref(searchOptionOnlyLabel)
+						}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+							name: "empty",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+							key: "0"
+						} : void 0]), 1032, [
+							"options",
+							"active-key",
+							"multiple",
+							"check-strictly",
+							"loading",
+							"path-label"
+						])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
+							key: 1,
+							"display-columns": unref(displayColumns),
+							"selected-path": unref(selectedPath),
+							"active-key": unref(activeKey),
+							multiple: unref(multiple),
+							"total-level": totalLevel.value,
+							"check-strictly": unref(checkStrictly),
+							loading: unref(loading),
+							"virtual-list-props": resolvedVirtualListProps.value,
+							dropdown: ""
+						}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
+							name: "empty",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
 							key: "0"
-						} : void 0,
-						_ctx.$slots.prefix ? {
-							name: "prefix",
-							fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
-							key: "1"
-						} : void 0,
-						_ctx.$slots["arrow-icon"] ? {
-							name: "arrow-icon",
-							fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow-icon")]),
-							key: "2"
-						} : void 0,
-						_ctx.$slots["loading-icon"] ? {
-							name: "loading-icon",
-							fn: withCtx(() => [renderSlot(_ctx.$slots, "loading-icon")]),
-							key: "3"
-						} : void 0,
-						_ctx.$slots["search-icon"] ? {
-							name: "search-icon",
-							fn: withCtx(() => [renderSlot(_ctx.$slots, "search-icon")]),
-							key: "4"
-						} : void 0
-					]), 1040, [
-						"model-value",
-						"input-value",
+						} : void 0]), 1032, [
+							"display-columns",
+							"selected-path",
+							"active-key",
+							"multiple",
+							"total-level",
+							"check-strictly",
+							"loading",
+							"virtual-list-props"
+						]))]),
+						default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
+							"model-value": selectViewValue.value,
+							"input-value": computedInputValue.value,
+							disabled: unref(mergedDisabled),
+							error: unref(error),
+							multiple: unref(multiple),
+							"allow-clear": unref(mergedAllowClear),
+							"allow-search": Boolean(unref(mergedAllowSearch)),
+							size: unref(size),
+							opened: unref(computedPopupVisible),
+							placeholder: unref(placeholder),
+							"fit-width": __props.fitWidth,
+							"max-w-full": __props.maxWFull,
+							loading: unref(loading),
+							"max-tag-count": unref(maxTagCount),
+							"tag-nowrap": unref(tagNowrap),
+							"input-attrs": triggerInputAttrs.value
+						}, unref(attrs), {
+							onInputValueChange: handleInputValueChange,
+							onClear: handleClear,
+							onFocus: handleFocus,
+							onBlur: handleBlur,
+							onRemove: handleRemove,
+							onKeydown: unref(handleKeyDown)
+						}), createSlots({ _: 2 }, [
+							_ctx.$slots.label ? {
+								name: "label",
+								fn: withCtx((data) => [renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(data)))]),
+								key: "0"
+							} : void 0,
+							_ctx.$slots.prefix ? {
+								name: "prefix",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+								key: "1"
+							} : void 0,
+							_ctx.$slots["arrow-icon"] ? {
+								name: "arrow-icon",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow-icon")]),
+								key: "2"
+							} : void 0,
+							_ctx.$slots["loading-icon"] ? {
+								name: "loading-icon",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "loading-icon")]),
+								key: "3"
+							} : void 0,
+							_ctx.$slots["search-icon"] ? {
+								name: "search-icon",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "search-icon")]),
+								key: "4"
+							} : void 0
+						]), 1040, [
+							"model-value",
+							"input-value",
+							"disabled",
+							"error",
+							"multiple",
+							"allow-clear",
+							"allow-search",
+							"size",
+							"opened",
+							"placeholder",
+							"fit-width",
+							"max-w-full",
+							"loading",
+							"max-tag-count",
+							"tag-nowrap",
+							"input-attrs",
+							"onKeydown"
+						])]),
+						_: 3
+					}, 16, [
+						"floating-options",
+						"popup-visible",
 						"disabled",
-						"error",
-						"multiple",
-						"allow-clear",
-						"allow-search",
-						"size",
-						"opened",
-						"placeholder",
-						"loading",
-						"max-tag-count",
-						"tag-nowrap",
-						"input-attrs",
-						"onKeydown"
-					])]),
-					_: 3
-				}, 16, [
-					"popup-visible",
-					"disabled",
-					"auto-fit-popup-width",
-					"popup-container",
-					"click-to-close"
-				])]),
+						"auto-fit-popup-width",
+						"popup-container",
+						"click-to-close"
+					])];
+				}),
 				_: 3
 			}, 8, ["popup-visible", "content"]);
 		};

package/es/cascader/index.js

@@ -12,4 +12,4 @@ var Cascader = Object.assign(cascader_default, {
 	}
 });
 //#endregion
-export { Cascader as default };
+export { cascader_panel_default as CascaderPanel, Cascader as default };

package/es/cascader/types.d.ts

@@ -1,9 +1,11 @@
 import type { VirtualListProps } from '../_components/virtual-list/interface';
+import type { FitWidthProps } from '../_hooks/use-fit-width';
 import type { Size } from '../_utils/constant';
+import type { FloatingOptions } from '../_utils/floating';
 import type { TriggerProps } from '../trigger';
 import type { CascaderFallback, CascaderFieldNames, CascaderFormatLabel, CascaderLoadMore, CascaderModelValue, CascaderOption } from './interface';
 export type CascaderExpandTrigger = 'click' | 'hover';
-export interface CascaderProps {
+export interface CascaderProps extends FitWidthProps {
     pathMode?: boolean;
     multiple?: boolean;
     modelValue?: CascaderModelValue;
@@ -32,6 +34,7 @@ export interface CascaderProps {
     separator?: string;
     formatLabel?: CascaderFormatLabel;
     triggerProps?: TriggerProps;
+    floatingOptions?: FloatingOptions;
     checkStrictly?: boolean;
     loadMore?: CascaderLoadMore;
     loading?: boolean;

package/es/checkbox/checkbox.d.ts

@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, import("vue").PublicProps, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -112,7 +112,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{
             onClick?: ((_e: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }>;
         __isFragment?: never;
@@ -135,7 +135,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_e: MouseEvent) => any;
     }, string, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "small" | "medium" | "large" | "mini";
         disabled: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/es/checkbox/index.d.ts

@@ -64,7 +64,7 @@ declare const Checkbox: {
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, import("vue").PublicProps, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -88,7 +88,7 @@ declare const Checkbox: {
             }>> & Readonly<{
                 onClick?: ((_e: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }>;
             __isFragment?: never;
@@ -111,7 +111,7 @@ declare const Checkbox: {
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, string, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {
@@ -228,7 +228,7 @@ declare const Checkbox: {
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, import("vue").PublicProps, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -252,7 +252,7 @@ declare const Checkbox: {
         }>> & Readonly<{
             onClick?: ((_e: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }>;
         __isFragment?: never;
@@ -275,7 +275,7 @@ declare const Checkbox: {
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_e: MouseEvent) => any;
     }, string, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "small" | "medium" | "large" | "mini";
         disabled: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/es/checkbox/index.js

@@ -12,4 +12,4 @@ var Checkbox = Object.assign(checkbox_default, {
 	}
 });
 //#endregion
-export { Checkbox as default };
+export { checkbox_group_default as CheckboxGroup, Checkbox as default };

package/es/collapse/collapse-item.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, import("vue").PublicProps, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{
             onClick?: ((_e: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }>;
         __isFragment?: never;
@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (_e: MouseEvent) => any;
     }, string, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "small" | "medium" | "large" | "mini";
         disabled: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/es/collapse/collapse.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 { isArray } from "../_utils/is.js";
 import { collapseKey } from "./context.js";

package/es/collapse/index.d.ts

@@ -196,7 +196,7 @@ declare const Collapse: {
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (_e: MouseEvent) => any;
             }, import("vue").PublicProps, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -220,7 +220,7 @@ declare const Collapse: {
             }>> & Readonly<{
                 onClick?: ((_e: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, {
-                size: "small" | "mini" | "medium" | "large";
+                size: "small" | "medium" | "large" | "mini";
                 disabled: boolean;
             }>;
             __isFragment?: never;
@@ -243,7 +243,7 @@ declare const Collapse: {
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (_e: MouseEvent) => any;
         }, string, {
-            size: "small" | "mini" | "medium" | "large";
+            size: "small" | "medium" | "large" | "mini";
             disabled: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {

package/es/collapse/index.js

@@ -12,4 +12,4 @@ var Collapse = Object.assign(collapse_default, {
 	}
 });
 //#endregion
-export { Collapse as default };
+export { collapse_item_default as CollapseItem, Collapse as default };

package/es/color-picker/color-picker.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { FloatingOptions } from '../_utils/floating';
 import { Size } from '../_utils/constant';
 import { TriggerProps } from '../trigger';
 import { ColorFormat, ColorModes, ColorObject, ColorPickerChangeTrigger, LegacyFormat, RecentColorsValue } from './interface';
@@ -58,6 +59,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
     };
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value: string) => true;
     change: (_value: string, _context: {
@@ -128,6 +132,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
     };
+    floatingOptions: {
+        type: PropType<FloatingOptions>;
+    };
 }>> & Readonly<{
     onClear?: ((_context: {
         e: MouseEvent;
@@ -143,9 +150,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => any) | undefined;
     "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
 }>, {
-    readonly: string | boolean;
-    size: "small" | "mini" | "medium" | "large";
+    size: "small" | "medium" | "large" | "mini";
     disabled: boolean;
+    readonly: string | boolean;
     defaultValue: string;
     clearable: boolean;
     format: ColorFormat | LegacyFormat;

package/es/color-picker/color-picker.js

@@ -1,5 +1,5 @@
 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 { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
@@ -119,7 +119,8 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 		* @zh 透传 Trigger 组件属性
 		* @en Trigger props
 		*/
-		triggerProps: { type: Object }
+		triggerProps: { type: Object },
+		floatingOptions: { type: Object }
 	},
 	emits: {
 		"update:modelValue": (_value) => true,
@@ -200,7 +201,8 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 				handleClear(new MouseEvent("click"));
 				return;
 			}
-			handleColorChange(formatColorState(parseColorState(value, props.colorModes), normalizedFormat.value, mergedEnableAlpha.value), "input");
+			const nextState = parseColorState(value, props.colorModes);
+			handleColorChange(formatColorState(nextState, normalizedFormat.value, mergedEnableAlpha.value), "input");
 		};
 		const onPopupVisibleChange = (visible) => {
 			popupVisible.value = visible;
@@ -208,13 +210,16 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 		};
 		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), toRef(props, "disabled"));
 		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
-		const mergedTriggerProps = computed(() => _objectSpread2({
-			trigger: "click",
-			position: "bl",
-			disabled: props.disabled || !!props.readonly,
-			popupOffset: 4,
-			animationName: "slide-dynamic-origin"
-		}, props.triggerProps));
+		const mergedTriggerProps = computed(() => {
+			var _props$floatingOption, _props$triggerProps;
+			return _objectSpread2(_objectSpread2({
+				trigger: "click",
+				position: "bl",
+				disabled: props.disabled || !!props.readonly,
+				popupOffset: 4,
+				animationName: "slide-dynamic-origin"
+			}, 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 });
+		});
 		const renderTriggerInput = () => {
 			return createVNode("div", {
 				"class": {