naive-ui 2.43.2 → 2.44.1

package/dist/index.js

@@ -33895,6 +33895,14 @@
       stroke: {
         type: String,
         default: void 0
+      },
+      scale: {
+        type: Number,
+        default: 1
+      },
+      radius: {
+        type: Number,
+        default: 100
       }
     };
     var NBaseLoading = vue.defineComponent({
@@ -33908,14 +33916,6 @@
           type: Boolean,
           default: true
         },
-        scale: {
-          type: Number,
-          default: 1
-        },
-        radius: {
-          type: Number,
-          default: 100
-        },
         ...exposedLoadingProps
       },
       setup(props) {
@@ -34559,6 +34559,7 @@
       onResize: Function,
       internalOnUpdateScrollLeft: Function,
       internalHoistYRail: Boolean,
+      internalExposeWidthCssVar: Boolean,
       yPlacement: {
         type: String,
         default: "right"
@@ -35129,6 +35130,7 @@
           handleContainerResize,
           handleYScrollMouseDown,
           handleXScrollMouseDown,
+          containerWidth: containerWidthRef,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
           themeClass: themeClassHandle?.themeClass,
           onRender: themeClassHandle?.onRender
@@ -35208,7 +35210,10 @@
                     `${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
                 },
@@ -36636,11 +36641,12 @@
           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,
@@ -36742,6 +36748,9 @@
           const tmNodes = flattenedNodesRef.value;
           return tmNodes && tmNodes.length === 0;
         });
+        const mergedRenderEmptyRef = vue.computed(() => {
+          return mergedComponentPropsRef?.value?.Select?.renderEmpty;
+        });
         function doToggle(tmNode) {
           const { onToggle } = props;
           if (onToggle)
@@ -36931,6 +36940,7 @@
           padding: paddingRef,
           flattenedNodes: flattenedNodesRef,
           empty: emptyRef,
+          mergedRenderEmpty: mergedRenderEmptyRef,
           virtualListContainer() {
             const { value } = virtualListRef;
             return value?.listElRef;
@@ -36970,6 +36980,7 @@
             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`
@@ -37004,7 +37015,8 @@
               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: () => {
@@ -37072,16 +37084,18 @@
                 );
               }
             }
-          ) : /* @__PURE__ */ vue.h("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true }, resolveSlot($slots.empty, () => [
-            /* @__PURE__ */ vue.h(
-              NEmpty,
-              {
-                theme: mergedTheme.peers.Empty,
-                themeOverrides: mergedTheme.peerOverrides.Empty,
-                size: this.size
-              }
-            )
-          ])),
+          ) : /* @__PURE__ */ vue.h("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true }, resolveSlot($slots.empty, () => {
+            return [
+              this.mergedRenderEmpty?.() || /* @__PURE__ */ vue.h(
+                NEmpty,
+                {
+                  theme: mergedTheme.peers.Empty,
+                  themeOverrides: mergedTheme.peerOverrides.Empty,
+                  size: this.size
+                }
+              )
+            ];
+          })),
           resolveWrappedSlot(
             $slots.action,
             (children) => children && [
@@ -38630,10 +38644,7 @@
         default: "default"
       },
       round: Boolean,
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       closable: Boolean,
       disabled: {
         type: Boolean,
@@ -38762,8 +38773,12 @@
           mergedBorderedRef,
           mergedClsPrefixRef,
           inlineThemeDisabled,
-          mergedRtlRef
+          mergedRtlRef,
+          mergedComponentPropsRef
         } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Tag?.size || "medium";
+        });
         const themeRef = useTheme(
           "Tag",
           "-tag",
@@ -38812,7 +38827,8 @@
         };
         const rtlEnabledRef = useRtl("Tag", mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = vue.computed(() => {
-          const { type, size, color: { color, textColor } = {} } = props;
+          const { type, color: { color, textColor } = {} } = props;
+          const size = mergedSizeRef.value;
           const {
             common: { cubicBezierEaseInOut },
             self: {
@@ -38889,9 +38905,9 @@
           "tag",
           vue.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)}`;
             }
@@ -42617,7 +42633,8 @@
           mergedClsPrefixRef,
           mergedBorderedRef,
           inlineThemeDisabled,
-          mergedRtlRef
+          mergedRtlRef,
+          mergedComponentPropsRef
         } = useConfig(props);
         const themeRef = useTheme(
           "Input",
@@ -42646,7 +42663,20 @@
           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 = vue.ref(false);
         const hoverRef = vue.ref(false);
@@ -43401,6 +43431,7 @@
             ref: "wrapperElRef",
             class: [
               `${mergedClsPrefix}-input`,
+              `${mergedClsPrefix}-input--${this.mergedSize}-size`,
               themeClass,
               mergedStatus && `${mergedClsPrefix}-input--${mergedStatus}-status`,
               {
@@ -43783,9 +43814,12 @@
       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",
@@ -43794,6 +43828,19 @@
           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 = vue.computed(() => {
           const { value: size } = mergedSizeRef;
           const {
@@ -43821,10 +43868,7 @@
         });
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
           "input-group-label",
-          vue.computed(() => {
-            const { value: size } = mergedSizeRef;
-            return size[0];
-          }),
+          vue.computed(() => mergedSizeRef.value[0]),
           cssVarsRef,
           props
         ) : void 0;
@@ -44030,6 +44074,7 @@
       onSelect: [Function, Array],
       onBlur: [Function, Array],
       onFocus: [Function, Array],
+      scrollbarProps: Object,
       // deprecated
       onInput: [Function, Array]
     };
@@ -44052,9 +44097,23 @@
           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 = vue.ref(null);
         const menuInstRef = vue.ref(null);
@@ -44356,7 +44415,8 @@
                               renderLabel: this.renderLabel,
                               renderOption: this.renderOption,
                               size: "medium",
-                              onToggle: this.handleToggle
+                              onToggle: this.handleToggle,
+                              scrollbarProps: this.scrollbarProps
                             },
                             { empty: () => this.$slots.empty?.() }
                           ),
@@ -45842,6 +45902,10 @@
         type: Boolean,
         default: true
       },
+      showSeparator: {
+        type: Boolean,
+        default: true
+      },
       onClick: Function
     };
     var BreadcrumbItem = vue.defineComponent({
@@ -45885,7 +45949,7 @@
               },
               slots
             ),
-            /* @__PURE__ */ vue.h(
+            props.showSeparator && /* @__PURE__ */ vue.h(
               "span",
               {
                 class: `${mergedClsPrefix}-breadcrumb-item__separator`,
@@ -46402,7 +46466,8 @@
       nativeFocusBehavior: {
         type: Boolean,
         default: !isSafari
-      }
+      },
+      spinProps: Object
     };
     const Button = vue.defineComponent({
       name: "Button",
@@ -46427,6 +46492,12 @@
           return !props.quaternary && !props.tertiary && !props.secondary && !props.text && (!props.color || props.ghost || props.dashed) && props.bordered;
         });
         const NButtonGroup = vue.inject(buttonGroupInjectionKey, {});
+        const {
+          inlineThemeDisabled,
+          mergedClsPrefixRef,
+          mergedRtlRef,
+          mergedComponentPropsRef
+        } = useConfig(props);
         const { mergedSizeRef } = useFormItem(
           {},
           {
@@ -46439,9 +46510,11 @@
               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";
             }
           }
@@ -46496,7 +46569,6 @@
         const handleBlur = () => {
           enterPressedRef.value = false;
         };
-        const { inlineThemeDisabled, mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
         const themeRef = useTheme(
           "Button",
           "-button",
@@ -46831,7 +46903,8 @@
                       clsPrefix: mergedClsPrefix,
                       key: "loading",
                       class: `${mergedClsPrefix}-icon-slot`,
-                      strokeWidth: 20
+                      strokeWidth: 20,
+                      ...this.spinProps
                     }
                   ) : /* @__PURE__ */ vue.h(
                     "div",
@@ -46923,10 +46996,7 @@
       `), 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 = vue.defineComponent({
@@ -53442,6 +53512,13 @@
       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);
@@ -53461,14 +53538,19 @@
       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", `
@@ -53506,13 +53588,20 @@
           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);
@@ -53526,17 +53615,21 @@
         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);
@@ -53552,6 +53645,7 @@
       title: [String, Function],
       contentClass: String,
       contentStyle: [Object, String],
+      contentScrollable: Boolean,
       headerClass: String,
       headerStyle: [Object, String],
       headerExtraClass: String,
@@ -53563,10 +53657,7 @@
         type: [Boolean, Object],
         default: false
       },
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       bordered: {
         type: Boolean,
         default: true
@@ -53598,10 +53689,16 @@
       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",
@@ -53611,8 +53708,11 @@
           mergedClsPrefixRef
         );
         const rtlEnabledRef = useRtl("Card", mergedRtlRef, mergedClsPrefixRef);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Card?.size || "medium";
