naive-ui 2.24.0 → 2.24.4

package/lib/grid/src/Grid.js

@@ -36,7 +36,7 @@ const gridProps = {
         default: 0
     }
 };
-exports.gridInjectionKey = Symbol('grid');
+exports.gridInjectionKey = (0, _utils_1.createInjectionKey)('n-grid');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Grid',
     inheritAttrs: false,

package/lib/grid/src/GridItem.d.ts

@@ -46,24 +46,24 @@ declare const _default: import("vue").DefineComponent<{
         gridColumn: string;
         marginLeft: string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly span?: unknown;
-    readonly offset?: unknown;
-    readonly suffix?: unknown;
-    readonly privateOffset?: unknown;
-    readonly privateSpan?: unknown;
-    readonly privateColStart?: unknown;
-    readonly privateShow?: unknown;
-} & {
-    offset: string | number;
-    span: string | number;
-    suffix: boolean;
-    privateShow: boolean;
-} & {
-    privateSpan?: number | undefined;
-    privateColStart?: number | undefined;
-    privateOffset?: number | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly span: {
+        readonly type: PropType<string | number>;
+        readonly default: 1;
+    };
+    readonly offset: {
+        readonly type: PropType<string | number>;
+        readonly default: 0;
+    };
+    readonly suffix: BooleanConstructor;
+    readonly privateOffset: NumberConstructor;
+    readonly privateSpan: NumberConstructor;
+    readonly privateColStart: NumberConstructor;
+    readonly privateShow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>>, {
     offset: string | number;
     span: string | number;
     suffix: boolean;

package/lib/grid/src/GridItem.js

@@ -57,6 +57,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        return ((0, vue_1.h)("div", { style: [this.itemStyle, this.deriveStyle()] }, (0, vue_1.renderSlot)(this.$slots, 'default', { overflow: this.overflow })));
+        var _a, _b;
+        return ((0, vue_1.h)("div", { style: [this.itemStyle, this.deriveStyle()] }, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a, { overflow: this.overflow })));
     }
 });

package/lib/icon/src/Icon.d.ts

@@ -43,40 +43,33 @@ declare const _default: import("vue").DefineComponent<{
         '--n-color'?: undefined;
         '--n-opacity'?: undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    depth?: unknown;
-    size?: unknown;
-    color?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {} & {
-    color?: string | undefined;
-    size?: string | number | undefined;
-    theme?: import("../../_mixins").Theme<"Icon", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    depth: PropType<Depth>;
+    size: (StringConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
         opacity3Depth: string;
         opacity4Depth: string;
         opacity5Depth: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
         opacity3Depth: string;
         opacity4Depth: string;
         opacity5Depth: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
         opacity2Depth: string;
         opacity3Depth: string;
         opacity4Depth: string;
         opacity5Depth: string;
-    }, any>> | undefined;
-    depth?: Depth;
-}>, {}>;
+    }, any>>>;
+}>>, {}>;
 export default _default;

package/lib/image/src/Image.d.ts

