naive-ui 2.38.2 → 2.40.0

package/es/image/src/icons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 export declare const prevIcon: JSX.Element;
 export declare const nextIcon: JSX.Element;
 export declare const closeIcon: JSX.Element;

package/es/image/src/utils.d.ts

@@ -2,9 +2,9 @@ import type { Ref } from 'vue';
 export type IntersectionObserverOptions = Omit<IntersectionObserverInit, 'root'> & {
     root?: Element | Document | null | string;
 };
-export declare const resolveOptionsAndHash: (options?: IntersectionObserverOptions | undefined) => {
+export declare function resolveOptionsAndHash(options?: IntersectionObserverOptions | undefined): {
     hash: string;
-    options: Omit<IntersectionObserverInit, "root"> & {
+    options: Omit<IntersectionObserverInit, 'root'> & {
         root: Element | Document;
     };
 };

package/es/image/src/utils.mjs

@@ -1,4 +1,4 @@
-export const resolveOptionsAndHash = (options = {}) => {
+export function resolveOptionsAndHash(options = {}) {
   var _a;
   const {
     root = null
@@ -9,7 +9,7 @@ export const resolveOptionsAndHash = (options = {}) => {
       root: (typeof root === 'string' ? document.querySelector(root) : root) || document.documentElement
     })
   };
-};
+}
 // root -> options -> [observer, elements]
 const observers = new WeakMap();
 const unobserveHandleMap = new WeakMap();
@@ -31,9 +31,7 @@ export const observeIntersection = (el, options, shouldStartLoadingRef) => {
   let observer;
   let observerAndObservedElements;
   if (rootObservers.has(resolvedOptionsAndHash.hash)) {
-    observerAndObservedElements =
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    rootObservers.get(resolvedOptionsAndHash.hash);
+    observerAndObservedElements = rootObservers.get(resolvedOptionsAndHash.hash);
     if (!observerAndObservedElements[1].has(el)) {
       observer = observerAndObservedElements[0];
       observerAndObservedElements[1].add(el);

package/es/infinite-scroll/src/InfiniteScroll.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { type ScrollbarProps } from '../../scrollbar/src/Scrollbar';
+import type { ScrollbarProps } from '../../scrollbar/src/Scrollbar';
 export declare const infiniteScrollProps: {
     readonly distance: {
         readonly type: NumberConstructor;
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly onLoad: PropType<() => void | Promise<void>>;
+    readonly onLoad: PropType<() => Promise<void> | void>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
 }, {
     scrollbarInstRef: import("vue").Ref<{
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly onLoad: PropType<() => void | Promise<void>>;
+    readonly onLoad: PropType<() => Promise<void> | void>;
     readonly scrollbarProps: PropType<ScrollbarProps>;
 }>>, {
     readonly distance: number;

package/es/infinite-scroll/src/InfiniteScroll.mjs

@@ -25,7 +25,7 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
-import { h, defineComponent, ref } from 'vue';
+import { defineComponent, h, ref } from 'vue';
 import { resolveSlot } from "../../_utils/index.mjs";
 import { NxScrollbar } from "../../_internal/index.mjs";
 export const infiniteScrollProps = {
@@ -49,13 +49,13 @@ export default defineComponent({
       } = scrollbarInstRef;
       if (scrollbarInst) {
         const {
-          containerRef,
-          containerScrollTop
+          containerRef
         } = scrollbarInst;
         const scrollHeight = containerRef === null || containerRef === void 0 ? void 0 : containerRef.scrollHeight;
         const clientHeight = containerRef === null || containerRef === void 0 ? void 0 : containerRef.clientHeight;
-        if (containerRef && scrollHeight !== undefined && clientHeight !== undefined) {
-          if (containerScrollTop + clientHeight >= scrollHeight - props.distance) {
+        const scrollTop = containerRef === null || containerRef === void 0 ? void 0 : containerRef.scrollTop;
+        if (containerRef && scrollHeight !== undefined && clientHeight !== undefined && scrollTop !== undefined) {
+          if (scrollTop + clientHeight >= scrollHeight - props.distance) {
             loading = true;
             try {
               yield (_a = props.onLoad) === null || _a === void 0 ? void 0 : _a.call(props);

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

@@ -1,4 +1,4 @@
-import { type PropType, type InputHTMLAttributes, type TextareaHTMLAttributes, type VNodeChild } from 'vue';
+import { type InputHTMLAttributes, type PropType, type TextareaHTMLAttributes, type VNodeChild } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
 import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
 import type { OnUpdateValue, Size } from './interface';
@@ -8,32 +8,32 @@ export declare const inputProps: {
         default: undefined;
     };
     type: {
-        type: PropType<"textarea" | "text" | "password">;
+        type: PropType<"text" | "textarea" | "password">;
         default: string;
     };
     placeholder: PropType<string | [string, string]>;
     defaultValue: {
-        type: PropType<string | [string, string] | null>;
+        type: PropType<null | string | [string, string]>;
         default: null;
     };
-    value: PropType<string | [string, string] | null>;
+    value: PropType<null | string | [string, string]>;
     disabled: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
     size: PropType<Size>;
     rows: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     };
     round: BooleanConstructor;
-    minlength: PropType<string | number>;
-    maxlength: PropType<string | number>;
+    minlength: PropType<number | string>;
+    maxlength: PropType<number | string>;
     clearable: BooleanConstructor;
     autosize: {
         type: PropType<boolean | {
-            minRows?: number | undefined;
-            maxRows?: number | undefined;
+            minRows?: number;
+            maxRows?: number;
         }>;
         default: boolean;
     };
@@ -44,13 +44,13 @@ export declare const inputProps: {
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
-    showPasswordOn: PropType<"click" | "mousedown">;
+    showPasswordOn: PropType<"mousedown" | "click">;
     stateful: {
         type: BooleanConstructor;
         default: boolean;
     };
     autofocus: BooleanConstructor;
-    inputProps: PropType<InputHTMLAttributes | TextareaHTMLAttributes>;
+    inputProps: PropType<TextareaHTMLAttributes | InputHTMLAttributes>;
     resizable: {
         type: BooleanConstructor;
         default: boolean;
@@ -288,32 +288,32 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     type: {
-        type: PropType<"textarea" | "text" | "password">;
+        type: PropType<"text" | "textarea" | "password">;
         default: string;
     };
     placeholder: PropType<string | [string, string]>;
     defaultValue: {
-        type: PropType<string | [string, string] | null>;
+        type: PropType<null | string | [string, string]>;
         default: null;
     };
-    value: PropType<string | [string, string] | null>;
+    value: PropType<null | string | [string, string]>;
     disabled: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
     size: PropType<Size>;
     rows: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     };
     round: BooleanConstructor;
-    minlength: PropType<string | number>;
-    maxlength: PropType<string | number>;
+    minlength: PropType<number | string>;
+    maxlength: PropType<number | string>;
     clearable: BooleanConstructor;
     autosize: {
         type: PropType<boolean | {
-            minRows?: number | undefined;
-            maxRows?: number | undefined;
+            minRows?: number;
+            maxRows?: number;
         }>;
         default: boolean;
     };
@@ -324,13 +324,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
-    showPasswordOn: PropType<"click" | "mousedown">;
+    showPasswordOn: PropType<"mousedown" | "click">;
     stateful: {
         type: BooleanConstructor;
         default: boolean;
     };
     autofocus: BooleanConstructor;
-    inputProps: PropType<InputHTMLAttributes | TextareaHTMLAttributes>;
+    inputProps: PropType<TextareaHTMLAttributes | InputHTMLAttributes>;
     resizable: {
         type: BooleanConstructor;
         default: boolean;
@@ -624,111 +624,7 @@ declare const _default: import("vue").DefineComponent<{
     handleTextAreaMirrorResize: () => void;
     getTextareaScrollContainer: () => HTMLTextAreaElement | null;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             countTextColorDisabled: string;
             countTextColor: string;
@@ -861,32 +757,32 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     type: {
-        type: PropType<"textarea" | "text" | "password">;
+        type: PropType<"text" | "textarea" | "password">;
         default: string;
     };
     placeholder: PropType<string | [string, string]>;
     defaultValue: {
-        type: PropType<string | [string, string] | null>;
+        type: PropType<null | string | [string, string]>;
         default: null;
     };
-    value: PropType<string | [string, string] | null>;
+    value: PropType<null | string | [string, string]>;
     disabled: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
     size: PropType<Size>;
     rows: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     };
     round: BooleanConstructor;
-    minlength: PropType<string | number>;
-    maxlength: PropType<string | number>;
+    minlength: PropType<number | string>;
+    maxlength: PropType<number | string>;
     clearable: BooleanConstructor;
     autosize: {
         type: PropType<boolean | {
-            minRows?: number | undefined;
-            maxRows?: number | undefined;
+            minRows?: number;
+            maxRows?: number;
         }>;
         default: boolean;
     };
@@ -897,13 +793,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
-    showPasswordOn: PropType<"click" | "mousedown">;
+    showPasswordOn: PropType<"mousedown" | "click">;
     stateful: {
         type: BooleanConstructor;
         default: boolean;
     };
     autofocus: BooleanConstructor;
-    inputProps: PropType<InputHTMLAttributes | TextareaHTMLAttributes>;
+    inputProps: PropType<TextareaHTMLAttributes | InputHTMLAttributes>;
     resizable: {
         type: BooleanConstructor;
         default: boolean;
@@ -1141,8 +1037,8 @@ declare const _default: import("vue").DefineComponent<{
     autofocus: boolean;
     loading: boolean;
     autosize: boolean | {
-        minRows?: number | undefined;
-        maxRows?: number | undefined;
+        minRows?: number;
+        maxRows?: number;
     };
     bordered: boolean | undefined;
     clearable: boolean;

package/es/input/src/Input.mjs

@@ -1,5 +1,5 @@
-import { h, computed, defineComponent, nextTick, ref, toRef, onMounted, getCurrentInstance, watch, watchEffect, provide, Fragment } from 'vue';
-import { useMergedState, useMemo } from 'vooks';
+import { Fragment, computed, defineComponent, getCurrentInstance, h, nextTick, onMounted, provide, ref, toRef, watch, watchEffect } from 'vue';
+import { useMemo, useMergedState } from 'vooks';
 import { getPadding } from 'seemly';
 import { VResizeObserver } from 'vueuc';
 import { off, on } from 'evtd';
@@ -7,7 +7,7 @@ import { isSafari } from "../../_utils/env/browser.mjs";
 import { EyeIcon, EyeOffIcon } from "../../_internal/icons/index.mjs";
 import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { NBaseClear, NBaseIcon, NBaseSuffix, NScrollbar } from "../../_internal/index.mjs";
-import { useTheme, useLocale, useFormItem, useConfig, useThemeClass, useStyle } from "../../_mixins/index.mjs";
+import { useConfig, useFormItem, useLocale, useStyle, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call, createKey, resolveSlot, resolveWrappedSlot, warnOnce } from "../../_utils/index.mjs";
 import { inputLight } from "../styles/index.mjs";
 import { inputInjectionKey } from "./interface.mjs";
@@ -301,7 +301,6 @@ export default defineComponent({
       }
     });
     // other methods
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const vm = getCurrentInstance().proxy;
     function doUpdateValue(value, meta) {
       const {
@@ -429,11 +428,15 @@ export default defineComponent({
       const isIncomingValueValid = allowInput(targetValue);
       if (isIncomingValueValid) {
         if (!props.pair) {
-          event === 'input' ? doUpdateValue(targetValue, {
-            source: index
-          }) : doChange(targetValue, {
-            source: index
-          });
+          if (event === 'input') {
+            doUpdateValue(targetValue, {
+              source: index
+            });
+          } else {
+            doChange(targetValue, {
+              source: index
+            });
+          }
         } else {
           let {
             value
@@ -444,11 +447,15 @@ export default defineComponent({
             value = [value[0], value[1]];
           }
           value[index] = targetValue;
-          event === 'input' ? doUpdateValue(value, {
-            source: index
-          }) : doChange(value, {
-            source: index
-          });
+          if (event === 'input') {
+            doUpdateValue(value, {
+              source: index
+            });
+          } else {
+            doChange(value, {
+              source: index
+            });
+          }
         }
       }
       // force update to sync input's view with value
@@ -739,7 +746,7 @@ export default defineComponent({
             value: textareaMirrorEl
           } = textareaMirrorElRef;
           if (textareaMirrorEl) {
-            textareaMirrorEl.textContent = (value !== null && value !== void 0 ? value : '') + '\r\n';
+            textareaMirrorEl.textContent = `${value !== null && value !== void 0 ? value : ''}\r\n`;
           }
         } else {
           const {

package/es/input/src/InputGroup.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue';
+import { defineComponent, h } from 'vue';
 import { useConfig, useStyle } from "../../_mixins/index.mjs";
 import style from "./styles/input-group.cssr.mjs";
 export const inputGroupProps = {};

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

@@ -1,3 +1,2 @@
-/// <reference types="vue/jsx" />
 declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/input/src/WordCount.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, inject, h, computed } from 'vue';
+import { computed, defineComponent, h, inject } from 'vue';
 import { resolveSlotWithProps } from "../../_utils/index.mjs";
 import { inputInjectionKey } from "./interface.mjs";
 import { len } from "./utils.mjs";
@@ -12,9 +12,7 @@ export default defineComponent({
       maxlengthRef,
       mergedClsPrefixRef,
       countGraphemesRef
-    } =
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    inject(inputInjectionKey);
+    } = inject(inputInjectionKey);
     const wordCountRef = computed(() => {
       const {
         value: mergedValue

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

@@ -1,4 +1,4 @@
-import { cB, c, cE, cM, cNotM } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM, cNotM } from "../../../_utils/cssr/index.mjs";
 // vars:
 // --n-bezier
 // --n-color

package/es/input/src/utils.mjs

@@ -1,7 +1,6 @@
 import { ref, watch } from 'vue';
 export function len(s) {
   let count = 0;
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   for (const _ of s) {
     count++;
   }

package/es/input/styles/dark.mjs

@@ -1,6 +1,6 @@
-import commonVariables from "./_common.mjs";
 import { changeColor } from 'seemly';
 import { commonDark } from "../../_styles/common/index.mjs";
+import commonVariables from "./_common.mjs";
 const inputDark = {
   name: 'Input',
   common: commonDark,

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

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-declare const self: (vars: ThemeCommonVars) => {
+declare function self(vars: ThemeCommonVars): {
     countTextColorDisabled: string;
     countTextColor: string;
     heightTiny: string;

package/es/input/styles/light.mjs

@@ -1,7 +1,7 @@
-import commonVariables from "./_common.mjs";
 import { changeColor } from 'seemly';
 import { commonLight } from "../../_styles/common/index.mjs";
-const self = vars => {
+import commonVariables from "./_common.mjs";
+function self(vars) {
   const {
     textColor2,
     textColor3,
@@ -100,7 +100,7 @@ const self = vars => {
     iconColorPressed,
     suffixTextColor: textColor2
   });
-};
+}
 const inputLight = {
   name: 'Input',
   common: commonLight,