@web-utils/component 1.2.4 → 1.2.6

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

@@ -1 +1,439 @@
-import{n as l}from"../../chunks/6499de3a.js";var u=function(){var e=this,s=e.$createElement,a=e._self._c||s;return a("div",{staticClass:"tags-input-root"},[a("div",{class:`${e.wrapperClass} tags-input`},[e._l(e.tags,function(t,i){return a("span",{key:i,staticClass:"el-tag el-tag--medium el-tag--light"},[a("span",{domProps:{innerHTML:e._s(t.value)}}),a("i",{staticClass:"tags-input-remove ov",attrs:{href:"#"},on:{click:function(r){return r.preventDefault(),e.removeTag(i)}}})])}),a("input",{directives:[{name:"model",rawName:"v-model",value:e.input,expression:"input"}],ref:"taginput",staticStyle:{height:"28px","margin-top":"5px","line-height":"28px"},attrs:{type:"text",placeholder:e.placeholder},domProps:{value:e.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)}],focus:e.onFocus,blur:e.onBlur,value:e.tags,input:function(t){t.target.composing||(e.input=t.target.value)}}}),e.elementId?a("input",{directives:[{name:"model",rawName:"v-model",value:e.hiddenInput,expression:"hiddenInput"}],attrs:{id:e.elementId,type:"hidden",name:e.elementId},domProps:{value:e.hiddenInput},on:{input:function(t){t.target.composing||(e.hiddenInput=t.target.value)}}}):e._e()],2),a("div",{directives:[{name:"show",rawName:"v-show",value:e.searchResults.length,expression:"searchResults.length"}]},[e.typeaheadStyle==="badges"?a("p",{class:`typeahead-${e.typeaheadStyle}`},[e.typeaheadHideDiscard?e._e():a("span",{staticClass:"tags-input-badge typeahead-hide-btn tags-input-typeahead-item-default",domProps:{textContent:e._s(e.discardSearchText)},on:{click:function(t){return t.preventDefault(),e.clearSearchResults.apply(null,arguments)}}}),e._l(e.searchResults,function(t,i){return a("span",{key:i,staticClass:"tags-input-badge",class:{"tags-input-typeahead-item-default":i!=e.searchSelection,"tags-input-typeahead-item-highlighted-default":i==e.searchSelection},domProps:{innerHTML:e._s(t.value)},on:{mouseover:function(r){e.searchSelection=i},mousedown:function(r){return r.preventDefault(),e.tagFromSearchOnClick(t)}}})})],2):e.typeaheadStyle==="dropdown"?a("ul",{class:`typeahead-${e.typeaheadStyle}`},[e.typeaheadHideDiscard?e._e():a("li",{staticClass:"tags-input-typeahead-item-default typeahead-hide-btn",domProps:{textContent:e._s(e.discardSearchText)},on:{mousedown:function(t){return t.preventDefault(),e.clearSearchResults.apply(null,arguments)}}}),e._l(e.searchResults,function(t,i){return a("li",{key:i,class:{"tags-input-typeahead-item-default":i!=e.searchSelection,"tags-input-typeahead-item-highlighted-default":i==e.searchSelection},domProps:{innerHTML:e._s(t.value)},on:{mouseover:function(r){e.searchSelection=i},mousedown:function(r){return r.preventDefault(),e.tagFromSearchOnClick(t)}}})})],2):e._e()])])},o=[];const h={name:"VueTagsInput",props:{elementId:{type:String},existingTags:{type:Array,default:()=>[]},value:{type:Array,default:()=>[]},typeahead:{type:Boolean,default:!1},typeaheadStyle:{type:String,default:"badges"},typeaheadActivationThreshold:{type:Number,default:1},typeaheadMaxResults:{type:Number,default:0},typeaheadAlwaysShow:{type:Boolean,default:!1},typeaheadHideDiscard:{type:Boolean,default:!1},placeholder:{type:String,default:"\u8BF7\u8F93\u5165..."},discardSearchText:{type:String,default:"\u53D6\u6D88"},limit:{type:Number,default:0},onlyExistingTags:{type:Boolean,default:!1},deleteOnBackspace:{type:Boolean,default:!0},allowDuplicates:{type:Boolean,default:!1},validate:{type:Function,default:()=>!0},addTagsOnComma:{type:Boolean,default:!1},addTagsOnSpace:{type:Boolean,default:!1},addTagsOnBlur:{type:Boolean,default:!1},wrapperClass:{type:String,default:"tags-input-wrapper-default"},sortSearchResults:{type:Boolean,default:!0},caseSensitiveTags:{type:Boolean,default:!1},beforeAddingTag:{type:Function,default:()=>!0},beforeRemovingTag:{type:Function,default:()=>!0}},data(){return{tags:[],input:"",oldInput:"",hiddenInput:"",searchResults:[],searchSelection:0}},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))},tags(){this.hiddenInput=JSON.stringify(this.tags),this.$emit("input",this.tags)},value(){this.tagsFromValue()},typeaheadAlwaysShow(e){e?this.searchTag(!1):this.clearSearchResults()}},created(){this.tagsFromValue(),this.typeaheadAlwaysShow&&this.searchTag(!1),this.$emit("initialized")},methods:{escapeRegExp(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")},tagFromInput(e=!1){if(this.searchResults.length&&this.searchSelection>=0&&!e)this.tagFromSearch(this.searchResults[this.searchSelection]),this.input="";else{const s=this.input.trim();if(!this.onlyExistingTags&&s.length&&this.validate(s)){this.input="";let a={key:"",value:s};const t=this.escapeRegExp(this.caseSensitiveTags?a.value:a.value.toLowerCase());for(const i of this.existingTags){const r=this.caseSensitiveTags?i.value:i.value.toLowerCase();if(t===r){a=Object.assign({},i);break}}this.addTag(a)}}},tagFromSearchOnClick(e){this.tagFromSearch(e),this.$refs.taginput.blur()},tagFromSearch(e){this.clearSearchResults(),this.addTag(e),this.$nextTick(()=>{this.input="",this.oldInput=""})},addTag(e){if(!this.beforeAddingTag(e))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")}))},removeLastTag(){!this.input.length&&this.deleteOnBackspace&&this.tags.length&&this.removeTag(this.tags.length-1)},removeTag(e){const s=this.tags[e];if(!this.beforeRemovingTag(s))return!1;this.tags.splice(e,1),this.$nextTick(()=>{this.$emit("tag-removed",s),this.$emit("tags-updated"),this.typeaheadAlwaysShow&&this.searchTag()})},searchTag(){if(this.typeahead!==!0)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))}this.oldInput=this.input}},hideTypeahead(){this.input.length||this.$nextTick(()=>{this.clearSearchResults()})},nextSearchResult(){this.searchSelection+1<=this.searchResults.length-1&&this.searchSelection++},prevSearchResult(){this.searchSelection>0&&this.searchSelection--},clearSearchResults(){this.searchResults=[],this.searchSelection=0,this.typeaheadAlwaysShow&&this.$nextTick(()=>{this.searchTag()})},clearTags(){this.tags.splice(0,this.tags.length)},tagsFromValue(){if(this.value&&this.value.length){if(!Array.isArray(this.value)){console.error("Voerro Tags Input: the v-model value must be an array!");return}const e=this.value;if(this.tags===e)return;this.clearTags();for(const s of e)this.addTag(s)}else{if(this.tags.length===0)return;this.clearTags()}},tagSelected(e){if(this.allowDuplicates||!e)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)return!0}return!1},clearInput(){this.input=""},onKeyUp(e){this.$emit("keyup",e)},onKeyDown(e){this.$emit("keydown",e)},onFocus(e){this.$emit("focus",e),this.searchTag()},onBlur(e){this.$emit("blur",e),this.addTagsOnBlur&&this.tagFromInput(!0),this.typeaheadAlwaysShow?this.searchTag():this.hideTypeahead()}}},n={};var p=l(h,u,o,!1,d,null,null,null);function d(e){for(let s in n)this[s]=n[s]}var c=function(){return p.exports}();export{c as default};
+import { n as l } from "../../chunks/6499de3a.js";
+var h = function() {
+  var e = this, s = e.$createElement, a = e._self._c || s;
+  return a("div", {
+    staticClass: "tags-input-root"
+  }, [a("div", {
+    class: `${e.wrapperClass} tags-input`
+  }, [e._l(e.tags, function(t, i) {
+    return a("span", {
+      key: i,
+      staticClass: "el-tag el-tag--medium el-tag--light"
+    }, [a("span", {
+      domProps: {
+        innerHTML: e._s(t.value)
+      }
+    }), a("i", {
+      staticClass: "tags-input-remove ov",
+      attrs: {
+        href: "#"
+      },
+      on: {
+        click: function(n) {
+          return n.preventDefault(), e.removeTag(i);
+        }
+      }
+    })]);
+  }), a("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: e.input,
+      expression: "input"
+    }],
+    ref: "taginput",
+    staticStyle: {
+      height: "28px",
+      "margin-top": "5px",
+      "line-height": "28px"
+    },
+    attrs: {
+      type: "text",
+      placeholder: e.placeholder
+    },
+    domProps: {
+      value: e.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);
+      }],
+      focus: e.onFocus,
+      blur: e.onBlur,
+      value: e.tags,
+      input: function(t) {
+        t.target.composing || (e.input = t.target.value);
+      }
+    }
+  }), e.elementId ? a("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: e.hiddenInput,
+      expression: "hiddenInput"
+    }],
+    attrs: {
+      id: e.elementId,
+      type: "hidden",
+      name: e.elementId
+    },
+    domProps: {
+      value: e.hiddenInput
+    },
+    on: {
+      input: function(t) {
+        t.target.composing || (e.hiddenInput = t.target.value);
+      }
+    }
+  }) : e._e()], 2), a("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.searchResults.length,
+      expression: "searchResults.length"
+    }]
+  }, [e.typeaheadStyle === "badges" ? a("p", {
+    class: `typeahead-${e.typeaheadStyle}`
+  }, [e.typeaheadHideDiscard ? e._e() : a("span", {
+    staticClass: "tags-input-badge typeahead-hide-btn tags-input-typeahead-item-default",
+    domProps: {
+      textContent: e._s(e.discardSearchText)
+    },
+    on: {
+      click: function(t) {
+        return t.preventDefault(), e.clearSearchResults.apply(null, arguments);
+      }
+    }
+  }), e._l(e.searchResults, function(t, i) {
+    return a("span", {
+      key: i,
+      staticClass: "tags-input-badge",
+      class: {
+        "tags-input-typeahead-item-default": i != e.searchSelection,
+        "tags-input-typeahead-item-highlighted-default": i == e.searchSelection
+      },
+      domProps: {
+        innerHTML: e._s(t.value)
+      },
+      on: {
+        mouseover: function(n) {
+          e.searchSelection = i;
+        },
+        mousedown: function(n) {
+          return n.preventDefault(), e.tagFromSearchOnClick(t);
+        }
+      }
+    });
+  })], 2) : e.typeaheadStyle === "dropdown" ? a("ul", {
+    class: `typeahead-${e.typeaheadStyle}`
+  }, [e.typeaheadHideDiscard ? e._e() : a("li", {
+    staticClass: "tags-input-typeahead-item-default typeahead-hide-btn",
+    domProps: {
+      textContent: e._s(e.discardSearchText)
+    },
+    on: {
+      mousedown: function(t) {
+        return t.preventDefault(), e.clearSearchResults.apply(null, arguments);
+      }
+    }
+  }), e._l(e.searchResults, function(t, i) {
+    return a("li", {
+      key: i,
+      class: {
+        "tags-input-typeahead-item-default": i != e.searchSelection,
+        "tags-input-typeahead-item-highlighted-default": i == e.searchSelection
+      },
+      domProps: {
+        innerHTML: e._s(t.value)
+      },
+      on: {
+        mouseover: function(n) {
+          e.searchSelection = i;
+        },
+        mousedown: function(n) {
+          return n.preventDefault(), e.tagFromSearchOnClick(t);
+        }
+      }
+    });
+  })], 2) : e._e()])]);
+}, u = [];
+const o = {
+  name: "VueTagsInput",
+  props: {
+    elementId: {
+      type: String
+    },
+    existingTags: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    typeahead: {
+      type: Boolean,
+      default: !1
+    },
+    typeaheadStyle: {
+      type: String,
+      default: "badges"
+    },
+    typeaheadActivationThreshold: {
+      type: Number,
+      default: 1
+    },
+    typeaheadMaxResults: {
+      type: Number,
+      default: 0
+    },
+    typeaheadAlwaysShow: {
+      type: Boolean,
+      default: !1
+    },
+    typeaheadHideDiscard: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165..."
+    },
+    discardSearchText: {
+      type: String,
+      default: "\u53D6\u6D88"
+    },
+    limit: {
+      type: Number,
+      default: 0
+    },
+    onlyExistingTags: {
+      type: Boolean,
+      default: !1
+    },
+    deleteOnBackspace: {
+      type: Boolean,
+      default: !0
+    },
+    allowDuplicates: {
+      type: Boolean,
+      default: !1
+    },
+    validate: {
+      type: Function,
+      default: () => !0
+    },
+    addTagsOnComma: {
+      type: Boolean,
+      default: !1
+    },
+    addTagsOnSpace: {
+      type: Boolean,
+      default: !1
+    },
+    addTagsOnBlur: {
+      type: Boolean,
+      default: !1
+    },
+    wrapperClass: {
+      type: String,
+      default: "tags-input-wrapper-default"
+    },
+    sortSearchResults: {
+      type: Boolean,
+      default: !0
+    },
+    caseSensitiveTags: {
+      type: Boolean,
+      default: !1
+    },
+    beforeAddingTag: {
+      type: Function,
+      default: () => !0
+    },
+    beforeRemovingTag: {
+      type: Function,
+      default: () => !0
+    }
+  },
+  data() {
+    return {
+      tags: [],
+      input: "",
+      oldInput: "",
+      hiddenInput: "",
+      searchResults: [],
+      searchSelection: 0
+    };
+  },
+  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));
+    },
+    tags() {
+      this.hiddenInput = JSON.stringify(this.tags), this.$emit("input", this.tags);
+    },
+    value() {
+      this.tagsFromValue();
+    },
+    typeaheadAlwaysShow(e) {
+      e ? this.searchTag(!1) : this.clearSearchResults();
+    }
+  },
+  created() {
+    this.tagsFromValue(), this.typeaheadAlwaysShow && this.searchTag(!1), this.$emit("initialized");
+  },
+  methods: {
+    escapeRegExp(e) {
+      return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    },
+    tagFromInput(e = !1) {
+      if (this.searchResults.length && this.searchSelection >= 0 && !e)
+        this.tagFromSearch(this.searchResults[this.searchSelection]), this.input = "";
+      else {
+        const s = this.input.trim();
+        if (!this.onlyExistingTags && s.length && this.validate(s)) {
+          this.input = "";
+          let a = {
+            key: "",
+            value: s
+          };
+          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);
+              break;
+            }
+          }
+          this.addTag(a);
+        }
+      }
+    },
+    tagFromSearchOnClick(e) {
+      this.tagFromSearch(e), this.$refs.taginput.blur();
+    },
+    tagFromSearch(e) {
+      this.clearSearchResults(), this.addTag(e), this.$nextTick(() => {
+        this.input = "", this.oldInput = "";
+      });
+    },
+    addTag(e) {
+      if (!this.beforeAddingTag(e))
+        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");
+      }));
+    },
+    removeLastTag() {
+      !this.input.length && this.deleteOnBackspace && this.tags.length && this.removeTag(this.tags.length - 1);
+    },
+    removeTag(e) {
+      const s = this.tags[e];
+      if (!this.beforeRemovingTag(s))
+        return !1;
+      this.tags.splice(e, 1), this.$nextTick(() => {
+        this.$emit("tag-removed", s), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
+      });
+    },
+    searchTag() {
+      if (this.typeahead !== !0)
+        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));
+        }
+        this.oldInput = this.input;
+      }
+    },
+    hideTypeahead() {
+      this.input.length || this.$nextTick(() => {
+        this.clearSearchResults();
+      });
+    },
+    nextSearchResult() {
+      this.searchSelection + 1 <= this.searchResults.length - 1 && this.searchSelection++;
+    },
+    prevSearchResult() {
+      this.searchSelection > 0 && this.searchSelection--;
+    },
+    clearSearchResults() {
+      this.searchResults = [], this.searchSelection = 0, this.typeaheadAlwaysShow && this.$nextTick(() => {
+        this.searchTag();
+      });
+    },
+    clearTags() {
+      this.tags.splice(0, this.tags.length);
+    },
+    tagsFromValue() {
+      if (this.value && this.value.length) {
+        if (!Array.isArray(this.value)) {
+          console.error("Voerro Tags Input: the v-model value must be an array!");
+          return;
+        }
+        const e = this.value;
+        if (this.tags === e)
+          return;
+        this.clearTags();
+        for (const s of e)
+          this.addTag(s);
+      } else {
+        if (this.tags.length === 0)
+          return;
+        this.clearTags();
+      }
+    },
+    tagSelected(e) {
+      if (this.allowDuplicates || !e)
+        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)
+          return !0;
+      }
+      return !1;
+    },
+    clearInput() {
+      this.input = "";
+    },
+    onKeyUp(e) {
+      this.$emit("keyup", e);
+    },
+    onKeyDown(e) {
+      this.$emit("keydown", e);
+    },
+    onFocus(e) {
+      this.$emit("focus", e), this.searchTag();
+    },
+    onBlur(e) {
+      this.$emit("blur", e), this.addTagsOnBlur && this.tagFromInput(!0), this.typeaheadAlwaysShow ? this.searchTag() : this.hideTypeahead();
+    }
+  }
+}, r = {};
+var c = /* @__PURE__ */ l(
+  o,
+  h,
+  u,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(e) {
+  for (let s in r)
+    this[s] = r[s];
+}
+const g = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  g as default
+};

