@web-utils/component 2.7.20 → 2.7.22

package/dist/components/verify/index.js

@@ -1,18 +1,18 @@
-import { s as n } from "../../chunks/util.23fe58fb.js";
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var l = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+import { s as setPx } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-verify"
-  }, t._l(t.list, function(i, a) {
-    return s("span", {
-      key: a,
+  }, _vm._l(_vm.list, function(item, index) {
+    return _c("span", {
+      key: index,
       staticClass: "avue-verify__item",
-      style: t.styleName
-    }, [t._v(" " + t._s(i) + " ")]);
+      style: _vm.styleName
+    }, [_vm._v(" " + _vm._s(item) + " ")]);
   }), 0);
-}, u = [];
-const _ = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Verify",
   props: {
     size: {
@@ -30,15 +30,15 @@ const _ = {
       get() {
         return this.value || "";
       },
-      set(t) {
-        const e = `${t}`;
-        this.$emit("input", e), this.$emit("change", e);
+      set(val) {
+        const value = `${val}`;
+        this.$emit("input", value), this.$emit("change", value);
       }
     },
     styleName() {
       return {
-        padding: `${n(this.size / 7)} ${n(this.size / 4)}`,
-        fontSize: n(this.size)
+        padding: `${setPx(this.size / 7)} ${setPx(this.size / 4)}`,
+        fontSize: setPx(this.size)
       };
     },
     list() {
@@ -50,31 +50,31 @@ const _ = {
   },
   methods: {
     random() {
-      const t = this.len;
-      if (t > 21)
+      const n = this.len;
+      if (n > 21)
         return null;
-      const e = new RegExp(`(\\d{${t}})(\\.|$)`);
-      this.data = (Array(t - 1).join(0) + Math.pow(10, t) * Math.random()).match(e)[1];
+      const re = new RegExp(`(\\d{${n}})(\\.|$)`);
+      this.data = (Array(n - 1).join(0) + Math.pow(10, n) * Math.random()).match(re)[1];
     }
   }
-}, r = {};
-var c = /* @__PURE__ */ o(
-  _,
-  l,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  m,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(t) {
-  for (let e in r)
-    this[e] = r[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return c.exports;
+const Verify = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  Verify as default
 };

package/dist/components/vue-tags-input/index.js

@@ -1,34 +1,34 @@
-import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var h = function() {
-  var e = this, s = e.$createElement, a = e._self._c || s;
-  return a("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "tags-input-root"
-  }, [a("div", {
-    class: `${e.wrapperClass} tags-input`
-  }, [e._l(e.tags, function(t, i) {
-    return a("span", {
-      key: i,
+  }, [_c("div", {
+    class: `${_vm.wrapperClass} tags-input`
+  }, [_vm._l(_vm.tags, function(tag, index) {
+    return _c("span", {
+      key: index,
       staticClass: "el-tag el-tag--medium el-tag--light"
-    }, [a("span", {
+    }, [_c("span", {
       domProps: {
-        innerHTML: e._s(t.value)
+        innerHTML: _vm._s(tag.value)
       }
-    }), a("i", {
+    }), _c("i", {
       staticClass: "tags-input-remove ov",
       attrs: {
         href: "#"
       },
       on: {
-        click: function(n) {
-          return n.preventDefault(), e.removeTag(i);
+        click: function($event) {
+          return $event.preventDefault(), _vm.removeTag(index);
         }
       }
     })]);
-  }), a("input", {
+  }), _c("input", {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: e.input,
+      value: _vm.input,
       expression: "input"
     }],
     ref: "taginput",
@@ -39,124 +39,124 @@ var h = function() {
     },
     attrs: {
       type: "text",
-      placeholder: e.placeholder
+      placeholder: _vm.placeholder
     },
     domProps: {
-      value: e.input
+      value: _vm.input
     },
     on: {
-      keydown: [function(t) {
-        return !t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : (t.preventDefault(), e.tagFromInput(!1));
-      }, function(t) {
-        return !t.type.indexOf("key") && t.keyCode !== 8 ? null : e.removeLastTag.apply(null, arguments);
-      }, function(t) {
-        return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : e.nextSearchResult.apply(null, arguments);
-      }, function(t) {
-        return !t.type.indexOf("key") && e._k(t.keyCode, "up", 38, t.key, ["Up", "ArrowUp"]) ? null : e.prevSearchResult.apply(null, arguments);
-      }, e.onKeyDown],
-      keyup: [e.onKeyUp, function(t) {
-        return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) ? null : e.clearSearchResults.apply(null, arguments);
+      keydown: [function($event) {
+        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter") ? null : ($event.preventDefault(), _vm.tagFromInput(!1));
+      }, function($event) {
+        return !$event.type.indexOf("key") && $event.keyCode !== 8 ? null : _vm.removeLastTag.apply(null, arguments);
+      }, function($event) {
+        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"]) ? null : _vm.nextSearchResult.apply(null, arguments);
+      }, function($event) {
+        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"]) ? null : _vm.prevSearchResult.apply(null, arguments);
+      }, _vm.onKeyDown],
+      keyup: [_vm.onKeyUp, function($event) {
+        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"]) ? null : _vm.clearSearchResults.apply(null, arguments);
       }],
-      focus: e.onFocus,
-      blur: e.onBlur,
-      value: e.tags,
-      input: function(t) {
-        t.target.composing || (e.input = t.target.value);
+      focus: _vm.onFocus,
+      blur: _vm.onBlur,
+      value: _vm.tags,
+      input: function($event) {
+        $event.target.composing || (_vm.input = $event.target.value);
       }
     }
-  }), e.elementId ? a("input", {
+  }), _vm.elementId ? _c("input", {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: e.hiddenInput,
+      value: _vm.hiddenInput,
       expression: "hiddenInput"
     }],
     attrs: {
-      id: e.elementId,
+      id: _vm.elementId,
       type: "hidden",
-      name: e.elementId
+      name: _vm.elementId
     },
     domProps: {
-      value: e.hiddenInput
+      value: _vm.hiddenInput
     },
     on: {
-      input: function(t) {
-        t.target.composing || (e.hiddenInput = t.target.value);
+      input: function($event) {
+        $event.target.composing || (_vm.hiddenInput = $event.target.value);
       }
     }
-  }) : e._e()], 2), a("div", {
+  }) : _vm._e()], 2), _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: e.searchResults.length,
+      value: _vm.searchResults.length,
       expression: "searchResults.length"
     }]
-  }, [e.typeaheadStyle === "badges" ? a("p", {
-    class: `typeahead-${e.typeaheadStyle}`
-  }, [e.typeaheadHideDiscard ? e._e() : a("span", {
+  }, [_vm.typeaheadStyle === "badges" ? _c("p", {
+    class: `typeahead-${_vm.typeaheadStyle}`
+  }, [_vm.typeaheadHideDiscard ? _vm._e() : _c("span", {
     staticClass: "tags-input-badge typeahead-hide-btn tags-input-typeahead-item-default",
     domProps: {
-      textContent: e._s(e.discardSearchText)
+      textContent: _vm._s(_vm.discardSearchText)
     },
     on: {
-      click: function(t) {
-        return t.preventDefault(), e.clearSearchResults.apply(null, arguments);
+      click: function($event) {
+        return $event.preventDefault(), _vm.clearSearchResults.apply(null, arguments);
       }
     }
-  }), e._l(e.searchResults, function(t, i) {
-    return a("span", {
-      key: i,
+  }), _vm._l(_vm.searchResults, function(tag, index) {
+    return _c("span", {
+      key: index,
       staticClass: "tags-input-badge",
       class: {
-        "tags-input-typeahead-item-default": i != e.searchSelection,
-        "tags-input-typeahead-item-highlighted-default": i == e.searchSelection
+        "tags-input-typeahead-item-default": index != _vm.searchSelection,
+        "tags-input-typeahead-item-highlighted-default": index == _vm.searchSelection
       },
       domProps: {
-        innerHTML: e._s(t.value)
+        innerHTML: _vm._s(tag.value)
       },
       on: {
-        mouseover: function(n) {
-          e.searchSelection = i;
+        mouseover: function($event) {
+          _vm.searchSelection = index;
         },
-        mousedown: function(n) {
-          return n.preventDefault(), e.tagFromSearchOnClick(t);
+        mousedown: function($event) {
+          return $event.preventDefault(), _vm.tagFromSearchOnClick(tag);
         }
       }
     });
-  })], 2) : e.typeaheadStyle === "dropdown" ? a("ul", {
-    class: `typeahead-${e.typeaheadStyle}`
-  }, [e.typeaheadHideDiscard ? e._e() : a("li", {
+  })], 2) : _vm.typeaheadStyle === "dropdown" ? _c("ul", {
+    class: `typeahead-${_vm.typeaheadStyle}`
+  }, [_vm.typeaheadHideDiscard ? _vm._e() : _c("li", {
     staticClass: "tags-input-typeahead-item-default typeahead-hide-btn",
     domProps: {
-      textContent: e._s(e.discardSearchText)
+      textContent: _vm._s(_vm.discardSearchText)
     },
     on: {
-      mousedown: function(t) {
-        return t.preventDefault(), e.clearSearchResults.apply(null, arguments);
+      mousedown: function($event) {
+        return $event.preventDefault(), _vm.clearSearchResults.apply(null, arguments);
       }
     }
-  }), e._l(e.searchResults, function(t, i) {
-    return a("li", {
-      key: i,
+  }), _vm._l(_vm.searchResults, function(tag, index) {
+    return _c("li", {
+      key: index,
       class: {
-        "tags-input-typeahead-item-default": i != e.searchSelection,
-        "tags-input-typeahead-item-highlighted-default": i == e.searchSelection
+        "tags-input-typeahead-item-default": index != _vm.searchSelection,
+        "tags-input-typeahead-item-highlighted-default": index == _vm.searchSelection
       },
       domProps: {
-        innerHTML: e._s(t.value)
+        innerHTML: _vm._s(tag.value)
       },
       on: {
-        mouseover: function(n) {
-          e.searchSelection = i;
+        mouseover: function($event) {
+          _vm.searchSelection = index;
         },
-        mousedown: function(n) {
-          return n.preventDefault(), e.tagFromSearchOnClick(t);
+        mousedown: function($event) {
+          return $event.preventDefault(), _vm.tagFromSearchOnClick(tag);
         }
       }
     });
-  })], 2) : e._e()])]);
-}, u = [];
-const o = {
+  })], 2) : _vm._e()])]);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "VueTagsInput",
   props: {
     elementId: {
@@ -266,8 +266,8 @@ const o = {
     };
   },
   watch: {
-    input(e, s) {
-      this.$emit("input-changed", e), this.searchTag(!1), e.length && e !== s && (this.addTagsOnSpace && e.endsWith(" ") && (this.input = e.trim(), this.tagFromInput(!0)), this.addTagsOnComma && (e = e.trim(), e.endsWith(",") && (this.input = e.substring(0, e.length - 1), this.tagFromInput(!0))), this.$emit("change", e));
+    input(newVal, oldVal) {
+      this.$emit("input-changed", newVal), this.searchTag(!1), newVal.length && newVal !== oldVal && (this.addTagsOnSpace && newVal.endsWith(" ") && (this.input = newVal.trim(), this.tagFromInput(!0)), this.addTagsOnComma && (newVal = newVal.trim(), newVal.endsWith(",") && (this.input = newVal.substring(0, newVal.length - 1), this.tagFromInput(!0))), this.$emit("change", newVal));
     },
     tags() {
       this.hiddenInput = JSON.stringify(this.tags), this.$emit("input", this.tags);
@@ -275,8 +275,8 @@ const o = {
     value() {
       this.tagsFromValue();
     },
-    typeaheadAlwaysShow(e) {
-      e ? this.searchTag(!1) : this.clearSearchResults();
+    typeaheadAlwaysShow(newValue) {
+      newValue ? this.searchTag(!1) : this.clearSearchResults();
     }
   },
   created() {
@@ -290,8 +290,8 @@ const o = {
      * @param string
      * @returns String
      */
-    escapeRegExp(e) {
-      return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    escapeRegExp(string) {
+      return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     },
     /**
      * Add a tag whether from user input or from search results (typeahead)
@@ -299,26 +299,26 @@ const o = {
      * @param ignoreSearchResults
      * @returns void
      */
-    tagFromInput(e = !1) {
-      if (this.searchResults.length && this.searchSelection >= 0 && !e)
+    tagFromInput(ignoreSearchResults = !1) {
+      if (this.searchResults.length && this.searchSelection >= 0 && !ignoreSearchResults)
         this.tagFromSearch(this.searchResults[this.searchSelection]), this.input = "";
       else {
-        const s = this.input.trim();
-        if (!this.onlyExistingTags && s.length && this.validate(s)) {
+        const text = this.input.trim();
+        if (!this.onlyExistingTags && text.length && this.validate(text)) {
           this.input = "";
-          let a = {
+          let newTag = {
             key: "",
-            value: s
+            value: text
           };
-          const t = this.escapeRegExp(this.caseSensitiveTags ? a.value : a.value.toLowerCase());
-          for (const i of this.existingTags) {
-            const n = this.caseSensitiveTags ? i.value : i.value.toLowerCase();
-            if (t === n) {
-              a = Object.assign({}, i);
+          const searchQuery = this.escapeRegExp(this.caseSensitiveTags ? newTag.value : newTag.value.toLowerCase());
+          for (const tag of this.existingTags) {
+            const compareable = this.caseSensitiveTags ? tag.value : tag.value.toLowerCase();
+            if (searchQuery === compareable) {
+              newTag = Object.assign({}, tag);
               break;
             }
           }
-          this.addTag(a);
+          this.addTag(newTag);
         }
       }
     },
@@ -328,8 +328,8 @@ const o = {
      * @param tag
      * @returns void
      */
-    tagFromSearchOnClick(e) {
-      this.tagFromSearch(e), this.$refs.taginput.blur();
+    tagFromSearchOnClick(tag) {
+      this.tagFromSearch(tag), this.$refs.taginput.blur();
     },
     /**
      * Add the selected tag from the search results.
@@ -339,8 +339,8 @@ const o = {
      * @param tag
      * @return void
      */
-    tagFromSearch(e) {
-      this.clearSearchResults(), this.addTag(e), this.$nextTick(() => {
+    tagFromSearch(tag) {
+      this.clearSearchResults(), this.addTag(tag), this.$nextTick(() => {
         this.input = "", this.oldInput = "";
       });
     },
@@ -350,13 +350,13 @@ const o = {
      * @param tag
      * @returns void | Boolean
      */
-    addTag(e) {
-      if (!this.beforeAddingTag(e))
+    addTag(tag) {
+      if (!this.beforeAddingTag(tag))
         return !1;
       if (this.limit > 0 && this.tags.length >= this.limit)
         return this.$emit("limit-reached"), !1;
-      this.tagSelected(e) || (this.tags.push(e), this.$nextTick(() => {
-        this.$emit("tag-added", e), this.$emit("tags-updated");
+      this.tagSelected(tag) || (this.tags.push(tag), this.$nextTick(() => {
+        this.$emit("tag-added", tag), this.$emit("tags-updated");
       }));
     },
     /**
@@ -373,12 +373,12 @@ const o = {
      * @param index
      * @returns void
      */
-    removeTag(e) {
-      const s = this.tags[e];
-      if (!this.beforeRemovingTag(s))
+    removeTag(index) {
+      const tag = this.tags[index];
+      if (!this.beforeRemovingTag(tag))
         return !1;
-      this.tags.splice(e, 1), this.$nextTick(() => {
-        this.$emit("tag-removed", s), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
+      this.tags.splice(index, 1), this.$nextTick(() => {
+        this.$emit("tag-removed", tag), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
       });
     },
     /**
@@ -391,12 +391,12 @@ const o = {
         return !1;
       if (this.oldInput !== this.input || !this.searchResults.length && this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
         this.searchResults = [], this.searchSelection = 0;
-        const e = this.input.trim();
-        if (e.length && e.length >= this.typeaheadActivationThreshold || this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
-          const s = this.escapeRegExp(this.caseSensitiveTags ? e : e.toLowerCase());
-          for (const a of this.existingTags)
-            (this.caseSensitiveTags ? a.value : a.value.toLowerCase()).search(s) > -1 && !this.tagSelected(a) && this.searchResults.push(a);
-          this.sortSearchResults && this.searchResults.sort((a, t) => a.value < t.value ? -1 : a.value > t.value ? 1 : 0), this.typeaheadMaxResults > 0 && (this.searchResults = this.searchResults.slice(0, this.typeaheadMaxResults));
+        const input = this.input.trim();
+        if (input.length && input.length >= this.typeaheadActivationThreshold || this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
+          const searchQuery = this.escapeRegExp(this.caseSensitiveTags ? input : input.toLowerCase());
+          for (const tag of this.existingTags)
+            (this.caseSensitiveTags ? tag.value : tag.value.toLowerCase()).search(searchQuery) > -1 && !this.tagSelected(tag) && this.searchResults.push(tag);
+          this.sortSearchResults && this.searchResults.sort((a, b) => a.value < b.value ? -1 : a.value > b.value ? 1 : 0), this.typeaheadMaxResults > 0 && (this.searchResults = this.searchResults.slice(0, this.typeaheadMaxResults));
         }
         this.oldInput = this.input;
       }
@@ -456,12 +456,12 @@ const o = {
           console.error("Voerro Tags Input: the v-model value must be an array!");
           return;
         }
-        const e = this.value;
-        if (this.tags === e)
+        const tags = this.value;
+        if (this.tags === tags)
           return;
         this.clearTags();
-        for (const s of e)
-          this.addTag(s);
+        for (const tag of tags)
+          this.addTag(tag);
       } else {
         if (this.tags.length === 0)
           return;
@@ -474,13 +474,13 @@ const o = {
      * @param tag
      * @returns Boolean
      */
-    tagSelected(e) {
-      if (this.allowDuplicates || !e)
+    tagSelected(tag) {
+      if (this.allowDuplicates || !tag)
         return !1;
-      const s = this.escapeRegExp(this.caseSensitiveTags ? e.value : e.value.toLowerCase());
-      for (const a of this.tags) {
-        const t = this.caseSensitiveTags ? a.value : a.value.toLowerCase();
-        if (a.key === e.key && t.search(s) > -1)
+      const searchQuery = this.escapeRegExp(this.caseSensitiveTags ? tag.value : tag.value.toLowerCase());
+      for (const selectedTag of this.tags) {
+        const compareable = this.caseSensitiveTags ? selectedTag.value : selectedTag.value.toLowerCase();
+        if (selectedTag.key === tag.key && compareable.search(searchQuery) > -1)
           return !0;
       }
       return !1;
@@ -530,24 +530,24 @@ const o = {
       this.$emit("blur", e), this.addTagsOnBlur && this.tagFromInput(!0), this.typeaheadAlwaysShow ? this.searchTag() : this.hideTypeahead();
     }
   }
-}, r = {};
-var c = /* @__PURE__ */ l(
-  o,
-  h,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  p,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function p(e) {
-  for (let s in r)
-    this[s] = r[s];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const g = /* @__PURE__ */ function() {
-  return c.exports;
+const VueTagsInput = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  g as default
+  VueTagsInput as default
 };

package/dist/components/watermark/index.js

@@ -1,6 +1,18 @@
-import { h as _ } from "../../chunks/utils.fa73de78.js";
-import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const f = {
+var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  return a;
+}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { g as getClass } from "../../chunks/utils.d7f73f8d.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+const __vue2_script = {
   name: "Watermark",
   functional: !0,
   props: {
@@ -47,39 +59,37 @@ const f = {
       default: "rgba(0,0,0,0)"
     }
   },
-  render(a, { props: { width: e, height: l, text: s, backgroundColor: u, rotate: c, color: i }, data: n }) {
-    const r = document.createElement("canvas");
-    r.width = e, r.height = l;
-    const t = r.getContext("2d");
-    return t.font = "15px Verdana", t.fillStyle = u, t.fillRect(0, 0, e, l), t.translate(e / 2, l / 2), t.rotate(c * Math.PI / 180), t.fillStyle = i, t.textAlign = "center", t.textBaseline = "middle", t.fillText(s, 0, 0), a("div", {
-      class: _(n.class, `watermark ${n.staticClass || ""}`),
-      style: {
-        ...n.style || {},
-        ...n.staticStyle || {},
-        background: `url(${r.toDataURL("image/png")}) left top repeat`
-      }
+  render(h, { props: { width, height, text, backgroundColor, rotate, color }, data }) {
+    const canvas = document.createElement("canvas");
+    canvas.width = width, canvas.height = height;
+    const context2D = canvas.getContext("2d");
+    return context2D.font = "15px Verdana", context2D.fillStyle = backgroundColor, context2D.fillRect(0, 0, width, height), context2D.translate(width / 2, height / 2), context2D.rotate(rotate * Math.PI / 180), context2D.fillStyle = color, context2D.textAlign = "center", context2D.textBaseline = "middle", context2D.fillText(text, 0, 0), h("div", {
+      class: getClass(data.class, `watermark ${data.staticClass || ""}`),
+      style: __spreadProps(__spreadValues(__spreadValues({}, data.style || {}), data.staticStyle || {}), {
+        background: `url(${canvas.toDataURL("image/png")}) left top repeat`
+      })
     });
   }
 };
-let m, d;
-const o = {};
-var y = /* @__PURE__ */ p(
-  f,
-  m,
-  d,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  g,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function g(a) {
-  for (let e in o)
-    this[e] = o[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const b = /* @__PURE__ */ function() {
-  return y.exports;
+const Watermark = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  b as default
+  Watermark as default
 };

package/dist/components/watermark/style.css

@@ -1 +1 @@
-.watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;height:100%;pointer-events:none}
+.watermark{position:absolute;inset:0;z-index:100;height:100%;pointer-events:none}