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

package/es/resourceModal/component.vue.mjs

@@ -0,0 +1,71 @@
+import { defineComponent as g, inject as b, provide as l, ref as B, computed as y, createBlock as U, openBlock as P, unref as r, withCtx as n, createVNode as T, createTextVNode as E } from "vue";
+import { Modal as I } from "@arco-design/web-vue";
+import { DEFAULT_BASE_API as t } from "../config.mjs";
+import V from "./components/MediaSelection/index.vue.mjs";
+import { mediaUseEnum as w } from "./script/mediaSelection.mjs";
+const N = /* @__PURE__ */ g({
+  name: "resourceModal",
+  __name: "component",
+  props: {
+    dialogVisible: { type: Boolean, default: !1 },
+    catalogProps: { default: "" },
+    ai_static_covers: { default: () => [] },
+    ai_gif_covers: { default: () => [] },
+    preview: { type: Boolean, default: !1 },
+    BASE_API: { default: t },
+    mediaUseType: {}
+  },
+  emits: ["update:dialogVisible", "confirm", "upload"],
+  setup(c, { emit: d }) {
+    const o = c, i = d, p = o.BASE_API || t;
+    !b("mediaUseType", 0) && o.mediaUseType && l("mediaUseType", o.mediaUseType || w.THUMB), l("baseAPI", o.BASE_API || t);
+    const m = B(1), f = (e) => {
+      i("submit", e);
+    }, s = (e) => {
+      i("update:dialogVisible", e);
+    }, u = y({
+      get() {
+        return o.dialogVisible;
+      },
+      set(e) {
+        s(e);
+      }
+    }), _ = () => {
+      s(!1);
+    }, v = () => {
+      s(!1);
+    };
+    return (e, a) => (P(), U(r(I), {
+      visible: u.value,
+      width: "986px",
+      "mask-closable": !1,
+      footer: !1,
+      "title-align": "start",
+      "unmount-on-close": "",
+      "modal-class": "select-resources-modal-wrapper",
+      "body-class": "select-resources-modal-body",
+      onOk: _,
+      onCancel: v
+    }, {
+      title: n(() => [...a[1] || (a[1] = [
+        E("选择素材来源", -1)
+      ])]),
+      default: n(() => [
+        T(V, {
+          "selected-max": m.value,
+          "catalog-props": e.catalogProps,
+          BASE_API: r(p),
+          ai_static_covers: e.ai_static_covers,
+          ai_gif_covers: e.ai_gif_covers,
+          preview: e.preview,
+          onConfirm: f,
+          onUpload: a[0] || (a[0] = (A) => e.$emit("upload", A))
+        }, null, 8, ["selected-max", "catalog-props", "BASE_API", "ai_static_covers", "ai_gif_covers", "preview"])
+      ]),
+      _: 1
+    }, 8, ["visible"]));
+  }
+});
+export {
+  N as default
+};

package/es/resourceModal/component.vue2.mjs

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

package/es/resourceModal/components/MediaPreviewer/index.vue.mjs

