naive-ui 2.21.2 → 2.22.0

package/lib/upload/src/UploadFileList.js

@@ -17,7 +17,7 @@ exports.default = (0, vue_1.defineComponent)({
         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 } = NUpload;
+        const { mergedClsPrefixRef, listTypeRef, mergedFileListRef, fileListStyleRef, cssVarsRef, maxReachedRef, showTriggerRef } = 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 }, {
@@ -31,7 +31,9 @@ exports.default = (0, vue_1.defineComponent)({
                         `${mergedClsPrefix}-upload-file-list--grid`
                 ], style: [cssVarsRef.value, fileListStyleRef.value] },
                 renderUploadFileList(),
-                isImageCardTypeRef.value && (0, vue_1.h)(UploadTrigger_1.default, null, slots)));
+                showTriggerRef.value &&
+                    !maxReachedRef.value &&
+                    isImageCardTypeRef.value && ((0, vue_1.h)(UploadTrigger_1.default, null, slots))));
         };
     }
 });

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

@@ -146,9 +146,9 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
-                colorOpacitySecondary: number;
-                colorOpacitySecondaryHover: number;
-                colorOpacitySecondaryPressed: number;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;

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

@@ -45,6 +45,7 @@ export interface UploadInjection {
     showRemoveButtonRef: Ref<boolean>;
     showDownloadButtonRef: Ref<boolean>;
     showRetryButtonRef: Ref<boolean>;
+    showTriggerRef: Ref<boolean>;
     mergedFileListRef: Ref<FileInfo[]>;
     onRemoveRef: Ref<OnRemove | undefined>;
     onDownloadRef: Ref<OnDownload | undefined>;

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

@@ -16,7 +16,7 @@ const fade_in_height_expand_cssr_1 = __importDefault(require("../../../_styles/t
 
 const icon_switch_cssr_1 = __importDefault(require("../../../_styles/transitions/icon-switch.cssr"));
 
-exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cE)('trigger', `
+exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cE)('trigger', `
  display: block;
  `)]), (0, cssr_1.cM)('drag-over', [(0, cssr_1.cB)('upload-dragger', `
  border: var(--dragger-border-hover);
@@ -44,7 +44,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', [(0, cssr_1.cM)('dragg
  box-sizing: border-box;
  opacity: 1;
  transition: opacity .3s var(--bezier);
- `, [(0, cssr_1.cM)('disabled', `
+ `, [(0, cssr_1.c)('+', [(0, cssr_1.cB)('upload-file-list', 'margin-top: 8px;')]), (0, cssr_1.cM)('disabled', `
  opacity: var(--item-disabled-opacity);
  cursor: not-allowed;
  `), (0, cssr_1.cM)('image-card', `
@@ -60,7 +60,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', [(0, cssr_1.cM)('dragg
  align-items: center;
  justify-content: center;
  `)])]), (0, cssr_1.cB)('upload-file-list', `
- margin-top: 8px;
  line-height: var(--line-height);
  opacity: 1;
  transition: opacity .3s var(--bezier);

package/lib/upload/styles/light.d.ts

@@ -48,9 +48,9 @@ declare const uploadLight: import("../../_mixins").Theme<"Upload", {
         fontSizeMedium: string;
         fontSizeLarge: string;
         opacityDisabled: string;
-        colorOpacitySecondary: number;
-        colorOpacitySecondaryHover: number;
-        colorOpacitySecondaryPressed: number;
+        colorOpacitySecondary: string;
+        colorOpacitySecondaryHover: string;
+        colorOpacitySecondaryPressed: string;
         colorSecondary: string;
         colorSecondaryHover: string;
         colorSecondaryPressed: string;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.21.2";
+declare const _default: "2.22.0";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.21.2",
+  "version": "2.22.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -62,6 +62,7 @@
     ]
   },
   "devDependencies": {
+    "esbuild": "0.14.3",
     "@babel/eslint-parser": "^7.15.8",
     "@babel/generator": "^7.12.11",
     "@babel/parser": "^7.12.11",
@@ -75,7 +76,7 @@
     "@vicons/fluent": "^0.11.0",
     "@vicons/ionicons4": "^0.11.0",
     "@vicons/ionicons5": "^0.11.0",
-    "@vitejs/plugin-vue": "^1.2.1",
+    "@vitejs/plugin-vue": "^2.0.0",
     "@vue/compiler-sfc": "^3.0.10",
     "@vue/eslint-config-standard": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
@@ -123,14 +124,14 @@
     "@types/lodash-es": "^4.17.4",
     "async-validator": "^4.0.1",
     "css-render": "^0.15.6",
-    "date-fns": "^2.19.0",
+    "date-fns": "^2.27.0",
     "date-fns-tz": "^1.1.6",
     "evtd": "^0.2.3",
     "highlight.js": "^11.0.1",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "seemly": "^0.3.3",
-    "treemate": "^0.3.8",
+    "treemate": "^0.3.9",
     "vdirs": "^0.1.4",
     "vfonts": "^0.1.0",
     "vooks": "^0.2.10",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "naive-ui",
-  "version": "2.21.2",
+  "version": "2.22.0",
   "contributions": {
     "html": {
       "tags": [
@@ -525,7 +525,7 @@
               }
             },
             {
-              "name": "color",
+              "name": "object-fit",
               "default": "-",
               "description": "-",
               "value": {
@@ -534,25 +534,25 @@
               }
             },
             {
-              "name": "object-fit",
+              "name": "round",
               "default": "-",
               "description": "-",
               "value": {
-                "type": "string",
+                "type": "boolean",
                 "kind": "expression"
               }
             },
             {
-              "name": "round",
+              "name": "fallback-src",
               "default": "-",
               "description": "-",
               "value": {
-                "type": "boolean",
+                "type": "string",
                 "kind": "expression"
               }
             },
             {
-              "name": "fallback-src",
+              "name": "color",
               "default": "-",
               "description": "-",
               "value": {
@@ -2488,6 +2488,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "default-time",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "number | string | Array",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "default": "-",
@@ -3842,6 +3851,22 @@
           ],
           "events": []
         },
+        {
+          "name": "n-el",
+          "slots": [],
+          "attributes": [
+            {
+              "name": "tag",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": []
+        },
         {
           "name": "n-ellipsis",
           "slots": [],
@@ -5469,6 +5494,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "fallback-src",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "width",
               "default": "-",
@@ -5495,12 +5529,34 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "preview-disabled",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "load-description",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
             {
               "name": "error",
               "description": "-"
+            },
+            {
+              "name": "load",
+              "description": "-"
             }
           ]
         },
@@ -9942,6 +9998,15 @@
                 "type": "string | number | boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "rail-style",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Function",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -11433,6 +11498,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "watch-props",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Array",
+                "kind": "expression"
+              }
+            },
             {
               "name": "render-label",
               "default": "-",
@@ -11798,6 +11872,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "menu-props",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "object",
+                "kind": "expression"
+              }
+            },
             {
               "name": "virtual-scroll",
               "default": "-",
@@ -12525,6 +12608,15 @@
                 "type": "number",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "show-trigger",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [