naive-ui 2.38.2 → 2.40.0

package/lib/popconfirm/styles/light.js

@@ -3,17 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const styles_1 = require("../../button/styles");
 const styles_2 = require("../../popover/styles");
 const _mixins_1 = require("../../_mixins");
 const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
-const self = (vars) => {
+function self(vars) {
     const { fontSize, warningColor } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { fontSize, iconColor: warningColor });
-};
-exports.self = self;
+}
 const popconfirmLight = (0, _mixins_1.createTheme)({
     name: 'Popconfirm',
     common: common_1.commonLight,
@@ -21,6 +20,6 @@ const popconfirmLight = (0, _mixins_1.createTheme)({
         Button: styles_1.buttonLight,
         Popover: styles_2.popoverLight
     },
-    self: exports.self
+    self
 });
 exports.default = popconfirmLight;

package/lib/popover/src/Popover.d.ts

@@ -1,7 +1,7 @@
-import { type PropType, type CSSProperties, type ComputedRef, type Ref } from 'vue';
+import { type CSSProperties, type ComputedRef, type PropType, type Ref } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
-import type { ExtractPublicPropTypes, ExtractInternalPropTypes, MaybeArray } from '../../_utils';
-import type { PopoverTrigger, InternalRenderBody } from './interface';
+import type { ExtractInternalPropTypes, ExtractPublicPropTypes, MaybeArray } from '../../_utils';
+import type { InternalRenderBody, PopoverTrigger } from './interface';
 export interface TriggerEventHandlers {
     onClick: (e: MouseEvent) => void;
     onMouseenter: (e: MouseEvent) => void;
@@ -60,7 +60,7 @@ export declare const popoverBaseProps: {
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowClass: StringConstructor;
@@ -86,16 +86,16 @@ export declare const popoverBaseProps: {
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -154,7 +154,7 @@ export declare const popoverProps: {
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowClass: StringConstructor;
@@ -180,16 +180,16 @@ export declare const popoverProps: {
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -292,7 +292,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowClass: StringConstructor;
@@ -318,16 +318,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -443,7 +443,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     getDisabled: PropType<() => boolean>;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     arrowClass: StringConstructor;
@@ -469,16 +469,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     zIndex: NumberConstructor;
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;

package/lib/popover/src/Popover.js

@@ -41,15 +41,17 @@ const triggerEventMap = {
 };
 function appendEvents(vNode, trigger, events) {
     triggerEventMap[trigger].forEach((eventName) => {
-        if (!vNode.props)
+        if (!vNode.props) {
             vNode.props = {};
+        }
         else {
             vNode.props = Object.assign({}, vNode.props);
         }
         const originalHandler = vNode.props[eventName];
         const handler = events[eventName];
-        if (!originalHandler)
+        if (!originalHandler) {
             vNode.props[eventName] = handler;
+        }
         else {
             vNode.props[eventName] = (...args) => {
                 originalHandler(...args);
@@ -346,7 +348,6 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function getTriggerElement() {
             var _a;
-            // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
             return (_a = binderInstRef.value) === null || _a === void 0 ? void 0 : _a.targetRef;
         }
         function setBodyInstance(value) {
@@ -403,8 +404,8 @@ exports.default = (0, vue_1.defineComponent)({
             }
             if (triggerVNode) {
                 triggerVNode = (0, vue_1.cloneVNode)(triggerVNode);
-                triggerVNode =
-                    triggerVNode.type === vue_1.Text ? (0, vue_1.h)('span', [triggerVNode]) : triggerVNode;
+                triggerVNode
+                    = triggerVNode.type === vue_1.Text ? (0, vue_1.h)('span', [triggerVNode]) : triggerVNode;
                 const handlers = {
                     onClick: this.handleClick,
                     onMouseenter: this.handleMouseEnter,

package/lib/popover/src/PopoverBody.d.ts

@@ -1,9 +1,9 @@
-import { type PropType, type CSSProperties, type VNode } from 'vue';
+import { type CSSProperties, type PropType, type VNode } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
 import type { PopoverTrigger } from './interface';
 export declare const popoverBodyProps: {
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     show: BooleanConstructor;
@@ -17,7 +17,7 @@ export declare const popoverBodyProps: {
     arrowStyle: PropType<string | CSSProperties>;
     arrowWrapperClass: StringConstructor;
     arrowWrapperStyle: PropType<string | CSSProperties>;
-    displayDirective: PropType<"show" | "if">;
+    displayDirective: PropType<"if" | "show">;
     x: NumberConstructor;
     y: NumberConstructor;
     flip: BooleanConstructor;
@@ -27,11 +27,11 @@ export declare const popoverBodyProps: {
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -89,10 +89,10 @@ interface RenderArrowProps {
     arrowWrapperStyle: string | CSSProperties | undefined;
     clsPrefix: string;
 }
-export declare const renderArrow: ({ arrowClass, arrowStyle, arrowWrapperClass, arrowWrapperStyle, clsPrefix }: RenderArrowProps) => VNode | null;
+export declare function renderArrow({ arrowClass, arrowStyle, arrowWrapperClass, arrowWrapperStyle, clsPrefix }: RenderArrowProps): VNode | null;
 declare const _default: import("vue").DefineComponent<{
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     show: BooleanConstructor;
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
     arrowStyle: PropType<string | CSSProperties>;
     arrowWrapperClass: StringConstructor;
     arrowWrapperStyle: PropType<string | CSSProperties>;
-    displayDirective: PropType<"show" | "if">;
+    displayDirective: PropType<"if" | "show">;
     x: NumberConstructor;
     y: NumberConstructor;
     flip: BooleanConstructor;
@@ -116,11 +116,11 @@ declare const _default: import("vue").DefineComponent<{
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -183,7 +183,7 @@ declare const _default: import("vue").DefineComponent<{
     renderContentNode: () => VNode | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     show: BooleanConstructor;
@@ -197,7 +197,7 @@ declare const _default: import("vue").DefineComponent<{
     arrowStyle: PropType<string | CSSProperties>;
     arrowWrapperClass: StringConstructor;
     arrowWrapperStyle: PropType<string | CSSProperties>;
-    displayDirective: PropType<"show" | "if">;
+    displayDirective: PropType<"if" | "show">;
     x: NumberConstructor;
     y: NumberConstructor;
     flip: BooleanConstructor;
@@ -207,11 +207,11 @@ declare const _default: import("vue").DefineComponent<{
     keepAliveOnHover: BooleanConstructor;
     scrollable: BooleanConstructor;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;

package/lib/popover/src/PopoverBody.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderArrow = exports.popoverBodyProps = void 0;
+exports.popoverBodyProps = void 0;
+exports.renderArrow = renderArrow;
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const vdirs_1 = require("vdirs");
@@ -21,11 +22,10 @@ exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pr
     internalDeactivateImmediately: Boolean, animated: Boolean, onClickoutside: Function, internalTrapFocus: Boolean, internalOnAfterLeave: Function, 
     // deprecated
     minWidth: Number, maxWidth: Number });
-const renderArrow = ({ arrowClass, arrowStyle, arrowWrapperClass, arrowWrapperStyle, clsPrefix }) => {
+function renderArrow({ arrowClass, arrowStyle, arrowWrapperClass, arrowWrapperStyle, clsPrefix }) {
     return ((0, vue_1.h)("div", { key: "__popover-arrow__", style: arrowWrapperStyle, class: [`${clsPrefix}-popover-arrow-wrapper`, arrowWrapperClass] },
         (0, vue_1.h)("div", { class: [`${clsPrefix}-popover-arrow`, arrowClass], style: arrowStyle })));
-};
-exports.renderArrow = renderArrow;
+}
 exports.default = (0, vue_1.defineComponent)({
     name: 'PopoverBody',
     inheritAttrs: false,
@@ -34,7 +34,6 @@ exports.default = (0, vue_1.defineComponent)({
         const { namespaceRef, mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Popover', '-popover', index_cssr_1.default, styles_1.popoverLight, props, mergedClsPrefixRef);
         const followerRef = (0, vue_1.ref)(null);
-        // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
         const NPopover = (0, vue_1.inject)('NPopover');
         const bodyRef = (0, vue_1.ref)(null);
         const followerEnabledRef = (0, vue_1.ref)(props.show);
@@ -70,30 +69,12 @@ exports.default = (0, vue_1.defineComponent)({
                     { capture: true }
                 ]);
             }
-            if (props.displayDirective === 'show' ||
-                (props.animated && displayedRef.value)) {
+            if (props.displayDirective === 'show'
+                || (props.animated && displayedRef.value)) {
                 directives.push([vue_1.vShow, props.show]);
             }
             return directives;
         });
-        const styleRef = (0, vue_1.computed)(() => {
-            const width = props.width === 'trigger' ? undefined : (0, _utils_1.formatLength)(props.width);
-            const style = [];
-            if (width) {
-                style.push({ width });
-            }
-            const { maxWidth, minWidth } = props;
-            if (maxWidth) {
-                style.push({ maxWidth: (0, _utils_1.formatLength)(maxWidth) });
-            }
-            if (minWidth) {
-                style.push({ maxWidth: (0, _utils_1.formatLength)(minWidth) });
-            }
-            if (!inlineThemeDisabled) {
-                style.push(cssVarsRef.value);
-            }
-            return style;
-        });
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut, cubicBezierEaseIn, cubicBezierEaseOut }, self: { space, spaceArrow, padding, fontSize, textColor, dividerColor, color, boxShadow, borderRadius, arrowHeight, arrowOffset, arrowOffsetVertical } } = themeRef.value;
             return {
@@ -114,6 +95,24 @@ exports.default = (0, vue_1.defineComponent)({
                 '--n-space-arrow': spaceArrow
             };
         });
+        const styleRef = (0, vue_1.computed)(() => {
+            const width = props.width === 'trigger' ? undefined : (0, _utils_1.formatLength)(props.width);
+            const style = [];
+            if (width) {
+                style.push({ width });
+            }
+            const { maxWidth, minWidth } = props;
+            if (maxWidth) {
+                style.push({ maxWidth: (0, _utils_1.formatLength)(maxWidth) });
+            }
+            if (minWidth) {
+                style.push({ maxWidth: (0, _utils_1.formatLength)(minWidth) });
+            }
+            if (!inlineThemeDisabled) {
+                style.push(cssVarsRef.value);
+            }
+            return style;
+        });
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('popover', undefined, cssVarsRef, props)
             : undefined;
@@ -150,15 +149,15 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         function handleMouseMoveOutside(e) {
-            if (props.trigger === 'hover' &&
-                !getTriggerElement().contains((0, seemly_1.getPreciseEventTarget)(e))) {
+            if (props.trigger === 'hover'
+                && !getTriggerElement().contains((0, seemly_1.getPreciseEventTarget)(e))) {
                 NPopover.handleMouseMoveOutside(e);
             }
         }
         function handleClickOutside(e) {
-            if ((props.trigger === 'click' &&
-                !getTriggerElement().contains((0, seemly_1.getPreciseEventTarget)(e))) ||
-                props.onClickoutside) {
+            if ((props.trigger === 'click'
+                && !getTriggerElement().contains((0, seemly_1.getPreciseEventTarget)(e)))
+                || props.onClickoutside) {
                 NPopover.handleClickOutside(e);
             }
         }
@@ -170,9 +169,9 @@ exports.default = (0, vue_1.defineComponent)({
         (0, vue_1.provide)(interface_2.modalBodyInjectionKey, null);
         function renderContentNode() {
             themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender();
-            const shouldRenderDom = props.displayDirective === 'show' ||
-                props.show ||
-                (props.animated && displayedRef.value);
+            const shouldRenderDom = props.displayDirective === 'show'
+                || props.show
+                || (props.animated && displayedRef.value);
             if (!shouldRenderDom) {
                 return null;
             }
@@ -213,7 +212,7 @@ exports.default = (0, vue_1.defineComponent)({
                         default: () => body
                     })) : (body);
                     const arrow = props.showArrow
-                        ? (0, exports.renderArrow)({
+                        ? renderArrow({
                             arrowClass: props.arrowClass,
                             arrowStyle: props.arrowStyle,
                             arrowWrapperClass: props.arrowWrapperClass,
@@ -228,7 +227,7 @@ exports.default = (0, vue_1.defineComponent)({
                         `${mergedClsPrefix}-popover`,
                         `${mergedClsPrefix}-popover-shared`,
                         themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value,
-                        extraClass.map((v) => `${mergedClsPrefix}-${v}`),
+                        extraClass.map(v => `${mergedClsPrefix}-${v}`),
                         {
                             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
                             [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
@@ -255,8 +254,8 @@ exports.default = (0, vue_1.defineComponent)({
                     themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass.value,
                     props.overlap && `${mergedClsPrefix}-popover-shared--overlap`,
                     props.showArrow && `${mergedClsPrefix}-popover-shared--show-arrow`,
-                    props.arrowPointToCenter &&
-                        `${mergedClsPrefix}-popover-shared--center-arrow`
+                    props.arrowPointToCenter
+                        && `${mergedClsPrefix}-popover-shared--center-arrow`
                 ], bodyRef, styleRef.value, handleMouseEnter, handleMouseLeave);
             }
             return (0, vue_1.withDirectives)(contentNode, directivesRef.value);

package/lib/popover/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { type Ref, type CSSProperties, type VNode } from 'vue';
+import type { CSSProperties, Ref, VNode } from 'vue';
 export type PopoverTrigger = 'click' | 'hover' | 'focus' | 'manual';
 export interface PopoverInst {
     syncPosition: () => void;

package/lib/popover/src/styles/index.cssr.d.ts

@@ -1,3 +1,3 @@
-import { type CNode } from 'css-render';
+import type { CNode } from 'css-render';
 declare const _default: CNode;
 export default _default;

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

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins/use-theme';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     fontSize: string;
     borderRadius: string;
     color: string;

package/lib/popover/styles/light.js

@@ -3,18 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const common_1 = require("../../_styles/common");
 const _common_1 = __importDefault(require("./_common"));
-const self = (vars) => {
+function self(vars) {
     const { boxShadow2, popoverColor, textColor2, borderRadius, fontSize, dividerColor } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { fontSize,
         borderRadius, color: popoverColor, dividerColor, textColor: textColor2, boxShadow: boxShadow2 });
-};
-exports.self = self;
+}
 const popoverLight = {
     name: 'Popover',
     common: common_1.commonLight,
-    self: exports.self
+    self
 };
 exports.default = popoverLight;