@sdata/web-vue 1.7.0 → 1.8.0

package/es/input-number/input-number.js

@@ -2,6 +2,7 @@ import { useFormItem } from "../_hooks/use-form-item.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isUndefined } from "../_utils/is.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useSize } from "../_hooks/use-size.js";
 import Button from "../button/index.js";
 import Input from "../input/index.js";
@@ -79,7 +80,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(props, { emit, slots }) {
 		var _props$modelValue;
-		const { size, disabled } = toRefs(props);
+		const { size, disabled, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("input-number");
 		const inputRef = ref();
 		const { mergedSize: _mergedSize, mergedDisabled, eventHandlers } = useFormItem({
@@ -87,6 +88,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			disabled
 		});
 		const { mergedSize } = useSize(_mergedSize);
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		const mergedPrecision = computed(() => {
 			if (isNumber(props.precision)) {
 				const decimal = `${props.step}`.split(".")[1];
@@ -277,7 +279,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 				"ref": inputRef,
 				"class": cls.value,
 				"type": "text",
-				"allowClear": props.allowClear,
+				"allowClear": mergedAllowClear.value,
 				"size": mergedSize.value,
 				"modelValue": _value.value,
 				"placeholder": props.placeholder,

package/es/input-tag/input-tag.js

@@ -5,6 +5,7 @@ import { isNull, isObject, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import IconClose from "../icon/icon-close/index.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import feedback_icon_default from "../_components/feedback-icon.js";
 import { useSize } from "../_hooks/use-size.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
@@ -88,7 +89,7 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 		"blur": (_ev) => true
 	},
 	setup(props, { emit, slots, attrs }) {
-		const { size, disabled, error, uninjectFormItemContext, modelValue } = toRefs(props);
+		const { size, disabled, error, uninjectFormItemContext, modelValue, allowClear } = toRefs(props);
 		const prefixCls = props.baseCls || getPrefixCls("input-tag");
 		const inputRef = ref();
 		const mirrorRef = ref();
@@ -99,6 +100,7 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 			uninject: uninjectFormItemContext === null || uninjectFormItemContext === void 0 ? void 0 : uninjectFormItemContext.value
 		});
 		const { mergedSize } = useSize(_mergedSize);
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		const mergedFieldNames = computed(() => _objectSpread2(_objectSpread2({}, DEFAULT_FIELD_NAMES), props.fieldNames));
 		const _focused = ref(false);
 		const _value = ref(props.defaultValue);
@@ -196,7 +198,7 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 			updateValue([], e);
 			emit("clear", e);
 		};
-		const showClearBtn = computed(() => !mergedDisabled.value && !props.readonly && props.allowClear && Boolean(computedValue.value.length));
+		const showClearBtn = computed(() => !mergedDisabled.value && !props.readonly && mergedAllowClear.value && Boolean(computedValue.value.length));
 		const handlePressEnter = (e) => {
 			if (computedInputValue.value) {
 				var _computedValue$value2;

package/es/mention/mention.js

@@ -3,6 +3,7 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import Input from "../input/index.js";
 import { getKeyFromValue } from "../select/utils.js";
 import { useSelect } from "../select/hooks/use-select.js";
@@ -62,6 +63,7 @@ var mention_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(props, { emit, attrs, slots }) {
 		const prefixCls = getPrefixCls("mention");
+		const { mergedAllowClear } = useAllowClear(toRef(props, "allowClear"));
 		let styleDeclaration;
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
 		const { data, modelValue } = toRefs(props);
@@ -211,7 +213,7 @@ var mention_default = /* @__PURE__ */ defineComponent({
 				var _computedValue$value;
 				return createVNode("div", { "class": prefixCls }, [createVNode(resize_observer_default, { "onResize": handleResize }, { default: () => [createVNode(Textarea, mergeProps(attrs, {
 					"ref": inputRef,
-					"allowClear": props.allowClear,
+					"allowClear": mergedAllowClear.value,
 					"modelValue": computedValue.value,
 					"disabled": mergedDisabled.value,
 					"onInput": handleInput,
@@ -251,7 +253,7 @@ var mention_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: () => [createVNode(Input, mergeProps(attrs, {
 					"ref": inputRef,
-					"allowClear": props.allowClear,
+					"allowClear": mergedAllowClear.value,
 					"modelValue": computedValue.value,
 					"disabled": mergedDisabled.value,
 					"onInput": handleInput,

package/es/modal/index.d.ts

@@ -153,7 +153,7 @@ declare const Modal: {
         modalCls: import("vue").ComputedRef<(string | any[] | {
             [x: string]: boolean;
         } | undefined)[]>;
-        teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
+        teleportContainer: import("vue").Ref<string | HTMLElement | null | undefined, string | HTMLElement | null | undefined>;
         handleMoveDown: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:visible': (_visible: boolean) => true;
@@ -1404,7 +1404,7 @@ declare const Modal: {
         modalCls: import("vue").ComputedRef<(string | any[] | {
             [x: string]: boolean;
         } | undefined)[]>;
-        teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
+        teleportContainer: import("vue").Ref<string | HTMLElement | null | undefined, string | HTMLElement | null | undefined>;
         handleMoveDown: (ev: MouseEvent) => void;
     }, {}, {}, {}, {
         footer: boolean;
@@ -1582,7 +1582,7 @@ declare const Modal: {
     modalCls: import("vue").ComputedRef<(string | any[] | {
         [x: string]: boolean;
     } | undefined)[]>;
-    teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
+    teleportContainer: import("vue").Ref<string | HTMLElement | null | undefined, string | HTMLElement | null | undefined>;
     handleMoveDown: (ev: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (_visible: boolean) => true;

package/es/modal/modal.vue.d.ts

@@ -146,7 +146,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     modalCls: import("vue").ComputedRef<(string | any[] | {
         [x: string]: boolean;
     } | undefined)[]>;
-    teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
+    teleportContainer: import("vue").Ref<string | HTMLElement | null | undefined, string | HTMLElement | null | undefined>;
     handleMoveDown: (ev: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (_visible: boolean) => true;

package/es/rate/rate.js

@@ -1,6 +1,7 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNull, isObject, isString, isUndefined } from "../_utils/is.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import IconFaceFrownFill from "../icon/icon-face-frown-fill/index.js";
 import IconFaceMehFill from "../icon/icon-face-meh-fill/index.js";
 import IconFaceSmileFill from "../icon/icon-face-smile-fill/index.js";
@@ -51,9 +52,10 @@ var rate_default = /* @__PURE__ */ defineComponent({
 		"hoverChange": (_value) => true
 	},
 	setup(props, { emit, slots }) {
-		const { modelValue } = toRefs(props);
+		const { modelValue, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("rate");
 		const { mergedDisabled: _mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		const _value = ref(props.defaultValue);
 		const animation = ref(false);
 		watch(modelValue, (value) => {
@@ -107,7 +109,7 @@ var rate_default = /* @__PURE__ */ defineComponent({
 				emit("update:modelValue", newValue);
 				emit("change", newValue);
 				(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
-			} else if (props.allowClear) {
+			} else if (mergedAllowClear.value) {
 				var _eventHandlers$value2, _eventHandlers$value3;
 				_value.value = 0;
 				emit("update:modelValue", 0);

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

@@ -38,7 +38,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         [x: string]: boolean;
     })[]>;
     wrapperRef: import("vue").Ref<any, any>;
-    wrapperComRef: import("vue").Ref<import("vue").ComponentPublicInstance | HTMLElement | undefined, import("vue").ComponentPublicInstance | HTMLElement | undefined>;
+    wrapperComRef: import("vue").Ref<HTMLElement | import("vue").ComponentPublicInstance | undefined, HTMLElement | import("vue").ComponentPublicInstance | undefined>;
     handleScroll: (e: Event) => void;
     displayScrollbar: import("vue").ComputedRef<boolean>;
     scrollbarProps: import("vue").ComputedRef<ScrollbarProps | undefined>;

package/es/select/select.js

@@ -3,6 +3,7 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isBoolean, isEmptyObject, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
 import virtual_list_v2_default from "../_components/virtual-list-v2/index.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { getKeyFromValue, hasEmptyStringKey, isGroupOptionInfo, isValidOption } from "./utils.js";
 import { useSelect } from "./hooks/use-select.js";
 import option_default from "./option.js";
@@ -176,13 +177,14 @@ var select_default = /* @__PURE__ */ defineComponent({
 		"exceedLimit": (_value, _ev) => true
 	},
 	setup(props, { slots, emit, attrs }) {
-		const { size, disabled, error, options, filterOption, valueKey, multiple, popupVisible, defaultPopupVisible, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption } = toRefs(props);
+		const { size, disabled, error, options, filterOption, valueKey, multiple, popupVisible, defaultPopupVisible, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("select");
 		const { mergedSize, mergedDisabled, mergedError, eventHandlers } = useFormItem({
 			size,
 			disabled,
 			error
 		});
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		const component = computed(() => props.virtualListProps ? "div" : "li");
 		const retainInputValue = computed(() => isObject(props.allowSearch) && Boolean(props.allowSearch.retainInputValue));
 		const dropdownRef = ref();
@@ -479,7 +481,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 					"disabled": mergedDisabled.value,
 					"error": mergedError.value,
 					"loading": props.loading,
-					"allowClear": props.allowClear,
+					"allowClear": mergedAllowClear.value,
 					"allowCreate": props.allowCreate,
 					"allowSearch": Boolean(props.allowSearch),
 					"opened": computedPopupVisible.value,

package/es/textarea/index.d.ts

@@ -65,7 +65,7 @@ declare const Textarea: {
         mirrorRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         mirrorStyle: import("vue").Ref<import("vue").CSSProperties | undefined, import("vue").CSSProperties | undefined>;
         computedValue: import("vue").ComputedRef<string>;
-        showClearBtn: import("vue").ComputedRef<string | false>;
+        showClearBtn: import("vue").ComputedRef<string | false | undefined>;
         valueLength: import("vue").ComputedRef<number>;
         computedMaxLength: import("vue").ComputedRef<number>;
         mergedDisabled: import("vue").ComputedRef<boolean>;
@@ -329,7 +329,7 @@ declare const Textarea: {
         mirrorRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         mirrorStyle: import("vue").Ref<import("vue").CSSProperties | undefined, import("vue").CSSProperties | undefined>;
         computedValue: import("vue").ComputedRef<string>;
-        showClearBtn: import("vue").ComputedRef<string | false>;
+        showClearBtn: import("vue").ComputedRef<string | false | undefined>;
         valueLength: import("vue").ComputedRef<number>;
         computedMaxLength: import("vue").ComputedRef<number>;
         mergedDisabled: import("vue").ComputedRef<boolean>;
@@ -429,7 +429,7 @@ declare const Textarea: {
     mirrorRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     mirrorStyle: import("vue").Ref<import("vue").CSSProperties | undefined, import("vue").CSSProperties | undefined>;
     computedValue: import("vue").ComputedRef<string>;
-    showClearBtn: import("vue").ComputedRef<string | false>;
+    showClearBtn: import("vue").ComputedRef<string | false | undefined>;
     valueLength: import("vue").ComputedRef<number>;
     computedMaxLength: import("vue").ComputedRef<number>;
     mergedDisabled: import("vue").ComputedRef<boolean>;

package/es/textarea/textarea.vue.d.ts

@@ -57,7 +57,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     mirrorRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     mirrorStyle: import("vue").Ref<CSSProperties | undefined, CSSProperties | undefined>;
     computedValue: import("vue").ComputedRef<string>;
-    showClearBtn: import("vue").ComputedRef<string | false>;
+    showClearBtn: import("vue").ComputedRef<string | false | undefined>;
     valueLength: import("vue").ComputedRef<number>;
     computedMaxLength: import("vue").ComputedRef<number>;
     mergedDisabled: import("vue").ComputedRef<boolean>;

package/es/textarea/textarea.vue_vue_type_script_lang.js

@@ -5,6 +5,7 @@ import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import IconClose from "../icon/icon-close/index.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useCursor } from "../_hooks/use-cursor.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
 import { omit } from "../_utils/omit.js";
@@ -64,12 +65,13 @@ var textarea_vue_vue_type_script_lang_default = defineComponent({
 		"blur": (_ev) => true
 	},
 	setup(props, { emit, attrs }) {
-		const { disabled, error, modelValue } = toRefs(props);
+		const { disabled, error, modelValue, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("textarea");
 		const { mergedDisabled, mergedError: _mergedError, eventHandlers } = useFormItem({
 			disabled,
 			error
 		});
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		const textareaRef = ref();
 		const textareaStyle = ref();
 		const mirrorRef = ref();
@@ -97,7 +99,9 @@ var textarea_vue_vue_type_script_lang_default = defineComponent({
 		const mergedError = computed(() => _mergedError.value || Boolean(computedMaxLength.value && maxLengthErrorOnly.value && valueLength.value > computedMaxLength.value));
 		const isScroll = ref(false);
 		const focused = ref(false);
-		const showClearBtn = computed(() => props.allowClear && !mergedDisabled.value && computedValue.value);
+		const showClearBtn = computed(() => {
+			return mergedAllowClear.value && !mergedDisabled.value && computedValue.value;
+		});
 		const isComposition = ref(false);
 		const compositionValue = ref("");
 		const keepControl = () => {

package/es/time-picker/index.d.ts

@@ -100,6 +100,7 @@ declare const TimePicker: {
         inputValue: import("vue").Ref<string | (string | undefined)[] | undefined, string | (string | undefined)[] | undefined>;
         computedFormat: import("vue").ComputedRef<string>;
         computedUse12Hours: import("vue").ComputedRef<boolean>;
+        mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         inputProps: import("vue").ComputedRef<{
             focusedIndex: number;
             onFocusedIndexChange: (index: number) => void;
@@ -3885,6 +3886,7 @@ declare const TimePicker: {
         inputValue: import("vue").Ref<string | (string | undefined)[] | undefined, string | (string | undefined)[] | undefined>;
         computedFormat: import("vue").ComputedRef<string>;
         computedUse12Hours: import("vue").ComputedRef<boolean>;
+        mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         inputProps: import("vue").ComputedRef<{
             focusedIndex: number;
             onFocusedIndexChange: (index: number) => void;
@@ -4025,6 +4027,7 @@ declare const TimePicker: {
     inputValue: import("vue").Ref<string | (string | undefined)[] | undefined, string | (string | undefined)[] | undefined>;
     computedFormat: import("vue").ComputedRef<string>;
     computedUse12Hours: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     inputProps: import("vue").ComputedRef<{
         focusedIndex: number;
         onFocusedIndexChange: (index: number) => void;

package/es/time-picker/time-picker.js

@@ -65,7 +65,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			error: _ctx.error,
 			readonly: _ctx.readonly,
 			editable: !_ctx.readonly,
-			"allow-clear": _ctx.allowClear && !_ctx.readonly,
+			"allow-clear": _ctx.mergedAllowClear && !_ctx.readonly,
 			placeholder: _ctx.computedPlaceholder,
 			onClear: _ctx.onInputClear
 		}), createSlots({

package/es/time-picker/time-picker.vue.d.ts

@@ -95,6 +95,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     inputValue: import("vue").Ref<string | (string | undefined)[] | undefined, string | (string | undefined)[] | undefined>;
     computedFormat: import("vue").ComputedRef<string>;
     computedUse12Hours: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     inputProps: import("vue").ComputedRef<{
         focusedIndex: number;
         onFocusedIndexChange: (index: number) => void;

package/es/time-picker/time-picker.vue_vue_type_script_lang.js

@@ -1,6 +1,7 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isUndefined } from "../_utils/is.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import { useI18n } from "../locale/index.js";
@@ -90,8 +91,9 @@ var time_picker_vue_vue_type_script_lang_default = defineComponent({
 		"update:popupVisible": (_visible) => true
 	},
 	setup(props, { emit }) {
-		const { type, format, use12Hours, modelValue, defaultValue, popupVisible, defaultPopupVisible, disabled, placeholder, disableConfirm, disabledHours, disabledMinutes, disabledSeconds } = toRefs(props);
+		const { type, format, use12Hours, modelValue, defaultValue, popupVisible, defaultPopupVisible, disabled, placeholder, allowClear, disableConfirm, disabledHours, disabledMinutes, disabledSeconds } = toRefs(props);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		const isRange = computed(() => type.value === "time-range");
 		const prefixCls = getPrefixCls("timepicker");
 		const refInput = ref();
@@ -237,6 +239,7 @@ var time_picker_vue_vue_type_script_lang_default = defineComponent({
 			inputValue,
 			computedFormat,
 			computedUse12Hours,
+			mergedAllowClear,
 			inputProps: computed(() => {
 				if (isRange.value) return {
 					focusedIndex: focusedInputIndex.value,

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

@@ -147,6 +147,7 @@ declare const TreeSelect: {
         isEmpty: import("vue").ComputedRef<boolean | undefined>;
         computedFilterTreeNode: import("vue").ComputedRef<((node: import("..").TreeNodeData) => boolean) | undefined>;
         isMultiple: import("vue").ComputedRef<boolean>;
+        mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         selectViewValue: import("vue").ComputedRef<import("../_components/select-view/interface").SelectViewValue[]>;
         computedDropdownStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
         onSearchValueChange: (inputValue: string) => void;
@@ -2816,6 +2817,7 @@ declare const TreeSelect: {
         isEmpty: import("vue").ComputedRef<boolean | undefined>;
         computedFilterTreeNode: import("vue").ComputedRef<((node: import("..").TreeNodeData) => boolean) | undefined>;
         isMultiple: import("vue").ComputedRef<boolean>;
+        mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         selectViewValue: import("vue").ComputedRef<import("../_components/select-view/interface").SelectViewValue[]>;
         computedDropdownStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
         onSearchValueChange: (inputValue: string) => void;
@@ -3009,6 +3011,7 @@ declare const TreeSelect: {
     isEmpty: import("vue").ComputedRef<boolean | undefined>;
     computedFilterTreeNode: import("vue").ComputedRef<((node: import("..").TreeNodeData) => boolean) | undefined>;
     isMultiple: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     selectViewValue: import("vue").ComputedRef<import("../_components/select-view/interface").SelectViewValue[]>;
     computedDropdownStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
     onSearchValueChange: (inputValue: string) => void;

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

@@ -80,7 +80,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			"model-value": _ctx.selectViewValue,
 			"input-value": _ctx.searchValue,
 			"allow-search": Boolean(_ctx.allowSearch),
-			"allow-clear": _ctx.allowClear,
+			"allow-clear": _ctx.mergedAllowClear,
 			loading: _ctx.loading,
 			size: _ctx.size,
 			"max-tag-count": _ctx.maxTagCount,

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

@@ -145,6 +145,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     isEmpty: import("vue").ComputedRef<boolean | undefined>;
     computedFilterTreeNode: import("vue").ComputedRef<((node: TreeNodeData) => boolean) | undefined>;
     isMultiple: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     selectViewValue: import("vue").ComputedRef<SelectViewValue[]>;
     computedDropdownStyle: import("vue").ComputedRef<StyleValue[]>;
     onSearchValueChange: (inputValue: string) => void;

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

@@ -3,6 +3,7 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/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";
 import useMergeState from "../_hooks/use-merge-state.js";
 import Empty from "../empty/index.js";
 import Spin from "../spin/index.js";
@@ -123,10 +124,11 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 	},
 	setup(props, { emit, slots }) {
 		var _configCtx$slots, _configCtx$slots$empt;
-		const { defaultValue, modelValue, multiple, popupVisible, defaultPopupVisible, treeCheckable, treeCheckStrictly, data, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, dropdownClassName } = toRefs(props);
+		const { defaultValue, modelValue, multiple, popupVisible, defaultPopupVisible, treeCheckable, treeCheckStrictly, data, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, allowClear } = toRefs(props);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const prefixCls = getPrefixCls("tree-select");
 		const configCtx = inject(configProviderInjectionKey, void 0);
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		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 isMultiple = computed(() => multiple.value || treeCheckable.value);
 		const isSelectable = (node, info) => {
@@ -229,6 +231,7 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			isEmpty,
 			computedFilterTreeNode,
 			isMultiple,
+			mergedAllowClear,
 			selectViewValue,
 			computedDropdownStyle,
 			onSearchValueChange: handleInputValueChange,

package/es/trigger/trigger.js

@@ -1,4 +1,4 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
+import { configProviderInjectionKey, themePopupContainerInjectionKey } from "../config-provider/context.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isEmptyChildren, mergeFirstChild } from "../_utils/vue-utils.js";
@@ -14,7 +14,7 @@ import { useResizeObserver } 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, toRefs, vShow, watch, withDirectives } from "vue";
+import { Fragment, Teleport, Transition, computed, createVNode, defineComponent, inject, mergeProps, nextTick, onBeforeUnmount, onDeactivated, onMounted, onUpdated, provide, reactive, ref, vShow, watch, withDirectives } from "vue";
 //#region components/trigger/trigger.tsx
 var TRIGGER_EVENTS = [
 	"onClick",
@@ -170,10 +170,14 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 		"resize": () => true
 	},
 	setup(props, { emit, slots, attrs }) {
-		const { popupContainer } = toRefs(props);
 		const prefixCls = getPrefixCls("trigger");
 		const popupAttrs = computed(() => omit(attrs, TRIGGER_EVENTS));
 		const configCtx = inject(configProviderInjectionKey, void 0);
+		const themePopupContainer = inject(themePopupContainerInjectionKey, void 0);
+		const mergedPopupContainer = computed(() => {
+			var _props$popupContainer;
+			return (_props$popupContainer = props.popupContainer) !== null && _props$popupContainer !== void 0 ? _props$popupContainer : themePopupContainer === null || themePopupContainer === void 0 ? void 0 : themePopupContainer.value;
+		});
 		const triggerMethods = computed(() => [].concat(props.trigger));
 		const childrenRefs = /* @__PURE__ */ new Set();
 		const triggerCtx = inject(triggerInjectionKey, void 0);
@@ -196,7 +200,7 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			return (_props$popupVisible = props.popupVisible) !== null && _props$popupVisible !== void 0 ? _props$popupVisible : popupVisible.value;
 		});
 		const { teleportContainer, containerRef } = useTeleportContainer({
-			popupContainer,
+			popupContainer: mergedPopupContainer,
 			visible: computedVisible,
 			documentContainer: true
 		});

package/json/vetur-attributes.json

@@ -698,53 +698,75 @@
   "sd-color-picker/popup-visible-change": {
     "description": "Triggered when the color panel is expanded and collapsed"
   },
-  "sd-color-picker/model-value": {
+  "sd-color-picker/value": {
     "description": "Value",
     "type": "string"
   },
   "sd-color-picker/default-value": {
-    "description": "Default value (uncontrolled state)",
+    "description": "Default value",
     "type": "string"
   },
   "sd-color-picker/format": {
-    "description": "Color value format",
-    "type": "string"
+    "description": "Value format"
   },
   "sd-color-picker/size": {
     "description": "Size"
   },
-  "sd-color-picker/show-text": {
-    "description": "Show color value",
+  "sd-color-picker/enable-alpha": {
+    "description": "Whether alpha channel is enabled",
     "type": "boolean"
   },
-  "sd-color-picker/show-history": {
-    "description": "Show history colors",
+  "sd-color-picker/show-primary-color-preview": {
+    "description": "Whether to show primary color preview",
     "type": "boolean"
   },
-  "sd-color-picker/show-preset": {
-    "description": "Show preset colors",
-    "type": "boolean"
+  "sd-color-picker/input-props": {
+    "description": "Input props"
   },
-  "sd-color-picker/disabled": {
-    "description": "disabled",
-    "type": "boolean"
+  "sd-color-picker/recent-colors": {
+    "description": "Recent colors"
   },
-  "sd-color-picker/disabled-alpha": {
-    "description": "Disable transparency channel",
+  "sd-color-picker/default-recent-colors": {
+    "description": "Default recent colors"
+  },
+  "sd-color-picker/swatch-colors": {
+    "description": "Swatch colors"
+  },
+  "sd-color-picker/disabled": {
+    "description": "Disabled",
     "type": "boolean"
   },
   "sd-color-picker/hide-trigger": {
-    "description": "There is no trigger element, only the color panel is displayed",
+    "description": "Render panel inline",
     "type": "boolean"
   },
   "sd-color-picker/trigger-props": {
-    "description": "Can accept Props of all [Trigger](/vue/component/trigger) components"
+    "description": "Trigger props"
   },
   "sd-color-picker/history-colors": {
-    "description": "Color array of historical colors"
+    "description": "Legacy history colors"
   },
   "sd-color-picker/preset-colors": {
-    "description": "Color array of 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",
@@ -776,6 +798,10 @@
   "sd-config-provider/size": {
     "description": "Size"
   },
+  "sd-config-provider/allow-clear": {
+    "description": "Whether to enable clear buttons by default",
+    "type": "boolean"
+  },
   "sd-config-provider/global": {
     "description": "Is global effect",
     "type": "boolean"

package/json/vetur-tags.json

@@ -300,19 +300,26 @@
     "attributes": [
       "change",
       "popup-visible-change",
-      "model-value",
+      "value",
       "default-value",
       "format",
       "size",
-      "show-text",
-      "show-history",
-      "show-preset",
+      "enable-alpha",
+      "show-primary-color-preview",
+      "input-props",
+      "recent-colors",
+      "default-recent-colors",
+      "swatch-colors",
       "disabled",
-      "disabled-alpha",
       "hide-trigger",
       "trigger-props",
       "history-colors",
-      "preset-colors"
+      "preset-colors",
+      "show-text",
+      "show-history",
+      "show-preset",
+      "disabled-alpha",
+      "select-input-props"
     ]
   },
   "sd-comment": {
@@ -329,6 +336,7 @@
       "prefix-cls",
       "locale",
       "size",
+      "allow-clear",
       "global",
       "scroll-to-close",
       "exchange-time",