package/dist/components/watermark/index.js

@@ -1 +1,63 @@
-import{n as _}from"../../chunks/6499de3a.js";const c={name:"Watermark",functional:!0,props:{text:{type:String,default:""},width:{type:Number,default:200},height:{type:Number,default:150},rotate:{type:Number,default:-30},color:{type:String,default:"rgba(0,0,0,0.15)"},backgroundColor:{type:String,default:"rgba(0,0,0,0)"}},render(a,{props:{width:e,height:r,text:o,backgroundColor:u,rotate:i,color:s}}){const n=document.createElement("canvas");n.width=e,n.height=r;const t=n.getContext("2d");return t.font="15px Verdana",t.fillStyle=u,t.fillRect(0,0,e,r),t.translate(e/2,r/2),t.rotate(i*Math.PI/180),t.fillStyle=s,t.textAlign="center",t.textBaseline="middle",t.fillText(o,0,0),a("div",{class:"watermark",style:{background:`url(${n.toDataURL("image/png")}) left top repeat`}})}};let p,d;const l={};var f=_(c,p,d,!1,m,null,null,null);function m(a){for(let e in l)this[e]=l[e]}var g=function(){return f.exports}();export{g as default};
+import { h as _ } from "../../chunks/2bd4e340.js";
+import { n as p } from "../../chunks/6499de3a.js";
+const f = {
+  name: "Watermark",
+  functional: !0,
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: 200
+    },
+    height: {
+      type: Number,
+      default: 150
+    },
+    rotate: {
+      type: Number,
+      default: -30
+    },
+    color: {
+      type: String,
+      default: "rgba(0,0,0,0.15)"
+    },
+    backgroundColor: {
+      type: String,
+      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` }
+    });
+  }
+};
+let m, d;
+const o = {};
+var y = /* @__PURE__ */ p(
+  f,
+  m,
+  d,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(a) {
+  for (let e in o)
+    this[e] = o[e];
+}
+const b = /* @__PURE__ */ function() {
+  return y.exports;
+}();
+export {
+  b as default
+};

package/dist/components/x-dialog/index.js

@@ -1 +1,173 @@
-import{isPromise as n,isFunction as l}from"@web-utils/core";import{n as r}from"../../chunks/6499de3a.js";var a=function(){var e=this,o=e.$createElement,t=e._self._c||o;return t("ElDialog",{directives:[{name:"dialog-drag",rawName:"v-dialog-drag"}],attrs:{"append-to-body":"","close-on-click-modal":!1,"lock-scroll":!1,visible:e.show,"custom-class":"x-dialog",center:"",top:e.top,width:e.width,title:e.title},on:{"update:visible":function(s){e.show=s},close:e.close},scopedSlots:e._u([{key:"default",fn:function(){return[t("div",{staticClass:"x-dialog-content",style:{height:e.height}},[e.cache?[t("KeepAlive",[t(e.resolve,e._g(e._b({ref:"cpn",tag:"Component"},"Component",e.$attrs,!1),e.$listeners))],1)]:[e.show?t("KeepAlive",[t(e.resolve,e._g(e._b({ref:"cpn",tag:"Component"},"Component",e.$attrs,!1),e.$listeners))],1):e._e()]],2)]},proxy:!0},e.footer?{key:"footer",fn:function(){return[t("div",{staticClass:"x-dialog-footer",staticStyle:{"text-align":"right"}},[t("ElButton",{attrs:{size:"small",type:"primary"},on:{click:e.confirm}},[e._v(" \u786E\u5B9A ")]),t("ElButton",{attrs:{size:"small"},on:{click:e.close}},[e._v(" \u53D6 \u6D88 ")])],1)]},proxy:!0}:null],null,!0)})},c=[];const p={name:"XDialog",inheritedAttrs:!1,provide(){return{close:this.close}},props:{component:[Function,Object,Promise],height:{type:String,default:"auto"},top:{type:String,default:"15vh"},width:{type:String,default:"600px"},title:{type:String,default:"\u6807\u9898"},cache:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},showTips:{type:Boolean,default:process.env.NODE_ENV!=="production"},footer:{type:Boolean,default:!0}},data(){return{show:!1}},watch:{visible:{immediate:!0,handler(e){this.show=e}},show(e){e!==this.visible&&this.$emit("update:visible",e),e||this.$emit("close")}},beforeDestroy(){this.show&&this.close()},methods:{resolve(){return n(this.component)?this.component:l(this.component)?this.component():Promise.resolve(this.component)},close(){this.show=!1},closed(){this.$emit("closed")},confirm(){this.$refs.cpn&&this.$refs.cpn.onConfirm?this.$refs.cpn.onConfirm(this.close):(this.showTips&&this.$notify({type:"warning",title:"\u5F00\u53D1\u63D0\u793A",message:"\u5982\u9700\u5904\u7406\u786E\u5B9A\u4E8B\u4EF6\uFF0C\u8BF7\u5728\u7EC4\u4EF6\u5185\u90E8\u6DFB\u52A0 onConfirm(done) \u65B9\u6CD5,\u5E76\u8C03\u7528 done \u65B9\u6CD5\u6765\u5173\u95ED\u5BF9\u8BDD\u6846\uFF01"}),this.close())}}},i={};var d=r(p,a,c,!1,f,null,null,null);function f(e){for(let o in i)this[o]=i[o]}var h=function(){return d.exports}();export{h as default};
+import { isPromise as n, isFunction as l } from "@web-utils/core";
+import { n as r } from "../../chunks/6499de3a.js";
+var a = function() {
+  var e = this, o = e.$createElement, t = e._self._c || o;
+  return t("ElDialog", {
+    directives: [{
+      name: "dialog-drag",
+      rawName: "v-dialog-drag"
+    }],
+    attrs: {
+      "append-to-body": "",
+      "close-on-click-modal": !1,
+      "lock-scroll": !1,
+      visible: e.show,
+      "custom-class": "x-dialog",
+      center: "",
+      top: e.top,
+      width: e.width,
+      title: e.title
+    },
+    on: {
+      "update:visible": function(i) {
+        e.show = i;
+      },
+      close: e.close
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [t("div", {
+          staticClass: "x-dialog-content",
+          style: {
+            height: e.height
+          }
+        }, [e.cache ? [t("KeepAlive", [t(e.resolve, e._g(e._b({
+          ref: "cpn",
+          tag: "Component"
+        }, "Component", e.$attrs, !1), e.$listeners))], 1)] : [e.show ? t("KeepAlive", [t(e.resolve, e._g(e._b({
+          ref: "cpn",
+          tag: "Component"
+        }, "Component", e.$attrs, !1), e.$listeners))], 1) : e._e()]], 2)];
+      },
+      proxy: !0
+    }, e.footer ? {
+      key: "footer",
+      fn: function() {
+        return [t("div", {
+          staticClass: "x-dialog-footer",
+          staticStyle: {
+            "text-align": "right"
+          }
+        }, [t("ElButton", {
+          attrs: {
+            size: "small",
+            type: "primary"
+          },
+          on: {
+            click: e.confirm
+          }
+        }, [e._v(" \u786E\u5B9A ")]), t("ElButton", {
+          attrs: {
+            size: "small"
+          },
+          on: {
+            click: e.close
+          }
+        }, [e._v(" \u53D6 \u6D88 ")])], 1)];
+      },
+      proxy: !0
+    } : null], null, !0)
+  });
+}, c = [];
+const f = {
+  name: "XDialog",
+  inheritedAttrs: !1,
+  provide() {
+    return {
+      close: this.close
+    };
+  },
+  props: {
+    component: [Function, Object, Promise],
+    height: {
+      type: String,
+      default: "auto"
+    },
+    top: {
+      type: String,
+      default: "15vh"
+    },
+    width: {
+      type: String,
+      default: "600px"
+    },
+    title: {
+      type: String,
+      default: "\u6807\u9898"
+    },
+    cache: {
+      type: Boolean,
+      default: !0
+    },
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    showTips: {
+      type: Boolean,
+      default: process.env.NODE_ENV !== "production"
+    },
+    footer: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      show: !1
+    };
+  },
+  watch: {
+    visible: {
+      immediate: !0,
+      handler(e) {
+        this.show = e;
+      }
+    },
+    show(e) {
+      e !== this.visible && this.$emit("update:visible", e), e || this.$emit("close");
+    }
+  },
+  beforeDestroy() {
+    this.show && this.close();
+  },
+  methods: {
+    resolve() {
+      return n(this.component) ? this.component : l(this.component) ? this.component() : Promise.resolve(this.component);
+    },
+    close() {
+      this.show = !1;
+    },
+    closed() {
+      this.$emit("closed");
+    },
+    confirm() {
+      this.$refs.cpn && this.$refs.cpn.onConfirm ? this.$refs.cpn.onConfirm(this.close) : (this.showTips && this.$notify({
+        type: "warning",
+        title: "\u5F00\u53D1\u63D0\u793A",
+        message: "\u5982\u9700\u5904\u7406\u786E\u5B9A\u4E8B\u4EF6\uFF0C\u8BF7\u5728\u7EC4\u4EF6\u5185\u90E8\u6DFB\u52A0 onConfirm(done) \u65B9\u6CD5,\u5E76\u8C03\u7528 done \u65B9\u6CD5\u6765\u5173\u95ED\u5BF9\u8BDD\u6846\uFF01"
+      }), this.close());
+    }
+  }
+}, s = {};
+var p = /* @__PURE__ */ r(
+  f,
+  a,
+  c,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let o in s)
+    this[o] = s[o];
+}
+const m = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  m as default
+};