naive-ui 2.38.2 → 2.40.0

package/lib/transfer/src/TransferList.d.ts

@@ -20,111 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     source: BooleanConstructor;
 }, {
     mergedTheme: import("vue").Ref<{
-        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: {
             itemHeightSmall: string;
             itemHeightMedium: string;
@@ -199,8 +95,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
@@ -265,6 +163,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearSize: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -272,6 +171,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;
@@ -526,7 +426,7 @@ declare const _default: import("vue").DefineComponent<{
     vlInstRef: import("vue").Ref<{
         listElRef: HTMLElement;
         itemsElRef: HTMLElement | null;
-        scrollTo: import("vueuc").VirtualListScrollTo;
+        scrollTo: import("vueuc").VVirtualListScrollTo;
     } | null>;
     syncVLScroller: () => void;
     scrollContainer: () => HTMLElement | null;

package/lib/transfer/src/TransferList.js

@@ -31,7 +31,6 @@ exports.default = (0, vue_1.defineComponent)({
         source: Boolean
     },
     setup() {
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const { mergedThemeRef, mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.transferInjectionKey);
         const scrollerInstRef = (0, vue_1.ref)(null);
         const vlInstRef = (0, vue_1.ref)(null);
@@ -75,7 +74,7 @@ exports.default = (0, vue_1.defineComponent)({
                     const { source, disabled } = this;
                     return ((0, vue_1.h)(TransferListItem_1.default, { source: source, key: item.value, value: item.value, disabled: item.disabled || disabled, label: item.label, option: item }));
                 }
-            })) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-transfer-list-content` }, options.map((option) => ((0, vue_1.h)(TransferListItem_1.default, { source: source, key: option.value, value: option.value, disabled: option.disabled || disabled, label: option.label, option: option })))))
+            })) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-transfer-list-content` }, options.map(option => ((0, vue_1.h)(TransferListItem_1.default, { source: source, key: option.value, value: option.value, disabled: option.disabled || disabled, label: option.label, option: option })))))
         }));
     }
 });

package/lib/transfer/src/TransferListItem.d.ts

