naive-ui 2.18.1 → 2.19.2

package/es/upload/src/Upload.js

@@ -7,19 +7,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { h, defineComponent, computed, provide, toRef, ref } from 'vue';
+import { h, defineComponent, computed, provide, toRef, ref, Fragment, Teleport, nextTick } from 'vue';
 import { createId } from 'seemly';
 import { useMergedState } from 'vooks';
 import { useConfig, useTheme, useFormItem } from '../../_mixins';
-import { getFirstSlotVNode, warn, call } from '../../_utils';
-import { NFadeInExpandTransition } from '../../_internal';
+import { warn, call, throwError } from '../../_utils';
 import { uploadLight } from '../styles';
-import NUploadFile from './UploadFile';
-import NUploadDragger, { uploadDraggerKey } from './UploadDragger';
+import { uploadDraggerKey } from './UploadDragger';
 import style from './styles/index.cssr';
 import { uploadInjectionKey } from './interface';
 import { createImageDataUrl } from './utils';
-import { NImageGroup } from '../../image';
+import NUploadTrigger from './UploadTrigger';
+import NUploadFileList from './UploadFileList';
 /**
  * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
  */
@@ -163,11 +162,14 @@ const uploadProps = Object.assign(Object.assign({}, useTheme.props), { name: {
     }, listType: {
         type: String,
         default: 'text'
-    }, onPreview: Function, createThumbnailUrl: Function });
+    }, onPreview: Function, createThumbnailUrl: Function, abstract: Boolean });
 export default defineComponent({
     name: 'Upload',
     props: uploadProps,
     setup(props) {
+        if (props.abstract && props.listType === 'image-card') {
+            throwError('upload', 'when the list-type is image-card, abstract is not supported.');
+        }
         const { mergedClsPrefixRef } = useConfig(props);
         const themeRef = useTheme('Upload', 'Upload', style, uploadLight, props, mergedClsPrefixRef);
         const formItem = useFormItem(props);
@@ -185,34 +187,6 @@ export default 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);
@@ -248,11 +222,23 @@ export default 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(nextTick).then(() => {
+                        fileInfo &&
+                            doChange(fileInfo, e, {
+                                append: true
+                            });
+                    });
+                });
+                return yield nextTickChain;
+            }))
+                .then(() => {
                 if (props.defaultUpload) {
                     submit();
                 }
@@ -322,6 +308,27 @@ export default defineComponent({
                     : yield createImageDataUrl(file.file);
             });
         }
+        const cssVarsRef = 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
+            };
+        });
         provide(uploadInjectionKey, {
             mergedClsPrefixRef,
             mergedThemeRef: themeRef,
@@ -338,81 +345,47 @@ export default defineComponent({
             doChange,
             showPreivewButtonRef: toRef(props, 'showPreivewButton'),
             onPreviewRef: toRef(props, 'onPreview'),
-            getFileThumbnailUrl
+            getFileThumbnailUrl,
+            listTypeRef: toRef(props, 'listType'),
+            dragOverRef,
+            openFileDialog,
+            draggerInsideRef,
+            handleFileAddition,
+            mergedDisabledRef,
+            fileListStyleRef: toRef(props, 'fileListStyle'),
+            abstractRef: 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: 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 = getFirstSlotVNode($slots, 'default');
-            // @ts-expect-error
-            if ((_a = firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === null || _a === void 0 ? void 0 : _a[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[uploadDraggerKey]) {
                 draggerInsideRef.value = true;
             }
         }
-        const isImageCardType = listType === 'image-card';
-        const uploadTrigger = (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 ? (h(NUploadDragger, null, this.$slots)) : (this.$slots)));
-        const createFileList = () => this.mergedFileList.map((file) => (h(NUploadFile, { clsPrefix: mergedClsPrefix, key: file.id, file: file, listType: listType })));
-        const uploadFileList = isImageCardType ? (h(NImageGroup, null, { default: createFileList })) : (h(NFadeInExpandTransition, { group: true }, {
-            default: createFileList
-        }));
-        return (h("div", { class: [
+        const inputNode = (h("input", { ref: "inputElRef", type: "file", class: `${mergedClsPrefix}-upload-file-input`, accept: this.accept, multiple: this.multiple, onChange: this.handleFileInputChange }));
+        return this.abstract ? (h(Fragment, null, (_c = $slots.default) === null || _c === void 0 ? void 0 :
+            _c.call($slots),
+            h(Teleport, { to: "body" }, inputNode))) : (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 },
-            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 && (h("div", { class: [
-                    `${mergedClsPrefix}-upload-file-list`,
-                    isImageCardType && `${mergedClsPrefix}-upload-file-list--grid`
-                ], style: this.fileListStyle },
-                uploadFileList,
-                isImageCardType && uploadTrigger))));
+            inputNode,
+            this.listType !== 'image-card' && (h(NUploadTrigger, null, $slots)),
+            this.showFileList && h(NUploadFileList, null, $slots)));
     }
 });

package/es/upload/src/UploadDragger.js

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

package/es/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/es/upload/src/UploadFileList.js

@@ -0,0 +1,34 @@
+import { h, defineComponent, inject, computed } from 'vue';
+import { throwError } from '../../_utils';
+import { uploadInjectionKey } from './interface';
+import NUploadFile from './UploadFile';
+import { NImageGroup } from '../../image';
+import { NFadeInExpandTransition } from '../../_internal';
+import NUploadTrigger from './UploadTrigger';
+export default defineComponent({
+    name: 'UploadFileList',
+    setup(_, { slots }) {
+        const NUpload = inject(uploadInjectionKey, null);
+        if (!NUpload) {
+            throwError('upload-file-list', '`n-upload-file-list` must be placed inside `n-upload`.');
+        }
+        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef, mergedDisabledRef } = NUpload;
+        const isImageCardTypeRef = computed(() => listTypeRef.value === 'image-card');
+        const renderFileList = () => mergedFileListRef.value.map((file) => (h(NUploadFile, { clsPrefix: mergedClsPrefixRef.value, key: file.id, file: file, listType: listTypeRef.value })));
+        const renderUploadFileList = () => isImageCardTypeRef.value ? (h(NImageGroup, null, { default: renderFileList })) : (h(NFadeInExpandTransition, { group: true }, {
+            default: renderFileList
+        }));
+        return () => {
+            const { value: mergedClsPrefix } = mergedClsPrefixRef;
+            return (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 && h(NUploadTrigger, null, slots)));
+        };
+    }
+});

