@varlet/ui 2.16.2 → 2.16.3-alpha.1694361535255

package/es/watermark/Watermark.mjs

@@ -6,6 +6,7 @@ import { createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
 import { getStyle } from '@varlet/shared';
 var {
+  name,
   n,
   classes
 } = createNamespace('watermark');
@@ -73,7 +74,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarWatermark',
+  name,
   props,
   setup(props, _ref) {
     var {
@@ -84,7 +85,12 @@ var __sfc__ = defineComponent({
     var textColor = ref('');
     var svgRef = ref(null);
     var containerRef = ref(null);
-    var showContent = () => {
+    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
+    });
+    onMounted(resize);
+    onUnmounted(revokeWatermarkUrl);
+    function showContent() {
       if (slots.content) {
         return true;
       }
@@ -92,9 +98,12 @@ var __sfc__ = defineComponent({
         return true;
       }
       return false;
-    };
-    var imageToBase64 = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* () {
+    }
+    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');
@@ -110,25 +119,26 @@ var __sfc__ = defineComponent({
           };
         });
       });
-      return function imageToBase64() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    var svgToBlobUrl = svgStr => {
+      return _imageToBase.apply(this, arguments);
+    }
+    function svgToBlobUrl(svgStr) {
       var svgBlob = new Blob([svgStr], {
         type: 'image/svg+xml'
       });
       return URL.createObjectURL(svgBlob);
-    };
-    var revokeWatermarkUrl = () => {
+    }
+    function revokeWatermarkUrl() {
       if (watermarkUrl.value) {
         URL.revokeObjectURL(watermarkUrl.value);
       }
-    };
+    }
 
     // expose
-    var resize = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(function* () {
+    function resize() {
+      return _resize.apply(this, arguments);
+    }
+    function _resize() {
+      _resize = _asyncToGenerator(function* () {
         textColor.value = getStyle(containerRef.value).color;
         if (props.image) {
           imageUrl.value = yield imageToBase64();
@@ -137,23 +147,16 @@ var __sfc__ = defineComponent({
         revokeWatermarkUrl();
         watermarkUrl.value = svgToBlobUrl(svgRef.value.innerHTML);
       });
-      return function resize() {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-    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
-    });
-    onMounted(resize);
-    onUnmounted(revokeWatermarkUrl);
+      return _resize.apply(this, arguments);
+    }
     return {
-      n,
-      classes,
       svgRef,
       containerRef,
       watermarkUrl,
       imageUrl,
       textColor,
+      n,
+      classes,
       showContent,
       resize
     };

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.2",
+  "version": "2.16.3-alpha.1694361535255",
   "name": "VARLET",
   "contributions": {
     "html": {

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.2",
+  "version": "2.16.3-alpha.1694361535255",
   "name": "VARLET",
   "contributions": {
     "html": {