naive-ui 2.30.2 → 2.30.3

package/lib/_internal/close/index.js

@@ -3,6 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
+exports.NBaseClose = void 0;
 var Close_1 = require("./src/Close");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Close_1).default; } });
+Object.defineProperty(exports, "NBaseClose", { enumerable: true, get: function () { return __importDefault(Close_1).default; } });

package/lib/_internal/close/src/Close.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const _mixins_1 = require("../../../_mixins");
-const icon_1 = __importDefault(require("../../icon"));
+const icon_1 = require("../../icon");
 const icons_1 = require("../../icons");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.default = (0, vue_1.defineComponent)({
@@ -41,7 +41,7 @@ exports.default = (0, vue_1.defineComponent)({
                         e.preventDefault();
                     }
                 }, onClick: props.onClick },
-                (0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix }, {
+                (0, vue_1.h)(icon_1.NBaseIcon, { clsPrefix: clsPrefix }, {
                     default: () => (0, vue_1.h)(icons_1.CloseIcon, null)
                 })));
         };

package/lib/_internal/icon/index.d.ts

@@ -1 +1 @@
-export { default } from './src/Icon';
+export { default as NBaseIcon } from './src/Icon';

package/lib/_internal/icon/index.js

@@ -3,6 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
+exports.NBaseIcon = void 0;
 var Icon_1 = require("./src/Icon");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
+Object.defineProperty(exports, "NBaseIcon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });

package/lib/_internal/index.d.ts

@@ -1,7 +1,7 @@
 export { default as NIconSwitchTransition } from './icon-switch-transition';
 export { default as NFadeInExpandTransition } from './fade-in-expand-transition';
-export { default as NBaseClose } from './close';
-export { default as NBaseIcon } from './icon';
+export { NBaseClose } from './close';
+export { NBaseIcon } from './icon';
 export { default as NBaseFocusDetector } from './focus-detector';
 export { default as NBaseLoading } from './loading';
 export { default as NInternalSelectMenu } from './select-menu';

package/lib/_internal/index.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, "NIconSwitchTransition", { enumerable: true, get:
 var fade_in_expand_transition_1 = require("./fade-in-expand-transition");
 Object.defineProperty(exports, "NFadeInExpandTransition", { enumerable: true, get: function () { return __importDefault(fade_in_expand_transition_1).default; } });
 var close_1 = require("./close");
-Object.defineProperty(exports, "NBaseClose", { enumerable: true, get: function () { return __importDefault(close_1).default; } });
+Object.defineProperty(exports, "NBaseClose", { enumerable: true, get: function () { return close_1.NBaseClose; } });
 var icon_1 = require("./icon");
-Object.defineProperty(exports, "NBaseIcon", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
+Object.defineProperty(exports, "NBaseIcon", { enumerable: true, get: function () { return icon_1.NBaseIcon; } });
 var focus_detector_1 = require("./focus-detector");
 Object.defineProperty(exports, "NBaseFocusDetector", { enumerable: true, get: function () { return __importDefault(focus_detector_1).default; } });
 var loading_1 = require("./loading");

package/lib/_internal/select-menu/src/SelectOption.js

@@ -1,18 +1,15 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _utils_1 = require("../../../_utils");
 const icons_1 = require("../../icons");
-const icon_1 = __importDefault(require("../../icon"));
+const icon_1 = require("../../icon");
 const interface_1 = require("./interface");
 const checkMarkIcon = (0, vue_1.h)(icons_1.CheckmarkIcon);
 function renderCheckMark(show, clsPrefix) {
     return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
-        default: () => show ? ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
+        default: () => show ? ((0, vue_1.h)(icon_1.NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
             default: () => checkMarkIcon
         })) : null
     }));

package/lib/_internal/selection/src/Selection.js

