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

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

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

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

@@ -0,0 +1,40 @@
+import { defineComponent as f, inject as s, ref as p, createBlock as u, openBlock as a, withCtx as l, createCommentVNode as c, unref as t, mergeProps as d, renderSlot as v } from "vue";
+import _ from "../../../../videoThumb.mjs";
+import h from "../ListWraper.vue.mjs";
+const k = /* @__PURE__ */ f({
+  __name: "index",
+  setup(x) {
+    const r = s("videoThumbOptions"), o = p("");
+    function i() {
+      const e = o.value;
+      return [
+        {
+          url: e,
+          alias: e,
+          catalog: "image",
+          thumb: e
+        }
+      ];
+    }
+    return (e, n) => (a(), u(h, null, {
+      "footer-extra": l(() => [
+        v(e.$slots, "footer-extra", {
+          type: "video",
+          isEmpty: !o.value,
+          onConfirm: i
+        })
+      ]),
+      default: l(() => [
+        t(r) ? (a(), u(t(_), d({
+          key: 0,
+          value: o.value,
+          "onUpdate:value": n[0] || (n[0] = (m) => o.value = m)
+        }, t(r), { offset: 115 }), null, 16, ["value"])) : c("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  k as default
+};

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

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

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

@@ -0,0 +1,57 @@
+import { defineComponent as a, createElementBlock as o, openBlock as t, createCommentVNode as r, createElementVNode as i, renderSlot as s, createBlock as c, createVNode as l, unref as n, withCtx as d } from "vue";
+import { Spin as p, Scrollbar as m } from "@arco-design/web-vue";
+import u from "../../../emptyData/component.vue.mjs";
+const h = { class: "resource-list" }, _ = {
+  key: 0,
+  class: "resource-list-header"
+}, f = { class: "resource-list-content" }, y = {
+  key: 0,
+  class: "resource-list-content-loading"
+}, k = {
+  key: 1,
+  class: "resource-list-content-empty"
+}, v = { class: "resource-list-footer" }, g = {
+  key: 0,
+  class: "footer-right"
+}, S = /* @__PURE__ */ a({
+  __name: "ListWraper",
+  props: {
+    isEmpty: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  setup($) {
+    return (e, B) => (t(), o("div", h, [
+      e.$slots.header ? (t(), o("div", _, [
+        s(e.$slots, "header")
+      ])) : r("", !0),
+      i("div", f, [
+        e.loading ? (t(), o("div", y, [
+          l(n(p), {
+            tip: "素材加载中",
+            loading: !0
+          })
+        ])) : e.isEmpty ? (t(), o("div", k, [
+          l(u, { type: "empty" })
+        ])) : (t(), c(n(m), {
+          key: 2,
+          "outer-style": { height: "100%" },
+          style: { height: "100%", overflow: "auto" }
+        }, {
+          default: d(() => [
+            s(e.$slots, "default")
+          ]),
+          _: 3
+        }))
+      ]),
+      i("div", v, [
+        s(e.$slots, "footer"),
+        e.$slots["footer-extra"] ? (t(), o("div", g, [
+          s(e.$slots, "footer-extra")
+        ])) : r("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  S as default
+};

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

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

package/es/selectResourceModal/components/ListSelected/index.vue.mjs

@@ -0,0 +1,89 @@
+import { defineComponent as k, inject as b, computed as C, ref as w, createElementBlock as r, openBlock as o, createCommentVNode as a, createVNode as n, toDisplayString as c, unref as s, withCtx as d, createTextVNode as y, createElementVNode as t, Fragment as V, renderList as I, createBlock as p } from "vue";
+import { Popover as x, Link as B, Image as v, Button as N } from "@arco-design/web-vue";
+import { IconClose as g } from "@arco-design/web-vue/es/icon";
+import { IconVideoTag as $ } from "@arco-iconbox/vue-cmstop-icons";
+const P = { class: "list-selected-wrapper" }, T = { key: 0 }, A = { class: "list-panel-header" }, E = { class: "header-options" }, L = { class: "list-selected-record" }, j = { class: "item-thumb" }, z = { class: "item-tag" }, D = { class: "item-alias" }, J = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    selected: {},
+    maxcount: {}
+  },
+  emits: ["remove", "clear"],
+  setup(F, { emit: h }) {
+    const m = h, f = b("baseAPI"), _ = C(() => `${f}/static/img/music.2ee269c.png`), u = w(!1);
+    return (l, i) => (o(), r("div", P, [
+      l.maxcount ? (o(), r("span", T, "最多选择 " + c(l.maxcount) + " 个素材， ", 1)) : a("", !0),
+      n(s(x), {
+        "popup-visible": u.value,
+        "onUpdate:popupVisible": i[2] || (i[2] = (e) => u.value = e),
+        trigger: "click",
+        "content-class": "list-panel-wrapper"
+      }, {
+        content: d(() => [
+          t("div", A, [
+            t("div", null, "已选择 " + c(l.selected.length) + " 个素材", 1),
+            t("div", E, [
+              t("div", {
+                onClick: i[0] || (i[0] = (e) => m("clear"))
+              }, " 清除 "),
+              t("div", {
+                onClick: i[1] || (i[1] = (e) => u.value = !1)
+              }, [
+                n(s(g), { size: "14" })
+              ])
+            ])
+          ]),
+          t("div", L, [
+            (o(!0), r(V, null, I(l.selected, (e) => (o(), r("div", {
+              key: e.id,
+              class: "list-selected-item"
+            }, [
+              t("div", j, [
+                ["image", "video"].includes(e.catalog) ? (o(), p(s(v), {
+                  key: 0,
+                  preview: !1,
+                  width: "100%",
+                  height: "100%",
+                  src: e.thumb || e.url
+                }, null, 8, ["src"])) : a("", !0),
+                ["audio"].includes(e.catalog) ? (o(), p(s(v), {
+                  key: 1,
+                  preview: !1,
+                  width: "100%",
+                  height: "100%",
+                  fit: "cover",
+                  src: _.value
+                }, null, 8, ["src"])) : a("", !0),
+                t("div", z, [
+                  e.catalog === "video" ? (o(), p(s($), { key: 0 })) : a("", !0)
+                ])
+              ]),
+              t("div", D, c(e.alias), 1),
+              n(s(N), {
+                type: "text",
+                onClick: (S) => m("remove", e)
+              }, {
+                icon: d(() => [
+                  n(s(g))
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ]))), 128))
+          ])
+        ]),
+        default: d(() => [
+          n(s(B), null, {
+            default: d(() => [
+              y("已选择 " + c(l.selected.length) + " 个素材", 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["popup-visible"])
+    ]));
+  }
+});
+export {
+  J as default
+};

package/es/selectResourceModal/components/ListSelected/index.vue2.mjs

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

package/es/selectResourceModal/components/ListTabs/index.vue.mjs

@@ -0,0 +1,50 @@
+import { defineComponent as k, computed as f, createElementBlock as u, openBlock as o, createVNode as m, unref as n, withCtx as l, Fragment as y, renderList as x, createBlock as c, createCommentVNode as C } from "vue";
+import { IconClose as g } from "@arco-design/web-vue/es/icon";
+import { Tabs as b, TabPane as B, Button as V } from "@arco-design/web-vue";
+const w = { class: "resource-select-header" }, K = /* @__PURE__ */ k({
+  __name: "index",
+  props: {
+    modelValue: {},
+    tabList: {},
+    wrap: {}
+  },
+  emits: ["update:model-value", "change", "close"],
+  setup(d, { emit: p }) {
+    const s = d, r = p, i = f({
+      get: () => s.modelValue,
+      set: (a) => r("update:model-value", a)
+    }), v = s.wrap === "div";
+    return (a, t) => (o(), u("div", w, [
+      m(n(b), {
+        "active-key": i.value,
+        "onUpdate:activeKey": t[1] || (t[1] = (e) => i.value = e),
+        onChange: t[2] || (t[2] = (e) => r("change", e))
+      }, {
+        extra: l(() => [
+          v ? C("", !0) : (o(), c(n(V), {
+            key: 0,
+            type: "text",
+            shape: "round",
+            style: { color: "black", transform: "translateX(-8px)" },
+            onClick: t[0] || (t[0] = (e) => r("close"))
+          }, {
+            icon: l(() => [
+              m(n(g))
+            ]),
+            _: 1
+          }))
+        ]),
+        default: l(() => [
+          (o(!0), u(y, null, x(a.tabList, (e) => (o(), c(n(B), {
+            key: e.key,
+            title: e.title
+          }, null, 8, ["title"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["active-key"])
+    ]));
+  }
+});
+export {
+  K as default
+};

package/es/selectResourceModal/components/ListTabs/index.vue2.mjs

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

package/es/selectResourceModal/hooks/useResponsiveFilter.mjs

@@ -0,0 +1,87 @@
+import { ref as u, onMounted as k, nextTick as h, onUnmounted as H } from "vue";
+import M from "../../hooks/usePopper.mjs";
+const i = (e) => {
+  if (!e || typeof e.getClientRects != "function")
+    return { right: 0, width: 0 };
+  const c = e.getClientRects();
+  if (c.length === 0) return { right: 0, width: 0 };
+  const o = c[0];
+  return {
+    right: o.right,
+    width: o.width
+  };
+};
+function F(e) {
+  const c = u(), o = u(), { initPopper: E, show: L, visible: y, hide: b } = M(
+    o,
+    c
+  ), C = u(0), g = u(0), a = u([]), w = () => {
+    C.value = document.body?.clientWidth || 0;
+    const t = e.value?.parentElement;
+    t && (g.value = i(t).right);
+  }, x = () => {
+    window.addEventListener("resize", d);
+  }, f = () => {
+    window.removeEventListener("resize", d);
+  }, z = (t) => {
+    const { width: n } = i(t);
+    n > 0 && e.value?.contains(t) && (a.value.push({ width: n, el: t }), e.value?.removeChild(t), o.value?.insertBefore(t, o.value.firstChild));
+  }, B = () => {
+    if (!a.value.length || !e.value) return;
+    const t = a.value.pop();
+    if (!t) return;
+    const { el: n } = t;
+    o.value?.removeChild(n), e.value?.appendChild(n);
+  }, W = () => {
+    if (!e.value) return -1;
+    const t = g.value, n = e.value.children;
+    let l = i(e.value).right - i(e.value).width;
+    for (let v = n.length - 1; v >= 0; v--) {
+      const r = n[v];
+      if (!r || !r.classList || !r.classList.contains("filter-item"))
+        continue;
+      const s = i(r);
+      s.right > t - 400 ? z(r) : l = Math.max(
+        l,
+        s.right
+      );
+    }
+    return l;
+  }, d = async () => {
+    if (await h(), w(), !e.value || !o.value) return;
+    const t = g.value;
+    let n = W();
+    (n === -1 && e.value.children.length > 0 || e.value.children.length === 0) && (n = i(e.value).left), await h();
+    let l = t - n;
+    for (; a.value.length > 0; ) {
+      const r = a.value[a.value.length - 1].width;
+      if (l > r + 10) {
+        B(), await h();
+        const s = Array.from(
+          e.value.children
+        );
+        s.length > 0 ? n = s.reduce((p, m) => m.classList?.contains("filter-item") ? Math.max(p, i(m).right) : p, i(e.value).left) : n = i(e.value).left, l = t - n;
+      } else
+        break;
+    }
+  };
+  return k(async () => {
+    x(), E("bottom-start", [0, 40]), await h(), w(), await h(), d();
+  }), H(() => {
+    f();
+  }), {
+    moreBtnRef: c,
+    popperPanelRef: o,
+    // filterItemsRef, // No need to return this as it's passed in
+    hiddenElementList: a,
+    visible: y,
+    show: L,
+    hide: b,
+    refreshLayout: d
+    // Expose refreshLayout if needed externally
+    // removeResizeListener // No need to expose cleanup
+  };
+}
+export {
+  F as useResponsiveFilter
+};

package/es/selectResourceModal/scripts/selectionApis.mjs

@@ -0,0 +1,18 @@
+import e from "../../utils/request.mjs";
+function a(t, s, r) {
+  return e(t, {
+    url: `/poplar/v2/accounts/${s}`,
+    method: "get",
+    params: r
+  });
+}
+function n(t, s) {
+  return e(t, {
+    url: `/poplar/v3/sys_attachment/scenario_classifies?sys_tag=${s}`,
+    method: "get"
+  });
+}
+export {
+  a as getAccountList,
+  n as getSysRsClassifyList
+};

package/es/selectResourceModal/scripts/useCompoLf.mjs

@@ -0,0 +1,32 @@
+import { computed as t, provide as o } from "vue";
+import { DEFAULT_BASE_API as f } from "../../config.mjs";
+function c(e, s, r) {
+  const u = e.BASE_API || f, a = t(() => e.wrap === "drawer" ? {
+    class: "resource-select-drawer",
+    header: !1,
+    width: "85vw",
+    footer: !1,
+    unmountOnClose: !0
+  } : {
+    bodyClass: "resource-select-modal-body",
+    width: "986px",
+    closable: !1,
+    hideTitle: !1,
+    footer: !1,
+    unmountOnClose: !0
+  });
+  o("baseAPI", u), o("filterOptions", t(() => e.filterOptions)), o("userInfo", t(() => e.userInfo)), o("mediaUseType", t(() => e.mediaUseType)), o("aiThumbList", t(() => e.aiThumbList)), o("videoThumbOptions", t(() => e.videoThumbOptions));
+  function i() {
+    s("update:visible", !1), r?.onClose();
+  }
+  return {
+    wrapProps: a,
+    close: i,
+    submit: (n, ...l) => {
+      s("submit", JSON.parse(JSON.stringify(n)), ...l), i();
+    }
+  };
+}
+export {
+  c as default
+};

package/es/selectResourceModal/scripts/useResourceSelect.mjs

@@ -0,0 +1,23 @@
+import { ref as f, computed as t } from "vue";
+function x(u) {
+  const e = f([]), o = t(
+    () => e.value.map((l) => l.id || l.url)
+  ), d = t(() => u.maxcount && e.value.length >= u.maxcount);
+  function s(l) {
+    const { id: r, url: i } = l, c = e.value.findIndex((n) => n.id && n.id === r || n.url === i);
+    c > -1 ? e.value.splice(c, 1) : e.value.push(l);
+  }
+  function a() {
+    e.value = [];
+  }
+  return {
+    selected: e,
+    selectedKeys: o,
+    disableSelect: d,
+    handleSelect: s,
+    handleClear: a
+  };
+}
+export {
+  x as useResourceSelect
+};

package/es/selectResourceModal/scripts/useTabFilter.mjs

@@ -0,0 +1,56 @@
+import { ref as _, computed as n } from "vue";
+import d from "../components/List/ListVideo/index.vue.mjs";
+import m from "../components/List/ListNormal/index.vue.mjs";
+import v from "../components/List/ListSystem/index.vue.mjs";
+import y from "../components/List/ListLocal/index.vue.mjs";
+import h from "../components/List/ListAi/index.vue.mjs";
+var L = /* @__PURE__ */ ((t) => (t.ALL = "all", t.MY = "my", t.REMIND = "remind", t.LOCAL = "local", t.SYSTEM = "system", t.AI = "ai", t.VIDEO = "video", t))(L || {});
+const A = [
+  "all",
+  "my",
+  "remind",
+  "local"
+  /* LOCAL */
+], c = {
+  all: { title: "全部素材", component: m },
+  my: { title: "我的素材", component: m },
+  remind: { title: "提醒我的", component: m },
+  local: { title: "本地素材", component: y },
+  system: { title: "内置素材", component: v },
+  ai: { title: "正文素材", component: h },
+  video: { title: "视频封面", component: d }
+};
+function $(t) {
+  const o = _(
+    "all"
+    /* ALL */
+  ), a = n(() => c[o.value]), r = n(() => {
+    const { mediaUseType: i, aiThumbList: l, videoThumbOptions: u } = t, e = JSON.parse(JSON.stringify(A));
+    return i > 0 && e.unshift(
+      "system"
+      /* SYSTEM */
+    ), l && l.length && e.unshift(
+      "ai"
+      /* AI */
+    ), u && e.unshift(
+      "video"
+      /* VIDEO */
+    ), [o.value] = e, e.map((s) => ({
+      key: s,
+      title: c[s].title
+    }));
+  }), f = n(() => a.value.component);
+  function p(i) {
+    o.value = i;
+  }
+  return {
+    activeKey: o,
+    activeComponent: f,
+    tabKeyList: r,
+    handelChangeTab: p
+  };
+}
+export {
+  L as TabEnum,
+  $ as default
+};

package/es/selectResourceModal.mjs

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