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

package/es/mediaFilter/components/DocFilter.vue.mjs

@@ -0,0 +1,212 @@
+import { defineComponent as A, ref as H, computed as m, watch as K, createBlock as s, openBlock as r, withCtx as u, createCommentVNode as i, createElementVNode as _, unref as a, createVNode as d, createTextVNode as v, toDisplayString as b, createElementBlock as f, Fragment as k, renderList as y, normalizeClass as C, renderSlot as j, withModifiers as S } from "vue";
+import { Dropdown as q, Button as O, Dgroup as x, Doption as D, RangePicker as G, Select as J, Option as Q, InputSearch as W } from "@arco-design/web-vue";
+import { IconCheck as T, IconRefresh as X } from "@arco-design/web-vue/es/icon";
+import { typeOptions as Y, stateOptions as Z, docThumbTypeMap as ee } from "../../utils/doc.mjs";
+import { useHighLevelSearch as le, getProvalTypeOptions as te, getApprovalStateOptions as oe } from "../script/optionsGetter.mjs";
+import ae from "./FilterGroup.vue.mjs";
+import re from "./FilterItem.vue.mjs";
+const ue = { class: "label" }, ne = { class: "label" }, se = { class: "group-right" }, ye = /* @__PURE__ */ A({
+  __name: "DocFilter",
+  props: {
+    filterKeys: { default: () => ["doc_type"] },
+    filterType: { default: "APV" }
+  },
+  emits: ["search", "change"],
+  setup(U, { emit: $ }) {
+    const p = U, g = $, { highLevelSearchOptions: c, showHighLevelSearch: E, sortOptions: N } = le(p.filterType), t = H({
+      // keywords - 关键词
+      keywords: "",
+      // left - 基础筛选
+      doc_type: "",
+      doc_state: "",
+      doc_thumb: "",
+      pub_time: "",
+      doc_banner: "",
+      apv_state: "",
+      apv_type: "",
+      // right - 高级筛选
+      order: c.value.length > 0 ? c.value[0].value : "",
+      sort: -1,
+      meta: {}
+    });
+    p.filterType === "MINE" && w(t.value.order);
+    const P = [
+      { value: "", label: "全部" },
+      { value: "0", label: "无独立轮播" },
+      { value: "1", label: "有独立轮播" }
+    ], I = [
+      { key: "doc_type", label: "稿件类型", pos: "left", options: Y() },
+      { key: "doc_state", label: "稿件状态", pos: "left", options: Z() },
+      { key: "doc_thumb", label: "封面类型", pos: "left", options: ee() },
+      { key: "pub_time", label: "发布时间", pos: "left", isDatePicker: !0 },
+      { key: "doc_banner", label: "独立轮播", pos: "left", options: P },
+      { key: "apv_type", label: "审批类型", pos: "left", options: te() },
+      { key: "apv_state", label: "审核状态", pos: "left", options: oe() }
+    ], h = m(() => I.filter((l) => !!p.filterKeys.includes(l.key))), L = m(() => h.value.some((l) => t.value[l.key] !== ""));
+    function M() {
+      const l = ["order", "sort", "meta", "keywords"];
+      Object.keys(t.value).forEach((o) => {
+        l.includes(o) || (t.value[o] = "");
+      });
+    }
+    function V(l) {
+      const o = {};
+      return h.value.forEach((e) => {
+        o[e.key] = l[e.key];
+      }), o.keywords = l.keywords, o.highSearch = {
+        order: l.order,
+        sort: l.sort,
+        meta: l.meta
+      }, o;
+    }
+    function B() {
+      const l = V(t.value);
+      g("search", l);
+    }
+    K(
+      () => t.value,
+      (l) => {
+        const o = V(l);
+        g("change", o);
+      },
+      { deep: !0 }
+    );
+    const R = m(() => c.value.find(
+      (l) => l.value === t.value.order
+    ));
+    function F(l) {
+      t.value.order = l, p.filterType === "MINE" && w(l);
+    }
+    function w(l) {
+      const o = c.value.find((e) => e.value === l);
+      o && (t.value.meta = {
+        from: `${o.key}_from`,
+        to: `${o.key}_to`
+      });
+    }
+    function z(l) {
+      t.value.sort = l;
+    }
+    return (l, o) => (r(), s(ae, null, {
+      search: u(() => [
+        d(a(W), {
+          modelValue: t.value.keywords,
+          "onUpdate:modelValue": o[0] || (o[0] = (e) => t.value.keywords = e),
+          "allow-clear": "",
+          size: "medium",
+          placeholder: "请输入标题关键字",
+          onSearch: B
+        }, null, 8, ["modelValue"])
+      ]),
+      left: u(() => [
+        (r(!0), f(k, null, y(h.value, (e) => (r(), s(re, {
+          key: e.key,
+          value: t.value[e.key],
+          "onUpdate:value": (n) => t.value[e.key] = n,
+          label: e.label,
+          "date-picker": !!e.isDatePicker,
+          options: e.options
+        }, {
+          default: u(() => [
+            e.isDatePicker ? (r(), s(a(G), {
+              key: 0,
+              modelValue: t.value[e.key],
+              "onUpdate:modelValue": (n) => t.value[e.key] = n,
+              onClick: o[1] || (o[1] = S(() => {
+              }, ["stop"]))
+            }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (r(), s(a(J), {
+              key: 1,
+              modelValue: t.value[e.key],
+              "onUpdate:modelValue": (n) => t.value[e.key] = n,
+              bordered: !1,
+              style: { width: "120px" },
+              onClick: o[2] || (o[2] = S(() => {
+              }, ["stop"]))
+            }, {
+              default: u(() => [
+                (r(!0), f(k, null, y(e.options, (n) => (r(), s(a(Q), {
+                  key: n.value,
+                  label: n.label,
+                  value: n.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 2
+            }, 1032, ["modelValue", "onUpdate:modelValue"]))
+          ]),
+          _: 2
+        }, 1032, ["value", "onUpdate:value", "label", "date-picker", "options"]))), 128)),
+        L.value ? (r(), s(a(O), {
+          key: 0,
+          type: "text",
+          onClick: M
+        }, {
+          icon: u(() => [
+            d(a(X))
+          ]),
+          default: u(() => [
+            o[3] || (o[3] = v(" 重置 ", -1))
+          ]),
+          _: 1
+        })) : i("", !0)
+      ]),
+      right: u(() => [
+        a(E) ? (r(), s(a(q), { key: 0 }, {
+          content: u(() => [
+            d(a(x), { title: "order" }, {
+              default: u(() => [
+                (r(!0), f(k, null, y(a(c), (e) => (r(), s(a(D), {
+                  key: e.value,
+                  class: C({ active: e.value === t.value.order, dop: !0 }),
+                  onClick: (n) => F(e.value)
+                }, {
+                  default: u(() => [
+                    _("span", ue, [
+                      v(b(e.label) + " ", 1),
+                      e.value === t.value.order ? (r(), s(a(T), { key: 0 })) : i("", !0)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"]))), 128))
+              ]),
+              _: 1
+            }),
+            d(a(x), { title: "sort" }, {
+              default: u(() => [
+                (r(!0), f(k, null, y(a(N), (e) => (r(), s(a(D), {
+                  key: e.value,
+                  class: C({ active: e.value === t.value.sort, dop: !0 }),
+                  onClick: (n) => z(e.value)
+                }, {
+                  default: u(() => [
+                    _("span", ne, [
+                      v(b(e.label) + " ", 1),
+                      e.value === t.value.sort ? (r(), s(a(T), { key: 0 })) : i("", !0)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          default: u(() => [
+            d(a(O), { text: "text" }, {
+              default: u(() => [
+                v(b(R.value?.label), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : i("", !0),
+        _("div", se, [
+          j(l.$slots, "right")
+        ])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  ye as default
+};

package/es/mediaFilter/components/DocFilter.vue2.mjs

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

package/es/mediaFilter/components/FilterGroup.vue.mjs

@@ -0,0 +1,138 @@
+import { defineComponent as x, ref as i, watch as v, onMounted as F, createElementBlock as T, openBlock as j, createElementVNode as s, renderSlot as m, withDirectives as y, createVNode as P, unref as k, withModifiers as z, withCtx as G, createTextVNode as L, vShow as A } from "vue";
+import { Button as O } from "@arco-design/web-vue";
+import { IconCaretDown as S } from "@arco-design/web-vue/es/icon";
+import { createPopper as q } from "@popperjs/core";
+const H = { class: "filter-view-container" }, J = { class: "filter-search" }, K = { class: "more-btn" }, Q = { class: "right-prefix" }, U = { class: "filter-content" }, X = { class: "right" }, Y = {
+  ref: "tempNode",
+  style: { display: "none" }
+}, ie = /* @__PURE__ */ x({
+  __name: "FilterGroup",
+  setup(Z) {
+    const _ = i(0), c = i(0);
+    v(
+      () => _.value,
+      (e) => N()
+    ), v(
+      () => c.value,
+      (e) => M()
+    );
+    const C = function() {
+      window.onresize = () => {
+        _.value = document.body.clientWidth;
+      };
+    }, r = i(), g = i(), f = i(), R = function() {
+      q(g.value, f.value, {
+        placement: "bottom-start",
+        modifiers: [{ name: "offset", options: { offset: [-40, 10] } }]
+      });
+    }, u = i(!1);
+    function I() {
+      u.value = !0, window.onclick = B;
+    }
+    function B() {
+      u.value = !1;
+    }
+    const a = i([]), d = i([]), w = i([]);
+    function N() {
+      if (!r.value) return;
+      const e = r.value.parentNode;
+      a.value.length || (a.value = h(r.value.childNodes), d.value = a.value.map((l) => l.clientWidth + 10), w.value = d.value.map((l, V) => V));
+      const n = e.clientWidth, t = E(d.value), o = e.childNodes[e.childNodes.length - 1].clientWidth;
+      c.value = t + o - n;
+    }
+    function h(e) {
+      const n = [];
+      for (let t = 0; t < e.length; t++) {
+        const o = e[t];
+        n.push(o);
+      }
+      return n.filter((t) => t.clientWidth);
+    }
+    function E(e) {
+      return e.reduce((n, t) => n + t, 0);
+    }
+    const p = i("");
+    v(
+      () => p.value,
+      (e, n) => $(e, n)
+    );
+    function $(e, n) {
+      const t = e ? e.split(",") : [], o = n ? n.split(",") : [];
+      t.length && t.length > o.length ? W(t, o).forEach((l) => b(parseInt(l, 10))) : t.length >= 0 && t.length < o.length && W(o, t).forEach((l) => D(parseInt(l, 10)));
+    }
+    const W = (e, n) => {
+      const t = [];
+      for (let o = 0; o < e.length; o++) {
+        const l = e[o];
+        n.includes(l) || t.push(l);
+      }
+      return t;
+    };
+    function b(e) {
+      const n = h(r.value?.childNodes)[e], t = document.createElement("div");
+      t.style.width = `${d.value[e]}px`, t.style.position = "absolute", t.style.left = "50px", r.value?.replaceChild(t, n), f.value?.appendChild(n);
+    }
+    function D(e) {
+      const n = a.value[e];
+      r.value?.replaceChild(
+        n,
+        h(r.value.childNodes)[e]
+      );
+    }
+    function M() {
+      let e = 0;
+      c.value > 0 && (e = Math.ceil((c.value + 200) / 120)), p.value = w.value.slice(0, e).join(",");
+    }
+    return F(() => {
+      C(), R(), setTimeout(() => N());
+    }), (e, n) => (j(), T("div", H, [
+      s("div", J, [
+        m(e.$slots, "search")
+      ]),
+      s("div", K, [
+        s("div", {
+          ref_key: "moreBtnRef",
+          ref: g
+        }, [
+          y(P(k(O), {
+            onClick: z(I, ["stop"])
+          }, {
+            default: G(() => [
+              s("span", Q, [
+                n[0] || (n[0] = L(" 更多筛选 ", -1)),
+                P(k(S))
+              ])
+            ]),
+            _: 1
+          }, 512), [
+            [A, p.value]
+          ])
+        ], 512),
+        y(s("div", {
+          id: "dpPannelRef",
+          ref_key: "dpPannelRef",
+          ref: f,
+          class: "filter-pannel"
+        }, null, 512), [
+          [A, u.value]
+        ])
+      ]),
+      s("div", U, [
+        s("div", {
+          ref_key: "filterItemsRef",
+          ref: r,
+          class: "left"
+        }, [
+          m(e.$slots, "left")
+        ], 512),
+        s("div", X, [
+          m(e.$slots, "right")
+        ])
+      ]),
+      s("div", Y, null, 512)
+    ]));
+  }
+});
+export {
+  ie as default
+};

package/es/mediaFilter/components/FilterGroup.vue2.mjs

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

package/es/mediaFilter/components/FilterItem.vue.mjs

@@ -0,0 +1,82 @@
+import { defineComponent as k, computed as u, createElementBlock as B, openBlock as i, createElementVNode as l, createVNode as r, unref as a, withCtx as n, withDirectives as c, createCommentVNode as y, createBlock as g, createTextVNode as d, toDisplayString as f, vShow as p, renderSlot as x } from "vue";
+import { ButtonGroup as C, Button as v } from "@arco-design/web-vue";
+import { IconCaretDown as h } from "@arco-design/web-vue/es/icon";
+const D = { class: "filter-item-view" }, V = { class: "show-view" }, A = { class: "right-prefix" }, I = { class: "right-prefix" }, N = { class: "right-prefix" }, S = { class: "select-view" }, P = /* @__PURE__ */ k({
+  __name: "FilterItem",
+  props: {
+    value: { default: "" },
+    allValue: { default: "" },
+    label: { default: "" },
+    options: { default: () => [] },
+    icon: { default: "" },
+    rightIcon: { default: "" },
+    datePicker: { type: Boolean, default: !1 },
+    backgroundColor: { default: "none" }
+  },
+  setup(w) {
+    const t = w, s = u(() => t.allValue !== "" && t.value === t.allValue ? !1 : Array.isArray(t.value) ? t.value.length > 0 : t.value), _ = u(() => t.options.find((e) => e.value === t.value)), m = u(() => Array.isArray(t.value) ? t.value.map((e) => t.datePicker ? b(e) : e.alias || e.title || e.label).join(" / ") : "");
+    function b(e) {
+      if (!e) return "";
+      typeof e == "number" && String(e).length === 10 && (e *= 1e3);
+      const o = new Date(e);
+      return `${o.getFullYear()}-${o.getMonth() + 1}-${o.getDate()}`;
+    }
+    return (e, o) => (i(), B("div", D, [
+      l("div", V, [
+        r(a(C), {
+          type: "primary",
+          size: "medium"
+        }, {
+          default: n(() => [
+            _.value ? c((i(), g(a(v), {
+              key: 0,
+              class: "hasvalue-btn"
+            }, {
+              default: n(() => [
+                l("span", A, [
+                  d(f(_.value.label) + " ", 1),
+                  r(a(h))
+                ])
+              ]),
+              _: 1
+            }, 512)), [
+              [p, s.value]
+            ]) : y("", !0),
+            m.value ? c((i(), g(a(v), {
+              key: 1,
+              class: "hasvalue-btn"
+            }, {
+              default: n(() => [
+                l("span", I, [
+                  d(f(m.value) + " ", 1),
+                  r(a(h))
+                ])
+              ]),
+              _: 1
+            }, 512)), [
+              [p, s.value]
+            ]) : y("", !0),
+            c(r(a(v), { type: "secondary" }, {
+              default: n(() => [
+                l("span", N, [
+                  d(f(e.label) + " ", 1),
+                  r(a(h))
+                ])
+              ]),
+              _: 1
+            }, 512), [
+              [p, !s.value]
+            ])
+          ]),
+          _: 1
+        })
+      ]),
+      l("div", S, [
+        x(e.$slots, "default")
+      ])
+    ]));
+  }
+});
+export {
+  P as default
+};

package/es/mediaFilter/components/FilterItem.vue2.mjs

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

package/es/mediaFilter/components/MediaFilter.vue.mjs

@@ -0,0 +1,10 @@
+import { createElementBlock as e, openBlock as r } from "vue";
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const c = {};
+function o(n, _) {
+  return r(), e("div", null, " 素材筛选组件 ");
+}
+const i = /* @__PURE__ */ t(c, [["render", o]]);
+export {
+  i as default
+};

package/es/mediaFilter/components/MpAccountFilter.vue.mjs

@@ -0,0 +1,11 @@
+import { defineComponent as n, createElementBlock as o, openBlock as t, toDisplayString as c, unref as r } from "vue";
+const a = /* @__PURE__ */ n({
+  __name: "MpAccountFilter",
+  setup(i) {
+    const e = window.situoyun?.config?.oem_config?.mp_name || "公众号";
+    return (m, p) => (t(), o("div", null, c(r(e)) + "账号筛选组件 ", 1));
+  }
+});
+export {
+  a as default
+};

package/es/mediaFilter/components/MpAccountFilter.vue2.mjs

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

package/es/mediaFilter/components/MpContentFilter.vue.mjs

@@ -0,0 +1,11 @@
+import { defineComponent as n, createElementBlock as o, openBlock as t, toDisplayString as r, unref as c } from "vue";
+const a = /* @__PURE__ */ n({
+  __name: "MpContentFilter",
+  setup(i) {
+    const e = window.situoyun?.config?.oem_config?.mp_name || "公众号";
+    return (m, p) => (t(), o("div", null, r(c(e)) + "内容筛选组件 ", 1));
+  }
+});
+export {
+  a as default
+};

package/es/mediaFilter/components/MpContentFilter.vue2.mjs

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

package/es/mediaFilter/script/optionsGetter.mjs

@@ -0,0 +1,72 @@
+import { computed as l } from "vue";
+const a = {
+  // 0: '未开始',
+  1: "审核中",
+  2: "已拒绝",
+  // 已驳回
+  3: "已通过",
+  4: "已撤销",
+  5: "已通过",
+  // 已定稿发布
+  6: "已驳回",
+  // 驳回重审
+  7: "重新发起",
+  // 重新发起
+  8: "已结束"
+  // 结束当前流，准备开始新流
+}, r = {
+  1: "内容审批",
+  2: "上版审批"
+};
+function c() {
+  const e = Object.keys(a).map((t) => ({
+    label: a[t],
+    value: parseInt(t, 10)
+  })).filter((t) => ![2, 5, 7].includes(t.value));
+  return e.unshift({ label: "全部状态", value: "" }), e;
+}
+function v() {
+  const e = Object.keys(r).map(
+    (t) => ({
+      label: r[t],
+      value: parseInt(t, 10)
+    })
+  );
+  return e.unshift({ label: "全部", value: "" }), e;
+}
+function b(e) {
+  const t = [
+    { value: 1, label: "正序" },
+    { value: -1, label: "倒序" }
+  ], u = [
+    { value: "create_at", label: "提交时间" },
+    { value: "update_at", label: "更新时间" }
+  ], n = [
+    { value: "create_time", label: "创建时间" },
+    { value: "pub_time", label: "发布时间" },
+    { value: "update_time", label: "更新时间" }
+  ], o = [
+    { value: "create_time", type: "draft", label: "创建时间", key: "create" },
+    { value: "pub_time", type: "published", label: "发布时间", key: "publish" },
+    { value: "commit_time", type: "tocheck", label: "提交时间", key: "commit" },
+    { value: "retract_time", type: "refuse", label: "驳回时间", key: "reject" },
+    {
+      value: "offline_time",
+      type: "offline",
+      label: "下线时间",
+      key: "offline"
+    }
+  ], i = l(() => e !== "CONTENT"), p = l(() => e === "APV" ? u : e === "MINE" ? o : e === "STORE" ? n : []);
+  return {
+    sortOptions: t,
+    showHighLevelSearch: i,
+    highLevelSearchOptions: p
+  };
+}
+export {
+  a as approveFlowStatusMap,
+  c as getApprovalStateOptions,
+  v as getProvalTypeOptions,
+  r as provalTypeMap,
+  b as useHighLevelSearch
+};

package/es/mediaFilter.mjs

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

package/es/mediaView/component.vue.mjs

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

package/es/mediaView/component.vue2.mjs

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

package/es/mediaView.mjs

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