naive-ui 2.43.2 → 2.44.1

package/dist/index.mjs

@@ -33891,6 +33891,14 @@ const exposedLoadingProps = {
   stroke: {
     type: String,
     default: void 0
+  },
+  scale: {
+    type: Number,
+    default: 1
+  },
+  radius: {
+    type: Number,
+    default: 100
   }
 };
 var NBaseLoading = defineComponent({
@@ -33904,14 +33912,6 @@ var NBaseLoading = defineComponent({
       type: Boolean,
       default: true
     },
-    scale: {
-      type: Number,
-      default: 1
-    },
-    radius: {
-      type: Number,
-      default: 100
-    },
     ...exposedLoadingProps
   },
   setup(props) {
@@ -34555,6 +34555,7 @@ const scrollbarProps$1 = {
   onResize: Function,
   internalOnUpdateScrollLeft: Function,
   internalHoistYRail: Boolean,
+  internalExposeWidthCssVar: Boolean,
   yPlacement: {
     type: String,
     default: "right"
@@ -35125,6 +35126,7 @@ const Scrollbar$1 = defineComponent({
       handleContainerResize,
       handleYScrollMouseDown,
       handleXScrollMouseDown,
+      containerWidth: containerWidthRef,
       cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
       themeClass: themeClassHandle?.themeClass,
       onRender: themeClassHandle?.onRender
@@ -35204,7 +35206,10 @@ const Scrollbar$1 = defineComponent({
                 `${mergedClsPrefix}-scrollbar-container`,
                 this.containerClass
               ],
-              style: this.containerStyle,
+              style: [
+                this.containerStyle,
+                this.internalExposeWidthCssVar ? { "--n-scrollbar-current-width": pxfy(this.containerWidth) } : void 0
+              ],
               onScroll: this.handleScroll,
               onWheel: this.onWheel
             },
@@ -36632,11 +36637,12 @@ var NInternalSelectMenu = defineComponent({
       default: true
     },
     inlineThemeDisabled: Boolean,
+    scrollbarProps: Object,
     // deprecated
     onToggle: Function
   },
   setup(props) {
-    const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+    const { mergedClsPrefixRef, mergedRtlRef, mergedComponentPropsRef } = useConfig(props);
     const rtlEnabledRef = useRtl(
       "InternalSelectMenu",
       mergedRtlRef,
@@ -36738,6 +36744,9 @@ var NInternalSelectMenu = defineComponent({
       const tmNodes = flattenedNodesRef.value;
       return tmNodes && tmNodes.length === 0;
     });
+    const mergedRenderEmptyRef = computed(() => {
+      return mergedComponentPropsRef?.value?.Select?.renderEmpty;
+    });
     function doToggle(tmNode) {
       const { onToggle } = props;
       if (onToggle)
@@ -36927,6 +36936,7 @@ var NInternalSelectMenu = defineComponent({
       padding: paddingRef,
       flattenedNodes: flattenedNodesRef,
       empty: emptyRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       virtualListContainer() {
         const { value } = virtualListRef;
         return value?.listElRef;
@@ -36966,6 +36976,7 @@ var NInternalSelectMenu = defineComponent({
         tabindex: this.focusable ? 0 : -1,
         class: [
           `${clsPrefix}-base-select-menu`,
+          `${clsPrefix}-base-select-menu--${this.size}-size`,
           this.rtlEnabled && `${clsPrefix}-base-select-menu--rtl`,
           themeClass,
           this.multiple && `${clsPrefix}-base-select-menu--multiple`
@@ -37000,7 +37011,8 @@ var NInternalSelectMenu = defineComponent({
           scrollable: this.scrollable,
           container: virtualScroll ? this.virtualListContainer : void 0,
           content: virtualScroll ? this.virtualListContent : void 0,
-          onScroll: virtualScroll ? void 0 : this.doScroll
+          onScroll: virtualScroll ? void 0 : this.doScroll,
+          ...this.scrollbarProps
         },
         {
           default: () => {
@@ -37068,16 +37080,18 @@ var NInternalSelectMenu = defineComponent({
             );
           }
         }
-      ) : /* @__PURE__ */ h("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true }, resolveSlot($slots.empty, () => [
-        /* @__PURE__ */ h(
-          NEmpty,
-          {
-            theme: mergedTheme.peers.Empty,
-            themeOverrides: mergedTheme.peerOverrides.Empty,
-            size: this.size
-          }
-        )
-      ])),
+      ) : /* @__PURE__ */ h("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true }, resolveSlot($slots.empty, () => {
+        return [
+          this.mergedRenderEmpty?.() || /* @__PURE__ */ h(
+            NEmpty,
+            {
+              theme: mergedTheme.peers.Empty,
+              themeOverrides: mergedTheme.peerOverrides.Empty,
+              size: this.size
+            }
+          )
+        ];
+      })),
       resolveWrappedSlot(
         $slots.action,
         (children) => children && [
@@ -38626,10 +38640,7 @@ var commonProps = {
     default: "default"
   },
   round: Boolean,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   closable: Boolean,
   disabled: {
     type: Boolean,
@@ -38758,8 +38769,12 @@ var NTag = defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Tag?.size || "medium";
+    });
     const themeRef = useTheme(
       "Tag",
       "-tag",
@@ -38808,7 +38823,8 @@ var NTag = defineComponent({
     };
     const rtlEnabledRef = useRtl("Tag", mergedRtlRef, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
-      const { type, size, color: { color, textColor } = {} } = props;
+      const { type, color: { color, textColor } = {} } = props;
+      const size = mergedSizeRef.value;
       const {
         common: { cubicBezierEaseInOut },
         self: {
@@ -38885,9 +38901,9 @@ var NTag = defineComponent({
       "tag",
       computed(() => {
         let hash = "";
-        const { type, size, color: { color, textColor } = {} } = props;
+        const { type, color: { color, textColor } = {} } = props;
         hash += type[0];
-        hash += size[0];
+        hash += mergedSizeRef.value[0];
         if (color) {
           hash += `a${color2Class(color)}`;
         }
@@ -42613,7 +42629,8 @@ var NInput = defineComponent({
       mergedClsPrefixRef,
       mergedBorderedRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme(
       "Input",
@@ -42642,7 +42659,20 @@ var NInput = defineComponent({
       controlledValueRef,
       uncontrolledValueRef
     );
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Input?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const focusedRef = ref(false);
     const hoverRef = ref(false);
@@ -43397,6 +43427,7 @@ var NInput = defineComponent({
         ref: "wrapperElRef",
         class: [
           `${mergedClsPrefix}-input`,
+          `${mergedClsPrefix}-input--${this.mergedSize}-size`,
           themeClass,
           mergedStatus && `${mergedClsPrefix}-input--${mergedStatus}-status`,
           {
@@ -43779,9 +43810,12 @@ var InputGroupLabel = defineComponent({
   name: "InputGroupLabel",
   props: inputGroupLabelProps,
   setup(props) {
-    const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
-    const formItem = useFormItem(props);
-    const { mergedSizeRef } = formItem;
+    const {
+      mergedBorderedRef,
+      mergedClsPrefixRef,
+      inlineThemeDisabled,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const themeRef = useTheme(
       "Input",
       "-input-group-label",
@@ -43790,6 +43824,19 @@ var InputGroupLabel = defineComponent({
       props,
       mergedClsPrefixRef
     );
+    const { mergedSizeRef } = useFormItem(props, {
+      mergedSize(NFormItem) {
+        if (props.size !== void 0)
+          return props.size;
+        if (NFormItem) {
+          return NFormItem.mergedSize.value;
+        }
+        const configSize = mergedComponentPropsRef?.value?.Input?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const cssVarsRef = computed(() => {
       const { value: size } = mergedSizeRef;
       const {
@@ -43817,10 +43864,7 @@ var InputGroupLabel = defineComponent({
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass(
       "input-group-label",
-      computed(() => {
-        const { value: size } = mergedSizeRef;
-        return size[0];
-      }),
+      computed(() => mergedSizeRef.value[0]),
       cssVarsRef,
       props
     ) : void 0;
@@ -44026,6 +44070,7 @@ const autoCompleteProps = {
   onSelect: [Function, Array],
   onBlur: [Function, Array],
   onFocus: [Function, Array],
+  scrollbarProps: Object,
   // deprecated
   onInput: [Function, Array]
 };
@@ -44048,9 +44093,23 @@ var AutoComplete = defineComponent({
       mergedBorderedRef,
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.AutoComplete?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const triggerElRef = ref(null);
     const menuInstRef = ref(null);
@@ -44352,7 +44411,8 @@ var AutoComplete = defineComponent({
                           renderLabel: this.renderLabel,
                           renderOption: this.renderOption,
                           size: "medium",
-                          onToggle: this.handleToggle
+                          onToggle: this.handleToggle,
+                          scrollbarProps: this.scrollbarProps
                         },
                         { empty: () => this.$slots.empty?.() }
                       ),
@@ -45838,6 +45898,10 @@ const breadcrumbItemProps = {
     type: Boolean,
     default: true
   },
+  showSeparator: {
+    type: Boolean,
+    default: true
+  },
   onClick: Function
 };
 var BreadcrumbItem = defineComponent({
@@ -45881,7 +45945,7 @@ var BreadcrumbItem = defineComponent({
           },
           slots
         ),
-        /* @__PURE__ */ h(
+        props.showSeparator && /* @__PURE__ */ h(
           "span",
           {
             class: `${mergedClsPrefix}-breadcrumb-item__separator`,
@@ -46398,7 +46462,8 @@ const buttonProps = {
   nativeFocusBehavior: {
     type: Boolean,
     default: !isSafari
-  }
+  },
+  spinProps: Object
 };
 const Button = defineComponent({
   name: "Button",
@@ -46423,6 +46488,12 @@ const Button = defineComponent({
       return !props.quaternary && !props.tertiary && !props.secondary && !props.text && (!props.color || props.ghost || props.dashed) && props.bordered;
     });
     const NButtonGroup = inject(buttonGroupInjectionKey, {});
+    const {
+      inlineThemeDisabled,
+      mergedClsPrefixRef,
+      mergedRtlRef,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const { mergedSizeRef } = useFormItem(
       {},
       {
@@ -46435,9 +46506,11 @@ const Button = defineComponent({
           if (buttonGroupSize)
             return buttonGroupSize;
           const { mergedSize: formItemSize } = NFormItem || {};
-          if (formItemSize) {
+          if (formItemSize)
             return formItemSize.value;
-          }
+          const configSize = mergedComponentPropsRef?.value?.Button?.size;
+          if (configSize)
+            return configSize;
           return "medium";
         }
       }
@@ -46492,7 +46565,6 @@ const Button = defineComponent({
     const handleBlur = () => {
       enterPressedRef.value = false;
     };
-    const { inlineThemeDisabled, mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
     const themeRef = useTheme(
       "Button",
       "-button",
@@ -46827,7 +46899,8 @@ const Button = defineComponent({
                   clsPrefix: mergedClsPrefix,
                   key: "loading",
                   class: `${mergedClsPrefix}-icon-slot`,
-                  strokeWidth: 20
+                  strokeWidth: 20,
+                  ...this.spinProps
                 }
               ) : /* @__PURE__ */ h(
                 "div",
@@ -46919,10 +46992,7 @@ var style$1g = cB("button-group", `
       `), createTopBorderStyle("default"), cM("ghost", [createTopBorderStyle("primary"), createTopBorderStyle("info"), createTopBorderStyle("success"), createTopBorderStyle("warning"), createTopBorderStyle("error")])])])]);
 
 const buttonGroupProps = {
-  size: {
-    type: String,
-    default: void 0
-  },
+  size: String,
   vertical: Boolean
 };
 var NButtonGroup = defineComponent({
@@ -53438,6 +53508,13 @@ const cardRtl = {
   style: rtlStyle$p
 };
 
+const contentBaseStyle = cB("card-content", `
+  flex: 1;
+  min-width: 0;
+  box-sizing: border-box;
+  padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
+  font-size: var(--n-font-size);
+`);
 var style$1e = c$1([cB("card", `
     font-size: var(--n-font-size);
     line-height: var(--n-line-height);
@@ -53457,14 +53534,19 @@ var style$1e = c$1([cB("card", `
       border-color .3s var(--n-bezier);
   `, [asModal({
   background: "var(--n-color-modal)"
-}), cM("hoverable", [c$1("&:hover", "box-shadow: var(--n-box-shadow);")]), cM("content-segmented", [c$1(">", [cE("content", {
-  paddingTop: "var(--n-padding-bottom)"
-})])]), cM("content-soft-segmented", [c$1(">", [cE("content", `
+}), cM("hoverable", [c$1("&:hover", "box-shadow: var(--n-box-shadow);")]), cM("content-segmented", [c$1(">", [cB("card-content", `
+          padding-top: var(--n-padding-bottom);
+        `), cE("content-scrollbar", [c$1(">", [cB("scrollbar-container", [c$1(">", [cB("card-content", `
+                  padding-top: var(--n-padding-bottom);
+                `)])])])])])]), cM("content-soft-segmented", [c$1(">", [cB("card-content", `
           margin: 0 var(--n-padding-left);
           padding: var(--n-padding-bottom) 0;
-        `)])]), cM("footer-segmented", [c$1(">", [cE("footer", {
-  paddingTop: "var(--n-padding-bottom)"
-})])]), cM("footer-soft-segmented", [c$1(">", [cE("footer", `
+        `), cE("content-scrollbar", [c$1(">", [cB("scrollbar-container", [c$1(">", [cB("card-content", `
+                  margin: 0 var(--n-padding-left);
+                  padding: var(--n-padding-bottom) 0;
+                `)])])])])])]), cM("footer-segmented", [c$1(">", [cE("footer", `
+          padding-top: var(--n-padding-bottom);
+        `)])]), cM("footer-soft-segmented", [c$1(">", [cE("footer", `
           padding: var(--n-padding-bottom) 0;
           margin: 0 var(--n-padding-left);
         `)])]), c$1(">", [cB("card-header", `
@@ -53502,13 +53584,20 @@ var style$1e = c$1([cB("card", `
           border-color .3s var(--n-bezier);
         background-clip: padding-box;
         background-color: var(--n-action-color);
-      `), cE("content", "flex: 1; min-width: 0;"), cE("content, footer", `
+      `), contentBaseStyle, cB("card-content", [c$1("&:first-child", `
+          padding-top: var(--n-padding-bottom);
+        `)]), cE("content-scrollbar", `
+        display: flex;
+        flex-direction: column;
+      `, [c$1(">", [cB("scrollbar-container", [c$1(">", [contentBaseStyle])])]), c$1("&:first-child >", [cB("scrollbar-container", [c$1(">", [cB("card-content", `
+                padding-top: var(--n-padding-bottom);
+              `)])])])]), cE("footer", `
         box-sizing: border-box;
         padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
         font-size: var(--n-font-size);
-      `, [c$1("&:first-child", {
-  paddingTop: "var(--n-padding-bottom)"
-})]), cE("action", `
+      `, [c$1("&:first-child", `
+          padding-top: var(--n-padding-bottom);
+        `)]), cE("action", `
         background-color: var(--n-action-color);
         padding: var(--n-padding-bottom) var(--n-padding-left);
         border-bottom-left-radius: var(--n-border-radius);
@@ -53522,17 +53611,21 @@ var style$1e = c$1([cB("card", `
         width: 100%;
       `)]), cM("bordered", `
       border: 1px solid var(--n-border-color);
-    `, [c$1("&:target", "border-color: var(--n-color-target);")]), cM("action-segmented", [c$1(">", [cE("action", [c$1("&:not(:first-child)", {
-  borderTop: "1px solid var(--n-border-color)"
-})])])]), cM("content-segmented, content-soft-segmented", [c$1(">", [cE("content", {
-  transition: "border-color 0.3s var(--n-bezier)"
-}, [c$1("&:not(:first-child)", {
-  borderTop: "1px solid var(--n-border-color)"
-})])])]), cM("footer-segmented, footer-soft-segmented", [c$1(">", [cE("footer", {
-  transition: "border-color 0.3s var(--n-bezier)"
-}, [c$1("&:not(:first-child)", {
-  borderTop: "1px solid var(--n-border-color)"
-})])])]), cM("embedded", `
+    `, [c$1("&:target", "border-color: var(--n-color-target);")]), cM("action-segmented", [c$1(">", [cE("action", [c$1("&:not(:first-child)", `
+            border-top: 1px solid var(--n-border-color);
+          `)])])]), cM("content-segmented, content-soft-segmented", [c$1(">", [cB("card-content", `
+          transition: border-color 0.3s var(--n-bezier);
+        `, [c$1("&:not(:first-child)", `
+            border-top: 1px solid var(--n-border-color);
+          `)]), cE("content-scrollbar", `
+          transition: border-color 0.3s var(--n-bezier);
+        `, [c$1("&:not(:first-child)", `
+            border-top: 1px solid var(--n-border-color);
+          `)])])]), cM("footer-segmented, footer-soft-segmented", [c$1(">", [cE("footer", `
+          transition: border-color 0.3s var(--n-bezier);
+        `, [c$1("&:not(:first-child)", `
+            border-top: 1px solid var(--n-border-color);
+          `)])])]), cM("embedded", `
       background-color: var(--n-color-embedded);
     `)]), insideModal(cB("card", `
     background: var(--n-color-modal);
@@ -53548,6 +53641,7 @@ const cardBaseProps = {
   title: [String, Function],
   contentClass: String,
   contentStyle: [Object, String],
+  contentScrollable: Boolean,
   headerClass: String,
   headerStyle: [Object, String],
   headerExtraClass: String,
@@ -53559,10 +53653,7 @@ const cardBaseProps = {
     type: [Boolean, Object],
     default: false
   },
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   bordered: {
     type: Boolean,
     default: true
@@ -53594,10 +53685,16 @@ var NCard = defineComponent({
   setup(props) {
     const handleCloseClick = () => {
       const { onClose } = props;
-      if (onClose)
+      if (onClose) {
         call(onClose);
+      }
     };
-    const { inlineThemeDisabled, mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+    const {
+      inlineThemeDisabled,
+      mergedClsPrefixRef,
+      mergedRtlRef,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const themeRef = useTheme(
       "Card",
       "-card",
@@ -53607,8 +53704,11 @@ var NCard = defineComponent({
       mergedClsPrefixRef
     );
     const rtlEnabledRef = useRtl("Card", mergedRtlRef, mergedClsPrefixRef);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Card?.size || "medium";
+    });
     const cssVarsRef = computed(() => {
-      const { size } = props;
+      const mergedSize = mergedSizeRef.value;
       const {
         self: {
           color,
@@ -53634,9 +53734,9 @@ var NCard = defineComponent({
           colorEmbedded,
           colorEmbeddedModal,
           colorEmbeddedPopover,
-          [createKey("padding", size)]: padding,
-          [createKey("fontSize", size)]: fontSize,
-          [createKey("titleFontSize", size)]: titleFontSize
+          [createKey("padding", mergedSize)]: padding,
+          [createKey("fontSize", mergedSize)]: fontSize,
+          [createKey("titleFontSize", mergedSize)]: titleFontSize
         },
         common: { cubicBezierEaseInOut }
       } = themeRef.value;
@@ -53681,7 +53781,7 @@ var NCard = defineComponent({
     const themeClassHandle = inlineThemeDisabled ? useThemeClass(
       "card",
       computed(() => {
-        return props.size[0];
+        return mergedSizeRef.value[0];
       }),
       cssVarsRef,
       props
@@ -53718,6 +53818,7 @@ var NCard = defineComponent({
           embedded && `${mergedClsPrefix}-card--embedded`,
           {
             [`${mergedClsPrefix}-card--rtl`]: rtlEnabled,
+            [`${mergedClsPrefix}-card--content-scrollable`]: this.contentScrollable,
             [`${mergedClsPrefix}-card--content${typeof segmented !== "boolean" && segmented.content === "soft" ? "-soft" : ""}-segmented`]: segmented === true || segmented !== false && segmented.content,
             [`${mergedClsPrefix}-card--footer${typeof segmented !== "boolean" && segmented.footer === "soft" ? "-soft" : ""}-segmented`]: segmented === true || segmented !== false && segmented.footer,
             [`${mergedClsPrefix}-card--action-segmented`]: segmented === true || segmented !== false && segmented.action,
@@ -53783,15 +53884,26 @@ var NCard = defineComponent({
         const mergedChildren = content ? ensureValidVNode(
           typeof content === "function" ? [content()] : [content]
         ) : children;
-        return mergedChildren && /* @__PURE__ */ h(
+        return mergedChildren ? this.contentScrollable ? /* @__PURE__ */ h(
+          Scrollbar$1,
+          {
+            class: `${mergedClsPrefix}-card__content-scrollbar`,
+            contentClass: [
+              `${mergedClsPrefix}-card-content`,
+              this.contentClass
+            ],
+            contentStyle: this.contentStyle
+          },
+          mergedChildren
+        ) : /* @__PURE__ */ h(
           "div",
           {
-            class: [`${mergedClsPrefix}-card__content`, this.contentClass],
+            class: [`${mergedClsPrefix}-card-content`, this.contentClass],
             style: this.contentStyle,
             role: "none"
           },
           mergedChildren
-        );
+        ) : null;
       }),
       resolveWrappedSlot($slots.footer, (children) => {
         const mergedChildren = this.footer ? ensureValidVNode([this.footer()]) : children;
@@ -55756,7 +55868,12 @@ var NCheckbox = defineComponent({
     }
     const NCheckboxGroup = inject(checkboxGroupInjectionKey, null);
     const selfRef = ref(null);
-    const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled,
+      mergedRtlRef,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const uncontrolledCheckedRef = ref(props.defaultChecked);
     const controlledCheckedRef = toRef(props, "checked");
     const mergedCheckedRef = useMergedState(
@@ -55790,6 +55907,9 @@ var NCheckbox = defineComponent({
           if (mergedSize !== void 0)
             return mergedSize.value;
         }
+        const configSize = mergedComponentPropsRef?.value?.Checkbox?.size;
+        if (configSize)
+          return configSize;
         return "medium";
       },
       mergedDisabled(NFormItem) {
@@ -56065,6 +56185,7 @@ var NCascaderOption = defineComponent({
       showCheckboxRef,
       renderPrefixRef,
       renderSuffixRef,
+      spinPropsRef,
       updateHoverKey,
       updateKeyboardKey,
       addLoadingKey,
@@ -56197,6 +56318,7 @@ var NCascaderOption = defineComponent({
       label: labelRef,
       mergedClsPrefix: mergedClsPrefixRef,
       mergedTheme: mergedThemeRef,
+      spinProps: spinPropsRef,
       handleClick,
       handleCheckboxUpdateValue,
       mergedHandleMouseEnter: mergedHandleMouseEnterRef,
@@ -56243,7 +56365,8 @@ var NCascaderOption = defineComponent({
         scale: 0.85,
         strokeWidth: 24,
         show: this.isLoading,
-        class: `${mergedClsPrefix}-cascader-option-icon`
+        class: `${mergedClsPrefix}-cascader-option-icon`,
+        ...this.spinProps
       },
       {
         default: () => /* @__PURE__ */ h(
@@ -56431,6 +56554,7 @@ var CascaderMenu = defineComponent({
       mergedThemeRef,
       getColumnStyleRef
     } = inject(cascaderInjectionKey);
+    const { mergedComponentPropsRef } = useConfig();
     const submenuInstRefs = [];
     const maskInstRef = ref(null);
     const selfElRef = ref(null);
@@ -56479,6 +56603,9 @@ var CascaderMenu = defineComponent({
       submenuInstRefs,
       maskInstRef,
       mergedTheme: mergedThemeRef,
+      mergedRenderEmpty: computed(() => {
+        return mergedComponentPropsRef?.value?.Cascader?.renderEmpty;
+      }),
       getColumnStyle: getColumnStyleRef,
       handleFocusin,
       handleFocusout,
@@ -56523,15 +56650,17 @@ var CascaderMenu = defineComponent({
                 clsPrefix: mergedClsPrefix,
                 ref: "maskInstRef"
               }
-            )) : /* @__PURE__ */ h("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, resolveSlot(this.$slots.empty, () => [
-              /* @__PURE__ */ h(
-                NEmpty,
-                {
-                  theme: mergedTheme.peers.Empty,
-                  themeOverrides: mergedTheme.peerOverrides.Empty
-                }
-              )
-            ])),
+            )) : /* @__PURE__ */ h("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, resolveSlot(this.$slots.empty, () => {
+              return [
+                this.mergedRenderEmpty?.() || /* @__PURE__ */ h(
+                  NEmpty,
+                  {
+                    theme: mergedTheme.peers.Empty,
+                    themeOverrides: mergedTheme.peerOverrides.Empty
+                  }
+                )
+              ];
+            })),
             resolveWrappedSlot(
               this.$slots.action,
               (children) => children && /* @__PURE__ */ h(
@@ -56639,6 +56768,7 @@ var CascaderSelectMenu = defineComponent({
       handleSelectMenuClickOutside,
       doUncheck: cascaderDoUncheck,
       doCheck: cascaderDoCheck,
+      scrollbarPropsRef,
       clearPattern
     } = inject(cascaderInjectionKey);
     const menuInstRef = ref(null);
@@ -56730,6 +56860,7 @@ var CascaderSelectMenu = defineComponent({
       handleToggle,
       handleClickOutside,
       cascaderSlots,
+      scrollbarProps: scrollbarPropsRef,
       ...exposedRef
     };
   },
@@ -56750,7 +56881,8 @@ var CascaderSelectMenu = defineComponent({
             treeMate: this.selectTreeMate,
             multiple: this.multiple,
             value: this.value,
-            onToggle: this.handleToggle
+            onToggle: this.handleToggle,
+            scrollbarProps: this.scrollbarProps
           },
           {
             empty: () => resolveSlot(cascaderSlots["not-found"], () => [])
@@ -56981,8 +57113,10 @@ const cascaderProps = {
   onBlur: Function,
   onFocus: Function,
   getColumnStyle: Function,
+  spinProps: Object,
   renderPrefix: Function,
   renderSuffix: Function,
+  scrollbarProps: Object,
   // deprecated
   onChange: [Function, Array]
 };
@@ -57011,7 +57145,8 @@ var Cascader = defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme(
       "Cascader",
@@ -57032,7 +57167,20 @@ var Cascader = defineComponent({
       return props.leafOnly ? "child" : props.checkStrategy;
     });
     const patternRef = ref("");
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Cascader?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const cascaderMenuInstRef = ref(null);
     const selectMenuInstRef = ref(null);
@@ -57678,6 +57826,7 @@ var Cascader = defineComponent({
       getColumnStyleRef: toRef(props, "getColumnStyle"),
       renderPrefixRef: toRef(props, "renderPrefix"),
       renderSuffixRef: toRef(props, "renderSuffix"),
+      spinPropsRef: toRef(props, "spinProps"),
       syncCascaderMenuPosition,
       syncSelectMenuPosition,
       updateKeyboardKey,
@@ -57689,6 +57838,7 @@ var Cascader = defineComponent({
       closeMenu,
       handleSelectMenuClickOutside,
       handleCascaderMenuClickOutside,
+      scrollbarPropsRef: toRef(props, "scrollbarProps"),
       clearPattern
     });
     const exposedMethods = {
@@ -59594,12 +59744,12 @@ var ColorPickerTrigger = defineComponent({
         "div",
         {
           class: [
-            `${clsPrefix}-color-picker-trigger`,
-            disabled && `${clsPrefix}-color-picker-trigger--disabled`
+            `${clsPrefix}-color-picker`,
+            disabled && `${clsPrefix}-color-picker--disabled`
           ],
           onClick: disabled ? void 0 : onClick
         },
-        /* @__PURE__ */ h("div", { class: `${clsPrefix}-color-picker-trigger__fill` }, /* @__PURE__ */ h("div", { class: `${clsPrefix}-color-picker-checkboard` }), /* @__PURE__ */ h(
+        /* @__PURE__ */ h("div", { class: `${clsPrefix}-color-picker__fill` }, /* @__PURE__ */ h("div", { class: `${clsPrefix}-color-picker-checkboard` }), /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -59614,7 +59764,7 @@ var ColorPickerTrigger = defineComponent({
         ), value && hsla ? /* @__PURE__ */ h(
           "div",
           {
-            class: `${clsPrefix}-color-picker-trigger__value`,
+            class: `${clsPrefix}-color-picker__value`,
             style: {
               color: getWCAGContrast(hsla) ? "white" : "black"
             }
@@ -59921,14 +60071,7 @@ var Pallete = defineComponent({
   }
 });
 
-var style$17 = c$1([cB("color-picker", `
-    display: inline-block;
-    box-sizing: border-box;
-    height: var(--n-height);
-    font-size: var(--n-font-size);
-    width: 100%;
-    position: relative;
-  `), cB("color-picker-panel", `
+var style$17 = c$1([cB("color-picker-panel", `
     margin: 4px 0;
     width: 240px;
     font-size: var(--n-panel-font-size);
@@ -60043,14 +60186,18 @@ var style$17 = c$1([cB("color-picker", `
     border-top: 1px solid var(--n-divider-color);
     padding: 8px 12px;
     justify-content: flex-end;
-  `, [cB("button", "margin-left: 8px;")]), cB("color-picker-trigger", `
-    border: var(--n-border);
-    height: 100%;
+  `, [cB("button", "margin-left: 8px;")]), cB("color-picker", `
+    display: inline-block;
     box-sizing: border-box;
+    height: var(--n-height);
+    font-size: var(--n-font-size);
+    width: 100%;
+    position: relative;
+    cursor: pointer;
+    border: var(--n-border);
     border-radius: var(--n-border-radius);
     transition: border-color .3s var(--n-bezier);
-    cursor: pointer;
-  `, [cE("value", `
+  `, [cM("disabled", "cursor: not-allowed"), cE("value", `
       white-space: nowrap;
       position: relative;
     `), cE("fill", `
@@ -60063,7 +60210,7 @@ var style$17 = c$1([cB("color-picker", `
       right: 4px;
       top: 4px;
       bottom: 4px;
-    `), cM("disabled", "cursor: not-allowed"), cB("color-picker-checkboard", `
+    `), cB("color-picker-checkboard", `
       border-radius: var(--n-border-radius);
     `, [c$1("&::after", `
         --n-block-size: calc((var(--n-height) - 8px) / 3);
@@ -60152,12 +60299,33 @@ var NColorPicker = defineComponent({
   props: colorPickerProps,
   slots: Object,
   setup(props, { slots }) {
-    const selfRef = ref(null);
+    let triggerRef = null;
+    function setTriggerRef(el) {
+      triggerRef = el;
+    }
     let upcomingValue = null;
-    const formItem = useFormItem(props);
+    const {
+      mergedClsPrefixRef,
+      namespaceRef,
+      inlineThemeDisabled,
+      mergedComponentPropsRef
+    } = useConfig(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.ColorPicker?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef } = formItem;
     const { localeRef } = useLocale("global");
-    const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = useConfig(props);
     const themeRef = useTheme(
       "ColorPicker",
       "-color-picker",
@@ -60632,7 +60800,6 @@ var NColorPicker = defineComponent({
     return {
       mergedClsPrefix: mergedClsPrefixRef,
       namespace: namespaceRef,
-      selfRef,
       hsla: hslaRef,
       rgba: rgbaRef,
       mergedShow: mergedShowRef,
@@ -60641,11 +60808,21 @@ var NColorPicker = defineComponent({
       adjustedTo: useAdjustedTo(props),
       mergedValue: mergedValueRef,
       handleTriggerClick() {
+        if (mergedDisabledRef.value) {
+          return;
+        }
         doUpdateShow(true);
       },
+      setTriggerRef,
       handleClickOutside(e) {
-        if (selfRef.value?.contains(getPreciseEventTarget(e))) {
-          return;
+        if (triggerRef instanceof Element) {
+          if (triggerRef.contains(getPreciseEventTarget(e))) {
+            return;
+          }
+        } else if (triggerRef) {
+          if (triggerRef.$el.contains(getPreciseEventTarget(e))) {
+            return;
+          }
         }
         doUpdateShow(false);
       },
@@ -60658,59 +60835,65 @@ var NColorPicker = defineComponent({
   render() {
     const { mergedClsPrefix, onRender } = this;
     onRender?.();
-    return /* @__PURE__ */ h(
-      "div",
-      {
-        class: [this.themeClass, `${mergedClsPrefix}-color-picker`],
-        ref: "selfRef",
-        style: this.cssVars
-      },
-      /* @__PURE__ */ h(Binder, null, {
-        default: () => [
-          /* @__PURE__ */ h(VTarget, null, {
-            default: () => /* @__PURE__ */ h(
-              ColorPickerTrigger,
-              {
-                clsPrefix: mergedClsPrefix,
-                value: this.mergedValue,
-                hsla: this.hsla,
-                disabled: this.mergedDisabled,
-                onClick: this.handleTriggerClick
-              }
-            )
-          }),
-          /* @__PURE__ */ h(
-            VFollower,
+    return /* @__PURE__ */ h(Binder, null, {
+      default: () => [
+        /* @__PURE__ */ h(VTarget, null, {
+          default: () => resolveWrappedSlotWithProps(
+            this.$slots.trigger,
             {
-              placement: this.placement,
-              show: this.mergedShow,
-              containerClass: this.namespace,
-              teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
-              to: this.adjustedTo
+              value: this.mergedValue,
+              onClick: this.handleTriggerClick,
+              ref: this.setTriggerRef
             },
-            {
-              default: () => /* @__PURE__ */ h(
-                Transition,
-                {
-                  name: "fade-in-scale-up-transition",
-                  appear: this.isMounted
-                },
+            (children) => {
+              const triggerNode = children || /* @__PURE__ */ h(
+                ColorPickerTrigger,
                 {
-                  default: () => this.mergedShow ? withDirectives(this.renderPanel(), [
-                    [
-                      clickoutside,
-                      this.handleClickOutside,
-                      void 0,
-                      { capture: true }
-                    ]
-                  ]) : null
+                  clsPrefix: mergedClsPrefix,
+                  value: this.mergedValue,
+                  hsla: this.hsla,
+                  style: this.cssVars,
+                  ref: this.setTriggerRef,
+                  disabled: this.mergedDisabled,
+                  class: this.themeClass,
+                  onClick: this.mergedDisabled ? void 0 : this.handleTriggerClick
                 }
-              )
+              );
+              return triggerNode;
             }
           )
-        ]
-      })
-    );
+        }),
+        /* @__PURE__ */ h(
+          VFollower,
+          {
+            placement: this.placement,
+            show: this.mergedShow,
+            containerClass: this.namespace,
+            teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
+            to: this.adjustedTo
+          },
+          {
+            default: () => /* @__PURE__ */ h(
+              Transition,
+              {
+                name: "fade-in-scale-up-transition",
+                appear: this.isMounted
+              },
+              {
+                default: () => this.mergedShow ? withDirectives(this.renderPanel(), [
+                  [
+                    clickoutside,
+                    this.handleClickOutside,
+                    void 0,
+                    { capture: true }
+                  ]
+                ]) : null
+              }
+            )
+          }
+        )
+      ]
+    });
   }
 });
 
@@ -61120,10 +61303,7 @@ const panelProps$1 = {
     type: Array,
     default: () => []
   },
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   scrollable: Boolean,
   "onUpdate:value": [Function, Array],
   onUpdateValue: [Function, Array],
@@ -61155,7 +61335,10 @@ var NPopselectPanel = defineComponent({
       });
     }
     const NPopselect = inject(popselectInjectionKey);
-    const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+    const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Popselect?.size || "medium";
+    });
     const themeRef = useTheme(
       "Popselect",
       "-pop-select",
@@ -61262,7 +61445,9 @@ var NPopselectPanel = defineComponent({
       handleMenuMousedown,
       cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
       themeClass: themeClassHandle?.themeClass,
-      onRender: themeClassHandle?.onRender
+      onRender: themeClassHandle?.onRender,
+      mergedSize: mergedSizeRef,
+      scrollbarProps: NPopselect.props.scrollbarProps
     };
   },
   render() {
@@ -61279,10 +61464,11 @@ var NPopselectPanel = defineComponent({
         themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu,
         multiple: this.multiple,
         treeMate: this.treeMate,
-        size: this.size,
+        size: this.mergedSize,
         value: this.value,
         virtualScroll: this.virtualScroll,
         scrollable: this.scrollable,
+        scrollbarProps: this.scrollbarProps,
         renderLabel: this.renderLabel,
         onToggle: this.handleToggle,
         onMouseenter: this.onMouseenter,
@@ -61310,7 +61496,8 @@ const popselectProps = {
     type: String,
     default: "hover"
   },
-  ...panelProps$1
+  ...panelProps$1,
+  scrollbarProps: Object
 };
 var NPopselect = defineComponent({
   name: "Popselect",
@@ -61456,6 +61643,10 @@ const selectProps = {
     default: void 0
   },
   clearable: Boolean,
+  clearCreatedOptionsOnClear: {
+    type: Boolean,
+    default: true
+  },
   clearFilterAfterSelect: {
     type: Boolean,
     default: true
@@ -61562,6 +61753,7 @@ const selectProps = {
     type: Boolean,
     default: true
   },
+  scrollbarProps: Object,
   /** deprecated */
   onChange: [Function, Array],
   items: Array
@@ -61591,7 +61783,8 @@ var NSelect = defineComponent({
       mergedClsPrefixRef,
       mergedBorderedRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme(
       "Select",
@@ -61741,7 +61934,20 @@ var NSelect = defineComponent({
       }
       return null;
     });
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Select?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     function doUpdateValue(value, option) {
       const {
@@ -62027,10 +62233,13 @@ var NSelect = defineComponent({
     }
     function handleClear(e) {
       e.stopPropagation();
-      const { multiple } = props;
+      const { multiple, tag, remote, clearCreatedOptionsOnClear } = props;
       if (!multiple && props.filterable) {
         closeMenu();
       }
+      if (tag && !remote && clearCreatedOptionsOnClear) {
+        createdOptionsRef.value = emptyArray;
+      }
       doClear();
       if (multiple) {
         doUpdateValue([], []);
@@ -62317,7 +62526,8 @@ var NSelect = defineComponent({
                         onMousedown: this.handleMenuMousedown,
                         show: this.mergedShow,
                         showCheckmark: this.showCheckmark,
-                        resetMenuOnOptionsChange: this.resetMenuOnOptionsChange
+                        resetMenuOnOptionsChange: this.resetMenuOnOptionsChange,
+                        scrollbarProps: this.scrollbarProps
                       },
                       {
                         empty: () => [this.$slots.empty?.()],
@@ -62763,10 +62973,7 @@ const paginationProps = {
     }
   },
   showQuickJumper: Boolean,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   disabled: Boolean,
   pageSlot: {
     type: Number,
@@ -62785,6 +62992,7 @@ const paginationProps = {
   },
   to: useAdjustedTo.propTo,
   showQuickJumpDropdown: { type: Boolean, default: true },
+  scrollbarProps: Object,
   "onUpdate:page": [Function, Array],
   onUpdatePage: [Function, Array],
   "onUpdate:pageSize": [Function, Array],
@@ -62827,6 +63035,9 @@ var NPagination = defineComponent({
       inlineThemeDisabled,
       mergedRtlRef
     } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Pagination?.size || "medium";
+    });
     const themeRef = useTheme(
       "Pagination",
       "-pagination",
@@ -62920,10 +63131,10 @@ var NPagination = defineComponent({
       });
     });
     const inputSizeRef = computed(() => {
-      return mergedComponentPropsRef?.value?.Pagination?.inputSize || smallerSize(props.size);
+      return mergedComponentPropsRef?.value?.Pagination?.inputSize || smallerSize(mergedSizeRef.value);
     });
     const selectSizeRef = computed(() => {
-      return mergedComponentPropsRef?.value?.Pagination?.selectSize || smallerSize(props.size);
+      return mergedComponentPropsRef?.value?.Pagination?.selectSize || smallerSize(mergedSizeRef.value);
     });
     const startIndexRef = computed(() => {
       return (mergedPageRef.value - 1) * mergedPageSizeRef.value;
@@ -63058,7 +63269,7 @@ var NPagination = defineComponent({
       disableTransitionOneTick();
     });
     const cssVarsRef = computed(() => {
-      const { size } = props;
+      const size = mergedSizeRef.value;
       const {
         self: {
           buttonBorder,
@@ -63156,8 +63367,7 @@ var NPagination = defineComponent({
       "pagination",
       computed(() => {
         let hash = "";
-        const { size } = props;
-        hash += size[0];
+        hash += mergedSizeRef.value[0];
         return hash;
       }),
       cssVarsRef,
@@ -63415,6 +63625,7 @@ var NPagination = defineComponent({
                     options: pageItem.type !== "page" && pageItem.options ? pageItem.options : [],
                     onUpdateValue: this.handleMenuSelect,
                     scrollable: true,
+                    scrollbarProps: this.scrollbarProps,
                     showCheckmark: false
                   },
                   { default: () => itemNode }
@@ -63456,6 +63667,7 @@ var NPagination = defineComponent({
                 options: pageSizeOptions,
                 value: mergedPageSize,
                 disabled,
+                scrollbarProps: this.scrollbarProps,
                 theme: mergedTheme.peers.Select,
                 themeOverrides: mergedTheme.peerOverrides.Select,
                 onUpdateValue: handleSizePickerChange
@@ -64031,10 +64243,7 @@ const dataTableProps = {
     default: true
   },
   singleColumn: Boolean,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   remote: Boolean,
   defaultExpandedRowKeys: {
     type: Array,
@@ -64085,10 +64294,7 @@ const dataTableProps = {
   scrollbarProps: Object,
   renderCell: Function,
   renderExpandIcon: Function,
-  spinProps: {
-    type: Object,
-    default: {}
-  },
+  spinProps: Object,
   getCsvCell: Function,
   getCsvHeader: Function,
   onLoad: Function,
@@ -64407,6 +64613,10 @@ function setup(props) {
     });
   }
   const NRadioGroup = inject(radioGroupInjectionKey, null);
+  const {
+    mergedClsPrefixRef,
+    mergedComponentPropsRef
+  } = useConfig(props);
   const formItem = useFormItem(props, {
     mergedSize(NFormItem) {
       const {
@@ -64426,6 +64636,8 @@ function setup(props) {
       if (NFormItem) {
         return NFormItem.mergedSize.value;
       }
+      const configSize = mergedComponentPropsRef?.value?.Radio?.size;
+      if (configSize) return configSize;
       return "medium";
     },
     mergedDisabled(NFormItem) {
@@ -64500,7 +64712,7 @@ function setup(props) {
     focusRef.value = true;
   }
   return {
-    mergedClsPrefix: NRadioGroup ? NRadioGroup.mergedClsPrefixRef : useConfig(props).mergedClsPrefixRef,
+    mergedClsPrefix: NRadioGroup ? NRadioGroup.mergedClsPrefixRef : mergedClsPrefixRef,
     inputRef,
     labelRef,
     mergedName: mergedNameRef,
@@ -66836,10 +67048,7 @@ const dropdownBaseProps = {
     type: Boolean,
     default: true
   },
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   inverted: Boolean,
   placement: {
     type: String,
@@ -66950,7 +67159,10 @@ var NDropdown = defineComponent({
       },
       keyboardEnabledRef
     );
-    const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+    const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Dropdown?.size || "medium";
+    });
     const themeRef = useTheme(
       "Dropdown",
       "-dropdown",
@@ -67068,7 +67280,8 @@ var NDropdown = defineComponent({
       }
     }
     const cssVarsRef = computed(() => {
-      const { size, inverted } = props;
+      const { inverted } = props;
+      const size = mergedSizeRef.value;
       const {
         common: { cubicBezierEaseInOut },
         self
@@ -67127,13 +67340,16 @@ var NDropdown = defineComponent({
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass(
       "dropdown",
-      computed(() => `${props.size[0]}${props.inverted ? "i" : ""}`),
+      computed(
+        () => `${mergedSizeRef.value[0]}${props.inverted ? "i" : ""}`
+      ),
       cssVarsRef,
       props
     ) : void 0;
     return {
       mergedClsPrefix: mergedClsPrefixRef,
       mergedTheme: themeRef,
+      mergedSize: mergedSizeRef,
       // data
       tmNodes: tmNodesRef,
       // show
@@ -67160,7 +67376,12 @@ var NDropdown = defineComponent({
       ) || {};
       const dropdownProps2 = {
         ref: createRefSetter(ref2),
-        class: [className, `${mergedClsPrefix}-dropdown`, this.themeClass],
+        class: [
+          className,
+          `${mergedClsPrefix}-dropdown`,
+          `${mergedClsPrefix}-dropdown--${this.mergedSize}-size`,
+          this.themeClass
+        ],
         clsPrefix: mergedClsPrefix,
         tmNodes: this.tmNodes,
         style: [...style2, this.cssVars],
@@ -67766,7 +67987,6 @@ var TableBody = defineComponent({
       childTriggerColIndexRef,
       indentRef,
       rowPropsRef,
-      maxHeightRef,
       stripedRef,
       loadingRef,
       onLoadRef,
@@ -67782,19 +68002,21 @@ var TableBody = defineComponent({
       handleTableBodyScroll,
       doCheck,
       doUncheck,
-      renderCell
+      renderCell,
+      xScrollableRef,
+      explicitlyScrollableRef
     } = inject(dataTableInjectionKey);
     const NConfigProvider = inject(configProviderInjectionKey);
     const scrollbarInstRef = ref(null);
     const virtualListRef = ref(null);
     const emptyElRef = ref(null);
+    const mergedRenderEmptyRef = computed(() => {
+      return NConfigProvider?.mergedComponentPropsRef.value?.DataTable?.renderEmpty;
+    });
     const emptyRef = useMemo(() => paginatedDataRef.value.length === 0);
-    const shouldDisplaySomeTablePartRef = useMemo(
-      () => props.showHeader || !emptyRef.value
+    const shouldDisplayVirtualListRef = useMemo(
+      () => virtualScrollRef.value && !emptyRef.value
     );
-    const bodyShowHeaderOnlyRef = useMemo(() => {
-      return props.showHeader || emptyRef.value;
-    });
     let lastSelectedKey = "";
     const mergedExpandedRowKeySetRef = computed(() => {
       return new Set(mergedExpandedRowKeysRef.value);
@@ -67849,15 +68071,7 @@ var TableBody = defineComponent({
       doCheck(tmNode.key, true, rowInfo);
     }
     function getScrollContainer() {
-      if (!shouldDisplaySomeTablePartRef.value) {
-        const { value: emptyEl } = emptyElRef;
-        if (emptyEl) {
-          return emptyEl;
-        } else {
-          return null;
-        }
-      }
-      if (virtualScrollRef.value) {
+      if (shouldDisplayVirtualListRef.value) {
         return virtualListContainer();
       }
       const { value } = scrollbarInstRef;
@@ -67999,11 +68213,11 @@ var TableBody = defineComponent({
       summary: summaryRef,
       mergedClsPrefix: mergedClsPrefixRef,
       mergedTheme: mergedThemeRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       scrollX: scrollXRef,
       cols: colsRef,
       loading: loadingRef,
-      bodyShowHeaderOnly: bodyShowHeaderOnlyRef,
-      shouldDisplaySomeTablePart: shouldDisplaySomeTablePartRef,
+      shouldDisplayVirtualList: shouldDisplayVirtualListRef,
       empty: emptyRef,
       paginatedDataAndInfo: computed(() => {
         const { value: striped } = stripedRef;
@@ -68051,7 +68265,6 @@ var TableBody = defineComponent({
       childTriggerColIndex: childTriggerColIndexRef,
       indent: indentRef,
       rowProps: rowPropsRef,
-      maxHeight: maxHeightRef,
       loadingKeySet: loadingKeySetRef,
       expandable: expandableRef,
       stickyExpandedRows: stickyExpandedRowsRef,
@@ -68068,6 +68281,8 @@ var TableBody = defineComponent({
       handleRadioUpdateChecked,
       handleUpdateExpanded,
       renderCell,
+      explicitlyScrollable: explicitlyScrollableRef,
+      xScrollable: xScrollableRef,
       ...exposedMethods
     };
   },
@@ -68076,44 +68291,70 @@ var TableBody = defineComponent({
       mergedTheme,
       scrollX,
       mergedClsPrefix,
-      virtualScroll,
-      maxHeight,
-      mergedTableLayout,
-      flexHeight,
+      explicitlyScrollable,
+      xScrollable,
       loadingKeySet,
       onResize,
-      setHeaderScrollLeft
+      setHeaderScrollLeft,
+      empty,
+      shouldDisplayVirtualList
     } = this;
-    const scrollable = scrollX !== void 0 || maxHeight !== void 0 || flexHeight;
-    const isBasicAutoLayout = !scrollable && mergedTableLayout === "auto";
-    const xScrollable = scrollX !== void 0 || isBasicAutoLayout;
     const contentStyle = {
       minWidth: formatLength(scrollX) || "100%"
     };
     if (scrollX)
       contentStyle.width = "100%";
+    const createEmptyNode = () => /* @__PURE__ */ h(
+      "div",
+      {
+        class: [
+          `${mergedClsPrefix}-data-table-empty`,
+          this.loading && `${mergedClsPrefix}-data-table-empty--hide`
+        ],
+        style: [
+          this.bodyStyle,
+          xScrollable ? "position: sticky; left: 0; width: var(--n-scrollbar-current-width);" : void 0
+        ],
+        ref: "emptyElRef"
+      },
+      resolveSlot(this.dataTableSlots.empty, () => {
+        return [
+          this.mergedRenderEmpty?.() || /* @__PURE__ */ h(
+            NEmpty,
+            {
+              theme: this.mergedTheme.peers.Empty,
+              themeOverrides: this.mergedTheme.peerOverrides.Empty
+            }
+          )
+        ];
+      })
+    );
     const tableNode = /* @__PURE__ */ h(
       Scrollbar$1,
       {
         ...this.scrollbarProps,
         ref: "scrollbarInstRef",
-        scrollable: scrollable || isBasicAutoLayout,
+        scrollable: explicitlyScrollable || xScrollable,
         class: `${mergedClsPrefix}-data-table-base-table-body`,
-        style: !this.empty ? this.bodyStyle : void 0,
+        style: !empty ? this.bodyStyle : "height: initial;",
         theme: mergedTheme.peers.Scrollbar,
         themeOverrides: mergedTheme.peerOverrides.Scrollbar,
         contentStyle,
-        container: virtualScroll ? this.virtualListContainer : void 0,
-        content: virtualScroll ? this.virtualListContent : void 0,
+        container: shouldDisplayVirtualList ? this.virtualListContainer : void 0,
+        content: shouldDisplayVirtualList ? this.virtualListContent : void 0,
         horizontalRailStyle: { zIndex: 3 },
         verticalRailStyle: { zIndex: 3 },
+        internalExposeWidthCssVar: xScrollable && empty,
         xScrollable,
-        onScroll: virtualScroll ? void 0 : this.handleTableBodyScroll,
+        onScroll: shouldDisplayVirtualList ? void 0 : this.handleTableBodyScroll,
         internalOnUpdateScrollLeft: setHeaderScrollLeft,
         onResize
       },
       {
         default: () => {
+          if (this.empty && !this.showHeader && (this.explicitlyScrollable || this.xScrollable)) {
+            return createEmptyNode();
+          }
           const cordToPass = {};
           const cordKey = {};
           const {
@@ -68487,8 +68728,8 @@ var TableBody = defineComponent({
             );
             return row;
           };
-          if (!virtualScroll) {
-            return /* @__PURE__ */ h(
+          if (!this.shouldDisplayVirtualList) {
+            return /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(
               "table",
               {
                 class: `${mergedClsPrefix}-data-table-table`,
@@ -68519,7 +68760,7 @@ var TableBody = defineComponent({
                   });
                 })
               ) : null
-            );
+            ), this.empty && this.xScrollable ? createEmptyNode() : null);
           } else {
             return /* @__PURE__ */ h(
               VVirtualList,
@@ -68585,28 +68826,8 @@ var TableBody = defineComponent({
       }
     );
     if (this.empty) {
-      const createEmptyNode = () => /* @__PURE__ */ h(
-        "div",
-        {
-          class: [
-            `${mergedClsPrefix}-data-table-empty`,
-            this.loading && `${mergedClsPrefix}-data-table-empty--hide`
-          ],
-          style: this.bodyStyle,
-          ref: "emptyElRef"
-        },
-        resolveSlot(this.dataTableSlots.empty, () => [
-          /* @__PURE__ */ h(
-            NEmpty,
-            {
-              theme: this.mergedTheme.peers.Empty,
-              themeOverrides: this.mergedTheme.peerOverrides.Empty
-            }
-          )
-        ])
-      );
-      if (this.shouldDisplaySomeTablePart) {
-        return /* @__PURE__ */ h(Fragment, null, tableNode, createEmptyNode());
+      if (this.explicitlyScrollable || this.xScrollable) {
+        return tableNode;
       } else {
         return /* @__PURE__ */ h(VResizeObserver, { onResize: this.onResize }, { default: createEmptyNode });
       }
@@ -68627,7 +68848,8 @@ var MainTable = defineComponent({
       minHeightRef,
       flexHeightRef,
       virtualScrollHeaderRef,
-      syncScrollState
+      syncScrollState,
+      scrollXRef
     } = inject(dataTableInjectionKey);
     const headerInstRef = ref(null);
     const bodyInstRef = ref(null);
@@ -68695,6 +68917,7 @@ var MainTable = defineComponent({
       bodyStyle: bodyStyleRef,
       flexHeight: flexHeightRef,
       handleBodyResize,
+      scrollX: scrollXRef,
       ...exposedMethods
     };
   },
@@ -69459,8 +69682,15 @@ function useResizable() {
 function useScroll(props, {
   mainTableInstRef,
   mergedCurrentPageRef,
-  bodyWidthRef
+  bodyWidthRef,
+  maxHeightRef,
+  mergedTableLayoutRef
 }) {
+  const explicitlyScrollableRef = computed(() => props.scrollX !== void 0 || maxHeightRef.value !== void 0 || props.flexHeight);
+  const xScrollableRef = computed(() => {
+    const isBasicAutoLayout = !explicitlyScrollableRef.value && mergedTableLayoutRef.value === "auto";
+    return props.scrollX !== void 0 || isBasicAutoLayout;
+  });
   let lastScrollLeft = 0;
   const scrollPartRef = ref();
   const leftActiveFixedColKeyRef = ref(null);
@@ -69627,8 +69857,7 @@ function useScroll(props, {
       value: tableWidth
     } = bodyWidthRef;
     if (tableWidth === null) return;
-    if (props.maxHeight || props.flexHeight) {
-      if (!header) return;
+    if (header) {
       const directionHead = lastScrollLeft - header.scrollLeft;
       scrollPartRef.value = directionHead !== 0 ? "head" : "body";
       if (scrollPartRef.value === "head") {
@@ -69670,7 +69899,9 @@ function useScroll(props, {
     syncScrollState,
     handleTableBodyScroll,
     handleTableHeaderScroll,
-    setHeaderScrollLeft
+    setHeaderScrollLeft,
+    explicitlyScrollableRef,
+    xScrollableRef
   };
 }
 
@@ -70228,9 +70459,13 @@ var DataTable = defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const rtlEnabledRef = useRtl("DataTable", mergedRtlRef, mergedClsPrefixRef);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.DataTable?.size || "medium";
+    });
     const mergedBottomBorderedRef = computed(() => {
       const { bottomBordered } = props;
       if (mergedBorderedRef.value)
@@ -70313,6 +70548,13 @@ var DataTable = defineComponent({
       expandableRef,
       doUpdateExpandedRowKeys
     } = useExpand(props, treeMateRef);
+    const maxHeightRef = toRef(props, "maxHeight");
+    const mergedTableLayoutRef = computed(() => {
+      if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value) {
+        return "fixed";
+      }
+      return props.tableLayout;
+    });
     const {
       handleTableBodyScroll,
       handleTableHeaderScroll,
@@ -70325,20 +70567,20 @@ var DataTable = defineComponent({
       leftFixedColumnsRef,
       rightFixedColumnsRef,
       fixedColumnLeftMapRef,
-      fixedColumnRightMapRef
+      fixedColumnRightMapRef,
+      xScrollableRef,
+      explicitlyScrollableRef
     } = useScroll(props, {
       bodyWidthRef,
       mainTableInstRef,
-      mergedCurrentPageRef
+      mergedCurrentPageRef,
+      maxHeightRef,
+      mergedTableLayoutRef
     });
     const { localeRef } = useLocale("DataTable");
-    const mergedTableLayoutRef = computed(() => {
-      if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value) {
-        return "fixed";
-      }
-      return props.tableLayout;
-    });
     provide(dataTableInjectionKey, {
+      xScrollableRef,
+      explicitlyScrollableRef,
       props,
       treeMateRef,
       renderExpandIconRef: toRef(props, "renderExpandIcon"),
@@ -70404,7 +70646,7 @@ var DataTable = defineComponent({
       }),
       onLoadRef: toRef(props, "onLoad"),
       mergedTableLayoutRef,
-      maxHeightRef: toRef(props, "maxHeight"),
+      maxHeightRef,
       minHeightRef: toRef(props, "minHeight"),
       flexHeightRef: toRef(props, "flexHeight"),
       headerCheckboxDisabledRef,
@@ -70444,7 +70686,7 @@ var DataTable = defineComponent({
       }
     };
     const cssVarsRef = computed(() => {
-      const { size } = props;
+      const mergedSize = mergedSizeRef.value;
       const {
         common: { cubicBezierEaseInOut },
         self: {
@@ -70491,9 +70733,9 @@ var DataTable = defineComponent({
           tdColorStriped,
           tdColorStripedModal,
           tdColorStripedPopover,
-          [createKey("fontSize", size)]: fontSize,
-          [createKey("thPadding", size)]: thPadding,
-          [createKey("tdPadding", size)]: tdPadding
+          [createKey("fontSize", mergedSize)]: fontSize,
+          [createKey("thPadding", mergedSize)]: thPadding,
+          [createKey("tdPadding", mergedSize)]: tdPadding
         }
       } = themeRef.value;
       return {
@@ -70548,7 +70790,7 @@ var DataTable = defineComponent({
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass(
       "data-table",
-      computed(() => props.size[0]),
+      computed(() => mergedSizeRef.value[0]),
       cssVarsRef,
       props
     ) : void 0;
@@ -70821,6 +71063,8 @@ const TIME_FORMAT = "HH:mm:ss";
 const usePanelCommonProps = {
   active: Boolean,
   dateFormat: String,
+  fastYearSelect: Boolean,
+  fastMonthSelect: Boolean,
   calendarDayFormat: String,
   calendarHeaderYearFormat: String,
   calendarHeaderMonthFormat: String,
@@ -70849,6 +71093,8 @@ const usePanelCommonProps = {
   onTabOut: Function,
   onKeydown: Function,
   actions: Array,
+  onSelectYear: Function,
+  onSelectMonth: Function,
   onUpdateValue: {
     type: Function,
     required: true
@@ -71461,6 +71707,11 @@ var MonthPanel = defineComponent({
             ) && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`
           ],
           onClick: () => {
+            if (item.type === "year") {
+              props.onSelectYear?.();
+            } else if (item.type === "month") {
+              props.onSelectMonth?.();
+            }
             if (useAsQuickJump) {
               handleQuickMonthClick(item, (value) => {
                 props.onUpdateValue(value, false);
@@ -71661,6 +71912,8 @@ var PanelHeader = defineComponent({
       type: String,
       required: true
     },
+    fastYearSelect: Boolean,
+    fastMonthSelect: Boolean,
     calendarMonth: {
       type: String,
       required: true
@@ -71674,22 +71927,37 @@ var PanelHeader = defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(props) {
     const triggerRef = ref(null);
     const monthPanelRef = ref(null);
     const showRef = ref(false);
+    function toggleShow() {
+      showRef.value = !showRef.value;
+    }
+    function handleSelectYear() {
+      if (props.fastYearSelect) {
+        toggleShow();
+      }
+    }
+    function handleSelectMonth() {
+      if (props.fastMonthSelect) {
+        toggleShow();
+      }
+    }
     function handleClickOutside(e) {
       if (showRef.value && !triggerRef.value?.contains(getPreciseEventTarget(e))) {
         showRef.value = false;
       }
     }
     function handleHeaderClick() {
-      showRef.value = !showRef.value;
+      toggleShow();
     }
     return {
       show: showRef,
       triggerRef,
       monthPanelRef,
+      handleSelectYear,
+      handleSelectMonth,
       handleHeaderClick,
       handleClickOutside
     };
@@ -71733,6 +72001,8 @@ var PanelHeader = defineComponent({
                   {
                     ref: "monthPanelRef",
                     onUpdateValue: this.onUpdateValue,
+                    onSelectYear: this.handleSelectYear,
+                    onSelectMonth: this.handleSelectMonth,
                     actions: [],
                     calendarHeaderMonthYearSeparator: this.monthYearSeparator,
                     type: "month",
@@ -71825,6 +72095,8 @@ var DatePanel = defineComponent({
       ), /* @__PURE__ */ h(
         PanelHeader,
         {
+          fastYearSelect: this.fastYearSelect,
+          fastMonthSelect: this.fastMonthSelect,
           monthYearSeparator: this.calendarHeaderMonthYearSeparator,
           monthBeforeYear: this.calendarMonthBeforeYear,
           value: this.calendarValue,
@@ -72699,6 +72971,8 @@ var DaterangePanel = defineComponent({
         ), /* @__PURE__ */ h(
           PanelHeader,
           {
+            fastYearSelect: this.fastYearSelect,
+            fastMonthSelect: this.fastMonthSelect,
             monthYearSeparator: this.calendarHeaderMonthYearSeparator,
             monthBeforeYear: this.calendarMonthBeforeYear,
             value: this.startCalendarDateTime,
@@ -72792,6 +73066,8 @@ var DaterangePanel = defineComponent({
         ), /* @__PURE__ */ h(
           PanelHeader,
           {
+            fastYearSelect: this.fastYearSelect,
+            fastMonthSelect: this.fastMonthSelect,
             monthYearSeparator: this.calendarHeaderMonthYearSeparator,
             monthBeforeYear: this.calendarMonthBeforeYear,
             value: this.endCalendarDateTime,
@@ -74720,10 +74996,24 @@ var NTimePicker = defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const { localeRef, dateLocaleRef } = useLocale("TimePicker");
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.TimePicker?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const themeRef = useTheme(
       "TimePicker",
@@ -75594,6 +75884,8 @@ var DatetimePanel = defineComponent({
       ), /* @__PURE__ */ h(
         PanelHeader,
         {
+          fastYearSelect: this.fastYearSelect,
+          fastMonthSelect: this.fastMonthSelect,
           monthYearSeparator: this.calendarHeaderMonthYearSeparator,
           monthBeforeYear: this.calendarMonthBeforeYear,
           value: this.calendarValue,
@@ -75872,6 +76164,8 @@ var DatetimerangePanel = defineComponent({
         ), /* @__PURE__ */ h(
           PanelHeader,
           {
+            fastYearSelect: this.fastYearSelect,
+            fastMonthSelect: this.fastMonthSelect,
             monthYearSeparator: this.calendarHeaderMonthYearSeparator,
             monthBeforeYear: this.calendarMonthBeforeYear,
             value: this.startCalendarDateTime,
@@ -75968,6 +76262,8 @@ var DatetimerangePanel = defineComponent({
         ), /* @__PURE__ */ h(
           PanelHeader,
           {
+            fastYearSelect: this.fastYearSelect,
+            fastMonthSelect: this.fastMonthSelect,
             monthBeforeYear: this.calendarMonthBeforeYear,
             value: this.endCalendarDateTime,
             onUpdateValue: this.onUpdateEndCalendarValue,
@@ -76395,6 +76691,8 @@ const datePickerProps = {
     default: void 0
   },
   clearable: Boolean,
+  fastYearSelect: Boolean,
+  fastMonthSelect: Boolean,
   updateValueOnClose: Boolean,
   calendarDayFormat: String,
   calendarHeaderYearFormat: String,
@@ -77027,8 +77325,6 @@ var DatePicker = defineComponent({
       });
     }
     const { localeRef, dateLocaleRef } = useLocale("DatePicker");
-    const formItem = useFormItem(props);
-    const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const {
       mergedComponentPropsRef,
       mergedClsPrefixRef,
@@ -77036,6 +77332,21 @@ var DatePicker = defineComponent({
       namespaceRef,
       inlineThemeDisabled
     } = useConfig(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.DatePicker?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
+    const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const panelInstRef = ref(null);
     const triggerElRef = ref(null);
     const inputInstRef = ref(null);
@@ -77804,6 +78115,8 @@ var DatePicker = defineComponent({
       onPrevYear: this.onPrevYear,
       timePickerFormat: this.timePickerFormat,
       dateFormat: this.dateFormat,
+      fastYearSelect: this.fastYearSelect,
+      fastMonthSelect: this.fastMonthSelect,
       calendarDayFormat: this.calendarDayFormat,
       calendarHeaderYearFormat: this.calendarHeaderYearFormat,
       calendarHeaderMonthFormat: this.calendarHeaderMonthFormat,
@@ -78192,10 +78505,7 @@ const descriptionsProps = {
     type: String,
     default: ":"
   },
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   bordered: Boolean,
   labelClass: String,
   labelStyle: [Object, String],
@@ -78207,7 +78517,10 @@ var Descriptions = defineComponent({
   props: descriptionsProps,
   slots: Object,
   setup(props) {
-    const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+    const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Descriptions?.size || "medium";
+    });
     const themeRef = useTheme(
       "Descriptions",
       "-descriptions",
@@ -78217,7 +78530,8 @@ var Descriptions = defineComponent({
       mergedClsPrefixRef
     );
     const cssVarsRef = computed(() => {
-      const { size, bordered } = props;
+      const { bordered } = props;
+      const mergedSize = mergedSizeRef.value;
       const {
         common: { cubicBezierEaseInOut },
         self: {
@@ -78236,9 +78550,9 @@ var Descriptions = defineComponent({
           borderColorPopover,
           borderRadius,
           lineHeight,
-          [createKey("fontSize", size)]: fontSize,
-          [createKey(bordered ? "thPaddingBordered" : "thPadding", size)]: thPadding,
-          [createKey(bordered ? "tdPaddingBordered" : "tdPadding", size)]: tdPadding
+          [createKey("fontSize", mergedSize)]: fontSize,
+          [createKey(bordered ? "thPaddingBordered" : "thPadding", mergedSize)]: thPadding,
+          [createKey(bordered ? "tdPaddingBordered" : "tdPadding", mergedSize)]: tdPadding
         }
       } = themeRef.value;
       return {
@@ -78267,10 +78581,10 @@ var Descriptions = defineComponent({
       "descriptions",
       computed(() => {
         let hash = "";
-        const { size, bordered } = props;
+        const { bordered } = props;
         if (bordered)
           hash += "a";
-        hash += size[0];
+        hash += mergedSizeRef.value[0];
         return hash;
       }),
       cssVarsRef,
@@ -78282,7 +78596,8 @@ var Descriptions = defineComponent({
       themeClass: themeClassHandle?.themeClass,
       onRender: themeClassHandle?.onRender,
       compitableColumn: useCompitable(props, ["columns", "column"]),
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedSize: mergedSizeRef
     };
   },
   render() {
@@ -78295,7 +78610,7 @@ var Descriptions = defineComponent({
       compitableColumn,
       labelPlacement,
       labelAlign,
-      size,
+      mergedSize,
       bordered,
       title,
       cssVars,
@@ -78448,7 +78763,7 @@ var Descriptions = defineComponent({
           this.themeClass,
           `${mergedClsPrefix}-descriptions--${labelPlacement}-label-placement`,
           `${mergedClsPrefix}-descriptions--${labelAlign}-label-align`,
-          `${mergedClsPrefix}-descriptions--${size}-size`,
+          `${mergedClsPrefix}-descriptions--${mergedSize}-size`,
           bordered && `${mergedClsPrefix}-descriptions--bordered`
         ]
       },
@@ -79067,6 +79382,8 @@ function useDragModal(draggablePropsRef, options) {
     let prevMoveY = 0;
     let prevMoveX = 0;
     let mousedownEvent;
+    let rafId = null;
+    let pendingPosition = null;
     function handleMouseDown(event) {
       event.preventDefault();
       mousedownEvent = event;
@@ -79087,6 +79404,14 @@ function useDragModal(draggablePropsRef, options) {
       prevMoveY = +top.slice(0, -2);
       prevMoveX = +left.slice(0, -2);
     }
+    function updatePosition() {
+      if (pendingPosition) {
+        modal.style.top = `${pendingPosition.y}px`;
+        modal.style.left = `${pendingPosition.x}px`;
+        pendingPosition = null;
+      }
+      rafId = null;
+    }
     function handleMouseMove(event) {
       if (!mousedownEvent) return;
       const {
@@ -79109,20 +79434,37 @@ function useDragModal(draggablePropsRef, options) {
       }
       const x = moveX + prevMoveX;
       const y = moveY + prevMoveY;
-      modal.style.top = `${y}px`;
-      modal.style.left = `${x}px`;
+      pendingPosition = {
+        x,
+        y
+      };
+      if (!rafId) {
+        rafId = requestAnimationFrame(updatePosition);
+      }
     }
     function handleMouseUp() {
       mousedownEvent = void 0;
+      if (rafId) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+      if (pendingPosition) {
+        modal.style.top = `${pendingPosition.y}px`;
+        modal.style.left = `${pendingPosition.x}px`;
+        pendingPosition = null;
+      }
       options.onEnd(modal);
     }
     on("mousedown", header, handleMouseDown);
     on("mousemove", window, handleMouseMove);
     on("mouseup", window, handleMouseUp);
     cleanup = () => {
+      if (rafId) {
+        cancelAnimationFrame(rafId);
+      }
       off("mousedown", header, handleMouseDown);
-      on("mousemove", window, handleMouseMove);
-      on("mouseup", window, handleMouseUp);
+      off("mousemove", window, handleMouseMove);
+      off("mouseup", window, handleMouseUp);
     };
   }
   function stopDrag() {
@@ -80561,6 +80903,7 @@ const messageProps = {
   },
   closable: Boolean,
   keepAliveOnHover: Boolean,
+  spinProps: Object,
   onClose: Function,
   onMouseenter: Function,
   onMouseleave: Function
@@ -80817,7 +81160,12 @@ var NMessage = defineComponent({
             this.rtlEnabled && `${mergedClsPrefix}-message--rtl`
           ]
         },
-        (iconNode = createIconVNode(icon, type, mergedClsPrefix)) && showIcon ? /* @__PURE__ */ h(
+        (iconNode = createIconVNode(
+          icon,
+          type,
+          mergedClsPrefix,
+          this.spinProps
+        )) && showIcon ? /* @__PURE__ */ h(
           "div",
           {
             class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type`
@@ -80840,11 +81188,19 @@ var NMessage = defineComponent({
     );
   }
 });
-function createIconVNode(icon, type, clsPrefix) {
+function createIconVNode(icon, type, clsPrefix, spinProps) {
   if (typeof icon === "function") {
     return icon();
   } else {
-    const innerIcon = type === "loading" ? /* @__PURE__ */ h(NBaseLoading, { clsPrefix, strokeWidth: 24, scale: 0.85 }) : iconRenderMap$2[type]();
+    const innerIcon = type === "loading" ? /* @__PURE__ */ h(
+      NBaseLoading,
+      {
+        clsPrefix,
+        strokeWidth: 24,
+        scale: 0.85,
+        ...spinProps
+      }
+    ) : iconRenderMap$2[type]();
     if (!innerIcon)
       return null;
     return /* @__PURE__ */ h(NBaseIcon, { clsPrefix, key: type }, {
@@ -80954,6 +81310,7 @@ var MessageEnvironment = defineComponent({
               icon: this.icon,
               showIcon: this.showIcon,
               closable: this.closable,
+              spinProps: this.spinProps,
               onClose: this.handleClose,
               onMouseenter: this.keepAliveOnHover ? this.handleMouseenter : void 0,
               onMouseleave: this.keepAliveOnHover ? this.handleMouseleave : void 0
@@ -84247,10 +84604,7 @@ const spaceProps = {
   inline: Boolean,
   vertical: Boolean,
   reverse: Boolean,
-  size: {
-    type: [String, Number, Array],
-    default: "medium"
-  },
+  size: [String, Number, Array],
   wrapItem: {
     type: Boolean,
     default: true
@@ -84271,7 +84625,10 @@ var NSpace = defineComponent({
   name: "Space",
   props: spaceProps,
   setup(props) {
-    const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+    const { mergedClsPrefixRef, mergedRtlRef, mergedComponentPropsRef } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Space?.size || "medium";
+    });
     const themeRef = useTheme(
       "Space",
       "-space",
@@ -84286,7 +84643,7 @@ var NSpace = defineComponent({
       rtlEnabled: rtlEnabledRef,
       mergedClsPrefix: mergedClsPrefixRef,
       margin: computed(() => {
-        const { size } = props;
+        const size = mergedSizeRef.value;
         if (Array.isArray(size)) {
           return {
             horizontal: size[0],
@@ -84435,10 +84792,7 @@ var style$O = cB("dynamic-tags", [cB("input", {
 const dynamicTagsProps = {
   ...useTheme.props,
   ...commonProps,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   closable: {
     type: Boolean,
     default: true
@@ -84479,7 +84833,10 @@ var DynamicTags = defineComponent({
         }
       });
     }
-    const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+    const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.DynamicTags?.size || "medium";
+    });
     const { localeRef } = useLocale("DynamicTags");
     const formItem = useFormItem(props);
     const { mergedDisabledRef } = formItem;
@@ -84505,7 +84862,7 @@ var DynamicTags = defineComponent({
       return localeRef.value.add;
     });
     const inputSizeRef = computed(() => {
-      return smallerSize(props.size);
+      return smallerSize(mergedSizeRef.value);
     });
     const triggerDisabledRef = computed(() => {
       return mergedDisabledRef.value || !!props.max && mergedValueRef.value.length >= props.max;
@@ -84573,6 +84930,7 @@ var DynamicTags = defineComponent({
       inputInstRef,
       localizedAdd: localizedAddRef,
       inputSize: inputSizeRef,
+      mergedSize: mergedSizeRef,
       inputValue: inputValueRef,
       showInput: showInputRef,
       inputForceFocused: inputForceFocusedRef,
@@ -84611,7 +84969,7 @@ var DynamicTags = defineComponent({
             tagStyle,
             type,
             round,
-            size,
+            mergedSize,
             color,
             closable,
             mergedDisabled,
@@ -84640,7 +84998,7 @@ var DynamicTags = defineComponent({
                 style: tagStyle,
                 type,
                 round,
-                size,
+                size: mergedSize,
                 color,
                 closable,
                 disabled: mergedDisabled,
@@ -87522,6 +87880,14 @@ var Form = defineComponent({
         maxChildLabelWidthRef.value = currentWidth;
       }
     };
+    function invalidateLabelWidth() {
+      for (const key of keysOf(formItems)) {
+        const formItemInstances = formItems[key];
+        for (const formItemInstance of formItemInstances) {
+          formItemInstance.invalidateLabelWidth?.();
+        }
+      }
+    }
     async function validate(validateCallback, shouldRuleBeApplied = () => true) {
       return await new Promise(
         (resolve, reject) => {
@@ -87580,7 +87946,8 @@ var Form = defineComponent({
     provide(formItemInstsInjectionKey, { formItems });
     const formExposedMethod = {
       validate,
-      restoreValidation
+      restoreValidation,
+      invalidateLabelWidth
     };
     return Object.assign(formExposedMethod, {
       mergedClsPrefix: mergedClsPrefixRef
@@ -88826,10 +89193,15 @@ var style$K = cB("form-item", `
 
 function formItemSize(props) {
   const NForm = inject(formInjectionKey, null);
+  const {
+    mergedComponentPropsRef
+  } = useConfig(props);
   return {
     mergedSize: computed(() => {
       if (props.size !== void 0) return props.size;
       if (NForm?.props.size !== void 0) return NForm.props.size;
+      const configSize = mergedComponentPropsRef?.value?.Form?.size;
+      if (configSize) return configSize;
       return "medium";
     })
   };
@@ -89053,6 +89425,7 @@ function wrapValidator(validator, async) {
 var NFormItem = defineComponent({
   name: "FormItem",
   props: formItemProps,
+  slots: Object,
   setup(props) {
     useInjectionInstanceCollection(
       formItemInstsInjectionKey,
@@ -89076,6 +89449,7 @@ var NFormItem = defineComponent({
     } = formItemMiscRefs;
     const renderExplainsRef = ref([]);
     const feedbackIdRef = ref(createId());
+    const labelElementRef = ref(null);
     const mergedDisabledRef = NForm ? toRef(NForm.props, "disabled") : ref(false);
     const themeRef = useTheme(
       "Form",
@@ -89090,6 +89464,20 @@ var NFormItem = defineComponent({
         return;
       restoreValidation();
     });
+    function invalidateLabelWidth() {
+      if (!formItemMiscRefs.isAutoLabelWidth.value)
+        return;
+      const labelElement = labelElementRef.value;
+      if (labelElement !== null) {
+        const memoizedWhitespace = labelElement.style.whiteSpace;
+        labelElement.style.whiteSpace = "nowrap";
+        labelElement.style.width = "";
+        NForm?.deriveMaxChildLabelWidth(
+          Number(getComputedStyle(labelElement).width.slice(0, -2))
+        );
+        labelElement.style.whiteSpace = memoizedWhitespace;
+      }
+    }
     function restoreValidation() {
       renderExplainsRef.value = [];
       validationErroredRef.value = false;
@@ -89275,23 +89663,10 @@ var NFormItem = defineComponent({
     const exposedRef = {
       validate,
       restoreValidation,
-      internalValidate
+      internalValidate,
+      invalidateLabelWidth
     };
-    const labelElementRef = ref(null);
-    onMounted(() => {
-      if (!formItemMiscRefs.isAutoLabelWidth.value)
-        return;
-      const labelElement = labelElementRef.value;
-      if (labelElement !== null) {
-        const memoizedWhitespace = labelElement.style.whiteSpace;
-        labelElement.style.whiteSpace = "nowrap";
-        labelElement.style.width = "";
-        NForm?.deriveMaxChildLabelWidth(
-          Number(getComputedStyle(labelElement).width.slice(0, -2))
-        );
-        labelElement.style.whiteSpace = memoizedWhitespace;
-      }
-    });
+    onMounted(invalidateLabelWidth);
     const cssVarsRef = computed(() => {
       const { value: size } = mergedSizeRef;
       const { value: labelPlacement } = labelPlacementRef;
@@ -89805,6 +90180,7 @@ var FormItemGridItem = defineComponent({
   name: "FormItemGridItem",
   alias: ["FormItemGi"],
   props: formItemGiProps,
+  slots: Object,
   setup() {
     const formItemInstRef = ref(null);
     const validate = (...args) => {
@@ -92615,7 +92991,12 @@ var InputNumber = defineComponent({
         }
       });
     }
-    const { mergedBorderedRef, mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+    const {
+      mergedBorderedRef,
+      mergedClsPrefixRef,
+      mergedRtlRef,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const themeRef = useTheme(
       "InputNumber",
       "-input-number",
@@ -92625,7 +93006,20 @@ var InputNumber = defineComponent({
       mergedClsPrefixRef
     );
     const { localeRef } = useLocale("InputNumber");
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.InputNumber?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const inputInstRef = ref(null);
     const minusButtonInstRef = ref(null);
@@ -93255,7 +93649,12 @@ var InputOtp = defineComponent({
   props: inputOtpProps,
   slots: Object,
   setup(props) {
-    const { mergedClsPrefixRef, mergedRtlRef, inlineThemeDisabled } = useConfig(props);
+    const {
+      mergedClsPrefixRef,
+      mergedRtlRef,
+      inlineThemeDisabled,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const themeRef = useTheme(
       "InputOtp",
       "-input-otp",
@@ -93265,7 +93664,20 @@ var InputOtp = defineComponent({
       mergedClsPrefixRef
     );
     const rtlEnabledRef = useRtl("InputOtp", mergedRtlRef, mergedClsPrefixRef);
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.InputOtp?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const cssVarsRef = computed(() => {
       const { value: size } = mergedSizeRef;
@@ -94945,8 +95357,12 @@ var NTransferList$1 = defineComponent({
   },
   setup() {
     const { mergedThemeRef, mergedClsPrefixRef } = inject(transferInjectionKey$1);
+    const { mergedComponentPropsRef } = useConfig();
     const scrollerInstRef = ref(null);
     const vlInstRef = ref(null);
+    const mergedRenderEmptyRef = computed(() => {
+      return mergedComponentPropsRef?.value?.Transfer?.renderEmpty;
+    });
     function syncVLScroller() {
       scrollerInstRef.value?.sync();
     }
@@ -94967,6 +95383,7 @@ var NTransferList$1 = defineComponent({
     return {
       mergedTheme: mergedThemeRef,
       mergedClsPrefix: mergedClsPrefixRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       scrollerInstRef,
       vlInstRef,
       syncVLScroller,
@@ -95046,7 +95463,7 @@ var NTransferList$1 = defineComponent({
         css: !this.isInputing
       },
       {
-        default: () => this.options.length ? null : /* @__PURE__ */ h(
+        default: () => this.options.length ? null : this.mergedRenderEmpty?.() || /* @__PURE__ */ h(
           NEmpty,
           {
             theme: mergedTheme.peers.Empty,
@@ -95807,7 +96224,8 @@ var NLogLoader = defineComponent({
     clsPrefix: {
       type: String,
       required: true
-    }
+    },
+    spinProps: Object
   },
   setup() {
     return {
@@ -95816,7 +96234,15 @@ var NLogLoader = defineComponent({
   },
   render() {
     const { clsPrefix } = this;
-    return /* @__PURE__ */ h("div", { class: `${clsPrefix}-log-loader` }, /* @__PURE__ */ h(NBaseLoading, { clsPrefix, strokeWidth: 24, scale: 0.85 }), /* @__PURE__ */ h("span", { class: `${clsPrefix}-log-loader__content` }, this.locale.loading));
+    return /* @__PURE__ */ h("div", { class: `${clsPrefix}-log-loader` }, /* @__PURE__ */ h(
+      NBaseLoading,
+      {
+        clsPrefix,
+        strokeWidth: 24,
+        scale: 0.85,
+        ...this.spinProps
+      }
+    ), /* @__PURE__ */ h("span", { class: `${clsPrefix}-log-loader__content` }, this.locale.loading));
   }
 });
 
@@ -95896,6 +96322,7 @@ const logProps = {
     default: 0
   },
   hljs: Object,
+  spinProps: Object,
   onReachTop: Function,
   onReachBottom: Function,
   onRequireMore: Function
@@ -96112,7 +96539,13 @@ var Log = defineComponent({
           }
         ),
         /* @__PURE__ */ h(Transition, { name: "fade-in-scale-up-transition" }, {
-          default: () => this.loading ? /* @__PURE__ */ h(NLogLoader, { clsPrefix: mergedClsPrefix }) : null
+          default: () => this.loading ? /* @__PURE__ */ h(
+            NLogLoader,
+            {
+              clsPrefix: mergedClsPrefix,
+              spinProps: this.spinProps
+            }
+          ) : null
         })
       ]
     );
@@ -96242,13 +96675,15 @@ var Marquee = defineComponent({
       repeatCountInOneGroup,
       handleAnimationIteration
     } = this;
-    const originalNode = /* @__PURE__ */ h(VResizeObserver, { onResize: this.handleContentResize }, /* @__PURE__ */ h(
-      "div",
-      {
-        class: `${mergedClsPrefix}-marquee__item ${mergedClsPrefix}-marquee__original-item`
-      },
-      $slots
-    ));
+    const originalNode = /* @__PURE__ */ h(VResizeObserver, { onResize: this.handleContentResize }, {
+      default: () => /* @__PURE__ */ h(
+        "div",
+        {
+          class: `${mergedClsPrefix}-marquee__item ${mergedClsPrefix}-marquee__original-item`
+        },
+        $slots
+      )
+    });
     const mirrorNode = /* @__PURE__ */ h("div", { class: `${mergedClsPrefix}-marquee__item` }, $slots);
     if (this.autoFill) {
       return /* @__PURE__ */ h(VResizeObserver, { onResize: this.handleContainerResize }, {
@@ -96464,6 +96899,7 @@ const mentionProps = {
   onSelect: Function,
   onFocus: Function,
   onBlur: Function,
+  scrollbarProps: Object,
   // private
   internalDebug: Boolean
 };
@@ -96476,7 +96912,8 @@ var Mention = defineComponent({
       namespaceRef,
       mergedClsPrefixRef,
       mergedBorderedRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme(
       "Mention",
@@ -96486,7 +96923,20 @@ var Mention = defineComponent({
       props,
       mergedClsPrefixRef
     );
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Mention?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const inputInstRef = ref(null);
     const cursorRef = ref(null);
     const followerRef = ref(null);
@@ -96806,7 +97256,8 @@ var Mention = defineComponent({
                       virtualScroll: false,
                       style: this.cssVars,
                       onToggle: this.handleSelect,
-                      renderLabel: this.renderLabel
+                      renderLabel: this.renderLabel,
+                      scrollbarProps: this.scrollbarProps
                     },
                     $slots
                   ) : null;
@@ -100761,10 +101212,7 @@ const rateProps = {
     default: null
   },
   readonly: Boolean,
-  size: {
-    type: [String, Number],
-    default: "medium"
-  },
+  size: [String, Number],
   clearable: Boolean,
   color: String,
   onClear: Function,
@@ -100775,7 +101223,7 @@ var Rate = defineComponent({
   name: "Rate",
   props: rateProps,
   setup(props) {
-    const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+    const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
     const themeRef = useTheme(
       "Rate",
       "-rate",
@@ -100787,7 +101235,19 @@ var Rate = defineComponent({
     const controlledValueRef = toRef(props, "value");
     const uncontrolledValueRef = ref(props.defaultValue);
     const hoverIndexRef = ref(null);
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize(NFormItem) {
+        if (props.size !== void 0)
+          return props.size;
+        if (NFormItem) {
+          return NFormItem.mergedSize.value;
+        }
+        const configSize = mergedComponentPropsRef?.value?.Rate?.size;
+        if (configSize !== void 0)
+          return configSize;
+        return "medium";
+      }
+    });
     const mergedValue = useMergedState(controlledValueRef, uncontrolledValueRef);
     function doUpdateValue(value) {
       const { "onUpdate:value": _onUpdateValue, onUpdateValue } = props;
@@ -100837,8 +101297,9 @@ var Rate = defineComponent({
     function handleMouseEnterSomeStar() {
       cleared = false;
     }
+    const { mergedSizeRef: _mergedSizeRef } = formItem;
     const mergedSizeRef = computed(() => {
-      const { size } = props;
+      const size = _mergedSizeRef.value;
       const { self } = themeRef.value;
       if (typeof size === "number") {
         return `${size}px`;
@@ -101074,10 +101535,7 @@ const iconRenderMap = {
 };
 const resultProps = {
   ...useTheme.props,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   status: {
     type: String,
     default: "info"
@@ -101090,7 +101548,10 @@ var Result = defineComponent({
   props: resultProps,
   slots: Object,
   setup(props) {
-    const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+    const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Result?.size || "medium";
+    });
     const themeRef = useTheme(
       "Result",
       "-result",
@@ -101100,7 +101561,8 @@ var Result = defineComponent({
       mergedClsPrefixRef
     );
     const cssVarsRef = computed(() => {
-      const { size, status } = props;
+      const { status } = props;
+      const size = mergedSizeRef.value;
       const {
         common: { cubicBezierEaseInOut },
         self: {
@@ -101129,7 +101591,8 @@ var Result = defineComponent({
     const themeClassHandle = inlineThemeDisabled ? useThemeClass(
       "result",
       computed(() => {
-        const { size, status } = props;
+        const { status } = props;
+        const size = mergedSizeRef.value;
         let hash = "";
         if (size) {
           hash += size[0];
@@ -101300,7 +101763,10 @@ var Skeleton = defineComponent({
   props: skeletonProps,
   setup(props) {
     useHoudini();
-    const { mergedClsPrefixRef } = useConfig(props);
+    const { mergedClsPrefixRef, mergedComponentPropsRef } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Skeleton?.size;
+    });
     const themeRef = useTheme(
       "Skeleton",
       "-skeleton",
@@ -101319,9 +101785,10 @@ var Skeleton = defineComponent({
         const selfThemeVars = theme.self;
         const { color, colorEnd, borderRadius } = selfThemeVars;
         let sizeHeight;
-        const { circle, sharp, round, width, height, size, text, animated } = props;
-        if (size !== void 0) {
-          sizeHeight = selfThemeVars[createKey("height", size)];
+        const { circle, sharp, round, width, height, text, animated } = props;
+        const mergedSize = mergedSizeRef.value;
+        if (mergedSize !== void 0) {
+          sizeHeight = selfThemeVars[createKey("height", mergedSize)];
         }
         const mergedWidth = circle ? width ?? height ?? sizeHeight : width;
         const mergedHeight = (circle ? width ?? height : height) ?? sizeHeight;
@@ -102315,7 +102782,6 @@ const spinProps = {
   contentClass: String,
   contentStyle: [Object, String],
   description: String,
-  stroke: String,
   size: {
     type: [String, Number],
     default: "medium"
@@ -102324,7 +102790,6 @@ const spinProps = {
     type: Boolean,
     default: true
   },
-  strokeWidth: Number,
   rotate: {
     type: Boolean,
     default: true
@@ -102336,7 +102801,8 @@ const spinProps = {
     },
     default: void 0
   },
-  delay: Number
+  delay: Number,
+  ...exposedLoadingProps
 };
 var Spin = defineComponent({
   name: "Spin",
@@ -102441,6 +102907,8 @@ var Spin = defineComponent({
         style: $slots.default ? "" : this.cssVars,
         stroke: this.stroke,
         "stroke-width": this.mergedStrokeWidth,
+        radius: this.radius,
+        scale: this.scale,
         class: `${mergedClsPrefix}-spin`
       }
     ), descriptionNode);
@@ -103345,10 +103813,7 @@ var style$g = cB("switch", `
 
 const switchProps = {
   ...useTheme.props,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   value: {
     type: [String, Number, Boolean],
     default: void 0
@@ -103381,6 +103846,7 @@ const switchProps = {
     type: Boolean,
     default: true
   },
+  spinProps: Object,
   /** @deprecated */
   onChange: [Function, Array]
 };
@@ -103411,7 +103877,7 @@ var Switch = defineComponent({
         supportCssMax = true;
       }
     }
-    const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+    const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
     const themeRef = useTheme(
       "Switch",
       "-switch",
@@ -103420,7 +103886,19 @@ var Switch = defineComponent({
       props,
       mergedClsPrefixRef
     );
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize(NFormItem) {
+        if (props.size !== void 0)
+          return props.size;
+        if (NFormItem) {
+          return NFormItem.mergedSize.value;
+        }
+        const configSize = mergedComponentPropsRef?.value?.Switch?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef } = formItem;
     const uncontrolledValueRef = ref(props.defaultValue);
     const controlledValueRef = toRef(props, "value");
@@ -103665,7 +104143,8 @@ var Switch = defineComponent({
               {
                 key: "loading",
                 clsPrefix: mergedClsPrefix,
-                strokeWidth: 20
+                strokeWidth: 20,
+                ...this.spinProps
               }
             ) : this.checked && (checkedIcon || icon) ? /* @__PURE__ */ h(
               "div",
@@ -103802,16 +104281,21 @@ const tableProps = {
   },
   striped: Boolean,
   singleColumn: Boolean,
-  size: {
-    type: String,
-    default: "medium"
-  }
+  size: String
 };
 var Table = defineComponent({
   name: "Table",
   props: tableProps,
   setup(props) {
-    const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled,
+      mergedRtlRef,
+      mergedComponentPropsRef
+    } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      return props.size || mergedComponentPropsRef?.value?.Table?.size || "medium";
+    });
     const themeRef = useTheme(
       "Table",
       "-table",
@@ -103822,7 +104306,7 @@ var Table = defineComponent({
     );
     const rtlEnabledRef = useRtl("Table", mergedRtlRef, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
-      const { size } = props;
+      const size = mergedSizeRef.value;
       const {
         self: {
           borderColor,
@@ -103875,7 +104359,7 @@ var Table = defineComponent({
     const themeClassHandle = inlineThemeDisabled ? useThemeClass(
       "table",
       computed(() => {
-        return props.size[0];
+        return mergedSizeRef.value[0];
       }),
       cssVarsRef,
       props
@@ -104512,10 +104996,7 @@ const tabsProps = {
   },
   closable: Boolean,
   justifyContent: String,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   placement: {
     type: String,
     default: "top"
@@ -104572,7 +105053,7 @@ var Tabs = defineComponent({
         }
       });
     }
-    const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+    const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
     const themeRef = useTheme(
       "Tabs",
       "-tabs",
@@ -104592,6 +105073,14 @@ var Tabs = defineComponent({
     const startReachedRef = ref(true);
     const endReachedRef = ref(true);
     const compitableSizeRef = useCompitable(props, ["labelSize", "size"]);
+    const mergedSizeRef = computed(() => {
+      if (compitableSizeRef.value)
+        return compitableSizeRef.value;
+      const configSize = mergedComponentPropsRef?.value?.Tabs?.size;
+      if (configSize)
+        return configSize;
+      return "medium";
+    });
     const compitableValueRef = useCompitable(props, ["activeName", "value"]);
     const uncontrolledValueRef = ref(
       compitableValueRef.value ?? props.defaultValue ?? (slots.default ? flatten$2(slots.default())[0]?.props?.name : null)
@@ -105033,7 +105522,7 @@ var Tabs = defineComponent({
       });
     };
     const cssVarsRef = computed(() => {
-      const { value: size } = compitableSizeRef;
+      const { value: size } = mergedSizeRef;
       const { type } = props;
       const typeSuffix = {
         card: "Card",
@@ -105113,7 +105602,7 @@ var Tabs = defineComponent({
     const themeClassHandle = inlineThemeDisabled ? useThemeClass(
       "tabs",
       computed(() => {
-        return `${compitableSizeRef.value[0]}${props.type[0]}`;
+        return `${mergedSizeRef.value[0]}${props.type[0]}`;
       }),
       cssVarsRef,
       props
@@ -105132,7 +105621,7 @@ var Tabs = defineComponent({
       addTabFixed: addTabFixedRef,
       tabWrapperStyle: tabWrapperStyleRef,
       handleNavResize,
-      mergedSize: compitableSizeRef,
+      mergedSize: mergedSizeRef,
       handleScroll,
       handleTabsResize,
       cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
@@ -106299,8 +106788,12 @@ var NTransferList = defineComponent({
   },
   setup() {
     const { mergedThemeRef, mergedClsPrefixRef } = inject(transferInjectionKey);
+    const { mergedComponentPropsRef } = useConfig();
     const scrollerInstRef = ref(null);
     const vlInstRef = ref(null);
+    const mergedRenderEmptyRef = computed(() => {
+      return mergedComponentPropsRef?.value?.Transfer?.renderEmpty;
+    });
     function syncVLScroller() {
       scrollerInstRef.value?.sync();
     }
@@ -106321,6 +106814,7 @@ var NTransferList = defineComponent({
     return {
       mergedTheme: mergedThemeRef,
       mergedClsPrefix: mergedClsPrefixRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       scrollerInstRef,
       vlInstRef,
       syncVLScroller,
@@ -106331,7 +106825,7 @@ var NTransferList = defineComponent({
   render() {
     const { mergedTheme, options } = this;
     if (options.length === 0) {
-      return /* @__PURE__ */ h(
+      return this.mergedRenderEmpty?.() || /* @__PURE__ */ h(
         NEmpty,
         {
           theme: mergedTheme.peers.Empty,
@@ -106587,7 +107081,7 @@ var Transfer = defineComponent({
         }
       });
     }
-    const { mergedClsPrefixRef } = useConfig(props);
+    const { mergedClsPrefixRef, mergedComponentPropsRef } = useConfig(props);
     const themeRef = useTheme(
       "Transfer",
       "-transfer",
@@ -106596,7 +107090,20 @@ var Transfer = defineComponent({
       props,
       mergedClsPrefixRef
     );
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Transfer?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef } = formItem;
     const itemSizeRef = computed(() => {
       const { value: size } = mergedSizeRef;
@@ -107220,7 +107727,10 @@ var NTreeNodeSwitcher = defineComponent({
     }
   },
   setup(props) {
-    const { renderSwitcherIconRef } = inject(treeInjectionKey, null);
+    const { renderSwitcherIconRef, spinPropsRef } = inject(
+      treeInjectionKey,
+      null
+    );
     return () => {
       const { clsPrefix, expanded, hide, indent, onClick } = props;
       return /* @__PURE__ */ h(
@@ -107244,7 +107754,8 @@ var NTreeNodeSwitcher = defineComponent({
                   clsPrefix,
                   key: "loading",
                   radius: 85,
-                  strokeWidth: 20
+                  strokeWidth: 20,
+                  ...spinPropsRef?.value
                 }
               );
             }
@@ -108151,6 +108662,7 @@ const treeProps = {
     type: String,
     default: "all"
   },
+  spinProps: Object,
   /**
    * @deprecated
    */
@@ -108171,7 +108683,12 @@ var NTree = defineComponent({
         }
       });
     }
-    const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
+    const {
+      mergedClsPrefixRef,
+      inlineThemeDisabled,
+      mergedRtlRef,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const rtlEnabledRef = useRtl("Tree", mergedRtlRef, mergedClsPrefixRef);
     const themeRef = useTheme(
       "Tree",
@@ -108181,6 +108698,9 @@ var NTree = defineComponent({
       props,
       mergedClsPrefixRef
     );
+    const mergedRenderEmptyRef = computed(() => {
+      return mergedComponentPropsRef?.value?.Tree?.renderEmpty;
+    });
     const selfElRef = ref(null);
     const scrollbarInstRef = ref(null);
     const virtualListInstRef = ref(null);
@@ -109165,6 +109685,7 @@ var NTree = defineComponent({
         props,
         "overrideDefaultNodeClickBehavior"
       ),
+      spinPropsRef: toRef(props, "spinProps"),
       handleSwitcherClick,
       handleDragEnd,
       handleDragEnter,
@@ -109254,6 +109775,7 @@ var NTree = defineComponent({
       ...exposedMethods,
       mergedClsPrefix: mergedClsPrefixRef,
       mergedTheme: themeRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       rtlEnabled: rtlEnabledRef,
       fNodes: mergedFNodesRef,
       aip: aipRef,
@@ -109341,16 +109863,18 @@ var NTree = defineComponent({
         {
           default: () => {
             this.onRender?.();
-            return !fNodes.length ? resolveSlot(this.$slots.empty, () => [
-              /* @__PURE__ */ h(
-                NEmpty,
-                {
-                  class: `${mergedClsPrefix}-tree__empty`,
-                  theme: this.mergedTheme.peers.Empty,
-                  themeOverrides: this.mergedTheme.peerOverrides.Empty
-                }
-              )
-            ]) : /* @__PURE__ */ h(
+            return !fNodes.length ? resolveSlot(this.$slots.empty, () => {
+              return [
+                this.mergedRenderEmpty?.() || /* @__PURE__ */ h(
+                  NEmpty,
+                  {
+                    class: `${mergedClsPrefix}-tree__empty`,
+                    theme: this.mergedTheme.peers.Empty,
+                    themeOverrides: this.mergedTheme.peerOverrides.Empty
+                  }
+                )
+              ];
+            }) : /* @__PURE__ */ h(
               VVirtualList,
               {
                 ref: "virtualListInstRef",
@@ -109418,16 +109942,18 @@ var NTree = defineComponent({
           onFocusout: mergedFocusable ? handleFocusout : void 0,
           onDragleave: draggable ? this.handleDragLeaveTree : void 0
         },
-        !fNodes.length ? resolveSlot(this.$slots.empty, () => [
-          /* @__PURE__ */ h(
-            NEmpty,
-            {
-              class: `${mergedClsPrefix}-tree__empty`,
-              theme: this.mergedTheme.peers.Empty,
-              themeOverrides: this.mergedTheme.peerOverrides.Empty
-            }
-          )
-        ]) : fNodes.map(createNode)
+        !fNodes.length ? resolveSlot(this.$slots.empty, () => {
+          return [
+            this.mergedRenderEmpty?.() || /* @__PURE__ */ h(
+              NEmpty,
+              {
+                class: `${mergedClsPrefix}-tree__empty`,
+                theme: this.mergedTheme.peers.Empty,
+                themeOverrides: this.mergedTheme.peerOverrides.Empty
+              }
+            )
+          ];
+        }) : fNodes.map(createNode)
       );
     }
   }
@@ -109523,6 +110049,7 @@ const treeSelectProps = {
   loading: Boolean,
   maxTagCount: [String, Number],
   multiple: Boolean,
+  showLine: Boolean,
   showPath: Boolean,
   separator: {
     type: String,
@@ -109590,7 +110117,12 @@ var TreeSelect = defineComponent({
     const triggerInstRef = ref(null);
     const treeInstRef = ref(null);
     const menuElRef = ref(null);
-    const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = useConfig(props);
+    const {
+      mergedClsPrefixRef,
+      namespaceRef,
+      inlineThemeDisabled,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const { localeRef } = useLocale("Select");
     const {
       mergedSizeRef,
@@ -109600,7 +110132,20 @@ var TreeSelect = defineComponent({
       nTriggerFormChange,
       nTriggerFormFocus,
       nTriggerFormInput
-    } = useFormItem(props);
+    } = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.TreeSelect?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const uncontrolledValueRef = ref(props.defaultValue);
     const controlledValueRef = toRef(props, "value");
     const mergedValueRef = useMergedState(
@@ -110081,6 +110626,9 @@ var TreeSelect = defineComponent({
       props,
       mergedClsPrefixRef
     );
+    const mergedRenderEmptyRef = computed(() => {
+      return mergedComponentPropsRef?.value?.TreeSelect?.renderEmpty;
+    });
     const cssVarsRef = computed(() => {
       const {
         common: { cubicBezierEaseInOut },
@@ -110164,6 +110712,7 @@ var TreeSelect = defineComponent({
       handleTabOut,
       handleMenuMousedown,
       mergedTheme: themeRef,
+      mergedRenderEmpty: mergedRenderEmptyRef,
       cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
       themeClass: themeClassHandle?.themeClass,
       onRender: themeClassHandle?.onRender
@@ -110306,6 +110855,7 @@ var TreeSelect = defineComponent({
                           cascade: this.mergedCascade,
                           leafOnly: this.leafOnly,
                           multiple: this.multiple,
+                          showLine: this.showLine,
                           renderLabel: this.renderLabel,
                           renderPrefix: this.renderPrefix,
                           renderSuffix: this.renderSuffix,
@@ -110325,15 +110875,17 @@ var TreeSelect = defineComponent({
                             {
                               class: `${mergedClsPrefix2}-tree-select-menu__empty`
                             },
-                            resolveSlot($slots.empty, () => [
-                              /* @__PURE__ */ h(
-                                NEmpty,
-                                {
-                                  theme: mergedTheme.peers.Empty,
-                                  themeOverrides: mergedTheme.peerOverrides.Empty
-                                }
-                              )
-                            ])
+                            resolveSlot($slots.empty, () => {
+                              return [
+                                this.mergedRenderEmpty?.() || /* @__PURE__ */ h(
+                                  NEmpty,
+                                  {
+                                    theme: mergedTheme.peers.Empty,
+                                    themeOverrides: mergedTheme.peerOverrides.Empty
+                                  }
+                                )
+                              ];
+                            })
                           ),
                           onLoad: this.onLoad,
                           onUpdateCheckedKeys: this.handleUpdateCheckedKeys,
@@ -111564,7 +112116,7 @@ var NUploadFile = defineComponent({
           return;
         }
       }
-      NUpload.submit(props.file.id);
+      NUpload.submit({ fileId: props.file.id });
     }
     function handleRemoveOrCancelClick(e) {
       e.preventDefault();
@@ -112392,7 +112944,10 @@ var Upload = defineComponent({
         }
       });
     }
-    function submit(fileId) {
+    function submit({
+      fileId,
+      retry = false
+    } = {}) {
       const {
         method,
         action,
@@ -112402,7 +112957,7 @@ var Upload = defineComponent({
         name: fieldName
       } = props;
       const filesToUpload = fileId !== void 0 ? mergedFileListRef.value.filter((file) => file.id === fileId) : mergedFileListRef.value;
-      const shouldReupload = fileId !== void 0;
+      const shouldReupload = retry || fileId !== void 0;
       filesToUpload.forEach((file) => {
         const { status } = file;
         if (status === "pending" || status === "error" && shouldReupload) {
@@ -113338,7 +113893,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.43.2";
+var version = "2.44.1";
 
 function create({
   componentPrefix = "N",