naive-ui 2.24.1 → 2.24.5

package/es/input/src/InputGroup.d.ts

@@ -9,13 +9,9 @@ declare const _default: import("vue").DefineComponent<{
     [x: symbol]: never;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    [x: string]: unknown;
-    [x: number]: unknown;
-    [x: symbol]: unknown;
-} & {} & {
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    [x: string]: never;
+    [x: number]: never;
+    [x: symbol]: never;
+}>>, {}>;
 export default _default;

package/es/input/src/InputGroupLabel.d.ts

@@ -394,16 +394,16 @@ declare const _default: import("vue").DefineComponent<{
         '--n-line-height': string;
         '--n-height': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly size?: unknown;
-    readonly bordered?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    size: Size;
-} & {
-    theme?: import("../../_mixins").Theme<"Input", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly size: {
+        readonly type: PropType<Size>;
+        readonly default: "medium";
+    };
+    readonly bordered: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Input", {
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -462,8 +462,8 @@ declare const _default: import("vue").DefineComponent<{
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -522,8 +522,8 @@ declare const _default: import("vue").DefineComponent<{
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
         countTextColor: string;
         heightTiny: string;
         heightSmall: string;
@@ -582,9 +582,8 @@ declare const _default: import("vue").DefineComponent<{
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>> | undefined;
-    bordered?: boolean | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: Size;
     bordered: boolean | undefined;
 }>;

package/es/input/src/InputGroupLabel.js

@@ -1,4 +1,4 @@
-import { computed, defineComponent, renderSlot, h } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { createKey } from '../../_utils';
 import { inputLight } from '../styles';
@@ -36,9 +36,10 @@ export default defineComponent({
         };
     },
     render() {
+        var _a, _b;
         const { mergedClsPrefix } = this;
-        return (h("div", { class: `${mergedClsPrefix}-input-group-label`, style: this.cssVars },
-            renderSlot(this.$slots, 'default'),
+        return (h("div", { class: `${mergedClsPrefix}-input-group-label`, style: this.cssVars }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
+            _b.call(_a),
             this.mergedBordered ? (h("div", { class: `${mergedClsPrefix}-input-group-label__border` })) : null));
     }
 });

package/es/input/src/WordCount.d.ts

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

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

@@ -1,4 +1,4 @@
-import { Ref, UnwrapRef, InjectionKey } from 'vue';
+import { Ref, UnwrapRef } from 'vue';
 export declare type Size = 'tiny' | 'small' | 'medium' | 'large';
 export declare type OnUpdateValue = <T extends string & [string, string]>(value: T) => void;
 export declare type OnUpdateValueImpl = (value: string | [string, string]) => void;
@@ -14,7 +14,7 @@ export interface InputWrappedRef {
     deactivate: () => void;
 }
 export declare type InputInst = UnwrapRef<InputWrappedRef>;
-export declare const inputInjectionKey: InjectionKey<{
+export declare const inputInjectionKey: import("vue").InjectionKey<{
     mergedValueRef: Ref<string | [string, string] | null>;
     maxlengthRef: Ref<number | undefined>;
     mergedClsPrefixRef: Ref<string>;

package/es/input/src/interface.js

@@ -1 +1,2 @@
-export const inputInjectionKey = Symbol('input');
+import { createInjectionKey } from '../../_utils';
+export const inputInjectionKey = createInjectionKey('n-input');

package/es/input/src/styles/input.cssr.js

@@ -67,17 +67,18 @@ cE('input, textarea', `
  text-decoration-color .3s var(--n-bezier);
  `), cE('input-el, textarea-el', `
  -webkit-appearance: none;
+ scrollbar-width: none;
  width: 100%;
  min-width: 0;
  text-decoration-color: var(--n-text-decoration-color);
  color: var(--n-text-color);
  caret-color: var(--n-caret-color);
  background-color: transparent;
- `, [c('&::placeholder', {
-  color: '#0000'
-})]), cM('round', [cNotM('textarea', {
-  borderRadius: 'calc(var(--n-height) / 2)'
-})]), cE('placeholder', `
+ `, [c('&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb', `
+ width: 0;
+ height: 0;
+ display: none;
+ `), c('&::placeholder', 'color: #0000;'), c('&:-webkit-autofill ~', [cE('placeholder', 'display: none;')])]), cM('round', [cNotM('textarea', 'border-radius: calc(var(--n-height) / 2);')]), cE('placeholder', `
  pointer-events: none;
  position: absolute;
  left: 0;
@@ -86,12 +87,10 @@ cE('input, textarea', `
  bottom: 0;
  overflow: hidden;
  color: var(--n-placeholder-color);
- `, [c('span', {
-  width: '100%',
-  display: 'inline-block'
-})]), cNotM('autosize', {
-  width: '100%'
-}), cM('autosize', [cE('textarea-el, input-el', `
+ `, [c('span', `
+ width: 100%;
+ display: inline-block;
+ `)]), cM('textarea', [cE('placeholder', 'overflow: visible;')]), cNotM('autosize', 'width: 100%;'), cM('autosize', [cE('textarea-el, input-el', `
  position: absolute;
  top: 0;
  left: 0;
@@ -119,34 +118,35 @@ cB('input-wrapper', `
  `, [c('+', [cE('placeholder', `
  display: flex;
  align-items: center; 
- `)])]), cNotM('textarea', [cE('placeholder', {
-  whiteSpace: 'nowrap'
-})]), cE('eye', `
+ `)])]), cNotM('textarea', [cE('placeholder', 'white-space: nowrap;')]), cE('eye', `
  transition: color .3s var(--n-bezier);
  `), // textarea
-cM('textarea', {
-  width: '100%'
-}, [cB('input-word-count', `
+cM('textarea', 'width: 100%;', [cB('input-word-count', `
  position: absolute;
  right: var(--n-padding-right);
  bottom: var(--n-padding-vertical);
  `), cM('resizable', [cB('input-wrapper', `
  resize: vertical;
- overflow: auto;
  min-height: var(--n-height);
- `)]), cE('textarea-el, textarea-mirror, placeholder', `
- width: 100%;
+ `)]), // override scrollbar relative position
+cE('textarea', `
+ position: static;
+ `), cE('textarea-el, textarea-mirror, placeholder', `
  height: 100%;
+ left: var(--n-padding-left);
+ right: var(--n-padding-right);
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--n-padding-vertical);
  padding-bottom: var(--n-padding-vertical);
+ word-break: break-word;
  display: inline-block;
  vertical-align: bottom;
  box-sizing: border-box;
  line-height: var(--n-line-height-textarea);
  margin: 0;
  resize: none;
+ white-space: pre-wrap;
  `), cE('textarea-mirror', `
  pointer-events: none;
  overflow: hidden;
@@ -155,9 +155,7 @@ cM('textarea', {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  `)]), // pair
-cM('pair', [cE('input-el, placeholder', {
-  textAlign: 'center'
-}), cE('separator', `
+cM('pair', [cE('input-el, placeholder', 'text-align: center;'), cE('separator', `
  display: flex;
  align-items: center;
  transition: color .3s var(--n-bezier);
@@ -166,26 +164,18 @@ cM('pair', [cE('input-el, placeholder', {
  color: var(--n-icon-color);
  `), cB('base-icon', `
  color: var(--n-icon-color);
- `)])]), cM('disabled', {
-  cursor: 'not-allowed',
-  backgroundColor: 'var(--n-color-disabled)'
-}, [cE('border', {
-  border: 'var(--n-border-disabled)'
-}), cE('input-el, textarea-el', {
-  cursor: 'not-allowed',
-  color: 'var(--n-text-color-disabled)',
-  textDecorationColor: 'var(--n-text-color-disabled)'
-}), cE('placeholder', {
-  color: 'var(--n-placeholder-color-disabled)'
-}), cE('separator', {
-  color: 'var(--n-text-color-disabled)'
-}, [cB('icon', `
+ `)])]), cM('disabled', `
+ cursor: not-allowed;
+ background-color: var(--n-color-disabled);
+ `, [cE('border', 'border: var(--n-border-disabled);'), cE('input-el, textarea-el', `
+ cursor: not-allowed;
+ color: var(--n-text-color-disabled);
+ text-decoration-color: var(--n-text-color-disabled);
+ `), cE('placeholder', 'color: var(--n-placeholder-color-disabled);'), cE('separator', 'color: var(--n-text-color-disabled);', [cB('icon', `
  color: var(--n-icon-color-disabled);
  `), cB('base-icon', `
  color: var(--n-icon-color-disabled);
- `)]), cE('suffix, prefix', {
-  color: 'var(--n-text-color-disabled)'
-}, [cB('icon', `
+ `)]), cE('suffix, prefix', 'color: var(--n-text-color-disabled);', [cB('icon', `
  color: var(--n-icon-color-disabled);
  `), cB('internal-icon', `
  color: var(--n-icon-color-disabled);
@@ -196,14 +186,10 @@ cM('pair', [cE('input-el, placeholder', {
  color: var(--n-icon-color-hover);
  `), c('&:active', `
  color: var(--n-icon-color-pressed);
- `)]), cM('focus', {
-  backgroundColor: 'var(--n-color-focus)'
-}, [cE('state-border', {
-  border: 'var(--n-border-focus)',
-  boxShadow: 'var(--n-box-shadow-focus)'
-})]), c('&:hover', [cE('state-border', {
-  border: 'var(--n-border-hover)'
-})])]), cE('border, state-border', `
+ `)]), cM('focus', 'background-color: var(--n-color-focus);', [cE('state-border', `
+ border: var(--n-border-focus);
+ box-shadow: var(--n-box-shadow-focus);
+ `)]), c('&:hover', [cE('state-border', 'border: var(--n-border-hover);')])]), cE('border, state-border', `
  box-sizing: border-box;
  position: absolute;
  left: 0;
@@ -219,9 +205,7 @@ cM('pair', [cE('input-el, placeholder', {
  `), cE('state-border', `
  border-color: #0000;
  z-index: 1;
- `), cE('prefix', {
-  marginRight: '4px'
-}), cE('suffix', `
+ `), cE('prefix', 'margin-right: 4px;'), cE('suffix', `
  margin-left: 4px;
  `), cE('suffix, prefix', `
  transition: color .3s var(--n-bezier);
@@ -259,20 +243,20 @@ cM('pair', [cE('input-el, placeholder', {
  font-variant: tabular-nums;
  `)]), ['warning', 'error'].map(status => insideFormItem(status, cB('input', [cNotM('disabled', [cB('base-loading', `
  color: var(--n-loading-color-${status})
- `), cE('input-el, textarea-el', {
-  caretColor: `var(--n-caret-color-${status})`
-}), cE('state-border', {
-  border: `var(--n-border-${status})`
-}), c('&:hover', [cE('state-border', `
+ `), cE('input-el, textarea-el', `
+ caret-color: var(--n-caret-color-${status});
+ `), cE('state-border', `
+ border: var(--n-border-${status});
+ `), c('&:hover', [cE('state-border', `
  border: var(--n-border-hover-${status});
- `)]), c('&:focus', {
-  backgroundColor: `var(--n-color-focus-${status})`
-}, [cE('state-border', `
+ `)]), c('&:focus', `
+ background-color: var(--n-color-focus-${status});
+ `, [cE('state-border', `
  box-shadow: var(--n-box-shadow-focus-${status});
  border: var(--n-border-focus-${status});
- `)]), cM('focus', {
-  backgroundColor: `var(--n-color-focus-${status})`
-}, [cE('state-border', `
+ `)]), cM('focus', `
+ background-color: var(--n-color-focus-${status});
+ `, [cE('state-border', `
  box-shadow: var(--n-box-shadow-focus-${status});
  border: var(--n-border-focus-${status});
  `)])])])))]);