+        });
         const cssVarsRef = vue.computed(() => {
-          const { size } = props;
+          const mergedSize = mergedSizeRef.value;
           const {
             self: {
               color,
@@ -53638,9 +53738,9 @@
               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;
@@ -53685,7 +53785,7 @@
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
           "card",
           vue.computed(() => {
-            return props.size[0];
+            return mergedSizeRef.value[0];
           }),
           cssVarsRef,
           props
@@ -53722,6 +53822,7 @@
               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,
@@ -53787,15 +53888,26 @@
             const mergedChildren = content ? ensureValidVNode(
               typeof content === "function" ? [content()] : [content]
             ) : children;
-            return mergedChildren && /* @__PURE__ */ vue.h(
+            return mergedChildren ? this.contentScrollable ? /* @__PURE__ */ vue.h(
+              Scrollbar$1,
+              {
+                class: `${mergedClsPrefix}-card__content-scrollbar`,
+                contentClass: [
+                  `${mergedClsPrefix}-card-content`,
+                  this.contentClass
+                ],
+                contentStyle: this.contentStyle
+              },
+              mergedChildren
+            ) : /* @__PURE__ */ vue.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;
@@ -55760,7 +55872,12 @@
         }
         const NCheckboxGroup = vue.inject(checkboxGroupInjectionKey, null);
         const selfRef = vue.ref(null);
-        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
+        const {
+          mergedClsPrefixRef,
+          inlineThemeDisabled,
+          mergedRtlRef,
+          mergedComponentPropsRef
+        } = useConfig(props);
         const uncontrolledCheckedRef = vue.ref(props.defaultChecked);
         const controlledCheckedRef = vue.toRef(props, "checked");
         const mergedCheckedRef = useMergedState(
@@ -55794,6 +55911,9 @@
               if (mergedSize !== void 0)
                 return mergedSize.value;
             }
+            const configSize = mergedComponentPropsRef?.value?.Checkbox?.size;
+            if (configSize)
+              return configSize;
             return "medium";
           },
           mergedDisabled(NFormItem) {
@@ -56069,6 +56189,7 @@
           showCheckboxRef,
           renderPrefixRef,
           renderSuffixRef,
+          spinPropsRef,
           updateHoverKey,
           updateKeyboardKey,
           addLoadingKey,
@@ -56201,6 +56322,7 @@
           label: labelRef,
           mergedClsPrefix: mergedClsPrefixRef,
           mergedTheme: mergedThemeRef,
+          spinProps: spinPropsRef,
           handleClick,
           handleCheckboxUpdateValue,
           mergedHandleMouseEnter: mergedHandleMouseEnterRef,
@@ -56247,7 +56369,8 @@
             scale: 0.85,
             strokeWidth: 24,
             show: this.isLoading,
-            class: `${mergedClsPrefix}-cascader-option-icon`
+            class: `${mergedClsPrefix}-cascader-option-icon`,
+            ...this.spinProps
           },
           {
             default: () => /* @__PURE__ */ vue.h(
@@ -56435,6 +56558,7 @@
           mergedThemeRef,
           getColumnStyleRef
         } = vue.inject(cascaderInjectionKey);
+        const { mergedComponentPropsRef } = useConfig();
         const submenuInstRefs = [];
         const maskInstRef = vue.ref(null);
         const selfElRef = vue.ref(null);
@@ -56483,6 +56607,9 @@
           submenuInstRefs,
           maskInstRef,
           mergedTheme: mergedThemeRef,
+          mergedRenderEmpty: vue.computed(() => {
+            return mergedComponentPropsRef?.value?.Cascader?.renderEmpty;
+          }),
           getColumnStyle: getColumnStyleRef,
           handleFocusin,
           handleFocusout,
@@ -56527,15 +56654,17 @@
                     clsPrefix: mergedClsPrefix,
                     ref: "maskInstRef"
                   }
-                )) : /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, resolveSlot(this.$slots.empty, () => [
-                  /* @__PURE__ */ vue.h(
-                    NEmpty,
-                    {
-                      theme: mergedTheme.peers.Empty,
-                      themeOverrides: mergedTheme.peerOverrides.Empty
-                    }
-                  )
-                ])),
+                )) : /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, resolveSlot(this.$slots.empty, () => {
+                  return [
+                    this.mergedRenderEmpty?.() || /* @__PURE__ */ vue.h(
+                      NEmpty,
+                      {
+                        theme: mergedTheme.peers.Empty,
+                        themeOverrides: mergedTheme.peerOverrides.Empty
+                      }
+                    )
+                  ];
+                })),
                 resolveWrappedSlot(
                   this.$slots.action,
                   (children) => children && /* @__PURE__ */ vue.h(
@@ -56643,6 +56772,7 @@
           handleSelectMenuClickOutside,
           doUncheck: cascaderDoUncheck,
           doCheck: cascaderDoCheck,
+          scrollbarPropsRef,
           clearPattern
         } = vue.inject(cascaderInjectionKey);
         const menuInstRef = vue.ref(null);
@@ -56734,6 +56864,7 @@
           handleToggle,
           handleClickOutside,
           cascaderSlots,
+          scrollbarProps: scrollbarPropsRef,
           ...exposedRef
         };
       },
@@ -56754,7 +56885,8 @@
                 treeMate: this.selectTreeMate,
                 multiple: this.multiple,
                 value: this.value,
-                onToggle: this.handleToggle
+                onToggle: this.handleToggle,
+                scrollbarProps: this.scrollbarProps
               },
               {
                 empty: () => resolveSlot(cascaderSlots["not-found"], () => [])
@@ -56985,8 +57117,10 @@
       onBlur: Function,
       onFocus: Function,
       getColumnStyle: Function,
+      spinProps: Object,
       renderPrefix: Function,
       renderSuffix: Function,
+      scrollbarProps: Object,
       // deprecated
       onChange: [Function, Array]
     };
@@ -57015,7 +57149,8 @@
           mergedBorderedRef,
           mergedClsPrefixRef,
           namespaceRef,
-          inlineThemeDisabled
+          inlineThemeDisabled,
+          mergedComponentPropsRef
         } = useConfig(props);
         const themeRef = useTheme(
           "Cascader",
@@ -57036,7 +57171,20 @@
           return props.leafOnly ? "child" : props.checkStrategy;
         });
         const patternRef = vue.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 = vue.ref(null);
         const selectMenuInstRef = vue.ref(null);
@@ -57682,6 +57830,7 @@
           getColumnStyleRef: vue.toRef(props, "getColumnStyle"),
           renderPrefixRef: vue.toRef(props, "renderPrefix"),
           renderSuffixRef: vue.toRef(props, "renderSuffix"),
+          spinPropsRef: vue.toRef(props, "spinProps"),
           syncCascaderMenuPosition,
           syncSelectMenuPosition,
           updateKeyboardKey,
@@ -57693,6 +57842,7 @@
           closeMenu,
           handleSelectMenuClickOutside,
           handleCascaderMenuClickOutside,
