@web-utils/component 2.0.13 → 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}