@web-utils/component 2.0.14 → 2.2.0

package/fy-upload/index.mjs

@@ -0,0 +1,592 @@
+import { p as I, e as B } from "../chunks/event.NHA7rYFE.mjs";
+import { B as N, i as k, p as K } from "../chunks/util.C2Bhx22L.mjs";
+import { p as F } from "../chunks/packages.v6r2Hr7E.mjs";
+import { isBlank as b } from "@web-utils/core";
+import { n as L } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+let d, g;
+const w = {
+  width: 200,
+  height: 200
+}, n = {
+  text: "avueJS",
+  // 文字
+  fontFamily: "microsoft yahei",
+  // 字体
+  color: "#999",
+  // 颜色
+  fontSize: 16,
+  // 大小
+  opacity: 100,
+  // 透明度
+  bottom: 10,
+  // 下边位置
+  right: 10,
+  // 右边位置
+  ratio: 1
+  // 压缩比
+};
+function P(t, e) {
+  const i = new FileReader();
+  i.readAsDataURL(t), i.onload = function(o) {
+    e(o.target.result);
+  };
+}
+function D(t, e = {}, i) {
+  const { text: o, fontFamily: s, color: a, fontSize: r, opacity: p, bottom: S, right: f, ratio: x } = e;
+  _(), P(t, C);
+  function _() {
+    n.text = o || n.text, n.fontFamily = s || n.fontFamily, n.color = a || n.color, n.fontSize = r || n.fontSize, n.opacity = p || n.opacity, n.bottom = S || n.bottom, n.right = f || n.right, n.ratio = x || n.ratio;
+  }
+  function C(y) {
+    const u = new Image();
+    u.src = y, u.onload = function() {
+      const m = u.width, l = u.height;
+      c(m, l), g.drawImage(u, 0, 0, m, l), E(m, l);
+      const v = document.getElementById("canvas").toDataURL(t.type, n.ratio), O = N(v, t.name);
+      i && i(O);
+    };
+  }
+  function c(y, u) {
+    d = document.getElementById("canvas"), d === null && (d = document.createElement("canvas"), d.id = "canvas", d.className = "avue-canvas", document.body.appendChild(d)), g = d.getContext("2d"), d.width = y, d.height = u;
+  }
+  function E(y, u) {
+    const m = n.text, l = U(m, y, u);
+    g.font = `${l.fontSize}px ${n.fontFamily}`, g.fillStyle = n.color, g.globalAlpha = n.opacity / 100, g.fillText(m, l.x, l.y);
+  }
+  function U(y, u, m) {
+    let l, v;
+    const $ = n.fontSize / w.width * u;
+    n.bottom ? v = w.height - n.bottom : v = n.top, n.right ? l = w.width - n.right : l = n.left, g.font = `${n.fontSize}px ${n.fontFamily}`;
+    const j = Number(g.measureText(y).width);
+    l = l - j;
+    const z = l / w.width, R = v / w.height;
+    return l = z * u, v = R * m, {
+      x: l,
+      y: v,
+      fontSize: $
+    };
+  }
+}
+const M = (t, e, i) => {
+  const o = JSON.stringify(i);
+  window.__ENV__ === "development" && console && console.log("put_policy = ", o);
+  const s = V(q(o));
+  window.__ENV__ === "development" && console && console.log("encoded = ", s);
+  const r = window.CryptoJS.HmacSHA1(s, e).toString(window.CryptoJS.enc.Base64);
+  window.__ENV__ === "development" && console && console.log("encoded_signed=", r);
+  const p = `${t}:${J(r)}:${s}`;
+  return window.__ENV__ === "development" && console && console.log("upload_token=", p), p;
+};
+function q(t) {
+  let e, i, o;
+  e = "";
+  const s = t.length;
+  for (i = 0; i < s; i++)
+    o = t.charCodeAt(i), o >= 1 && o <= 127 ? e += t.charAt(i) : o > 2047 ? (e += String.fromCharCode(224 | o >> 12 & 15), e += String.fromCharCode(128 | o >> 6 & 63), e += String.fromCharCode(128 | o >> 0 & 63)) : (e += String.fromCharCode(192 | o >> 6 & 31), e += String.fromCharCode(128 | o >> 0 & 63));
+  return e;
+}
+const h = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
+function V(t) {
+  let e, i, o, s, a;
+  const r = t.length;
+  for (i = 0, e = ""; i < r; ) {
+    if (o = t.charCodeAt(i++) & 255, i === r) {
+      e += h.charAt(o >> 2), e += h.charAt((o & 3) << 4), e += "==";
+      break;
+    }
+    if (s = t.charCodeAt(i++), i === r) {
+      e += h.charAt(o >> 2), e += h.charAt((o & 3) << 4 | (s & 240) >> 4), e += h.charAt((s & 15) << 2), e += "=";
+      break;
+    }
+    a = t.charCodeAt(i++), e += h.charAt(o >> 2), e += h.charAt((o & 3) << 4 | (s & 240) >> 4), e += h.charAt((s & 15) << 2 | (a & 192) >> 6), e += h.charAt(a & 63);
+  }
+  return e;
+}
+const J = function(t) {
+  return t = t.replace(/\+/g, "-"), t = t.replace(/\//g, "_"), t;
+}, H = (t) => new window.OSS(t);
+var Q = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("div", {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading.lock",
+      value: t.loading,
+      expression: "loading",
+      modifiers: {
+        lock: !0
+      }
+    }],
+    staticClass: "avue-upload",
+    attrs: {
+      "element-loading-text": t.loadText
+    }
+  }, [i("ElUpload", {
+    key: t.reload,
+    class: {
+      "avue-upload--list": t.listType === "picture-img",
+      "avue-upload--upload": t.disabled
+    },
+    attrs: {
+      action: t.action,
+      "on-remove": t.handleRemove,
+      accept: t.acceptList,
+      "before-remove": t.beforeRemove,
+      multiple: t.multiple,
+      "on-preview": t.handlePreview,
+      limit: t.limit,
+      "http-request": t.httpUpload,
+      readonly: t.readonly,
+      drag: t.dragFile,
+      "show-file-list": t.isPictureImg ? !1 : t.showFileList,
+      "list-type": t.listType,
+      "on-change": t.handleFileChange,
+      "on-exceed": t.handleExceed,
+      disabled: t.disabled,
+      "file-list": t.fileList
+    },
+    nativeOn: {
+      click: function(o) {
+        return t.handleClick.apply(null, arguments);
+      }
+    },
+    scopedSlots: t._u([{
+      key: "tip",
+      fn: function() {
+        return [i("div", {
+          staticClass: "el-upload__tip",
+          domProps: {
+            innerHTML: t._s(t.tip)
+          }
+        })];
+      },
+      proxy: !0
+    }, {
+      key: "file",
+      fn: function(o) {
+        var s = o.file;
+        return [t.$scopedSlots.default ? t._t("default", null, {
+          file: s
+        }) : t.listType === "picture-card" ? i("span", [t.isMediaType(s.url) ? i(s.type, {
+          tag: "Component",
+          staticClass: "el-upload-list__item-thumbnail",
+          attrs: {
+            src: s.url
+          }
+        }) : i("i", {
+          staticClass: "avue-upload__avatar el-icon-document"
+        }), i("span", {
+          staticClass: "el-upload-list__item-actions"
+        }, [i("span", {
+          staticClass: "el-upload-list__item-preview"
+        }, [i("i", {
+          staticClass: "el-icon-zoom-in",
+          on: {
+            click: function(a) {
+              return a.stopPropagation(), t.handlePreview(s);
+            }
+          }
+        })]), i("span", {
+          staticClass: "el-upload-list__item-delete"
+        }, [t.disabled ? t._e() : i("i", {
+          staticClass: "el-icon-delete",
+          on: {
+            click: function(a) {
+              return a.stopPropagation(), t.handleRemove(s);
+            }
+          }
+        })])])], 1) : t.listType === "picture" ? i("span", {
+          on: {
+            click: function(a) {
+              return a.stopPropagation(), t.handlePreview(s);
+            }
+          }
+        }, [i(s.type, {
+          tag: "Component",
+          staticClass: "el-upload-list__item-thumbnail",
+          attrs: {
+            src: s.url
+          }
+        }), i("a", {
+          staticClass: "el-upload-list__item-name"
+        }, [i("i", {
+          staticClass: "el-icon-document"
+        }), t._v(" " + t._s(s.name) + " ")]), i("i", {
+          staticClass: "el-icon-close",
+          on: {
+            click: function(a) {
+              return a.stopPropagation(), t.handleRemove(s);
+            }
+          }
+        })], 1) : i("span", {
+          on: {
+            click: function(a) {
+              return a.stopPropagation(), t.handlePreview(s);
+            }
+          }
+        }, [i("a", {
+          staticClass: "el-upload-list__item-name"
+        }, [i("i", {
+          staticClass: "el-icon-document"
+        }), t._v(" " + t._s(s.name) + " ")]), t.disabled ? t._e() : i("i", {
+          staticClass: "el-icon-close",
+          on: {
+            click: function(a) {
+              return a.stopPropagation(), t.handleRemove(s);
+            }
+          }
+        })])];
+      }
+    }], null, !0)
+  }, [t.listType === "picture-card" ? [i("i", {
+    staticClass: "el-icon-plus"
+  })] : t.listType === "picture-img" ? [t.$scopedSlots.default ? t._t("default", null, {
+    file: {
+      url: t.imgUrl
+    }
+  }) : [t.isMediaType(t.imgUrl) ? i(t.isMediaType(t.imgUrl), {
+    tag: "Component",
+    staticClass: "avue-upload__avatar",
+    attrs: {
+      src: t.imgUrl
+    },
+    on: {
+      mouseover: function(o) {
+        t.menu = !0;
+      }
+    }
+  }) : t.imgUrl ? i("i", {
+    staticClass: "avue-upload__avatar el-icon-document",
+    on: {
+      mouseover: function(o) {
+        t.menu = !0;
+      }
+    }
+  }) : i("i", {
+    staticClass: "el-icon-plus avue-upload__avatar"
+  }), t.menu ? i("div", {
+    staticClass: "el-upload-list__item-actions avue-upload__menu",
+    on: {
+      mouseover: function(o) {
+        t.menu = !0;
+      },
+      mouseout: function(o) {
+        t.menu = !1;
+      },
+      click: function(o) {
+        o.stopPropagation();
+      }
+    }
+  }, [i("i", {
+    staticClass: "el-icon-zoom-in",
+    on: {
+      click: function(o) {
+        return o.stopPropagation(), t.handlePreview({
+          url: t.imgUrl
+        });
+      }
+    }
+  }), t.disabled ? t._e() : i("i", {
+    staticClass: "el-icon-delete",
+    on: {
+      click: function(o) {
+        return o.stopPropagation(), t.handleDelete(t.imgUrl);
+      }
+    }
+  })]) : t._e()]] : t.dragFile ? [i("i", {
+    staticClass: "el-icon-upload"
+  }), i("div", {
+    staticClass: "el-upload__text"
+  }, [i("em", [t._v(t._s(t.fileText || "上传"))])])] : [i("ElButton", {
+    attrs: {
+      icon: "el-icon-upload",
+      size: t.size,
+      type: "primary"
+    }
+  }, [t._v(" " + t._s(t.fileText || "上传") + " ")])]], 2)], 1);
+}, W = [];
+function A(t, e = "") {
+  return e.match(/(^http:\/\/|^https:\/\/|^\/\/|data:image\/)/) ? e : t + e;
+}
+const X = {
+  name: "FyUpload",
+  mixins: [I, B],
+  props: {
+    qiniu: Object,
+    ali: Object,
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    showFileList: {
+      type: Boolean,
+      default: !0
+    },
+    fileText: String,
+    fileType: {
+      type: String
+    },
+    oss: {
+      type: String
+    },
+    limit: {
+      type: Number
+    },
+    headers: {
+      type: Object,
+      default: () => ({})
+    },
+    accept: {
+      type: [String, Array],
+      default: ""
+    },
+    canvasOption: {
+      type: Object,
+      default: () => ({})
+    },
+    cropperOption: {
+      type: Object,
+      default: () => ({})
+    },
+    fileSize: {
+      type: Number
+    },
+    dragFile: {
+      type: Boolean,
+      default: !1
+    },
+    drag: {
+      type: Boolean,
+      default: !1
+    },
+    loadText: {
+      type: String,
+      default: "Loading..."
+    },
+    action: {
+      type: String,
+      default: ""
+    },
+    uploadBefore: Function,
+    uploadAfter: Function,
+    uploadDelete: Function,
+    uploadPreview: Function,
+    uploadError: Function,
+    uploadExceed: Function,
+    httpRequest: Function
+  },
+  data() {
+    return {
+      res: "",
+      loading: !1,
+      menu: !1,
+      reload: Math.random()
+    };
+  },
+  computed: {
+    isObject() {
+      return typeof this.text[0] == "object";
+    },
+    acceptList() {
+      return Array.isArray(this.accept) ? this.accept.join(",") : this.accept;
+    },
+    homeUrl() {
+      return this.propsHttp.home || "";
+    },
+    fileName() {
+      return this.propsHttp.fileName || "file";
+    },
+    isAliOss() {
+      return this.oss === "ali";
+    },
+    isQiniuOss() {
+      return this.oss === "qiniu";
+    },
+    isPictureImg() {
+      return this.listType === "picture-img";
+    },
+    // 单个头像图片
+    imgUrl() {
+      return b(this.text) ? null : A(this.homeUrl, this.text[0]);
+    },
+    fileList() {
+      const t = [];
+      return (this.text || []).forEach((e, i) => {
+        if (e) {
+          const o = this.isObject ? e[this.labelKey] : e.substring(e.lastIndexOf("/") + 1);
+          let s = this.isObject ? e[this.valueKey] : e;
+          s = A(this.homeUrl, s), t.push({
+            uid: `${i}`,
+            status: "done",
+            type: this.isMediaType(s),
+            name: o,
+            url: s
+          });
+        }
+      }), t;
+    }
+  },
+  mounted() {
+    this.drag && this.setSort();
+  },
+  methods: {
+    isMediaType(t) {
+      return k(t, this.fileType);
+    },
+    setSort() {
+      if (!window.Sortable) {
+        F.logs("Sortable");
+        return;
+      }
+      const t = this.$el.querySelectorAll(".avue-upload > ul")[0];
+      window.Sortable.create(t, {
+        animation: 100,
+        onEnd: (e) => {
+          const i = this.text.splice(e.oldIndex, 1)[0];
+          this.text.splice(e.newIndex, 0, i), this.reload = Math.random(), this.$nextTick(() => this.setSort());
+        }
+      });
+    },
+    handleSuccess(t) {
+      if (this.isPictureImg)
+        this.text.splice(0, 1, t[this.urlKey]);
+      else if (this.isObject) {
+        const e = {};
+        e[this.labelKey] = t[this.nameKey], e[this.valueKey] = t[this.urlKey], this.text.push(e);
+      } else
+        this.text.push(t[this.urlKey]);
+    },
+    handleRemove(t) {
+      this.beforeRemove(t).then(() => {
+        this.delete(t);
+      });
+    },
+    handleError(t) {
+      this.uploadError && this.uploadError(t, this.column);
+    },
+    delete(t) {
+      (this.text || []).forEach((e, i) => {
+        const o = this.isObject ? e[this.valueKey] : e;
+        A(this.homeUrl, o) === t.url && this.text.splice(i, 1);
+      });
+    },
+    show(t) {
+      this.loading = !1, this.res = t || this.res, this.handleSuccess(this.res);
+    },
+    hide(t) {
+      this.loading = !1, t && this.handleError(t);
+    },
+    handleFileChange(t, e) {
+      e.splice(e.length - 1, 1);
+    },
+    httpUpload(t) {
+      if (typeof this.httpRequest == "function") {
+        this.httpRequest(t);
+        return;
+      }
+      this.loading = !0;
+      let e = t.file;
+      const i = e.size / 1024;
+      if (!b(i) && i > this.fileSize) {
+        this.hide("文件太大不符合");
+        return;
+      }
+      const o = Object.assign(this.headers, { "Content-Type": "multipart/form-data" });
+      let s = {}, a = {};
+      const r = new FormData(), p = () => {
+        const f = (x) => {
+          let _ = this.action;
+          for (const c in this.data)
+            r.append(c, this.data[c]);
+          const C = x || e;
+          if (r.append(this.fileName, C), this.isQiniuOss) {
+            if (!window.CryptoJS) {
+              F.logs("CryptoJS"), this.hide();
+              return;
+            }
+            s = this.qiniu || this.$AVUE.qiniu;
+            const c = M(s.AK, s.SK, {
+              scope: s.scope,
+              deadline: (/* @__PURE__ */ new Date()).getTime() + s.deadline * 3600
+            });
+            r.append("token", c), _ = s.bucket;
+          } else if (this.isAliOss) {
+            if (!window.OSS) {
+              F.logs("AliOSS"), this.hide();
+              return;
+            }
+            s = this.ali || this.$AVUE.ali, a = H(s);
+          }
+          (() => this.isAliOss ? a.put(C.name, C, {
+            headers: this.headers
+          }) : this.$axios.post(_, r, { headers: o }))().then((c) => {
+            this.res = {}, this.isQiniuOss && (c.data.key = s.url + c.data.key), this.res = K(this.isAliOss ? c : c.data, this.resKey), typeof this.uploadAfter == "function" ? this.uploadAfter(this.res, this.show, this.hide, this.column) : this.show();
+          }).catch((c) => {
+            this.hide(c);
+          });
+        };
+        typeof this.uploadBefore == "function" ? this.uploadBefore(e, f, this.hide, this.column) : f();
+      };
+      if (k(e.name) !== "img") {
+        p();
+        return;
+      }
+      const S = () => {
+        b(this.canvasOption) ? p() : D(e, this.canvasOption, (f) => {
+          e = f, p();
+        });
+      };
+      b(this.cropperOption) ? S() : P(e, (f) => {
+        const x = Object.assign(this.cropperOption, {
+          img: f,
+          type: "file",
+          callback: (_) => {
+            e = _, S();
+          },
+          cancel: () => {
+            this.loading = !1;
+          }
+        });
+        this.$ImageCropper(x);
+      });
+    },
+    handleExceed(t, e) {
+      this.uploadExceed && this.uploadExceed(this.limit, t, e, this.column);
+    },
+    handlePreview(t) {
+      const e = () => {
+        const i = this.fileList.findIndex((o) => o.url === t.url);
+        this.$ImagePreview(this.fileList, i);
+      };
+      typeof this.uploadPreview == "function" ? this.uploadPreview(t, this.column, e) : e();
+    },
+    handleDelete(t) {
+      this.beforeRemove(t).then(() => {
+        this.text = [], this.menu = !1;
+      });
+    },
+    beforeRemove(t) {
+      return typeof this.uploadDelete == "function" ? this.uploadDelete(t, this.column) : Promise.resolve();
+    }
+  }
+}, T = {};
+var Y = /* @__PURE__ */ L(
+  X,
+  Q,
+  W,
+  !1,
+  G,
+  null,
+  null,
+  null
+);
+function G(t) {
+  for (let e in T)
+    this[e] = T[e];
+}
+const st = /* @__PURE__ */ function() {
+  return Y.exports;
+}();
+export {
+  st as default
+};