+          scrollbarPropsRef: vue.toRef(props, "scrollbarProps"),
           clearPattern
         });
         const exposedMethods = {
@@ -59598,12 +59748,12 @@
             "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__ */ vue.h("div", { class: `${clsPrefix}-color-picker-trigger__fill` }, /* @__PURE__ */ vue.h("div", { class: `${clsPrefix}-color-picker-checkboard` }), /* @__PURE__ */ vue.h(
+            /* @__PURE__ */ vue.h("div", { class: `${clsPrefix}-color-picker__fill` }, /* @__PURE__ */ vue.h("div", { class: `${clsPrefix}-color-picker-checkboard` }), /* @__PURE__ */ vue.h(
               "div",
               {
                 style: {
@@ -59618,7 +59768,7 @@
             ), value && hsla ? /* @__PURE__ */ vue.h(
               "div",
               {
-                class: `${clsPrefix}-color-picker-trigger__value`,
+                class: `${clsPrefix}-color-picker__value`,
                 style: {
                   color: getWCAGContrast(hsla) ? "white" : "black"
                 }
@@ -59925,14 +60075,7 @@
       }
     });
 
-    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);
@@ -60047,14 +60190,18 @@
     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", `
@@ -60067,7 +60214,7 @@
       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);
@@ -60156,12 +60303,33 @@
       props: colorPickerProps,
       slots: Object,
       setup(props, { slots }) {
-        const selfRef = vue.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",
@@ -60636,7 +60804,6 @@
         return {
           mergedClsPrefix: mergedClsPrefixRef,
           namespace: namespaceRef,
-          selfRef,
           hsla: hslaRef,
           rgba: rgbaRef,
           mergedShow: mergedShowRef,
@@ -60645,11 +60812,21 @@
           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);
           },
@@ -60662,59 +60839,65 @@
       render() {
         const { mergedClsPrefix, onRender } = this;
         onRender?.();
-        return /* @__PURE__ */ vue.h(
-          "div",
-          {
-            class: [this.themeClass, `${mergedClsPrefix}-color-picker`],
-            ref: "selfRef",
-            style: this.cssVars
-          },
-          /* @__PURE__ */ vue.h(Binder, null, {
-            default: () => [
-              /* @__PURE__ */ vue.h(VTarget, null, {
-                default: () => /* @__PURE__ */ vue.h(
-                  ColorPickerTrigger,
-                  {
-                    clsPrefix: mergedClsPrefix,
-                    value: this.mergedValue,
-                    hsla: this.hsla,
-                    disabled: this.mergedDisabled,
-                    onClick: this.handleTriggerClick
-                  }
-                )
-              }),
-              /* @__PURE__ */ vue.h(
-                VFollower,
+        return /* @__PURE__ */ vue.h(Binder, null, {
+          default: () => [
+            /* @__PURE__ */ vue.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__ */ vue.h(
-                    vue.Transition,
-                    {
-                      name: "fade-in-scale-up-transition",
-                      appear: this.isMounted
-                    },
+                (children) => {
+                  const triggerNode = children || /* @__PURE__ */ vue.h(
+                    ColorPickerTrigger,
                     {
-                      default: () => this.mergedShow ? vue.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__ */ vue.h(
+              VFollower,
+              {
+                placement: this.placement,
+                show: this.mergedShow,
+                containerClass: this.namespace,
+                teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey,
+                to: this.adjustedTo
+              },
+              {
+                default: () => /* @__PURE__ */ vue.h(
+                  vue.Transition,
+                  {
+                    name: "fade-in-scale-up-transition",
+                    appear: this.isMounted
+                  },
+                  {
+                    default: () => this.mergedShow ? vue.withDirectives(this.renderPanel(), [
+                      [
+                        clickoutside,
+                        this.handleClickOutside,
+                        void 0,
+                        { capture: true }
+                      ]
+                    ]) : null
+                  }
+                )
+              }
+            )
+          ]
+        });
       }
     });
 
@@ -61124,10 +61307,7 @@
         type: Array,
         default: () => []
       },
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       scrollable: Boolean,
       "onUpdate:value": [Function, Array],
       onUpdateValue: [Function, Array],
@@ -61159,7 +61339,10 @@
           });
         }
         const NPopselect = vue.inject(popselectInjectionKey);
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Popselect?.size || "medium";
+        });
         const themeRef = useTheme(
           "Popselect",
           "-pop-select",
@@ -61266,7 +61449,9 @@
           handleMenuMousedown,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
           themeClass: themeClassHandle?.themeClass,
-          onRender: themeClassHandle?.onRender
+          onRender: themeClassHandle?.onRender,
+          mergedSize: mergedSizeRef,
+          scrollbarProps: NPopselect.props.scrollbarProps
         };
       },
       render() {
@@ -61283,10 +61468,11 @@
             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,
@@ -61314,7 +61500,8 @@
         type: String,
         default: "hover"
       },
-      ...panelProps$1
+      ...panelProps$1,
+      scrollbarProps: Object
     };
     var NPopselect = vue.defineComponent({
       name: "Popselect",
@@ -61460,6 +61647,10 @@
         default: void 0
       },
       clearable: Boolean,
+      clearCreatedOptionsOnClear: {
+        type: Boolean,
+        default: true
+      },
       clearFilterAfterSelect: {
         type: Boolean,
         default: true
@@ -61566,6 +61757,7 @@
         type: Boolean,
         default: true
       },
+      scrollbarProps: Object,
       /** deprecated */
       onChange: [Function, Array],
       items: Array
@@ -61595,7 +61787,8 @@
           mergedClsPrefixRef,
           mergedBorderedRef,
           namespaceRef,
-          inlineThemeDisabled
+          inlineThemeDisabled,
+          mergedComponentPropsRef
         } = useConfig(props);
         const themeRef = useTheme(
           "Select",
@@ -61745,7 +61938,20 @@
           }
           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 {
@@ -62031,10 +62237,13 @@
         }
         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([], []);
@@ -62321,7 +62530,8 @@
                             onMousedown: this.handleMenuMousedown,
                             show: this.mergedShow,
                             showCheckmark: this.showCheckmark,
-                            resetMenuOnOptionsChange: this.resetMenuOnOptionsChange
+                            resetMenuOnOptionsChange: this.resetMenuOnOptionsChange,
+                            scrollbarProps: this.scrollbarProps
                           },
                           {
                             empty: () => [this.$slots.empty?.()],
@@ -62767,10 +62977,7 @@
         }
       },
       showQuickJumper: Boolean,
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       disabled: Boolean,
       pageSlot: {
         type: Number,
@@ -62789,6 +62996,7 @@
       },
       to: useAdjustedTo.propTo,
       showQuickJumpDropdown: { type: Boolean, default: true },
+      scrollbarProps: Object,
       "onUpdate:page": [Function, Array],
       onUpdatePage: [Function, Array],
       "onUpdate:pageSize": [Function, Array],
@@ -62831,6 +63039,9 @@
           inlineThemeDisabled,
           mergedRtlRef
         } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Pagination?.size || "medium";
+        });
         const themeRef = useTheme(
           "Pagination",
           "-pagination",
@@ -62924,10 +63135,10 @@
           });
         });
         const inputSizeRef = vue.computed(() => {
-          return mergedComponentPropsRef?.value?.Pagination?.inputSize || smallerSize(props.size);
+          return mergedComponentPropsRef?.value?.Pagination?.inputSize || smallerSize(mergedSizeRef.value);
         });
         const selectSizeRef = vue.computed(() => {
-          return mergedComponentPropsRef?.value?.Pagination?.selectSize || smallerSize(props.size);
+          return mergedComponentPropsRef?.value?.Pagination?.selectSize || smallerSize(mergedSizeRef.value);
         });
         const startIndexRef = vue.computed(() => {
           return (mergedPageRef.value - 1) * mergedPageSizeRef.value;
@@ -63062,7 +63273,7 @@
           disableTransitionOneTick();
         });
         const cssVarsRef = vue.computed(() => {
-          const { size } = props;
+          const size = mergedSizeRef.value;
           const {
             self: {
               buttonBorder,
@@ -63160,8 +63371,7 @@
           "pagination",
           vue.computed(() => {
             let hash = "";
-            const { size } = props;
-            hash += size[0];
+            hash += mergedSizeRef.value[0];
             return hash;
           }),
           cssVarsRef,
@@ -63419,6 +63629,7 @@
                         options: pageItem.type !== "page" && pageItem.options ? pageItem.options : [],
                         onUpdateValue: this.handleMenuSelect,
                         scrollable: true,
+                        scrollbarProps: this.scrollbarProps,
                         showCheckmark: false
                       },
                       { default: () => itemNode }
@@ -63460,6 +63671,7 @@
                     options: pageSizeOptions,
                     value: mergedPageSize,
                     disabled,
+                    scrollbarProps: this.scrollbarProps,
                     theme: mergedTheme.peers.Select,
                     themeOverrides: mergedTheme.peerOverrides.Select,
                     onUpdateValue: handleSizePickerChange
@@ -64035,10 +64247,7 @@
         default: true
       },
       singleColumn: Boolean,
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       remote: Boolean,
       defaultExpandedRowKeys: {
         type: Array,
@@ -64089,10 +64298,7 @@
       scrollbarProps: Object,
       renderCell: Function,
       renderExpandIcon: Function,
-      spinProps: {
-        type: Object,
-        default: {}
-      },
+      spinProps: Object,
       getCsvCell: Function,
       getCsvHeader: Function,
       onLoad: Function,
@@ -64411,6 +64617,10 @@
         });
       }
       const NRadioGroup = vue.inject(radioGroupInjectionKey, null);
+      const {
+        mergedClsPrefixRef,
+        mergedComponentPropsRef
+      } = useConfig(props);
       const formItem = useFormItem(props, {
         mergedSize(NFormItem) {
           const {
@@ -64430,6 +64640,8 @@
           if (NFormItem) {
             return NFormItem.mergedSize.value;
           }
+          const configSize = mergedComponentPropsRef?.value?.Radio?.size;
+          if (configSize) return configSize;
           return "medium";
         },
         mergedDisabled(NFormItem) {
@@ -64504,7 +64716,7 @@
         focusRef.value = true;
       }
       return {
-        mergedClsPrefix: NRadioGroup ? NRadioGroup.mergedClsPrefixRef : useConfig(props).mergedClsPrefixRef,
+        mergedClsPrefix: NRadioGroup ? NRadioGroup.mergedClsPrefixRef : mergedClsPrefixRef,
         inputRef,
         labelRef,
         mergedName: mergedNameRef,
@@ -66840,10 +67052,7 @@
         type: Boolean,
         default: true
       },
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       inverted: Boolean,
       placement: {
         type: String,
@@ -66954,7 +67163,10 @@
           },
           keyboardEnabledRef
         );
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Dropdown?.size || "medium";
+        });
         const themeRef = useTheme(
           "Dropdown",
           "-dropdown",
@@ -67072,7 +67284,8 @@
           }
         }
         const cssVarsRef = vue.computed(() => {
-          const { size, inverted } = props;
+          const { inverted } = props;
+          const size = mergedSizeRef.value;
           const {
             common: { cubicBezierEaseInOut },
             self
@@ -67131,13 +67344,16 @@
         });
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
           "dropdown",
-          vue.computed(() => `${props.size[0]}${props.inverted ? "i" : ""}`),
+          vue.computed(
+            () => `${mergedSizeRef.value[0]}${props.inverted ? "i" : ""}`
+          ),
           cssVarsRef,
           props
         ) : void 0;
         return {
           mergedClsPrefix: mergedClsPrefixRef,
           mergedTheme: themeRef,
+          mergedSize: mergedSizeRef,
           // data
           tmNodes: tmNodesRef,
           // show
@@ -67164,7 +67380,12 @@
           ) || {};
           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],
