naive-ui 2.18.1 → 2.19.2

package/lib/upload/src/Upload.js

@@ -14,14 +14,13 @@ const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
-const _internal_1 = require("../../_internal");
 const styles_1 = require("../styles");
-const UploadFile_1 = require("./UploadFile");
 const UploadDragger_1 = require("./UploadDragger");
 const index_cssr_1 = require("./styles/index.cssr");
 const interface_1 = require("./interface");
 const utils_1 = require("./utils");
-const image_1 = require("../../image");
+const UploadTrigger_1 = require("./UploadTrigger");
+const UploadFileList_1 = require("./UploadFileList");
 /**
  * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
  */
@@ -165,11 +164,14 @@ const uploadProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, listType: {
         type: String,
         default: 'text'
-    }, onPreview: Function, createThumbnailUrl: Function });
+    }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Upload',
     props: uploadProps,
     setup(props) {
+        if (props.abstract && props.listType === 'image-card') {
+            (0, _utils_1.throwError)('upload', 'when the list-type is image-card, abstract is not supported.');
+        }
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Upload', 'Upload', index_cssr_1.default, styles_1.uploadLight, props, mergedClsPrefixRef);
         const formItem = (0, _mixins_1.useFormItem)(props);
@@ -187,34 +189,6 @@ exports.default = (0, vue_1.defineComponent)({
             var _a;
             (_a = inputElRef.value) === null || _a === void 0 ? void 0 : _a.click();
         }
-        function handleTriggerClick() {
-            if (mergedDisabledRef.value)
-                return;
-            openFileDialog();
-        }
-        function handleTriggerDragOver(e) {
-            e.preventDefault();
-            dragOverRef.value = true;
-        }
-        function handleTriggerDragEnter(e) {
-            e.preventDefault();
-            dragOverRef.value = true;
-        }
-        function handleTriggerDragLeave(e) {
-            e.preventDefault();
-            dragOverRef.value = false;
-        }
-        function handleTriggerDrop(e) {
-            e.preventDefault();
-            if (!draggerInsideRef.value || mergedDisabledRef.value)
-                return;
-            const dataTransfer = e.dataTransfer;
-            const files = dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.files;
-            if (files) {
-                handleFileAddition(files);
-            }
-            dragOverRef.value = false;
-        }
         function handleFileInputChange(e) {
             const target = e.target;
             handleFileAddition(target.files, e);
@@ -250,11 +224,23 @@ exports.default = (0, vue_1.defineComponent)({
                         file: fileInfo,
                         fileList: mergedFileListRef.value
                     })) !== false) {
-                    doChange(fileInfo, e, {
-                        append: true
-                    });
+                    return fileInfo;
                 }
-            }))).then(() => {
+                return null;
+            })))
+                .then((fileInfos) => __awaiter(this, void 0, void 0, function* () {
+                let nextTickChain = Promise.resolve();
+                fileInfos.forEach((fileInfo) => {
+                    nextTickChain = nextTickChain.then(vue_1.nextTick).then(() => {
+                        fileInfo &&
+                            doChange(fileInfo, e, {
+                                append: true
+                            });
+                    });
+                });
+                return yield nextTickChain;
+            }))
+                .then(() => {
                 if (props.defaultUpload) {
                     submit();
                 }
@@ -324,6 +310,27 @@ exports.default = (0, vue_1.defineComponent)({
                     : yield (0, utils_1.createImageDataUrl)(file.file);
             });
         }
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard } } = themeRef.value;
+            return {
+                '--bezier': cubicBezierEaseInOut,
+                '--border-radius': borderRadius,
+                '--dragger-border': draggerBorder,
+                '--dragger-border-hover': draggerBorderHover,
+                '--dragger-color': draggerColor,
+                '--font-size': fontSize,
+                '--item-color-hover': itemColorHover,
+                '--item-color-hover-error': itemColorHoverError,
+                '--item-disabled-opacity': itemDisabledOpacity,
+                '--item-icon-color': itemIconColor,
+                '--item-text-color': itemTextColor,
+                '--item-text-color-error': itemTextColorError,
+                '--item-text-color-success': itemTextColorSuccess,
+                '--line-height': lineHeight,
+                '--item-border-image-card-error': itemBorderImageCardError,
+                '--item-border-image-card': itemBorderImageCard
+            };
+        });
         (0, vue_1.provide)(interface_1.uploadInjectionKey, {
             mergedClsPrefixRef,
             mergedThemeRef: themeRef,
@@ -340,81 +347,47 @@ exports.default = (0, vue_1.defineComponent)({
             doChange,
             showPreivewButtonRef: (0, vue_1.toRef)(props, 'showPreivewButton'),
             onPreviewRef: (0, vue_1.toRef)(props, 'onPreview'),
-            getFileThumbnailUrl
+            getFileThumbnailUrl,
+            listTypeRef: (0, vue_1.toRef)(props, 'listType'),
+            dragOverRef,
+            openFileDialog,
+            draggerInsideRef,
+            handleFileAddition,
+            mergedDisabledRef,
+            fileListStyleRef: (0, vue_1.toRef)(props, 'fileListStyle'),
+            abstractRef: (0, vue_1.toRef)(props, 'abstract'),
+            cssVarsRef
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             draggerInsideRef,
             inputElRef,
-            mergedFileList: mergedFileListRef,
-            mergedDisabled: mergedDisabledRef,
             mergedTheme: themeRef,
             dragOver: dragOverRef,
-            handleTriggerDrop,
-            handleTriggerDragLeave,
-            handleTriggerDragEnter,
-            handleTriggerDragOver,
-            handleTriggerClick,
             handleFileInputChange,
             submit,
-            openFileDialog,
-            cssVars: (0, vue_1.computed)(() => {
-                const { common: { cubicBezierEaseInOut }, self: { draggerColor, draggerBorder, draggerBorderHover, itemColorHover, itemColorHoverError, itemTextColorError, itemTextColorSuccess, itemTextColor, itemIconColor, itemDisabledOpacity, lineHeight, borderRadius, fontSize, itemBorderImageCardError, itemBorderImageCard } } = themeRef.value;
-                return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--border-radius': borderRadius,
-                    '--dragger-border': draggerBorder,
-                    '--dragger-border-hover': draggerBorderHover,
-                    '--dragger-color': draggerColor,
-                    '--font-size': fontSize,
-                    '--item-color-hover': itemColorHover,
-                    '--item-color-hover-error': itemColorHoverError,
-                    '--item-disabled-opacity': itemDisabledOpacity,
-                    '--item-icon-color': itemIconColor,
-                    '--item-text-color': itemTextColor,
-                    '--item-text-color-error': itemTextColorError,
-                    '--item-text-color-success': itemTextColorSuccess,
-                    '--line-height': lineHeight,
-                    '--item-border-image-card-error': itemBorderImageCardError,
-                    '--item-border-image-card': itemBorderImageCard
-                };
-            })
+            cssVars: cssVarsRef
         };
     },
     render() {
-        var _a;
-        const { draggerInsideRef, mergedClsPrefix, listType, $slots } = this;
-        if ($slots.default) {
-            const firstChild = (0, _utils_1.getFirstSlotVNode)($slots, 'default');
-            // @ts-expect-error
-            if ((_a = firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === null || _a === void 0 ? void 0 : _a[UploadDragger_1.uploadDraggerKey]) {
+        var _a, _b, _c;
+        const { draggerInsideRef, mergedClsPrefix, $slots } = this;
+        if ($slots.default && !this.abstract) {
+            const firstChild = $slots.default()[0];
+            if ((_b = (_a = firstChild) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b[UploadDragger_1.uploadDraggerKey]) {
                 draggerInsideRef.value = true;
             }
         }
-        const isImageCardType = listType === 'image-card';
-        const uploadTrigger = ((0, vue_1.h)("div", { class: [
-                `${mergedClsPrefix}-upload__trigger`,
-                isImageCardType && `${mergedClsPrefix}-upload__trigger--image-card`
-            ], onClick: this.handleTriggerClick, onDrop: this.handleTriggerDrop, onDragover: this.handleTriggerDragOver, onDragenter: this.handleTriggerDragEnter, onDragleave: this.handleTriggerDragLeave }, isImageCardType ? ((0, vue_1.h)(UploadDragger_1.default, null, this.$slots)) : (this.$slots)));
-        const createFileList = () => this.mergedFileList.map((file) => ((0, vue_1.h)(UploadFile_1.default, { clsPrefix: mergedClsPrefix, key: file.id, file: file, listType: listType })));
-        const uploadFileList = isImageCardType ? ((0, vue_1.h)(image_1.NImageGroup, null, { default: createFileList })) : ((0, vue_1.h)(_internal_1.NFadeInExpandTransition, { group: true }, {
-            default: createFileList
-        }));
-        return ((0, vue_1.h)("div", { class: [
+        const inputNode = ((0, vue_1.h)("input", { ref: "inputElRef", type: "file", class: `${mergedClsPrefix}-upload-file-input`, accept: this.accept, multiple: this.multiple, onChange: this.handleFileInputChange }));
+        return this.abstract ? ((0, vue_1.h)(vue_1.Fragment, null, (_c = $slots.default) === null || _c === void 0 ? void 0 :
+            _c.call($slots),
+            (0, vue_1.h)(vue_1.Teleport, { to: "body" }, inputNode))) : ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-upload`,
-                {
-                    [`${mergedClsPrefix}-upload--dragger-inside`]: draggerInsideRef.value,
-                    [`${mergedClsPrefix}-upload--drag-over`]: this.dragOver,
-                    [`${mergedClsPrefix}-upload--disabled`]: this.mergedDisabled
-                }
+                draggerInsideRef.value && `${mergedClsPrefix}-upload--dragger-inside`,
+                this.dragOver && `${mergedClsPrefix}-upload--drag-over`
             ], style: this.cssVars },
-            (0, vue_1.h)("input", { ref: "inputElRef", type: "file", class: `${mergedClsPrefix}-upload__file-input`, accept: this.accept, multiple: this.multiple, onChange: this.handleFileInputChange }),
-            this.listType !== 'image-card' && uploadTrigger,
-            this.showFileList && ((0, vue_1.h)("div", { class: [
-                    `${mergedClsPrefix}-upload-file-list`,
-                    isImageCardType && `${mergedClsPrefix}-upload-file-list--grid`
-                ], style: this.fileListStyle },
-                uploadFileList,
-                isImageCardType && uploadTrigger))));
+            inputNode,
+            this.listType !== 'image-card' && ((0, vue_1.h)(UploadTrigger_1.default, null, $slots)),
+            this.showFileList && (0, vue_1.h)(UploadFileList_1.default, null, $slots)));
     }
 });

package/lib/upload/src/UploadDragger.js

@@ -13,6 +13,12 @@ exports.default = (0, vue_1.defineComponent)({
         if (!NUpload) {
             (0, _utils_1.throwError)('upload-dragger', '`n-upload-dragger` must be placed inside `n-upload`.');
         }
-        return () => ((0, vue_1.h)("div", { class: `${NUpload.mergedClsPrefixRef.value}-upload-dragger` }, slots));
+        return () => {
+            const { mergedClsPrefixRef: { value: mergedClsPrefix }, mergedDisabledRef: { value: mergedDisabled } } = NUpload;
+            return ((0, vue_1.h)("div", { class: [
+                    `${mergedClsPrefix}-upload-dragger`,
+                    mergedDisabled && `${mergedClsPrefix}-upload-dragger--disabled`
+                ] }, slots));
+        };
     }
 });

package/lib/upload/src/UploadFileList.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+export default _default;

package/lib/upload/src/UploadFileList.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const _utils_1 = require("../../_utils");
+const interface_1 = require("./interface");
+const UploadFile_1 = require("./UploadFile");
+const image_1 = require("../../image");
+const _internal_1 = require("../../_internal");
+const UploadTrigger_1 = require("./UploadTrigger");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'UploadFileList',
+    setup(_, { slots }) {
+        const NUpload = (0, vue_1.inject)(interface_1.uploadInjectionKey, null);
+        if (!NUpload) {
+            (0, _utils_1.throwError)('upload-file-list', '`n-upload-file-list` must be placed inside `n-upload`.');
+        }
+        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef, mergedDisabledRef } = NUpload;
+        const isImageCardTypeRef = (0, vue_1.computed)(() => listTypeRef.value === 'image-card');
+        const renderFileList = () => mergedFileListRef.value.map((file) => ((0, vue_1.h)(UploadFile_1.default, { clsPrefix: mergedClsPrefixRef.value, key: file.id, file: file, listType: listTypeRef.value })));
+        const renderUploadFileList = () => isImageCardTypeRef.value ? ((0, vue_1.h)(image_1.NImageGroup, null, { default: renderFileList })) : ((0, vue_1.h)(_internal_1.NFadeInExpandTransition, { group: true }, {
+            default: renderFileList
+        }));
+        return () => {
+            const { value: mergedClsPrefix } = mergedClsPrefixRef;
+            return ((0, vue_1.h)("div", { class: [
+                    `${mergedClsPrefix}-upload-file-list`,
+                    mergedDisabledRef.value &&
+                        `${mergedClsPrefix}-upload-file-list--disabled`,
+                    isImageCardTypeRef.value &&
+                        `${mergedClsPrefix}-upload-file-list--grid`
+                ], style: [cssVarsRef.value, fileListStyleRef.value] },
+                renderUploadFileList(),
+                isImageCardTypeRef.value && (0, vue_1.h)(UploadTrigger_1.default, null, slots)));
+        };
+    }
+});

package/lib/upload/src/UploadProgress.d.ts

@@ -9,10 +9,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"error" | "info" | "success">;
         required: true;
     };
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
 }, {
     mergedTheme: import("vue").Ref<{
         common: {
@@ -368,14 +364,11 @@ declare const _default: import("vue").DefineComponent<{
     show?: unknown;
     percentage?: unknown;
     status?: unknown;
-    delay?: unknown;
 } & {
     show: boolean;
-    delay: number;
     percentage: number;
     status: "error" | "info" | "success";
 } & {}>, {
     show: boolean;
-    delay: number;
 }>;
 export default _default;

package/lib/upload/src/UploadProgress.js

@@ -15,13 +15,9 @@ exports.default = (0, vue_1.defineComponent)({
         status: {
             type: String,
             required: true
-        },
-        delay: {
-            type: Number,
-            default: 900
         }
     },
-    setup(props) {
+    setup() {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NUpload = (0, vue_1.inject)(interface_1.uploadInjectionKey);
         return {

package/lib/upload/src/UploadTrigger.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    abstract: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    abstract?: unknown;
+} & {
+    abstract: boolean;
+} & {}>, {
+    abstract: boolean;
+}>;
+export default _default;

package/lib/upload/src/UploadTrigger.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const _utils_1 = require("../../_utils");
+const interface_1 = require("./interface");
+const UploadDragger_1 = require("./UploadDragger");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'UploadTrigger',
+    props: {
+        abstract: Boolean
+    },
+    setup(props, { slots }) {
+        const NUpload = (0, vue_1.inject)(interface_1.uploadInjectionKey, null);
+        if (!NUpload) {
+            (0, _utils_1.throwError)('upload-trigger', '`n-upload-trigger` must be placed inside `n-upload`.');
+        }
+        const { mergedClsPrefixRef, mergedDisabledRef, listTypeRef, disabledRef, dragOverRef, openFileDialog, draggerInsideRef, handleFileAddition } = NUpload;
+        const isImageCardTypeRef = (0, vue_1.computed)(() => listTypeRef.value === 'image-card');
+        function handleTriggerClick() {
+            if (disabledRef.value)
+                return;
+            openFileDialog();
+        }
+        function handleTriggerDragOver(e) {
+            e.preventDefault();
+            dragOverRef.value = true;
+        }
+        function handleTriggerDragEnter(e) {
+            e.preventDefault();
+            dragOverRef.value = true;
+        }
+        function handleTriggerDragLeave(e) {
+            e.preventDefault();
+            dragOverRef.value = false;
+        }
+        function handleTriggerDrop(e) {
+            e.preventDefault();
+            if (!draggerInsideRef.value || disabledRef.value)
+                return;
+            const dataTransfer = e.dataTransfer;
+            const files = dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.files;
+            if (files) {
+                handleFileAddition(files);
+            }
+            dragOverRef.value = false;
+        }
+        return () => {
+            var _a;
+            const { value: mergedClsPrefix } = mergedClsPrefixRef;
+            return props.abstract ? ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots, {
+                handleClick: handleTriggerClick,
+                handleDrop: handleTriggerDrop,
+                handleDragOver: handleTriggerDragOver,
+                handleDragEnter: handleTriggerDragEnter,
+                handleDragLeave: handleTriggerDragLeave
+            })) : ((0, vue_1.h)("div", { class: [
+                    `${mergedClsPrefix}-upload-trigger`,
+                    mergedDisabledRef.value &&
+                        `${mergedClsPrefix}-upload-trigger--disabled`,
+                    isImageCardTypeRef.value &&
+                        `${mergedClsPrefix}-upload-trigger--image-card`
+                ], onClick: handleTriggerClick, onDrop: handleTriggerDrop, onDragover: handleTriggerDragOver, onDragenter: handleTriggerDragEnter, onDragleave: handleTriggerDragLeave }, isImageCardTypeRef.value ? ((0, vue_1.h)(UploadDragger_1.default, null, slots)) : (slots)));
+        };
+    }
+});

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

@@ -1,4 +1,4 @@
-import { Ref, InjectionKey } from 'vue';
+import { Ref, InjectionKey, CSSProperties } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { UploadTheme } from '../styles';
 export interface FileInfo {
@@ -50,11 +50,22 @@ export interface UploadInjection {
     onRemoveRef: Ref<OnRemove | undefined>;
     onDownloadRef: Ref<OnDownload | undefined>;
     XhrMap: Map<string, XMLHttpRequest>;
-    submit: (fileId?: string) => void;
     doChange: DoChange;
     showPreivewButtonRef: Ref<boolean>;
     onPreviewRef: Ref<OnPreview | undefined>;
+    listTypeRef: Ref<listType>;
+    dragOverRef: Ref<boolean>;
+    draggerInsideRef: {
+        value: boolean;
+    };
+    fileListStyleRef: Ref<string | CSSProperties | undefined>;
+    mergedDisabledRef: Ref<boolean>;
+    abstractRef: Ref<boolean>;
+    cssVarsRef: Ref<CSSProperties>;
+    submit: (fileId?: string) => void;
     getFileThumbnailUrl: (file: FileInfo) => Promise<string>;
+    handleFileAddition: (files: FileList | null, e?: Event) => void;
+    openFileDialog: () => void;
 }
 export declare const uploadInjectionKey: InjectionKey<UploadInjection>;
 export interface XhrHandlers {

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

@@ -10,41 +10,56 @@ const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-
 
 const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
 
-exports.default = (0, cssr_1.cB)('upload', [(0, cssr_1.cE)('file-input', `
+exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cE)('trigger', `
  display: block;
- width: 0;
- height: 0;
- opacity: 0;
- `), (0, cssr_1.cE)('trigger', `
- display: inline-block;
- box-sizing: border-box;
- `, [(0, cssr_1.cM)('image-card', [(0, cssr_1.cB)('upload-dragger', `
- padding: 0;
- height: 100%;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- `)])]), (0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cE)('trigger', `
- display: block;
- `)]), (0, cssr_1.cB)('upload-dragger', `
+ `)]), (0, cssr_1.cM)('drag-over', [(0, cssr_1.cB)('upload-dragger', `
+ border: var(--dragger-border-hover);
+ `)])]), (0, cssr_1.cB)('upload-dragger', `
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  border-radius: var(--border-radius);
  padding: 24px;
+ opacity: 1;
  transition:
+ opacity .3s var(--bezier),
  border-color .3s var(--bezier),
  background-color .3s var(--bezier);
  background-color: var(--dragger-color);
  border: var(--dragger-border);
  `, [(0, cssr_1.c)('&:hover', `
  border: var(--dragger-border-hover);
- `)]), (0, cssr_1.cB)('upload-file-list', `
+ `), (0, cssr_1.cM)('disabled', `
+ opacity: var(--item-disabled-opacity);
+ cursor: not-allowed;
+ `)]), (0, cssr_1.cB)('upload-trigger', `
+ display: inline-block;
+ box-sizing: border-box;
+ opacity: 1;
+ transition: opacity .3s var(--bezier);
+ `, [(0, cssr_1.cM)('disabled', `
+ opacity: var(--item-disabled-opacity);
+ cursor: not-allowed;
+ `), (0, cssr_1.cM)('image-card', `
+ width: 96px;
+ height: 96px;
+ `, [(0, cssr_1.cB)('upload-dragger', `
+ padding: 0;
+ height: 100%;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `)])]), (0, cssr_1.cB)('upload-file-list', `
  margin-top: 8px;
  line-height: var(--line-height);
- `, [(0, cssr_1.cM)('grid', `
+ opacity: 1;
+ transition: opacity .3s var(--bezier);
+ `, [(0, cssr_1.cM)('disabled', `
+ opacity: var(--item-disabled-opacity);
+ cursor: not-allowed;
+ `, [(0, cssr_1.cB)('upload-file', 'cursor: not-allowed;')]), (0, cssr_1.cM)('grid', `
  display: grid;
  grid-template-columns: repeat(auto-fill, 96px);
  grid-gap: 8px;
@@ -209,16 +224,9 @@ exports.default = (0, cssr_1.cB)('upload', [(0, cssr_1.cE)('file-input', `
  `, [(0, cssr_1.c)('a', `
  color: inherit;
  text-decoration: underline;
- `)])])])]), (0, cssr_1.cM)('disabled', `
- opacity: var(--item-disabled-opacity);
- `, [(0, cssr_1.cE)('trigger', `
- cursor: not-allowed;
- `), (0, cssr_1.cB)('upload-file', `
- cursor: not-allowed;
- `), (0, cssr_1.cB)('upload-file-list', `
- cursor: not-allowed;
- `), (0, cssr_1.cB)('upload-dragger', `
- cursor: not-allowed;
- `)]), (0, cssr_1.cM)('drag-over', [(0, cssr_1.cB)('upload-dragger', `
- border: var(--dragger-border-hover);
- `)])]);
+ `)])])])]), (0, cssr_1.cB)('upload-file-input', `
+ display: block;
+ width: 0;
+ height: 0;
+ opacity: 0;
+ `)]);

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.18.1";
+declare const _default: "2.19.2";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.18.1';
+exports.default = '2.19.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.18.1",
+  "version": "2.19.2",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -14,8 +14,9 @@
     "release:site": "cross-env TUSIMPLE=true npm run build:site && node build-doc/generate-deploy-sh.js && sudo bash build-doc/deploy-doc.sh",
     "lint": "npm run lint:code && npm run lint:type",
     "lint:type": "tsc -b --force tsconfig.esm.json",