package/fy-upload/style.css

@@ -0,0 +1 @@
+.avue-upload--upload .el-upload,.avue-upload--upload .el-upload__tip{display:none}.avue-upload--upload .el-upload--picture-img{display:inline-block}.avue-upload--upload .el-upload-list{margin-top:-6px}.avue-upload--list .el-upload{cursor:pointer;background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;position:relative;overflow:hidden}.avue-upload--list .el-upload:hover{border-color:#409eff}.avue-upload__dialog .el-dialog__header{display:none}.avue-upload__dialog .el-dialog__body{justify-content:center;padding:10px;display:flex}.avue-upload__menu{z-index:1024;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.avue-upload__menu i{color:#fff;margin:0 8px;font-size:20px}.avue-upload__avatar{color:#8c939d;text-align:center;width:148px;height:148px;font-size:28px;line-height:148px;display:block}

package/{dist/components/guide-steps/index.js → guide-steps/index.mjs}

@@ -1,4 +1,4 @@
-import { n as i } from "../../chunks/5d4282fb.js";
+import { n as i } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
 var n = function() {
   var t = this, e = t.$createElement, a = t._self._c || e;
   return a("ElSteps", {
@@ -6,21 +6,21 @@ var n = function() {
     attrs: {
       "align-center": ""
     }
-  }, t._l(t.steps, function(r, s) {
+  }, t._l(t.steps, function(s, r) {
     return a("ElStep", {
-      key: r.label,
+      key: s.label,
       class: [{
-        "current important": t.value === s,
-        disabled: !t.available(s),
-        available: !t.ready[s] && t.available(s)
+        "current important": t.value === r,
+        disabled: !t.available(r),
+        available: !t.ready[r] && t.available(r)
       }],
       attrs: {
-        status: t.ready[s] ? "success" : "",
-        title: r.label
+        status: t.ready[r] ? "success" : "",
+        title: s.label
       },
       nativeOn: {
-        click: function(_) {
-          return t.activeStep(s);
+        click: function(f) {
+          return t.activeStep(r);
         }
       }
     });
@@ -86,9 +86,9 @@ function p(t) {
   for (let e in l)
     this[e] = l[e];
 }
-const f = /* @__PURE__ */ function() {
+const _ = /* @__PURE__ */ function() {
   return o.exports;
 }();
 export {
-  f as default
+  _ as default
 };

package/{dist/components/guide-steps → guide-steps}/style.css

@@ -1 +1 @@
-.guide-steps{margin-top:20px;margin-bottom:20px}.guide-steps .el-step .el-step__line-inner{width:100%!important;border-width:1px!important}.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text{color:#f55634!important;border-color:#f55634!important}.guide-steps .el-step.current.important .el-step__title{color:#f55634!important}.guide-steps .el-step.available .el-step__head .el-step__icon.is-text{color:#eab006!important;border-color:#eab006!important}.guide-steps .el-step.available .el-step__title{color:#eab006!important}.guide-steps .el-step .el-step__icon.is-text{cursor:pointer}.guide-steps .el-step.disabled .el-step__icon.is-text{cursor:not-allowed}
+.guide-steps{margin-top:20px;margin-bottom:20px}.guide-steps .el-step .el-step__line-inner{border-width:1px!important;width:100%!important}.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text{color:#f55634!important;border-color:#f55634!important}.guide-steps .el-step.current.important .el-step__title{color:#f55634!important}.guide-steps .el-step.available .el-step__head .el-step__icon.is-text{color:#eab006!important;border-color:#eab006!important}.guide-steps .el-step.available .el-step__title{color:#eab006!important}.guide-steps .el-step .el-step__icon.is-text{cursor:pointer}.guide-steps .el-step.disabled .el-step__icon.is-text{cursor:not-allowed}