@sdata/web-vue 3.5.0 → 3.7.0

package/es/progress/circle.vue.d.ts

@@ -81,8 +81,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     color: string | Record<string, any>;
     width: number;
     status: string;
-    showText: boolean;
     percent: number;
+    showText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/progress/index.d.ts

@@ -45,8 +45,8 @@ declare const Progress: {
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         type: "circle" | "line";
         animation: boolean;
-        showText: boolean;
         percent: number;
+        showText: boolean;
         steps: number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -98,8 +98,8 @@ declare const Progress: {
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         type: "circle" | "line";
         animation: boolean;
-        showText: boolean;
         percent: number;
+        showText: boolean;
         steps: number;
     }>;
     __isFragment?: never;
@@ -148,8 +148,8 @@ declare const Progress: {
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "circle" | "line";
     animation: boolean;
-    showText: boolean;
     percent: number;
+    showText: boolean;
     steps: number;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/progress/line.vue.d.ts

@@ -80,8 +80,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     color: string | Record<string, any>;
     width: string | number;
     animation: boolean;
-    showText: boolean;
     percent: number;
+    showText: boolean;
     formatText: Function;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/progress/progress.vue.d.ts

@@ -99,8 +99,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{}>, {
     type: "circle" | "line";
     animation: boolean;
-    showText: boolean;
     percent: number;
+    showText: boolean;
     steps: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/progress/steps.vue.d.ts

@@ -63,8 +63,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{}>, {
     color: string | Record<string, any>;
     status: string;
-    showText: boolean;
     percent: number;
+    showText: boolean;
     steps: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/sd-vue.js

@@ -66,6 +66,10 @@ import descriptions_item_default from "./descriptions/descriptions-item.js";
 import Descriptions from "./descriptions/index.js";
 import Divider from "./divider/index.js";
 import Drawer from "./drawer/index.js";
+import preview_action_default from "./image/preview-action.js";
+import preview_default from "./image/preview.js";
+import preview_group_default from "./image/preview-group.js";
+import Image from "./image/index.js";
 import FilePreviewer from "./file-previewer/index.js";
 import grid_col_default from "./grid/grid-col.js";
 import grid_item_default from "./grid/grid-item.js";
@@ -74,10 +78,6 @@ import Grid from "./grid/index.js";
 import form_item_default from "./form/form-item.js";
 import Form from "./form/index.js";
 import Icon from "./icon-component/index.js";
-import preview_action_default from "./image/preview-action.js";
-import preview_default from "./image/preview.js";
-import preview_group_default from "./image/preview-group.js";
-import Image from "./image/index.js";
 import Textarea from "./textarea/index.js";
 import Mention from "./mention/index.js";
 import Rate from "./rate/index.js";

package/es/select/index.d.ts

@@ -7,10 +7,6 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
-        value: {
-            type: import("vue").PropType<import("./interface").SelectModelValue>;
-            default: undefined;
-        };
         modelValue: {
             type: import("vue").PropType<import("./interface").SelectModelValue>;
             default: undefined;
@@ -159,7 +155,6 @@ declare const Select: {
         "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         onDropdownScroll?: ((_ev: Event) => any) | undefined;
         onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
-        "onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
         onInputValueChange?: ((_inputValue: string) => any) | undefined;
         onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
@@ -168,7 +163,6 @@ declare const Select: {
         onExceedLimit?: ((_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (_value: import("./interface").SelectModelValue) => true;
-        'update:value': (_value: import("./interface").SelectModelValue) => true;
         'update:inputValue': (_inputValue: string) => true;
         'update:popupVisible': (_visible: boolean) => true;
         'update:show': (_visible: boolean) => true;
@@ -185,7 +179,6 @@ declare const Select: {
     }, import("vue").PublicProps, {
         options: import("./interface").SelectOption[];
         error: boolean;
-        value: import("./interface").SelectModelValue;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
@@ -1268,10 +1261,6 @@ declare const Select: {
             type: BooleanConstructor;
             default: boolean;
         };
-        value: {
-            type: import("vue").PropType<import("./interface").SelectModelValue>;
-            default: undefined;
-        };
         modelValue: {
             type: import("vue").PropType<import("./interface").SelectModelValue>;
             default: undefined;
@@ -1420,7 +1409,6 @@ declare const Select: {
         "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         onDropdownScroll?: ((_ev: Event) => any) | undefined;
         onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
-        "onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
         "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
         onInputValueChange?: ((_inputValue: string) => any) | undefined;
         onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
@@ -1430,7 +1418,6 @@ declare const Select: {
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         options: import("./interface").SelectOption[];
         error: boolean;
-        value: import("./interface").SelectModelValue;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
@@ -1470,10 +1457,6 @@ declare const Select: {
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
-        type: import("vue").PropType<import("./interface").SelectModelValue>;
-        default: undefined;
-    };
     modelValue: {
         type: import("vue").PropType<import("./interface").SelectModelValue>;
         default: undefined;
@@ -1622,7 +1605,6 @@ declare const Select: {
     "onUpdate:modelValue"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
     onDropdownScroll?: ((_ev: Event) => any) | undefined;
     onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
-    "onUpdate:value"?: ((_value: import("./interface").SelectModelValue) => any) | undefined;
     "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
     onInputValueChange?: ((_inputValue: string) => any) | undefined;
     onRemove?: ((_removed: import("./interface").SelectOptionValue | undefined) => any) | undefined;
@@ -1631,7 +1613,6 @@ declare const Select: {
     onExceedLimit?: ((_value: import("./interface").SelectOptionValue | undefined, _ev: Event) => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value: import("./interface").SelectModelValue) => true;
-    'update:value': (_value: import("./interface").SelectModelValue) => true;
     'update:inputValue': (_inputValue: string) => true;
     'update:popupVisible': (_visible: boolean) => true;
     'update:show': (_visible: boolean) => true;
@@ -1648,7 +1629,6 @@ declare const Select: {
 }, string, {
     options: import("./interface").SelectOption[];
     error: boolean;
-    value: import("./interface").SelectModelValue;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;

package/es/select/select.d.ts

@@ -10,10 +10,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
-        type: PropType<SelectModelValue>;
-        default: undefined;
-    };
     modelValue: {
         type: PropType<SelectModelValue>;
         default: undefined;
@@ -155,7 +151,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value: SelectModelValue) => true;
-    'update:value': (_value: SelectModelValue) => true;
     'update:inputValue': (_inputValue: string) => true;
     'update:popupVisible': (_visible: boolean) => true;
     'update:show': (_visible: boolean) => true;
@@ -174,10 +169,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
-        type: PropType<SelectModelValue>;
-        default: undefined;
-    };
     modelValue: {
         type: PropType<SelectModelValue>;
         default: undefined;
@@ -326,7 +317,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: ((_value: SelectModelValue) => any) | undefined;
     onDropdownScroll?: ((_ev: Event) => any) | undefined;
     onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
-    "onUpdate:value"?: ((_value: SelectModelValue) => any) | undefined;
     "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
     onInputValueChange?: ((_inputValue: string) => any) | undefined;
     onRemove?: ((_removed: SelectOptionValue | undefined) => any) | undefined;
@@ -336,7 +326,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     options: SelectOption[];
     error: boolean;
-    value: SelectModelValue;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;

package/es/select/select.js

@@ -41,16 +41,6 @@ var select_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		value: {
-			type: [
-				String,
-				Number,
-				Boolean,
-				Object,
-				Array
-			],
-			default: void 0
-		},
 		modelValue: {
 			type: [
 				String,
@@ -189,7 +179,6 @@ var select_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: {
 		"update:modelValue": (_value) => true,
-		"update:value": (_value) => true,
 		"update:inputValue": (_inputValue) => true,
 		"update:popupVisible": (_visible) => true,
 		"update:show": (_visible) => true,
@@ -205,7 +194,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 		"exceedLimit": (_value, _ev) => true
 	},
 	setup(props, { slots, emit, attrs, expose }) {
-		const { size, disabled, error, options, filterOption, valueKey, multiple, value: valueProp, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear, allowSearch } = toRefs(props);
+		const { size, disabled, error, options, filterOption, valueKey, multiple, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear, allowSearch } = toRefs(props);
 		const prefixCls = getPrefixCls("select");
 		const selectViewRef = ref(null);
 		const { mergedSize, mergedDisabled, mergedError, eventHandlers } = useFormItem({
@@ -233,8 +222,8 @@ var select_default = /* @__PURE__ */ defineComponent({
 		});
 		const _value = ref(props.defaultValue);
 		const computedValueObjects = computed(() => {
-			var _ref, _props$modelValue;
-			const mergedValue = (_ref = (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.value) !== null && _ref !== void 0 ? _ref : _value.value;
+			var _props$modelValue;
+			const mergedValue = (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value;
 			const valueArray = [];
 			if (isArray(mergedValue)) valueArray.push(...mergedValue);
 			else if (mergedValue || isNumber(mergedValue) || isString(mergedValue) || isBoolean(mergedValue)) valueArray.push(mergedValue);
@@ -243,9 +232,8 @@ var select_default = /* @__PURE__ */ defineComponent({
 				key: getKeyFromValue(item, props.valueKey)
 			}));
 		});
-		watch([modelValue, valueProp], ([nextModelValue, nextValue]) => {
-			const mergedValue = nextModelValue !== null && nextModelValue !== void 0 ? nextModelValue : nextValue;
-			if (isUndefined(mergedValue) || isNull(mergedValue)) _value.value = multiple.value ? [] : mergedValue;
+		watch(modelValue, (nextModelValue) => {
+			if (isUndefined(nextModelValue) || isNull(nextModelValue)) _value.value = multiple.value ? [] : nextModelValue;
 		});
 		const computedValueKeys = computed(() => computedValueObjects.value.map((item) => item.key));
 		const mergedFieldNames = computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), fieldNames.value));
@@ -337,7 +325,6 @@ var select_default = /* @__PURE__ */ defineComponent({
 			const nextValue = getValueFromValueKeys(valueKeys);
 			_value.value = nextValue;
 			emit("update:modelValue", nextValue);
-			emit("update:value", nextValue);
 			emit("change", nextValue);
 			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
 			updateSelectedOption(valueKeys);

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

@@ -76,9 +76,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     modelValue: {
         type: PropType<string | number | Array<string | number> | LabelValue | LabelValue[]>;
     };
-    value: {
-        type: PropType<string | number | Array<string | number> | LabelValue | LabelValue[]>;
-    };
     fieldNames: {
         type: PropType<TreeFieldNames>;
     };
@@ -197,7 +194,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     change: (_value: TreeSelectValue | undefined) => any;
     "update:popupVisible": (_visible: boolean) => any;
     "update:modelValue": (_value: TreeSelectValue | undefined) => any;
-    "update:value": (_value: TreeSelectValue | undefined) => any;
     "update:inputValue": (_inputValue: string) => any;
     inputValueChange: (_inputValue: string) => any;
     "update:show": (_visible: boolean) => any;
@@ -254,9 +250,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     modelValue: {
         type: PropType<string | number | Array<string | number> | LabelValue | LabelValue[]>;
     };
-    value: {
-        type: PropType<string | number | Array<string | number> | LabelValue | LabelValue[]>;
-    };
     fieldNames: {
         type: PropType<TreeFieldNames>;
     };
@@ -375,7 +368,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onChange?: ((_value: TreeSelectValue | undefined) => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: TreeSelectValue | undefined) => any) | undefined;
-    "onUpdate:value"?: ((_value: TreeSelectValue | undefined) => any) | undefined;
     "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
     onInputValueChange?: ((_inputValue: string) => any) | undefined;
     "onUpdate:show"?: ((_visible: boolean) => any) | undefined;

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

@@ -120,16 +120,6 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			Object
 		] },
 		/**
-		* @zh 绑定值，Naive 兼容别名
-		* @en Value, Naive compatibility alias
-		* */
-		value: { type: [
-			String,
-			Number,
-			Array,
-			Object
-		] },
-		/**
 		* @zh 指定节点数据中的字段名
 		* @en Specify the field name in the node data
 		* */
@@ -335,7 +325,6 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	emits: [
 		"change",
 		"update:modelValue",
-		"update:value",
 		"update:inputValue",
 		"popup-visible-change",
 		"update:popupVisible",
@@ -408,7 +397,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		* @en The footer of the drop-down box
 		* @slot footer
 		*/
-		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 { defaultValue, modelValue, multiple, popupVisible, show, defaultPopupVisible, defaultShow, treeCheckable, treeCheckStrictly, data, options, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, checkable, checkStrategy, showPath, separator, virtualScroll } = toRefs(props);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const prefixCls = getPrefixCls("tree-select");
 		const configCtx = inject(configProviderInjectionKey, void 0);
@@ -423,10 +412,7 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			return (_props$virtualListPro = props.virtualListProps) !== null && _props$virtualListPro !== void 0 ? _props$virtualListPro : (_treeProps$value = treeProps.value) === null || _treeProps$value === void 0 ? void 0 : _treeProps$value.virtualListProps;
 		}));
 		const TreeSelectEmpty = configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 || (_configCtx$slots$empt = _configCtx$slots$empt.call(_configCtx$slots, { component: "tree-select" })) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt[0];
-		const mergedModelValue = computed(() => {
-			var _value$value;
-			return (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : modelValue.value;
-		});
+		const mergedModelValue = computed(() => modelValue.value);
 		const mergedData = computed(() => {
 			var _options$value;
 			return (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : data.value;
@@ -494,7 +480,6 @@ var tree_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				const forEmitValue = (labelInValue.value ? localSelectedValue.value : localSelectedKeys.value) || [];
 				const emitValue = isMultiple.value ? forEmitValue : forEmitValue[0];
 				emit("update:modelValue", emitValue);
-				emit("update:value", emitValue);
 				emit("change", emitValue);
 				(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
 			});

package/es/trigger/context.d.ts

@@ -2,6 +2,7 @@ import type { ComponentPublicInstance, InjectionKey } from 'vue';
 export interface TriggerContext {
     onMouseenter: (ev: MouseEvent) => void;
     onMouseleave: (ev: MouseEvent) => void;
+    onContextmenu: (ev: MouseEvent) => void;
     addChildRef: (ref: HTMLElement | ComponentPublicInstance) => void;
     removeChildRef: (ref: HTMLElement | ComponentPublicInstance) => void;
 }

package/es/trigger/trigger.js

@@ -10,11 +10,12 @@ import { useFirstElement } from "../_hooks/use-first-element.js";
 import resize_observer_v2_default from "../_components/resize-observer-v2.js";
 import usePickSlots from "../_hooks/use-pick-slots.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
-import { useResizeObserver } from "../_hooks/use-resize-observer.js";
+import { useResizeObserver as useResizeObserver$1 } from "../_hooks/use-resize-observer.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
 import { triggerInjectionKey } from "./context.js";
 import { getArrowStyle, getElementScrollRect, getPopupStyle, getScrollElements, getTransformOrigin } from "./utils.js";
 import { Fragment, Teleport, Transition, computed, createVNode, defineComponent, inject, mergeProps, nextTick, onBeforeUnmount, onDeactivated, onMounted, onUpdated, provide, reactive, ref, vShow, watch, withDirectives } from "vue";
+import { onClickOutside, useEventListener } from "@vueuse/core";
 //#region components/trigger/trigger.tsx
 var TRIGGER_EVENTS = [
 	"onClick",
@@ -375,7 +376,6 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			mergedPopupContainer
 		], syncThemePopupContainerZIndex, { immediate: true });
 		let delayTimer = 0;
-		let outsideListener = false;
 		let windowListener = false;
 		const cleanDelayTimer = () => {
 			if (delayTimer) {
@@ -494,6 +494,20 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			changeVisible(!computedVisible.value);
 			e.preventDefault();
 		};
+		const handleChildContextmenu = (e) => {
+			var _popupRef$value;
+			triggerCtx === null || triggerCtx === void 0 || triggerCtx.onContextmenu(e);
+			if (!props.clickOutsideToClose || !computedVisible.value) return;
+			if (!triggerMethods.value.includes("contextMenu")) return;
+			const target = e.target;
+			if ((_popupRef$value = popupRef.value) === null || _popupRef$value === void 0 ? void 0 : _popupRef$value.contains(target)) return;
+			if (getChildElements().some((element) => element.contains(target))) return;
+			changeVisible(false);
+		};
+		const handleContextmenuWithContext = (e) => {
+			triggerCtx === null || triggerCtx === void 0 || triggerCtx.onContextmenu(e);
+			handleContextmenu(e);
+		};
 		const addChildRef = (ref) => {
 			childrenRefs.add(ref);
 			triggerCtx === null || triggerCtx === void 0 || triggerCtx.addChildRef(ref);
@@ -505,29 +519,39 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		provide(triggerInjectionKey, reactive({
 			onMouseenter: handleMouseEnterWithContext,
 			onMouseleave: handleMouseLeaveWithContext,
+			onContextmenu: handleChildContextmenu,
 			addChildRef,
 			removeChildRef
 		}));
-		const removeOutsideListener = () => {
-			off(document.documentElement, "mousedown", handleOutsideClick);
-			outsideListener = false;
-		};
 		const contentSlot = usePickSlots(slots, "content");
 		const hidePopup = computed(() => {
 			var _contentSlot$value;
 			return props.hideEmpty && isEmptyChildren((_contentSlot$value = contentSlot.value) === null || _contentSlot$value === void 0 ? void 0 : _contentSlot$value.call(contentSlot));
 		});
-		const handleOutsideClick = (e) => {
-			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;
+		const getChildElements = () => {
+			const elements = [];
 			for (const item of childrenRefs) {
 				if (!item) continue;
 				const element = "value" in item ? item.value : item;
-				if (element === null || element === void 0 ? void 0 : element.contains(e.target)) return;
+				if (element) elements.push(element);
 			}
-			removeOutsideListener();
+			return elements;
+		};
+		const getOutsideIgnoreElements = () => [...triggerMethods.value.includes("contextMenu") || !firstElement.value ? [] : [firstElement.value], ...getChildElements()];
+		onClickOutside(popupRef, () => {
+			if (!props.clickOutsideToClose || !computedVisible.value) return;
+			changeVisible(false);
+		}, { ignore: getOutsideIgnoreElements });
+		const handleOutsideContextmenu = (e) => {
+			var _popupRef$value2;
+			if (!props.clickOutsideToClose || !computedVisible.value) return;
+			if (!triggerMethods.value.includes("contextMenu")) return;
+			const target = e.target;
+			if ((_popupRef$value2 = popupRef.value) === null || _popupRef$value2 === void 0 ? void 0 : _popupRef$value2.contains(target)) return;
+			if (getChildElements().some((element) => element.contains(target))) return;
 			changeVisible(false);
 		};
+		useEventListener(computed(() => typeof document === "undefined" ? void 0 : document), "contextmenu", handleOutsideContextmenu, { capture: true });
 		const isExceedThreshold = (oldPosition, element) => {
 			const [scrollTop, scrollLeft] = oldPosition;
 			const { scrollTop: newScrollTop, scrollLeft: newScrollLeft } = element;
@@ -573,13 +597,6 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		});
 		let scrollElements;
 		watch(computedVisible, (value) => {
-			if (props.clickOutsideToClose) {
-				if (!value && outsideListener) removeOutsideListener();
-				else if (value && !outsideListener) {
-					on(document.documentElement, "mousedown", handleOutsideClick);
-					outsideListener = true;
-				}
-			}
 			if (props.scrollToClose || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.scrollToClose)) {
 				on(window, "scroll", onWindowScroll);
 				windowListener = true;
@@ -598,7 +615,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		watch(() => [props.autoFitPopupWidth, props.autoFitPopupMinWidth], () => {
 			if (computedVisible.value) updatePopupStyle();
 		});
-		const { createResizeObserver, destroyResizeObserver } = useResizeObserver({
+		const { createResizeObserver, destroyResizeObserver } = useResizeObserver$1({
 			elementRef: containerRef,
 			onResize: handleResize
 		});
@@ -606,10 +623,6 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			createResizeObserver();
 			if (computedVisible.value) {
 				updatePopupStyle();
-				if (props.clickOutsideToClose && !outsideListener) {
-					on(document.documentElement, "mousedown", handleOutsideClick);
-					outsideListener = true;
-				}
 				if (props.updateAtScroll || (configCtx === null || configCtx === void 0 ? void 0 : configCtx.updateAtScroll)) {
 					scrollElements = getScrollElements(firstElement.value);
 					for (const item of scrollElements) item.addEventListener("scroll", handleScroll);
@@ -625,7 +638,6 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		onBeforeUnmount(() => {
 			triggerCtx === null || triggerCtx === void 0 || triggerCtx.removeChildRef(popupRef.value);
 			destroyResizeObserver();
-			if (outsideListener) removeOutsideListener();
 			if (windowListener) removeWindowScroll();
 			if (scrollElements) {
 				for (const item of scrollElements) item.removeEventListener("scroll", handleScroll);
@@ -658,7 +670,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 				onMouseleave: handleMouseLeave,
 				onFocusin: handleFocusin,
 				onFocusout: handleFocusout,
-				onContextmenu: handleContextmenu
+				onContextmenu: handleContextmenuWithContext
 			});
 			return createVNode(Fragment, null, [props.autoFixPosition ? createVNode(resize_observer_v2_default, { "onResize": onTargetResize }, { default: () => [children.value] }) : children.value, createVNode(client_only_default, null, { default: () => [createVNode(Teleport, {
 				"to": teleportContainer.value,

package/json/vetur-attributes.json

@@ -522,7 +522,7 @@
   "sd-color-picker/popup-visible-change": {
     "description": "Triggered when the color panel is expanded and collapsed"
   },
-  "sd-color-picker/value": {
+  "sd-color-picker/model-value": {
     "description": "Value",
     "type": "string"
   },
@@ -567,31 +567,6 @@
   "sd-color-picker/trigger-props": {
     "description": "Trigger props"
   },
-  "sd-color-picker/history-colors": {
-    "description": "Legacy history colors"
-  },
-  "sd-color-picker/preset-colors": {
-    "description": "Legacy preset colors"
-  },
-  "sd-color-picker/show-text": {
-    "description": "Legacy show text",
-    "type": "boolean"
-  },
-  "sd-color-picker/show-history": {
-    "description": "Legacy show history",
-    "type": "boolean"
-  },
-  "sd-color-picker/show-preset": {
-    "description": "Legacy show preset",
-    "type": "boolean"
-  },
-  "sd-color-picker/disabled-alpha": {
-    "description": "Legacy disable alpha",
-    "type": "boolean"
-  },
-  "sd-color-picker/select-input-props": {
-    "description": "Select input props"
-  },
   "sd-comment/author": {
     "description": "Display as the comment author",
     "type": "string"
@@ -1218,6 +1193,15 @@
     "description": "Whether to render to body",
     "type": "boolean"
   },
+  "sd-file-previewer/image-props": {
+    "description": "Image previewer props"
+  },
+  "sd-file-previewer/media-props": {
+    "description": "Video and audio previewer props"
+  },
+  "sd-file-previewer/pdf-props": {
+    "description": "PDF previewer props"
+  },
   "sd-form-item/field": {
     "description": "The path of the form element in the data object (required for the data item)",
     "type": "string"
@@ -3952,9 +3936,6 @@
   "sd-tree-select/model-value": {
     "description": "Value"
   },
-  "sd-tree-select/value": {
-    "description": "Value, Naive compatibility alias"
-  },
   "sd-tree-select/field-names": {
     "description": "Specify the field name in the node data"
   },

package/json/vetur-tags.json

@@ -249,7 +249,7 @@
     "attributes": [
       "change",
       "popup-visible-change",
-      "value",
+      "model-value",
       "default-value",
       "format",
       "size",
@@ -261,14 +261,7 @@
       "swatch-colors",
       "disabled",
       "hide-trigger",
-      "trigger-props",
-      "history-colors",
-      "preset-colors",
-      "show-text",
-      "show-history",
-      "show-preset",
-      "disabled-alpha",
-      "select-input-props"
+      "trigger-props"
     ]
   },
   "sd-comment": {
@@ -519,7 +512,10 @@
       "closable",
       "esc-to-close",
       "popup-container",
-      "render-to-body"
+      "render-to-body",
+      "image-props",
+      "media-props",
+      "pdf-props"
     ]
   },
   "sd-form-item": {
@@ -1596,7 +1592,6 @@
       "multiple",
       "default-value",
       "model-value",
-      "value",
       "field-names",
       "data",
       "options",