naive-ui 2.24.6 → 2.25.2

package/es/tree/src/TreeNodeContent.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, HTMLAttributes } from 'vue';
 import { TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode>;
         required: true;
     };
+    nodeProps: PropType<HTMLAttributes>;
 }, {
     selfRef: import("vue").Ref<HTMLElement | null>;
     renderLabel: import("vue").Ref<(({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined>;
@@ -35,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode>;
         required: true;
     };
+    nodeProps: PropType<HTMLAttributes>;
 }>>, {
     disabled: boolean;
     checked: boolean;

package/es/tree/src/TreeNodeContent.js

@@ -16,7 +16,8 @@ export default defineComponent({
         tmNode: {
             type: Object,
             required: true
-        }
+        },
+        nodeProps: Object
     },
     setup(props) {
         const { renderLabelRef, renderPrefixRef, renderSuffixRef, labelFieldRef } = 
@@ -41,8 +42,8 @@ export default defineComponent({
         };
     },
     render() {
-        const { clsPrefix, labelField, checked = false, selected = false, renderLabel, renderPrefix, renderSuffix, handleClick, onDragstart, tmNode: { rawNode, rawNode: { prefix, suffix, [labelField]: label } } } = this;
-        return (h("span", { ref: "selfRef", class: [`${clsPrefix}-tree-node-content`], onClick: handleClick, draggable: onDragstart === undefined ? undefined : true, onDragstart: onDragstart },
+        const { clsPrefix, labelField, nodeProps, checked = false, selected = false, renderLabel, renderPrefix, renderSuffix, handleClick, onDragstart, tmNode: { rawNode, rawNode: { prefix, suffix, [labelField]: label } } } = this;
+        return (h("span", Object.assign({}, nodeProps, { ref: "selfRef", class: [`${clsPrefix}-tree-node-content`, nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps.class], onClick: handleClick, draggable: onDragstart === undefined ? undefined : true, onDragstart: onDragstart }),
             renderPrefix || prefix ? (h("div", { class: `${clsPrefix}-tree-node-content__prefix` }, renderPrefix
                 ? renderPrefix({
                     option: rawNode,

package/es/tree/src/interface.d.ts

@@ -1,5 +1,5 @@
 import { CheckStrategy, TreeNode } from 'treemate';
-import { Ref, VNodeChild } from 'vue';
+import { HTMLAttributes, Ref, VNodeChild } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { TreeTheme } from '../styles';
 export declare type Key = string | number;
@@ -26,6 +26,9 @@ declare type RenderTreePart = ({ option, checked, selected }: TreeRenderProps) =
 export declare type RenderLabel = RenderTreePart;
 export declare type RenderPrefix = RenderTreePart;
 export declare type RenderSuffix = RenderTreePart;
+export declare type TreeNodeProps = (info: {
+    option: TreeOption;
+}) => HTMLAttributes;
 export interface TreeDragInfo {
     event: DragEvent;
     node: TreeOption;
@@ -84,6 +87,7 @@ export interface TreeInjection {
     renderSuffixRef: Ref<RenderSuffix | undefined>;
     renderSwitcherIconRef: Ref<RenderSwitcherIcon | undefined>;
     labelFieldRef: Ref<string>;
+    nodePropsRef: Ref<TreeNodeProps | undefined>;
     handleSwitcherClick: (node: TreeNode<TreeOption>) => void;
     handleSelect: (node: TreeNode<TreeOption>) => void;
     handleCheck: (node: TreeNode<TreeOption>, checked: boolean) => void;

package/es/tree/src/utils.js

@@ -31,7 +31,7 @@ export function keysWithFilter(nodes, pattern, keyField, childrenField, filter)
     };
 }
 const emptyImage = null;
-if (typeof window !== 'undefined') {
+if (typeof window !== 'undefined' && Image) {
     const emptyImage = new Image();
     emptyImage.src =
         'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';

package/es/tree-select/src/TreeSelect.d.ts

@@ -39,10 +39,10 @@ declare const props: {
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -188,7 +188,7 @@ declare const props: {
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -199,7 +199,7 @@ declare const props: {
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -208,7 +208,7 @@ declare const props: {
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -326,7 +326,7 @@ declare const props: {
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -337,7 +337,7 @@ declare const props: {
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -346,7 +346,7 @@ declare const props: {
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -464,7 +464,7 @@ declare const props: {
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -475,7 +475,7 @@ declare const props: {
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -484,7 +484,7 @@ declare const props: {
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -549,10 +549,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -698,7 +698,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -709,7 +709,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -718,7 +718,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -836,7 +836,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -847,7 +847,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -856,7 +856,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -974,7 +974,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -985,7 +985,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -994,7 +994,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -1025,7 +1025,9 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     menuElRef: import("vue").Ref<HTMLDivElement | null>;
+    mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
     triggerInstRef: import("vue").Ref<{
+        isCompositing: boolean;
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
@@ -1285,7 +1287,7 @@ declare const _default: import("vue").DefineComponent<{
                 borderHover: string;
                 borderActive: string;
                 borderFocus: string;
-                boxShadowHover: null;
+                boxShadowHover: string;
                 boxShadowActive: string;
                 boxShadowFocus: string;
                 caretColor: string;
@@ -1296,7 +1298,7 @@ declare const _default: import("vue").DefineComponent<{
                 borderHoverWarning: string;
                 borderActiveWarning: string;
                 borderFocusWarning: string;
-                boxShadowHoverWarning: null;
+                boxShadowHoverWarning: string;
                 boxShadowActiveWarning: string;
                 boxShadowFocusWarning: string;
                 colorActiveWarning: string;
@@ -1305,7 +1307,7 @@ declare const _default: import("vue").DefineComponent<{
                 borderHoverError: string;
                 borderActiveError: string;
                 borderFocusError: string;
-                boxShadowHoverError: null;
+                boxShadowHoverError: string;
                 boxShadowActiveError: string;
                 boxShadowFocusError: string;
                 colorActiveError: string;
@@ -1430,10 +1432,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     readonly indeterminateKeys: PropType<Key[]>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<(value: Key[], option: (import("../../tree").TreeOption | null)[]) => void>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -1579,7 +1581,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -1590,7 +1592,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -1599,7 +1601,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -1717,7 +1719,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -1728,7 +1730,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -1737,7 +1739,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -1855,7 +1857,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHover: string;
             borderActive: string;
             borderFocus: string;
-            boxShadowHover: null;
+            boxShadowHover: string;
             boxShadowActive: string;
             boxShadowFocus: string;
             caretColor: string;
@@ -1866,7 +1868,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverWarning: string;
             borderActiveWarning: string;
             borderFocusWarning: string;
-            boxShadowHoverWarning: null;
+            boxShadowHoverWarning: string;
             boxShadowActiveWarning: string;
             boxShadowFocusWarning: string;
             colorActiveWarning: string;
@@ -1875,7 +1877,7 @@ declare const _default: import("vue").DefineComponent<{
             borderHoverError: string;
             borderActiveError: string;
             borderFocusError: string;
-            boxShadowHoverError: null;
+            boxShadowHoverError: string;
             boxShadowActiveError: string;
             boxShadowFocusError: string;
             colorActiveError: string;
@@ -1910,15 +1912,15 @@ declare const _default: import("vue").DefineComponent<{
     multiple: boolean;
     disabled: boolean | undefined;
     to: string | boolean | HTMLElement;
+    options: TreeSelectOption[];
+    bordered: boolean;
     placement: FollowerPlacement;
     keyField: string;
-    bordered: boolean;
     virtualScroll: boolean;
     checkable: boolean;
     defaultShow: boolean;
     filterable: boolean;
     clearable: boolean;
-    options: TreeSelectOption[];
     defaultValue: string | number | (string | number)[] | null;
     consistentMenuWidth: boolean;
     cascade: boolean;

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

@@ -69,7 +69,7 @@ export default defineComponent({
         const menuElRef = ref(null);
         const { mergedClsPrefixRef, namespaceRef } = useConfig(props);
         const { localeRef } = useLocale('Select');
-        const { mergedSizeRef, mergedDisabledRef, nTriggerFormBlur, nTriggerFormChange, nTriggerFormFocus, nTriggerFormInput } = useFormItem(props);
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef, nTriggerFormBlur, nTriggerFormChange, nTriggerFormFocus, nTriggerFormInput } = useFormItem(props);
         const uncontrolledValueRef = ref(props.defaultValue);
         const controlledValueRef = toRef(props, 'value');
         const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
@@ -237,10 +237,12 @@ export default defineComponent({
         }
         function doUpdateExpandedKeys(keys, option) {
             const { onUpdateExpandedKeys, 'onUpdate:expandedKeys': _onUpdateExpandedKeys } = props;
-            if (onUpdateExpandedKeys)
+            if (onUpdateExpandedKeys) {
                 call(onUpdateExpandedKeys, keys, option);
-            if (_onUpdateExpandedKeys)
+            }
+            if (_onUpdateExpandedKeys) {
                 call(_onUpdateExpandedKeys, keys, option);
+            }
             uncontrolledExpandedKeysRef.value = keys;
         }
         function doFocus(e) {
@@ -470,9 +472,10 @@ export default defineComponent({
                 }
             }
         });
-        const themeRef = useTheme('TreeSelect', 'TreeSelect', style, treeSelectLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('TreeSelect', '-tree-select', style, treeSelectLight, props, mergedClsPrefixRef);
         return {
             menuElRef,
+            mergedStatus: mergedStatusRef,
             triggerInstRef,
             followerInstRef,
             treeInstRef,
@@ -537,7 +540,7 @@ export default defineComponent({
             h(VBinder, null, {
                 default: () => [
                     h(VTarget, null, {
-                        default: () => (h(NInternalSelection, { ref: "triggerInstRef", focused: this.focused, clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelection, themeOverrides: mergedTheme.peerOverrides.InternalSelection, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, size: this.mergedSize, bordered: this.bordered, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, active: this.mergedShow, multiple: this.multiple, maxTagCount: this.maxTagCount, showArrow: true, filterable: this.filterable, clearable: this.clearable, pattern: this.pattern, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onClick: this.handleTriggerClick, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onDeleteOption: this.handleDeleteOption, onKeydown: this.handleKeydown, onKeyup: this.handleKeyup }))
+                        default: () => (h(NInternalSelection, { ref: "triggerInstRef", status: this.mergedStatus, focused: this.focused, clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelection, themeOverrides: mergedTheme.peerOverrides.InternalSelection, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, size: this.mergedSize, bordered: this.bordered, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, active: this.mergedShow, multiple: this.multiple, maxTagCount: this.maxTagCount, showArrow: true, filterable: this.filterable, clearable: this.clearable, pattern: this.pattern, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onClick: this.handleTriggerClick, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onDeleteOption: this.handleDeleteOption, onKeydown: this.handleKeydown, onKeyup: this.handleKeyup }))
                     }),
                     h(VFollower, { ref: "followerInstRef", show: this.mergedShow, placement: this.placement, to: this.adjustedTo, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, containerClass: this.namespace, width: this.consistentMenuWidth ? 'target' : undefined, minWidth: "target" }, {
                         default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, onLeave: this.handleMenuLeave }, {

package/es/tree-select/styles/light.d.ts

@@ -99,7 +99,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         borderHover: string;
         borderActive: string;
         borderFocus: string;
-        boxShadowHover: null;
+        boxShadowHover: string;
         boxShadowActive: string;
         boxShadowFocus: string;
         caretColor: string;
@@ -110,7 +110,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         borderHoverWarning: string;
         borderActiveWarning: string;
         borderFocusWarning: string;
-        boxShadowHoverWarning: null;
+        boxShadowHoverWarning: string;
         boxShadowActiveWarning: string;
         boxShadowFocusWarning: string;
         colorActiveWarning: string;
@@ -119,7 +119,7 @@ declare const treeSelectLight: import("../../_mixins/use-theme").Theme<"TreeSele
         borderHoverError: string;
         borderActiveError: string;
         borderFocusError: string;
-        boxShadowHoverError: null;
+        boxShadowHoverError: string;
         boxShadowActiveError: string;
         boxShadowFocusError: string;
         colorActiveError: string;

package/es/typography/src/a.js

@@ -8,7 +8,7 @@ export default defineComponent({
     props: aProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'A', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-a', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/blockquote.js

@@ -8,7 +8,7 @@ export default defineComponent({
     props: blockquoteProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Blockquote', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-blockquote', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/create-header.js

@@ -13,7 +13,7 @@ export default (level) => defineComponent({
     props: headerProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'H', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-h', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/hr.js

@@ -7,7 +7,7 @@ export default defineComponent({
     props: Object.assign({}, useTheme.props),
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Hr', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-hr', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/ol.js

@@ -8,7 +8,7 @@ export default defineComponent({
     props: olProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Ol&Ul', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-xl', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/p.js

@@ -8,7 +8,7 @@ export default defineComponent({
     props: pProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'P', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-p', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/typography/src/text.js

@@ -24,7 +24,7 @@ export default defineComponent({
     props: textProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Text', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-text', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             compitableTag: useCompitable(props, ['as', 'tag']),

package/es/typography/src/ul.js

@@ -8,7 +8,7 @@ export default defineComponent({
     props: ulProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Typography', 'Ol&Ul', style, typographyLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Typography', '-xl', style, typographyLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/upload/src/Upload.js

@@ -221,7 +221,7 @@ export default defineComponent({
             throwError('upload', 'when the list-type is image-card, abstract is not supported.');
         }
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Upload', 'Upload', style, uploadLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Upload', '-upload', style, uploadLight, props, mergedClsPrefixRef);
         const formItem = useFormItem(props);
         const maxReachedRef = computed(() => {
             const { max } = props;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.24.6";
+declare const _default: "2.25.2";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.24.6';
+export default '2.25.2';

package/lib/_internal/clear/src/Clear.js

@@ -20,7 +20,7 @@ exports.default = (0, vue_1.defineComponent)({
         onClear: Function
     },
     setup(props) {
-        (0, _mixins_1.useStyle)('BaseClear', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
+        (0, _mixins_1.useStyle)('-base-clear', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
         const { NConfigProvider } = (0, _mixins_1.useConfig)();
         return {
             NConfigProvider,
@@ -34,9 +34,10 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { class: `${clsPrefix}-base-clear` },
             (0, vue_1.h)(icon_switch_transition_1.default, null, {
                 default: () => {
+                    var _a, _b;
                     return this.show ? ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, key: "dismiss", class: `${clsPrefix}-base-clear__clear`, onClick: this.onClear, onMousedown: this.handleMouseDown, "data-clear": true }, {
                         default: () => (0, vue_1.h)(icons_1.ClearIcon, null)
-                    })) : ((0, vue_1.h)("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, this.$slots));
+                    })) : ((0, vue_1.h)("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a)));
                 }
             })));
     }

package/lib/_internal/close/src/Close.js

@@ -22,7 +22,7 @@ exports.default = (0, vue_1.defineComponent)({
         onClick: Function
     },
     setup(props) {
-        (0, _mixins_1.useStyle)('BaseClose', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
+        (0, _mixins_1.useStyle)('-base-close', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
         return () => {
             const { clsPrefix, disabled } = props;
             return ((0, vue_1.h)(icon_1.default, { role: "button", ariaDisabled: disabled, ariaLabel: "close", clsPrefix: clsPrefix, class: [

package/lib/_internal/icon/src/Icon.js

@@ -28,7 +28,7 @@ exports.default = (0, vue_1.defineComponent)({
         onMouseup: Function
     },
     setup(props) {
-        (0, _mixins_1.useStyle)('BaseIcon', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
+        (0, _mixins_1.useStyle)('-base-icon', index_cssr_1.default, (0, vue_1.toRef)(props, 'clsPrefix'));
     },
     render() {
         return ((0, vue_1.h)("i", { class: `${this.clsPrefix}-base-icon`, onClick: this.onClick, onMousedown: this.onMousedown, onMouseup: this.onMouseup, role: this.role, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, "aria-disabled": this.ariaDisabled }, this.$slots));

package/lib/_internal/icons/ArrowUp.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;