@@ -67770,7 +67991,6 @@
           childTriggerColIndexRef,
           indentRef,
           rowPropsRef,
-          maxHeightRef,
           stripedRef,
           loadingRef,
           onLoadRef,
@@ -67786,19 +68006,21 @@
           handleTableBodyScroll,
           doCheck,
           doUncheck,
-          renderCell
+          renderCell,
+          xScrollableRef,
+          explicitlyScrollableRef
         } = vue.inject(dataTableInjectionKey);
         const NConfigProvider = vue.inject(configProviderInjectionKey);
         const scrollbarInstRef = vue.ref(null);
         const virtualListRef = vue.ref(null);
         const emptyElRef = vue.ref(null);
+        const mergedRenderEmptyRef = vue.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 = vue.computed(() => {
           return new Set(mergedExpandedRowKeysRef.value);
@@ -67853,15 +68075,7 @@
           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;
@@ -68003,11 +68217,11 @@
           summary: summaryRef,
           mergedClsPrefix: mergedClsPrefixRef,
           mergedTheme: mergedThemeRef,
+          mergedRenderEmpty: mergedRenderEmptyRef,
           scrollX: scrollXRef,
           cols: colsRef,
           loading: loadingRef,
-          bodyShowHeaderOnly: bodyShowHeaderOnlyRef,
-          shouldDisplaySomeTablePart: shouldDisplaySomeTablePartRef,
+          shouldDisplayVirtualList: shouldDisplayVirtualListRef,
           empty: emptyRef,
           paginatedDataAndInfo: vue.computed(() => {
             const { value: striped } = stripedRef;
@@ -68055,7 +68269,6 @@
           childTriggerColIndex: childTriggerColIndexRef,
           indent: indentRef,
           rowProps: rowPropsRef,
-          maxHeight: maxHeightRef,
           loadingKeySet: loadingKeySetRef,
           expandable: expandableRef,
           stickyExpandedRows: stickyExpandedRowsRef,
@@ -68072,6 +68285,8 @@
           handleRadioUpdateChecked,
           handleUpdateExpanded,
           renderCell,
+          explicitlyScrollable: explicitlyScrollableRef,
+          xScrollable: xScrollableRef,
           ...exposedMethods
         };
       },
@@ -68080,44 +68295,70 @@
           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__ */ vue.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__ */ vue.h(
+                NEmpty,
+                {
+                  theme: this.mergedTheme.peers.Empty,
+                  themeOverrides: this.mergedTheme.peerOverrides.Empty
+                }
+              )
+            ];
+          })
+        );
         const tableNode = /* @__PURE__ */ vue.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 {
@@ -68491,8 +68732,8 @@
                 );
                 return row;
               };
-              if (!virtualScroll) {
-                return /* @__PURE__ */ vue.h(
+              if (!this.shouldDisplayVirtualList) {
+                return /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(
                   "table",
                   {
                     class: `${mergedClsPrefix}-data-table-table`,
@@ -68523,7 +68764,7 @@
                       });
                     })
                   ) : null
-                );
+                ), this.empty && this.xScrollable ? createEmptyNode() : null);
               } else {
                 return /* @__PURE__ */ vue.h(
                   VVirtualList,
@@ -68589,28 +68830,8 @@
           }
         );
         if (this.empty) {
-          const createEmptyNode = () => /* @__PURE__ */ vue.h(
-            "div",
-            {
-              class: [
-                `${mergedClsPrefix}-data-table-empty`,
-                this.loading && `${mergedClsPrefix}-data-table-empty--hide`
-              ],
-              style: this.bodyStyle,
-              ref: "emptyElRef"
-            },
-            resolveSlot(this.dataTableSlots.empty, () => [
-              /* @__PURE__ */ vue.h(
-                NEmpty,
-                {
-                  theme: this.mergedTheme.peers.Empty,
-                  themeOverrides: this.mergedTheme.peerOverrides.Empty
-                }
-              )
-            ])
-          );
-          if (this.shouldDisplaySomeTablePart) {
-            return /* @__PURE__ */ vue.h(vue.Fragment, null, tableNode, createEmptyNode());
+          if (this.explicitlyScrollable || this.xScrollable) {
+            return tableNode;
           } else {
             return /* @__PURE__ */ vue.h(VResizeObserver, { onResize: this.onResize }, { default: createEmptyNode });
           }
@@ -68631,7 +68852,8 @@
           minHeightRef,
           flexHeightRef,
           virtualScrollHeaderRef,
-          syncScrollState
+          syncScrollState,
+          scrollXRef
         } = vue.inject(dataTableInjectionKey);
         const headerInstRef = vue.ref(null);
         const bodyInstRef = vue.ref(null);
@@ -68699,6 +68921,7 @@
           bodyStyle: bodyStyleRef,
           flexHeight: flexHeightRef,
           handleBodyResize,
+          scrollX: scrollXRef,
           ...exposedMethods
         };
       },
@@ -69463,8 +69686,15 @@
     function useScroll(props, {
       mainTableInstRef,
       mergedCurrentPageRef,
-      bodyWidthRef
+      bodyWidthRef,
+      maxHeightRef,
+      mergedTableLayoutRef
     }) {
+      const explicitlyScrollableRef = vue.computed(() => props.scrollX !== void 0 || maxHeightRef.value !== void 0 || props.flexHeight);
+      const xScrollableRef = vue.computed(() => {
+        const isBasicAutoLayout = !explicitlyScrollableRef.value && mergedTableLayoutRef.value === "auto";
+        return props.scrollX !== void 0 || isBasicAutoLayout;
+      });
       let lastScrollLeft = 0;
       const scrollPartRef = vue.ref();
       const leftActiveFixedColKeyRef = vue.ref(null);
@@ -69631,8 +69861,7 @@
           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") {
@@ -69674,7 +69903,9 @@
         syncScrollState,
         handleTableBodyScroll,
         handleTableHeaderScroll,
-        setHeaderScrollLeft
+        setHeaderScrollLeft,
+        explicitlyScrollableRef,
+        xScrollableRef
       };
     }
 
@@ -70232,9 +70463,13 @@
           mergedBorderedRef,
           mergedClsPrefixRef,
           inlineThemeDisabled,
-          mergedRtlRef
+          mergedRtlRef,
+          mergedComponentPropsRef
         } = useConfig(props);
         const rtlEnabledRef = useRtl("DataTable", mergedRtlRef, mergedClsPrefixRef);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.DataTable?.size || "medium";
+        });
         const mergedBottomBorderedRef = vue.computed(() => {
           const { bottomBordered } = props;
           if (mergedBorderedRef.value)
@@ -70317,6 +70552,13 @@
           expandableRef,
           doUpdateExpandedRowKeys
         } = useExpand(props, treeMateRef);
+        const maxHeightRef = vue.toRef(props, "maxHeight");
+        const mergedTableLayoutRef = vue.computed(() => {
+          if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value) {
+            return "fixed";
+          }
+          return props.tableLayout;
+        });
         const {
           handleTableBodyScroll,
           handleTableHeaderScroll,
@@ -70329,20 +70571,20 @@
           leftFixedColumnsRef,
           rightFixedColumnsRef,
           fixedColumnLeftMapRef,
-          fixedColumnRightMapRef
+          fixedColumnRightMapRef,
+          xScrollableRef,
+          explicitlyScrollableRef
         } = useScroll(props, {
           bodyWidthRef,
           mainTableInstRef,
-          mergedCurrentPageRef
+          mergedCurrentPageRef,
+          maxHeightRef,
+          mergedTableLayoutRef
         });
         const { localeRef } = useLocale("DataTable");
-        const mergedTableLayoutRef = vue.computed(() => {
-          if (props.virtualScroll || props.flexHeight || props.maxHeight !== void 0 || hasEllipsisRef.value) {
-            return "fixed";
-          }
-          return props.tableLayout;
-        });
         vue.provide(dataTableInjectionKey, {
+          xScrollableRef,
+          explicitlyScrollableRef,
           props,
           treeMateRef,
           renderExpandIconRef: vue.toRef(props, "renderExpandIcon"),
@@ -70408,7 +70650,7 @@
           }),
           onLoadRef: vue.toRef(props, "onLoad"),
           mergedTableLayoutRef,
-          maxHeightRef: vue.toRef(props, "maxHeight"),
+          maxHeightRef,
           minHeightRef: vue.toRef(props, "minHeight"),
           flexHeightRef: vue.toRef(props, "flexHeight"),
           headerCheckboxDisabledRef,
