naive-ui 2.38.2 → 2.40.0

package/lib/input/src/Input.js

@@ -148,19 +148,19 @@ exports.default = (0, vue_1.defineComponent)({
             const { value: isComposing } = isComposingRef;
             const { value: mergedValue } = mergedValueRef;
             const { value: mergedPlaceholder } = mergedPlaceholderRef;
-            return (!isComposing &&
-                ((0, utils_1.isEmptyInputValue)(mergedValue) ||
-                    (Array.isArray(mergedValue) && (0, utils_1.isEmptyInputValue)(mergedValue[0]))) &&
-                mergedPlaceholder[0]);
+            return (!isComposing
+                && ((0, utils_1.isEmptyInputValue)(mergedValue)
+                    || (Array.isArray(mergedValue) && (0, utils_1.isEmptyInputValue)(mergedValue[0])))
+                && mergedPlaceholder[0]);
         });
         const showPlaceholder2Ref = (0, vue_1.computed)(() => {
             const { value: isComposing } = isComposingRef;
             const { value: mergedValue } = mergedValueRef;
             const { value: mergedPlaceholder } = mergedPlaceholderRef;
-            return (!isComposing &&
-                mergedPlaceholder[1] &&
-                ((0, utils_1.isEmptyInputValue)(mergedValue) ||
-                    (Array.isArray(mergedValue) && (0, utils_1.isEmptyInputValue)(mergedValue[1]))));
+            return (!isComposing
+                && mergedPlaceholder[1]
+                && ((0, utils_1.isEmptyInputValue)(mergedValue)
+                    || (Array.isArray(mergedValue) && (0, utils_1.isEmptyInputValue)(mergedValue[1]))));
         });
         // focus
         const mergedFocusRef = (0, vooks_1.useMemo)(() => {
@@ -168,18 +168,18 @@ exports.default = (0, vue_1.defineComponent)({
         });
         // clear
         const showClearButton = (0, vooks_1.useMemo)(() => {
-            if (mergedDisabledRef.value ||
-                props.readonly ||
-                !props.clearable ||
-                (!mergedFocusRef.value && !hoverRef.value)) {
+            if (mergedDisabledRef.value
+                || props.readonly
+                || !props.clearable
+                || (!mergedFocusRef.value && !hoverRef.value)) {
                 return false;
             }
             const { value: mergedValue } = mergedValueRef;
             const { value: mergedFocus } = mergedFocusRef;
             if (props.pair) {
-                return (!!(Array.isArray(mergedValue) &&
-                    (mergedValue[0] || mergedValue[1])) &&
-                    (hoverRef.value || mergedFocus));
+                return (!!(Array.isArray(mergedValue)
+                    && (mergedValue[0] || mergedValue[1]))
+                    && (hoverRef.value || mergedFocus));
             }
             else {
                 return !!mergedValue && (hoverRef.value || mergedFocus);
@@ -202,7 +202,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (!textDecoration)
                 return ['', ''];
             if (Array.isArray(textDecoration)) {
-                return textDecoration.map((v) => ({
+                return textDecoration.map(v => ({
                     textDecoration: v
                 }));
             }
@@ -219,8 +219,8 @@ exports.default = (0, vue_1.defineComponent)({
             if (props.type === 'textarea') {
                 const { autosize } = props;
                 if (autosize) {
-                    textAreaScrollContainerWidthRef.value =
-                        (_b = (_a = textareaScrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.$el) === null || _b === void 0 ? void 0 : _b.offsetWidth;
+                    textAreaScrollContainerWidthRef.value
+                        = (_b = (_a = textareaScrollbarInstRef.value) === null || _a === void 0 ? void 0 : _a.$el) === null || _b === void 0 ? void 0 : _b.offsetWidth;
                 }
                 if (!textareaElRef.value)
                     return;
@@ -257,7 +257,6 @@ exports.default = (0, vue_1.defineComponent)({
             }
         });
         // other methods
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const vm = (0, vue_1.getCurrentInstance)().proxy;
         function doUpdateValue(value, meta) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onInput } = props;
@@ -365,9 +364,12 @@ exports.default = (0, vue_1.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 } = mergedValueRef;
@@ -378,9 +380,12 @@ exports.default = (0, vue_1.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
@@ -420,10 +425,10 @@ exports.default = (0, vue_1.defineComponent)({
             if (e.relatedTarget === wrapperElRef.value) {
                 doDeactivate();
             }
-            if (!(e.relatedTarget !== null &&
-                (e.relatedTarget === inputElRef.value ||
-                    e.relatedTarget === inputEl2Ref.value ||
-                    e.relatedTarget === textareaElRef.value))) {
+            if (!(e.relatedTarget !== null
+                && (e.relatedTarget === inputElRef.value
+                    || e.relatedTarget === inputEl2Ref.value
+                    || e.relatedTarget === textareaElRef.value))) {
                 activatedRef.value = false;
             }
             dealWithEvent(e, 'blur');
@@ -459,11 +464,11 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         function dealWithEvent(e, type) {
-            if (e.relatedTarget !== null &&
-                (e.relatedTarget === inputElRef.value ||
-                    e.relatedTarget === inputEl2Ref.value ||
-                    e.relatedTarget === textareaElRef.value ||
-                    e.relatedTarget === wrapperElRef.value)) {
+            if (e.relatedTarget !== null
+                && (e.relatedTarget === inputElRef.value
+                    || e.relatedTarget === inputEl2Ref.value
+                    || e.relatedTarget === textareaElRef.value
+                    || e.relatedTarget === wrapperElRef.value)) {
                 /**
                  * activeElement transfer inside the input, do nothing
                  */
@@ -510,10 +515,10 @@ exports.default = (0, vue_1.defineComponent)({
                     if (wrapperEl) {
                         const { left, top, width, height } = wrapperEl.getBoundingClientRect();
                         const resizeHandleSize = 14;
-                        if (left + width - resizeHandleSize < e.clientX &&
-                            e.clientX < left + width &&
-                            top + height - resizeHandleSize < e.clientY &&
-                            e.clientY < top + height) {
+                        if (left + width - resizeHandleSize < e.clientX
+                            && e.clientX < left + width
+                            && top + height - resizeHandleSize < e.clientY
+                            && e.clientY < top + height) {
                             // touching resize handle, just let it go.
                             // resize won't take focus, maybe there is a better way to do this.
                             // hope someone can figure out a better solution
@@ -644,8 +649,8 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function deactivate() {
             const { value: wrapperEl } = wrapperElRef;
-            if ((wrapperEl === null || wrapperEl === void 0 ? void 0 : wrapperEl.contains(document.activeElement)) &&
-                wrapperEl !== document.activeElement) {
+            if ((wrapperEl === null || wrapperEl === void 0 ? void 0 : wrapperEl.contains(document.activeElement))
+                && wrapperEl !== document.activeElement) {
                 handleWrapperKeydownEsc();
             }
         }
@@ -665,7 +670,7 @@ exports.default = (0, vue_1.defineComponent)({
                 if (type === 'textarea') {
                     const { 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 {
@@ -863,15 +868,15 @@ exports.default = (0, vue_1.defineComponent)({
                 ? 0
                 : undefined, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, onClick: this.handleClick, onMousedown: this.handleMouseDown, onMouseenter: this.handleMouseEnter, onMouseleave: this.handleMouseLeave, onCompositionstart: this.handleCompositionStart, onCompositionend: this.handleCompositionEnd, onKeyup: this.handleWrapperKeyup, onKeydown: this.handleWrapperKeydown },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-input-wrapper` },
-                (0, _utils_1.resolveWrappedSlot)($slots.prefix, (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__prefix` }, children))),
+                (0, _utils_1.resolveWrappedSlot)($slots.prefix, children => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__prefix` }, children))),
                 type === 'textarea' ? ((0, vue_1.h)(_internal_1.NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: true, useUnifiedContainer: true, internalHoistYRail: true }, {
                     default: () => {
                         var _a, _b;
                         const { textAreaScrollContainerWidth } = this;
                         const scrollContainerWidthStyle = {
-                            width: this.autosize &&
-                                textAreaScrollContainerWidth &&
-                                `${textAreaScrollContainerWidth}px`
+                            width: this.autosize
+                                && textAreaScrollContainerWidth
+                                && `${textAreaScrollContainerWidth}px`
                         };
                         return ((0, vue_1.h)(vue_1.Fragment, null,
                             (0, vue_1.h)("textarea", Object.assign({}, this.inputProps, { ref: "textareaElRef", class: [
@@ -895,9 +900,9 @@ exports.default = (0, vue_1.defineComponent)({
                             })) : null));
                     }
                 })) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__input` },
-                    (0, vue_1.h)("input", Object.assign({ type: type === 'password' &&
-                            this.mergedShowPasswordOn &&
-                            this.passwordVisible
+                    (0, vue_1.h)("input", Object.assign({ type: type === 'password'
+                            && this.mergedShowPasswordOn
+                            && this.passwordVisible
                             ? 'text'
                             : type }, this.inputProps, { ref: "inputElRef", class: [
                             `${mergedClsPrefix}-input__input-el`,
@@ -917,13 +922,13 @@ exports.default = (0, vue_1.defineComponent)({
                     this.showPlaceholder1 ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__placeholder` },
                         (0, vue_1.h)("span", null, this.mergedPlaceholder[0]))) : null,
                     this.autosize ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__input-mirror`, key: "mirror", ref: "inputMirrorElRef" }, "\u00A0")) : null)),
-                !this.pair &&
-                    (0, _utils_1.resolveWrappedSlot)($slots.suffix, (children) => {
-                        return children ||
-                            this.clearable ||
-                            this.showCount ||
-                            this.mergedShowPasswordOn ||
-                            this.loading !== undefined ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__suffix` }, [
+                !this.pair
+                    && (0, _utils_1.resolveWrappedSlot)($slots.suffix, (children) => {
+                        return children
+                            || this.clearable
+                            || this.showCount
+                            || this.mergedShowPasswordOn
+                            || this.loading !== undefined ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__suffix` }, [
                             (0, _utils_1.resolveWrappedSlot)($slots['clear-icon-placeholder'], (children) => {
                                 return ((this.clearable || children) && ((0, vue_1.h)(_internal_1.NBaseClear, { clsPrefix: mergedClsPrefix, show: this.showClearButton, onClear: this.handleClear }, {
                                     placeholder: () => children,

package/lib/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/lib/input/src/WordCount.js

@@ -7,9 +7,7 @@ const utils_1 = require("./utils");
 exports.default = (0, vue_1.defineComponent)({
     name: 'InputWordCount',
     setup(_, { slots }) {
-        const { mergedValueRef, maxlengthRef, mergedClsPrefixRef, countGraphemesRef } = 
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        (0, vue_1.inject)(interface_1.inputInjectionKey);
+        const { mergedValueRef, maxlengthRef, mergedClsPrefixRef, countGraphemesRef } = (0, vue_1.inject)(interface_1.inputInjectionKey);
         const wordCountRef = (0, vue_1.computed)(() => {
             const { value: mergedValue } = mergedValueRef;
             if (mergedValue === null || Array.isArray(mergedValue))

package/lib/input/src/utils.js

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCursor = exports.isEmptyInputValue = exports.len = void 0;
+exports.len = len;
+exports.isEmptyInputValue = isEmptyInputValue;
+exports.useCursor = useCursor;
 const vue_1 = require("vue");
 function len(s) {
     let count = 0;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     for (const _ of s) {
         count++;
     }
     return count;
 }
-exports.len = len;
 function isEmptyInputValue(value) {
     return value === '' || value == null;
 }
-exports.isEmptyInputValue = isEmptyInputValue;
 function useCursor(inputElRef) {
     const selectionRef = (0, vue_1.ref)(null);
     function recordCursor() {
@@ -69,4 +68,3 @@ function useCursor(inputElRef) {
         restoreCursor
     };
 }
-exports.useCursor = useCursor;

package/lib/input/styles/dark.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const _common_1 = __importDefault(require("./_common"));
 const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
+const _common_1 = __importDefault(require("./_common"));
 const inputDark = {
     name: 'Input',
     common: common_1.commonDark,

package/lib/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/lib/input/styles/light.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const _common_1 = __importDefault(require("./_common"));
 const seemly_1 = require("seemly");
 const common_1 = require("../../_styles/common");
-const self = (vars) => {
+const _common_1 = __importDefault(require("./_common"));
+function self(vars) {
     const { textColor2, textColor3, textColorDisabled, primaryColor, primaryColorHover, inputColor, inputColorDisabled, borderColor, warningColor, warningColorHover, errorColor, errorColorHover, borderRadius, lineHeight, fontSizeTiny, fontSizeSmall, fontSizeMedium, fontSizeLarge, heightTiny, heightSmall, heightMedium, heightLarge, actionColor, clearColor, clearColorHover, clearColorPressed, placeholderColor, placeholderColorDisabled, iconColor, iconColorDisabled, iconColorHover, iconColorPressed } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { countTextColorDisabled: textColorDisabled, countTextColor: textColor3, heightTiny,
         heightSmall,
@@ -32,7 +32,7 @@ const self = (vars) => {
         iconColorDisabled,
         iconColorHover,
         iconColorPressed, suffixTextColor: textColor2 });
-};
+}
 const inputLight = {
     name: 'Input',
     common: common_1.commonLight,

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

@@ -1,6 +1,6 @@
-import { type PropType, type InputHTMLAttributes } from 'vue';
+import { type InputHTMLAttributes, type PropType } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
-import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
+import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
 import type { OnUpdateValue, Size } from './interface';
 export declare const inputNumberProps: {
     autofocus: BooleanConstructor;
@@ -43,8 +43,8 @@ export declare const inputNumberProps: {
     clearable: BooleanConstructor;
     keyboard: {
         type: PropType<{
-            ArrowUp?: boolean | undefined;
-            ArrowDown?: boolean | undefined;
+            ArrowUp?: boolean;
+            ArrowDown?: boolean;
         }>;
         default: {};
     };
@@ -52,6 +52,10 @@ export declare const inputNumberProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    round: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     parse: PropType<(input: string) => number | null>;
     format: PropType<(value: number | null) => string>;
     precision: NumberConstructor;
@@ -912,8 +916,8 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     keyboard: {
         type: PropType<{
-            ArrowUp?: boolean | undefined;
-            ArrowDown?: boolean | undefined;
+            ArrowUp?: boolean;
+            ArrowDown?: boolean;
         }>;
         default: {};
     };
@@ -921,6 +925,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    round: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     parse: PropType<(input: string) => number | null>;
     format: PropType<(value: number | null) => string>;
     precision: NumberConstructor;
@@ -1782,111 +1790,7 @@ declare const _default: import("vue").DefineComponent<{
     handleKeyDown: (e: KeyboardEvent) => void;
     handleUpdateDisplayedValue: (value: string) => void;
     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: {
             iconColorDisabled: string;
         };
@@ -2223,8 +2127,8 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     keyboard: {
         type: PropType<{
-            ArrowUp?: boolean | undefined;
-            ArrowDown?: boolean | undefined;
+            ArrowUp?: boolean;
+            ArrowDown?: boolean;
         }>;
         default: {};
     };
@@ -2232,6 +2136,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    round: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     parse: PropType<(input: string) => number | null>;
     format: PropType<(value: number | null) => string>;
     precision: NumberConstructor;
@@ -3051,6 +2959,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly: boolean;
+    round: boolean | undefined;
     disabled: boolean | undefined;
     step: string | number;
     autofocus: boolean;
@@ -3059,8 +2968,8 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     defaultValue: number | null;
     keyboard: {
-        ArrowUp?: boolean | undefined;
-        ArrowDown?: boolean | undefined;
+        ArrowUp?: boolean;
+        ArrowDown?: boolean;
     };
     showButton: boolean;
     buttonPlacement: "right" | "both";