naive-ui 2.44.0 → 2.44.1

package/dist/index.mjs

@@ -36976,6 +36976,7 @@ var NInternalSelectMenu = defineComponent({
         tabindex: this.focusable ? 0 : -1,
         class: [
           `${clsPrefix}-base-select-menu`,
+          `${clsPrefix}-base-select-menu--${this.size}-size`,
           this.rtlEnabled && `${clsPrefix}-base-select-menu--rtl`,
           themeClass,
           this.multiple && `${clsPrefix}-base-select-menu--multiple`
@@ -38639,10 +38640,7 @@ var commonProps = {
     default: "default"
   },
   round: Boolean,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   closable: Boolean,
   disabled: {
     type: Boolean,
@@ -42631,7 +42629,8 @@ var NInput = defineComponent({
       mergedClsPrefixRef,
       mergedBorderedRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme(
       "Input",
@@ -42660,7 +42659,20 @@ var NInput = defineComponent({
       controlledValueRef,
       uncontrolledValueRef
     );
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Input?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const focusedRef = ref(false);
     const hoverRef = ref(false);
@@ -43415,6 +43427,7 @@ var NInput = defineComponent({
         ref: "wrapperElRef",
         class: [
           `${mergedClsPrefix}-input`,
+          `${mergedClsPrefix}-input--${this.mergedSize}-size`,
           themeClass,
           mergedStatus && `${mergedClsPrefix}-input--${mergedStatus}-status`,
           {
@@ -44080,9 +44093,23 @@ var AutoComplete = defineComponent({
       mergedBorderedRef,
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.AutoComplete?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const triggerElRef = ref(null);
     const menuInstRef = ref(null);
@@ -57118,7 +57145,8 @@ var Cascader = defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme(
       "Cascader",
@@ -57139,7 +57167,20 @@ var Cascader = defineComponent({
       return props.leafOnly ? "child" : props.checkStrategy;
     });
     const patternRef = ref("");
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Cascader?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const cascaderMenuInstRef = ref(null);
     const selectMenuInstRef = ref(null);
@@ -60263,10 +60304,28 @@ var NColorPicker = defineComponent({
       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",
@@ -61724,7 +61783,8 @@ var NSelect = defineComponent({
       mergedClsPrefixRef,
       mergedBorderedRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme(
       "Select",
@@ -61874,7 +61934,20 @@ var NSelect = defineComponent({
       }
       return null;
     });
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Select?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     function doUpdateValue(value, option) {
       const {
@@ -64170,10 +64243,7 @@ const dataTableProps = {
     default: true
   },
   singleColumn: Boolean,
-  size: {
-    type: String,
-    default: "medium"
-  },
+  size: String,
   remote: Boolean,
   defaultExpandedRowKeys: {
     type: Array,
@@ -67279,6 +67349,7 @@ var NDropdown = defineComponent({
     return {
       mergedClsPrefix: mergedClsPrefixRef,
       mergedTheme: themeRef,
+      mergedSize: mergedSizeRef,
       // data
       tmNodes: tmNodesRef,
       // show
@@ -67305,7 +67376,12 @@ var NDropdown = defineComponent({
       ) || {};
       const dropdownProps2 = {
         ref: createRefSetter(ref2),
-        class: [className, `${mergedClsPrefix}-dropdown`, this.themeClass],
+        class: [
+          className,
+          `${mergedClsPrefix}-dropdown`,
+          `${mergedClsPrefix}-dropdown--${this.mergedSize}-size`,
+          this.themeClass
+        ],
         clsPrefix: mergedClsPrefix,
         tmNodes: this.tmNodes,
         style: [...style2, this.cssVars],
@@ -74920,10 +74996,24 @@ var NTimePicker = defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const { localeRef, dateLocaleRef } = useLocale("TimePicker");
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.TimePicker?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const themeRef = useTheme(
       "TimePicker",
@@ -77235,8 +77325,6 @@ var DatePicker = defineComponent({
       });
     }
     const { localeRef, dateLocaleRef } = useLocale("DatePicker");
-    const formItem = useFormItem(props);
-    const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const {
       mergedComponentPropsRef,
       mergedClsPrefixRef,
@@ -77244,6 +77332,21 @@ var DatePicker = defineComponent({
       namespaceRef,
       inlineThemeDisabled
     } = useConfig(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.DatePicker?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
+    const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const panelInstRef = ref(null);
     const triggerElRef = ref(null);
     const inputInstRef = ref(null);
@@ -92888,7 +92991,12 @@ var InputNumber = defineComponent({
         }
       });
     }
-    const { mergedBorderedRef, mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+    const {
+      mergedBorderedRef,
+      mergedClsPrefixRef,
+      mergedRtlRef,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const themeRef = useTheme(
       "InputNumber",
       "-input-number",
@@ -92898,7 +93006,20 @@ var InputNumber = defineComponent({
       mergedClsPrefixRef
     );
     const { localeRef } = useLocale("InputNumber");
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.InputNumber?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const inputInstRef = ref(null);
     const minusButtonInstRef = ref(null);
@@ -93528,7 +93649,12 @@ var InputOtp = defineComponent({
   props: inputOtpProps,
   slots: Object,
   setup(props) {
-    const { mergedClsPrefixRef, mergedRtlRef, inlineThemeDisabled } = useConfig(props);
+    const {
+      mergedClsPrefixRef,
+      mergedRtlRef,
+      inlineThemeDisabled,
+      mergedComponentPropsRef
+    } = useConfig(props);
     const themeRef = useTheme(
       "InputOtp",
       "-input-otp",
@@ -93538,7 +93664,20 @@ var InputOtp = defineComponent({
       mergedClsPrefixRef
     );
     const rtlEnabledRef = useRtl("InputOtp", mergedRtlRef, mergedClsPrefixRef);
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.InputOtp?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
     const cssVarsRef = computed(() => {
       const { value: size } = mergedSizeRef;
@@ -96773,7 +96912,8 @@ var Mention = defineComponent({
       namespaceRef,
       mergedClsPrefixRef,
       mergedBorderedRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme(
       "Mention",
@@ -96783,7 +96923,20 @@ var Mention = defineComponent({
       props,
       mergedClsPrefixRef
     );
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Mention?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const inputInstRef = ref(null);
     const cursorRef = ref(null);
     const followerRef = ref(null);
@@ -106928,7 +107081,7 @@ var Transfer = defineComponent({
         }
       });
     }
-    const { mergedClsPrefixRef } = useConfig(props);
+    const { mergedClsPrefixRef, mergedComponentPropsRef } = useConfig(props);
     const themeRef = useTheme(
       "Transfer",
       "-transfer",
@@ -106937,7 +107090,20 @@ var Transfer = defineComponent({
       props,
       mergedClsPrefixRef
     );
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.Transfer?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const { mergedSizeRef, mergedDisabledRef } = formItem;
     const itemSizeRef = computed(() => {
       const { value: size } = mergedSizeRef;
@@ -109966,7 +110132,20 @@ var TreeSelect = defineComponent({
       nTriggerFormChange,
       nTriggerFormFocus,
       nTriggerFormInput
-    } = useFormItem(props);
+    } = useFormItem(props, {
+      mergedSize: (NFormItem) => {
+        const { size } = props;
+        if (size)
+          return size;
+        const { mergedSize: formItemSize } = NFormItem || {};
+        if (formItemSize?.value)
+          return formItemSize.value;
+        const configSize = mergedComponentPropsRef?.value?.TreeSelect?.size;
+        if (configSize)
+          return configSize;
+        return "medium";
+      }
+    });
     const uncontrolledValueRef = ref(props.defaultValue);
     const controlledValueRef = toRef(props, "value");
     const mergedValueRef = useMergedState(
@@ -113714,7 +113893,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.44.0";
+var version = "2.44.1";
 
 function create({
   componentPrefix = "N",