@web-utils/component 2.0.14 → 2.2.0

package/vue-cron/style.css

@@ -0,0 +1 @@
+.vue-cron .language{z-index:1;position:absolute;right:25px}.vue-cron .el-tabs{box-shadow:none}.vue-cron .tabBody .el-row{margin:10px 0}.vue-cron .tabBody .el-row .long .el-select{width:350px}.vue-cron .tabBody .el-row .el-input-number{width:110px}.vue-cron .bottom{text-align:center;width:100%;margin-top:5px;position:relative}.vue-cron .bottom .value{vertical-align:middle;font-size:18px}

package/vue-qr-code/index.mjs

@@ -0,0 +1,83 @@
+var o = (t, e, s) => new Promise((u, r) => {
+  var c = (n) => {
+    try {
+      a(s.next(n));
+    } catch (i) {
+      r(i);
+    }
+  }, _ = (n) => {
+    try {
+      a(s.throw(n));
+    } catch (i) {
+      r(i);
+    }
+  }, a = (n) => n.done ? u(n.value) : Promise.resolve(n.value).then(c, _);
+  a((s = s.apply(t, e)).next());
+});
+import { drawToCanvas as p, genDataURL as d, genSVG as h } from "@web-utils/integrations/qrcode";
+import { n as f } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const m = {
+  name: "VueQrCode",
+  props: {
+    /**
+     * 二维码内容字符串
+     */
+    text: {
+      type: String,
+      default: "0"
+    },
+    /**
+     * 生成二维码配置选项
+     * {@link https://github.com/soldair/node-qrcode#qr-code-options}
+     */
+    options: Object,
+    /**
+     * 组件根元素标签
+     */
+    tag: {
+      type: String,
+      default: "canvas"
+    }
+  },
+  watch: {
+    $props: {
+      deep: !0,
+      immediate: !0,
+      handler: "generate"
+    }
+  },
+  methods: {
+    generate() {
+      return o(this, null, function* () {
+        yield this.$nextTick();
+        const { options: t, tag: e } = this;
+        e === "canvas" ? yield p(this.$el, this.text, t) : e === "img" ? this.$el.src = yield d(this.text, t) : this.$el.innerHTML = yield h(this.text, t);
+      });
+    }
+  },
+  render(t) {
+    return t(this.tag, this.$slots.default);
+  }
+};
+let g, v;
+const l = {};
+var x = /* @__PURE__ */ f(
+  m,
+  g,
+  v,
+  !1,
+  w,
+  null,
+  null,
+  null
+);
+function w(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const S = /* @__PURE__ */ function() {
+  return x.exports;
+}();
+export {
+  S as default
+};

package/vue-quill-editor/index.mjs

@@ -0,0 +1,117 @@
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+import s from "quill";
+import { n } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var o = function() {
+  var t = this, i = t.$createElement, e = t._self._c || i;
+  return e("div", {
+    staticClass: "vue-quill-editor"
+  }, [t._t("toolbar"), e("div", {
+    ref: "editor",
+    staticClass: "quill-editor"
+  })], 2);
+}, r = [];
+const u = {
+  theme: "snow",
+  boundary: document.body,
+  modules: {
+    toolbar: [
+      ["bold", "italic", "underline", "strike"],
+      ["blockquote", "code-block"],
+      [{ header: 1 }, { header: 2 }],
+      [{ list: "ordered" }, { list: "bullet" }],
+      [{ script: "sub" }, { script: "super" }],
+      [{ indent: "-1" }, { indent: "+1" }],
+      [{ direction: "rtl" }],
+      [{ size: ["small", !1, "large", "huge"] }],
+      [{ header: [1, 2, 3, 4, 5, 6, !1] }],
+      [{ color: [] }, { background: [] }],
+      [{ font: [] }],
+      [{ align: [] }],
+      ["clean"],
+      ["link", "image", "video"]
+    ]
+  },
+  placeholder: "Insert text here ...",
+  readOnly: !1
+}, a = {
+  name: "VueQuillEditor",
+  props: {
+    content: String,
+    value: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    options: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    },
+    globalOptions: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      innerOptions: {},
+      innerContent: "",
+      defaultOptions: u
+    };
+  },
+  watch: {
+    // Watch content change
+    content(t) {
+      this.quill && (t && t !== this.innerContent ? (this.innerContent = t, this.quill.pasteHTML(t)) : t || this.quill.setText(""));
+    },
+    // Watch content change
+    value(t) {
+      this.quill && (t && t !== this.innerContent ? (this.innerContent = t, this.quill.pasteHTML(t)) : t || this.quill.setText(""));
+    },
+    // Watch disabled change
+    disabled(t) {
+      this.quill && this.quill.enable(!t);
+    }
+  },
+  mounted() {
+    this.initialize();
+  },
+  beforeDestroy() {
+    this.quill = null, delete this.quill;
+  },
+  methods: {
+    // Init Quill instance
+    initialize() {
+      this.$el && (this.innerOptions = Object.assign({}, this.defaultOptions, this.globalOptions, this.options), this.quill = new s(this.$refs.editor, this.innerOptions), this.quill.enable(!1), (this.value || this.content) && this.quill.pasteHTML(this.value || this.content), this.disabled || this.quill.enable(!0), this.quill.on("selection-change", (t) => {
+        t ? this.$emit("focus", this.quill) : this.$emit("blur", this.quill);
+      }), this.quill.on("text-change", () => {
+        let t = this.$refs.editor.children[0].innerHTML;
+        const i = this.quill, e = this.quill.getText();
+        t === "<p><br></p>" && (t = ""), this.innerContent = t, this.$emit("input", this.innerContent), this.$emit("change", { html: t, text: e, quill: i });
+      }), this.$emit("ready", this.quill));
+    }
+  }
+}, l = {};
+var h = /* @__PURE__ */ n(
+  a,
+  o,
+  r,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(t) {
+  for (let i in l)
+    this[i] = l[i];
+}
+const b = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  b as default
+};