@@ -70448,7 +70690,7 @@
           }
         };
         const cssVarsRef = vue.computed(() => {
-          const { size } = props;
+          const mergedSize = mergedSizeRef.value;
           const {
             common: { cubicBezierEaseInOut },
             self: {
@@ -70495,9 +70737,9 @@
               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 {
@@ -70552,7 +70794,7 @@
         });
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
           "data-table",
-          vue.computed(() => props.size[0]),
+          vue.computed(() => mergedSizeRef.value[0]),
           cssVarsRef,
           props
         ) : void 0;
@@ -70825,6 +71067,8 @@
     const usePanelCommonProps = {
       active: Boolean,
       dateFormat: String,
+      fastYearSelect: Boolean,
+      fastMonthSelect: Boolean,
       calendarDayFormat: String,
       calendarHeaderYearFormat: String,
       calendarHeaderMonthFormat: String,
@@ -70853,6 +71097,8 @@
       onTabOut: Function,
       onKeydown: Function,
       actions: Array,
+      onSelectYear: Function,
+      onSelectMonth: Function,
       onUpdateValue: {
         type: Function,
         required: true
@@ -71465,6 +71711,11 @@
                 ) && `${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);
@@ -71665,6 +71916,8 @@
           type: String,
           required: true
         },
+        fastYearSelect: Boolean,
+        fastMonthSelect: Boolean,
         calendarMonth: {
           type: String,
           required: true
@@ -71678,22 +71931,37 @@
           required: true
         }
       },
-      setup() {
+      setup(props) {
         const triggerRef = vue.ref(null);
         const monthPanelRef = vue.ref(null);
         const showRef = vue.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
         };
@@ -71737,6 +72005,8 @@
                       {
                         ref: "monthPanelRef",
                         onUpdateValue: this.onUpdateValue,
+                        onSelectYear: this.handleSelectYear,
+                        onSelectMonth: this.handleSelectMonth,
                         actions: [],
                         calendarHeaderMonthYearSeparator: this.monthYearSeparator,
                         type: "month",
@@ -71829,6 +72099,8 @@
           ), /* @__PURE__ */ vue.h(
             PanelHeader,
             {
+              fastYearSelect: this.fastYearSelect,
+              fastMonthSelect: this.fastMonthSelect,
               monthYearSeparator: this.calendarHeaderMonthYearSeparator,
               monthBeforeYear: this.calendarMonthBeforeYear,
               value: this.calendarValue,
@@ -72703,6 +72975,8 @@
             ), /* @__PURE__ */ vue.h(
               PanelHeader,
               {
+                fastYearSelect: this.fastYearSelect,
+                fastMonthSelect: this.fastMonthSelect,
                 monthYearSeparator: this.calendarHeaderMonthYearSeparator,
                 monthBeforeYear: this.calendarMonthBeforeYear,
                 value: this.startCalendarDateTime,
@@ -72796,6 +73070,8 @@
             ), /* @__PURE__ */ vue.h(
               PanelHeader,
               {
+                fastYearSelect: this.fastYearSelect,
+                fastMonthSelect: this.fastMonthSelect,
                 monthYearSeparator: this.calendarHeaderMonthYearSeparator,
                 monthBeforeYear: this.calendarMonthBeforeYear,
                 value: this.endCalendarDateTime,
@@ -74724,10 +75000,24 @@
           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",
@@ -75598,6 +75888,8 @@
           ), /* @__PURE__ */ vue.h(
             PanelHeader,
             {
+              fastYearSelect: this.fastYearSelect,
+              fastMonthSelect: this.fastMonthSelect,
               monthYearSeparator: this.calendarHeaderMonthYearSeparator,
               monthBeforeYear: this.calendarMonthBeforeYear,
               value: this.calendarValue,
@@ -75876,6 +76168,8 @@
             ), /* @__PURE__ */ vue.h(
               PanelHeader,
               {
+                fastYearSelect: this.fastYearSelect,
+                fastMonthSelect: this.fastMonthSelect,
                 monthYearSeparator: this.calendarHeaderMonthYearSeparator,
                 monthBeforeYear: this.calendarMonthBeforeYear,
                 value: this.startCalendarDateTime,
@@ -75972,6 +76266,8 @@
             ), /* @__PURE__ */ vue.h(
               PanelHeader,
               {
+                fastYearSelect: this.fastYearSelect,
+                fastMonthSelect: this.fastMonthSelect,
                 monthBeforeYear: this.calendarMonthBeforeYear,
                 value: this.endCalendarDateTime,
                 onUpdateValue: this.onUpdateEndCalendarValue,
@@ -76399,6 +76695,8 @@
         default: void 0
       },
       clearable: Boolean,
+      fastYearSelect: Boolean,
+      fastMonthSelect: Boolean,
       updateValueOnClose: Boolean,
       calendarDayFormat: String,
       calendarHeaderYearFormat: String,
@@ -77031,8 +77329,6 @@
           });
         }
         const { localeRef, dateLocaleRef } = useLocale("DatePicker");
-        const formItem = useFormItem(props);
-        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const {
           mergedComponentPropsRef,
           mergedClsPrefixRef,
@@ -77040,6 +77336,21 @@
           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 = vue.ref(null);
         const triggerElRef = vue.ref(null);
         const inputInstRef = vue.ref(null);
@@ -77808,6 +78119,8 @@
           onPrevYear: this.onPrevYear,
           timePickerFormat: this.timePickerFormat,
           dateFormat: this.dateFormat,
+          fastYearSelect: this.fastYearSelect,
+          fastMonthSelect: this.fastMonthSelect,
           calendarDayFormat: this.calendarDayFormat,
           calendarHeaderYearFormat: this.calendarHeaderYearFormat,
           calendarHeaderMonthFormat: this.calendarHeaderMonthFormat,
@@ -78196,10 +78509,7 @@
         type: String,
         default: ":"
       },
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       bordered: Boolean,
       labelClass: String,
       labelStyle: [Object, String],
@@ -78211,7 +78521,10 @@
       props: descriptionsProps,
       slots: Object,
       setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Descriptions?.size || "medium";
+        });
         const themeRef = useTheme(
           "Descriptions",
           "-descriptions",
@@ -78221,7 +78534,8 @@
           mergedClsPrefixRef
         );
         const cssVarsRef = vue.computed(() => {
-          const { size, bordered } = props;
+          const { bordered } = props;
+          const mergedSize = mergedSizeRef.value;
           const {
             common: { cubicBezierEaseInOut },
             self: {
@@ -78240,9 +78554,9 @@
               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 {
@@ -78271,10 +78585,10 @@
           "descriptions",
           vue.computed(() => {
             let hash = "";
-            const { size, bordered } = props;
+            const { bordered } = props;
             if (bordered)
               hash += "a";
-            hash += size[0];
+            hash += mergedSizeRef.value[0];
             return hash;
           }),
           cssVarsRef,
@@ -78286,7 +78600,8 @@
           themeClass: themeClassHandle?.themeClass,
           onRender: themeClassHandle?.onRender,
           compitableColumn: useCompitable(props, ["columns", "column"]),
-          inlineThemeDisabled
+          inlineThemeDisabled,
+          mergedSize: mergedSizeRef
         };
       },
       render() {
@@ -78299,7 +78614,7 @@
           compitableColumn,
           labelPlacement,
           labelAlign,
-          size,
+          mergedSize,
           bordered,
           title,
           cssVars,
@@ -78452,7 +78767,7 @@
               this.themeClass,
               `${mergedClsPrefix}-descriptions--${labelPlacement}-label-placement`,
               `${mergedClsPrefix}-descriptions--${labelAlign}-label-align`,
-              `${mergedClsPrefix}-descriptions--${size}-size`,
+              `${mergedClsPrefix}-descriptions--${mergedSize}-size`,
               bordered && `${mergedClsPrefix}-descriptions--bordered`
             ]
           },
@@ -79071,6 +79386,8 @@
         let prevMoveY = 0;
         let prevMoveX = 0;
         let mousedownEvent;
+        let rafId = null;
+        let pendingPosition = null;
         function handleMouseDown(event) {
           event.preventDefault();
           mousedownEvent = event;
@@ -79091,6 +79408,14 @@
           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 {
@@ -79113,20 +79438,37 @@
           }
           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() {
@@ -80565,6 +80907,7 @@
       },
       closable: Boolean,
       keepAliveOnHover: Boolean,
+      spinProps: Object,
       onClose: Function,
       onMouseenter: Function,
       onMouseleave: Function
@@ -80821,7 +81164,12 @@
                 this.rtlEnabled && `${mergedClsPrefix}-message--rtl`
               ]
             },
-            (iconNode = createIconVNode(icon, type, mergedClsPrefix)) && showIcon ? /* @__PURE__ */ vue.h(
+            (iconNode = createIconVNode(
+              icon,
+              type,
+              mergedClsPrefix,
+              this.spinProps
+            )) && showIcon ? /* @__PURE__ */ vue.h(
               "div",
               {
                 class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type`
@@ -80844,11 +81192,19 @@
         );
       }
     });
