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

package/es/contentModal/components/ViewAllColumn/MediaFilter/index.vue.mjs

@@ -0,0 +1,252 @@
+import { defineComponent as j, ref as k, computed as p, watch as f, createElementBlock as i, openBlock as n, createVNode as u, createElementVNode as w, unref as o, withCtx as s, withDirectives as E, Fragment as v, renderList as c, toDisplayString as T, createBlock as y, createTextVNode as W, vShow as z } from "vue";
+import { Space as D, Input as J, Select as m, Option as b, Tooltip as R, Button as L } from "@arco-design/web-vue";
+import { IconInfoCircle as $, IconRefresh as q } from "@arco-design/web-vue/es/icon";
+import { docSeries as g, docThumbMap as V } from "../../../../utils/doc.mjs";
+import A from "../columnTree/index.vue.mjs";
+const G = { class: "media-filter-container" }, H = { style: { display: "flex", "align-items": "center", gap: "5px" } }, K = { class: "sort-button" }, le = /* @__PURE__ */ j({
+  name: "MediaFilter",
+  __name: "index",
+  props: {
+    groupId: {},
+    tree: { default: () => [] },
+    series: { default: "all" },
+    banner: { default: "all" },
+    height: {},
+    userInfo: {}
+  },
+  emits: ["update:group_id", "search"],
+  setup(S, { emit: x }) {
+    const r = S, d = k("all"), h = x, l = k({
+      keywords: "",
+      type: "",
+      cover_type: "",
+      banner: "",
+      sort: -1,
+      // -1倒序,1正序
+      order: "create_time",
+      wordState: "precision"
+    }), O = [
+      {
+        value: "precision",
+        label: "精准搜",
+        desc: "会以输入的完整关键词“成长”进行搜索，搜索结果关联性更高，但搜索结果更少"
+      },
+      {
+        value: "blur",
+        label: "模糊搜",
+        desc: "会将输入内容分词，例如“成长”会分为“成”、“长”、“成长”，内容包含三个词中任意一个均会显示出来，搜索内容更加丰富"
+      }
+    ], I = p(() => [
+      {
+        value: "0",
+        key: "0",
+        label: "无独立轮播"
+      },
+      {
+        value: "1",
+        key: "1",
+        label: "有独立轮播"
+      }
+    ].filter(
+      (t) => r.banner === "all" || r.banner === t.key
+    )), U = p(() => Object.keys(g).map((t) => ({
+      value: t,
+      label: g[t].replace("稿件", "")
+    })).filter((t) => r.series === "all" ? !0 : r.series.split(",").includes(t.value))), M = p(() => Object.keys(V()).map((a) => ({
+      value: a,
+      label: V()[a]
+    }))), F = p(() => [
+      { value: "pub_time", label: "发布时间" },
+      { value: "create_time", label: "创建时间" }
+    ]), N = p(() => {
+      let { banner: a } = l.value;
+      r.banner !== "all" && (a = "");
+      let t = l.value.type;
+      return r.series !== "all" && (t = ""), l.value.keywords || t || l.value.cover_type || a || l.value.sort !== -1;
+    }), B = () => {
+      const a = {
+        keywords: "",
+        cover_type: "",
+        sort: -1,
+        // -1倒序,1正序
+        order: "create_time"
+      };
+      Object.assign(l.value, a), r.banner !== "all" ? l.value.banner = r.banner : l.value.banner = "", r.series !== "all" && r.series.split(",").length === 1 ? l.value.type = r.series : l.value.type = "", d.value = "all";
+    }, C = (a) => {
+      l.value.wordState = a;
+    }, _ = () => {
+      const a = JSON.parse(JSON.stringify(l.value));
+      l.value.wordState === "precision" && (a.precise_kw = a.keywords, delete a.keywords), delete a.wordState, h("search", a);
+    };
+    return f(
+      () => l.value,
+      () => {
+        _();
+      },
+      { deep: !0 }
+    ), f(
+      () => r.groupId,
+      (a) => {
+        d.value = a;
+      }
+    ), f(
+      () => r.banner,
+      (a) => {
+        l.value.banner = a === "all" ? "" : a;
+      },
+      { immediate: !0 }
+    ), f(
+      () => d.value,
+      (a) => {
+        h("update:group_id", a);
+      }
+    ), (a, t) => (n(), i("div", G, [
+      u(o(D), { size: "small" }, {
+        default: s(() => [
+          u(o(J), {
+            modelValue: l.value.keywords,
+            "onUpdate:modelValue": t[1] || (t[1] = (e) => l.value.keywords = e),
+            "allow-clear": "",
+            class: "filter-item keyword",
+            placeholder: "请输入内容标题",
+            style: { width: "240px" },
+            onPressEnter: _
+          }, {
+            prepend: s(() => [
+              u(o(m), {
+                modelValue: l.value.wordState,
+                "onUpdate:modelValue": t[0] || (t[0] = (e) => l.value.wordState = e),
+                placeholder: "请选择",
+                onSelect: C
+              }, {
+                default: s(() => [
+                  (n(), i(v, null, c(O, (e, P) => u(o(b), {
+                    key: P,
+                    value: e.value,
+                    label: e.label
+                  }, {
+                    default: s(() => [
+                      w("div", H, [
+                        w("span", null, T(e.label), 1),
+                        u(o(R), {
+                          effect: "dark",
+                          content: e.desc,
+                          position: "right"
+                        }, {
+                          default: s(() => [
+                            u(o($))
+                          ]),
+                          _: 1
+                        }, 8, ["content"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["value", "label"])), 64))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          u(A, {
+            column_id: d.value,
+            "onUpdate:column_id": t[2] || (t[2] = (e) => d.value = e),
+            height: r.height,
+            tree: r.tree,
+            "user-info": r.userInfo
+          }, null, 8, ["column_id", "height", "tree", "user-info"]),
+          u(o(m), {
+            modelValue: l.value.type,
+            "onUpdate:modelValue": t[3] || (t[3] = (e) => l.value.type = e),
+            style: { width: "96px" },
+            "trigger-props": { autoFitPopupMinWidth: !0 },
+            "allow-clear": "",
+            class: "filter-item",
+            placeholder: "类型"
+          }, {
+            default: s(() => [
+              (n(!0), i(v, null, c(U.value, (e) => (n(), y(o(b), {
+                key: e.value,
+                label: e.label,
+                value: e.value
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          u(o(m), {
+            modelValue: l.value.cover_type,
+            "onUpdate:modelValue": t[4] || (t[4] = (e) => l.value.cover_type = e),
+            style: { width: "96px" },
+            "trigger-props": { autoFitPopupMinWidth: !0 },
+            "allow-clear": "",
+            class: "filter-item",
+            placeholder: "封面"
+          }, {
+            default: s(() => [
+              (n(!0), i(v, null, c(M.value, (e) => (n(), y(o(b), {
+                key: e.value,
+                label: e.label,
+                value: e.value
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          u(o(m), {
+            modelValue: l.value.banner,
+            "onUpdate:modelValue": t[5] || (t[5] = (e) => l.value.banner = e),
+            style: { width: "124px" },
+            "trigger-props": { autoFitPopupMinWidth: !0 },
+            "allow-clear": "",
+            class: "filter-item",
+            disabled: r.banner !== "all",
+            placeholder: "独立轮播"
+          }, {
+            default: s(() => [
+              (n(!0), i(v, null, c(I.value, (e) => (n(), y(o(b), {
+                key: e.value,
+                label: e.label,
+                value: e.value
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "disabled"]),
+          E(u(o(L), {
+            class: "reset-button",
+            size: "small",
+            type: "text",
+            onClick: B
+          }, {
+            default: s(() => [
+              u(o(q), { class: "reset-icon" }),
+              t[7] || (t[7] = W(" 重置 ", -1))
+            ]),
+            _: 1
+          }, 512), [
+            [z, N.value]
+          ])
+        ]),
+        _: 1
+      }),
+      w("div", K, [
+        u(o(m), {
+          modelValue: l.value.order,
+          "onUpdate:modelValue": t[6] || (t[6] = (e) => l.value.order = e),
+          class: "filter-item",
+          placeholder: "发布时间"
+        }, {
+          default: s(() => [
+            (n(!0), i(v, null, c(F.value, (e) => (n(), y(o(b), {
+              key: e.value,
+              label: e.label,
+              value: e.value
+            }, null, 8, ["label", "value"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])
+    ]));
+  }
+});
+export {
+  le as default
+};

package/es/contentModal/components/ViewAllColumn/MediaFilter/index.vue2.mjs

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

package/es/contentModal/components/ViewAllColumn/columnTree/index.vue.mjs

@@ -0,0 +1,128 @@
+import { defineComponent as D, ref as u, computed as b, watch as N, createElementBlock as v, openBlock as g, createVNode as a, unref as n, withCtx as d, createTextVNode as T, toDisplayString as B, createElementVNode as h, createCommentVNode as E, normalizeStyle as y } from "vue";
+import { Popover as K, Button as P, InputSearch as R, Scrollbar as L, Tree as j } from "@arco-design/web-vue";
+import { IconDragDotVertical as z, IconCaretRight as H } from "@arco-design/web-vue/es/icon";
+import { getCategoryPath as O } from "../../../script/api.mjs";
+const U = { class: "column-selection-container" }, W = { class: "search-column" }, M = /* @__PURE__ */ D({
+  name: "columnTree",
+  __name: "index",
+  props: {
+    column_id: {},
+    tree: {},
+    height: {},
+    userInfo: {}
+  },
+  emits: ["update:column_id"],
+  setup(_, { emit: S }) {
+    const o = _, k = S, I = {
+      title: "alias",
+      isLeaf: "leaf"
+    }, m = u("全部内容"), s = u(window.localStorage.getItem("lastSearchKey") || ""), i = u(""), f = u(), x = b(() => i.value ? w(i.value) : o.tree), w = (e) => {
+      const t = (r) => {
+        const c = [];
+        return r.forEach((l) => {
+          if (l.alias?.includes(e))
+            c.push({ ...l });
+          else if (l.children) {
+            const p = t(l.children);
+            p.length && c.push({
+              ...l,
+              children: p
+            });
+          }
+        }), c;
+      };
+      return t(o.tree);
+    }, V = () => {
+      f.value.selectNode(s.value, !0);
+    };
+    N(
+      () => o.column_id,
+      (e) => {
+        C(e);
+      }
+    );
+    const C = async (e) => {
+      if (e === "all") {
+        m.value = "全部内容";
+        return;
+      }
+      const { code: t, message: r } = await O(o.userInfo.BASE_API, {
+        repo: o.userInfo.repository_id,
+        category: e
+      });
+      if (t === 0) {
+        const c = [];
+        for (const l of r)
+          c.push(l.category_alias);
+        m.value = c.join("/");
+      }
+    }, A = (e, t) => {
+      s.value = e[0], window.localStorage.setItem("lastSearchKey", s.value), k("update:column_id", t.node.id);
+    };
+    return (e, t) => (g(), v("div", U, [
+      a(n(K), {
+        "content-style": { minWidth: "120px" },
+        "content-class": "column-selection-popover-content",
+        position: "bottom",
+        trigger: "click"
+      }, {
+        content: d(() => [
+          h("div", W, [
+            a(n(R), {
+              modelValue: i.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (r) => i.value = r),
+              placeholder: "请输入栏目名称"
+            }, null, 8, ["modelValue"])
+          ]),
+          s.value ? (g(), v("div", {
+            key: 0,
+            class: "last-search-key",
+            onClick: V
+          }, "上一次选择 ")) : E("", !0),
+          h("div", {
+            style: y({ minHeight: o.height + "px" }),
+            class: "column-selection-main"
+          }, [
+            h("div", {
+              style: y({ height: o.height + "px" }),
+              class: "column-v"
+            }, [
+              a(n(L), {
+                "outer-class": "column-outer-scrollbar",
+                style: { height: "100%", overflow: "auto" }
+              }, {
+                default: d(() => [
+                  a(n(j), {
+                    ref_key: "aTreeRef",
+                    ref: f,
+                    data: x.value,
+                    "default-expand-all": !1,
+                    "field-names": I,
+                    "block-node": "",
+                    "check-strictly": "",
+                    onSelect: A
+                  }, null, 8, ["data"])
+                ]),
+                _: 1
+              })
+            ], 4)
+          ], 4)
+        ]),
+        default: d(() => [
+          a(n(P), { class: "button" }, {
+            default: d(() => [
+              a(n(z)),
+              T(" " + B(m.value) + " ", 1),
+              a(n(H))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]));
+  }
+});
+export {
+  M as default
+};

package/es/contentModal/components/ViewAllColumn/columnTree/index.vue2.mjs

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

package/es/contentModal/components/ViewAllColumn/index.vue.mjs

@@ -0,0 +1,234 @@
+import { defineComponent as K, ref as i, computed as f, watch as k, onMounted as O, createElementBlock as w, openBlock as y, createVNode as c, createElementVNode as r, unref as u, withCtx as d, toDisplayString as C, renderSlot as D, withDirectives as Q, vShow as W } from "vue";
+import X from "../../images/pic-thumb.png.mjs";
+import { Table as Y, Checkbox as N, Pagination as Z, Message as ee } from "@arco-design/web-vue";
+import te from "../../../typeIcons/component.vue.mjs";
+import ae from "./MediaFilter/index.vue.mjs";
+import se from "../../../dataTags/component.vue.mjs";
+import le from "../../../hooks/batch.mjs";
+import { timeFormat as ne } from "../../../utils/index.mjs";
+import { getCategoryMediaNew as oe, checkCommitFulfillment as ie, getCategoryCategoriesTree as re } from "../../script/api.mjs";
+const ue = { class: "view-all-column-container" }, ce = { class: "content-table-view" }, de = ["src"], pe = {
+  key: 1,
+  alt: "",
+  class: "pic-thumb-img",
+  src: X
+}, me = { class: "title-span" }, he = { class: "title" }, ve = { class: "title-span" }, _e = { class: "title-span" }, ge = { class: "bottom-view" }, be = { class: "left" }, De = /* @__PURE__ */ K({
+  name: "ViewAllColumn",
+  __name: "index",
+  props: {
+    maxSelect: {},
+    defaultSelectedData: {},
+    series: {},
+    banner: {},
+    userInfo: {}
+  },
+  emits: ["change"],
+  setup(A, { emit: M }) {
+    const E = M, n = A, T = n.maxSelect || 100, l = i([]), x = i([]), I = i(0), p = i([]), _ = i(null), o = i({
+      index: 1,
+      size: 30,
+      total: 0
+    }), B = f(() => n.defaultSelectedData || []);
+    k(
+      () => B.value,
+      (e) => {
+        l.value = e;
+      }
+    );
+    const z = f(() => !n.banner || n.banner === "all" ? !1 : !!n.banner), {
+      isItemChecked: L,
+      tableCellMouseEnter: P,
+      tableCellMouseLeave: F
+    } = le(), V = (e) => {
+      S(e);
+    }, H = (e) => {
+      e ? (l.value = [], p.value.forEach((t) => S(t))) : l.value = [], g();
+    }, S = (e) => {
+      if (z.value) {
+        const {
+          cover: { banner: t }
+        } = e;
+        if (!t)
+          return ee.warning({ content: "该内容不具备独立轮播图" });
+      }
+      return j(e), !0;
+    }, j = async (e) => {
+      const t = l.value.findIndex((a) => a.id === e.id);
+      l.value.length < T ? (t === -1 ? await ie(n.userInfo.BASE_API, e) && l.value.push(e) : l.value.splice(t, 1), g()) : (t === -1 ? (l.value.splice(l.value.length - 1, 1), l.value.push(e)) : l.value.splice(t, 1), g());
+    }, g = () => {
+      E("change", l.value);
+    }, m = i(0), R = { y: "100%" }, U = (e) => {
+      $.value.some((a) => a.dataIndex === "pub_time" ? (a.title = e.order === "create_time" ? "创建时间" : "发布时间", a) : !1), e = { ...e };
+      const t = [];
+      e.precise_kw && t.push(`precise_kw:${e.precise_kw}`), e.keywords && t.push(`kw:${e.keywords}`), e.type && t.push(`series:${e.type}`), e.state && t.push(`state:${e.state}`), e.cover_type && t.push(`cover_type:${e.cover_type}`), e.banner && t.push(`banner:${e.banner}`), e.publish_date && Array.isArray(e.publish_date) && e.publish_date.length > 0 && (t.push(`publish_from:${e.publish_date[0] / 1e3}`), t.push(`publish_to:${e.publish_date[1] / 1e3}`)), e.where = t, _.value = { ...e }, o.value.index = 1, v();
+    }, q = (e) => {
+      o.value.index = e, v();
+    };
+    k(
+      () => m.value,
+      () => {
+        o.value.index = 1, v();
+      }
+    );
+    const G = async () => {
+      const { code: e, message: t } = await re(
+        n.userInfo.BASE_API,
+        { repo_id: n.userInfo.repository_id }
+      );
+      if (e === 0) {
+        const a = [
+          { id: "all", alias: "全部内容", children: [], leaf: !0 }
+        ].concat(t || []);
+        a[0] && (m.value = a[0].id);
+        const h = a.length > 10 ? 10 : a.length;
+        I.value = (h + 1) * 32, x.value = a;
+      }
+    }, $ = i([
+      {
+        title: "勾",
+        dataIndex: "select",
+        slotName: "select",
+        width: 40,
+        titleSlotName: "selectTitle"
+      },
+      {
+        title: "封面",
+        dataIndex: "cover",
+        slotName: "cover",
+        width: 92
+      },
+      {
+        title: "标题",
+        dataIndex: "title",
+        slotName: "title",
+        width: 428
+      },
+      {
+        title: "类型",
+        dataIndex: "series",
+        slotName: "series",
+        width: 170
+      },
+      {
+        title: "编辑",
+        dataIndex: "duty_editor",
+        slotName: "duty_editor",
+        width: 100
+      },
+      {
+        title: "发布时间",
+        dataIndex: "pub_time",
+        slotName: "pub_time",
+        width: 150
+      }
+    ]), J = f(() => n.series !== "all"), b = i(!1), v = async () => {
+      const e = m.value;
+      if (!e) return;
+      const t = {
+        limit: o.value.size,
+        offset: o.value.size * (o.value.index - 1),
+        where: ["state:15|19"]
+      };
+      if (J.value && t.where.push(`series:${n.series.replace(/,/g, "|")}`), e !== "all" && t.where.push(`category:${e}`), _.value) {
+        const s = _.value;
+        t.order = s.order, t.sort = s.sort, s.where && (t.where = [...t.where, ...s.where]);
+      }
+      t.where = t.where.join(","), b.value = !0;
+      const { code: a, message: h } = await oe(
+        n.userInfo.BASE_API,
+        t
+      );
+      b.value = !1, a === 0 && (p.value = h.data.map((s) => (s.catalog = "doc", s.target_id = s.id, s.target_type = 3, s.pub_time = s.pub_time || s.created_at, s.update_time = s.updated_at, s.pub_user_alias = s.author_alias, s)) || [], o.value.total = h.total || h.count);
+    };
+    return O(() => {
+      G(), v();
+    }), (e, t) => (y(), w("div", ue, [
+      c(ae, {
+        group_id: m.value,
+        "onUpdate:group_id": t[0] || (t[0] = (a) => m.value = a),
+        banner: e.banner,
+        height: I.value,
+        series: n.series,
+        tree: x.value,
+        "user-info": n.userInfo,
+        onSearch: U
+      }, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
+      r("div", ce, [
+        c(u(Y), {
+          bordered: !1,
+          columns: $.value,
+          data: p.value,
+          pagination: !1,
+          loading: b.value,
+          scroll: R,
+          onCellMouseEnter: u(P),
+          onCellMouseLeave: u(F),
+          onRowClick: V
+        }, {
+          selectTitle: d(() => [
+            c(u(N), {
+              "model-value": l.value.length === p.value.length,
+              class: "icon",
+              onChange: H
+            }, null, 8, ["model-value"])
+          ]),
+          select: d(({ record: a }) => [
+            c(u(N), {
+              "model-value": u(L)(l.value, a),
+              class: "icon"
+            }, null, 8, ["model-value"])
+          ]),
+          cover: d(({ record: a }) => [
+            a.cover?.data?.[0]?.thumb ? (y(), w("img", {
+              key: 0,
+              src: a.cover?.data?.[0]?.thumb,
+              alt: "",
+              class: "pic-thumb-img"
+            }, null, 8, de)) : (y(), w("img", pe))
+          ]),
+          title: d(({ record: a }) => [
+            r("span", me, [
+              c(te, {
+                type: a.series,
+                class: "icon",
+                doc: ""
+              }, null, 8, ["type"]),
+              r("span", he, C(a.title || a.alias || "--"), 1)
+            ])
+          ]),
+          series: d(({ record: a }) => [
+            c(se, { item: a }, null, 8, ["item"])
+          ]),
+          duty_editor: d(({ record: a }) => [
+            r("span", ve, [
+              r("span", null, C(a.duty_editor || "--"), 1)
+            ])
+          ]),
+          pub_time: d(({ record: a }) => [
+            r("span", _e, [
+              r("span", null, C(u(ne)(a.pub_time)), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+      ]),
+      r("div", ge, [
+        r("div", be, [
+          D(e.$slots, "store"),
+          Q(c(u(Z), {
+            current: o.value.index,
+            "page-size": o.value.size,
+            total: o.value.total,
+            onChange: q
+          }, null, 8, ["current", "page-size", "total"]), [
+            [W, p.value.length > 0]
+          ])
+        ]),
+        D(e.$slots, "options")
+      ])
+    ]));
+  }
+});
+export {
+  De as default
+};

package/es/contentModal/components/ViewAllColumn/index.vue2.mjs

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