package/vue-quill-editor/style.css

@@ -0,0 +1 @@
+.vue-quill-editor .quill-editor{min-height:400px}

package/{dist/components/vue-tags-input/index.js → vue-tags-input/index.mjs}

@@ -1,4 +1,4 @@
-import { n as l } from "../../chunks/5d4282fb.js";
+import { n as l } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
 var h = function() {
   var e = this, s = e.$createElement, a = e._self._c || s;
   return a("div", {
@@ -283,9 +283,22 @@ const o = {
     this.tagsFromValue(), this.typeaheadAlwaysShow && this.searchTag(!1), this.$emit("initialized");
   },
   methods: {
+    /**
+     * Remove reserved regex characters from a string so that they don't
+     * affect search results
+     *
+     * @param string
+     * @returns String
+     */
     escapeRegExp(e) {
       return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     },
+    /**
+     * Add a tag whether from user input or from search results (typeahead)
+     *
+     * @param ignoreSearchResults
+     * @returns void
+     */
     tagFromInput(e = !1) {
       if (this.searchResults.length && this.searchSelection >= 0 && !e)
         this.tagFromSearch(this.searchResults[this.searchSelection]), this.input = "";
@@ -309,14 +322,34 @@ const o = {
         }
       }
     },
+    /**
+     * Add a tag from search results when a user clicks on it
+     *
+     * @param tag
+     * @returns void
+     */
     tagFromSearchOnClick(e) {
       this.tagFromSearch(e), this.$refs.taginput.blur();
     },
+    /**
+     * Add the selected tag from the search results.
+     * Clear search results.
+     * Clear user input.
+     *
+     * @param tag
+     * @return void
+     */
     tagFromSearch(e) {
       this.clearSearchResults(), this.addTag(e), this.$nextTick(() => {
         this.input = "", this.oldInput = "";
       });
     },
+    /**
+     * Add/Select a tag
+     *
+     * @param tag
+     * @returns void | Boolean
+     */
     addTag(e) {
       if (!this.beforeAddingTag(e))
         return !1;
@@ -326,9 +359,20 @@ const o = {
         this.$emit("tag-added", e), this.$emit("tags-updated");
       }));
     },
+    /**
+     * Remove the last tag in the tags array.
+     *
+     * @returns void
+     */
     removeLastTag() {
       !this.input.length && this.deleteOnBackspace && this.tags.length && this.removeTag(this.tags.length - 1);
     },
+    /**
+     * Remove the selected tag at the specified index.
+     *
+     * @param index
+     * @returns void
+     */
     removeTag(e) {
       const s = this.tags[e];
       if (!this.beforeRemovingTag(s))
@@ -337,6 +381,11 @@ const o = {
         this.$emit("tag-removed", s), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
       });
     },