-    function createIconVNode(icon, type, clsPrefix) {
+    function createIconVNode(icon, type, clsPrefix, spinProps) {
       if (typeof icon === "function") {
         return icon();
       } else {
-        const innerIcon = type === "loading" ? /* @__PURE__ */ vue.h(NBaseLoading, { clsPrefix, strokeWidth: 24, scale: 0.85 }) : iconRenderMap$2[type]();
+        const innerIcon = type === "loading" ? /* @__PURE__ */ vue.h(
+          NBaseLoading,
+          {
+            clsPrefix,
+            strokeWidth: 24,
+            scale: 0.85,
+            ...spinProps
+          }
+        ) : iconRenderMap$2[type]();
         if (!innerIcon)
           return null;
         return /* @__PURE__ */ vue.h(NBaseIcon, { clsPrefix, key: type }, {
@@ -80958,6 +81314,7 @@
                   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
@@ -84251,10 +84608,7 @@
       inline: Boolean,
       vertical: Boolean,
       reverse: Boolean,
-      size: {
-        type: [String, Number, Array],
-        default: "medium"
-      },
+      size: [String, Number, Array],
       wrapItem: {
         type: Boolean,
         default: true
@@ -84275,7 +84629,10 @@
       name: "Space",
       props: spaceProps,
       setup(props) {
-        const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+        const { mergedClsPrefixRef, mergedRtlRef, mergedComponentPropsRef } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Space?.size || "medium";
+        });
         const themeRef = useTheme(
           "Space",
           "-space",
@@ -84290,7 +84647,7 @@
           rtlEnabled: rtlEnabledRef,
           mergedClsPrefix: mergedClsPrefixRef,
           margin: vue.computed(() => {
-            const { size } = props;
+            const size = mergedSizeRef.value;
             if (Array.isArray(size)) {
               return {
                 horizontal: size[0],
@@ -84439,10 +84796,7 @@
     const dynamicTagsProps = {
       ...useTheme.props,
       ...commonProps,
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       closable: {
         type: Boolean,
         default: true
@@ -84483,7 +84837,10 @@
             }
           });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.DynamicTags?.size || "medium";
+        });
         const { localeRef } = useLocale("DynamicTags");
         const formItem = useFormItem(props);
         const { mergedDisabledRef } = formItem;
@@ -84509,7 +84866,7 @@
           return localeRef.value.add;
         });
         const inputSizeRef = vue.computed(() => {
-          return smallerSize(props.size);
+          return smallerSize(mergedSizeRef.value);
         });
         const triggerDisabledRef = vue.computed(() => {
           return mergedDisabledRef.value || !!props.max && mergedValueRef.value.length >= props.max;
@@ -84577,6 +84934,7 @@
           inputInstRef,
           localizedAdd: localizedAddRef,
           inputSize: inputSizeRef,
+          mergedSize: mergedSizeRef,
           inputValue: inputValueRef,
           showInput: showInputRef,
           inputForceFocused: inputForceFocusedRef,
@@ -84615,7 +84973,7 @@
                 tagStyle,
                 type,
                 round,
-                size,
+                mergedSize,
                 color,
                 closable,
                 mergedDisabled,
@@ -84644,7 +85002,7 @@
                     style: tagStyle,
                     type,
                     round,
-                    size,
+                    size: mergedSize,
                     color,
                     closable,
                     disabled: mergedDisabled,
@@ -87526,6 +87884,14 @@
             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) => {
@@ -87584,7 +87950,8 @@
         vue.provide(formItemInstsInjectionKey, { formItems });
         const formExposedMethod = {
           validate,
-          restoreValidation
+          restoreValidation,
+          invalidateLabelWidth
         };
         return Object.assign(formExposedMethod, {
           mergedClsPrefix: mergedClsPrefixRef
@@ -88830,10 +89197,15 @@
 
     function formItemSize(props) {
       const NForm = vue.inject(formInjectionKey, null);
+      const {
+        mergedComponentPropsRef
+      } = useConfig(props);
       return {
         mergedSize: vue.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";
         })
       };
@@ -89057,6 +89429,7 @@
     var NFormItem = vue.defineComponent({
       name: "FormItem",
       props: formItemProps,
+      slots: Object,
       setup(props) {
         useInjectionInstanceCollection(
           formItemInstsInjectionKey,
@@ -89080,6 +89453,7 @@
         } = formItemMiscRefs;
         const renderExplainsRef = vue.ref([]);
         const feedbackIdRef = vue.ref(createId());
+        const labelElementRef = vue.ref(null);
         const mergedDisabledRef = NForm ? vue.toRef(NForm.props, "disabled") : vue.ref(false);
         const themeRef = useTheme(
           "Form",
@@ -89094,6 +89468,20 @@
             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;
@@ -89279,23 +89667,10 @@
         const exposedRef = {
           validate,
           restoreValidation,
-          internalValidate
+          internalValidate,
+          invalidateLabelWidth
         };
-        const labelElementRef = vue.ref(null);
-        vue.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;
-          }
-        });
+        vue.onMounted(invalidateLabelWidth);
         const cssVarsRef = vue.computed(() => {
           const { value: size } = mergedSizeRef;
           const { value: labelPlacement } = labelPlacementRef;
@@ -89809,6 +90184,7 @@
       name: "FormItemGridItem",
       alias: ["FormItemGi"],
       props: formItemGiProps,
+      slots: Object,
       setup() {
         const formItemInstRef = vue.ref(null);
         const validate = (...args) => {
@@ -92619,7 +92995,12 @@
             }
           });
         }
-        const { mergedBorderedRef, mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+        const {
+          mergedBorderedRef,
+          mergedClsPrefixRef,
+          mergedRtlRef,
+          mergedComponentPropsRef
+        } = useConfig(props);
         const themeRef = useTheme(
           "InputNumber",
           "-input-number",
@@ -92629,7 +93010,20 @@
           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 = vue.ref(null);
         const minusButtonInstRef = vue.ref(null);
@@ -93259,7 +93653,12 @@
       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",
@@ -93269,7 +93668,20 @@
           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 = vue.computed(() => {
           const { value: size } = mergedSizeRef;
@@ -94949,8 +95361,12 @@
       },
       setup() {
         const { mergedThemeRef, mergedClsPrefixRef } = vue.inject(transferInjectionKey$1);
+        const { mergedComponentPropsRef } = useConfig();
         const scrollerInstRef = vue.ref(null);
         const vlInstRef = vue.ref(null);
+        const mergedRenderEmptyRef = vue.computed(() => {
+          return mergedComponentPropsRef?.value?.Transfer?.renderEmpty;
+        });
         function syncVLScroller() {
           scrollerInstRef.value?.sync();
         }
@@ -94971,6 +95387,7 @@
         return {
           mergedTheme: mergedThemeRef,
           mergedClsPrefix: mergedClsPrefixRef,
+          mergedRenderEmpty: mergedRenderEmptyRef,
           scrollerInstRef,
           vlInstRef,
           syncVLScroller,
@@ -95050,7 +95467,7 @@
             css: !this.isInputing
           },
           {
-            default: () => this.options.length ? null : /* @__PURE__ */ vue.h(
+            default: () => this.options.length ? null : this.mergedRenderEmpty?.() || /* @__PURE__ */ vue.h(
               NEmpty,
               {
                 theme: mergedTheme.peers.Empty,
@@ -95811,7 +96228,8 @@
         clsPrefix: {
           type: String,
           required: true
-        }
+        },
+        spinProps: Object
       },
       setup() {
         return {
@@ -95820,7 +96238,15 @@
       },
       render() {
         const { clsPrefix } = this;
-        return /* @__PURE__ */ vue.h("div", { class: `${clsPrefix}-log-loader` }, /* @__PURE__ */ vue.h(NBaseLoading, { clsPrefix, strokeWidth: 24, scale: 0.85 }), /* @__PURE__ */ vue.h("span", { class: `${clsPrefix}-log-loader__content` }, this.locale.loading));
+        return /* @__PURE__ */ vue.h("div", { class: `${clsPrefix}-log-loader` }, /* @__PURE__ */ vue.h(
+          NBaseLoading,
+          {
+            clsPrefix,
+            strokeWidth: 24,
+            scale: 0.85,
+            ...this.spinProps
+          }
+        ), /* @__PURE__ */ vue.h("span", { class: `${clsPrefix}-log-loader__content` }, this.locale.loading));
       }
     });
 
@@ -95900,6 +96326,7 @@
         default: 0
       },
       hljs: Object,
+      spinProps: Object,
       onReachTop: Function,
       onReachBottom: Function,
       onRequireMore: Function
@@ -96116,7 +96543,13 @@
               }
             ),
             /* @__PURE__ */ vue.h(vue.Transition, { name: "fade-in-scale-up-transition" }, {
-              default: () => this.loading ? /* @__PURE__ */ vue.h(NLogLoader, { clsPrefix: mergedClsPrefix }) : null
+              default: () => this.loading ? /* @__PURE__ */ vue.h(
+                NLogLoader,
+                {
+                  clsPrefix: mergedClsPrefix,
+                  spinProps: this.spinProps
+                }
+              ) : null
             })
           ]
         );
@@ -96246,13 +96679,15 @@
           repeatCountInOneGroup,
           handleAnimationIteration
         } = this;
-        const originalNode = /* @__PURE__ */ vue.h(VResizeObserver, { onResize: this.handleContentResize }, /* @__PURE__ */ vue.h(
-          "div",
-          {
-            class: `${mergedClsPrefix}-marquee__item ${mergedClsPrefix}-marquee__original-item`
-          },
-          $slots
-        ));
+        const originalNode = /* @__PURE__ */ vue.h(VResizeObserver, { onResize: this.handleContentResize }, {
+          default: () => /* @__PURE__ */ vue.h(
+            "div",
+            {
+              class: `${mergedClsPrefix}-marquee__item ${mergedClsPrefix}-marquee__original-item`
+            },
+            $slots
+          )
+        });
         const mirrorNode = /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefix}-marquee__item` }, $slots);
         if (this.autoFill) {
           return /* @__PURE__ */ vue.h(VResizeObserver, { onResize: this.handleContainerResize }, {
@@ -96468,6 +96903,7 @@
       onSelect: Function,
       onFocus: Function,
       onBlur: Function,
+      scrollbarProps: Object,
       // private
       internalDebug: Boolean
     };
@@ -96480,7 +96916,8 @@
           namespaceRef,
           mergedClsPrefixRef,
           mergedBorderedRef,
-          inlineThemeDisabled
+          inlineThemeDisabled,
+          mergedComponentPropsRef
         } = useConfig(props);
         const themeRef = useTheme(
           "Mention",
@@ -96490,7 +96927,20 @@
           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 = vue.ref(null);
         const cursorRef = vue.ref(null);
         const followerRef = vue.ref(null);
@@ -96810,7 +97260,8 @@
                           virtualScroll: false,
                           style: this.cssVars,
                           onToggle: this.handleSelect,
-                          renderLabel: this.renderLabel
+                          renderLabel: this.renderLabel,
+                          scrollbarProps: this.scrollbarProps
                         },
                         $slots
                       ) : null;
@@ -100765,10 +101216,7 @@
         default: null
       },
       readonly: Boolean,
-      size: {
-        type: [String, Number],
-        default: "medium"
-      },
+      size: [String, Number],
       clearable: Boolean,
       color: String,
       onClear: Function,
@@ -100779,7 +101227,7 @@
       name: "Rate",
       props: rateProps,
       setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
         const themeRef = useTheme(
           "Rate",
           "-rate",
@@ -100791,7 +101239,19 @@
         const controlledValueRef = vue.toRef(props, "value");
         const uncontrolledValueRef = vue.ref(props.defaultValue);
         const hoverIndexRef = vue.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;
@@ -100841,8 +101301,9 @@
         function handleMouseEnterSomeStar() {
           cleared = false;
         }
+        const { mergedSizeRef: _mergedSizeRef } = formItem;
         const mergedSizeRef = vue.computed(() => {
-          const { size } = props;
+          const size = _mergedSizeRef.value;
           const { self } = themeRef.value;
           if (typeof size === "number") {
             return `${size}px`;
@@ -101078,10 +101539,7 @@
     };
     const resultProps = {
       ...useTheme.props,
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       status: {
         type: String,
         default: "info"
@@ -101094,7 +101552,10 @@
       props: resultProps,
       slots: Object,
       setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Result?.size || "medium";
+        });
         const themeRef = useTheme(
           "Result",
           "-result",
@@ -101104,7 +101565,8 @@
           mergedClsPrefixRef
         );
         const cssVarsRef = vue.computed(() => {
-          const { size, status } = props;
+          const { status } = props;
+          const size = mergedSizeRef.value;
           const {
             common: { cubicBezierEaseInOut },
             self: {
@@ -101133,7 +101595,8 @@
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
           "result",
           vue.computed(() => {
-            const { size, status } = props;
+            const { status } = props;
+            const size = mergedSizeRef.value;
             let hash = "";
             if (size) {
               hash += size[0];
@@ -101304,7 +101767,10 @@
       props: skeletonProps,
       setup(props) {
         useHoudini();
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, mergedComponentPropsRef } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Skeleton?.size;
+        });
         const themeRef = useTheme(
           "Skeleton",
           "-skeleton",
@@ -101323,9 +101789,10 @@
             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;
@@ -102319,7 +102786,6 @@
       contentClass: String,
       contentStyle: [Object, String],
       description: String,
-      stroke: String,
       size: {
         type: [String, Number],
         default: "medium"
@@ -102328,7 +102794,6 @@
         type: Boolean,
         default: true
       },
-      strokeWidth: Number,
       rotate: {
         type: Boolean,
         default: true
@@ -102340,7 +102805,8 @@
         },
         default: void 0
       },
-      delay: Number
+      delay: Number,
+      ...exposedLoadingProps
     };
     var Spin = vue.defineComponent({
       name: "Spin",
@@ -102445,6 +102911,8 @@
             style: $slots.default ? "" : this.cssVars,
             stroke: this.stroke,
             "stroke-width": this.mergedStrokeWidth,
+            radius: this.radius,
+            scale: this.scale,
             class: `${mergedClsPrefix}-spin`
           }
         ), descriptionNode);
@@ -103349,10 +103817,7 @@
 
     const switchProps = {
       ...useTheme.props,
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       value: {
         type: [String, Number, Boolean],
         default: void 0
@@ -103385,6 +103850,7 @@
         type: Boolean,
         default: true
       },
+      spinProps: Object,
       /** @deprecated */
       onChange: [Function, Array]
     };
@@ -103415,7 +103881,7 @@
             supportCssMax = true;
           }
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
         const themeRef = useTheme(
           "Switch",
           "-switch",
@@ -103424,7 +103890,19 @@
           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 = vue.ref(props.defaultValue);
         const controlledValueRef = vue.toRef(props, "value");
@@ -103669,7 +104147,8 @@
                   {
                     key: "loading",
                     clsPrefix: mergedClsPrefix,
-                    strokeWidth: 20
+                    strokeWidth: 20,
+                    ...this.spinProps
                   }
                 ) : this.checked && (checkedIcon || icon) ? /* @__PURE__ */ vue.h(
                   "div",
@@ -103806,16 +104285,21 @@
       },
       striped: Boolean,
       singleColumn: Boolean,
-      size: {
-        type: String,
-        default: "medium"
-      }
+      size: String
     };
     var Table = vue.defineComponent({
       name: "Table",
       props: tableProps,
       setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
+        const {
+          mergedClsPrefixRef,
+          inlineThemeDisabled,
+          mergedRtlRef,
+          mergedComponentPropsRef
+        } = useConfig(props);
+        const mergedSizeRef = vue.computed(() => {
+          return props.size || mergedComponentPropsRef?.value?.Table?.size || "medium";
+        });
         const themeRef = useTheme(
           "Table",
           "-table",
@@ -103826,7 +104310,7 @@
         );
         const rtlEnabledRef = useRtl("Table", mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = vue.computed(() => {
-          const { size } = props;
+          const size = mergedSizeRef.value;
           const {
             self: {
               borderColor,
@@ -103879,7 +104363,7 @@
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
           "table",
           vue.computed(() => {
-            return props.size[0];
+            return mergedSizeRef.value[0];
           }),
           cssVarsRef,
           props
@@ -104516,10 +105000,7 @@
       },
       closable: Boolean,
       justifyContent: String,
-      size: {
-        type: String,
-        default: "medium"
-      },
+      size: String,
       placement: {
         type: String,
         default: "top"
@@ -104576,7 +105057,7 @@
             }
           });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = useConfig(props);
         const themeRef = useTheme(
           "Tabs",
           "-tabs",
@@ -104596,6 +105077,14 @@
         const startReachedRef = vue.ref(true);
         const endReachedRef = vue.ref(true);
         const compitableSizeRef = useCompitable(props, ["labelSize", "size"]);
+        const mergedSizeRef = vue.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 = vue.ref(
           compitableValueRef.value ?? props.defaultValue ?? (slots.default ? flatten$2(slots.default())[0]?.props?.name : null)
@@ -105037,7 +105526,7 @@
           });
         };
         const cssVarsRef = vue.computed(() => {
-          const { value: size } = compitableSizeRef;
+          const { value: size } = mergedSizeRef;
           const { type } = props;
           const typeSuffix = {
             card: "Card",
@@ -105117,7 +105606,7 @@
         const themeClassHandle = inlineThemeDisabled ? useThemeClass(
           "tabs",
           vue.computed(() => {
-            return `${compitableSizeRef.value[0]}${props.type[0]}`;
+            return `${mergedSizeRef.value[0]}${props.type[0]}`;
           }),
           cssVarsRef,
           props
@@ -105136,7 +105625,7 @@
           addTabFixed: addTabFixedRef,
           tabWrapperStyle: tabWrapperStyleRef,
           handleNavResize,
-          mergedSize: compitableSizeRef,
+          mergedSize: mergedSizeRef,
           handleScroll,
           handleTabsResize,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
@@ -106303,8 +106792,12 @@
       },
       setup() {
         const { mergedThemeRef, mergedClsPrefixRef } = vue.inject(transferInjectionKey);
+        const { mergedComponentPropsRef } = useConfig();
         const scrollerInstRef = vue.ref(null);
         const vlInstRef = vue.ref(null);
+        const mergedRenderEmptyRef = vue.computed(() => {
+          return mergedComponentPropsRef?.value?.Transfer?.renderEmpty;
+        });
         function syncVLScroller() {
           scrollerInstRef.value?.sync();
         }
@@ -106325,6 +106818,7 @@
         return {
           mergedTheme: mergedThemeRef,
           mergedClsPrefix: mergedClsPrefixRef,
+          mergedRenderEmpty: mergedRenderEmptyRef,
           scrollerInstRef,
           vlInstRef,
           syncVLScroller,
@@ -106335,7 +106829,7 @@
       render() {
         const { mergedTheme, options } = this;
         if (options.length === 0) {
-          return /* @__PURE__ */ vue.h(
+          return this.mergedRenderEmpty?.() || /* @__PURE__ */ vue.h(
             NEmpty,
             {
               theme: mergedTheme.peers.Empty,
@@ -106591,7 +107085,7 @@
             }
           });
         }
-        const { mergedClsPrefixRef } = useConfig(props);
+        const { mergedClsPrefixRef, mergedComponentPropsRef } = useConfig(props);
         const themeRef = useTheme(
           "Transfer",
           "-transfer",
@@ -106600,7 +107094,20 @@
           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 = vue.computed(() => {
           const { value: size } = mergedSizeRef;
@@ -107224,7 +107731,10 @@
         }
       },
       setup(props) {
-        const { renderSwitcherIconRef } = vue.inject(treeInjectionKey, null);
+        const { renderSwitcherIconRef, spinPropsRef } = vue.inject(
+          treeInjectionKey,
+          null
+        );
         return () => {
           const { clsPrefix, expanded, hide, indent, onClick } = props;
           return /* @__PURE__ */ vue.h(
@@ -107248,7 +107758,8 @@
                       clsPrefix,
                       key: "loading",
                       radius: 85,
-                      strokeWidth: 20
+                      strokeWidth: 20,
+                      ...spinPropsRef?.value
                     }
                   );
                 }
@@ -108155,6 +108666,7 @@
         type: String,
         default: "all"
       },
+      spinProps: Object,
       /**
        * @deprecated
        */
@@ -108175,7 +108687,12 @@
             }
           });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = useConfig(props);
+        const {
+          mergedClsPrefixRef,
+          inlineThemeDisabled,
+          mergedRtlRef,
+          mergedComponentPropsRef
+        } = useConfig(props);
         const rtlEnabledRef = useRtl("Tree", mergedRtlRef, mergedClsPrefixRef);
         const themeRef = useTheme(
           "Tree",
@@ -108185,6 +108702,9 @@
           props,
           mergedClsPrefixRef
         );
+        const mergedRenderEmptyRef = vue.computed(() => {
+          return mergedComponentPropsRef?.value?.Tree?.renderEmpty;
+        });
         const selfElRef = vue.ref(null);
         const scrollbarInstRef = vue.ref(null);
         const virtualListInstRef = vue.ref(null);
@@ -109169,6 +109689,7 @@
             props,
             "overrideDefaultNodeClickBehavior"
           ),
+          spinPropsRef: vue.toRef(props, "spinProps"),
           handleSwitcherClick,
           handleDragEnd,
           handleDragEnter,
@@ -109258,6 +109779,7 @@
           ...exposedMethods,
           mergedClsPrefix: mergedClsPrefixRef,
           mergedTheme: themeRef,
+          mergedRenderEmpty: mergedRenderEmptyRef,
           rtlEnabled: rtlEnabledRef,
           fNodes: mergedFNodesRef,
           aip: aipRef,
@@ -109345,16 +109867,18 @@
             {
               default: () => {
                 this.onRender?.();
-                return !fNodes.length ? resolveSlot(this.$slots.empty, () => [
-                  /* @__PURE__ */ vue.h(
-                    NEmpty,
-                    {
-                      class: `${mergedClsPrefix}-tree__empty`,
-                      theme: this.mergedTheme.peers.Empty,
-                      themeOverrides: this.mergedTheme.peerOverrides.Empty
-                    }
-                  )
-                ]) : /* @__PURE__ */ vue.h(
+                return !fNodes.length ? resolveSlot(this.$slots.empty, () => {
+                  return [
+                    this.mergedRenderEmpty?.() || /* @__PURE__ */ vue.h(
+                      NEmpty,
+                      {
+                        class: `${mergedClsPrefix}-tree__empty`,
+                        theme: this.mergedTheme.peers.Empty,
+                        themeOverrides: this.mergedTheme.peerOverrides.Empty
+                      }
+                    )
+                  ];
+                }) : /* @__PURE__ */ vue.h(
                   VVirtualList,
                   {
                     ref: "virtualListInstRef",
@@ -109422,16 +109946,18 @@
               onFocusout: mergedFocusable ? handleFocusout : void 0,
               onDragleave: draggable ? this.handleDragLeaveTree : void 0
             },
-            !fNodes.length ? resolveSlot(this.$slots.empty, () => [
-              /* @__PURE__ */ vue.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__ */ vue.h(
+                  NEmpty,
+                  {
+                    class: `${mergedClsPrefix}-tree__empty`,
+                    theme: this.mergedTheme.peers.Empty,
+                    themeOverrides: this.mergedTheme.peerOverrides.Empty
+                  }
+                )
+              ];
+            }) : fNodes.map(createNode)
           );
         }
       }
@@ -109527,6 +110053,7 @@
       loading: Boolean,
       maxTagCount: [String, Number],
       multiple: Boolean,
+      showLine: Boolean,
       showPath: Boolean,
       separator: {
         type: String,
@@ -109594,7 +110121,12 @@
         const triggerInstRef = vue.ref(null);
         const treeInstRef = vue.ref(null);
         const menuElRef = vue.ref(null);
-        const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = useConfig(props);
+        const {
+          mergedClsPrefixRef,
+          namespaceRef,
+          inlineThemeDisabled,
+          mergedComponentPropsRef
+        } = useConfig(props);
         const { localeRef } = useLocale("Select");
         const {
           mergedSizeRef,
@@ -109604,7 +110136,20 @@
           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 = vue.ref(props.defaultValue);
         const controlledValueRef = vue.toRef(props, "value");
         const mergedValueRef = useMergedState(
@@ -110085,6 +110630,9 @@
           props,
           mergedClsPrefixRef
         );
+        const mergedRenderEmptyRef = vue.computed(() => {
+          return mergedComponentPropsRef?.value?.TreeSelect?.renderEmpty;
+        });
         const cssVarsRef = vue.computed(() => {
           const {
             common: { cubicBezierEaseInOut },
@@ -110168,6 +110716,7 @@
           handleTabOut,
           handleMenuMousedown,
           mergedTheme: themeRef,
+          mergedRenderEmpty: mergedRenderEmptyRef,
           cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
           themeClass: themeClassHandle?.themeClass,
           onRender: themeClassHandle?.onRender
@@ -110310,6 +110859,7 @@
                               cascade: this.mergedCascade,
                               leafOnly: this.leafOnly,
                               multiple: this.multiple,
+                              showLine: this.showLine,
                               renderLabel: this.renderLabel,
                               renderPrefix: this.renderPrefix,
                               renderSuffix: this.renderSuffix,
@@ -110329,15 +110879,17 @@
                                 {
                                   class: `${mergedClsPrefix2}-tree-select-menu__empty`
                                 },
-                                resolveSlot($slots.empty, () => [
-                                  /* @__PURE__ */ vue.h(
-                                    NEmpty,
-                                    {
-                                      theme: mergedTheme.peers.Empty,
-                                      themeOverrides: mergedTheme.peerOverrides.Empty
-                                    }
-                                  )
-                                ])
+                                resolveSlot($slots.empty, () => {
+                                  return [
+                                    this.mergedRenderEmpty?.() || /* @__PURE__ */ vue.h(
+                                      NEmpty,
+                                      {
+                                        theme: mergedTheme.peers.Empty,
+                                        themeOverrides: mergedTheme.peerOverrides.Empty
+                                      }
+                                    )
+                                  ];
+                                })
                               ),
                               onLoad: this.onLoad,
                               onUpdateCheckedKeys: this.handleUpdateCheckedKeys,
@@ -111568,7 +112120,7 @@
               return;
             }
           }
-          NUpload.submit(props.file.id);
+          NUpload.submit({ fileId: props.file.id });
         }
         function handleRemoveOrCancelClick(e) {
           e.preventDefault();
@@ -112396,7 +112948,10 @@
             }
           });
         }
-        function submit(fileId) {
+        function submit({
+          fileId,
+          retry = false
+        } = {}) {
           const {
             method,
             action,
@@ -112406,7 +112961,7 @@
             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) {
@@ -113342,7 +113897,7 @@
       });
     }
 
-    var version = "2.43.2";
+    var version = "2.44.1";
 
     function create({
       componentPrefix = "N",