naive-ui 2.21.4 → 2.23.1

package/lib/upload/src/Upload.js

@@ -387,22 +387,22 @@ exports.default = (0, vue_1.defineComponent)({
         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
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-border-radius': borderRadius,
+                '--n-dragger-border': draggerBorder,
+                '--n-dragger-border-hover': draggerBorderHover,
+                '--n-dragger-color': draggerColor,
+                '--n-font-size': fontSize,
+                '--n-item-color-hover': itemColorHover,
+                '--n-item-color-hover-error': itemColorHoverError,
+                '--n-item-disabled-opacity': itemDisabledOpacity,
+                '--n-item-icon-color': itemIconColor,
+                '--n-item-text-color': itemTextColor,
+                '--n-item-text-color-error': itemTextColorError,
+                '--n-item-text-color-success': itemTextColorSuccess,
+                '--n-line-height': lineHeight,
+                '--n-item-border-image-card-error': itemBorderImageCardError,
+                '--n-item-border-image-card': itemBorderImageCard
             };
         });
         (0, vue_1.provide)(interface_1.uploadInjectionKey, {

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

@@ -19,33 +19,33 @@ const icon_switch_cssr_1 = __importDefault(require("../../../_styles/transitions
 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);
+ border: var(--n-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);
+ border-radius: var(--n-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);
+ opacity .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ background-color: var(--n-dragger-color);
+ border: var(--n-dragger-border);
  `, [(0, cssr_1.c)('&:hover', `
- border: var(--dragger-border-hover);
+ border: var(--n-dragger-border-hover);
  `), (0, cssr_1.cM)('disabled', `
- opacity: var(--item-disabled-opacity);
+ opacity: var(--n-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);
+ transition: opacity .3s var(--n-bezier);
  `, [(0, cssr_1.c)('+', [(0, cssr_1.cB)('upload-file-list', 'margin-top: 8px;')]), (0, cssr_1.cM)('disabled', `
- opacity: var(--item-disabled-opacity);
+ opacity: var(--n-item-disabled-opacity);
  cursor: not-allowed;
  `), (0, cssr_1.cM)('image-card', `
  width: 96px;
@@ -60,11 +60,11 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  align-items: center;
  justify-content: center;
  `)])]), (0, cssr_1.cB)('upload-file-list', `
- line-height: var(--line-height);
+ line-height: var(--n-line-height);
  opacity: 1;
- transition: opacity .3s var(--bezier);
+ transition: opacity .3s var(--n-bezier);
  `, [(0, cssr_1.cM)('disabled', `
- opacity: var(--item-disabled-opacity);
+ opacity: var(--n-item-disabled-opacity);
  cursor: not-allowed;
  `, [(0, cssr_1.cB)('upload-file', 'cursor: not-allowed;')]), (0, cssr_1.cM)('grid', `
  display: grid;
@@ -76,16 +76,16 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  box-sizing: border-box;
  cursor: default;
  padding: 0px 12px 0 6px;
- transition: background-color .3s var(--bezier);
- border-radius: var(--border-radius);
+ transition: background-color .3s var(--n-bezier);
+ border-radius: var(--n-border-radius);
  `, [(0, fade_in_height_expand_cssr_1.default)(), (0, cssr_1.cB)('progress', [(0, fade_in_height_expand_cssr_1.default)({
   foldPadding: true
 })]), (0, cssr_1.c)('&:hover', `
- background-color: var(--item-color-hover);
+ background-color: var(--n-item-color-hover);
  `, [(0, cssr_1.cB)('upload-file-info', [(0, cssr_1.cE)('action', `
  opacity: 1;
  `)])]), (0, cssr_1.cM)('image-type', `
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  text-decoration: underline;
  text-decoration-color: #0000;
  `, [(0, cssr_1.cB)('upload-file-info', `
@@ -119,14 +119,14 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  position: relative;
  width: 96px;
  height: 96px;
- border: var(--item-border-image-card);
- border-radius: var(--border-radius);
+ border: var(--n-item-border-image-card);
+ border-radius: var(--n-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
- transition: border-color .3s var(--bezier), background-color .3s var(--bezier);
- border-radius: var(--border-radius);
+ transition: border-color .3s var(--n-bezier), background-color .3s var(--n-bezier);
+ border-radius: var(--n-border-radius);
  `, [(0, cssr_1.cB)('progress', `
  position: absolute;
  left: 8px;
@@ -156,17 +156,17 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  bottom: 0;
  border-radius: inherit;
  opacity: 0;
- transition: opacity .2s var(--bezier);
+ transition: opacity .2s var(--n-bezier);
  content: "";
  `), (0, cssr_1.c)('&:hover', [(0, cssr_1.c)('&::before', 'opacity: 1;'), (0, cssr_1.cB)('upload-file-info', [(0, cssr_1.cE)('thumbnail', 'opacity: .12;')])])]), (0, cssr_1.cM)('error-status', [(0, cssr_1.c)('&:hover', `
- background-color: var(--item-color-hover-error);
- `), (0, cssr_1.cB)('upload-file-info', [(0, cssr_1.cE)('name', 'color: var(--item-text-color-error);'), (0, cssr_1.cE)('thumbnail', 'color: var(--item-text-color-error);')]), (0, cssr_1.cM)('image-card-type', `
- border: var(--item-border-image-card-error);
+ background-color: var(--n-item-color-hover-error);
+ `), (0, cssr_1.cB)('upload-file-info', [(0, cssr_1.cE)('name', 'color: var(--n-item-text-color-error);'), (0, cssr_1.cE)('thumbnail', 'color: var(--n-item-text-color-error);')]), (0, cssr_1.cM)('image-card-type', `
+ border: var(--n-item-border-image-card-error);
  `)]), (0, cssr_1.cM)('with-url', `
  cursor: pointer;
  `, [(0, cssr_1.cB)('upload-file-info', [(0, cssr_1.cE)('name', `
- color: var(--item-text-color-success);
- text-decoration-color: var(--item-text-color-success);
+ color: var(--n-item-text-color-success);
+ text-decoration-color: var(--n-item-text-color-success);
  `, [(0, cssr_1.c)('a', `
  text-decoration: underline;
  `)])])]), (0, cssr_1.cB)('upload-file-info', `
@@ -178,12 +178,12 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  `, [(0, cssr_1.cE)('thumbnail', `
  font-size: 18px;
  opacity: 1;
- transition: opacity .2s var(--bezier);
- color: var(--item-icon-color);
+ transition: opacity .2s var(--n-bezier);
+ color: var(--n-item-icon-color);
  `, [(0, cssr_1.cB)('base-icon', `
  margin-right: 2px;
  vertical-align: middle;
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  `)]), (0, cssr_1.cE)('action', `
  padding-top: inherit;
  padding-bottom: inherit;
@@ -194,7 +194,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  width: 80px;
  display: flex;
  align-items: center;
- transition: opacity .2s var(--bezier);
+ transition: opacity .2s var(--n-bezier);
  justify-content: flex-end;
  opacity: 0;
  `, [(0, cssr_1.cB)('button', [(0, cssr_1.c)('&:not(:last-child)', {
@@ -216,7 +216,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  justify-content: center;
  align-items: center;
  `)]), (0, cssr_1.cE)('name', `
- color: var(--item-text-color);
+ color: var(--n-item-text-color);
  flex: 1;
  display: flex;
  justify-content: center;
@@ -224,10 +224,10 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  overflow: hidden;
  flex-direction: column;
  text-decoration-color: #0000;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  transition:
- color .3s var(--bezier),
- text-decoration-color .3s var(--bezier); 
+ color .3s var(--n-bezier),
+ text-decoration-color .3s var(--n-bezier); 
  `, [(0, cssr_1.c)('a', `
  color: inherit;
  text-decoration: underline;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.21.4";
+declare const _default: "2.23.1";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,32 +1,9 @@
 {
   "name": "naive-ui",
-  "version": "2.21.4",
+  "version": "2.23.1",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "scripts": {
-    "start": "pnpm run dev",
-    "dev": "pnpm run clean && pnpm run gen-version && cross-env NODE_ENV=development vite",
-    "build:package": "pnpm run gen-version && pnpm run clean && tsc -b --force tsconfig.esm.json && node scripts/pre-build/pre-cjs-build.js && tsc -b --force tsconfig.cjs.json && node scripts/post-build && rimraf {es,lib}/*.tsbuildinfo",
-    "build:site": "./scripts/pre-build-site/pre-build-site.sh && cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && ./scripts/post-build-site/post-build-site.sh",
-    "clean": "rimraf site lib es node_modules/naive-ui themes/**/es themes/**/lib",
-    "release:package": "npm run test && npm run build:package && npm publish",
-    "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 \"{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",
-    "test:cov": "cross-env NODE_ENV=test NODE_OPTIONS=--unhandled-rejections=warn jest",
-    "test:watch": "cross-env NODE_ENV=test jest ---watch --verbose --coverage",
-    "gen-version": "node scripts/gen-version",
-    "release-changelog": "node scripts/release-changelog",
-    "build:site:ts": "./scripts/pre-build-site/pre-build-site.sh && cross-env TUSIMPLE=true NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && ./scripts/post-build-site/post-build-site.sh",
-    "prepare": "husky install"
-  },
   "author": "07akioni",
   "license": "MIT",
   "files": [
@@ -62,6 +39,7 @@
     ]
   },
   "devDependencies": {
+    "esbuild": "0.14.5",
     "@babel/eslint-parser": "^7.15.8",
     "@babel/generator": "^7.12.11",
     "@babel/parser": "^7.12.11",
@@ -75,7 +53,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,7 +101,7 @@
     "@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",
@@ -148,5 +126,28 @@
     "ui framework",
     "ui",
     "vue"
-  ]
-}
+  ],
+  "scripts": {
+    "start": "pnpm run dev",
+    "dev": "pnpm run clean && pnpm run gen-version && cross-env NODE_ENV=development vite",
+    "build:package": "pnpm run gen-version && pnpm run clean && tsc -b --force tsconfig.esm.json && node scripts/pre-build/pre-cjs-build.js && tsc -b --force tsconfig.cjs.json && node scripts/post-build && rimraf {es,lib}/*.tsbuildinfo",
+    "build:site": "./scripts/pre-build-site/pre-build-site.sh && cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && ./scripts/post-build-site/post-build-site.sh",
+    "clean": "rimraf site lib es node_modules/naive-ui themes/**/es themes/**/lib",
+    "release:package": "pnpm run test && pnpm run build:package && pnpm publish --no-git-checks",
+    "release:site": "cross-env TUSIMPLE=true pnpm run build:site && node build-doc/generate-deploy-sh.js && sudo bash build-doc/deploy-doc.sh",
+    "lint": "pnpm run lint:code && pnpm run lint:type",
+    "lint:type": "tsc -b --force tsconfig.esm.json",
+    "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": "pnpm run format:code && pnpm run format:md && pnpm 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",
+    "test:cov": "cross-env NODE_ENV=test NODE_OPTIONS=--unhandled-rejections=warn jest",
+    "test:watch": "cross-env NODE_ENV=test jest ---watch --verbose --coverage",
+    "gen-version": "node scripts/gen-version",
+    "release-changelog": "node scripts/release-changelog",
+    "build:site:ts": "./scripts/pre-build-site/pre-build-site.sh && cross-env TUSIMPLE=true NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && ./scripts/post-build-site/post-build-site.sh",
+    "translate": "node scripts/md-to-vue element"
+  }
+}

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.4",
+  "version": "2.23.1",
   "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": "-",
@@ -11863,6 +11872,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "menu-props",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "object",
+                "kind": "expression"
+              }
+            },
             {
               "name": "virtual-scroll",
               "default": "-",