naive-ui 2.41.1 → 2.43.0

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

@@ -334,7 +334,20 @@ export declare const inputNumberProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -604,7 +617,20 @@ export declare const inputNumberProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -874,7 +900,20 @@ export declare const inputNumberProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 };
 export type InputNumberProps = ExtractPublicPropTypes<typeof inputNumberProps>;
@@ -1216,7 +1255,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -1486,7 +1538,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -1756,7 +1821,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -2104,7 +2182,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 paddingMedium: string;
                 paddingLarge: string;
                 clearSize: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Button?: {
@@ -2114,7 +2205,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
             Input?: {
                 peers?: {
-                    [x: string]: any;
+                    Scrollbar?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>> | undefined;
                 } | undefined;
             } | undefined;
         };
@@ -2463,7 +2565,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -2733,7 +2848,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputNumber", {
         iconColorDisabled: string;
@@ -3003,7 +3131,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>> & Readonly<{}>, {
     readonly: boolean;

package/es/input-number/styles/light.d.ts

@@ -271,7 +271,20 @@ declare const inputNumberLight: import("../../_mixins").Theme<"InputNumber", {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>;
 }>;
 export default inputNumberLight;
 export type InputNumberTheme = typeof inputNumberLight;

package/es/input-otp/src/InputOtp.d.ts

@@ -12,6 +12,7 @@ export declare const inputOtpProps: {
         type: NumberConstructor;
         default: number;
     };
+    block: BooleanConstructor;
     size: PropType<InputOtpSize>;
     disabled: BooleanConstructor;
     mask: BooleanConstructor;
@@ -97,7 +98,20 @@ export declare const inputOtpProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -168,7 +182,20 @@ export declare const inputOtpProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -239,7 +266,20 @@ export declare const inputOtpProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 };
 export type InputOtpProps = ExtractPublicPropTypes<typeof inputOtpProps>;
@@ -253,6 +293,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    block: BooleanConstructor;
     size: PropType<InputOtpSize>;
     disabled: BooleanConstructor;
     mask: BooleanConstructor;
