@element-plus/nightly 0.0.20261020 → 0.0.20261022

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

@@ -102,7 +102,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -159,14 +159,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -175,7 +175,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
@@ -286,7 +286,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -343,14 +343,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -359,7 +359,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
@@ -375,49 +375,45 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
+  draggable: boolean;
   props: TreeOptionProps;
-  data: TreeData;
-  multiple: boolean;
-  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  loading: boolean;
+  offset: number;
+  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  autocomplete: string;
+  clearable: boolean;
+  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  multiple: boolean;
   popperClass: ClassValue;
   popperStyle: _$vue.StyleValue;
   fallbackPlacements: Placement[];
-  offset: number;
-  placement: EpPropMergeType<(new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "top" | "auto" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  placement: EpPropMergeType<(new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "left" | "right" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;
   showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  defaultExpandAll: boolean;
-  indent: number;
-  lazy: boolean;
-  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
-  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
-  automaticDropdown: boolean;
-  clearable: boolean;
-  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  autocomplete: string;
-  suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  checkStrictly: boolean;
-  autoExpandParent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  checkDescendants: boolean;
-  filterable: boolean;
+  persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  data: TreeData;
   valueKey: string;
   debounce: number;
   fitInputWidth: boolean;
+  loading: boolean;
+  checkStrictly: boolean;
+  lazy: boolean;
   checkOnClickNode: boolean;
   checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  filterable: boolean;
   collapseTags: boolean;
   maxCollapseTags: number;
   collapseTagsTooltip: boolean;
-  tagType: EpPropMergeType<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown>;
-  tagEffect: EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
+  tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+  tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
   accordion: boolean;
-  draggable: boolean;
+  automaticDropdown: boolean;
   allowCreate: boolean;
   remote: boolean;
   multipleLimit: number;
@@ -425,9 +421,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   reserveKeyword: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   tagTooltip: TagTooltipProps;
   remoteShowSuffix: boolean;
+  defaultExpandAll: boolean;
+  indent: number;
   renderAfterExpand: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   showCheckbox: boolean;
   expandOnClickNode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  autoExpandParent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  checkDescendants: boolean;
   highlightCurrent: boolean;
   cacheData: unknown[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/es/components/tree-v2/src/composables/useTree.d.ts

@@ -182,14 +182,14 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   }>, {
     readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-    readonly data: any[];
     readonly style: _$vue.StyleValue;
     readonly className: ClassValue;
+    readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+    readonly data: any[];
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly innerProps: Record<string, unknown>;
     readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;
@@ -364,14 +364,14 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   }>, {
     readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-    readonly data: any[];
     readonly style: _$vue.StyleValue;
     readonly className: ClassValue;
+    readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+    readonly data: any[];
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly innerProps: Record<string, unknown>;
     readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;

package/es/components/tree-v2/src/tree.vue.d.ts

@@ -29,34 +29,34 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, {
   scrollToNode: (key: TreeKey, strategy?: Alignment) => void;
   scrollTo: (offset: number) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "current-change": (data: TreeNodeData, node: TreeNode) => void;
+  "node-expand": (data: TreeNodeData, node: TreeNode) => void;
   "node-click": (data: TreeNodeData, node: TreeNode, e: MouseEvent) => void;
   "node-drop": (data: TreeNodeData, node: TreeNode, e: DragEvent) => void;
-  "node-expand": (data: TreeNodeData, node: TreeNode) => void;
   "node-collapse": (data: TreeNodeData, node: TreeNode) => void;
-  "current-change": (data: TreeNodeData, node: TreeNode) => void;
   check: (data: TreeNodeData, checkedInfo: CheckedInfo) => void;
   "check-change": (data: TreeNodeData, checked: boolean) => void;
   "node-contextmenu": (evt: Event, data: TreeNodeData, node: TreeNode) => void;
 }, string, _$vue.PublicProps, Readonly<TreeProps> & Readonly<{
-  "onCheck-change"?: ((data: TreeNodeData, checked: boolean) => any) | undefined;
   "onCurrent-change"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
+  "onNode-expand"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
+  "onCheck-change"?: ((data: TreeNodeData, checked: boolean) => any) | undefined;
   "onNode-click"?: ((data: TreeNodeData, node: TreeNode, e: MouseEvent) => any) | undefined;
   "onNode-contextmenu"?: ((evt: Event, data: TreeNodeData, node: TreeNode) => any) | undefined;
   "onNode-collapse"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
-  "onNode-expand"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
   onCheck?: ((data: TreeNodeData, checkedInfo: CheckedInfo) => any) | undefined;
   "onNode-drop"?: ((data: TreeNodeData, node: TreeNode, e: DragEvent) => any) | undefined;
 }>, {
   props: TreeOptionProps;
-  data: TreeData;
   height: number;
+  data: TreeData;
+  checkOnClickLeaf: boolean;
+  itemSize: number;
   perfMode: boolean;
   indent: number;
-  itemSize: number;
+  expandOnClickNode: boolean;
   defaultCheckedKeys: TreeKey[];
   defaultExpandedKeys: TreeKey[];
-  checkOnClickLeaf: boolean;
-  expandOnClickNode: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/upload/src/upload-content.d.ts

@@ -100,7 +100,7 @@ declare const uploadContentProps: {
   readonly accept: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly fileList: EpPropFinalized<(new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[]) | (((new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly autoUpload: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;

package/es/components/upload/src/upload-content.vue.d.ts

@@ -15,11 +15,11 @@ declare const __VLS_base: _$vue.DefineComponent<UploadContentProps, {
   abort: (file?: UploadFile) => void;
   upload: (rawFile: UploadRawFile) => Promise<void>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadContentProps> & Readonly<{}>, {
+  disabled: boolean;
   name: string;
-  data: Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-  onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
   onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
-  disabled: boolean;
+  onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
+  data: Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   beforeUpload: (rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>;
   onRemove: (file: UploadFile | UploadRawFile) => void;
   onSuccess: (response: any, rawFile: UploadRawFile) => unknown;

package/es/components/upload/src/upload-list.d.ts

@@ -30,7 +30,7 @@ declare const uploadListProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => void, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
   readonly crossorigin: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials")) | null)[], unknown, unknown>>;
     readonly required: false;

package/es/components/upload/src/upload.d.ts

@@ -191,7 +191,7 @@ declare const uploadBaseProps: {
   readonly accept: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly fileList: EpPropFinalized<(new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[]) | (((new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly autoUpload: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;
@@ -310,7 +310,7 @@ declare const uploadProps: {
   readonly accept: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly fileList: EpPropFinalized<(new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[]) | (((new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly autoUpload: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;

package/es/components/upload/src/upload.vue.d.ts

@@ -34,12 +34,12 @@ declare const __VLS_base: _$vue.DefineComponent<UploadProps, {
   handleStart: (rawFile: UploadRawFile) => void; /** @description remove the file manually */
   handleRemove: (file: UploadFile | UploadRawFile) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadProps> & Readonly<{}>, {
-  name: string;
-  data: Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-  onProgress: (evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
   onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
-  onError: (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
   disabled: boolean;
+  name: string;
+  onError: (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+  onProgress: (evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+  data: Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   beforeUpload: (rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>;
   onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
   onPreview: (uploadFile: UploadFile) => void;

package/es/components/virtual-list/src/builders/build-grid.d.ts

@@ -207,14 +207,14 @@ declare const createGrid: ({
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly data: any[];
   readonly style: StyleValue;
   readonly className: ClassValue;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly itemKey: GridItemKeyGetter;

package/es/components/virtual-list/src/builders/build-list.d.ts

@@ -187,14 +187,14 @@ declare const createList: ({
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly data: any[];
   readonly style: _$vue.StyleValue;
   readonly className: ClassValue;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;

package/es/components/virtual-list/src/components/dynamic-size-grid.d.ts

@@ -193,14 +193,14 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly data: any[];
   readonly style: _$vue.StyleValue;
   readonly className: ClassValue;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly itemKey: GridItemKeyGetter;

package/es/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -174,14 +174,14 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly data: any[];
   readonly style: _$vue.StyleValue;
   readonly className: ClassValue;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;

package/es/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -188,14 +188,14 @@ declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly data: any[];
   readonly style: _$vue.StyleValue;
   readonly className: ClassValue;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly itemKey: GridItemKeyGetter;

package/es/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -174,14 +174,14 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly data: any[];
   readonly style: _$vue.StyleValue;
   readonly className: ClassValue;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;

package/es/components/virtual-list/src/components/scrollbar.d.ts

@@ -74,13 +74,13 @@ declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onStart-move"?: ((...args: any[]) => any) | undefined;
   "onStop-move"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly visible: boolean;
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly class: ClassValue;
   readonly alwaysOn: boolean;
   readonly scrollbarSize: number;
   readonly startGap: number;
   readonly endGap: number;
-  readonly visible: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { ScrollBar as default };

package/es/components/watermark/src/watermark.vue.d.ts

@@ -7,10 +7,10 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<WatermarkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
-  content: string | string[];
   zIndex: number;
-  rotate: number;
+  content: string | string[];
   gap: [number, number];
+  rotate: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/hooks/use-floating/index.d.ts

@@ -48,14 +48,14 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined | undefined;
       escaped?: boolean | undefined | undefined;
       referenceHiddenOffsets?: {
-        left: number;
         top: number;
+        left: number;
         right: number;
         bottom: number;
       } | undefined;
       escapedOffsets?: {
-        left: number;
         top: number;
+        left: number;
         right: number;
         bottom: number;
       } | undefined;
@@ -99,14 +99,14 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined | undefined;
       escaped?: boolean | undefined | undefined;
       referenceHiddenOffsets?: {
-        left: number;
         top: number;
+        left: number;
         right: number;
         bottom: number;
       } | undefined;
       escapedOffsets?: {
-        left: number;
         top: number;
+        left: number;
         right: number;
         bottom: number;
       } | undefined;

package/es/hooks/use-popper/index.d.ts

@@ -46,10 +46,10 @@ declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElem
         popperEscapeOffsets: _$_popperjs_core0.SideObject;
       };
       offset?: {
-        left?: _$_popperjs_core0.Offsets | undefined;
         top?: _$_popperjs_core0.Offsets | undefined;
-        auto?: _$_popperjs_core0.Offsets | undefined;
+        left?: _$_popperjs_core0.Offsets | undefined;
         right?: _$_popperjs_core0.Offsets | undefined;
+        auto?: _$_popperjs_core0.Offsets | undefined;
         bottom?: _$_popperjs_core0.Offsets | undefined;
         "auto-start"?: _$_popperjs_core0.Offsets | undefined;
         "auto-end"?: _$_popperjs_core0.Offsets | undefined;

package/es/utils/dom/index.d.ts

@@ -2,6 +2,6 @@ import { focusElement, focusNode, getSibling, isFocusable, isLeaf, isShadowRoot,
 import { composeEventHandlers, getEventCode, getEventKey, whenMouse } from "./event.js";
 import { getClientXY, getOffsetTop, getOffsetTopDistance, isInContainer } from "./position.js";
 import { animateScrollTo, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, isScroll, scrollIntoView } from "./scroll.js";
-import { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle } from "./style.js";
+import { addClass, addUnit, classNameToArray, getStyle, hasClass, isPercent, isPx, parsePx, percentToRatio, removeClass, removeStyle, setStyle } from "./style.js";
 import { getElement } from "./element.js";
-export { addClass, addUnit, animateScrollTo, classNameToArray, composeEventHandlers, focusElement, focusNode, getClientXY, getElement, getEventCode, getEventKey, getOffsetTop, getOffsetTopDistance, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, isFocusable, isInContainer, isLeaf, isScroll, isShadowRoot, isVisible, obtainAllFocusableElements, removeClass, removeStyle, scrollIntoView, setStyle, triggerEvent, whenMouse };
+export { addClass, addUnit, animateScrollTo, classNameToArray, composeEventHandlers, focusElement, focusNode, getClientXY, getElement, getEventCode, getEventKey, getOffsetTop, getOffsetTopDistance, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, isFocusable, isInContainer, isLeaf, isPercent, isPx, isScroll, isShadowRoot, isVisible, obtainAllFocusableElements, parsePx, percentToRatio, removeClass, removeStyle, scrollIntoView, setStyle, triggerEvent, whenMouse };

package/es/utils/dom/index.mjs

@@ -1,7 +1,7 @@
 import { focusElement, focusNode, getSibling, isFocusable, isLeaf, isShadowRoot, isVisible, obtainAllFocusableElements, triggerEvent } from "./aria.mjs";
 import { composeEventHandlers, getEventCode, getEventKey, whenMouse } from "./event.mjs";
 import { getClientXY, getOffsetTop, getOffsetTopDistance, isInContainer } from "./position.mjs";
-import { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle } from "./style.mjs";
+import { addClass, addUnit, classNameToArray, getStyle, hasClass, isPercent, isPx, parsePx, percentToRatio, removeClass, removeStyle, setStyle } from "./style.mjs";
 import { animateScrollTo, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, isScroll, scrollIntoView } from "./scroll.mjs";
 import { getElement } from "./element.mjs";
-export { addClass, addUnit, animateScrollTo, classNameToArray, composeEventHandlers, focusElement, focusNode, getClientXY, getElement, getEventCode, getEventKey, getOffsetTop, getOffsetTopDistance, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, isFocusable, isInContainer, isLeaf, isScroll, isShadowRoot, isVisible, obtainAllFocusableElements, removeClass, removeStyle, scrollIntoView, setStyle, triggerEvent, whenMouse };
+export { addClass, addUnit, animateScrollTo, classNameToArray, composeEventHandlers, focusElement, focusNode, getClientXY, getElement, getEventCode, getEventKey, getOffsetTop, getOffsetTopDistance, getScrollBarWidth, getScrollContainer, getScrollElement, getScrollTop, getSibling, getStyle, hasClass, isFocusable, isInContainer, isLeaf, isPercent, isPx, isScroll, isShadowRoot, isVisible, obtainAllFocusableElements, parsePx, percentToRatio, removeClass, removeStyle, scrollIntoView, setStyle, triggerEvent, whenMouse };

package/es/utils/dom/style.d.ts

@@ -9,5 +9,13 @@ declare const getStyle: (element: HTMLElement, styleName: keyof CSSProperties) =
 declare const setStyle: (element: HTMLElement, styleName: CSSProperties | keyof CSSProperties, value?: string | number) => void;
 declare const removeStyle: (element: HTMLElement, style: CSSProperties | keyof CSSProperties) => void;
 declare function addUnit(value?: string | number, defaultUnit?: string): string | undefined;
+/** Converts a percentage string to a ratio, e.g. '50%' to 0.5. */
+declare function percentToRatio(value: string): number;
+/** Parses the numeric value of a pixel string, e.g. '100px' to 100. */
+declare function parsePx(value: string): number;
+/** Checks for a '%' suffix without validating the numeric value. */
+declare function isPercent(value: string | number | undefined): value is string;
+/** Checks for a 'px' suffix without validating the numeric value. */
+declare function isPx(value: string | number | undefined): value is string;
 //#endregion
-export { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle };
+export { addClass, addUnit, classNameToArray, getStyle, hasClass, isPercent, isPx, parsePx, percentToRatio, removeClass, removeStyle, setStyle };

package/es/utils/dom/style.mjs

@@ -52,7 +52,23 @@ function addUnit(value, defaultUnit = "px") {
 	else if (isString(value)) return value;
 	debugWarn(SCOPE, "binding value must be a string or number");
 }
+/** Converts a percentage string to a ratio, e.g. '50%' to 0.5. */
+function percentToRatio(value) {
+	return Number(value.slice(0, -1)) / 100;
+}
+/** Parses the numeric value of a pixel string, e.g. '100px' to 100. */
+function parsePx(value) {
+	return Number(value.slice(0, -2));
+}
+/** Checks for a '%' suffix without validating the numeric value. */
+function isPercent(value) {
+	return isString(value) && value.endsWith("%");
+}
+/** Checks for a 'px' suffix without validating the numeric value. */
+function isPx(value) {
+	return isString(value) && value.endsWith("px");
+}
 //#endregion
-export { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle };
+export { addClass, addUnit, classNameToArray, getStyle, hasClass, isPercent, isPx, parsePx, percentToRatio, removeClass, removeStyle, setStyle };
 
 //# sourceMappingURL=style.mjs.map

package/es/utils/dom/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../../../packages/utils/dom/style.ts"],"sourcesContent":["import { isNumber, isObject, isString, isStringNumber } from '../types'\nimport { isClient } from '../browser'\nimport { camelize } from '../strings'\nimport { entriesOf, keysOf } from '../objects'\nimport { debugWarn } from '../error'\nimport { isShadowRoot } from './aria'\n\nimport type { CSSProperties } from 'vue'\n\nconst SCOPE = 'utils/dom/style'\n\nexport const classNameToArray = (cls = '') =>\n  cls.split(' ').filter((item) => !!item.trim())\n\nexport const hasClass = (el: Element, cls: string): boolean => {\n  if (!el || !cls) return false\n  if (cls.includes(' ')) throw new Error('className should not contain space.')\n  return el.classList.contains(cls)\n}\n\nexport const addClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.add(...classNameToArray(cls))\n}\n\nexport const removeClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.remove(...classNameToArray(cls))\n}\n\nexport const getStyle = (\n  element: HTMLElement,\n  styleName: keyof CSSProperties\n): string => {\n  if (!isClient || !element || !styleName || isShadowRoot(element)) return ''\n\n  let key = camelize(styleName)\n  if (key === 'float') key = 'cssFloat'\n  try {\n    const style = (element.style as any)[key]\n    if (style) return style\n    const computed: any = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[key] : ''\n  } catch {\n    return (element.style as any)[key]\n  }\n}\n\nexport const setStyle = (\n  element: HTMLElement,\n  styleName: CSSProperties | keyof CSSProperties,\n  value?: string | number\n) => {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    entriesOf(styleName).forEach(([prop, value]) =>\n      setStyle(element, prop, value)\n    )\n  } else {\n    const key: any = camelize(styleName)\n    element.style[key] = value as any\n  }\n}\n\nexport const removeStyle = (\n  element: HTMLElement,\n  style: CSSProperties | keyof CSSProperties\n) => {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    keysOf(style).forEach((prop) => removeStyle(element, prop))\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport function addUnit(value?: string | number, defaultUnit = 'px') {\n  if (!value && value !== 0) return ''\n  if (isNumber(value) || isStringNumber(value)) {\n    return `${value}${defaultUnit}`\n  } else if (isString(value)) {\n    return value\n  }\n  debugWarn(SCOPE, 'binding value must be a string or number')\n}\n"],"mappings":";;;;;;;AASA,MAAM,QAAQ;AAEd,MAAa,oBAAoB,MAAM,OACrC,IAAI,MAAM,GAAG,CAAC,CAAC,QAAQ,SAAS,CAAC,CAAC,KAAK,KAAK,CAAC;AAE/C,MAAa,YAAY,IAAa,QAAyB;CAC7D,IAAI,CAAC,MAAM,CAAC,KAAK,OAAO;CACxB,IAAI,IAAI,SAAS,GAAG,GAAG,MAAM,IAAI,MAAM,qCAAqC;CAC5E,OAAO,GAAG,UAAU,SAAS,GAAG;AAClC;AAEA,MAAa,YAAY,IAAa,QAAgB;CACpD,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,GAAG;CACxB,GAAG,UAAU,IAAI,GAAG,iBAAiB,GAAG,CAAC;AAC3C;AAEA,MAAa,eAAe,IAAa,QAAgB;CACvD,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,GAAG;CACxB,GAAG,UAAU,OAAO,GAAG,iBAAiB,GAAG,CAAC;AAC9C;AAEA,MAAa,YACX,SACA,cACW;CACX,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,aAAa,OAAO,GAAG,OAAO;CAEzE,IAAI,MAAM,SAAS,SAAS;CAC5B,IAAI,QAAQ,SAAS,MAAM;CAC3B,IAAI;EACF,MAAM,QAAS,QAAQ,MAAc;EACrC,IAAI,OAAO,OAAO;EAClB,MAAM,WAAgB,SAAS,aAAa,iBAAiB,SAAS,EAAE;EACxE,OAAO,WAAW,SAAS,OAAO;CACpC,QAAQ;EACN,OAAQ,QAAQ,MAAc;CAChC;AACF;AAEA,MAAa,YACX,SACA,WACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,WAAW;CAE5B,IAAI,SAAS,SAAS,GACpB,UAAU,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,WACnC,SAAS,SAAS,MAAM,KAAK,CAC/B;MACK;EACL,MAAM,MAAW,SAAS,SAAS;EACnC,QAAQ,MAAM,OAAO;CACvB;AACF;AAEA,MAAa,eACX,SACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,OAAO;CAExB,IAAI,SAAS,KAAK,GAChB,OAAO,KAAK,CAAC,CAAC,SAAS,SAAS,YAAY,SAAS,IAAI,CAAC;MAE1D,SAAS,SAAS,OAAO,EAAE;AAE/B;AAEA,SAAgB,QAAQ,OAAyB,cAAc,MAAM;CACnE,IAAI,CAAC,SAAS,UAAU,GAAG,OAAO;CAClC,IAAI,SAAS,KAAK,KAAK,eAAe,KAAK,GACzC,OAAO,GAAG,QAAQ;MACb,IAAI,SAAS,KAAK,GACvB,OAAO;CAET,UAAU,OAAO,0CAA0C;AAC7D"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../../packages/utils/dom/style.ts"],"sourcesContent":["import { isNumber, isObject, isString, isStringNumber } from '../types'\nimport { isClient } from '../browser'\nimport { camelize } from '../strings'\nimport { entriesOf, keysOf } from '../objects'\nimport { debugWarn } from '../error'\nimport { isShadowRoot } from './aria'\n\nimport type { CSSProperties } from 'vue'\n\nconst SCOPE = 'utils/dom/style'\n\nexport const classNameToArray = (cls = '') =>\n  cls.split(' ').filter((item) => !!item.trim())\n\nexport const hasClass = (el: Element, cls: string): boolean => {\n  if (!el || !cls) return false\n  if (cls.includes(' ')) throw new Error('className should not contain space.')\n  return el.classList.contains(cls)\n}\n\nexport const addClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.add(...classNameToArray(cls))\n}\n\nexport const removeClass = (el: Element, cls: string) => {\n  if (!el || !cls.trim()) return\n  el.classList.remove(...classNameToArray(cls))\n}\n\nexport const getStyle = (\n  element: HTMLElement,\n  styleName: keyof CSSProperties\n): string => {\n  if (!isClient || !element || !styleName || isShadowRoot(element)) return ''\n\n  let key = camelize(styleName)\n  if (key === 'float') key = 'cssFloat'\n  try {\n    const style = (element.style as any)[key]\n    if (style) return style\n    const computed: any = document.defaultView?.getComputedStyle(element, '')\n    return computed ? computed[key] : ''\n  } catch {\n    return (element.style as any)[key]\n  }\n}\n\nexport const setStyle = (\n  element: HTMLElement,\n  styleName: CSSProperties | keyof CSSProperties,\n  value?: string | number\n) => {\n  if (!element || !styleName) return\n\n  if (isObject(styleName)) {\n    entriesOf(styleName).forEach(([prop, value]) =>\n      setStyle(element, prop, value)\n    )\n  } else {\n    const key: any = camelize(styleName)\n    element.style[key] = value as any\n  }\n}\n\nexport const removeStyle = (\n  element: HTMLElement,\n  style: CSSProperties | keyof CSSProperties\n) => {\n  if (!element || !style) return\n\n  if (isObject(style)) {\n    keysOf(style).forEach((prop) => removeStyle(element, prop))\n  } else {\n    setStyle(element, style, '')\n  }\n}\n\nexport function addUnit(value?: string | number, defaultUnit = 'px') {\n  if (!value && value !== 0) return ''\n  if (isNumber(value) || isStringNumber(value)) {\n    return `${value}${defaultUnit}`\n  } else if (isString(value)) {\n    return value\n  }\n  debugWarn(SCOPE, 'binding value must be a string or number')\n}\n\n/** Converts a percentage string to a ratio, e.g. '50%' to 0.5. */\nexport function percentToRatio(value: string) {\n  return Number(value.slice(0, -1)) / 100\n}\n\n/** Parses the numeric value of a pixel string, e.g. '100px' to 100. */\nexport function parsePx(value: string) {\n  return Number(value.slice(0, -2))\n}\n\n/** Checks for a '%' suffix without validating the numeric value. */\nexport function isPercent(value: string | number | undefined): value is string {\n  return isString(value) && value.endsWith('%')\n}\n\n/** Checks for a 'px' suffix without validating the numeric value. */\nexport function isPx(value: string | number | undefined): value is string {\n  return isString(value) && value.endsWith('px')\n}\n"],"mappings":";;;;;;;AASA,MAAM,QAAQ;AAEd,MAAa,oBAAoB,MAAM,OACrC,IAAI,MAAM,GAAG,CAAC,CAAC,QAAQ,SAAS,CAAC,CAAC,KAAK,KAAK,CAAC;AAE/C,MAAa,YAAY,IAAa,QAAyB;CAC7D,IAAI,CAAC,MAAM,CAAC,KAAK,OAAO;CACxB,IAAI,IAAI,SAAS,GAAG,GAAG,MAAM,IAAI,MAAM,qCAAqC;CAC5E,OAAO,GAAG,UAAU,SAAS,GAAG;AAClC;AAEA,MAAa,YAAY,IAAa,QAAgB;CACpD,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,GAAG;CACxB,GAAG,UAAU,IAAI,GAAG,iBAAiB,GAAG,CAAC;AAC3C;AAEA,MAAa,eAAe,IAAa,QAAgB;CACvD,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,GAAG;CACxB,GAAG,UAAU,OAAO,GAAG,iBAAiB,GAAG,CAAC;AAC9C;AAEA,MAAa,YACX,SACA,cACW;CACX,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,aAAa,OAAO,GAAG,OAAO;CAEzE,IAAI,MAAM,SAAS,SAAS;CAC5B,IAAI,QAAQ,SAAS,MAAM;CAC3B,IAAI;EACF,MAAM,QAAS,QAAQ,MAAc;EACrC,IAAI,OAAO,OAAO;EAClB,MAAM,WAAgB,SAAS,aAAa,iBAAiB,SAAS,EAAE;EACxE,OAAO,WAAW,SAAS,OAAO;CACpC,QAAQ;EACN,OAAQ,QAAQ,MAAc;CAChC;AACF;AAEA,MAAa,YACX,SACA,WACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,WAAW;CAE5B,IAAI,SAAS,SAAS,GACpB,UAAU,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,WACnC,SAAS,SAAS,MAAM,KAAK,CAC/B;MACK;EACL,MAAM,MAAW,SAAS,SAAS;EACnC,QAAQ,MAAM,OAAO;CACvB;AACF;AAEA,MAAa,eACX,SACA,UACG;CACH,IAAI,CAAC,WAAW,CAAC,OAAO;CAExB,IAAI,SAAS,KAAK,GAChB,OAAO,KAAK,CAAC,CAAC,SAAS,SAAS,YAAY,SAAS,IAAI,CAAC;MAE1D,SAAS,SAAS,OAAO,EAAE;AAE/B;AAEA,SAAgB,QAAQ,OAAyB,cAAc,MAAM;CACnE,IAAI,CAAC,SAAS,UAAU,GAAG,OAAO;CAClC,IAAI,SAAS,KAAK,KAAK,eAAe,KAAK,GACzC,OAAO,GAAG,QAAQ;MACb,IAAI,SAAS,KAAK,GACvB,OAAO;CAET,UAAU,OAAO,0CAA0C;AAC7D;;AAGA,SAAgB,eAAe,OAAe;CAC5C,OAAO,OAAO,MAAM,MAAM,GAAG,EAAE,CAAC,IAAI;AACtC;;AAGA,SAAgB,QAAQ,OAAe;CACrC,OAAO,OAAO,MAAM,MAAM,GAAG,EAAE,CAAC;AAClC;;AAGA,SAAgB,UAAU,OAAqD;CAC7E,OAAO,SAAS,KAAK,KAAK,MAAM,SAAS,GAAG;AAC9C;;AAGA,SAAgB,KAAK,OAAqD;CACxE,OAAO,SAAS,KAAK,KAAK,MAAM,SAAS,IAAI;AAC/C"}