naive-ui 2.30.2 → 2.30.3

package/es/_internal/clear/src/Clear.js

@@ -2,7 +2,7 @@ import { h, defineComponent, toRef } from 'vue';
 import { resolveSlot } from '../../../_utils';
 import { useStyle } from '../../../_mixins';
 import { ClearIcon } from '../../icons';
-import NBaseIcon from '../../icon';
+import { NBaseIcon } from '../../icon';
 import NIconSwitchTransition from '../../icon-switch-transition';
 import style from './styles/index.cssr';
 export default defineComponent({

package/es/_internal/close/index.d.ts

@@ -1 +1 @@
-export { default } from './src/Close';
+export { default as NBaseClose } from './src/Close';

package/es/_internal/close/index.js

@@ -1 +1 @@
-export { default } from './src/Close';
+export { default as NBaseClose } from './src/Close';

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

@@ -1,6 +1,6 @@
 import { h, defineComponent, toRef } from 'vue';
 import { useStyle } from '../../../_mixins';
-import NBaseIcon from '../../icon';
+import { NBaseIcon } from '../../icon';
 import { CloseIcon } from '../../icons';
 import style from './styles/index.cssr';
 export default defineComponent({

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

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

package/es/_internal/icon/index.js

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

package/es/_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/es/_internal/index.js

@@ -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/es/_internal/select-menu/src/SelectOption.js

@@ -2,7 +2,7 @@ import { h, inject, defineComponent, Transition } from 'vue';
 import { useMemo } from 'vooks';
 import { render } from '../../../_utils';
 import { CheckmarkIcon } from '../../icons';
-import NBaseIcon from '../../icon';
+import { NBaseIcon } from '../../icon';
 import { internalSelectionMenuInjectionKey } from './interface';
 const checkMarkIcon = h(CheckmarkIcon);
 function renderCheckMark(show, clsPrefix) {

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

@@ -500,29 +500,18 @@ export default defineComponent({
                     ? !this.pattern && !this.isCompositing
                     : true;
             const placeholder = showPlaceholder ? (h("div", { class: `${clsPrefix}-base-selection-placeholder ${clsPrefix}-base-selection-overlay` }, this.placeholder)) : null;
-            if (filterable) {
-                const popoverTrigger = (h("div", { ref: "patternInputWrapperRef", class: `${clsPrefix}-base-selection-tags` },
-                    tags,
-                    maxTagCountResponsive ? null : input,
-                    suffix));
-                body = (h(Fragment, null,
-                    useMaxTagCount ? (h(NPopover, Object.assign({}, popoverProps, { scrollable: true }), {
-                        trigger: () => popoverTrigger,
-                        default: renderPopover
-                    })) : (popoverTrigger),
-                    placeholder));
-            }
-            else {
-                const popoverTrigger = (h("div", { ref: "multipleElRef", class: `${clsPrefix}-base-selection-tags`, tabindex: disabled ? undefined : 0 },
-                    tags,
-                    suffix));
-                body = (h(Fragment, null,
-                    useMaxTagCount ? (h(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 ? (h("div", { ref: "patternInputWrapperRef", class: `${clsPrefix}-base-selection-tags` },
+                tags,
+                maxTagCountResponsive ? null : input,
+                suffix)) : (h("div", { ref: "multipleElRef", class: `${clsPrefix}-base-selection-tags`, tabindex: disabled ? undefined : 0 },
+                tags,
+                suffix));
+            body = (h(Fragment, null,
+                useMaxTagCount ? (h(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/es/_internal/suffix/src/Suffix.js

@@ -1,7 +1,7 @@
 import { h, defineComponent } from 'vue';
 import NBaseClear from '../../clear';
 import NBaseLoading from '../../loading';
-import NBaseIcon from '../../icon';
+import { NBaseIcon } from '../../icon';
 import { ChevronDownIcon } from '../../icons';
 import { resolveSlot } from '../../../_utils/vue';
 export default defineComponent({

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

@@ -1,6 +1,6 @@
 import { onMounted, onUnmounted, ref } from 'vue';
-import { hasWindow } from '../naive';
-const defaultWindow = hasWindow ? window : null;
+import { isBrowser } from '../env/is-browser';
+const defaultWindow = isBrowser ? window : null;
 export 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/es/_utils/composable/use-houdini.js

@@ -1,6 +1,7 @@
+import { isBrowser } from '../env/is-browser';
 let houdiniRegistered = false;
 export function useHoudini() {
-    if (typeof window === 'undefined')
+    if (!isBrowser)
         return;
     if (!window.CSS)
         return;

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

@@ -1,4 +1,5 @@
 import { ref, onBeforeMount, onBeforeUnmount } from 'vue';
+import { isBrowser } from '../env/is-browser';
 const isComposingRef = ref(false);
 const compositionStartHandler = () => {
     isComposingRef.value = true;
@@ -8,7 +9,7 @@ const compositionEndHandler = () => {
 };
 let mountedCount = 0;
 export const useIsComposing = () => {
-    if (typeof window !== 'undefined') {
+    if (isBrowser) {
         onBeforeMount(() => {
             if (!mountedCount) {
                 window.addEventListener('compositionstart', compositionStartHandler);

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

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

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

@@ -0,0 +1 @@
+export const isBrowser = typeof document !== 'undefined' && typeof window !== 'undefined';

package/es/_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/es/_utils/index.js

@@ -3,4 +3,5 @@ export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute
 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/es/_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/es/_utils/naive/index.js

@@ -1,4 +1,3 @@
 export { warn, warnOnce, throwError } from './warn';
 export { smallerSize, largerSize } from './prop';
 export { getTitleAttribute } from './attribute';
-export * from './window';

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

@@ -1,6 +1,7 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
 import { fadeInWidthExpandTransition } from '../../../_styles/transitions/fade-in-width-expand.cssr';
-import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr'; // vars:
+import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
+import { isBrowser } from '../../../_utils'; // vars:
 // --n-bezier
 // --n-bezier-ease-out
 // --n-ripple-duration
@@ -114,7 +115,7 @@ export default c([cB('button', `
  `, [cM('active', {
   zIndex: 1,
   animationName: 'button-wave-spread, button-wave-opacity'
-})]), typeof window !== 'undefined' && 'MozBoxSizing' in document.createElement('div').style ? c('&::moz-focus-inner', {
+})]), isBrowser && 'MozBoxSizing' in document.createElement('div').style ? c('&::moz-focus-inner', {
   border: 0
 }) : null, cE('border, state-border', `
  position: absolute;

package/es/calendar/src/Calendar.js

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

package/es/cascader/src/Cascader.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, provide, ref, watch, toRef, isReactive, watchEffect } from 'vue';
+import { h, defineComponent, computed, provide, ref, watch, toRef, isReactive, watchEffect, nextTick } from 'vue';
 import { createTreeMate, SubtreeNotLoadedError } from 'treemate';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { depx, changeColor, happensIn } from 'seemly';
@@ -324,6 +324,36 @@ export default defineComponent({
         const showSelectMenuRef = computed(() => {
             return !!(props.filterable && patternRef.value);
         });
+        // init hover key
+        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 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, depx(optionHeightRef.value));
+                        }
+                    }
+                });
+            }
+            else {
+                keyboardKeyRef.value = null;
+                hoverKeyRef.value = null;
+            }
+        }, {
+            immediate: true
+        });
         // --- methods
         function doBlur(e) {
             const { onBlur } = props;

package/es/drawer/src/Drawer.js

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

package/es/empty/src/Empty.js

@@ -1,9 +1,9 @@
 import { h, defineComponent, computed, inject } from 'vue';
 import { configProviderInjectionKey } from '../../config-provider/src/context';
+import { NBaseIcon } from '../../_internal/icon';
 import { EmptyIcon } from '../../_internal/icons';
 import { useConfig, useLocale, useTheme, useThemeClass } from '../../_mixins';
 import { createKey } from '../../_utils';
-import { NBaseIcon } from '../../_internal';
 import { emptyLight } from '../styles';
 import style from './styles/index.cssr';
 const emptyProps = Object.assign(Object.assign({}, useTheme.props), { description: String, showDescription: {

package/es/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/es/index.js

@@ -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/es/jest-setup.d.ts

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

package/es/jest-setup.js

@@ -1,5 +1,5 @@
-"use strict";
+import { isBrowser } from './_utils';
 // https://github.com/jsdom/jsdom/issues/1422
-if (typeof window !== 'undefined') {
+if (isBrowser) {
     HTMLDivElement.prototype.scrollTo = () => { };
 }

package/es/mention/src/utils.js

@@ -4,6 +4,7 @@
  *
  * Here I modified it to make it works when input is scrolled.
  */
+import { isBrowser } from '../../_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.
@@ -69,7 +70,6 @@ export function getRelativePosition(element, options = {
     ];
     // Firefox 1.0+
     const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
-    const isBrowser = typeof window !== 'undefined';
     if (!isBrowser) {
         throw new Error('textarea-caret-position#getCaretPosition should only be called in a browser');
     }

package/es/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/es/preset.js

@@ -1,5 +1,7 @@
 import * as components from './components';
 import create from './create';
-export default create({
+const naive = create({
     components: Object.keys(components).map((key) => components[key])
 });
+export default naive;
+export const install = naive.install;

package/es/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/es/space/src/Space.js

@@ -4,6 +4,7 @@ import { createKey, flatten, getSlot } from '../../_utils';
 import { useConfig, useTheme } from '../../_mixins';
 import { spaceLight } from '../styles';
 import useRtl from '../../_mixins/use-rtl';
+import { ensureSupportFlexGap } from './utils';
 const spaceProps = Object.assign(Object.assign({}, useTheme.props), { align: String, justify: {
         type: String,
         default: 'start'
@@ -22,6 +23,7 @@ export default defineComponent({
         const themeRef = useTheme('Space', '-space', undefined, spaceLight, props, mergedClsPrefixRef);
         const rtlEnabledRef = useRtl('Space', mergedRtlRef, mergedClsPrefixRef);
         return {
+            useGap: ensureSupportFlexGap(),
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
             margin: computed(() => {
@@ -48,7 +50,7 @@ export default 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 = flatten(getSlot(this));
         if (!children.length)
             return null;
@@ -68,51 +70,54 @@ export default 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) => (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/es/space/src/utils.d.ts

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

package/es/space/src/utils.js

@@ -0,0 +1,22 @@
+import { isBrowser } from '../../_utils';
+let supportFlexGap;
+export const ensureSupportFlexGap = () => {
+    if (!isBrowser)
+        return true;
+    if (supportFlexGap === undefined) {
+        // create flex container with row-gap set
+        const flex = document.createElement('div');
+        flex.style.display = 'flex';
+        flex.style.flexDirection = 'column';
+        flex.style.rowGap = '1px';
+        // create two, elements inside it
+        flex.appendChild(document.createElement('div'));
+        flex.appendChild(document.createElement('div'));
+        // append to the DOM (needed to obtain scrollHeight)
+        document.body.appendChild(flex);
+        const isSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
+        document.body.removeChild(flex);
+        return (supportFlexGap = isSupported);
+    }
+    return supportFlexGap;
+};

package/es/tag/src/Tag.js

@@ -1,7 +1,7 @@
 import { h, defineComponent, computed, ref, provide, toRef } from 'vue';
 import useRtl from '../../_mixins/use-rtl';
+import { NBaseClose } from '../../_internal/close';
 import { useConfig, useThemeClass, useTheme } from '../../_mixins';
-import { NBaseClose } from '../../_internal';
 import { warn, createKey, call, createInjectionKey, color2Class, resolveWrappedSlot } from '../../_utils';
 import { tagLight } from '../styles';
 import commonProps from './common-props';

package/es/tree/src/utils.js

@@ -1,3 +1,4 @@
+import { isBrowser } from '../../_utils';
 function traverse(nodes, childrenField, callback, callbackAfter) {
     nodes === null || nodes === void 0 ? void 0 : nodes.forEach((node) => {
         callback(node);
@@ -31,7 +32,7 @@ export function keysWithFilter(nodes, pattern, keyField, childrenField, filter)
     };
 }
 const emptyImage = null;
-if (typeof window !== 'undefined' && Image) {
+if (isBrowser && Image) {
     const emptyImage = new Image();
     emptyImage.src =
         'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';

package/es/upload/src/utils.js

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { isBrowser } from '../../_utils';
 export const isImageFileType = (type) => type.includes('image/');
 const getExtname = (url = '') => {
     const temp = url.split('/');
@@ -57,10 +58,7 @@ export function createImageDataUrl(file) {
         });
     });
 }
-export const environmentSupportFile = typeof document !== 'undefined' &&
-    typeof window !== 'undefined' &&
-    window.FileReader &&
-    window.File;
+export const environmentSupportFile = isBrowser && window.FileReader && window.File;
 export function isFileSystemDirectoryEntry(item) {
     return item.isDirectory;
 }

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.30.2";
+declare const _default: "2.30.3";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.30.2';
+export default '2.30.3';

package/lib/_internal/clear/src/Clear.js

@@ -7,7 +7,7 @@ const vue_1 = require("vue");
 const _utils_1 = require("../../../_utils");
 const _mixins_1 = require("../../../_mixins");
 const icons_1 = require("../../icons");
-const icon_1 = __importDefault(require("../../icon"));
+const icon_1 = require("../../icon");
 const icon_switch_transition_1 = __importDefault(require("../../icon-switch-transition"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.default = (0, vue_1.defineComponent)({
@@ -35,7 +35,7 @@ exports.default = (0, vue_1.defineComponent)({
                 default: () => {
                     var _a, _b;
                     return this.show ? ((0, vue_1.h)("div", { key: "dismiss", class: `${clsPrefix}-base-clear__clear`, onClick: this.onClear, onMousedown: this.handleMouseDown, "data-clear": true }, (0, _utils_1.resolveSlot)(this.$slots.icon, () => [
-                        (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.ClearIcon, null)
                         })
                     ]))) : ((0, vue_1.h)("div", { key: "icon", class: `${clsPrefix}-base-clear__placeholder` }, (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a)));

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

@@ -1 +1 @@
-export { default } from './src/Close';
+export { default as NBaseClose } from './src/Close';