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

package/es/selectResourceModal/component.vue.mjs

@@ -0,0 +1,159 @@
+import { defineComponent as _, watch as F, createElementBlock as d, openBlock as s, createBlock as C, resolveDynamicComponent as S, mergeProps as K, unref as e, withCtx as l, createElementVNode as U, createVNode as r, createCommentVNode as A, isRef as J, Fragment as k, createTextVNode as p } from "vue";
+import { Modal as M, Drawer as j, Button as u } from "@arco-design/web-vue";
+import q from "../emptyData.mjs";
+import z from "./components/ListTabs/index.vue.mjs";
+import G from "./components/ListSelected/index.vue.mjs";
+import H from "./components/List/ListCardWrapper.vue.mjs";
+import { useResourceSelect as Q } from "./scripts/useResourceSelect.mjs";
+import W, { TabEnum as X } from "./scripts/useTabFilter.mjs";
+import Y from "./scripts/useCompoLf.mjs";
+import { DEFAULT_BASE_API as Z } from "../config.mjs";
+const ee = { class: "resource-select-wrap" }, te = { class: "resource-select-main" }, oe = {
+  key: 0,
+  class: "resource-select-container"
+}, ce = /* @__PURE__ */ _({
+  name: "selectResourceModal",
+  __name: "component",
+  props: {
+    BASE_API: { default: Z },
+    userInfo: {},
+    visible: { type: Boolean },
+    wrap: {},
+    maxcount: { default: 1 },
+    filterOptions: {},
+    mediaUseType: {},
+    aiThumbList: { default: () => [] },
+    videoThumbOptions: {}
+  },
+  emits: ["update:visible", "submit"],
+  setup(L, { emit: g }) {
+    const B = _({
+      name: "DivComponent",
+      render() {
+        return this.$slots.default?.();
+      }
+    }), D = {
+      drawer: j,
+      modal: M,
+      div: B
+    }, a = L, N = g, { selected: y, selectedKeys: O, disableSelect: $, handleSelect: w, handleClear: T } = Q(a), { activeKey: m, activeComponent: E, tabKeyList: R, handelChangeTab: V } = W(a), { wrapProps: h, close: c, submit: f } = Y(a, N, {
+      onClose: () => {
+        T();
+      }
+    }), I = a.wrap === "div";
+    F(
+      () => a.visible,
+      (o) => {
+        o && (m.value = X.ALL);
+      },
+      { immediate: !0 }
+    );
+    const P = (o, t) => {
+      const { key: i, item: n } = o;
+      if (i === "select-one") {
+        Array.isArray(n) ? f(n) : f([n]), c();
+        return;
+      }
+      t && t(o);
+    };
+    function b(o, t) {
+      let i = JSON.parse(JSON.stringify(y.value));
+      t && typeof t == "function" && (i = t()), o === "crop" ? f(i, "edit") : f(i);
+    }
+    return (o, t) => (s(), d("div", ee, [
+      (s(), C(S(D[o.wrap]), K({ visible: o.visible }, e(h)), {
+        default: l(() => [
+          U("div", te, [
+            o.userInfo ? (s(), d("div", oe, [
+              r(z, {
+                "model-value": e(m),
+                "onUpdate:modelValue": t[0] || (t[0] = (i) => J(m) ? m.value = i : null),
+                tabList: e(R),
+                wrap: o.wrap,
+                onClose: e(c)
+              }, null, 8, ["model-value", "tabList", "wrap", "onClose"]),
+              o.visible || I ? (s(), C(S(e(E)), {
+                key: 0,
+                "active-key": e(m),
+                onChangeTab: e(V)
+              }, {
+                item: l(({ item: i, onOptions: n }) => [
+                  r(H, {
+                    item: i,
+                    "select-keys": e(O),
+                    disable: e($),
+                    onSelect: e(w),
+                    onOptions: (v) => P(v, n)
+                  }, null, 8, ["item", "select-keys", "disable", "onSelect", "onOptions"])
+                ]),
+                "footer-extra": l(({ type: i, onConfirm: n, isEmpty: v }) => [
+                  i !== "video" ? (s(), d(k, { key: 0 }, [
+                    e(y).length ? (s(), d(k, { key: 0 }, [
+                      r(G, {
+                        maxcount: o.maxcount,
+                        selected: e(y),
+                        onRemove: e(w),
+                        onClear: e(T)
+                      }, null, 8, ["maxcount", "selected", "onRemove", "onClear"]),
+                      r(e(u), { onClick: e(c) }, {
+                        default: l(() => [...t[1] || (t[1] = [
+                          p("取消", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      r(e(u), {
+                        type: "primary",
+                        onClick: b
+                      }, {
+                        default: l(() => [...t[2] || (t[2] = [
+                          p("确定", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ], 64)) : A("", !0)
+                  ], 64)) : (s(), d(k, { key: 1 }, [
+                    r(e(u), { onClick: e(c) }, {
+                      default: l(() => [...t[3] || (t[3] = [
+                        p("取消", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    r(e(u), {
+                      disabled: v,
+                      type: "primary",
+                      onClick: (x) => b("crop", n)
+                    }, {
+                      default: l(() => [...t[4] || (t[4] = [
+                        p(" 编辑 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled", "onClick"]),
+                    r(e(u), {
+                      disabled: v,
+                      type: "primary",
+                      onClick: (x) => b("use", n)
+                    }, {
+                      default: l(() => [...t[5] || (t[5] = [
+                        p(" 使用 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled", "onClick"])
+                  ], 64))
+                ]),
+                _: 1
+              }, 40, ["active-key", "onChangeTab"])) : A("", !0)
+            ])) : (s(), C(e(q), {
+              key: 1,
+              type: "empty",
+              customTip: "暂无权限"
+            }))
+          ])
+        ]),
+        _: 1
+      }, 16, ["visible"]))
+    ]));
+  }
+});
+export {
+  ce as default
+};

package/es/selectResourceModal/component.vue2.mjs

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

package/es/selectResourceModal/components/List/ListAi/index.vue.mjs

@@ -0,0 +1,44 @@
+import { defineComponent as c, inject as d, ref as p, watch as f, createBlock as v, openBlock as r, withCtx as s, createElementBlock as n, createCommentVNode as _, Fragment as u, createElementVNode as a, createTextVNode as h, renderList as g, renderSlot as m } from "vue";
+import k from "../ListWraper.vue.mjs";
+const x = { class: "list-item-grid" }, L = /* @__PURE__ */ c({
+  __name: "index",
+  setup(b) {
+    const l = d("aiThumbList"), t = p([]);
+    return f(
+      () => l?.value,
+      () => {
+        t.value = l?.value?.map((e) => ({
+          url: e,
+          catalog: "image",
+          thumb: e,
+          alias: e
+        })) || [];
+      },
+      { deep: !0, immediate: !0 }
+    ), (e, o) => (r(), v(k, {
+      isEmpty: !t.value.length
+    }, {
+      "footer-extra": s(() => [
+        m(e.$slots, "footer-extra")
+      ]),
+      default: s(() => [
+        t.value.length ? (r(), n(u, { key: 0 }, [
+          o[0] || (o[0] = a("div", { class: "title" }, [
+            a("div", { class: "line" }),
+            h(" 封面图 ")
+          ], -1)),
+          a("div", x, [
+            (r(!0), n(u, null, g(t.value, (i) => m(e.$slots, "item", {
+              key: i.url,
+              item: i
+            })), 128))
+          ])
+        ], 64)) : _("", !0)
+      ]),
+      _: 3
+    }, 8, ["isEmpty"]));
+  }
+});
+export {
+  L as default
+};

package/es/selectResourceModal/components/List/ListAi/index.vue2.mjs

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

package/es/selectResourceModal/components/List/ListCardWrapper.vue.mjs

@@ -0,0 +1,72 @@
+import { defineComponent as b, inject as g, computed as i, createElementBlock as c, openBlock as u, withModifiers as v, createElementVNode as o, normalizeClass as C, createVNode as K, unref as w, toDisplayString as f, createCommentVNode as B } from "vue";
+import E from "../../../thumbCard.mjs";
+const N = { class: "card-alias" }, O = {
+  key: 0,
+  class: "check-box active"
+}, V = {
+  key: 1,
+  class: "check-box"
+}, j = /* @__PURE__ */ b({
+  __name: "ListCardWrapper",
+  props: {
+    item: {},
+    extraKeys: {},
+    selectKeys: {},
+    disable: { type: Boolean }
+  },
+  emits: ["select", "select-one", "options"],
+  setup(y, { emit: k }) {
+    const e = y, m = k, d = g("filterOptions"), a = i(() => e.item.id || e.item.url), l = i(() => {
+      const t = {};
+      return e.selectKeys?.forEach((s, n) => {
+        t[s] = n + 1;
+      }), t;
+    }), r = i(() => {
+      if (e.disable) return !1;
+      if (d?.value) {
+        const { mediaType: t, mediaTypeStrict: s } = d.value;
+        if (s)
+          return t.split(",").includes(e.item.catalog);
+      }
+      return !(e.item.progress >= 0);
+    }), h = i(() => e.item.status === 2 ? [
+      { label: "重新上传", key: "reupload" },
+      { label: "删除记录", key: "remove" }
+    ] : e.item.status === 3 ? [{ label: "重新转码", key: "retranscode" }] : e.selectKeys?.length && e.selectKeys?.length > 0 || e.disable || !r.value ? [] : [{ label: "选用", key: "select-one" }].concat(e.extraKeys || []));
+    function p() {
+      !r.value && !l.value[a.value] || m("select", e.item);
+    }
+    return (t, s) => (u(), c("div", {
+      class: "card-wrapper-image",
+      onClick: v(p, ["stop"])
+    }, [
+      o("div", {
+        class: C(["card-wrapper", { disable: !r.value, active: l.value[a.value] }])
+      }, [
+        K(w(E), {
+          url: t.item.url,
+          thumb: t.item.thumb || t.item.url,
+          catalog: t.item.catalog,
+          meta: t.item,
+          options: {
+            fit: ["image", "video"].includes(t.item.catalog) ? "contain" : "cover"
+          },
+          "use-mask": !0,
+          "handlers-key": h.value,
+          onHandle: s[0] || (s[0] = (n) => m("options", n))
+        }, null, 8, ["url", "thumb", "catalog", "meta", "options", "handlers-key"]),
+        s[1] || (s[1] = o("div", { class: "mask" }, null, -1))
+      ], 2),
+      o("div", N, f(t.item.alias), 1),
+      o("div", {
+        class: "check-box-wrapper",
+        onClick: v(p, ["stop"])
+      }, [
+        l.value[a.value] ? (u(), c("div", O, f(l.value[a.value]), 1)) : r.value ? (u(), c("div", V)) : B("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  j as default
+};

package/es/selectResourceModal/components/List/ListCardWrapper.vue2.mjs

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

package/es/selectResourceModal/components/List/ListLocal/Upload.vue.mjs

@@ -0,0 +1,57 @@
+import { defineComponent as h, inject as l, onMounted as I, createElementBlock as w, openBlock as v, createElementVNode as u, createVNode as e, unref as t, withCtx as i, createTextVNode as C } from "vue";
+import { Upload as d, Button as b, Message as y } from "@arco-design/web-vue";
+import { IconComputer as U } from "@arco-iconbox/vue-cmstop-icons";
+import { useUploadConfig as x } from "../../../../hooks/useUpload.mjs";
+const k = { class: "upload-wrapper" }, B = { class: "upload-buttons" }, N = { class: "upload-dragger" }, c = "image/*,video/*,audio/*", P = /* @__PURE__ */ h({
+  __name: "Upload",
+  emits: ["change"],
+  setup(V, { emit: m }) {
+    const n = l("userInfo"), a = l("baseAPI"), p = m, { initUploadConfig: f, checkFileSizeOutLimit: _ } = x();
+    function s(o) {
+      _(o.fileItem.file, y.warning) && p("change", o.fileItem);
+    }
+    async function g() {
+      !a || !n?.value?.domain_id || await f(a, n?.value?.domain_id);
+    }
+    return I(() => {
+      g();
+    }), (o, r) => (v(), w("div", k, [
+      u("div", B, [
+        e(t(d), {
+          accept: c,
+          multiple: !0,
+          directory: !1,
+          "show-file-list": !1,
+          "custom-request": s,
+          style: { width: "auto" }
+        }, {
+          "upload-button": i(() => [
+            e(t(b), { type: "primary" }, {
+              icon: i(() => [
+                e(t(U))
+              ]),
+              default: i(() => [
+                r[0] || (r[0] = C(" 本地上传 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      u("div", N, [
+        e(t(d), {
+          draggable: "",
+          tip: "支持图片、视频、音频文件",
+          accept: c,
+          multiple: !0,
+          "show-file-list": !1,
+          "custom-request": s
+        })
+      ])
+    ]));
+  }
+});
+export {
+  P as default
+};

package/es/selectResourceModal/components/List/ListLocal/Upload.vue2.mjs

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

package/es/selectResourceModal/components/List/ListLocal/index.vue.mjs

@@ -0,0 +1,65 @@
+import { defineComponent as C, inject as c, computed as I, onMounted as x, createBlock as B, openBlock as n, withCtx as u, createElementVNode as r, createVNode as $, createElementBlock as f, createCommentVNode as b, unref as s, toDisplayString as N, Fragment as V, renderList as w, renderSlot as p } from "vue";
+import A from "./Upload.vue.mjs";
+import E, { useUploadConfig as O } from "../../../../hooks/useUpload.mjs";
+import P from "../ListWraper.vue.mjs";
+const S = { class: "list-upload" }, T = { class: "list-content" }, U = {
+  key: 0,
+  class: "list-tips"
+}, j = { class: "list-item-grid" }, q = /* @__PURE__ */ C({
+  __name: "index",
+  props: {
+    selectKeys: {},
+    disable: { type: Boolean }
+  },
+  setup(D) {
+    const _ = c("userInfo"), t = c("baseAPI"), i = I(() => _?.value?.repository_id), { template: g, initTemplate: h } = O(), { list: o, uploadFile: v, reTranscode: y, transcodingFile: l, removeRecord: F } = E();
+    function a(e) {
+      !t || !i.value || v(
+        t,
+        e.file,
+        0,
+        i.value,
+        (d) => l(t, d, i.value),
+        { template: g.value }
+      );
+    }
+    async function k(e) {
+      if (e.key === "reupload") {
+        if (!e.item || !e.item?.originFile) return;
+        e.item.originFile.sig_id = e.item.sig_id, e.item.originFile.id = e.item.id, a({ file: e.item.originFile });
+      } else if (e.key === "retranscode") {
+        if (!t || !e.item?.mediaFile || !await y(t, e.item.mediaFile)) return;
+        l(t, e.item.mediaFile, i.value);
+      } else if (e.key === "remove") {
+        if (!e.item) return;
+        F(e.item);
+      }
+    }
+    return x(() => {
+      h(t);
+    }), (e, d) => (n(), B(P, null, {
+      "footer-extra": u(() => [
+        p(e.$slots, "footer-extra")
+      ]),
+      default: u(() => [
+        r("div", S, [
+          $(A, { onChange: a })
+        ]),
+        r("div", T, [
+          s(o)?.length ? (n(), f("div", U, " 已上传 " + N(s(o)?.length) + " 个素材 ", 1)) : b("", !0),
+          r("div", j, [
+            (n(!0), f(V, null, w(s(o), (m) => p(e.$slots, "item", {
+              key: m.sig_id,
+              item: m,
+              onOptions: k
+            })), 128))
+          ])
+        ])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  q as default
+};

package/es/selectResourceModal/components/List/ListLocal/index.vue2.mjs

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