@web-utils/component 2.0.13 → 2.2.0

package/fy-u-editor/index.mjs

@@ -0,0 +1,398 @@
+var C = Object.defineProperty, S = Object.defineProperties;
+var b = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
+var f = (e, t, r) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, u = (e, t) => {
+  for (var r in t || (t = {}))
+    v.call(t, r) && f(e, r, t[r]);
+  if (p)
+    for (var r of p(t))
+      x.call(t, r) && f(e, r, t[r]);
+  return e;
+}, m = (e, t) => S(e, b(t));
+var h = (e, t, r) => new Promise((o, i) => {
+  var a = (s) => {
+    try {
+      d(r.next(s));
+    } catch (n) {
+      i(n);
+    }
+  }, l = (s) => {
+    try {
+      d(r.throw(s));
+    } catch (n) {
+      i(n);
+    }
+  }, d = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(a, l);
+  d((r = r.apply(e, t)).next());
+});
+import "@wangeditor/editor/dist/css/style.css";
+import { createEditor as A, createToolbar as F } from "@wangeditor/editor";
+import { p as _ } from "../chunks/util.C2Bhx22L.mjs";
+import { n as O } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const w = (e) => {
+  const { region: t, endpoint: r, accessKeyId: o, accessKeySecret: i, bucket: a } = e;
+  return new window.OSS({ region: t, endpoint: r, accessKeyId: o, accessKeySecret: i, bucket: a });
+}, K = (e, t, r) => {
+  let { scope: o, deadline: i } = r;
+  var a = JSON.stringify({ scope: o, deadline: i }), l = k(H(a)), d = window.CryptoJS.HmacSHA1(l, t), s = d.toString(window.CryptoJS.enc.Base64), n = e + ":" + j(s) + ":" + l;
+  return n;
+};
+function H(e) {
+  var t, r, o, i;
+  for (t = "", o = e.length, r = 0; r < o; r++)
+    i = e.charCodeAt(r), i >= 1 && i <= 127 ? t += e.charAt(r) : i > 2047 ? (t += String.fromCharCode(224 | i >> 12 & 15), t += String.fromCharCode(128 | i >> 6 & 63), t += String.fromCharCode(128 | i >> 0 & 63)) : (t += String.fromCharCode(192 | i >> 6 & 31), t += String.fromCharCode(128 | i >> 0 & 63));
+  return t;
+}
+var c = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+new Array(
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  62,
+  -1,
+  -1,
+  -1,
+  63,
+  52,
+  53,
+  54,
+  55,
+  56,
+  57,
+  58,
+  59,
+  60,
+  61,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  0,
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  7,
+  8,
+  9,
+  10,
+  11,
+  12,
+  13,
+  14,
+  15,
+  16,
+  17,
+  18,
+  19,
+  20,
+  21,
+  22,
+  23,
+  24,
+  25,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1,
+  26,
+  27,
+  28,
+  29,
+  30,
+  31,
+  32,
+  33,
+  34,
+  35,
+  36,
+  37,
+  38,
+  39,
+  40,
+  41,
+  42,
+  43,
+  44,
+  45,
+  46,
+  47,
+  48,
+  49,
+  50,
+  51,
+  -1,
+  -1,
+  -1,
+  -1,
+  -1
+);
+function k(e) {
+  var t, r, o, i, a, l;
+  for (o = e.length, r = 0, t = ""; r < o; ) {
+    if (i = e.charCodeAt(r++) & 255, r == o) {
+      t += c.charAt(i >> 2), t += c.charAt((i & 3) << 4), t += "==";
+      break;
+    }
+    if (a = e.charCodeAt(r++), r == o) {
+      t += c.charAt(i >> 2), t += c.charAt((i & 3) << 4 | (a & 240) >> 4), t += c.charAt((a & 15) << 2), t += "=";
+      break;
+    }
+    l = e.charCodeAt(r++), t += c.charAt(i >> 2), t += c.charAt((i & 3) << 4 | (a & 240) >> 4), t += c.charAt((a & 15) << 2 | (l & 192) >> 6), t += c.charAt(l & 63);
+  }
+  return t;
+}
+var j = function(e) {
+  return e = e.replace(/\+/g, "-"), e = e.replace(/\//g, "_"), e;
+}, E = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
+    staticClass: "avue-ueditor"
+  }, [r("div", {
+    ref: "toolbar",
+    staticClass: "fy-editor-toolbar"
+  }), r("div", {
+    ref: "editor",
+    staticClass: "fy-editor"
+  })]);
+}, U = [];
+const I = {
+  name: "FyUEditor",
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    headers: {
+      type: Object,
+      default: () => ({})
+    },
+    customConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    toolbarConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    propsHttp: {
+      type: Object,
+      default: () => ({})
+    },
+    ali: {
+      type: Object,
+      default: () => ({})
+    },
+    qiniu: {
+      type: Object,
+      default: () => ({})
+    },
+    oss: String,
+    action: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    value: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      editor: null
+    };
+  },
+  computed: {
+    fileName() {
+      return this.propsHttp.fileName || "file";
+    },
+    homeUrl() {
+      return this.propsHttp.home || "";
+    },
+    resKey() {
+      return this.propsHttp.res;
+    },
+    urlKey() {
+      return this.propsHttp.url || "url";
+    },
+    isQiniuOSS() {
+      return this.oss === "qiniu";
+    },
+    isAliOSS() {
+      return this.oss === "ali";
+    }
+  },
+  watch: {
+    disabled(e) {
+      e ? this.editor.disable() : this.editor.enable();
+    },
+    value(e) {
+      e ? this.editor.setHtml(e) : this.editor.clear();
+    }
+  },
+  mounted() {
+    this.initEdit();
+  },
+  beforeDestroy() {
+    var e;
+    (e = this.editor) == null || e.destroy();
+  },
+  methods: {
+    initEdit() {
+      const e = "default", t = m(u({
+        placeholder: this.placeholder,
+        readOnly: this.disabled,
+        MENU_CONF: {
+          uploadImage: {
+            customUpload: (o) => h(this, null, function* () {
+              const i = yield this.uploadFile(o);
+              this.editor.dangerouslyInsertHtml(i);
+            })
+          },
+          uploadVideo: {
+            customUpload: (o) => h(this, null, function* () {
+              const i = yield this.uploadFile(o);
+              this.editor.dangerouslyInsertHtml(i);
+            })
+          }
+        }
+      }, this.customConfig), {
+        onFocus: () => {
+          this.$emit("focus", this.value);
+        },
+        onBlur: (o) => {
+          const i = o.getHtml();
+          this.$emit("blur", i);
+        },
+        onChange: (o) => {
+          const i = o.getHtml();
+          this.$emit("input", i);
+        }
+      });
+      this.editor = Object.seal(A({
+        selector: this.$refs.editor,
+        config: t,
+        html: this.value,
+        mode: e
+      }));
+      const r = u({}, this.toolbarConfig);
+      this.toolbar = F({
+        editor: this.editor,
+        selector: this.$refs.toolbar,
+        config: r,
+        mode: e
+      });
+    },
+    uploadFile(e) {
+      return new Promise((t, r) => {
+        const o = Object.assign(this.headers, {
+          "Content-Type": "multipart/form-data"
+        });
+        let i = {}, a;
+        const l = new FormData();
+        let d = this.action;
+        if (l.append(this.fileName, e), Object.keys(this.data).forEach((s) => {
+          l.append(s, this.data[s]);
+        }), this.isQiniuOSS) {
+          i = this.qiniu;
+          const s = K(i.AK, i.SK, {
+            scope: i.scope,
+            deadline: (/* @__PURE__ */ new Date()).getTime() + i.deadline * 3600
+          });
+          l.append("token", s), d = "http://up.qiniu.com/";
+        } else
+          this.isAliOSS && (i = this.ali, a = w({
+            region: i.region,
+            endpoint: i.endpoint,
+            accessKeyId: i.accessKeyId,
+            accessKeySecret: i.accessKeySecret,
+            bucket: i.bucket
+          }));
+        (() => this.isAliOSS ? a.put(e.name, e) : this.$axios.post(d, l, { headers: o }))().then((s) => {
+          let n;
+          this.isAliOSS ? n = s : this.isQiniuOSS ? (n = s.data, n.key = i.url + n.key) : typeof this.resKey == "function" ? n = this.resKey(s.data) : (n = _(s.data, this.resKey), n = n[this.urlKey]);
+          const g = this.homeUrl + n;
+          t(g);
+        }).catch((s) => {
+          r(s);
+        });
+      });
+    },
+    getUEContent() {
+      return this.editor.getHtml();
+    }
+  }
+}, y = {};
+var N = /* @__PURE__ */ O(
+  I,
+  E,
+  U,
+  !1,
+  $,
+  null,
+  null,
+  null
+);
+function $(e) {
+  for (let t in y)
+    this[t] = y[t];
+}
+const Q = /* @__PURE__ */ function() {
+  return N.exports;
+}();
+export {
+  Q as default
+};

package/fy-u-editor/style.css

@@ -0,0 +1 @@
+.avue-ueditor{border:1px solid #ccc}.avue-ueditor .fy-editor-toolbar{border-bottom:1px solid #ccc}.avue-ueditor .fy-editor{height:300px}