naive-ui 2.40.2 → 2.40.4

package/es/_internal/icons/Attach.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('attach', h("svg", {
+export default replaceable('attach', () => h("svg", {
   viewBox: "0 0 16 16",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Cancel.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('cancel', h("svg", {
+export default replaceable('cancel', () => h("svg", {
   viewBox: "0 0 16 16",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Clear.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('clear', h("svg", {
+export default replaceable('clear', () => h("svg", {
   viewBox: "0 0 16 16",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Close.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('close', h("svg", {
+export default replaceable('close', () => h("svg", {
   viewBox: "0 0 12 12",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",

package/es/_internal/icons/Date.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('date', h("svg", {
+export default replaceable('date', () => h("svg", {
   width: "28px",
   height: "28px",
   viewBox: "0 0 28 28",

package/es/_internal/icons/Download.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('download', h("svg", {
+export default replaceable('download', () => h("svg", {
   viewBox: "0 0 16 16",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Error.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('error', h("svg", {
+export default replaceable('error', () => h("svg", {
   viewBox: "0 0 48 48",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Info.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('info', h("svg", {
+export default replaceable('info', () => h("svg", {
   viewBox: "0 0 28 28",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Retry.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('retry', h("svg", {
+export default replaceable('retry', () => h("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512"
 }, h("path", {

package/es/_internal/icons/RotateClockwise.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('rotateClockwise', h("svg", {
+export default replaceable('rotateClockwise', () => h("svg", {
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/RotateCounterclockwise.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('rotateClockwise', h("svg", {
+export default replaceable('rotateClockwise', () => h("svg", {
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Success.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('success', h("svg", {
+export default replaceable('success', () => h("svg", {
   viewBox: "0 0 48 48",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Time.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('time', h("svg", {
+export default replaceable('time', () => h("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512"
 }, h("path", {

package/es/_internal/icons/To.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('to', h("svg", {
+export default replaceable('to', () => h("svg", {
   viewBox: "0 0 20 20",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/Trash.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('trash', h("svg", {
+export default replaceable('trash', () => h("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512"
 }, h("path", {

package/es/_internal/icons/Warning.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('warning', h("svg", {
+export default replaceable('warning', () => h("svg", {
   viewBox: "0 0 24 24",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/ZoomIn.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('zoomIn', h("svg", {
+export default replaceable('zoomIn', () => h("svg", {
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/ZoomOut.mjs

@@ -1,6 +1,6 @@
 import { h } from 'vue';
 import { replaceable } from "./replaceable.mjs";
-export default replaceable('zoomOut', h("svg", {
+export default replaceable('zoomOut', () => h("svg", {
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"

package/es/_internal/icons/replaceable.d.ts

@@ -1,2 +1,3 @@
+import type { VNode } from 'vue';
 import type { GlobalIconConfig } from '../../config-provider/src/internal-interface';
-export declare function replaceable(name: keyof GlobalIconConfig, icon: JSX.Element): import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare function replaceable(name: keyof GlobalIconConfig, icon: () => VNode): import("vue").DefineComponent<{}, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/_internal/icons/replaceable.mjs

@@ -1,7 +1,12 @@
 import { upperFirst } from 'lodash-es';
-import { defineComponent, inject } from 'vue';
+import { defineComponent, h, inject } from 'vue';
 import { configProviderInjectionKey } from "../../config-provider/src/context.mjs";
 export function replaceable(name, icon) {
+  const IconComponent = defineComponent({
+    render() {
+      return icon();
+    }
+  });
   return defineComponent({
     name: upperFirst(name),
     setup() {
@@ -10,7 +15,7 @@ export function replaceable(name, icon) {
       return () => {
         var _a;
         const iconOverride = (_a = mergedIconsRef === null || mergedIconsRef === void 0 ? void 0 : mergedIconsRef.value) === null || _a === void 0 ? void 0 : _a[name];
-        return iconOverride ? iconOverride() : icon;
+        return iconOverride ? iconOverride() : h(IconComponent, null);
       };
     }
   });

package/es/_internal/scrollbar/src/Scrollbar.d.ts

@@ -226,10 +226,22 @@ declare const Scrollbar: import("vue").DefineComponent<import("vue").ExtractProp
         '--n-scrollbar-border-radius': string;
         '--n-scrollbar-width': string;
         '--n-scrollbar-height': string;
-        '--n-scrollbar-rail-inset-horizontal-top': string;
-        '--n-scrollbar-rail-inset-horizontal-bottom': string;
-        '--n-scrollbar-rail-inset-vertical-right': string;
-        '--n-scrollbar-rail-inset-vertical-left': string;
+        '--n-scrollbar-rail-top-horizontal-top': string;
+        '--n-scrollbar-rail-right-horizontal-top': string;
+        '--n-scrollbar-rail-bottom-horizontal-top': string;
+        '--n-scrollbar-rail-left-horizontal-top': string;
+        '--n-scrollbar-rail-top-horizontal-bottom': string;
+        '--n-scrollbar-rail-right-horizontal-bottom': string;
+        '--n-scrollbar-rail-bottom-horizontal-bottom': string;
+        '--n-scrollbar-rail-left-horizontal-bottom': string;
+        '--n-scrollbar-rail-top-vertical-right': string;
+        '--n-scrollbar-rail-right-vertical-right': string;
+        '--n-scrollbar-rail-bottom-vertical-right': string;
+        '--n-scrollbar-rail-left-vertical-right': string;
+        '--n-scrollbar-rail-top-vertical-left': string;
+        '--n-scrollbar-rail-right-vertical-left': string;
+        '--n-scrollbar-rail-bottom-vertical-left': string;
+        '--n-scrollbar-rail-left-vertical-left': string;
         '--n-scrollbar-rail-color': string;
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;

package/es/_internal/scrollbar/src/Scrollbar.mjs

@@ -1,5 +1,5 @@
 import { off, on } from 'evtd';
-import { depx, getPreciseEventTarget } from 'seemly';
+import { depx, getPadding, getPreciseEventTarget } from 'seemly';
 import { useIsIos } from 'vooks';
 import { computed, defineComponent, Fragment, h, mergeProps, onBeforeUnmount, onMounted, ref, Transition, watchEffect } from 'vue';
 import { VResizeObserver } from 'vueuc';
@@ -613,6 +613,30 @@ const Scrollbar = defineComponent({
           railColor
         }
       } = themeRef.value;
+      const {
+        top: railTopHorizontalTop,
+        right: railRightHorizontalTop,
+        bottom: railBottomHorizontalTop,
+        left: railLeftHorizontalTop
+      } = getPadding(railInsetHorizontalTop);
+      const {
+        top: railTopHorizontalBottom,
+        right: railRightHorizontalBottom,
+        bottom: railBottomHorizontalBottom,
+        left: railLeftHorizontalBottom
+      } = getPadding(railInsetHorizontalBottom);
+      const {
+        top: railTopVerticalRight,
+        right: railRightVerticalRight,
+        bottom: railBottomVerticalRight,
+        left: railLeftVerticalRight
+      } = getPadding((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? rtlInset(railInsetVerticalRight) : railInsetVerticalRight);
+      const {
+        top: railTopVerticalLeft,
+        right: railRightVerticalLeft,
+        bottom: railBottomVerticalLeft,
+        left: railLeftVerticalLeft
+      } = getPadding((rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? rtlInset(railInsetVerticalLeft) : railInsetVerticalLeft);
       return {
         '--n-scrollbar-bezier': cubicBezierEaseInOut,
         '--n-scrollbar-color': color,
@@ -620,10 +644,22 @@ const Scrollbar = defineComponent({
         '--n-scrollbar-border-radius': borderRadius,
         '--n-scrollbar-width': width,
         '--n-scrollbar-height': height,
-        '--n-scrollbar-rail-inset-horizontal-top': railInsetHorizontalTop,
-        '--n-scrollbar-rail-inset-horizontal-bottom': railInsetHorizontalBottom,
-        '--n-scrollbar-rail-inset-vertical-right': (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? rtlInset(railInsetVerticalRight) : railInsetVerticalRight,
-        '--n-scrollbar-rail-inset-vertical-left': (rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? rtlInset(railInsetVerticalLeft) : railInsetVerticalLeft,
+        '--n-scrollbar-rail-top-horizontal-top': railTopHorizontalTop,
+        '--n-scrollbar-rail-right-horizontal-top': railRightHorizontalTop,
+        '--n-scrollbar-rail-bottom-horizontal-top': railBottomHorizontalTop,
+        '--n-scrollbar-rail-left-horizontal-top': railLeftHorizontalTop,
+        '--n-scrollbar-rail-top-horizontal-bottom': railTopHorizontalBottom,
+        '--n-scrollbar-rail-right-horizontal-bottom': railRightHorizontalBottom,
+        '--n-scrollbar-rail-bottom-horizontal-bottom': railBottomHorizontalBottom,
+        '--n-scrollbar-rail-left-horizontal-bottom': railLeftHorizontalBottom,
+        '--n-scrollbar-rail-top-vertical-right': railTopVerticalRight,
+        '--n-scrollbar-rail-right-vertical-right': railRightVerticalRight,
+        '--n-scrollbar-rail-bottom-vertical-right': railBottomVerticalRight,
+        '--n-scrollbar-rail-left-vertical-right': railLeftVerticalRight,
+        '--n-scrollbar-rail-top-vertical-left': railTopVerticalLeft,
+        '--n-scrollbar-rail-right-vertical-left': railRightVerticalLeft,
+        '--n-scrollbar-rail-bottom-vertical-left': railBottomVerticalLeft,
+        '--n-scrollbar-rail-left-vertical-left': railLeftVerticalLeft,
         '--n-scrollbar-rail-color': railColor
       };
     });

package/es/_internal/scrollbar/src/styles/index.cssr.mjs

@@ -45,9 +45,15 @@ cB('scrollbar-content', `
  border-radius: var(--n-scrollbar-border-radius);
  right: 0;
  `)])]), cM('horizontal--top', `
- inset: var(--n-scrollbar-rail-inset-horizontal-top); 
+ top: var(--n-scrollbar-rail-top-horizontal-top); 
+ right: var(--n-scrollbar-rail-right-horizontal-top); 
+ bottom: var(--n-scrollbar-rail-bottom-horizontal-top); 
+ left: var(--n-scrollbar-rail-left-horizontal-top); 
  `), cM('horizontal--bottom', `
- inset: var(--n-scrollbar-rail-inset-horizontal-bottom); 
+ top: var(--n-scrollbar-rail-top-horizontal-bottom); 
+ right: var(--n-scrollbar-rail-right-horizontal-bottom); 
+ bottom: var(--n-scrollbar-rail-bottom-horizontal-bottom); 
+ left: var(--n-scrollbar-rail-left-horizontal-bottom); 
  `), cM('vertical', `
  width: var(--n-scrollbar-width);
  `, [c('>', [cE('scrollbar', `
@@ -55,9 +61,15 @@ cB('scrollbar-content', `
  border-radius: var(--n-scrollbar-border-radius);
  bottom: 0;
  `)])]), cM('vertical--left', `
- inset: var(--n-scrollbar-rail-inset-vertical-left); 
+ top: var(--n-scrollbar-rail-top-vertical-left); 
+ right: var(--n-scrollbar-rail-right-vertical-left); 
+ bottom: var(--n-scrollbar-rail-bottom-vertical-left); 
+ left: var(--n-scrollbar-rail-left-vertical-left); 
  `), cM('vertical--right', `
- inset: var(--n-scrollbar-rail-inset-vertical-right); 
+ top: var(--n-scrollbar-rail-top-vertical-right); 
+ right: var(--n-scrollbar-rail-right-vertical-right); 
+ bottom: var(--n-scrollbar-rail-bottom-vertical-right); 
+ left: var(--n-scrollbar-rail-left-vertical-right); 
  `), cM('disabled', [c('>', [cE('scrollbar', 'pointer-events: none;')])]), c('>', [cE('scrollbar', `
  z-index: 1;
  position: absolute;

package/es/_mixins/index.d.ts

@@ -1,4 +1,4 @@
-export { default as useConfig, defaultClsPrefix } from './use-config';
+export { defaultClsPrefix, default as useConfig } from './use-config';
 export { useThemeClass } from './use-css-vars-class';
 export { default as useFormItem } from './use-form-item';
 export { default as useHljs } from './use-hljs';

package/es/_mixins/index.mjs

@@ -1,4 +1,4 @@
-export { default as useConfig, defaultClsPrefix } from "./use-config.mjs";
+export { defaultClsPrefix, default as useConfig } from "./use-config.mjs";
 export { useThemeClass } from "./use-css-vars-class.mjs";
 export { default as useFormItem } from "./use-form-item.mjs";
 export { default as useHljs } from "./use-hljs.mjs";

package/es/_utils/composable/use-resize.mjs

@@ -1,4 +1,4 @@
-import { onBeforeUnmount, onMounted } from 'vue';
+import { onBeforeUnmount, onMounted, watch } from 'vue';
 import { resizeObserverManager } from 'vueuc';
 export function useOnResize(elRef, onResize) {
   // it needn't be reactive since it's for internal usage
@@ -11,6 +11,14 @@ export function useOnResize(elRef, onResize) {
         resizeObserverManager.registerHandler(el, onResize);
       }
     });
+    // avoid memory leak
+    watch(elRef, (_, oldEl) => {
+      if (oldEl) {
+        resizeObserverManager.unregisterHandler(oldEl);
+      }
+    }, {
+      deep: false
+    });
     onBeforeUnmount(() => {
       const {
         value: el

package/es/_utils/css/rtl-inset.mjs

@@ -6,5 +6,5 @@ export function rtlInset(inset) {
     top,
     bottom
   } = getPadding(inset);
-  return `${top} ${right} ${bottom} ${left}`;
+  return `${top} ${left} ${bottom} ${right}`;
 }

package/es/back-top/src/BackTop.mjs

@@ -6,7 +6,7 @@ import { NBaseIcon } from "../../_internal/index.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { formatLength, isDocument, lockHtmlScrollRightCompensationRef, resolveSlot, warn, warnOnce } from "../../_utils/index.mjs";
 import { backTopLight } from "../styles/index.mjs";
-import BackTopIcon from "./BackTopIcon.mjs";
+import renderBackTopIcon from "./BackTopIcon.mjs";
 import style from "./styles/index.cssr.mjs";
 export const backTopProps = Object.assign(Object.assign({}, useTheme.props), {
   show: {
@@ -236,7 +236,7 @@ export default defineComponent({
           }), resolveSlot(this.$slots.default, () => [h(NBaseIcon, {
             clsPrefix: mergedClsPrefix
           }, {
-            default: () => BackTopIcon
+            default: renderBackTopIcon
           })])) : null;
         }
       })

package/es/back-top/src/BackTopIcon.d.ts

@@ -1,2 +1,2 @@
-declare const _default: JSX.Element;
+declare const _default: () => JSX.Element;
 export default _default;

package/es/back-top/src/BackTopIcon.mjs

@@ -1,5 +1,5 @@
 import { h } from 'vue';
-export default h("svg", {
+export default () => h("svg", {
   viewBox: "0 0 24 24",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",

package/es/carousel/src/CarouselArrow.mjs

@@ -1,24 +1,28 @@
 import { defineComponent, h } from 'vue';
 import { useConfig } from "../../_mixins/index.mjs";
 import { useCarouselContext } from "./CarouselContext.mjs";
-const backwardIcon = h("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, h("g", {
-  fill: "none"
-}, h("path", {
-  d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z",
-  fill: "currentColor"
-})));
-const forwardIcon = h("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, h("g", {
-  fill: "none"
-}, h("path", {
-  d: "M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z",
-  fill: "currentColor"
-})));
+function renderBackwardIcon() {
+  return h("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
+  }, h("g", {
+    fill: "none"
+  }, h("path", {
+    d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z",
+    fill: "currentColor"
+  })));
+}
+function renderForwardIcon() {
+  return h("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
+  }, h("g", {
+    fill: "none"
+  }, h("path", {
+    d: "M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z",
+    fill: "currentColor"
+  })));
+}
 export default defineComponent({
   name: 'CarouselArrow',
   setup(props) {
@@ -51,10 +55,10 @@ export default defineComponent({
       class: [`${mergedClsPrefix}-carousel__arrow`, this.isPrevDisabled() && `${mergedClsPrefix}-carousel__arrow--disabled`],
       role: "button",
       onClick: this.prev
-    }, backwardIcon), h("div", {
+    }, renderBackwardIcon()), h("div", {
       class: [`${mergedClsPrefix}-carousel__arrow`, this.isNextDisabled() && `${mergedClsPrefix}-carousel__arrow--disabled`],
       role: "button",
       onClick: this.next
-    }, forwardIcon));
+    }, renderForwardIcon()));
   }
 });

package/es/checkbox/src/CheckMark.d.ts

@@ -1,2 +1,3 @@
-declare const _default: JSX.Element;
+import type { VNode } from 'vue';
+declare const _default: () => VNode;
 export default _default;

package/es/checkbox/src/CheckMark.mjs

@@ -1,5 +1,5 @@
 import { h } from 'vue';
-export default h("svg", {
+export default () => h("svg", {
   viewBox: "0 0 64 64",
   class: "check-icon"
 }, h("path", {

package/es/checkbox/src/Checkbox.mjs

@@ -8,8 +8,8 @@ import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { call, createKey, resolveWrappedSlot, warnOnce } from "../../_utils/index.mjs";
 import { checkboxLight } from "../styles/index.mjs";
 import { checkboxGroupInjectionKey } from "./CheckboxGroup.mjs";
-import CheckMark from "./CheckMark.mjs";
-import LineMark from "./LineMark.mjs";
+import renderCheckMark from "./CheckMark.mjs";
+import renderLineMark from "./LineMark.mjs";
 import style from "./styles/index.cssr.mjs";
 export const checkboxProps = Object.assign(Object.assign({}, useTheme.props), {
   size: String,
@@ -326,10 +326,10 @@ export default defineComponent({
       default: () => this.indeterminate ? h("div", {
         key: "indeterminate",
         class: `${mergedClsPrefix}-checkbox-icon`
-      }, LineMark) : h("div", {
+      }, renderLineMark()) : h("div", {
         key: "check",
         class: `${mergedClsPrefix}-checkbox-icon`
-      }, CheckMark)
+      }, renderCheckMark())
     }), h("div", {
       class: `${mergedClsPrefix}-checkbox-box__border`
     }))), labelNode);

package/es/checkbox/src/LineMark.d.ts

@@ -1,2 +1,3 @@
-declare const _default: JSX.Element;
+import type { VNode } from 'vue';
+declare const _default: () => VNode;
 export default _default;

package/es/checkbox/src/LineMark.mjs

@@ -1,5 +1,5 @@
 import { h } from 'vue';
-export default h("svg", {
+export default () => h("svg", {
   viewBox: "0 0 100 100",
   class: "line-icon"
 }, h("path", {

package/es/config-provider/src/internal-interface.d.ts

@@ -7,22 +7,22 @@ import type { Hljs } from '../../_mixins';
 import type { AlertTheme } from '../../alert/styles';
 import type { AnchorTheme } from '../../anchor/styles';
 import type { AutoCompleteTheme } from '../../auto-complete/styles';
-import type { AvatarTheme } from '../../avatar/styles';
 import type { AvatarGroupTheme } from '../../avatar-group/styles';
+import type { AvatarTheme } from '../../avatar/styles';
 import type { BackTopTheme } from '../../back-top/styles';
 import type { BadgeTheme } from '../../badge/styles';
 import type { BreadcrumbTheme } from '../../breadcrumb/styles';
+import type { ButtonGroupTheme } from '../../button-group/styles/light';
 import type { Size as ButtonSize } from '../../button/src/interface';
 import type { ButtonTheme } from '../../button/styles';
-import type { ButtonGroupTheme } from '../../button-group/styles/light';
 import type { CalendarTheme } from '../../calendar/styles';
 import type { CardTheme } from '../../card/styles';
 import type { CarouselTheme } from '../../carousel/styles';
 import type { CascaderTheme } from '../../cascader/styles';
 import type { CheckboxTheme } from '../../checkbox/styles';
 import type { CodeTheme } from '../../code/styles';
-import type { CollapseTheme } from '../../collapse/styles';
 import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
+import type { CollapseTheme } from '../../collapse/styles';
 import type { ColorPickerTheme } from '../../color-picker/styles';
 import type { DataTableRenderFilter, DataTableRenderSorter } from '../../data-table';
 import type { DataTableTheme } from '../../data-table/styles';
@@ -41,16 +41,16 @@ import type { EmptyProps } from '../../empty';
 import type { EmptyTheme } from '../../empty/styles';
 import type { EquationTheme } from '../../equation/styles';
 import type { FlexTheme } from '../../flex/styles';
-import type { FloatButtonTheme } from '../../float-button/styles';
 import type { FloatButtonGroupTheme } from '../../float-button-group/styles';
+import type { FloatButtonTheme } from '../../float-button/styles';
 import type { FormTheme } from '../../form/styles';
 import type { GradientTextTheme } from '../../gradient-text/styles';
-import type { IconTheme } from '../../icon/styles';
 import type { IconWrapperTheme } from '../../icon-wrapper/styles';
+import type { IconTheme } from '../../icon/styles';
 import type { ImageTheme } from '../../image/styles';
+import type { InputNumberTheme } from '../../input-number/styles';
 import type { Size as InputSize } from '../../input/src/interface';
 import type { InputTheme } from '../../input/styles';
-import type { InputNumberTheme } from '../../input-number/styles';
 import type { LayoutTheme } from '../../layout/styles';
 import type { RowTheme } from '../../legacy-grid/styles';
 import type { LegacyTransferTheme } from '../../legacy-transfer/styles';
@@ -93,8 +93,8 @@ import type { TimePickerTheme } from '../../time-picker/styles';
 import type { TimelineTheme } from '../../timeline/styles';
 import type { TooltipTheme } from '../../tooltip/styles';
 import type { TransferTheme } from '../../transfer/styles';
-import type { TreeTheme } from '../../tree/styles';
 import type { TreeSelectTheme } from '../../tree-select/styles';
+import type { TreeTheme } from '../../tree/styles';
 import type { TypographyTheme } from '../../typography/styles';
 import type { UploadTheme } from '../../upload/styles';
 import type { WatermarkTheme } from '../../watermark/styles';

package/es/data-table/index.d.ts

@@ -1,4 +1,4 @@
 export { default as NDataTable } from './src/DataTable';
 export { dataTableProps } from './src/interface';
-export type { ColumnKey as DataTableColumnKey, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, CreateSummary as DataTableCreateSummary, DataTableInst, DataTableProps, FilterState as DataTableFilterState, RenderFilter as DataTableRenderFilter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorter as DataTableRenderSorter, RenderSorterIcon as DataTableRenderSorterIcon, RowData as DataTableRowData, RowKey as DataTableRowKey, SortState as DataTableSortState, TableBaseColumn as DataTableBaseColumn, TableColumn as DataTableColumn, TableColumnGroup as DataTableColumnGroup, TableColumns as DataTableColumns, TableExpandColumn as DataTableExpandColumn, TableSelectionColumn as DataTableSelectionColumn } from './src/interface';
+export type { TableBaseColumn as DataTableBaseColumn, TableColumn as DataTableColumn, TableColumnGroup as DataTableColumnGroup, ColumnKey as DataTableColumnKey, TableColumns as DataTableColumns, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, CreateSummary as DataTableCreateSummary, TableExpandColumn as DataTableExpandColumn, FilterState as DataTableFilterState, DataTableInst, DataTableProps, RenderFilter as DataTableRenderFilter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorter as DataTableRenderSorter, RenderSorterIcon as DataTableRenderSorterIcon, RowData as DataTableRowData, RowKey as DataTableRowKey, TableSelectionColumn as DataTableSelectionColumn, SortState as DataTableSortState } from './src/interface';
 export * from './src/publicTypes';

package/es/descriptions/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NDescriptions, descriptionsProps } from './src/Descriptions';
+export { descriptionsProps, default as NDescriptions } from './src/Descriptions';
 export type { DescriptionProps, DescriptionsProps } from './src/Descriptions';
-export { default as NDescriptionsItem, descriptionsItemProps } from './src/DescriptionsItem';
+export { descriptionsItemProps, default as NDescriptionsItem } from './src/DescriptionsItem';
 export type { DescriptionItemProps } from './src/DescriptionsItem';

package/es/descriptions/index.mjs

@@ -1,2 +1,2 @@
-export { default as NDescriptions, descriptionsProps } from "./src/Descriptions.mjs";
-export { default as NDescriptionsItem, descriptionsItemProps } from "./src/DescriptionsItem.mjs";
+export { descriptionsProps, default as NDescriptions } from "./src/Descriptions.mjs";
+export { descriptionsItemProps, default as NDescriptionsItem } from "./src/DescriptionsItem.mjs";

package/es/divider/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NDivider, dividerProps } from './src/Divider';
+export { dividerProps, default as NDivider } from './src/Divider';
 export type { DividerProps } from './src/Divider';

package/es/divider/index.mjs

@@ -1 +1 @@
-export { default as NDivider, dividerProps } from "./src/Divider.mjs";
+export { dividerProps, default as NDivider } from "./src/Divider.mjs";

package/es/drawer/index.d.ts

@@ -1,5 +1,5 @@
-export { default as NDrawer, drawerProps } from './src/Drawer';
+export { drawerProps, default as NDrawer } from './src/Drawer';
 export type { DrawerProps } from './src/Drawer';
 export type { Placement as DrawerPlacement } from './src/DrawerBodyWrapper';
-export { default as NDrawerContent, drawerContentProps } from './src/DrawerContent';
+export { drawerContentProps, default as NDrawerContent } from './src/DrawerContent';
 export type { DrawerContentProps } from './src/DrawerContent';