@sdata/web-vue 4.5.0 → 4.5.2

package/es/tag/index.d.ts

@@ -50,15 +50,15 @@ declare const Tag: {
             default: undefined;
         };
         ellipsisLineClamp: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: undefined;
         };
         ellipsisExpandTrigger: {
-            type: () => "click";
+            type: () => 'click';
             default: undefined;
         };
         ellipsisTooltip: {
-            type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
+            type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
             default: boolean;
         };
         ellipsisPerformant: {
@@ -74,29 +74,29 @@ declare const Tag: {
             default: undefined;
         };
     }>> & Readonly<{
+        onCheck?: ((_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any) | undefined;
         onClose?: ((_ev: KeyboardEvent | MouseEvent) => any) | undefined;
-        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
         "onUpdate:checked"?: ((_checked: boolean) => any) | undefined;
-        onCheck?: ((_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any) | undefined;
+        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        check: (_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any;
         close: (_ev: KeyboardEvent | MouseEvent) => any;
-        "update:visible": (_visible: boolean) => any;
         "update:checked": (_checked: boolean) => any;
-        check: (_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any;
+        "update:visible": (_visible: boolean) => any;
     }, import("vue").PublicProps, {
-        visible: boolean;
-        nowrap: boolean;
-        ellipsis: boolean;
-        loading: boolean;
         bordered: boolean;
+        visible: boolean;
         defaultVisible: boolean;
+        loading: boolean;
         closable: boolean;
         checkable: boolean;
         checked: boolean;
         defaultChecked: boolean;
+        nowrap: boolean;
+        ellipsis: boolean;
         ellipsisLineClamp: string | number;
         ellipsisExpandTrigger: "click";
-        ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+        ellipsisTooltip: boolean | import("..").EllipsisTooltipProps;
         ellipsisPerformant: boolean;
         textColor: string;
         backgroundAlpha: number;
@@ -155,15 +155,15 @@ declare const Tag: {
             default: undefined;
         };
         ellipsisLineClamp: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
             default: undefined;
         };
         ellipsisExpandTrigger: {
-            type: () => "click";
+            type: () => 'click';
             default: undefined;
         };
         ellipsisTooltip: {
-            type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
+            type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
             default: boolean;
         };
         ellipsisPerformant: {
@@ -179,24 +179,24 @@ declare const Tag: {
             default: undefined;
         };
     }>> & Readonly<{
+        onCheck?: ((_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any) | undefined;
         onClose?: ((_ev: KeyboardEvent | MouseEvent) => any) | undefined;
-        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
         "onUpdate:checked"?: ((_checked: boolean) => any) | undefined;
-        onCheck?: ((_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any) | undefined;
+        "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        visible: boolean;
-        nowrap: boolean;
-        ellipsis: boolean;
-        loading: boolean;
         bordered: boolean;
+        visible: boolean;
         defaultVisible: boolean;
+        loading: boolean;
         closable: boolean;
         checkable: boolean;
         checked: boolean;
         defaultChecked: boolean;
+        nowrap: boolean;
+        ellipsis: boolean;
         ellipsisLineClamp: string | number;
         ellipsisExpandTrigger: "click";
-        ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+        ellipsisTooltip: boolean | import("..").EllipsisTooltipProps;
         ellipsisPerformant: boolean;
         textColor: string;
         backgroundAlpha: number;
@@ -252,15 +252,15 @@ declare const Tag: {
         default: undefined;
     };
     ellipsisLineClamp: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     ellipsisExpandTrigger: {
-        type: () => "click";
+        type: () => 'click';
         default: undefined;
     };
     ellipsisTooltip: {
-        type: import("vue").PropType<boolean | import("../index.ts").EllipsisTooltipProps>;
+        type: import("vue").PropType<boolean | import("..").EllipsisTooltipProps>;
         default: boolean;
     };
     ellipsisPerformant: {
@@ -276,29 +276,29 @@ declare const Tag: {
         default: undefined;
     };
 }>> & Readonly<{
+    onCheck?: ((_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any) | undefined;
     onClose?: ((_ev: KeyboardEvent | MouseEvent) => any) | undefined;
-    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     "onUpdate:checked"?: ((_checked: boolean) => any) | undefined;
-    onCheck?: ((_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    check: (_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any;
     close: (_ev: KeyboardEvent | MouseEvent) => any;
-    "update:visible": (_visible: boolean) => any;
     "update:checked": (_checked: boolean) => any;
-    check: (_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any;
+    "update:visible": (_visible: boolean) => any;
 }, string, {
-    visible: boolean;
-    nowrap: boolean;
-    ellipsis: boolean;
-    loading: boolean;
     bordered: boolean;
+    visible: boolean;
     defaultVisible: boolean;
+    loading: boolean;
     closable: boolean;
     checkable: boolean;
     checked: boolean;
     defaultChecked: boolean;
+    nowrap: boolean;
+    ellipsis: boolean;
     ellipsisLineClamp: string | number;
     ellipsisExpandTrigger: "click";
-    ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
+    ellipsisTooltip: boolean | import("..").EllipsisTooltipProps;
     ellipsisPerformant: boolean;
     textColor: string;
     backgroundAlpha: number;

package/es/tag/interface.d.ts

@@ -1,5 +1,5 @@
 import type { EllipsisTooltipProps } from '../ellipsis';
-export declare const TAG_COLORS: readonly ["red", "orangered", "orange", "gold", "lime", "green", "cyan", "blue", "sdblue", "purple", "pinkpurple", "magenta", "gray"];
+export declare const TAG_COLORS: readonly ['red', 'orangered', 'orange', 'gold', 'lime', 'green', 'cyan', 'blue', 'sdblue', 'purple', 'pinkpurple', 'magenta', 'gray'];
 export type TagColor = (typeof TAG_COLORS)[number];
 export interface TagProps {
     color?: string;

package/es/tag/{tag.vue.d.ts → tag.vue.d.vue.ts}

@@ -60,11 +60,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
     ellipsisLineClamp: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     ellipsisExpandTrigger: {
-        type: () => "click";
+        type: () => 'click';
         default: undefined;
     };
     ellipsisTooltip: {
@@ -84,10 +84,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    check: (_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any;
     close: (_ev: KeyboardEvent | MouseEvent) => any;
-    "update:visible": (_visible: boolean) => any;
     "update:checked": (_checked: boolean) => any;
-    check: (_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any;
+    "update:visible": (_visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
         type: StringConstructor;
@@ -136,11 +136,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
     ellipsisLineClamp: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     ellipsisExpandTrigger: {
-        type: () => "click";
+        type: () => 'click';
         default: undefined;
     };
     ellipsisTooltip: {
@@ -160,21 +160,21 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
 }>> & Readonly<{
+    onCheck?: ((_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any) | undefined;
     onClose?: ((_ev: KeyboardEvent | MouseEvent) => any) | undefined;
-    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     "onUpdate:checked"?: ((_checked: boolean) => any) | undefined;
-    onCheck?: ((_checked: boolean, _ev: KeyboardEvent | MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
 }>, {
-    visible: boolean;
-    nowrap: boolean;
-    ellipsis: boolean;
-    loading: boolean;
     bordered: boolean;
+    visible: boolean;
     defaultVisible: boolean;
+    loading: boolean;
     closable: boolean;
     checkable: boolean;
     checked: boolean;
     defaultChecked: boolean;
+    nowrap: boolean;
+    ellipsis: boolean;
     ellipsisLineClamp: string | number;
     ellipsisExpandTrigger: "click";
     ellipsisTooltip: boolean | EllipsisTooltipProps;

package/es/tag/tag.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import { isActivationKey } from "../_utils/keyboard.js";
@@ -11,8 +11,8 @@ import { useSize } from "../_hooks/use-size.js";
 import { extractColorsFromGradient, isGradientString } from "../_utils/color.js";
 import { TAG_COLORS } from "./interface.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useSlots, withCtx, withModifiers } from "vue";
-import chroma from "chroma-js";
 import { isNil } from "es-toolkit/compat";
+import chroma from "chroma-js";
 //#region components/tag/tag.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"role",

package/es/tag-group/index.d.ts

@@ -3,9 +3,9 @@ import type { SDOptions } from '../_utils/types';
 import _TagGroup from './tag-group.vue';
 declare const TagGroup: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TagGroupProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        maxCount: number | 'responsive';
         options: import("./interface").TagGroupOption[];
         fieldNames: import("./interface").TagGroupFieldNames;
-        maxCount: number | "responsive";
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -14,17 +14,17 @@ declare const TagGroup: {
         M: {};
         Defaults: {};
     }, Readonly<import("./interface").TagGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
+        maxCount: number | 'responsive';
         options: import("./interface").TagGroupOption[];
         fieldNames: import("./interface").TagGroupFieldNames;
-        maxCount: number | "responsive";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./interface").TagGroupProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    maxCount: number | 'responsive';
     options: import("./interface").TagGroupOption[];
     fieldNames: import("./interface").TagGroupFieldNames;
-    maxCount: number | "responsive";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         item?: (props: {

package/es/tag-group/{tag-group.vue.d.ts → tag-group.vue.d.vue.ts}

@@ -29,9 +29,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_55) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TagGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TagGroupProps> & Readonly<{}>, {
+    maxCount: number | 'responsive';
     options: TagGroupOption[];
     fieldNames: import("./interface").TagGroupFieldNames;
-    maxCount: number | "responsive";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/tag-group/tag-group.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { WrapClamp } from "../clamp/index.js";
 import Popover from "../popover/index.js";
@@ -103,7 +103,10 @@ var tag_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					_: 3
 				}),
 				createVNode(unref(DefineCounter), null, {
-					default: withCtx(({ hiddenOptions, itemTag }) => [hiddenOptions.length > 0 ? (openBlock(), createBlock(unref(Popover), { key: 0 }, {
+					default: withCtx(({ hiddenOptions, itemTag }) => [hiddenOptions.length > 0 ? (openBlock(), createBlock(unref(Popover), {
+						key: 0,
+						trigger: ["hover", "focus"]
+					}, {
 						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(itemTag), {
 							class: normalizeClass([`${unref(prefixCls)}-item`, `${unref(prefixCls)}-item-counter`]),
 							role: itemTag === "span" ? "listitem" : void 0
@@ -119,6 +122,7 @@ var tag_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 								visible: true,
 								nowrap: true,
 								ellipsis: false,
+								tabindex: "0",
 								textContent: toDisplayString(`+${hiddenOptions.length}`)
 							}, null, 8, ["class", "textContent"])])]),
 							_: 2

package/es/textarea/index.d.ts

@@ -22,7 +22,7 @@ declare const Textarea: {
             default: boolean;
         };
         readonly: {
-            type: (StringConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
         error: {
@@ -61,35 +61,35 @@ declare const Textarea: {
             type: import("vue").PropType<Record<string, any>>;
         };
     }>> & Readonly<{
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
+        onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     }>, {
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        clear: (_ev: MouseEvent) => any;
-        focus: (_ev: FocusEvent) => any;
         blur: (_ev: FocusEvent) => any;
         change: (_value: string, _ev: Event) => any;
+        clear: (_ev: MouseEvent) => any;
+        focus: (_ev: FocusEvent) => any;
         input: (_value: string, _ev: Event) => any;
         "update:modelValue": (_value: string) => any;
     }, import("vue").PublicProps, {
-        disabled: boolean;
-        error: boolean;
-        readonly: string | boolean;
         defaultValue: string;
-        allowClear: boolean;
         fitWidth: boolean;
         maxWFull: boolean;
+        disabled: boolean;
+        readonly: string | boolean;
+        error: boolean;
         maxLength: number | {
             length: number;
             errorOnly?: boolean;
         };
         showWordLimit: boolean;
+        allowClear: boolean;
         autoSize: boolean | {
             minRows?: number;
             maxRows?: number;
@@ -121,7 +121,7 @@ declare const Textarea: {
             default: boolean;
         };
         readonly: {
-            type: (StringConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | StringConstructor)[];
             default: boolean;
         };
         error: {
@@ -160,28 +160,28 @@ declare const Textarea: {
             type: import("vue").PropType<Record<string, any>>;
         };
     }>> & Readonly<{
-        onClear?: ((_ev: MouseEvent) => any) | undefined;
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string, _ev: Event) => any) | undefined;
+        onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onInput?: ((_value: string, _ev: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     }>, {
         focus: () => void;
         blur: () => void;
     }, {}, {}, {}, {
-        disabled: boolean;
-        error: boolean;
-        readonly: string | boolean;
         defaultValue: string;
-        allowClear: boolean;
         fitWidth: boolean;
         maxWFull: boolean;
+        disabled: boolean;
+        readonly: string | boolean;
+        error: boolean;
         maxLength: number | {
             length: number;
             errorOnly?: boolean;
         };
         showWordLimit: boolean;
+        allowClear: boolean;
         autoSize: boolean | {
             minRows?: number;
             maxRows?: number;
@@ -210,7 +210,7 @@ declare const Textarea: {
         default: boolean;
     };
     readonly: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     error: {
@@ -249,35 +249,35 @@ declare const Textarea: {
         type: import("vue").PropType<Record<string, any>>;
     };
 }>> & Readonly<{
-    onClear?: ((_ev: MouseEvent) => any) | undefined;
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string, _ev: Event) => any) | undefined;
+    onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onInput?: ((_value: string, _ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
 }>, {
     focus: () => void;
     blur: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: (_ev: MouseEvent) => any;
-    focus: (_ev: FocusEvent) => any;
     blur: (_ev: FocusEvent) => any;
     change: (_value: string, _ev: Event) => any;
+    clear: (_ev: MouseEvent) => any;
+    focus: (_ev: FocusEvent) => any;
     input: (_value: string, _ev: Event) => any;
     "update:modelValue": (_value: string) => any;
 }, string, {
-    disabled: boolean;
-    error: boolean;
-    readonly: string | boolean;
     defaultValue: string;
-    allowClear: boolean;
     fitWidth: boolean;
     maxWFull: boolean;
+    disabled: boolean;
+    readonly: string | boolean;
+    error: boolean;
     maxLength: number | {
         length: number;
         errorOnly?: boolean;
     };
     showWordLimit: boolean;
+    allowClear: boolean;
     autoSize: boolean | {
         minRows?: number;
         maxRows?: number;
@@ -290,4 +290,5 @@ declare const Textarea: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type TextareaInstance = InstanceType<typeof _Textarea>;
+export type TextareaProps = TextareaInstance['$props'];
 export default Textarea;

package/es/textarea/style/index.css

@@ -159,8 +159,8 @@
 .sd-textarea-wrapper.sd-textarea-scroll .sd-textarea-clear-btn {
   right: 25px;
 }
-.sd-textarea-wrapper:hover .sd-textarea-clear-btn {
-  display: block;
+.sd-textarea-wrapper:hover .sd-textarea-clear-btn, .sd-textarea-wrapper:focus-within .sd-textarea-clear-btn {
+  visibility: visible;
 }
 .sd-textarea-wrapper .sd-textarea-mirror {
   position: absolute;

package/es/textarea/style/index.scss

@@ -47,9 +47,10 @@ $textarea-prefix-cls: string.unquote('#{theme.$prefix}-textarea');
     right: $textarea-layout-tip-right + 15px;
   }
 
-  &:hover {
+  &:hover,
+  &:focus-within {
     .#{$textarea-prefix-cls}-clear-btn {
-      display: block;
+      visibility: visible;
     }
   }
 

package/es/textarea/{textarea.vue.d.ts → textarea.vue.d.vue.ts}

@@ -25,7 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     error: {
@@ -67,10 +67,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     focus: typeof focus;
     blur: typeof blur;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: (_ev: MouseEvent) => any;
-    focus: (_ev: FocusEvent) => any;
     blur: (_ev: FocusEvent) => any;
     change: (_value: string, _ev: Event) => any;
+    clear: (_ev: MouseEvent) => any;
+    focus: (_ev: FocusEvent) => any;
     input: (_value: string, _ev: Event) => any;
     "update:modelValue": (_value: string) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -93,7 +93,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: boolean;
     };
     error: {
@@ -132,25 +132,25 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<Record<string, any>>;
     };
 }>> & Readonly<{
-    onClear?: ((_ev: MouseEvent) => any) | undefined;
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string, _ev: Event) => any) | undefined;
+    onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onInput?: ((_value: string, _ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
 }>, {
-    disabled: boolean;
-    error: boolean;
-    readonly: string | boolean;
     defaultValue: string;
-    allowClear: boolean;
     fitWidth: boolean;
     maxWFull: boolean;
+    disabled: boolean;
+    readonly: string | boolean;
+    error: boolean;
     maxLength: number | {
         length: number;
         errorOnly?: boolean;
     };
     showWordLimit: boolean;
+    allowClear: boolean;
     autoSize: boolean | {
         minRows?: number;
         maxRows?: number;

package/es/textarea/textarea.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.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
@@ -296,10 +296,10 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			const wrapperAttrs = omit(attr, INPUT_EVENTS);
 			return _objectSpread2(_objectSpread2({}, wrapperAttrs), {}, { style: [fitWidthStyle.value, wrapperAttrs.style] });
 		};
-		const getTextareaAttrs = (attr) => pick(attrs, INPUT_EVENTS);
-		const rawTextareaAttrs = getTextareaAttrs(attrs);
+		const getTextareaAttrs = (attr) => pick(attr, INPUT_EVENTS);
+		const rawTextareaAttrs = computed(() => getTextareaAttrs(attrs));
 		const mergeTextareaAttrs = computed(() => {
-			const attrs = _objectSpread2(_objectSpread2({}, rawTextareaAttrs), props.textareaAttrs);
+			const attrs = _objectSpread2(_objectSpread2({}, rawTextareaAttrs.value), props.textareaAttrs);
 			if (formItemCtx.fieldId && attrs.id === void 0) attrs.id = formItemCtx.fieldId;
 			if (mergedError.value) attrs["aria-invalid"] = true;
 			return attrs;

package/es/theme-provider/index.d.ts

@@ -3,14 +3,14 @@ import type { SDOptions } from '../_utils/types';
 import _ThemeProvider from '../config-provider/theme-provider.vue';
 declare const ThemeProvider: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-        theme?: import("../index.ts").SdThemeConfig;
-        themeMode?: import("../index.ts").SdThemeMode;
+        theme?: import("..").SdThemeConfig;
+        themeMode?: import("..").SdThemeMode;
         global?: boolean;
         tag?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        tag: string;
-        themeMode: import("../index.ts").SdThemeMode;
+        themeMode: import("..").SdThemeMode;
         global: boolean;
+        tag: string;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -19,27 +19,27 @@ declare const ThemeProvider: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        theme?: import("../index.ts").SdThemeConfig;
-        themeMode?: import("../index.ts").SdThemeMode;
+        theme?: import("..").SdThemeConfig;
+        themeMode?: import("..").SdThemeMode;
         global?: boolean;
         tag?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, {
-        tag: string;
-        themeMode: import("../index.ts").SdThemeMode;
+        themeMode: import("..").SdThemeMode;
         global: boolean;
+        tag: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{
-    theme?: import("../index.ts").SdThemeConfig;
-    themeMode?: import("../index.ts").SdThemeMode;
+    theme?: import("..").SdThemeConfig;
+    themeMode?: import("..").SdThemeMode;
     global?: boolean;
     tag?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    tag: string;
-    themeMode: import("../index.ts").SdThemeMode;
+    themeMode: import("..").SdThemeMode;
     global: boolean;
+    tag: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?: (props: {}) => any;
@@ -50,4 +50,5 @@ declare const ThemeProvider: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type ThemeProviderInstance = InstanceType<typeof _ThemeProvider>;
+export type ThemeProviderProps = ThemeProviderInstance['$props'];
 export default ThemeProvider;