@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/es/imageCrop/component.vue.mjs

@@ -0,0 +1,359 @@
+import { defineComponent as ae, useSlots as se, ref as g, watch as le, onBeforeUnmount as re, createBlock as ne, openBlock as h, unref as s, withCtx as n, createVNode as l, createElementVNode as y, createElementBlock as _, createCommentVNode as T, normalizeClass as F, Fragment as Z, renderList as q, toDisplayString as E, withDirectives as ie, createTextVNode as x, vShow as ce } from "vue";
+import { Modal as pe, Spin as ue, Tooltip as w, Button as b, Space as de } from "@arco-design/web-vue";
+import { IconZoomIn as fe, IconZoomOut as me, IconRotateLeft as ve, IconRotateRight as ge, IconSync as he } from "@arco-design/web-vue/es/icon";
+import be from "cropperjs";
+import ye from "colorthief";
+import { GifToCanvas as _e } from "gif-to-canvas";
+import we from "../_virtual/gif.mjs";
+import { uploadByTUS as Ce } from "../utils/tusUpload.mjs";
+import { DEFAULT_BASE_API as Re, DEFAULT_UPLOAD_URL as Ae } from "../config.mjs";
+import { replaceSuffix as ke } from "../utils/index.mjs";
+import { getFileRealUrl as Ie } from "./script/api.mjs";
+import { useGenerateAssets as Be } from "../hooks/assets.mjs";
+const Pe = { class: "edit-cropper" }, Le = ["src"], Ue = {
+  key: 0,
+  class: "tool"
+}, De = ["onClick"], Se = {
+  key: 1,
+  class: "tool"
+}, $e = ["onClick"], Te = { class: "image-crop-modal-footer" }, Fe = { class: "left" }, Ee = { class: "right" }, We = /* @__PURE__ */ ae({
+  name: "imageCrop",
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean, default: !1 },
+    aspectRatioProp: {},
+    corpData: { default: () => [] },
+    userInfo: {},
+    generateAssets: { type: Boolean, default: !1 }
+  },
+  emits: ["update:visible", "confirm"],
+  setup(G, { expose: M, emit: W }) {
+    const i = G, B = W;
+    se(), M();
+    const C = i.BASE_API || Re, R = g(!1), P = g(""), z = (e) => {
+      B("update:visible", e);
+    }, L = () => {
+      z(!1);
+    }, A = g(!0), O = [
+      { label: "自由", value: null },
+      { label: "1:1", value: 1 / 1 },
+      { label: "4:3", value: 4 / 3 },
+      { label: "3:4", value: 3 / 4 },
+      { label: "16:9", value: 16 / 9 },
+      { label: "9:16", value: 9 / 16 }
+    ], U = g([]), D = g(null), p = g(null), d = g(0), m = g([]), X = () => {
+      const e = document.getElementById("cropper_img"), t = document.querySelector(".edit-cropper");
+      e.classList.remove("position"), e && t && (t.style.width = `${e.offsetWidth}px`, t.style.height = `${e.offsetHeight}px`);
+    }, N = (e) => {
+      window.URL = window.URL || window.webkitURL;
+      const t = new XMLHttpRequest(), o = e.includes("?") ? "&" : "?";
+      t.open("get", `${e}${o}_t=${(/* @__PURE__ */ new Date()).getTime()}`, !0), t.responseType = "blob", t.send(), t.onload = () => {
+        if (t.status === 200) {
+          const a = t.response, r = new FileReader();
+          r.onloadend = (u) => {
+            const f = u.target.result;
+            P.value = f, setTimeout(() => {
+              i.aspectRatioProp && (Array.isArray(i.aspectRatioProp) ? k(i.aspectRatioProp[0], 0) : k(i.aspectRatioProp, null));
+            }, 300);
+          }, r.onerror = (u) => {
+          }, r.readAsDataURL(a);
+        }
+      };
+    }, k = (e, t) => {
+      const o = document.getElementById("cropper_img");
+      D.value = t, I(), p.value = new be(o, {
+        crop() {
+          A.value = !1;
+        },
+        initialAspectRatio: e,
+        aspectRatio: e,
+        touchDragZoom: !1,
+        autoCropArea: 1,
+        rotatable: !0,
+        strict: !1,
+        guides: !1
+      });
+    }, j = (e) => {
+      p.value.zoom(e);
+    }, V = (e) => {
+      p.value.rotate(e);
+    }, K = () => {
+      p.value.reset();
+    }, I = () => {
+      p.value && p.value.destroy();
+    }, Q = (e) => {
+      const t = e.split(","), o = t[0].match(/:(.*?);/)[1], a = atob(t[1]);
+      let r = a.length;
+      const u = new Uint8Array(r);
+      for (; r--; )
+        u[r] = a.charCodeAt(r);
+      return new Blob([u], { type: o });
+    }, Y = () => {
+      if (R.value = !0, p.value)
+        if (p.value.url.includes("data:image/gif")) {
+          const e = URL.createObjectURL(Q(p.value.url)), t = p.value.getCropBoxData(), o = p.value.getCanvasData(), a = new _e(e, {
+            targetOffset: {
+              dx: t.left - o.left,
+              dy: t.top - o.top,
+              width: o.width,
+              height: o.height,
+              sWidth: t.width,
+              sHeight: t.height
+            }
+          });
+          a.init();
+          let r = "";
+          window.location.href.includes("localhost") ? r = "./gif.worker.js" : r = `${C}/static/js/gif.worker.js`;
+          const u = new we({
+            workers: 4,
+            quality: 10,
+            width: t.width,
+            height: t.height,
+            workerScript: r
+          }), f = (c, v) => {
+            u.addFrame(c, { copy: !0, delay: v });
+          };
+          a.on("progress", (c, v) => {
+            f(c, v);
+          }), a.on("finished", (c, v) => {
+            f(c, v), u.render();
+          }), u.on("finished", function(c) {
+            H(c, "gif");
+          });
+        } else
+          p.value.getCroppedCanvas({
+            fillColor: "#fff"
+          }).toBlob(
+            async (t) => {
+              H(t, "png");
+            },
+            "image/jpeg",
+            0.75
+          );
+      else
+        R.value = !1, m.value.length === d.value + 1 ? (B("confirm", JSON.parse(JSON.stringify(m.value))), L()) : (d.value += 1, I(), $());
+    }, ee = (e) => {
+      const t = /\+.*$/;
+      return { url: e.url.replace(t, "").replace("upload", "static"), size: e.size || e.file.size };
+    }, H = async (e, t) => {
+      const o = te(), a = `裁切副本${(/* @__PURE__ */ new Date()).getTime()}.${t}`, r = new File([e], a, { type: e.type }), u = await Ce(r), f = ee(u), c = m.value[d.value];
+      if (i.userInfo) {
+        const v = {
+          url: f.url,
+          size: f.size,
+          alias: ke(c.alias || c.url, "裁切副本"),
+          repository_id: i.userInfo.repository_id,
+          directory_id: c.directory_id,
+          banner_theme_color: o,
+          parent_id: c.id || 0
+        };
+        c.source === "aigc" && (v.made_by_ai = !0), i.generateAssets || S({
+          url: f.url,
+          banner_theme_color: o
+        }), Be(C, v).then((J) => {
+          J.message.banner_theme_color = o, S(J.message);
+        });
+      } else i.generateAssets || S({
+        url: f.url,
+        banner_theme_color: o
+      });
+    }, S = (e) => {
+      m.value[d.value] = { ...e }, R.value = !1, m.value.length === d.value + 1 ? (B("confirm", JSON.parse(JSON.stringify(m.value))), L()) : (d.value += 1, I(), $());
+    }, te = () => {
+      const e = new ye(), t = document.getElementById("cropper_img");
+      let o = [];
+      const a = e.getPalette(t);
+      return a ? o = a.slice(0, 8) : o = [[255, 255, 255]], o;
+    }, $ = () => {
+      const e = m.value[d.value], t = !e.url.includes("/poplar/v2"), o = e.url.includes("cape/v1/upload"), a = !e.url.includes(C) && !e.url.includes(Ae);
+      A.value = !0, e.realUrl && t || o || a ? N(e.url) : Ie(C, e.url).then((r) => {
+        N(r.message);
+      });
+    };
+    le(
+      () => i.visible,
+      (e) => {
+        e && oe();
+      }
+    );
+    const oe = () => {
+      if (d.value = 0, m.value = i.corpData, i.aspectRatioProp && Array.isArray(i.aspectRatioProp)) {
+        const e = O.map((t) => (t.buttonIndex = d.value++, t)).filter((t) => i.aspectRatioProp.includes(t.value));
+        e.length && (U.value = e);
+      }
+      $();
+    };
+    return re(() => {
+      I();
+    }), (e, t) => (h(), ne(s(pe), {
+      visible: e.visible,
+      width: "986px",
+      "mask-closable": !1,
+      "title-align": "center",
+      "unmount-on-close": "",
+      "modal-class": "image-crop-modal-wrapper",
+      "body-class": "image-crop-modal-body",
+      onCancel: t[4] || (t[4] = (o) => z(!1))
+    }, {
+      title: n(() => [
+        x(E(e.aspectRatioProp ? "裁剪图片" : "请选择裁剪比例"), 1)
+      ]),
+      footer: n(() => [
+        y("span", Te, [
+          y("div", Fe, [
+            l(s(w), { content: "放大" }, {
+              default: n(() => [
+                l(s(b), {
+                  class: "cropper-btn",
+                  shape: "circle",
+                  onClick: t[0] || (t[0] = (o) => j(0.1))
+                }, {
+                  default: n(() => [
+                    l(s(fe))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            l(s(w), { content: "缩小" }, {
+              default: n(() => [
+                l(s(b), {
+                  class: "cropper-btn",
+                  shape: "circle",
+                  onClick: t[1] || (t[1] = (o) => j(-0.1))
+                }, {
+                  default: n(() => [
+                    l(s(me))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            l(s(w), { content: "向左旋转45度" }, {
+              default: n(() => [
+                l(s(b), {
+                  class: "cropper-btn",
+                  shape: "circle",
+                  onClick: t[2] || (t[2] = (o) => V(-45))
+                }, {
+                  default: n(() => [
+                    l(s(ve))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            l(s(w), { content: "向右旋转45度" }, {
+              default: n(() => [
+                l(s(b), {
+                  class: "cropper-btn",
+                  shape: "circle",
+                  onClick: t[3] || (t[3] = (o) => V(45))
+                }, {
+                  default: n(() => [
+                    l(s(ge))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            l(s(w), { content: "重置" }, {
+              default: n(() => [
+                l(s(b), {
+                  class: "cropper-btn",
+                  shape: "circle",
+                  onClick: K
+                }, {
+                  default: n(() => [
+                    l(s(he))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          y("div", Ee, [
+            l(s(de), null, {
+              default: n(() => [
+                l(s(b), {
+                  size: "medium",
+                  onClick: L
+                }, {
+                  default: n(() => [...t[5] || (t[5] = [
+                    x("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                ie(l(s(b), {
+                  size: "medium",
+                  type: "primary",
+                  loading: R.value,
+                  onClick: Y
+                }, {
+                  default: n(() => [...t[6] || (t[6] = [
+                    x(" 裁剪 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"]), [
+                  [ce, !A.value]
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]),
+      default: n(() => [
+        l(s(ue), {
+          loading: A.value,
+          class: "image-cropper",
+          style: { width: "100%" }
+        }, {
+          default: n(() => [
+            y("div", {
+              class: F(["edit", {
+                fullHeight: e.aspectRatioProp && !Array.isArray(e.aspectRatioProp)
+              }])
+            }, [
+              y("div", Pe, [
+                P.value ? (h(), _("img", {
+                  key: 0,
+                  id: "cropper_img",
+                  class: "position",
+                  crossorigin: "anonymous",
+                  src: P.value,
+                  onLoad: X
+                }, null, 40, Le)) : T("", !0)
+              ])
+            ], 2),
+            e.aspectRatioProp ? T("", !0) : (h(), _("div", Ue, [
+              (h(), _(Z, null, q(O, (o, a) => y("div", {
+                key: o.lable,
+                class: F(["btn btn" + (a + 1), { active: D.value === a }]),
+                onClick: (r) => k(o.value, a)
+              }, E(o.label), 11, De)), 64))
+            ])),
+            e.aspectRatioProp && Array.isArray(e.aspectRatioProp) && U.value.length > 0 ? (h(), _("div", Se, [
+              (h(!0), _(Z, null, q(U.value, (o, a) => (h(), _("div", {
+                key: o.lable,
+                class: F(["btn btn" + (o.buttonIndex + 1), { active: D.value === a }]),
+                onClick: (r) => k(o.value, a)
+              }, E(o.label), 11, $e))), 128))
+            ])) : T("", !0)
+          ]),
+          _: 1
+        }, 8, ["loading"])
+      ]),
+      _: 1
+    }, 8, ["visible"]));
+  }
+});
+export {
+  We as default
+};

package/es/imageCrop/component.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./component.vue.mjs";
+export {
+  f as default
+};

package/es/imageCrop/script/api.mjs

@@ -0,0 +1,13 @@
+import t from "../../utils/request.mjs";
+function o(e, r) {
+  return t(e, {
+    url: r,
+    method: "get",
+    params: {
+      real_url: "true"
+    }
+  });
+}
+export {
+  o as getFileRealUrl
+};

package/es/imageCrop.mjs

@@ -0,0 +1,9 @@
+import a from "./imageCrop/component.vue.mjs";
+const t = Object.assign(a, {
+  install: (n) => {
+    n.component(a.name, a);
+  }
+});
+export {
+  t as default
+};

package/es/importData/component.vue.mjs

@@ -0,0 +1,134 @@
+import { defineComponent as D, useSlots as E, computed as A, ref as u, createBlock as k, openBlock as r, unref as s, withCtx as i, createElementVNode as p, createElementBlock as b, createCommentVNode as m, createVNode as v, createTextVNode as n, toDisplayString as c } from "vue";
+import { Modal as I, Link as S, Progress as O, Space as P, Upload as z, Button as L } from "@arco-design/web-vue";
+const M = { class: "memberImport-content" }, j = { style: { "margin-bottom": "24px" } }, q = { key: 0 }, F = { key: 0 }, G = { key: 1 }, K = /* @__PURE__ */ D({
+  name: "importData",
+  __name: "component",
+  props: {
+    title: { default: "导入数据" },
+    visible: { type: Boolean },
+    uploadAction: {},
+    importTemplateUrl: {}
+  },
+  emits: ["update:visible", "uploadSuccess", "uploadChange", "importStart", "callback", "importComplete"],
+  setup(_, { expose: C, emit: h }) {
+    const B = _, f = h;
+    E(), C();
+    const y = A({
+      get() {
+        return B.visible;
+      },
+      set(t) {
+        f("update:visible", t);
+      }
+    }), o = u({}), d = u(""), a = u(0), x = u(), g = u(!1);
+    function T(t) {
+      const { response: e } = t;
+      x.value = e, a.value = 1;
+    }
+    function V(t) {
+      t[0] || (a.value = 0);
+    }
+    const l = u(0), w = async () => {
+      g.value = !0, f("importStart", { result: x.value }, (t, e) => {
+        g.value = !1, t === "success" ? (o.value = e.message, a.value = 2, l.value = 0.3, setTimeout(() => {
+          l.value = 1;
+        }, 500)) : (d.value = e.real_error, a.value = 2, l.value = 0.3, setTimeout(() => {
+          l.value = 1;
+        }, 500));
+      });
+    };
+    function N() {
+      f("callback", o.value);
+    }
+    return (t, e) => (r(), k(s(I), {
+      visible: y.value,
+      "onUpdate:visible": e[0] || (e[0] = (U) => y.value = U),
+      "title-align": "start",
+      width: 680,
+      "modal-class": "memberImport",
+      "ok-text": "完成",
+      "hide-cancel": !0,
+      footer: l.value === 1 && !d.value,
+      onOk: N
+    }, {
+      title: i(() => [
+        n(c(t.title || "导入数据"), 1)
+      ]),
+      default: i(() => [
+        p("div", M, [
+          e[5] || (e[5] = p("h3", null, "下载导入模版", -1)),
+          p("p", j, [
+            e[2] || (e[2] = n(" 严格按照模板格式及内容准备导入的数据。 ", -1)),
+            v(s(S), {
+              target: "_blank",
+              href: t.importTemplateUrl
+            }, {
+              default: i(() => [...e[1] || (e[1] = [
+                n("下载模板", -1)
+              ])]),
+              _: 1
+            }, 8, ["href"])
+          ]),
+          e[6] || (e[6] = p("h3", null, "上传文件", -1)),
+          e[7] || (e[7] = p("p", null, "支持.xls，.xlsx文件", -1)),
+          a.value === 2 ? (r(), b("div", q, [
+            v(s(O), {
+              percent: l.value,
+              animation: !0,
+              style: { width: "100%" },
+              status: d.value && l.value === 1 ? "danger" : l.value === 1 ? "success" : "normal"
+            }, null, 8, ["percent", "status"]),
+            l.value === 1 && o.value?.success_count !== void 0 ? (r(), b("p", F, [
+              n(" 导入完成，成功导入 " + c(o.value.success_count) + " 条数据， " + c(o.value.failed_count) + " 条数据导入失败。 ", 1),
+              v(s(S), {
+                target: "_blank",
+                href: o.value.result_url
+              }, {
+                default: i(() => [...e[3] || (e[3] = [
+                  n("下载导入结果", -1)
+                ])]),
+                _: 1
+              }, 8, ["href"])
+            ])) : m("", !0),
+            l.value === 1 && o.value?.success_count === void 0 ? (r(), b("p", G, "导入失败，" + c(d.value), 1)) : m("", !0)
+          ])) : m("", !0),
+          v(s(P), {
+            size: 12,
+            direction: "vertical",
+            fill: ""
+          }, {
+            default: i(() => [
+              a.value !== 2 ? (r(), k(s(z), {
+                key: 0,
+                draggable: "",
+                "with-credentials": !0,
+                limit: 1,
+                action: t.uploadAction,
+                accept: ".xls,.xlsx",
+                onSuccess: T,
+                onChange: V
+              }, null, 8, ["action"])) : m("", !0),
+              a.value === 1 ? (r(), k(s(L), {
+                key: 1,
+                loading: g.value,
+                type: "primary",
+                class: "primary2",
+                onClick: w
+              }, {
+                default: i(() => [...e[4] || (e[4] = [
+                  n(" 开始导入 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"])) : m("", !0)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["visible", "footer"]));
+  }
+});
+export {
+  K as default
+};

package/es/importData/component.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./component.vue.mjs";
+export {
+  f as default
+};

package/es/importData.mjs

@@ -0,0 +1,9 @@
+import t from "./importData/component.vue.mjs";
+const o = Object.assign(t, {
+  install: (a) => {
+    a.component(t.name, t);
+  }
+});
+export {
+  o as default
+};

package/es/index.mjs

@@ -0,0 +1,64 @@
+import { default as o } from "./components.mjs";
+import { default as r } from "./appCenter.mjs";
+import { default as s } from "./messageBox.mjs";
+import { default as l } from "./userAvater.mjs";
+import { default as p } from "./typeIcons.mjs";
+import { default as x } from "./uploadStep.mjs";
+import { default as c } from "./contentModal.mjs";
+import { default as v } from "./resourceModal.mjs";
+import { default as g } from "./previousVersion.mjs";
+import { default as D } from "./selectGategory.mjs";
+import { default as T } from "./imageCrop.mjs";
+import { default as A } from "./uploadBefore.mjs";
+import { default as L } from "./contentDetailList.mjs";
+import { default as B } from "./emptyData.mjs";
+import { default as G } from "./mediaFilter.mjs";
+import { default as P } from "./selectAvatarList.mjs";
+import { default as H } from "./userDirector.mjs";
+import { default as S } from "./selectThumb.mjs";
+import { default as k } from "./editMetaInfo.mjs";
+import { default as z } from "./baseFilter.mjs";
+import { default as J } from "./dataTags.mjs";
+import { default as N } from "./colorPalette.mjs";
+import { default as Q } from "./resourceGridList.mjs";
+import { default as W } from "./mediaView.mjs";
+import { default as Y } from "./thumbCard.mjs";
+import { default as _ } from "./selectResourceModal.mjs";
+import { default as ee } from "./docPreview.mjs";
+import { default as oe } from "./docHistory.mjs";
+import { default as re } from "./videoThumb.mjs";
+import { default as se } from "./importData.mjs";
+import { default as le } from "./selectAddTo.mjs";
+export {
+  r as appCenter,
+  z as baseFilter,
+  N as colorPalette,
+  L as contentDetailList,
+  c as contentModal,
+  J as dataTags,
+  o as default,
+  oe as docHistory,
+  ee as docPreview,
+  k as editMetaInfo,
+  B as emptyData,
+  T as imageCrop,
+  se as importData,
+  G as mediaFilter,
+  W as mediaView,
+  s as messageBox,
+  g as previousVersion,
+  Q as resourceGridList,
+  v as resourceModal,
+  le as selectAddTo,
+  P as selectAvatarList,
+  D as selectGategory,
+  _ as selectResourceModal,
+  S as selectThumb,
+  Y as thumbCard,
+  p as typeIcons,
+  A as uploadBefore,
+  x as uploadStep,
+  l as userAvater,
+  H as userDirector,
+  re as videoThumb
+};

package/es/mediaFilter/component.vue.mjs

@@ -0,0 +1,44 @@
+import { defineComponent as p, createElementBlock as s, openBlock as t, createBlock as r, createCommentVNode as c, withCtx as y, renderSlot as d } from "vue";
+import { DEFAULT_BASE_API as o } from "../config.mjs";
+import h from "./components/DocFilter.vue.mjs";
+import _ from "./components/MediaFilter.vue.mjs";
+import T from "./components/MpAccountFilter.vue.mjs";
+import k from "./components/MpContentFilter.vue.mjs";
+const u = { class: "filter-wrp" }, P = /* @__PURE__ */ p({
+  name: "mediaFilter",
+  __name: "component",
+  props: {
+    filterType: { default: "DOC" },
+    docFilterKeys: {},
+    docFilterType: {},
+    BASE_API: { default: o }
+  },
+  emits: ["search", "change"],
+  setup(n, { emit: l }) {
+    const m = n, i = l;
+    m.BASE_API || o;
+    function a(e) {
+      i("change", e);
+    }
+    function f(e) {
+      i("search", e);
+    }
+    return (e, A) => (t(), s("div", u, [
+      e.filterType === "DOC" ? (t(), r(h, {
+        key: 0,
+        "filter-keys": e.docFilterKeys,
+        "filter-type": e.docFilterType,
+        onSearch: f,
+        onChange: a
+      }, {
+        right: y(() => [
+          d(e.$slots, "right")
+        ]),
+        _: 3
+      }, 8, ["filter-keys", "filter-type"])) : e.filterType === "MEDIA" ? (t(), r(_, { key: 1 })) : e.filterType === "MP_ACOUNT" ? (t(), r(T, { key: 2 })) : e.filterType === "MP_CONTENT" ? (t(), r(k, { key: 3 })) : c("", !0)
+    ]));
+  }
+});
+export {
+  P as default
+};

package/es/mediaFilter/component.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./component.vue.mjs";
+export {
+  f as default
+};