@web-utils/component 2.7.19 → 2.7.21

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.bf552d98.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/vue-tags-input/style.css

@@ -1 +1,102 @@
-.tags-input{display:flex;flex-wrap:wrap;align-items:center}.tags-input input{flex:1 1 auto;background:transparent;border:none}.tags-input input:focus{outline:none}.tags-input input[type=text]{color:#495057}.tags-input-wrapper-default{padding:.5rem .25rem;background:#fff;border:1px solid transparent;border-color:#dbdbdb;border-radius:.25rem}.tags-input span{margin-right:.3rem}.tags-input-remove{position:relative;display:inline-block;width:.5rem;height:.5rem;cursor:pointer}.tags-input-remove:before,.tags-input-remove:after{position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background:#ea0000;content:""}.tags-input-remove:before{transform:rotate(45deg)}.tags-input-remove:after{transform:rotate(-45deg)}.tags-input-badge{display:inline-block;padding:.25em .4em;font-weight:700;font-size:75%;line-height:1;white-space:nowrap;text-align:center;vertical-align:baseline;border-radius:.25rem}.tags-input-badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.tags-input-badge-selected-default{color:#212529;background-color:#f0f1f2}.typeahead-hide-btn{color:#999!important}.typeahead-badges>span{margin-right:.3rem;cursor:pointer}.typeahead-dropdown{position:absolute;top:50px;right:0;z-index:1000;width:100%;max-height:150px;margin:0;padding:0;overflow:auto;list-style-type:none;border-radius:4px;box-shadow:0 0 5px #d7d7d7}.typeahead-dropdown li{padding:.25rem 1rem;cursor:pointer}.tags-input-typeahead-item-default{color:gray;background-color:#fff}.tags-input-typeahead-item-highlighted-default{background-color:#f5f7fa}
+.tags-input {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.tags-input input {
+  flex: 1 1 auto;
+  background: transparent;
+  border: none;
+}
+.tags-input input:focus {
+  outline: none;
+}
+.tags-input input[type=text] {
+  color: #495057;
+}
+.tags-input-wrapper-default {
+  padding: .5rem .25rem;
+  background: #fff;
+  border: 1px solid transparent;
+  border-color: #dbdbdb;
+  border-radius: .25rem;
+}
+.tags-input span {
+  margin-right: .3rem;
+}
+.tags-input-remove {
+  position: relative;
+  display: inline-block;
+  width: .5rem;
+  height: .5rem;
+  cursor: pointer;
+}
+.tags-input-remove:before,
+.tags-input-remove:after {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  margin-top: -1px;
+  background: #ea0000;
+  content: "";
+}
+.tags-input-remove:before {
+  transform: rotate(45deg);
+}
+.tags-input-remove:after {
+  transform: rotate(-45deg);
+}
+.tags-input-badge {
+  display: inline-block;
+  padding: .25em .4em;
+  font-weight: 700;
+  font-size: 75%;
+  line-height: 1;
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: baseline;
+  border-radius: .25rem;
+}
+.tags-input-badge-pill {
+  padding-right: .6em;
+  padding-left: .6em;
+  border-radius: 10rem;
+}
+.tags-input-badge-selected-default {
+  color: #212529;
+  background-color: #f0f1f2;
+}
+.typeahead-hide-btn {
+  color: #999 !important;
+}
+.typeahead-badges > span {
+  margin-right: .3rem;
+  cursor: pointer;
+}
+.typeahead-dropdown {
+  position: absolute;
+  top: 50px;
+  right: 0;
+  z-index: 1000;
+  width: 100%;
+  max-height: 150px;
+  margin: 0;
+  padding: 0;
+  overflow: auto;
+  list-style-type: none;
+  border-radius: 4px;
+  box-shadow: 0 0 5px #d7d7d7;
+}
+.typeahead-dropdown li {
+  padding: .25rem 1rem;
+  cursor: pointer;
+}
+.tags-input-typeahead-item-default {
+  color: gray;
+  background-color: #fff;
+}
+.tags-input-typeahead-item-highlighted-default {
+  background-color: #f5f7fa;
+}

package/dist/components/watermark/index.js

@@ -1,6 +1,6 @@
-import { h as _ } from "../../chunks/utils.fa73de78.js";
-import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const f = {
+import { g as getClass } from "../../chunks/utils.d7f73f8d.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const __vue2_script = {
   name: "Watermark",
   functional: !0,
   props: {
@@ -47,39 +47,39 @@ 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 || ""}`),
+  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: {
-        ...n.style || {},
-        ...n.staticStyle || {},
-        background: `url(${r.toDataURL("image/png")}) left top repeat`
+        ...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,10 @@
-.watermark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;height:100%;pointer-events:none}
+.watermark {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  height: 100%;
+  pointer-events: none;
+}