@@ -235,37 +235,13 @@ declare const _default: import("vue").DefineComponent<{
     showError: import("vue").Ref<boolean>;
     mergedOnError: (e: Event) => void;
     mergedOnLoad: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    showToolbar?: unknown;
-    showToolbarTooltip?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-    alt?: unknown;
-    height?: unknown;
-    imgProps?: unknown;
-    objectFit?: unknown;
-    previewSrc?: unknown;
-    fallbackSrc?: unknown;
-    width?: unknown;
-    src?: unknown;
-    previewDisabled?: unknown;
-    loadDescription?: unknown;
-    onError?: unknown;
-    onLoad?: unknown;
-} & {
-    objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
-    showToolbar: boolean;
-    showToolbarTooltip: boolean;
-    previewDisabled: boolean;
-} & {
-    onError?: ((e: Event) => void) | undefined;
-    height?: string | number | undefined;
-    width?: string | number | undefined;
-    onLoad?: ((e: Event) => void) | undefined;
-    alt?: string | undefined;
-    src?: string | undefined;
-    theme?: import("../../_mixins").Theme<"Image", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showToolbarTooltip: BooleanConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -293,8 +269,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -322,8 +298,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -351,12 +327,23 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }>> | undefined;
-    fallbackSrc?: string | undefined;
-    previewSrc?: string | undefined;
-    imgProps?: ImgHTMLAttributes | undefined;
-    loadDescription?: string | undefined;
-}>, {
+    }>>>;
+    alt: StringConstructor;
+    height: PropType<string | number>;
+    imgProps: PropType<ImgHTMLAttributes>;
+    objectFit: {
+        type: PropType<"fill" | "none" | "contain" | "cover" | "scale-down">;
+        default: string;
+    };
+    previewSrc: StringConstructor;
+    fallbackSrc: StringConstructor;
+    width: PropType<string | number>;
+    src: StringConstructor;
+    previewDisabled: BooleanConstructor;
+    loadDescription: StringConstructor;
+    onError: PropType<(e: Event) => void>;
+    onLoad: PropType<(e: Event) => void>;
+}>>, {
     objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
     showToolbar: boolean;
     showToolbarTooltip: boolean;

package/lib/image/src/ImageGroup.d.ts

@@ -1,7 +1,7 @@
-import { InjectionKey, Ref } from 'vue';
+import { Ref } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { ImagePreviewInst } from './ImagePreview';
-export declare const imageGroupInjectionKey: InjectionKey<ImagePreviewInst & {
+export declare const imageGroupInjectionKey: import("vue").InjectionKey<ImagePreviewInst & {
     groupId: string;
     mergedClsPrefixRef: Ref<string>;
 }>;
@@ -202,17 +202,13 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
     next: () => void;
     prev: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    showToolbar?: unknown;
-    showToolbarTooltip?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    showToolbar: boolean;
-    showToolbarTooltip: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Image", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showToolbarTooltip: BooleanConstructor;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -240,8 +236,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    }>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -269,8 +265,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    }>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -298,8 +294,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }>> | undefined;
-}>, {
+    }>>>;
+}>>, {
     showToolbar: boolean;
     showToolbarTooltip: boolean;
 }>;

package/lib/image/src/ImageGroup.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.imageGroupInjectionKey = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
+const _utils_1 = require("../../_utils");
 const _mixins_1 = require("../../_mixins");
 const ImagePreview_1 = __importDefault(require("./ImagePreview"));
 const interface_1 = require("./interface");
-exports.imageGroupInjectionKey = Symbol('image-group');
+exports.imageGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-image-group');
 const imageGroupProps = interface_1.imagePreviewSharedProps;
 exports.default = (0, vue_1.defineComponent)({
     name: 'ImageGroup',

package/lib/image/src/ImagePreview.d.ts

@@ -113,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
     show: import("vue").Ref<boolean>;
     appear: Readonly<import("vue").Ref<boolean>>;
     displayed: import("vue").Ref<boolean>;
+    handleWheel(e: WheelEvent): void;
     handlePreviewMousedown: (e: MouseEvent) => void;
     handlePreviewDblclick: () => void;
     syncTransformOrigin: () => void;
@@ -132,21 +133,19 @@ declare const _default: import("vue").DefineComponent<{
         '--n-toolbar-border-radius': string;
         '--n-toolbar-box-shadow': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    onNext?: unknown;
-    onPrev?: unknown;
-    clsPrefix?: unknown;
-    showToolbar?: unknown;
-    showToolbarTooltip?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    clsPrefix: string;
-    showToolbar: boolean;
-    showToolbarTooltip: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Image", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onNext: PropType<() => void>;
+    onPrev: PropType<() => void>;
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showToolbarTooltip: BooleanConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -174,8 +173,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -203,8 +202,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -232,10 +231,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }>> | undefined;
-    onNext?: (() => void) | undefined;
-    onPrev?: (() => void) | undefined;
-}>, {
+    }>>>;
+}>>, {
     showToolbar: boolean;
     showToolbarTooltip: boolean;
 }>;