package/es/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/es/upload/src/UploadProgress.js

@@ -13,13 +13,9 @@ export default 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 = inject(uploadInjectionKey);
         return {

package/es/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/es/upload/src/UploadTrigger.js

@@ -0,0 +1,63 @@
+import { h, defineComponent, inject, computed } from 'vue';
+import { throwError } from '../../_utils';
+import { uploadInjectionKey } from './interface';
+import NUploadDragger from './UploadDragger';
+export default defineComponent({
+    name: 'UploadTrigger',
+    props: {
+        abstract: Boolean
+    },
+    setup(props, { slots }) {
+        const NUpload = inject(uploadInjectionKey, null);
+        if (!NUpload) {
+            throwError('upload-trigger', '`n-upload-trigger` must be placed inside `n-upload`.');
+        }
+        const { mergedClsPrefixRef, mergedDisabledRef, listTypeRef, disabledRef, dragOverRef, openFileDialog, draggerInsideRef, handleFileAddition } = NUpload;
+        const isImageCardTypeRef = 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
+            })) : (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 ? (h(NUploadDragger, null, slots)) : (slots)));
+        };
+    }
+});

package/es/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/es/upload/src/styles/index.cssr.js

@@ -1,41 +1,56 @@
 import { c, cM, cB, cE } from '../../../_utils/cssr';
 import fadeInHeightExpand from '../../../_styles/transitions/fade-in-height-expand.cssr';
 import createIconSwitchTransition from '../../../_styles/transitions/icon-switch.cssr';