@@ -338,7 +379,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -409,7 +463,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -480,9 +547,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>, {
+    focusOnChar: (charIndex: number) => void;
     mergedTheme: import("vue").ComputedRef<{
         common: import("naive-ui").ThemeCommonVars;
         self: {
@@ -555,12 +636,36 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 paddingMedium: string;
                 paddingLarge: string;
                 clearSize: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
         };
         peerOverrides: {
             Input?: {
                 peers?: {
-                    [x: string]: any;
+                    Scrollbar?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>> | undefined;
                 } | undefined;
             } | undefined;
         };
@@ -631,6 +736,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    block: BooleanConstructor;
     size: PropType<InputOtpSize>;
     disabled: BooleanConstructor;
     mask: BooleanConstructor;
@@ -716,7 +822,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -787,7 +906,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"InputOtp", {
         inputWidthSmall: string;
@@ -858,14 +990,28 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
     }>>>;
 }>> & Readonly<{}>, {
     readonly: boolean;
+    block: boolean;
     length: number;
+    placeholder: string;
     disabled: boolean;
     mask: boolean;
-    placeholder: string;
     defaultValue: string[];
 }, SlotsType<InputOtpSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/input-otp/src/InputOtp.mjs

@@ -24,6 +24,7 @@ export const inputOtpProps = Object.assign(Object.assign({}, useTheme.props), {
     type: Number,
     default: 6
   },
+  block: Boolean,
   size: String,
   disabled: Boolean,
   mask: Boolean,
@@ -173,6 +174,9 @@ export default defineComponent({
       nTriggerFormChange();
     }
     const handlePaste = (e, index) => {
+      if (props.readonly || mergedDisabledRef.value) {
+        return;
+      }
       e.preventDefault();
       const {
         clipboardData
@@ -206,9 +210,10 @@ export default defineComponent({
       }
     };
     const handleKeydown = (e, index) => {
+      if (mergedDisabledRef.value) return;
       const keyCode = e.code || e.key;
       const currentValue = justifyValue(mergedValueRef.value);
-      if (keyCode === 'Backspace') {
+      if (keyCode === 'Backspace' && !props.readonly) {
         e.preventDefault();
         currentValue[Math.max(index, 0)] = '';
         doUpdateValue(currentValue, {
@@ -251,7 +256,10 @@ export default defineComponent({
         onBlur: event => handleBlur(event, index)
       };
     };
-    return {
+    const exposedMethods = {
+      focusOnChar
+    };
+    return Object.assign({
       mergedTheme: themeRef,
       perItemValueArray: computed(() => justifyValue(mergedValueRef.value)),
       mergedClsPrefix: mergedClsPrefixRef,
@@ -264,7 +272,7 @@ export default defineComponent({
       themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
       getTemplateEvents,
       onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
-    };
+    }, exposedMethods);
   },
   render() {
     const {
@@ -285,7 +293,7 @@ export default defineComponent({
     onRender === null || onRender === void 0 ? void 0 : onRender();
     return h("div", {
       style: this.cssVars,
-      class: [`${mergedClsPrefix}-input-otp`, themeClass, this.rtlEnabled && `${mergedClsPrefix}-input-otp--rtl`]
+      class: [`${mergedClsPrefix}-input-otp`, themeClass, this.rtlEnabled && `${mergedClsPrefix}-input-otp--rtl`, this.block && `${mergedClsPrefix}-input-otp--block`]
     }, repeat(this.length, undefined).map((_, index) => resolveSlotWithTypedProps($slots.default, Object.assign({
       index,
       value: perItemValueArray[index],

package/es/input-otp/src/public-types.d.ts

@@ -21,4 +21,5 @@ export interface InputOtpOnUpdateValueMeta {
 }
 export type InputOtpOnUpdateValueMetaSource = 'paste' | 'input' | 'delete';
 export interface InputOtpInst {
+    focusOnChar: (charIndex: number) => void;
 }

package/es/input-otp/src/styles/index.cssr.mjs

@@ -1,11 +1,20 @@
-import { c, cB } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cM, cNotM } from "../../../_utils/cssr/index.mjs";
 // --n-input-width
 // --n-gap
 export default c([cB('input-otp', `
  display: flex;
  align-items: center;
  gap: var(--n-gap);
- `, [cB('input', `
+ `, [cM('block', ``, [cB('input', ``, [cNotM('autosize', `
+ text-align: center;
+ min-width: 0;
+ `), cM('autosize', `
+ text-align: center;
+ min-width: 0;
+ `)])]), cNotM('block', ``, [cB('input', ``, [cNotM('autosize', `
+ width: var(--n-input-width);
+ text-align: center;
+ `), cM('autosize', `
  width: var(--n-input-width);
  text-align: center;
- `)])]);
+ `)])])])]);

package/es/input-otp/styles/dark.mjs

@@ -1,5 +1,5 @@
 import { commonDark } from "../../_styles/common/index.mjs";
-import { inputDark } from "../../styles.mjs";
+import { inputDark } from "../../input/styles/index.mjs";
 import { self } from "./light.mjs";
 const inputOtpDark = {
   name: 'InputOtp',

package/es/input-otp/styles/light.d.ts

@@ -75,7 +75,20 @@ declare const inputOtpLight: import("../../_mixins").Theme<"InputOtp", {
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>;
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>;
 }>;
 export default inputOtpLight;
 export type InputOtpTheme = typeof inputOtpLight;

package/es/layout/src/LayoutSider.d.ts

@@ -488,9 +488,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     width: string | number;
     bordered: boolean;
     contentStyle: string | CSSProperties;
-    inverted: boolean;
     collapsed: boolean | undefined;
     nativeScrollbar: boolean;
+    inverted: boolean;
     collapsedWidth: number;
     collapseMode: "transform" | "width";
     defaultCollapsed: boolean;