package/lib/image/src/ImagePreview.js

@@ -12,11 +12,11 @@ const seemly_1 = require("seemly");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
 const _internal_1 = require("../../_internal");
+const tooltip_1 = require("../../tooltip");
 const styles_1 = require("../styles");
 const icons_2 = require("./icons");
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const tooltip_1 = require("../../tooltip");
 exports.default = (0, vue_1.defineComponent)({
     name: 'ImagePreview',
     props: Object.assign(Object.assign({}, interface_1.imagePreviewSharedProps), { onNext: Function, onPrev: Function, clsPrefix: {
@@ -258,7 +258,10 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         return Object.assign({ previewRef,
-            previewWrapperRef, previewSrc: previewSrcRef, show: showRef, appear: (0, vooks_1.useIsMounted)(), displayed: displayedRef, handlePreviewMousedown,
+            previewWrapperRef, previewSrc: previewSrcRef, show: showRef, appear: (0, vooks_1.useIsMounted)(), displayed: displayedRef, handleWheel(e) {
+                e.preventDefault();
+            },
+            handlePreviewMousedown,
             handlePreviewDblclick,
             syncTransformOrigin, handleAfterLeave: () => {
                 rotate = 0;
@@ -284,12 +287,13 @@ exports.default = (0, vue_1.defineComponent)({
             }) }, exposedMethods);
     },
     render() {
+        var _a, _b;
         const { clsPrefix } = this;
-        return ((0, vue_1.h)(vue_1.Fragment, null,
-            (0, vue_1.renderSlot)(this.$slots, 'default'),
+        return ((0, vue_1.h)(vue_1.Fragment, null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
+            _b.call(_a),
             (0, vue_1.h)(vueuc_1.LazyTeleport, { show: this.show }, {
                 default: () => this.show || this.displayed
-                    ? (0, vue_1.withDirectives)((0, vue_1.h)("div", { class: `${clsPrefix}-image-preview-container`, style: this.cssVars },
+                    ? (0, vue_1.withDirectives)((0, vue_1.h)("div", { class: `${clsPrefix}-image-preview-container`, style: this.cssVars, onWheel: this.handleWheel },
                         (0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition", appear: this.appear }, {
                             default: () => this.show ? ((0, vue_1.h)("div", { class: `${clsPrefix}-image-preview-overlay`, onClick: this.toggleShow })) : null
                         }),

package/lib/index.d.ts

@@ -5,7 +5,7 @@ export * from './locales';
 export * from './components';
 export * from './composables';
 export * from './styles';
-export { darkTheme, createTheme } from './themes';
+export { darkTheme, lightTheme, createTheme } from './themes';
 export { c, cE, cM, cB, cNotM } from './_utils/cssr';
 export { default as version } from './version';
 export { NThemeEditor } from './theme-editor';

package/lib/index.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NThemeEditor = exports.version = exports.cNotM = exports.cB = exports.cM = exports.cE = exports.c = exports.createTheme = exports.darkTheme = exports.create = exports.useOsTheme = exports.default = void 0;
+exports.NThemeEditor = exports.version = exports.cNotM = exports.cB = exports.cM = exports.cE = exports.c = exports.createTheme = exports.lightTheme = exports.darkTheme = exports.create = exports.useOsTheme = exports.default = void 0;
 var preset_1 = require("./preset");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(preset_1).default; } });
 var vooks_1 = require("vooks");
@@ -28,6 +28,7 @@ __exportStar(require("./styles"), exports);
 // composed global theme, createTheme from component themes util
 var themes_1 = require("./themes");
 Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return themes_1.darkTheme; } });
+Object.defineProperty(exports, "lightTheme", { enumerable: true, get: function () { return themes_1.lightTheme; } });
 Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return themes_1.createTheme; } });
 var cssr_1 = require("./_utils/cssr");
 Object.defineProperty(exports, "c", { enumerable: true, get: function () { return cssr_1.c; } });