-    "lint:code": "eslint --fix \"{src,build,scripts,demo}/**/*.{ts,tsx,js,vue,md}\"",
-    "format": "npm run format:code && npm run format:md",
+    "lint:code": "eslint \"{src,build,scripts,demo}/**/*.{ts,tsx,js,vue,md}\"",
+    "lint:fix": "eslint --fix \"{src,build,scripts,demo}/**/*.{ts,tsx,js,vue,md}\"",
+    "format": "npm run format:code && npm run format:md && npm run lint:fix",
     "format:code": "prettier --write \"(src|demo)/**/*.(vue|js)\"",
     "format:md": "prettier --write --parser markdown --prose-wrap never \"(src|demo)/**/*.md\"",
     "test": "cross-env NODE_ENV=test jest --collectCoverage=false",
@@ -79,7 +80,7 @@
     "@vue/compiler-sfc": "^3.0.10",
     "@vue/eslint-config-standard": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/server-renderer": "3.2.8",
+    "@vue/server-renderer": "^3.2.18",
     "@vue/test-utils": "^2.0.0-rc.9",
     "autoprefixer": "^10.2.6",
     "babel-eslint": "^10.1.0",
@@ -109,7 +110,7 @@
     "superagent": "^6.1.0",
     "typescript": "^4.4.2",
     "vite": "^2.1.3",
-    "vue": "3.2.8",
+    "vue": "^3.2.12",
     "vue-router": "^4.0.5"
   },
   "peerDependencies": {
@@ -123,16 +124,17 @@
     "async-validator": "^4.0.1",
     "css-render": "^0.15.6",
     "date-fns": "^2.19.0",
+    "date-fns-tz": "^1.1.6",
     "evtd": "^0.2.2",
     "highlight.js": "^11.0.1",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "seemly": "^0.3.1",
-    "treemate": "^0.3.4",
+    "treemate": "^0.3.8",
     "vdirs": "^0.1.4",
     "vfonts": "^0.1.0",
     "vooks": "^0.2.6",
-    "vueuc": "^0.4.9"
+    "vueuc": "^0.4.12"
   },
   "sideEffects": false,
   "homepage": "https://www.naiveui.com",