@web-utils/component 2.7.36 → 2.8.0

package/fy-u-editor/index.mjs

@@ -0,0 +1,409 @@
+var b = Object.defineProperty;
+var u = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var f = (t, e, r) => e in t ? b(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, h = (t, e) => {
+  for (var r in e || (e = {}))
+    m.call(e, r) && f(t, r, e[r]);
+  if (u)
+    for (var r of u(e))
+      y.call(e, r) && f(t, r, e[r]);
+  return t;
+};
+var g = (t, e) => {
+  var r = {};
+  for (var s in t)
+    m.call(t, s) && e.indexOf(s) < 0 && (r[s] = t[s]);
+  if (t != null && u)
+    for (var s of u(t))
+      e.indexOf(s) < 0 && y.call(t, s) && (r[s] = t[s]);
+  return r;
+};
+var p = (t, e, r) => new Promise((s, i) => {
+  var a = (o) => {
+    try {
+      c(r.next(o));
+    } catch (n) {
+      i(n);
+    }
+  }, l = (o) => {
+    try {
+      c(r.throw(o));
+    } catch (n) {
+      i(n);
+    }
+  }, c = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(a, l);
+  c((r = r.apply(t, e)).next());
+});
+import "@wangeditor/editor/dist/css/style.css";
+import { createEditor as v, createToolbar as _ } from "@wangeditor/editor";
+import { g as x } from "../chunks/util.17330567.mjs";
+import { n as F } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const A = (t) => {
+  const { region: e, endpoint: r, accessKeyId: s, accessKeySecret: i, bucket: a } = t;
+  return new window.OSS({ region: e, endpoint: r, accessKeyId: s, accessKeySecret: i, bucket: a });
+}, O = (t, e, r) => {
+  let { scope: s, deadline: i } = r;
+  var a = JSON.stringify({ scope: s, deadline: i }), l = K(w(a)), c = window.CryptoJS.HmacSHA1(l, e), o = c.toString(window.CryptoJS.enc.Base64), n = t + ":" + H(o) + ":" + l;
+  return n;
+};
+function w(t) {
+  var e, r, s, i;
+  for (e = "", s = t.length, r = 0; r < s; r++)
+    i = t.charCodeAt(r), i >= 1 && i <= 127 ? e += t.charAt(r) : i > 2047 ? (e += String.fromCharCode(224 | i >> 12 & 15), e += String.fromCharCode(128 | i >> 6 & 63), e += String.fromCharCode(128 | i >> 0 & 63)) : (e += String.fromCharCode(192 | i >> 6 & 31), e += String.fromCharCode(128 | i >> 0 & 63));
+  return e;
+}
+var d = "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(t) {
+  var e, r, s, i, a, l;
+  for (s = t.length, r = 0, e = ""; r < s; ) {
+    if (i = t.charCodeAt(r++) & 255, r == s) {
+      e += d.charAt(i >> 2), e += d.charAt((i & 3) << 4), e += "==";
+      break;
+    }
+    if (a = t.charCodeAt(r++), r == s) {
+      e += d.charAt(i >> 2), e += d.charAt((i & 3) << 4 | (a & 240) >> 4), e += d.charAt((a & 15) << 2), e += "=";
+      break;
+    }
+    l = t.charCodeAt(r++), e += d.charAt(i >> 2), e += d.charAt((i & 3) << 4 | (a & 240) >> 4), e += d.charAt((a & 15) << 2 | (l & 192) >> 6), e += d.charAt(l & 63);
+  }
+  return e;
+}
+var H = function(t) {
+  return t = t.replace(/\+/g, "-"), t = t.replace(/\//g, "_"), t;
+}, j = function() {
+  var t = this, e = t.$createElement, r = t._self._c || e;
+  return r("div", {
+    staticClass: "avue-ueditor"
+  }, [r("div", {
+    ref: "toolbar",
+    staticClass: "fy-editor-toolbar"
+  }), r("div", {
+    ref: "editor",
+    staticClass: "fy-editor"
+  })]);
+}, k = [];
+const E = {
+  name: "FyUEditor",
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    headers: {
+      type: Object,
+      default: () => ({})
+    },
+    customConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    toolbarConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    propsHttp: {
+      type: Object,
+      default: () => ({})
+    },
+    options: {
+      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(t) {
+      t ? this.editor.disable() : this.editor.enable();
+    },
+    value(t) {
+      t ? this.editor.setHtml(t) : this.editor.clear();
+    }
+  },
+  mounted() {
+    this.initEdit();
+  },
+  beforeDestroy() {
+    var t;
+    (t = this.editor) == null || t.destroy();
+  },
+  methods: {
+    initEdit() {
+      const t = "default", c = this.customConfig, { onFocus: e, onBlur: r, onChange: s } = c, i = g(c, ["onFocus", "onBlur", "onChange"]), a = h({
+        placeholder: this.placeholder,
+        readOnly: this.disabled,
+        MENU_CONF: {
+          uploadImage: {
+            customUpload: (o) => p(this, null, function* () {
+              const n = yield this.uploadFile(o);
+              this.editor.dangerouslyInsertHtml(n);
+            })
+          },
+          uploadVideo: {
+            customUpload: (o) => p(this, null, function* () {
+              const n = yield this.uploadFile(o);
+              this.editor.dangerouslyInsertHtml(n);
+            })
+          }
+        },
+        onFocus: () => {
+          this.$emit("focus", this.value);
+        },
+        onBlur: (o) => {
+          const n = o.getHtml();
+          this.$emit("blur", n);
+        },
+        onChange: (o) => {
+          const n = o.getHtml();
+          this.$emit("input", n);
+        }
+      }, i);
+      this.editor = Object.seal(v({
+        selector: this.$refs.editor,
+        config: a,
+        html: this.value,
+        mode: t
+      }));
+      const l = h({}, this.toolbarConfig);
+      this.toolbar = _({
+        editor: this.editor,
+        selector: this.$refs.toolbar,
+        config: l,
+        mode: t
+      });
+    },
+    uploadFile(t) {
+      return new Promise((e, r) => {
+        const s = Object.assign(this.headers, {
+          "Content-Type": "multipart/form-data"
+        });
+        let i = {}, a;
+        const l = new FormData();
+        let c = this.action;
+        if (l.append(this.fileName, t), Object.keys(this.data).forEach((o) => {
+          l.append(o, this.data[o]);
+        }), this.isQiniuOSS) {
+          i = this.qiniu;
+          const o = O(i.AK, i.SK, {
+            scope: i.scope,
+            deadline: new Date().getTime() + i.deadline * 3600
+          });
+          l.append("token", o), c = "http://up.qiniu.com/";
+        } else
+          this.isAliOSS && (i = this.ali, a = A({
+            region: i.region,
+            endpoint: i.endpoint,
+            accessKeyId: i.accessKeyId,
+            accessKeySecret: i.accessKeySecret,
+            bucket: i.bucket
+          }));
+        (() => this.isAliOSS ? a.put(t.name, t) : this.$axios.post(c, l, { headers: s }))().then((o) => {
+          let n;
+          this.isAliOSS ? n = o : this.isQiniuOSS ? (n = o.data, n.key = i.url + n.key) : typeof this.resKey == "function" ? n = this.resKey(o.data) : (n = x(o.data, this.resKey), n = n[this.urlKey]);
+          const S = this.homeUrl + n;
+          e(S);
+        }).catch((o) => {
+          r(o);
+        });
+      });
+    },
+    getUEContent() {
+      return this.editor.getHtml();
+    }
+  }
+}, C = {};
+var U = /* @__PURE__ */ F(
+  E,
+  j,
+  k,
+  !1,
+  I,
+  null,
+  null,
+  null
+);
+function I(t) {
+  for (let e in C)
+    this[e] = C[e];
+}
+const D = /* @__PURE__ */ function() {
+  return U.exports;
+}();
+export {
+  D 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}