+    /**
+     * Search the currently entered text in the list of existing tags
+     *
+     * @returns void | Boolean
+     */
     searchTag() {
       if (this.typeahead !== !0)
         return !1;
@@ -352,25 +401,55 @@ const o = {
         this.oldInput = this.input;
       }
     },
+    /**
+     * Hide the typeahead if there's nothing intered into the input field.
+     *
+     * @returns void
+     */
     hideTypeahead() {
       this.input.length || this.$nextTick(() => {
         this.clearSearchResults();
       });
     },
+    /**
+     * Select the next search result in typeahead.
+     *
+     * @returns void
+     */
     nextSearchResult() {
       this.searchSelection + 1 <= this.searchResults.length - 1 && this.searchSelection++;
     },
+    /**
+     * Select the previous search result in typeahead.
+     *
+     * @returns void
+     */
     prevSearchResult() {
       this.searchSelection > 0 && this.searchSelection--;
     },
+    /**
+     * Clear/Empty the search results.
+     *
+     * @reutrns void
+     */
     clearSearchResults() {
       this.searchResults = [], this.searchSelection = 0, this.typeaheadAlwaysShow && this.$nextTick(() => {
         this.searchTag();
       });
     },
+    /**
+     * Clear the list of selected tags.
+     *
+     * @returns void
+     */
     clearTags() {
       this.tags.splice(0, this.tags.length);
     },
+    /**
+     * Replace the currently selected tags with the tags from the value.
+     *
+     * @returns void
+     */
     tagsFromValue() {
       if (this.value && this.value.length) {
         if (!Array.isArray(this.value)) {
@@ -389,6 +468,12 @@ const o = {
         this.clearTags();
       }
     },
+    /**
+     * Check if a tag is already selected.
+     *
+     * @param tag
+     * @returns Boolean
+     */
     tagSelected(e) {
       if (this.allowDuplicates || !e)
         return !1;
@@ -400,18 +485,47 @@ const o = {
       }
       return !1;
     },
+    /**
+     * Clear the input.
+     *
+     * @returns void
+     */
     clearInput() {
       this.input = "";
     },
+    /**
+     * Process all the keyup events.
+     *
+     * @param e
+     * @returns void
+     */
     onKeyUp(e) {
       this.$emit("keyup", e);
     },
+    /**
+     * Process all the keydown events.
+     *
+     * @param e
+     * @returns void
+     */
     onKeyDown(e) {
       this.$emit("keydown", e);
     },
+    /**
+     * Process the onfocus event.
+     *
+     * @param e
+     * @returns void
+     */
     onFocus(e) {
       this.$emit("focus", e), this.searchTag();
     },
+    /**
+     * Process the onblur event.
+     *
+     * @param e
+     * @returns void
+     */
     onBlur(e) {
       this.$emit("blur", e), this.addTagsOnBlur && this.tagFromInput(!0), this.typeaheadAlwaysShow ? this.searchTag() : this.hideTypeahead();
     }

package/vue-tags-input/style.css

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