-export default cB('upload', [cE('file-input', `
+export default c([cB('upload', [cM('dragger-inside', [cE('trigger', `
  display: block;
- width: 0;
- height: 0;
- opacity: 0;
- `), cE('trigger', `
- display: inline-block;
- box-sizing: border-box;
- `, [cM('image-card', [cB('upload-dragger', `
- padding: 0;
- height: 100%;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- `)])]), cM('dragger-inside', [cE('trigger', `
- display: block;
- `)]), cB('upload-dragger', `
+ `)]), cM('drag-over', [cB('upload-dragger', `
+ border: var(--dragger-border-hover);
+ `)])]), 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);
  `, [c('&:hover', `
  border: var(--dragger-border-hover);
- `)]), cB('upload-file-list', `
+ `), cM('disabled', `
+ opacity: var(--item-disabled-opacity);
+ cursor: not-allowed;
+ `)]), cB('upload-trigger', `
+ display: inline-block;
+ box-sizing: border-box;
+ opacity: 1;
+ transition: opacity .3s var(--bezier);
+ `, [cM('disabled', `
+ opacity: var(--item-disabled-opacity);
+ cursor: not-allowed;
+ `), cM('image-card', `
+ width: 96px;
+ height: 96px;
+ `, [cB('upload-dragger', `
+ padding: 0;
+ height: 100%;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `)])]), cB('upload-file-list', `
  margin-top: 8px;
  line-height: var(--line-height);
- `, [cM('grid', `
+ opacity: 1;
+ transition: opacity .3s var(--bezier);
+ `, [cM('disabled', `
+ opacity: var(--item-disabled-opacity);
+ cursor: not-allowed;
+ `, [cB('upload-file', 'cursor: not-allowed;')]), cM('grid', `
  display: grid;
  grid-template-columns: repeat(auto-fill, 96px);
  grid-gap: 8px;
@@ -200,16 +215,9 @@ export default cB('upload', [cE('file-input', `
  `, [c('a', `
  color: inherit;
  text-decoration: underline;
- `)])])])]), cM('disabled', `
- opacity: var(--item-disabled-opacity);
- `, [cE('trigger', `
- cursor: not-allowed;
- `), cB('upload-file', `
- cursor: not-allowed;
- `), cB('upload-file-list', `
- cursor: not-allowed;
- `), cB('upload-dragger', `
- cursor: not-allowed;
- `)]), cM('drag-over', [cB('upload-dragger', `
- border: var(--dragger-border-hover);
- `)])]);
+ `)])])])]), cB('upload-file-input', `
+ display: block;
+ width: 0;
+ height: 0;
+ opacity: 0;
+ `)]);

package/es/version.d.ts

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

package/es/version.js

@@ -1 +1 @@
-export default '2.18.1';
+export default '2.19.2';

package/lib/_internal/clear/src/Clear.d.ts

@@ -4,10 +4,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-    show: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    show: BooleanConstructor;
     onClear: PropType<(e: MouseEvent) => void>;
 }, {
     NConfigProvider: import("../../../config-provider/src/internal-interface").ConfigProviderInjection | null;

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

@@ -13,10 +13,7 @@ exports.default = (0, vue_1.defineComponent)({
             type: String,
             required: true
         },
-        show: {
-            type: Boolean,
-            default: false
-        },
+        show: Boolean,
         onClear: Function
     },
     setup(props) {

package/lib/_internal/icons/Checkmark.js

@@ -4,7 +4,8 @@ const vue_1 = require("vue");
 exports.default = (0, vue_1.defineComponent)({
     name: 'Checkmark',
     render() {
-        return ((0, vue_1.h)("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            (0, vue_1.h)("path", { d: "M13.8639 3.65609C14.0533 3.85704 14.0439 4.17348 13.8429 4.36288L5.91309 11.8368C5.67573 12.0605 5.30311 12.0536 5.07417 11.8213L2.39384 9.10093C2.20003 8.90422 2.20237 8.58765 2.39907 8.39384C2.59578 8.20003 2.91235 8.20237 3.10616 8.39908L5.51192 10.8407L13.1571 3.63517C13.358 3.44577 13.6745 3.45513 13.8639 3.65609Z", fill: "currentColor" })));
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
+            (0, vue_1.h)("g", { fill: "none" },
+                (0, vue_1.h)("path", { d: "M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032z", fill: "currentColor" }))));
     }
 });