@@ -0,0 +1,59 @@
+import { defineComponent as u, computed as v, createElementBlock as o, openBlock as i, Fragment as _, createVNode as l, withDirectives as f, unref as n, createElementVNode as s, vShow as y } from "vue";
+import h from "../../assets/images/unknown.png.mjs";
+import { ImagePreview as w } from "@arco-design/web-vue";
+import { IconClose as g } from "@arco-design/web-vue/es/icon";
+const k = { class: "media-previewer" }, C = { class: "viewer-canvas" }, b = ["src"], V = ["src"], B = {
+  key: 2,
+  class: "other"
+}, D = /* @__PURE__ */ u({
+  __name: "index",
+  props: {
+    type: {},
+    url: {}
+  },
+  emits: ["close"],
+  setup(c, { emit: a }) {
+    const m = c, d = v(() => m.type === "image"), p = a, t = () => {
+      p("close", !1);
+    };
+    return (e, r) => (i(), o(_, null, [
+      l(n(w), {
+        visible: d.value,
+        src: e.url,
+        onClose: t
+      }, null, 8, ["visible", "src"]),
+      f(s("div", k, [
+        s("div", {
+          class: "viewer-close",
+          onClick: t
+        }, [
+          l(n(g))
+        ]),
+        s("div", C, [
+          e.type === "video" ? (i(), o("video", {
+            key: 0,
+            class: "video",
+            controls: "",
+            src: e.url
+          }, null, 8, b)) : e.type === "audio" ? (i(), o("audio", {
+            key: 1,
+            class: "audio",
+            controls: "",
+            src: e.url
+          }, null, 8, V)) : (i(), o("div", B, [...r[0] || (r[0] = [
+            s("img", {
+              src: h,
+              alt: ""
+            }, null, -1),
+            s("span", { class: "text" }, "暂不支持该类型文件预览", -1)
+          ])]))
+        ])
+      ], 512), [
+        [y, e.type !== "image"]
+      ])
+    ], 64));
+  }
+});
+export {
+  D as default
+};

package/es/resourceModal/components/MediaPreviewer/index.vue2.mjs

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

package/es/resourceModal/components/MediaSelection/DocAiMediaSelected/index.vue.mjs

