@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/watermark/Watermark.mjs

@@ -1,116 +1,202 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { defineComponent, ref, watch, nextTick, onUnmounted, onMounted } from 'vue';
-import { createNamespace } from '../utils/components.mjs';
-import { props } from './props.mjs';
-import { getStyle } from '@varlet/shared';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('watermark');
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vShow as _vShow, withDirectives as _withDirectives, normalizeClass as _normalizeClass, Teleport as _Teleport, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
-var _hoisted_1 = {
-  ref: "svgRef"
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-var _hoisted_2 = ["viewBox", "width", "height"];
-var _hoisted_3 = ["width", "height"];
-var _hoisted_4 = ["href", "xlink:href", "x", "y", "width", "height"];
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, ref, watch, nextTick, onUnmounted, onMounted } from "vue";
+import { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+import { getStyle } from "@varlet/shared";
+const { name, n, classes } = createNamespace("watermark");
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vShow as _vShow, withDirectives as _withDirectives, normalizeClass as _normalizeClass, Teleport as _Teleport, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = { ref: "svgRef" };
+const _hoisted_2 = ["viewBox", "width", "height"];
+const _hoisted_3 = ["width", "height"];
+const _hoisted_4 = ["href", "xlink:href", "x", "y", "width", "height"];
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n())
-  }, [_renderSlot(_ctx.$slots, "default"), (_openBlock(), _createBlock(_Teleport, {
-    to: "body",
-    disabled: !_ctx.fullscreen
-  }, [_createElementVNode("div", {
-    ref: "containerRef",
-    class: _normalizeClass(_ctx.classes(_ctx.n('container'), [_ctx.fullscreen, _ctx.n('--fullscreen')])),
-    style: _normalizeStyle({
-      backgroundImage: "url(" + _ctx.watermarkUrl + ")",
-      zIndex: _ctx.zIndex
-    })
-  }, [_withDirectives(_createElementVNode("div", _hoisted_1, [(_openBlock(), _createElementBlock("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    "xmlns:xlink": "http://www.w3.org/1999/xlink",
-    viewBox: "0 0 " + (_ctx.width + _ctx.gapX) + " " + (_ctx.height + _ctx.gapY),
-    width: "" + (_ctx.width + _ctx.gapX),
-    height: "" + (_ctx.height + _ctx.gapY),
-    style: _normalizeStyle({
-      padding: "0 " + _ctx.gapX + "px " + _ctx.gapY + "px 0",
-      opacity: _ctx.opacity
-    })
-  }, [_ctx.showContent() ? (_openBlock(), _createElementBlock("foreignObject", {
-    key: 0,
-    x: "0",
-    y: "0",
-    width: _ctx.width,
-    height: _ctx.height
-  }, [_createElementVNode("div", {
-    xmlns: "http://www.w3.org/1999/xhtml",
-    style: _normalizeStyle({
-      transform: "translate(" + _ctx.offsetX + "px, " + _ctx.offsetY + "px) rotate(" + _ctx.rotate + "deg)",
-      transformOrigin: 'center'
-    })
-  }, [_renderSlot(_ctx.$slots, "content", {}, () => [_createElementVNode("span", {
-    style: _normalizeStyle(_extends({}, _ctx.font, {
-      fontSize: _ctx.font.fontSize + "px",
-      color: _ctx.textColor
-    }))
-  }, _toDisplayString(_ctx.content), 5 /* TEXT, STYLE */)])], 4 /* STYLE */)], 8 /* PROPS */, _hoisted_3)) : _createCommentVNode("v-if", true), !_ctx.$slots.content && _ctx.image ? (_openBlock(), _createElementBlock("image", {
-    key: 1,
-    href: _ctx.imageUrl,
-    "xlink:href": _ctx.imageUrl,
-    x: _ctx.offsetX,
-    y: _ctx.offsetY,
-    width: _ctx.width,
-    height: _ctx.height,
-    style: _normalizeStyle({
-      transform: "rotate(" + _ctx.rotate + "deg)",
-      transformOrigin: 'center'
-    })
-  }, null, 12 /* STYLE, PROPS */, _hoisted_4)) : _createCommentVNode("v-if", true)], 12 /* STYLE, PROPS */, _hoisted_2))], 512 /* NEED_PATCH */), [[_vShow, false]])], 6 /* CLASS, STYLE */)], 8 /* PROPS */, ["disabled"]))], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n())
+    },
+    [
+      _renderSlot(_ctx.$slots, "default"),
+      (_openBlock(), _createBlock(_Teleport, {
+        to: "body",
+        disabled: !_ctx.fullscreen
+      }, [
+        _createElementVNode(
+          "div",
+          {
+            ref: "containerRef",
+            class: _normalizeClass(_ctx.classes(_ctx.n("container"), [_ctx.fullscreen, _ctx.n("--fullscreen")])),
+            style: _normalizeStyle({
+              backgroundImage: `url(${_ctx.watermarkUrl})`,
+              zIndex: _ctx.zIndex
+            })
+          },
+          [
+            _withDirectives(_createElementVNode(
+              "div",
+              _hoisted_1,
+              [
+                (_openBlock(), _createElementBlock("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+                  viewBox: `0 0 ${_ctx.width + _ctx.gapX} ${_ctx.height + _ctx.gapY}`,
+                  width: `${_ctx.width + _ctx.gapX}`,
+                  height: `${_ctx.height + _ctx.gapY}`,
+                  style: _normalizeStyle({
+                    padding: `0 ${_ctx.gapX}px ${_ctx.gapY}px 0`,
+                    opacity: _ctx.opacity
+                  })
+                }, [
+                  _ctx.showContent() ? (_openBlock(), _createElementBlock("foreignObject", {
+                    key: 0,
+                    x: "0",
+                    y: "0",
+                    width: _ctx.width,
+                    height: _ctx.height
+                  }, [
+                    _createElementVNode(
+                      "div",
+                      {
+                        xmlns: "http://www.w3.org/1999/xhtml",
+                        style: _normalizeStyle({
+                          transform: `translate(${_ctx.offsetX}px, ${_ctx.offsetY}px) rotate(${_ctx.rotate}deg)`,
+                          transformOrigin: "center"
+                        })
+                      },
+                      [
+                        _renderSlot(_ctx.$slots, "content", {}, () => [
+                          _createElementVNode(
+                            "span",
+                            {
+                              style: _normalizeStyle(__spreadProps(__spreadValues({}, _ctx.font), { fontSize: `${_ctx.font.fontSize}px`, color: _ctx.textColor }))
+                            },
+                            _toDisplayString(_ctx.content),
+                            5
+                            /* TEXT, STYLE */
+                          )
+                        ])
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ], 8, _hoisted_3)) : _createCommentVNode("v-if", true),
+                  !_ctx.$slots.content && _ctx.image ? (_openBlock(), _createElementBlock("image", {
+                    key: 1,
+                    href: _ctx.imageUrl,
+                    "xlink:href": _ctx.imageUrl,
+                    x: _ctx.offsetX,
+                    y: _ctx.offsetY,
+                    width: _ctx.width,
+                    height: _ctx.height,
+                    style: _normalizeStyle({
+                      transform: `rotate(${_ctx.rotate}deg)`,
+                      transformOrigin: "center"
+                    })
+                  }, null, 12, _hoisted_4)) : _createCommentVNode("v-if", true)
+                ], 12, _hoisted_2))
+              ],
+              512
+              /* NEED_PATCH */
+            ), [
+              [_vShow, false]
+            ])
+          ],
+          6
+          /* CLASS, STYLE */
+        )
+      ], 8, ["disabled"]))
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
   props,
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var watermarkUrl = ref('');
-    var imageUrl = ref('');
-    var textColor = ref('');
-    var svgRef = ref(null);
-    var containerRef = ref(null);
-    watch(() => [props.image, props.font, props.content, props.height, props.width, props.rotate, props.gapX, props.gapY, props.offsetX, props.offsetY, props.opacity], resize, {
-      deep: true
-    });
+  setup(props2, { slots }) {
+    const watermarkUrl = ref("");
+    const imageUrl = ref("");
+    const textColor = ref("");
+    const svgRef = ref(null);
+    const containerRef = ref(null);
+    watch(
+      () => [
+        props2.image,
+        props2.font,
+        props2.content,
+        props2.height,
+        props2.width,
+        props2.rotate,
+        props2.gapX,
+        props2.gapY,
+        props2.offsetX,
+        props2.offsetY,
+        props2.opacity
+      ],
+      resize,
+      {
+        deep: true
+      }
+    );
     onMounted(resize);
     onUnmounted(revokeWatermarkUrl);
     function showContent() {
       if (slots.content) {
         return true;
       }
-      if (props.content && !props.image) {
+      if (props2.content && !props2.image) {
         return true;
       }
       return false;
     }
     function imageToBase64() {
-      return _imageToBase.apply(this, arguments);
-    }
-    function _imageToBase() {
-      _imageToBase = _asyncToGenerator(function* () {
-        return new Promise(resolve => {
-          var canvas = document.createElement('canvas');
-          var ctx = canvas.getContext('2d');
-          var img = new Image();
-          img.crossOrigin = 'anonymous';
-          img.referrerPolicy = 'no-referrer';
-          img.src = props.image;
+      return __async(this, null, function* () {
+        return new Promise((resolve) => {
+          const canvas = document.createElement("canvas");
+          const ctx = canvas.getContext("2d");
+          const img = new Image();
+          img.crossOrigin = "anonymous";
+          img.referrerPolicy = "no-referrer";
+          img.src = props2.image;
           img.onload = () => {
             canvas.width = img.width;
             canvas.height = img.height;
@@ -119,11 +205,10 @@ var __sfc__ = defineComponent({
           };
         });
       });
-      return _imageToBase.apply(this, arguments);
     }
     function svgToBlobUrl(svgStr) {
-      var svgBlob = new Blob([svgStr], {
-        type: 'image/svg+xml'
+      const svgBlob = new Blob([svgStr], {
+        type: "image/svg+xml"
       });
       return URL.createObjectURL(svgBlob);
     }
@@ -132,22 +217,16 @@ var __sfc__ = defineComponent({
         URL.revokeObjectURL(watermarkUrl.value);
       }
     }
-
-    // expose
     function resize() {
-      return _resize.apply(this, arguments);
-    }
-    function _resize() {
-      _resize = _asyncToGenerator(function* () {
+      return __async(this, null, function* () {
         textColor.value = getStyle(containerRef.value).color;
-        if (props.image) {
+        if (props2.image) {
           imageUrl.value = yield imageToBase64();
         }
         yield nextTick();
         revokeWatermarkUrl();
         watermarkUrl.value = svgToBlobUrl(svgRef.value.innerHTML);
       });
-      return _resize.apply(this, arguments);
     }
     return {
       svgRef,
@@ -163,4 +242,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/watermark/index.mjs

@@ -1,5 +1,9 @@
-import Watermark from './Watermark.mjs';
-import { withInstall } from '../utils/components.mjs';
+import Watermark from "./Watermark.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(Watermark);
-export var _WatermarkComponent = Watermark;
-export default Watermark;
+const _WatermarkComponent = Watermark;
+var stdin_default = Watermark;
+export {
+  _WatermarkComponent,
+  stdin_default as default
+};

package/es/watermark/props.mjs

@@ -1,4 +1,4 @@
-export var props = {
+const props = {
   width: {
     type: Number,
     default: 100
@@ -41,10 +41,13 @@ export var props = {
   font: {
     type: Object,
     default: () => ({
-      fontStyle: 'normal',
-      fontVariant: 'normal',
-      fontWeight: 'normal',
+      fontStyle: "normal",
+      fontVariant: "normal",
+      fontWeight: "normal",
       fontSize: 14
     })
   }
-};
+};
+export {
+  props
+};

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.16.7",
+  "version": "2.16.8-alpha.1695118057982",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -5963,7 +5963,7 @@
             },
             {
               "name": "autoplay",
-              "description": "Auto play interval time(ms)",
+              "description": "Auto play interval time (ms)",
               "default": "-",
               "value": {
                 "type": "string | number",
@@ -5972,7 +5972,7 @@
             },
             {
               "name": "duration",
-              "description": "Transition time",
+              "description": "Transition time (ms)",
               "default": "300",
               "value": {
                 "type": "string | number",

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.16.7",
+  "version": "2.16.8-alpha.1695118057982",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -6312,7 +6312,7 @@
             },
             {
               "name": "duration",
-              "description": "切换过度时间",
+              "description": "切换过渡时间 (ms)",
               "default": "300",
               "value": {
                 "type": "string | number",