@web-utils/component 2.7.19 → 2.7.21

package/dist/components/fy-u-editor/index.js

@@ -1,22 +1,22 @@
 import "@wangeditor/editor/dist/css/style.css";
-import { createEditor as p, createToolbar as f } from "@wangeditor/editor";
-import { i as m } from "../../chunks/util.23fe58fb.js";
-import { n as y } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const g = (t) => {
-  const { region: r, endpoint: i, accessKeyId: s, accessKeySecret: e, bucket: n } = t;
-  return new window.OSS({ region: r, endpoint: i, accessKeyId: s, accessKeySecret: e, bucket: n });
-}, C = (t, r, i) => {
-  let { scope: s, deadline: e } = i;
-  var n = JSON.stringify({ scope: s, deadline: e }), a = b(S(n)), l = window.CryptoJS.HmacSHA1(a, r), o = l.toString(window.CryptoJS.enc.Base64), c = t + ":" + v(o) + ":" + a;
-  return c;
+import { createEditor, createToolbar } from "@wangeditor/editor";
+import { g as getAsVal } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const getClient = (params) => {
+  const { region, endpoint, accessKeyId, accessKeySecret, bucket } = params;
+  return new window.OSS({ region, endpoint, accessKeyId, accessKeySecret, bucket });
+}, getToken = (accessKey, secretKey, putPolicy) => {
+  let { scope, deadline } = putPolicy;
+  var put_policy = JSON.stringify({ scope, deadline }), encoded = base64encode(utf16to8(put_policy)), hash = window.CryptoJS.HmacSHA1(encoded, secretKey), encoded_signed = hash.toString(window.CryptoJS.enc.Base64), upload_token = accessKey + ":" + safe64(encoded_signed) + ":" + encoded;
+  return upload_token;
 };
-function S(t) {
-  var r, i, s, e;
-  for (r = "", s = t.length, i = 0; i < s; i++)
-    e = t.charCodeAt(i), e >= 1 && e <= 127 ? r += t.charAt(i) : e > 2047 ? (r += String.fromCharCode(224 | e >> 12 & 15), r += String.fromCharCode(128 | e >> 6 & 63), r += String.fromCharCode(128 | e >> 0 & 63)) : (r += String.fromCharCode(192 | e >> 6 & 31), r += String.fromCharCode(128 | e >> 0 & 63));
-  return r;
+function utf16to8(str) {
+  var out, i, len, c;
+  for (out = "", len = str.length, i = 0; i < len; i++)
+    c = str.charCodeAt(i), c >= 1 && c <= 127 ? out += str.charAt(i) : c > 2047 ? (out += String.fromCharCode(224 | c >> 12 & 15), out += String.fromCharCode(128 | c >> 6 & 63), out += String.fromCharCode(128 | c >> 0 & 63)) : (out += String.fromCharCode(192 | c >> 6 & 31), out += String.fromCharCode(128 | c >> 0 & 63));
+  return out;
 }
-var d = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
 new Array(
   -1,
   -1,
@@ -147,36 +147,36 @@ new Array(
   -1,
   -1
 );
-function b(t) {
-  var r, i, s, e, n, a;
-  for (s = t.length, i = 0, r = ""; i < s; ) {
-    if (e = t.charCodeAt(i++) & 255, i == s) {
-      r += d.charAt(e >> 2), r += d.charAt((e & 3) << 4), r += "==";
+function base64encode(str) {
+  var out, i, len, c1, c2, c3;
+  for (len = str.length, i = 0, out = ""; i < len; ) {
+    if (c1 = str.charCodeAt(i++) & 255, i == len) {
+      out += base64EncodeChars.charAt(c1 >> 2), out += base64EncodeChars.charAt((c1 & 3) << 4), out += "==";
       break;
     }
-    if (n = t.charCodeAt(i++), i == s) {
-      r += d.charAt(e >> 2), r += d.charAt((e & 3) << 4 | (n & 240) >> 4), r += d.charAt((n & 15) << 2), r += "=";
+    if (c2 = str.charCodeAt(i++), i == len) {
+      out += base64EncodeChars.charAt(c1 >> 2), out += base64EncodeChars.charAt((c1 & 3) << 4 | (c2 & 240) >> 4), out += base64EncodeChars.charAt((c2 & 15) << 2), out += "=";
       break;
     }
-    a = t.charCodeAt(i++), r += d.charAt(e >> 2), r += d.charAt((e & 3) << 4 | (n & 240) >> 4), r += d.charAt((n & 15) << 2 | (a & 192) >> 6), r += d.charAt(a & 63);
+    c3 = str.charCodeAt(i++), out += base64EncodeChars.charAt(c1 >> 2), out += base64EncodeChars.charAt((c1 & 3) << 4 | (c2 & 240) >> 4), out += base64EncodeChars.charAt((c2 & 15) << 2 | (c3 & 192) >> 6), out += base64EncodeChars.charAt(c3 & 63);
   }
-  return r;
+  return out;
 }
-var v = function(t) {
-  return t = t.replace(/\+/g, "-"), t = t.replace(/\//g, "_"), t;
-}, _ = function() {
-  var t = this, r = t.$createElement, i = t._self._c || r;
-  return i("div", {
+var safe64 = function(base64) {
+  return base64 = base64.replace(/\+/g, "-"), base64 = base64.replace(/\//g, "_"), base64;
+}, render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-ueditor"
-  }, [i("div", {
+  }, [_c("div", {
     ref: "toolbar",
     staticClass: "fy-editor-toolbar"
-  }), i("div", {
+  }), _c("div", {
     ref: "editor",
     staticClass: "fy-editor"
   })]);
-}, x = [];
-const F = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "FyUEditor",
   props: {
     data: {
@@ -252,100 +252,100 @@ const F = {
     }
   },
   watch: {
-    disabled(t) {
-      t ? this.editor.disable() : this.editor.enable();
+    disabled(val) {
+      val ? this.editor.disable() : this.editor.enable();
     },
-    value(t) {
-      t ? this.editor.setHtml(t) : this.editor.clear();
+    value(newVal) {
+      newVal ? this.editor.setHtml(newVal) : this.editor.clear();
     }
   },
   mounted() {
     this.initEdit();
   },
   beforeDestroy() {
-    var t;
-    (t = this.editor) == null || t.destroy();
+    var _a;
+    (_a = this.editor) == null || _a.destroy();
   },
   methods: {
     initEdit() {
-      const t = "default", { onFocus: r, onBlur: i, onChange: s, ...e } = this.customConfig, n = {
+      const mode = "default", { onFocus, onBlur, onChange, ...rest } = this.customConfig, editorConfig = {
         placeholder: this.placeholder,
         readOnly: this.disabled,
         MENU_CONF: {
           uploadImage: {
-            customUpload: async (l) => {
-              const o = await this.uploadFile(l);
-              this.editor.dangerouslyInsertHtml(o);
+            customUpload: async (file) => {
+              const res = await this.uploadFile(file);
+              this.editor.dangerouslyInsertHtml(res);
             }
           },
           uploadVideo: {
-            customUpload: async (l) => {
-              const o = await this.uploadFile(l);
-              this.editor.dangerouslyInsertHtml(o);
+            customUpload: async (file) => {
+              const res = await this.uploadFile(file);
+              this.editor.dangerouslyInsertHtml(res);
             }
           }
         },
         onFocus: () => {
           this.$emit("focus", this.value);
         },
-        onBlur: (l) => {
-          const o = l.getHtml();
-          this.$emit("blur", o);
+        onBlur: (editor) => {
+          const html = editor.getHtml();
+          this.$emit("blur", html);
         },
-        onChange: (l) => {
-          const o = l.getHtml();
-          this.$emit("input", o);
+        onChange: (editor) => {
+          const html = editor.getHtml();
+          this.$emit("input", html);
         },
-        ...e
+        ...rest
       };
-      this.editor = Object.seal(p({
+      this.editor = Object.seal(createEditor({
         selector: this.$refs.editor,
-        config: n,
+        config: editorConfig,
         html: this.value,
-        mode: t
+        mode
       }));
-      const a = {
+      const toolbarConfig = {
         ...this.toolbarConfig
       };
-      this.toolbar = f({
+      this.toolbar = createToolbar({
         editor: this.editor,
         selector: this.$refs.toolbar,
-        config: a,
-        mode: t
+        config: toolbarConfig,
+        mode
       });
     },
-    uploadFile(t) {
-      return new Promise((r, i) => {
-        const s = Object.assign(this.headers, {
+    uploadFile(file) {
+      return new Promise((resolve, reject) => {
+        const headers = Object.assign(this.headers, {
           "Content-Type": "multipart/form-data"
         });
-        let e = {}, n;
-        const a = new FormData();
-        let l = this.action;
-        if (a.append(this.fileName, t), Object.keys(this.data).forEach((o) => {
-          a.append(o, this.data[o]);
+        let ossConfig = {}, client;
+        const param = new FormData();
+        let url = this.action;
+        if (param.append(this.fileName, file), Object.keys(this.data).forEach((ele) => {
+          param.append(ele, this.data[ele]);
         }), this.isQiniuOSS) {
-          e = this.qiniu;
-          const o = C(e.AK, e.SK, {
-            scope: e.scope,
-            deadline: new Date().getTime() + e.deadline * 3600
+          ossConfig = this.qiniu;
+          const token = getToken(ossConfig.AK, ossConfig.SK, {
+            scope: ossConfig.scope,
+            deadline: new Date().getTime() + ossConfig.deadline * 3600
           });
-          a.append("token", o), l = "http://up.qiniu.com/";
+          param.append("token", token), url = "http://up.qiniu.com/";
         } else
-          this.isAliOSS && (e = this.ali, n = g({
-            region: e.region,
-            endpoint: e.endpoint,
-            accessKeyId: e.accessKeyId,
-            accessKeySecret: e.accessKeySecret,
-            bucket: e.bucket
+          this.isAliOSS && (ossConfig = this.ali, client = getClient({
+            region: ossConfig.region,
+            endpoint: ossConfig.endpoint,
+            accessKeyId: ossConfig.accessKeyId,
+            accessKeySecret: ossConfig.accessKeySecret,
+            bucket: ossConfig.bucket
           }));
-        (() => this.isAliOSS ? n.put(t.name, t) : this.$axios.post(l, a, { headers: s }))().then((o) => {
-          let c;
-          this.isAliOSS ? c = o : this.isQiniuOSS ? (c = o.data, c.key = e.url + c.key) : typeof this.resKey == "function" ? c = this.resKey(o.data) : (c = m(o.data, this.resKey), c = c[this.urlKey]);
-          const h = this.homeUrl + c;
-          r(h);
-        }).catch((o) => {
-          i(o);
+        (() => this.isAliOSS ? client.put(file.name, file) : this.$axios.post(url, param, { headers }))().then((res) => {
+          let list;
+          this.isAliOSS ? list = res : this.isQiniuOSS ? (list = res.data, list.key = ossConfig.url + list.key) : typeof this.resKey == "function" ? list = this.resKey(res.data) : (list = getAsVal(res.data, this.resKey), list = list[this.urlKey]);
+          const html = this.homeUrl + list;
+          resolve(html);
+        }).catch((err) => {
+          reject(err);
         });
       });
     },
@@ -353,24 +353,24 @@ const F = {
       return this.editor.getHtml();
     }
   }
-}, u = {};
-var A = /* @__PURE__ */ y(
-  F,
-  _,
-  x,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  O,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function O(t) {
-  for (let r in u)
-    this[r] = u[r];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const k = /* @__PURE__ */ function() {
-  return A.exports;
+const FyUEditor = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  k as default
+  FyUEditor as default
 };

package/dist/components/fy-u-editor/style.css

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