naive-ui 2.31.0 → 2.32.0

package/lib/watermark/src/Watermark.js

@@ -71,6 +71,9 @@ exports.watermarkProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, lineHeight: {
         type: Number,
         default: 14
+    }, globalRotate: {
+        type: Number,
+        default: 0
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Watermark',
@@ -79,11 +82,13 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Watermark', '-watermark', index_cssr_1.default, styles_1.watermarkLight, props, mergedClsPrefixRef);
         const base64UrlRef = (0, vue_1.ref)('');
-        const canvas = document.createElement('canvas');
-        const ctx = canvas.getContext('2d');
+        const canvas = _utils_1.isBrowser ? document.createElement('canvas') : null;
+        const ctx = canvas ? canvas.getContext('2d') : null;
         const fontsReadyRef = (0, vue_1.ref)(false);
         (0, vooks_1.onFontsReady)(() => (fontsReadyRef.value = true));
         (0, vue_1.watchEffect)(() => {
+            if (!canvas)
+                return;
             void fontsReadyRef.value;
             const ratio = getRatio(ctx);
             const { xGap, yGap, width, height, yOffset, xOffset, rotate, image, content, fontColor, fontStyle, fontVariant, fontStretch, fontWeight, fontFamily, fontSize, lineHeight, debug } = props;
@@ -137,27 +142,43 @@ exports.default = (0, vue_1.defineComponent)({
         });
         return () => {
             var _a;
+            const { globalRotate, fullscreen, zIndex } = props;
+            const mergedClsPrefix = mergedClsPrefixRef.value;
+            const isFullScreenGlobalRotate = globalRotate !== 0 && fullscreen;
+            const rotatedImageOffset = 'max(142vh, 142vw)';
             const watermarkNode = ((0, vue_1.h)("div", { class: [
-                    `${mergedClsPrefixRef.value}-watermark`,
-                    props.fullscreen &&
-                        `${mergedClsPrefixRef.value}-watermark--fullscreen`
+                    `${mergedClsPrefix}-watermark`,
+                    globalRotate !== 0 && `${mergedClsPrefix}-watermark--global-rotate`,
+                    fullscreen && `${mergedClsPrefix}-watermark--fullscreen`
                 ], style: {
-                    zIndex: props.zIndex,
+                    transform: globalRotate
+                        ? `translateX(-50%) translateY(-50%) rotate(${globalRotate}deg)`
+                        : undefined,
+                    zIndex: isFullScreenGlobalRotate ? undefined : zIndex,
                     backgroundSize: `${props.xGap + props.width}px`,
-                    backgroundPosition: props.cross
-                        ? `${props.width / 2}px ${props.height / 2}px, 0 0`
-                        : '',
+                    backgroundPosition: globalRotate === 0
+                        ? props.cross
+                            ? `${props.width / 2}px ${props.height / 2}px, 0 0`
+                            : ''
+                        : props.cross
+                            ? `calc(${rotatedImageOffset} + ${props.width / 2}px) calc(${rotatedImageOffset} + ${props.height / 2}px), ${rotatedImageOffset} ${rotatedImageOffset}`
+                            : rotatedImageOffset,
                     backgroundImage: props.cross
                         ? `url(${base64UrlRef.value}), url(${base64UrlRef.value})`
                         : `url(${base64UrlRef.value})`
                 } }));
-            if (props.fullscreen)
+            if (props.fullscreen && !globalRotate)
                 return watermarkNode;
             return ((0, vue_1.h)("div", { class: [
-                    `${mergedClsPrefixRef.value}-watermark-container`,
+                    `${mergedClsPrefix}-watermark-container`,
+                    globalRotate !== 0 &&
+                        `${mergedClsPrefix}-watermark-container--global-rotate`,
+                    fullscreen && `${mergedClsPrefix}-watermark-container--fullscreen`,
                     props.selectable &&
-                        `${mergedClsPrefixRef.value}-watermark-container--selectable`
-                ] }, (_a = slots.default) === null || _a === void 0 ? void 0 :
+                        `${mergedClsPrefix}-watermark-container--selectable`
+                ], style: {
+                    zIndex: isFullScreenGlobalRotate ? zIndex : undefined
+                } }, (_a = slots.default) === null || _a === void 0 ? void 0 :
                 _a.call(slots),
                 watermarkNode));
         };

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

@@ -11,6 +11,15 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('watermark-container', `
  `, [(0, cssr_1.cNotM)('selectable', `
  user-select: none;
  -webkit-user-select: none;
+ `), (0, cssr_1.cM)('global-rotate', `
+ overflow: hidden;
+ `), (0, cssr_1.cM)('fullscreen', `
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ position: fixed;
  `)]), (0, cssr_1.cB)('watermark', `
  position: absolute;
  top: 0;
@@ -21,4 +30,8 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('watermark-container', `
  background-repeat: repeat;
  `, [(0, cssr_1.cM)('fullscreen', `
  position: fixed;
+ `), (0, cssr_1.cM)('global-rotate', `
+ position: absolute;
+ height: max(284vh, 284vw);
+ width: max(284vh, 284vw);
  `)])]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.31.0",
+  "version": "2.32.0",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,6 +44,7 @@
     ]
   },
   "devDependencies": {
+    "@babel/core": "^7.18.9",
     "@babel/eslint-parser": "^7.17.0",
     "@babel/generator": "^7.17.9",
     "@babel/parser": "^7.17.9",
@@ -60,7 +61,7 @@
     "@vicons/fluent": "^0.12.0",
     "@vicons/ionicons4": "^0.12.0",
     "@vicons/ionicons5": "^0.12.0",
-    "@vitejs/plugin-vue": "^2.3.1",
+    "@vitejs/plugin-vue": "^3.0.0",
     "@vue/compiler-sfc": "^3.2.36",
     "@vue/eslint-config-standard": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
@@ -103,7 +104,7 @@
     "ts-jest": "^28.0.1",
     "typescript": "~4.6.3",
     "vfonts": "^0.1.0",
-    "vite": "^2.9.5",
+    "vite": "3.0.0",
     "vue": "^3.2.36",
     "vue-router": "^4.0.14",
     "vue-tsc": "^0.35.0"

package/volar.d.ts

@@ -139,6 +139,7 @@ declare module 'vue' {
     NUploadFileList: typeof import('naive-ui')['NUploadFileList']
     NUploadTrigger: typeof import('naive-ui')['NUploadTrigger']
     NWatermark: typeof import('naive-ui')['NWatermark']
+    NLegacyTransfer: typeof import('naive-ui')['NLegacyTransfer']
   }
 }
 export {}

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.31.0",
+  "version": "2.32.0",
   "contributions": {
     "html": {
       "elements": [
@@ -2285,6 +2285,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "show-line-numbers",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "js/events": []
@@ -7770,6 +7779,134 @@
           ],
           "js/events": []
         },
+        {
+          "name": "n-legacy-transfer",
+          "slots": [],
+          "attributes": [
+            {
+              "name": "value",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Array",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "default-value",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Array",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "options",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Array",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "disabled",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "virtual-scroll",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "source-title",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "target-title",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "filterable",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "source-filter-placeholder",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "target-filter-placeholder",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "filter",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Function",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            }
+          ],
+          "js/events": [
+            {
+              "name": "update-value",
+              "description": "-"
+            },
+            {
+              "name": "update-value",
+              "description": "-"
+            },
+            {
+              "name": "change",
+              "description": "-"
+            }
+          ]
+        },
         {
           "name": "n-list",
           "slots": [],
@@ -8929,6 +9066,15 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "keep-alive-on-hover",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "js/events": []
@@ -13189,6 +13335,33 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "render-source-label",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Function",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "render-target-label",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Function",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "render-source-list",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "Function",
+                "kind": "expression"
+              }
             }
           ],
           "js/events": [
@@ -15035,6 +15208,15 @@
                 "type": "number",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "global-rotate",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
             }
           ],
           "js/events": []

package/lib/carousel/src/utils.js

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextIndex = exports.getPrevIndex = exports.getRealIndex = exports.getDisplayIndex = exports.resolveSpeed = exports.clampValue = exports.calculateSize = exports.isTouchEvent = void 0;
-function isTouchEvent(e) {
-    return window.TouchEvent && e instanceof window.TouchEvent;
-}
-exports.isTouchEvent = isTouchEvent;
-function calculateSize(element, innerOnly) {
-    let width = element.clientWidth;
-    let height = element.clientHeight;
-    if (innerOnly) {
-        const style = getComputedStyle(element);
-        width =
-            width -
-                parseFloat(style.getPropertyValue('padding-left')) -
-                parseFloat(style.getPropertyValue('padding-right'));
-        height =
-            height -
-                parseFloat(style.getPropertyValue('padding-top')) -
-                parseFloat(style.getPropertyValue('padding-bottom'));
-        return { width, height };
-    }
-    return { width, height };
-}
-exports.calculateSize = calculateSize;
-function clampValue(value, min, max) {
-    return value < min ? min : value > max ? max : value;
-}
-exports.clampValue = clampValue;
-function resolveSpeed(value) {
-    if (value === undefined)
-        return 0;
-    if (typeof value === 'number')
-        return value;
-    const timeRE = /^((\d+)?\.?\d+?)(ms|s)?$/;
-    const match = value.match(timeRE);
-    if (match) {
-        const [, number, , unit = 'ms'] = match;
-        return Number(number) * (unit === 'ms' ? 1 : 1000);
-    }
-    return 0;
-}
-exports.resolveSpeed = resolveSpeed;
-function getDisplayIndex(current, length, duplicatedable) {
-    return !duplicatedable
-        ? current
-        : current === 0
-            ? length - 3
-            : current === length - 1
-                ? 0
-                : current - 1;
-}
-exports.getDisplayIndex = getDisplayIndex;
-function getRealIndex(current, duplicatedable) {
-    return !duplicatedable ? current : current + 1;
-}
-exports.getRealIndex = getRealIndex;
-function getPrevIndex(current, length, duplicatedable) {
-    if (current < 0)
-        return null;
-    return current === 0 ? (duplicatedable ? length - 1 : null) : current - 1;
-}
-exports.getPrevIndex = getPrevIndex;
-function getNextIndex(current, length, duplicatedable) {
-    if (current > length - 1)
-        return null;
-    return current === length - 1 ? (duplicatedable ? 0 : null) : current + 1;
-}
-exports.getNextIndex = getNextIndex;