@@ -18,111 +18,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").Ref<{
-        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: {
             itemHeightSmall: string;
             itemHeightMedium: string;
@@ -197,8 +93,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
@@ -263,6 +161,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearSize: string;
             }, any>;
             Empty: import("../../_mixins").Theme<"Empty", {
+                fontSizeTiny: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -270,6 +169,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColor: string;
                 iconColor: string;
                 extraTextColor: string;
+                iconSizeTiny: string;
                 iconSizeSmall: string;
                 iconSizeMedium: string;
                 iconSizeLarge: string;

package/lib/transfer/src/TransferListItem.js

@@ -25,9 +25,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
-        const { targetValueSetRef, mergedClsPrefixRef, mergedThemeRef, handleItemCheck, renderSourceLabelRef, renderTargetLabelRef, showSelectedRef
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(interface_1.transferInjectionKey);
+        const { targetValueSetRef, mergedClsPrefixRef, mergedThemeRef, handleItemCheck, renderSourceLabelRef, renderTargetLabelRef, showSelectedRef } = (0, vue_1.inject)(interface_1.transferInjectionKey);
         const checkedRef = (0, vooks_1.useMemo)(() => targetValueSetRef.value.has(props.value));
         function handleClick() {
             if (!props.disabled) {

package/lib/transfer/src/use-transfer-data.d.ts

@@ -1,4 +1,4 @@
-import type { Option, OptionValue, Filter } from './interface';
+import type { Filter, Option, OptionValue } from './interface';
 interface UseTransferDataProps {
     defaultValue: OptionValue[] | null;
     value?: OptionValue[] | null;

package/lib/transfer/src/use-transfer-data.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTransferData = void 0;
+exports.useTransferData = useTransferData;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function useTransferData(props) {
     const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
     const mergedValueRef = (0, vooks_1.useMergedState)((0, vue_1.toRef)(props, 'value'), uncontrolledValueRef);
     const optionsMapRef = (0, vue_1.computed)(() => {
         const map = new Map();
-        (props.options || []).forEach((opt) => map.set(opt.value, opt));
+        (props.options || []).forEach(opt => map.set(opt.value, opt));
         return map;
     });
     const targetValueSetRef = (0, vue_1.computed)(() => new Set(mergedValueRef.value || []));
@@ -36,19 +35,19 @@ function useTransferData(props) {
                 return options;
             }
             else {
-                return options.filter((option) => !targetValueSetRef.value.has(option.value));
+                return options.filter(option => !targetValueSetRef.value.has(option.value));
             }
         }
         return options.filter((option) => {
-            return (filter(srcPatternRef.value, option, 'source') &&
-                (showSelected || !targetValueSetRef.value.has(option.value)));
+            return (filter(srcPatternRef.value, option, 'source')
+                && (showSelected || !targetValueSetRef.value.has(option.value)));
         });
     });
     const filteredTgtOptionsRef = (0, vue_1.computed)(() => {
         if (!props.targetFilterable)
             return targetOptionsRef.value;
         const { filter } = props;
-        return targetOptionsRef.value.filter((opt) => filter(tgtPatternRef.value, opt, 'target'));
+        return targetOptionsRef.value.filter(opt => filter(tgtPatternRef.value, opt, 'target'));
     });
     const mergedValueSetRef = (0, vue_1.computed)(() => {
         const { value } = mergedValueRef;
@@ -84,17 +83,17 @@ function useTransferData(props) {
         return values;
     });
     const canNotSelectAnythingRef = (0, vue_1.computed)(() => {
-        return filteredSrcOptionsRef.value.every((option) => option.disabled);
+        return filteredSrcOptionsRef.value.every(option => option.disabled);
     });
     const allCheckedRef = (0, vue_1.computed)(() => {
         if (!filteredSrcOptionsRef.value.length) {
             return false;
         }
         const mergedValueSet = mergedValueSetRef.value;
-        return filteredSrcOptionsRef.value.every((option) => option.disabled || mergedValueSet.has(option.value));
+        return filteredSrcOptionsRef.value.every(option => option.disabled || mergedValueSet.has(option.value));
     });
     const canBeClearedRef = (0, vue_1.computed)(() => {
-        return filteredTgtOptionsRef.value.some((option) => !option.disabled);
+        return filteredTgtOptionsRef.value.some(option => !option.disabled);
     });
     function handleSrcFilterUpdateValue(value) {
         srcPatternRef.value = value !== null && value !== void 0 ? value : '';
@@ -122,4 +121,3 @@ function useTransferData(props) {
         handleTgtFilterUpdateValue
     };
 }
-exports.useTransferData = useTransferData;

package/lib/transfer/styles/dark.js

@@ -3,13 +3,13 @@ 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 styles_1 = require("../../checkbox/styles");
 const styles_2 = require("../../_internal/scrollbar/styles");
 const styles_3 = require("../../input/styles");
 const common_1 = require("../../_styles/common");
 const styles_4 = require("../../empty/styles");
 const styles_5 = require("../../button/styles");
+const _common_1 = __importDefault(require("./_common"));
 const transferDark = {
     name: 'Transfer',
     common: common_1.commonDark,

package/lib/transfer/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-declare const self: (vars: ThemeCommonVars) => {
+declare function self(vars: ThemeCommonVars): {
     itemHeightSmall: string;
     itemHeightMedium: string;
     itemHeightLarge: string;
@@ -110,8 +110,10 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
         borderRadius: string;
         color: string;
         colorHover: string;
-        railInsetHorizontal: string;
-        railInsetVertical: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
     Input: import("../../_mixins").Theme<"Input", {
@@ -176,6 +178,7 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
         clearSize: string;
     }, any>;
     Empty: import("../../_mixins").Theme<"Empty", {
+        fontSizeTiny: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -183,6 +186,7 @@ declare const transferLight: import("../../_mixins").Theme<"Transfer", {
         textColor: string;
         iconColor: string;
         extraTextColor: string;
+        iconSizeTiny: string;
         iconSizeSmall: string;
         iconSizeMedium: string;
         iconSizeLarge: string;

package/lib/transfer/styles/light.js

@@ -3,7 +3,6 @@ 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 styles_1 = require("../../checkbox/styles");
 const styles_2 = require("../../_internal/scrollbar/styles");
@@ -12,7 +11,8 @@ const common_1 = require("../../_styles/common");
 const styles_4 = require("../../empty/styles");
 const styles_5 = require("../../button/styles");
 const _mixins_1 = require("../../_mixins");
-const self = (vars) => {
+const _common_1 = __importDefault(require("./_common"));
+function self(vars) {
     const { fontWeight, fontSizeLarge, fontSizeMedium, fontSizeSmall, heightLarge, heightMedium, borderRadius, cardColor, tableHeaderColor, textColor1, textColorDisabled, textColor2, textColor3, borderColor, hoverColor, closeColorHover, closeColorPressed, closeIconColor, closeIconColorHover, closeIconColorPressed } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { itemHeightSmall: heightMedium, itemHeightMedium: heightMedium, itemHeightLarge: heightLarge, fontSizeSmall,
         fontSizeMedium,
@@ -22,7 +22,7 @@ const self = (vars) => {
         closeIconColor,
         closeIconColorHover,
         closeIconColorPressed });
-};
+}
 const transferLight = (0, _mixins_1.createTheme)({
     name: 'Transfer',
     common: common_1.commonLight,

package/lib/tree/src/MotionWrapper.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { type TmNode } from './interface';
+import type { TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     mode: {
-        type: PropType<"collapse" | "expand">;
+        type: PropType<"expand" | "collapse">;
         required: true;
     };
     onAfterEnter: {
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     mode: {
-        type: PropType<"collapse" | "expand">;
+        type: PropType<"expand" | "collapse">;
         required: true;
     };
     onAfterEnter: {

package/lib/tree/src/MotionWrapper.js

@@ -36,7 +36,7 @@ exports.default = (0, vue_1.defineComponent)({
                     `${clsPrefix}-tree-motion-wrapper--${this.mode}`
                 ], style: {
                     height: (0, seemly_1.pxfy)(this.height)
-                } }, this.nodes.map((node) => ((0, vue_1.h)(TreeNode_1.default, { clsPrefix: clsPrefix, tmNode: node })))))
+                } }, this.nodes.map(node => ((0, vue_1.h)(TreeNode_1.default, { clsPrefix: clsPrefix, tmNode: node })))))
         }));
     }
 });