package/es/input-number/src/InputNumber.d.ts

@@ -2153,54 +2153,61 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     focus: () => void;
     blur: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    loading?: unknown;
-    placeholder?: unknown;
-    defaultValue?: unknown;
-    value?: unknown;
-    step?: unknown;
-    min?: unknown;
-    max?: unknown;
-    size?: unknown;
-    disabled?: unknown;
-    validator?: unknown;
-    bordered?: unknown;
-    showButton?: unknown;
-    readonly?: unknown;
-    clearable?: unknown;
-    keyboard?: unknown;
-    updateValueOnInput?: unknown;
-    'onUpdate:value'?: unknown;
-    onUpdateValue?: unknown;
-    onFocus?: unknown;
-    onBlur?: unknown;
-    onClear?: unknown;
-    onChange?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    readonly: boolean;
-    step: string | number;
-    clearable: boolean;
-    defaultValue: number | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    defaultValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    value: PropType<number | null>;
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    min: (StringConstructor | NumberConstructor)[];
+    max: (StringConstructor | NumberConstructor)[];
+    size: PropType<"small" | "medium" | "large">;
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    validator: PropType<(value: number) => boolean>;
+    bordered: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    showButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: BooleanConstructor;
+    clearable: BooleanConstructor;
     keyboard: {
-        ArrowUp?: boolean | undefined;
-        ArrowDown?: boolean | undefined;
+        type: PropType<{
+            ArrowUp?: boolean | undefined;
+            ArrowDown?: boolean | undefined;
+        }>;
+        default: {};
     };
-    showButton: boolean;
-    updateValueOnInput: boolean;
-} & {
-    value?: number | null | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    disabled?: boolean | undefined;
-    onFocus?: MaybeArray<(e: FocusEvent) => void> | undefined;
-    onBlur?: MaybeArray<(e: FocusEvent) => void> | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    placeholder?: string | undefined;
-    max?: string | number | undefined;
-    min?: string | number | undefined;
-    theme?: import("../../_mixins").Theme<"InputNumber", {
+    updateValueOnInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    onClear: PropType<MaybeArray<(e: MouseEvent) => void>>;
+    onChange: {
+        type: PropType<MaybeArray<OnUpdateValue> | undefined>;
+        validator: () => boolean;
+        default: undefined;
+    };
+    theme: PropType<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
@@ -2467,8 +2474,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
@@ -2735,8 +2742,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
@@ -3003,14 +3010,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }>> | undefined;
-    loading?: boolean | undefined;
-    bordered?: boolean | undefined;
-    validator?: ((value: number) => boolean) | undefined;
-    onClear?: MaybeArray<(e: MouseEvent) => void> | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-}>, {
+    }>>>;
+}>>, {
     readonly: boolean;
     disabled: boolean | undefined;
     step: string | number;