@@ -505,29 +505,18 @@ exports.default = (0, vue_1.defineComponent)({
                     ? !this.pattern && !this.isCompositing
                     : true;
             const placeholder = showPlaceholder ? ((0, vue_1.h)("div", { class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay` }, this.placeholder)) : null;
-            if (filterable) {
-                const popoverTrigger = ((0, vue_1.h)("div", { ref: "patternInputWrapperRef", class: `${clsPrefix}-base-selection-tags` },
-                    tags,
-                    maxTagCountResponsive ? null : input,
-                    suffix));
-                body = ((0, vue_1.h)(vue_1.Fragment, null,
-                    useMaxTagCount ? ((0, vue_1.h)(popover_1.NPopover, Object.assign({}, popoverProps, { scrollable: true }), {
-                        trigger: () => popoverTrigger,
-                        default: renderPopover
-                    })) : (popoverTrigger),
-                    placeholder));
-            }
-            else {
-                const popoverTrigger = ((0, vue_1.h)("div", { ref: "multipleElRef", class: `${clsPrefix}-base-selection-tags`, tabindex: disabled ? undefined : 0 },
-                    tags,
-                    suffix));
-                body = ((0, vue_1.h)(vue_1.Fragment, null,
-                    useMaxTagCount ? ((0, vue_1.h)(popover_1.NPopover, Object.assign({}, popoverProps, { scrollable: true, style: "max-height: calc(var(--v-target-height) * 6.6);" }), {
-                        trigger: () => popoverTrigger,
-                        default: renderPopover
-                    })) : (popoverTrigger),
-                    placeholder));
-            }
+            const popoverTrigger = filterable ? ((0, vue_1.h)("div", { ref: "patternInputWrapperRef", class: `${clsPrefix}-base-selection-tags` },
+                tags,
+                maxTagCountResponsive ? null : input,
+                suffix)) : ((0, vue_1.h)("div", { ref: "multipleElRef", class: `${clsPrefix}-base-selection-tags`, tabindex: disabled ? undefined : 0 },
+                tags,
+                suffix));
+            body = ((0, vue_1.h)(vue_1.Fragment, null,
+                useMaxTagCount ? ((0, vue_1.h)(popover_1.NPopover, Object.assign({}, popoverProps, { scrollable: true, style: "max-height: calc(var(--v-target-height) * 6.6);" }), {
+                    trigger: () => popoverTrigger,
+                    default: renderPopover
+                })) : (popoverTrigger),
+                placeholder));
         }
         else {
             if (filterable) {

package/lib/_internal/suffix/src/Suffix.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const clear_1 = __importDefault(require("../../clear"));
 const loading_1 = __importDefault(require("../../loading"));
-const icon_1 = __importDefault(require("../../icon"));
+const icon_1 = require("../../icon");
 const icons_1 = require("../../icons");
 const vue_2 = require("../../../_utils/vue");
 exports.default = (0, vue_1.defineComponent)({
@@ -35,7 +35,7 @@ exports.default = (0, vue_1.defineComponent)({
             const { clsPrefix } = props;
             return ((0, vue_1.h)(loading_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix`, strokeWidth: 24, scale: 0.85, show: props.loading }, {
                 default: () => props.showArrow ? ((0, vue_1.h)(clear_1.default, { clsPrefix: clsPrefix, show: props.showClear, onClear: props.onClear }, {
-                    placeholder: () => ((0, vue_1.h)(icon_1.default, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, {
+                    placeholder: () => ((0, vue_1.h)(icon_1.NBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-suffix__arrow` }, {
                         default: () => (0, vue_2.resolveSlot)(slots.default, () => [
                             (0, vue_1.h)(icons_1.ChevronDownIcon, null)
                         ])

package/lib/_utils/composable/use-browser-location.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBrowserLocation = void 0;
 const vue_1 = require("vue");
-const naive_1 = require("../naive");
-const defaultWindow = naive_1.hasWindow ? window : null;
+const is_browser_1 = require("../env/is-browser");
+const defaultWindow = is_browser_1.isBrowser ? window : null;
 const useBrowserLocation = (customWindow = defaultWindow) => {
     const getWindowLocation = () => {
         const { hash, host, hostname, href, origin, pathname, port, protocol, search } = (customWindow === null || customWindow === void 0 ? void 0 : customWindow.location) || {};

package/lib/_utils/composable/use-houdini.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHoudini = void 0;
+const is_browser_1 = require("../env/is-browser");
 let houdiniRegistered = false;
 function useHoudini() {
-    if (typeof window === 'undefined')
+    if (!is_browser_1.isBrowser)
         return;
     if (!window.CSS)
         return;

package/lib/_utils/composable/use-is-composing.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsComposing = void 0;
 const vue_1 = require("vue");
+const is_browser_1 = require("../env/is-browser");
 const isComposingRef = (0, vue_1.ref)(false);
 const compositionStartHandler = () => {
     isComposingRef.value = true;
@@ -11,7 +12,7 @@ const compositionEndHandler = () => {
 };
 let mountedCount = 0;
 const useIsComposing = () => {
-    if (typeof window !== 'undefined') {
+    if (is_browser_1.isBrowser) {
         (0, vue_1.onBeforeMount)(() => {
             if (!mountedCount) {
                 window.addEventListener('compositionstart', compositionStartHandler);

package/lib/_utils/env/is-browser.d.ts

@@ -0,0 +1 @@
+export declare const isBrowser: boolean;

package/lib/_utils/env/is-browser.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBrowser = void 0;
+exports.isBrowser = typeof document !== 'undefined' && typeof window !== 'undefined';

package/lib/_utils/index.d.ts

@@ -5,4 +5,5 @@ export type { ExtractPublicPropTypes, ExtractInternalPropTypes, Mutable } from '
 export { formatLength, color2Class } from './css';
 export { createKey } from './cssr';
 export { isJsdom } from './env/is-jsdom';
+export { isBrowser } from './env/is-browser';
 export * from './composable';

package/lib/_utils/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isJsdom = exports.createKey = exports.color2Class = exports.formatLength = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.isSlotEmpty = exports.resolveWrappedSlot = exports.resolveSlotWithProps = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
+exports.isBrowser = exports.isJsdom = exports.createKey = exports.color2Class = exports.formatLength = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.isSlotEmpty = exports.resolveWrappedSlot = exports.resolveSlotWithProps = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
 var vue_1 = require("./vue");
 Object.defineProperty(exports, "call", { enumerable: true, get: function () { return vue_1.call; } });
 Object.defineProperty(exports, "keep", { enumerable: true, get: function () { return vue_1.keep; } });
@@ -46,4 +46,6 @@ var cssr_1 = require("./cssr");
 Object.defineProperty(exports, "createKey", { enumerable: true, get: function () { return cssr_1.createKey; } });
 var is_jsdom_1 = require("./env/is-jsdom");
 Object.defineProperty(exports, "isJsdom", { enumerable: true, get: function () { return is_jsdom_1.isJsdom; } });
+var is_browser_1 = require("./env/is-browser");
+Object.defineProperty(exports, "isBrowser", { enumerable: true, get: function () { return is_browser_1.isBrowser; } });
 __exportStar(require("./composable"), exports);

package/lib/_utils/naive/index.d.ts

@@ -3,4 +3,3 @@ export { smallerSize, largerSize } from './prop';
 export { getTitleAttribute } from './attribute';
 export type { ExtractPublicPropTypes, ExtractInternalPropTypes } from './extract-public-props';
 export type { Mutable } from './mutable';
-export * from './window';

package/lib/_utils/naive/index.js

@@ -1,18 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = void 0;
 var warn_1 = require("./warn");
@@ -24,4 +10,3 @@ Object.defineProperty(exports, "smallerSize", { enumerable: true, get: function
 Object.defineProperty(exports, "largerSize", { enumerable: true, get: function () { return prop_1.largerSize; } });
 var attribute_1 = require("./attribute");
 Object.defineProperty(exports, "getTitleAttribute", { enumerable: true, get: function () { return attribute_1.getTitleAttribute; } });
-__exportStar(require("./window"), exports);

package/lib/button/src/styles/index.cssr.js

@@ -8,7 +8,9 @@ const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_width_expand_cssr_1 = require("../../../_styles/transitions/fade-in-width-expand.cssr");
 
-const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr"); // vars:
+const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
+
+const _utils_1 = require("../../../_utils"); // vars:
 // --n-bezier
 // --n-bezier-ease-out
 // --n-ripple-duration
@@ -123,7 +125,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('button', `
  `, [(0, cssr_1.cM)('active', {
   zIndex: 1,
   animationName: 'button-wave-spread, button-wave-opacity'
-})]), typeof window !== 'undefined' && 'MozBoxSizing' in document.createElement('div').style ? (0, cssr_1.c)('&::moz-focus-inner', {
+})]), _utils_1.isBrowser && 'MozBoxSizing' in document.createElement('div').style ? (0, cssr_1.c)('&::moz-focus-inner', {
   border: 0
 }) : null, (0, cssr_1.cE)('border, state-border', `
  position: absolute;

package/lib/calendar/src/Calendar.js

@@ -129,9 +129,10 @@ exports.default = (0, vue_1.defineComponent)({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         const normalizedValue = mergedValue && (0, date_fns_1.startOfDay)(mergedValue).valueOf();
         const year = (0, date_fns_1.getYear)(monthTs);
+        const calendarMonth = (0, date_fns_1.getMonth)(monthTs) + 1;
         return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-calendar`, this.themeClass], style: cssVars },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-header` },
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-header__title` }, (0, _utils_1.resolveSlotWithProps)($slots.header, { year, month: (0, date_fns_1.getMonth)(monthTs) + 1 }, () => {
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-header__title` }, (0, _utils_1.resolveSlotWithProps)($slots.header, { year, month: calendarMonth }, () => {
                     const localeMonth = (0, date_fns_1.format)(monthTs, 'MMMM', { locale });
                     return [
                         monthBeforeYear
@@ -158,7 +159,7 @@ exports.default = (0, vue_1.defineComponent)({
                 const notInCurrentMonth = !inCurrentMonth;
                 const disabled = (isDateDisabled === null || isDateDisabled === void 0 ? void 0 : isDateDisabled(ts)) === true;
                 const selected = normalizedValue === (0, date_fns_1.startOfDay)(ts).valueOf();
-                return ((0, vue_1.h)("div", { key: isCurrentDate ? 'current' : index, class: [
+                return ((0, vue_1.h)("div", { key: `${calendarMonth}-${index}`, class: [
                         `${mergedClsPrefix}-calendar-cell`,
                         disabled && `${mergedClsPrefix}-calendar-cell--disabled`,
                         notInCurrentMonth &&
@@ -168,17 +169,25 @@ exports.default = (0, vue_1.defineComponent)({
                             `${mergedClsPrefix}-calendar-cell--current`,
                         selected && `${mergedClsPrefix}-calendar-cell--selected`
                     ], onClick: () => {
+                        var _a;
                         if (disabled)
                             return;
+                        const monthTs = (0, date_fns_1.startOfMonth)(ts).valueOf();
+                        this.monthTs = monthTs;
+                        if (notInCurrentMonth) {
+                            (_a = this.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(this, {
+                                year: (0, date_fns_1.getYear)(monthTs),
+                                month: (0, date_fns_1.getMonth)(monthTs) + 1
+                            });
+                        }
                         this.doUpdateValue(ts, {
                             year,
                             month: month + 1,
                             date
                         });
-                        this.monthTs = (0, date_fns_1.startOfMonth)(ts).valueOf();
                     } },
                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-date` },
-                        disabled ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-date__date`, title: fullDate, key: "disabled" }, date)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-date__date`, title: fullDate, key: "available" }, date)),
+                        (0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-date__date`, title: fullDate }, date),
                         index < 7 && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-date__day`, title: fullDate }, (0, date_fns_1.format)(ts, 'EEE', {
                             locale
                         })))), (_a = $slots.default) === null || _a === void 0 ? void 0 :
@@ -187,7 +196,7 @@ exports.default = (0, vue_1.defineComponent)({
                         month: month + 1,
                         date
                     }),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-cell__bar`, key: month })));
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-calendar-cell__bar` })));
             }))));
     }
 });

package/lib/cascader/src/Cascader.js

@@ -329,6 +329,36 @@ exports.default = (0, vue_1.defineComponent)({
         const showSelectMenuRef = (0, vue_1.computed)(() => {
             return !!(props.filterable && patternRef.value);
         });
+        // init hover key
+        (0, vue_1.watch)(mergedShowRef, (show) => {
+            if (!show)
+                return;
+            if (props.multiple)
+                return;
+            const { value } = mergedValueRef;
+            if (!Array.isArray(value) && value !== null) {
+                keyboardKeyRef.value = value;
+                hoverKeyRef.value = value;
+                void (0, vue_1.nextTick)(() => {
+                    var _a;
+                    if (!mergedShowRef.value)
+                        return;
+                    const { value: hoverKey } = hoverKeyRef;
+                    if (mergedValueRef.value !== null) {
+                        const node = treeMateRef.value.getNode(hoverKey);
+                        if (node) {
+                            (_a = cascaderMenuInstRef.value) === null || _a === void 0 ? void 0 : _a.scroll(node.level, node.index, (0, seemly_1.depx)(optionHeightRef.value));
+                        }
+                    }
+                });
+            }
+            else {
+                keyboardKeyRef.value = null;
+                hoverKeyRef.value = null;
+            }
+        }, {
+            immediate: true
+        });
         // --- methods
         function doBlur(e) {
             const { onBlur } = props;

package/lib/drawer/src/Drawer.js

@@ -26,7 +26,7 @@ const drawerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
         type: Boolean,
         default: true
     }, showMask: {
-        type: Boolean,
+        type: [Boolean, String],
         default: true
     }, to: [String, Object], displayDirective: {
         type: String,

package/lib/empty/src/Empty.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const context_1 = require("../../config-provider/src/context");
+const icon_1 = require("../../_internal/icon");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
-const _internal_1 = require("../../_internal");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const emptyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { description: String, showDescription: {
@@ -73,7 +73,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { $slots, mergedClsPrefix, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-empty`, this.themeClass], style: this.cssVars },
-            this.showIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-empty__icon` }, $slots.icon ? ($slots.icon()) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: this.mergedRenderIcon })))) : null,
+            this.showIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-empty__icon` }, $slots.icon ? ($slots.icon()) : ((0, vue_1.h)(icon_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: this.mergedRenderIcon })))) : null,
             this.showDescription ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-empty__description` }, $slots.default ? $slots.default() : this.localizedDescription)) : null,
             $slots.extra ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-empty__extra` }, $slots.extra())) : null));
     }

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { default } from './preset';
+export { default, install } from './preset';
 export { useOsTheme } from 'vooks';
 export { default as create } from './create';
 export * from './locales';

package/lib/index.js

@@ -17,9 +17,10 @@ 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.lightTheme = 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.install = exports.default = void 0;
 var preset_1 = require("./preset");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(preset_1).default; } });
+Object.defineProperty(exports, "install", { enumerable: true, get: function () { return preset_1.install; } });
 var vooks_1 = require("vooks");
 Object.defineProperty(exports, "useOsTheme", { enumerable: true, get: function () { return vooks_1.useOsTheme; } });
 var create_1 = require("./create");

package/lib/jest-setup.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/jest-setup.js

@@ -1,5 +1,7 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const _utils_1 = require("./_utils");
 // https://github.com/jsdom/jsdom/issues/1422
-if (typeof window !== 'undefined') {
+if (_utils_1.isBrowser) {
     HTMLDivElement.prototype.scrollTo = () => { };
 }

package/lib/mention/src/utils.js

@@ -7,6 +7,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setElementPositionBasedOnCaret = exports.getRelativePosition = exports.getAbsolutePosition = void 0;
+const _utils_1 = require("../../_utils");
 /**
  * Returns the Absolute (relative to the inner window size) position of the caret in the given element.
  * @param element Input (has to be type='text') or Text Area.
@@ -73,8 +74,7 @@ function getRelativePosition(element, options = {
     ];
     // Firefox 1.0+
     const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
-    const isBrowser = typeof window !== 'undefined';
-    if (!isBrowser) {
+    if (!_utils_1.isBrowser) {
         throw new Error('textarea-caret-position#getCaretPosition should only be called in a browser');
     }
     const debug = options === null || options === void 0 ? void 0 : options.debug;

package/lib/preset.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("./create").NUiInstance;
-export default _default;
+declare const naive: import("./create").NUiInstance;
+export default naive;
+export declare const install: (app: import("vue").App<any>) => void;

package/lib/preset.js

@@ -26,8 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.install = void 0;
 const components = __importStar(require("./components"));
 const create_1 = __importDefault(require("./create"));
-exports.default = (0, create_1.default)({
+const naive = (0, create_1.default)({
     components: Object.keys(components).map((key) => components[key])
 });
+exports.default = naive;
+exports.install = naive.install;

package/lib/space/src/Space.d.ts

@@ -69,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
         gapLarge: string;
     }, any>>>;
 }, {
+    useGap: boolean;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     margin: import("vue").ComputedRef<{

package/lib/space/src/Space.js

@@ -9,6 +9,7 @@ const _utils_1 = require("../../_utils");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const utils_1 = require("./utils");
 const spaceProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { align: String, justify: {
         type: String,
         default: 'start'
@@ -27,6 +28,7 @@ exports.default = (0, vue_1.defineComponent)({
         const themeRef = (0, _mixins_1.useTheme)('Space', '-space', undefined, styles_1.spaceLight, props, mergedClsPrefixRef);
         const rtlEnabledRef = (0, use_rtl_1.default)('Space', mergedRtlRef, mergedClsPrefixRef);
         return {
+            useGap: (0, utils_1.ensureSupportFlexGap)(),
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
             margin: (0, vue_1.computed)(() => {
@@ -53,7 +55,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { vertical, align, inline, justify, itemStyle, margin, wrap, mergedClsPrefix, rtlEnabled } = this;
+        const { vertical, align, inline, justify, itemStyle, margin, wrap, mergedClsPrefix, rtlEnabled, useGap } = this;
         const children = (0, _utils_1.flatten)((0, _utils_1.getSlot)(this));
         if (!children.length)
             return null;
@@ -73,51 +75,54 @@ exports.default = (0, vue_1.defineComponent)({
                     ? 'flex-' + justify
                     : justify,
                 flexWrap: !wrap || vertical ? 'nowrap' : 'wrap',
-                marginTop: vertical ? '' : `-${semiVerticalMargin}`,
-                marginBottom: vertical ? '' : `-${semiVerticalMargin}`,
-                alignItems: align
+                marginTop: useGap || vertical ? '' : `-${semiVerticalMargin}`,
+                marginBottom: useGap || vertical ? '' : `-${semiVerticalMargin}`,
+                alignItems: align,
+                gap: useGap ? `${margin.vertical}px ${margin.horizontal}px` : ''
             } }, children.map((child, index) => ((0, vue_1.h)("div", { role: "none", style: [
                 itemStyle,
                 {
                     maxWidth: '100%'
                 },
-                vertical
-                    ? {
-                        marginBottom: index !== lastIndex ? verticalMargin : ''
-                    }
-                    : rtlEnabled
+                useGap
+                    ? ''
+                    : vertical
                         ? {
-                            marginLeft: isJustifySpace
-                                ? justify === 'space-between' && index === lastIndex
-                                    ? ''
-                                    : semiHorizontalMargin
-                                : index !== lastIndex
-                                    ? horizontalMargin
-                                    : '',
-                            marginRight: isJustifySpace
-                                ? justify === 'space-between' && index === 0
-                                    ? ''
-                                    : semiHorizontalMargin
-                                : '',
-                            paddingTop: semiVerticalMargin,
-                            paddingBottom: semiVerticalMargin
+                            marginBottom: index !== lastIndex ? verticalMargin : ''
                         }
-                        : {
-                            marginRight: isJustifySpace
-                                ? justify === 'space-between' && index === lastIndex
-                                    ? ''
-                                    : semiHorizontalMargin
-                                : index !== lastIndex
-                                    ? horizontalMargin
+                        : rtlEnabled
+                            ? {
+                                marginLeft: isJustifySpace
+                                    ? justify === 'space-between' && index === lastIndex
+                                        ? ''
+                                        : semiHorizontalMargin
+                                    : index !== lastIndex
+                                        ? horizontalMargin
+                                        : '',
+                                marginRight: isJustifySpace
+                                    ? justify === 'space-between' && index === 0
+                                        ? ''
+                                        : semiHorizontalMargin
                                     : '',
-                            marginLeft: isJustifySpace
-                                ? justify === 'space-between' && index === 0
-                                    ? ''
-                                    : semiHorizontalMargin
-                                : '',
-                            paddingTop: semiVerticalMargin,
-                            paddingBottom: semiVerticalMargin
-                        }
+                                paddingTop: semiVerticalMargin,
+                                paddingBottom: semiVerticalMargin
+                            }
+                            : {
+                                marginRight: isJustifySpace
+                                    ? justify === 'space-between' && index === lastIndex
+                                        ? ''
+                                        : semiHorizontalMargin
+                                    : index !== lastIndex
+                                        ? horizontalMargin
+                                        : '',
+                                marginLeft: isJustifySpace
+                                    ? justify === 'space-between' && index === 0
+                                        ? ''
+                                        : semiHorizontalMargin
+                                    : '',
+                                paddingTop: semiVerticalMargin,
+                                paddingBottom: semiVerticalMargin
+                            }
             ] }, child)))));
     }
 });

package/lib/space/src/utils.d.ts

@@ -0,0 +1 @@
+export declare const ensureSupportFlexGap: () => boolean;