@@ -0,0 +1,86 @@
+import { defineComponent as _, ref as f, createElementBlock as i, openBlock as a, createVNode as o, unref as h, withCtx as b, createElementVNode as t, createCommentVNode as g, Fragment as n, renderList as d, normalizeClass as m } from "vue";
+import { Scrollbar as w } from "@arco-design/web-vue";
+import u from "../MainContent/FileTypeThumb/index.vue.mjs";
+const y = { class: "doc-ai-media-selected" }, C = { class: "thumb-list" }, k = { class: "thumb-item" }, B = {
+  key: 0,
+  class: "gif_covers"
+}, N = { class: "thumb-list" }, U = { class: "thumb-item" }, F = /* @__PURE__ */ _({
+  __name: "index",
+  props: {
+    selectedMax: {},
+    ai_static_covers: {},
+    ai_gif_covers: {},
+    preview: { type: Boolean }
+  },
+  emits: ["confirm"],
+  setup(V, { emit: v }) {
+    const p = v, c = (s) => {
+      l.value = [s.url], p("confirm", s);
+    }, l = f([]);
+    return (s, r) => (a(), i("div", y, [
+      o(h(w), { class: "doc-ai-media-selected-scrollbar" }, {
+        default: b(() => [
+          r[1] || (r[1] = t("div", { class: "thumb_type" }, "封面图", -1)),
+          t("div", C, [
+            (a(!0), i(n, null, d(s.ai_static_covers, (e) => (a(), i("div", {
+              key: e,
+              class: "thumb-wrap"
+            }, [
+              t("div", k, [
+                t("div", {
+                  class: m(["pic", { active: l.value.includes(e) }])
+                }, [
+                  o(u, {
+                    preview: s.preview,
+                    "item-data": {
+                      catalog: "image",
+                      alias: e,
+                      thumb: e,
+                      url: e,
+                      realUrl: e
+                    },
+                    onConfirm: c
+                  }, null, 8, ["preview", "item-data"])
+                ], 2)
+              ])
+            ]))), 128))
+          ]),
+          s.ai_gif_covers?.length ? (a(), i("div", B, [
+            r[0] || (r[0] = t("div", {
+              class: "thumb_type",
+              style: { "margin-top": "0px" }
+            }, "封面动图", -1)),
+            t("div", N, [
+              (a(!0), i(n, null, d(s.ai_gif_covers, (e) => (a(), i("div", {
+                key: e,
+                class: "thumb-wrap"
+              }, [
+                t("div", U, [
+                  t("div", {
+                    class: m(["pic", { active: l.value.includes(e) }])
+                  }, [
+                    o(u, {
+                      preview: s.preview,
+                      "item-data": {
+                        catalog: "image",
+                        alias: e,
+                        thumb: e,
+                        url: e,
+                        realUrl: e
+                      },
+                      onConfirm: c
+                    }, null, 8, ["preview", "item-data"])
+                  ], 2)
+                ])
+              ]))), 128))
+            ])
+          ])) : g("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  F as default
+};

package/es/resourceModal/components/MediaSelection/DocAiMediaSelected/index.vue2.mjs

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

package/es/resourceModal/components/MediaSelection/MainContent/FileTypeThumb/index.vue.mjs

@@ -0,0 +1,98 @@
+import { defineComponent as I, ref as b, computed as d, createElementBlock as a, openBlock as t, Fragment as z, createElementVNode as m, createBlock as B, createCommentVNode as s, createVNode as l, normalizeStyle as E, toDisplayString as y, normalizeClass as N, Transition as P, withCtx as V, withModifiers as p, unref as v } from "vue";
+import { Divider as $ } from "@arco-design/web-vue";
+import { IconEye as x, IconPlus as A } from "@arco-design/web-vue/es/icon";
+import S from "../../../MediaPreviewer/index.vue.mjs";
+const T = { class: "file-type-thumb" }, M = {
+  key: 0,
+  class: "rate-info-tag tag"
+}, R = {
+  key: 1,
+  class: "ai-tag tag"
+}, U = {
+  key: 0,
+  class: "rate-info-tag tag"
+}, j = {
+  key: 1,
+  class: "ai-tag tag"
+}, q = {
+  key: 0,
+  class: "mask"
+}, L = /* @__PURE__ */ I({
+  __name: "index",
+  props: {
+    itemData: {},
+    preview: { type: Boolean }
+  },
+  emits: ["confirm"],
+  setup(k, { emit: g }) {
+    const o = k, D = g, c = b(!1), _ = d(() => o.itemData.catalog), w = d(() => o.itemData.url || ""), C = () => c.value = !0, F = (e) => c.value = e, f = () => {
+      D("confirm", o.itemData);
+    }, r = d(() => {
+      if (!o.itemData.metas) return "";
+      const { metas: e } = o.itemData;
+      let u = 0, h = 0;
+      e.forEach((i) => {
+        i.key === "width" && (u = typeof i.value == "string" ? parseInt(i.value, 10) : i.value), i.key === "height" && (h = typeof i.value == "string" ? parseInt(i.value, 10) : i.value);
+      });
+      const n = (u / h).toFixed(1);
+      return n === (16 / 9).toFixed(1) ? "16:9" : n === (4 / 3).toFixed(1) ? "4:3" : n === (4 / 1).toFixed(1) ? "4:1" : n === (3 / 4).toFixed(1) ? "3:4" : "其他";
+    });
+    return (e, u) => (t(), a(z, null, [
+      m("div", T, [
+        e.itemData.thumb ? (t(), a("div", {
+          key: 0,
+          class: "pic",
+          style: E({ "background-image": "url(" + e.itemData.thumb + ")" })
+        }, [
+          r.value ? (t(), a("div", M, y(r.value), 1)) : s("", !0),
+          e.itemData.source === "ai" ? (t(), a("div", R, "AI生成")) : s("", !0)
+        ], 4)) : (t(), a("div", {
+          key: 1,
+          class: N(["pic", `${e.itemData.catalog} ${e.itemData.series}`])
+        }, [
+          r.value ? (t(), a("div", U, y(r.value), 1)) : s("", !0),
+          e.itemData.source === "ai" ? (t(), a("div", j, "AI生成")) : s("", !0)
+        ], 2)),
+        l(P, { name: "el-fade-in" }, {
+          default: V(() => [
+            e.preview ? (t(), a("div", q, [
+              m("span", {
+                class: "half",
+                onClick: p(C, ["stop"])
+              }, [
+                l(v(x), {
+                  "stroke-width": 6,
+                  size: 20
+                })
+              ]),
+              l(v($), { direction: "vertical" }),
+              m("span", {
+                class: "half",
+                onClick: p(f, ["stop"])
+              }, [
+                l(v(A), {
+                  "stroke-width": 6,
+                  size: 20
+                })
+              ])
+            ])) : (t(), a("div", {
+              key: 1,
+              class: "transparent",
+              onClick: p(f, ["stop"])
+            }))
+          ]),
+          _: 1
+        })
+      ]),
+      c.value ? (t(), B(S, {
+        key: 0,
+        type: _.value,
+        url: w.value,
+        onClose: F
+      }, null, 8, ["type", "url"])) : s("", !0)
+    ], 64));
+  }
+});
+export {
+  L as default
+};

package/es/resourceModal/components/MediaSelection/MainContent/FileTypeThumb/index.vue2.mjs

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

package/es/resourceModal/components/MediaSelection/MainContent/index.vue.mjs

@@ -0,0 +1,184 @@
+import { defineComponent as F, ref as k, watch as B, createBlock as d, openBlock as l, unref as i, withCtx as r, createElementVNode as e, withDirectives as $, createElementBlock as s, createCommentVNode as f, Fragment as y, renderList as _, createVNode as u, toDisplayString as p, createTextVNode as h, vShow as M, normalizeClass as N } from "vue";
+import T from "../../../assets/selection/null.png.mjs";
+import { Scrollbar as V, Tooltip as m, Button as S } from "@arco-design/web-vue";
+import { IconDoubleDown as z, IconDoubleUp as E } from "@arco-iconbox/vue-cmstop-icons";
+import I from "../../../../typeIcons/component.vue.mjs";
+import O from "./FileTypeThumb/index.vue.mjs";
+import { timeFormat as U } from "../../../../utils/filter.mjs";
+const j = { class: "file-wrap" }, q = { class: "folder-list clearfix" }, A = ["onClick"], G = { class: "wrap" }, H = { class: "thumb" }, J = ["onClick"], K = { class: "wrap" }, P = { class: "thumb" }, Q = { class: "folder-more-wrap" }, R = { class: "file-list clearfix" }, W = { class: "thumb-wrap" }, X = {
+  key: 0,
+  class: "load_more_title"
+}, Y = {
+  key: 1,
+  class: "nomore_tips"
+}, Z = {
+  key: 1,
+  class: "null-file"
+}, ae = /* @__PURE__ */ F({
+  __name: "index",
+  props: {
+    folderList: {},
+    fileList: {},
+    fileListCount: {},
+    isOver: { type: Boolean },
+    activeMediaType: {},
+    preview: { type: Boolean },
+    changeDirectory: { type: Function },
+    loadFileMore: { type: Function }
+  },
+  emits: ["confirm"],
+  setup(g, { emit: w }) {
+    const C = g, n = k(!0);
+    B(
+      () => C.folderList.length,
+      (t) => {
+        n.value = t > 10;
+      },
+      { immediate: !0 }
+    );
+    const L = w, D = (t) => {
+      v.value = [t], L("confirm", v.value);
+    }, v = k([]);
+    return (t, a) => (l(), d(i(V), { class: "dialog-media-selection-scroll" }, {
+      default: r(() => [
+        e("div", j, [
+          $(e("div", q, [
+            n.value ? (l(!0), s(y, { key: 1 }, _(t.folderList.slice(0, 9), (o, c) => (l(), s("div", {
+              key: c,
+              class: "item folder-item",
+              onClick: (b) => t.changeDirectory(o)
+            }, [
+              e("div", K, [
+                u(i(m), {
+                  content: o.alias,
+                  "open-delay": 500,
+                  class: "item",
+                  effect: "dark",
+                  placement: "top"
+                }, {
+                  default: r(() => [
+                    e("div", P, [
+                      e("h4", null, p(o.alias), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["content"])
+              ])
+            ], 8, J))), 128)) : (l(!0), s(y, { key: 0 }, _(t.folderList, (o, c) => (l(), s("div", {
+              key: c,
+              class: "item folder-item",
+              onClick: (b) => t.changeDirectory(o)
+            }, [
+              e("div", G, [
+                u(i(m), {
+                  content: o.alias,
+                  "open-delay": 500,
+                  class: "item",
+                  effect: "dark",
+                  placement: "top"
+                }, {
+                  default: r(() => [
+                    e("div", H, [
+                      e("h4", null, p(o.alias), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["content"])
+              ])
+            ], 8, A))), 128)),
+            t.folderList.length > 10 ? (l(), s("div", {
+              key: 2,
+              class: "folder-more-button",
+              onClick: a[0] || (a[0] = (o) => n.value = !n.value)
+            }, [
+              e("div", Q, [
+                n.value ? (l(), d(i(z), { key: 0 })) : (l(), d(i(E), { key: 1 })),
+                h(" " + p(n.value ? "展开全部" : "收缩全部"), 1)
+              ])
+            ])) : f("", !0)
+          ], 512), [
+            [M, t.folderList.length !== 0 && t.activeMediaType === "all"]
+          ]),
+          e("div", R, [
+            (l(!0), s(y, null, _(t.fileList, (o, c) => (l(), s("div", {
+              key: c,
+              class: "item"
+            }, [
+              e("div", {
+                class: N([{ active: v.value.includes(o) }, "shadow-wrap"])
+              }, [
+                e("div", W, [
+                  u(O, {
+                    "item-data": o,
+                    preview: t.preview,
+                    onConfirm: D
+                  }, null, 8, ["item-data", "preview"])
+                ]),
+                e("h4", null, [
+                  u(I, {
+                    doc: o.catalog !== "image",
+                    resource: o.catalog === "image",
+                    type: o.catalog,
+                    class: "icon"
+                  }, null, 8, ["doc", "resource", "type"]),
+                  u(i(m), {
+                    content: o.alias,
+                    "open-delay": 500,
+                    effect: "dark",
+                    placement: "top"
+                  }, {
+                    default: r(() => [
+                      e("span", null, p(o.alias), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])
+                ]),
+                e("p", null, p(i(U)(o.updated_at)), 1),
+                o.task ? (l(), d(i(m), {
+                  key: 0,
+                  "open-delay": 2e3,
+                  content: "转码中，暂不可用",
+                  effect: "dark",
+                  placement: "bottom"
+                }, {
+                  default: r(() => [...a[1] || (a[1] = [
+                    e("div", { class: "transcoding-in-progress grid-mode" }, [
+                      e("div", { class: "transcoding-progress" }, "转码中…")
+                    ], -1)
+                  ])]),
+                  _: 1
+                })) : f("", !0)
+              ], 2)
+            ]))), 128))
+          ]),
+          t.fileListCount ? (l(), s("div", X, [
+            t.isOver ? (l(), s("div", Y, "没有更多了…")) : (l(), d(i(S), {
+              key: 0,
+              class: "loadmore_tips",
+              size: "small",
+              type: "text",
+              onClick: t.loadFileMore
+            }, {
+              default: r(() => [...a[2] || (a[2] = [
+                h("加载更多… ", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]))
+          ])) : f("", !0),
+          !t.fileList.length && !t.folderList.length ? (l(), s("div", Z, [...a[3] || (a[3] = [
+            e("img", {
+              alt: "",
+              class: "null-pic",
+              src: T
+            }, null, -1),
+            e("p", null, "暂无素材", -1)
+          ])])) : f("", !0)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  ae as default
+};

package/es/resourceModal/components/MediaSelection/MainContent/index.vue2.mjs

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

package/es/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.vue.mjs

@@ -0,0 +1,111 @@
+import { defineComponent as T, inject as w, ref as u, computed as N, watch as k, onMounted as O, createElementBlock as c, openBlock as n, createElementVNode as d, renderSlot as A, createVNode as r, withDirectives as E, unref as t, withCtx as i, Fragment as V, renderList as b, createBlock as S, createTextVNode as F, vShow as L } from "vue";
+import { Input as j, Select as g, Option as m, Button as z } from "@arco-design/web-vue";
+import { IconRefresh as D } from "@arco-design/web-vue/es/icon";
+import { rateOptions as K } from "../../../../../utils/filter.mjs";
+import { getSysRsClassifyList as M } from "../../../../script/api.mjs";
+const P = { class: "toolbar-search-container sysfile-filter-container" }, $ = { class: "top-container" }, q = { class: "filter-content" }, G = { class: "filter-left" }, Z = /* @__PURE__ */ T({
+  name: "ToolbarSearch",
+  __name: "SystemResourceFilter",
+  emits: ["search", "changeScen"],
+  setup(H, { expose: C, emit: x }) {
+    const v = w("mediaUseType", 1), U = w("baseAPI"), l = u({
+      keyword: "",
+      wh_rate: "",
+      limit: 9
+    }), o = u(""), f = u([]), B = async () => {
+      const s = await M(U, v);
+      s.code === 0 && (f.value = s.message.classifies);
+    }, p = x, y = () => {
+      const s = { ...l.value, sys_tag: v };
+      p("search", s);
+    }, h = () => p("changeScen", o.value), I = () => {
+      l.value.keyword = "";
+    }, R = N(
+      () => l.value.keyword || l.value.wh_rate || o.value
+    ), _ = () => {
+      l.value = {
+        keyword: "",
+        wh_rate: "",
+        limit: 9
+      }, o.value = "", h(), y();
+    };
+    return k(
+      () => l.value,
+      () => y(),
+      { deep: !0 }
+    ), k(
+      () => o.value,
+      () => h()
+    ), O(() => {
+      B();
+    }), C({ reset: _ }), (s, a) => (n(), c("div", P, [
+      d("div", $, [
+        A(s.$slots, "other"),
+        d("div", q, [
+          d("div", G, [
+            r(t(j), {
+              modelValue: l.value.keyword,
+              "onUpdate:modelValue": a[0] || (a[0] = (e) => l.value.keyword = e),
+              class: "filter-item",
+              "allow-clear": "",
+              placeholder: "输入素材标题搜索",
+              onClear: I
+            }, null, 8, ["modelValue"]),
+            r(t(g), {
+              modelValue: o.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (e) => o.value = e),
+              class: "filter-item",
+              placeholder: "场景分类"
+            }, {
+              default: i(() => [
+                r(t(m), {
+                  label: "全部场景",
+                  value: ""
+                }),
+                (n(!0), c(V, null, b(f.value, (e) => (n(), S(t(m), {
+                  key: e.classify_id,
+                  label: e.scenario_name,
+                  value: e.classify_id
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            r(t(g), {
+              modelValue: l.value.wh_rate,
+              "onUpdate:modelValue": a[2] || (a[2] = (e) => l.value.wh_rate = e),
+              class: "filter-item",
+              placeholder: "图片比例"
+            }, {
+              default: i(() => [
+                (n(!0), c(V, null, b(t(K), (e) => (n(), S(t(m), {
+                  key: e.value,
+                  label: e.label,
+                  value: e.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            E(r(t(z), {
+              type: "text",
+              size: "medium",
+              onClick: _
+            }, {
+              icon: i(() => [
+                r(t(D))
+              ]),
+              default: i(() => [...a[3] || (a[3] = [
+                F("重置筛选", -1)
+              ])]),
+              _: 1
+            }, 512), [
+              [L, R.value]
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  Z as default
+};

package/es/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.vue2.mjs

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