@cmstops/pro-compo 3.9.1-harbin.1 → 3.9.1-harbin.2

package/es/contentModal/components/ViewAllColumn/MediaFilter/index.js

@@ -1,6 +1,8 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createBlock } from "vue";
-import { Space, Input, Select, Option, Tooltip } from "@arco-design/web-vue";
-import { IconInfoCircle } from "@arco-design/web-vue/es/icon";
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createBlock, withDirectives, createTextVNode, vShow } from "vue";
+import { Space, Input, Select, Option, Tooltip, Button } from "@arco-design/web-vue";
+import { IconInfoCircle, IconRefresh } from "@arco-design/web-vue/es/icon";
+import { docSeries, docThumbMap } from "../../../../utils/doc.js";
+import _sfc_main$1 from "../columnTree/index.js";
 const _hoisted_1 = { class: "media-filter-container" };
 const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "5px" } };
 const _hoisted_3 = { class: "sort-button" };
@@ -10,7 +12,10 @@ const _sfc_main = defineComponent({
   props: {
     groupId: {},
     tree: { default: () => [] },
-    height: {}
+    series: { default: "all" },
+    banner: { default: "all" },
+    height: {},
+    userInfo: {}
   },
   emits: ["update:group_id", "search"],
   setup(__props, { emit: __emit }) {
@@ -38,12 +43,82 @@ const _sfc_main = defineComponent({
         desc: "\u4F1A\u5C06\u8F93\u5165\u5185\u5BB9\u5206\u8BCD\uFF0C\u4F8B\u5982\u201C\u6210\u957F\u201D\u4F1A\u5206\u4E3A\u201C\u6210\u201D\u3001\u201C\u957F\u201D\u3001\u201C\u6210\u957F\u201D\uFF0C\u5185\u5BB9\u5305\u542B\u4E09\u4E2A\u8BCD\u4E2D\u4EFB\u610F\u4E00\u4E2A\u5747\u4F1A\u663E\u793A\u51FA\u6765\uFF0C\u641C\u7D22\u5185\u5BB9\u66F4\u52A0\u4E30\u5BCC"
       }
     ];
+    const bannerOptions = computed(() => {
+      const options = [
+        {
+          value: "0",
+          key: "0",
+          label: "\u65E0\u72EC\u7ACB\u8F6E\u64AD"
+        },
+        {
+          value: "1",
+          key: "1",
+          label: "\u6709\u72EC\u7ACB\u8F6E\u64AD"
+        }
+      ];
+      return options.filter(
+        (item) => props.banner === "all" || props.banner === item.key
+      );
+    });
+    const typeOptions = computed(() => {
+      const arr = Object.keys(docSeries).map((key) => {
+        return {
+          value: key,
+          label: docSeries[key].replace("\u7A3F\u4EF6", "")
+        };
+      });
+      return arr.filter((item) => {
+        if (props.series === "all") {
+          return true;
+        }
+        return props.series.split(",").includes(item.value);
+      });
+    });
+    const thumbOptions = computed(() => {
+      return Object.keys(docThumbMap()).map((key) => {
+        return {
+          value: key,
+          label: docThumbMap()[key]
+        };
+      });
+    });
     const sortMethodOptions = computed(() => {
       return [
         { value: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4" },
         { value: "create_time", label: "\u521B\u5EFA\u65F6\u95F4" }
       ];
     });
+    const showReset = computed(() => {
+      let { banner } = filter.value;
+      if (props.banner !== "all") {
+        banner = "";
+      }
+      let series = filter.value.type;
+      if (props.series !== "all") {
+        series = "";
+      }
+      return filter.value.keywords || series || filter.value.cover_type || banner || filter.value.sort !== -1;
+    });
+    const reset = () => {
+      const _set = {
+        keywords: "",
+        cover_type: "",
+        sort: -1,
+        order: "create_time"
+      };
+      Object.assign(filter.value, _set);
+      if (props.banner !== "all") {
+        filter.value.banner = props.banner;
+      } else {
+        filter.value.banner = "";
+      }
+      if (props.series !== "all" && props.series.split(",").length === 1) {
+        filter.value.type = props.series;
+      } else {
+        filter.value.type = "";
+      }
+      column_id.value = "all";
+    };
     const checkout = (type) => {
       filter.value.wordState = type;
     };
@@ -69,6 +144,19 @@ const _sfc_main = defineComponent({
         column_id.value = val;
       }
     );
+    watch(
+      () => props.banner,
+      (val) => {
+        filter.value.banner = val === "all" ? "" : val;
+      },
+      { immediate: true }
+    );
+    watch(
+      () => column_id.value,
+      (val) => {
+        emit("update:group_id", val);
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(Space), { size: "small" }, {
@@ -119,14 +207,97 @@ const _sfc_main = defineComponent({
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 8, ["modelValue"])
+            }, 8, ["modelValue"]),
+            createVNode(_sfc_main$1, {
+              column_id: column_id.value,
+              "onUpdate:column_id": _cache[2] || (_cache[2] = ($event) => column_id.value = $event),
+              height: props.height,
+              tree: props.tree,
+              "user-info": props.userInfo
+            }, null, 8, ["column_id", "height", "tree", "user-info"]),
+            createVNode(unref(Select), {
+              modelValue: filter.value.type,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.type = $event),
+              style: { width: "96px" },
+              "trigger-props": { autoFitPopupMinWidth: true },
+              "allow-clear": "",
+              class: "filter-item",
+              placeholder: "\u7C7B\u578B"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Select), {
+              modelValue: filter.value.cover_type,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.cover_type = $event),
+              style: { width: "96px" },
+              "trigger-props": { autoFitPopupMinWidth: true },
+              "allow-clear": "",
+              class: "filter-item",
+              placeholder: "\u5C01\u9762"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(thumbOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Select), {
+              modelValue: filter.value.banner,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.banner = $event),
+              style: { width: "124px" },
+              "trigger-props": { autoFitPopupMinWidth: true },
+              "allow-clear": "",
+              class: "filter-item",
+              disabled: props.banner !== "all",
+              placeholder: "\u72EC\u7ACB\u8F6E\u64AD"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(bannerOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"]),
+            withDirectives(createVNode(unref(Button), {
+              class: "reset-button",
+              size: "small",
+              type: "text",
+              onClick: reset
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconRefresh), { class: "reset-icon" }),
+                _cache[7] || (_cache[7] = createTextVNode(" \u91CD\u7F6E "))
+              ]),
+              _: 1,
+              __: [7]
+            }, 512), [
+              [vShow, showReset.value]
+            ])
           ]),
           _: 1
         }),
         createElementVNode("div", _hoisted_3, [
           createVNode(unref(Select), {
             modelValue: filter.value.order,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.order = $event),
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => filter.value.order = $event),
             class: "filter-item",
             placeholder: "\u53D1\u5E03\u65F6\u95F4"
           }, {

package/es/contentModal/components/ViewAllColumn/columnTree/index.js

@@ -0,0 +1,151 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, normalizeStyle, createTextVNode, toDisplayString } from "vue";
+import { Popover, InputSearch, Scrollbar, Tree, Button } from "@arco-design/web-vue";
+import { IconDragDotVertical, IconCaretRight } from "@arco-design/web-vue/es/icon";
+import { getCategoryPath } from "../../../script/api.js";
+const _hoisted_1 = { class: "column-selection-container" };
+const _hoisted_2 = { class: "search-column" };
+const _sfc_main = defineComponent({
+  ...{ name: "columnTree" },
+  __name: "index",
+  props: {
+    column_id: {},
+    tree: {},
+    height: {},
+    userInfo: {}
+  },
+  emits: ["update:column_id"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const treeOptions = {
+      title: "alias",
+      isLeaf: "leaf"
+    };
+    const selectAlias = ref("\u5168\u90E8\u5185\u5BB9");
+    const lastSearchKey = ref(window.localStorage.getItem("lastSearchKey") || "");
+    const searchKey = ref("");
+    const aTreeRef = ref();
+    const treeData = computed(() => {
+      if (!searchKey.value)
+        return props.tree;
+      return searchData(searchKey.value);
+    });
+    const searchData = (keyword) => {
+      const loop = (data) => {
+        const result = [];
+        data.forEach((item) => {
+          var _a;
+          if ((_a = item.alias) == null ? void 0 : _a.includes(keyword)) {
+            result.push({ ...item });
+          } else if (item.children) {
+            const filterData = loop(item.children);
+            if (filterData.length) {
+              result.push({
+                ...item,
+                children: filterData
+              });
+            }
+          }
+        });
+        return result;
+      };
+      return loop(props.tree);
+    };
+    const clickLastItem = () => {
+      aTreeRef.value.selectNode(lastSearchKey.value, true);
+    };
+    watch(
+      () => props.column_id,
+      (val) => {
+        setSelectAlias(val);
+      }
+    );
+    const setSelectAlias = async (id) => {
+      if (id === "all") {
+        selectAlias.value = "\u5168\u90E8\u5185\u5BB9";
+        return;
+      }
+      const { code, message } = await getCategoryPath(props.userInfo.BASE_API, {
+        repo: props.userInfo.repository_id,
+        category: id
+      });
+      if (code === 0) {
+        const pathArr = [];
+        for (const i of message) {
+          pathArr.push(i.category_alias);
+        }
+        selectAlias.value = pathArr.join("/");
+      }
+    };
+    const AddColumnSelected = (selectedKeys, data) => {
+      lastSearchKey.value = selectedKeys[0];
+      window.localStorage.setItem("lastSearchKey", lastSearchKey.value);
+      emit("update:column_id", data.node.id);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Popover), {
+          "content-style": { minWidth: "120px" },
+          "content-class": "column-selection-popover-content",
+          position: "bottom",
+          trigger: "click"
+        }, {
+          content: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(InputSearch), {
+                modelValue: searchKey.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKey.value = $event),
+                placeholder: "\u8BF7\u8F93\u5165\u680F\u76EE\u540D\u79F0"
+              }, null, 8, ["modelValue"])
+            ]),
+            lastSearchKey.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "last-search-key",
+              onClick: clickLastItem
+            }, "\u4E0A\u4E00\u6B21\u9009\u62E9 ")) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              style: normalizeStyle({ minHeight: props.height + "px" }),
+              class: "column-selection-main"
+            }, [
+              createElementVNode("div", {
+                style: normalizeStyle({ height: props.height + "px" }),
+                class: "column-v"
+              }, [
+                createVNode(unref(Scrollbar), {
+                  "outer-class": "column-outer-scrollbar",
+                  style: { "height": "100%", "overflow": "auto" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Tree), {
+                      ref_key: "aTreeRef",
+                      ref: aTreeRef,
+                      data: treeData.value,
+                      "default-expand-all": false,
+                      "field-names": treeOptions,
+                      "block-node": "",
+                      "check-strictly": "",
+                      onSelect: AddColumnSelected
+                    }, null, 8, ["data"])
+                  ]),
+                  _: 1
+                })
+              ], 4)
+            ], 4)
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(Button), { class: "button" }, {
+              default: withCtx(() => [
+                createVNode(unref(IconDragDotVertical)),
+                createTextVNode(" " + toDisplayString(selectAlias.value) + " ", 1),
+                createVNode(unref(IconCaretRight))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/contentModal/components/storeBox/index.js

@@ -81,7 +81,7 @@ const _sfc_main = defineComponent({
                 onClick: clear
               }, {
                 default: withCtx(() => _cache[1] || (_cache[1] = [
-                  createTextVNode("\u6E05\u7A7A", -1)
+                  createTextVNode("\u6E05\u7A7A")
                 ])),
                 _: 1,
                 __: [1]
@@ -98,7 +98,7 @@ const _sfc_main = defineComponent({
                   class: "button"
                 }, {
                   default: withCtx(() => _cache[0] || (_cache[0] = [
-                    createTextVNode("\u5DF2\u9009\u6570\u636E", -1)
+                    createTextVNode("\u5DF2\u9009\u6570\u636E")
                   ])),
                   _: 1,
                   __: [0]

package/es/contentModal/script/api.js

@@ -6,6 +6,12 @@ function getCategoryCategoriesTree(BASE_API, params) {
     params
   });
 }
+function getCategoryPath(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/repo/${params == null ? void 0 : params.repo}/category/${params == null ? void 0 : params.category}/path`,
+    method: "get"
+  });
+}
 function getCategoryMediaNew(BASE_API, params) {
   return request(BASE_API, {
     url: `/poplar/v3/s/documents`,
@@ -92,4 +98,4 @@ function getTypeConfig(BASE_API, params) {
     params
   });
 }
-export { checkCommitFulfillment, getBroadcastList, getCategoryCategoriesTree, getCategoryMediaNew, getCategorylistsGroups, getConfigurationNew, getEqxiuList, getMpContentList, getReporterContent, getRevealContent, getTypeConfig, searchMlists, searchMpaccount };
+export { checkCommitFulfillment, getBroadcastList, getCategoryCategoriesTree, getCategoryMediaNew, getCategoryPath, getCategorylistsGroups, getConfigurationNew, getEqxiuList, getMpContentList, getReporterContent, getRevealContent, getTypeConfig, searchMlists, searchMpaccount };

package/es/contentModal/style/MediaFilter.less

@@ -1,47 +1,47 @@
-.media-filter-container {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 20px;
-
-  .filter-item {
-    width: auto;
-  }
-
-  .keyword {
-    padding-left: 0;
-  }
-
-  :deep(.arco-popover-content) {
-    display: flex;
-    flex-direction: column;
-  }
-
-  // 重置
-  .reset-button {
-    width: 74px;
-    padding: 9px 12px;
-    font-size: 14px;
-
-    .reset-icon {
-      margin-right: 8px;
-    }
-  }
-
-  //排序
-  .sort-button {
-    color: #4e5969;
-
-    .filter-item {
-      width: 102px;
-
-      .arco-select-view-suffix {
-        padding-left: 0;
-      }
-    }
-
-    &:hover {
-      cursor: pointer;
-    }
-  }
-}
+.media-filter-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 20px;
+
+  .filter-item {
+    width: auto;
+  }
+
+  .keyword {
+    padding-left: 0;
+  }
+
+  :deep(.arco-popover-content) {
+    display: flex;
+    flex-direction: column;
+  }
+
+  // 重置
+  .reset-button {
+    width: 74px;
+    padding: 9px 12px;
+    font-size: 14px;
+
+    .reset-icon {
+      margin-right: 8px;
+    }
+  }
+
+  //排序
+  .sort-button {
+    color: #4e5969;
+
+    .filter-item {
+      width: 102px;
+
+      .arco-select-view-suffix {
+        padding-left: 0;
+      }
+    }
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+}

package/es/contentModal/style/ViewAllColumn.less

@@ -1,68 +1,68 @@
-.view-all-column-container {
-  height: 100%;
-
-  .content-table-view {
-    height: calc(100% - 110px);
-    padding: 0 20px;
-    // 勾选框样式
-    .arco-checkbox {
-      padding: 0;
-    }
-
-    // 缩略图
-    .pic-thumb-img {
-      width: 60px;
-      height: 45px;
-      vertical-align: middle;
-      border-radius: 3px;
-    }
-
-    .title-span,
-    .mp_title-span {
-      display: block;
-      width: 100%;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-
-      .icon {
-        display: inline-block;
-        width: 20px;
-        height: 25px;
-        margin-right: 8px;
-        padding-left: 0;
-        font-size: 18px;
-        line-height: 28px;
-        text-align: center;
-        vertical-align: middle;
-      }
-    }
-
-    .mp_title-span {
-      margin-left: 10px;
-    }
-
-    .user-avatar {
-      display: inline-block;
-      width: 25px;
-      height: 25px;
-      margin-right: 12px;
-      vertical-align: middle;
-      border-radius: 50%;
-      cursor: pointer;
-    }
-  }
-
-  .bottom-view {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 60px;
-    margin: 0 15px;
-
-    .left {
-      display: flex;
-      align-items: center;
-    }
-  }
-}
+.view-all-column-container {
+  height: 100%;
+
+  .content-table-view {
+    height: calc(100% - 110px);
+    padding: 0 20px;
+    // 勾选框样式
+    .arco-checkbox {
+      padding: 0;
+    }
+
+    // 缩略图
+    .pic-thumb-img {
+      width: 60px;
+      height: 45px;
+      vertical-align: middle;
+      border-radius: 3px;
+    }
+
+    .title-span,
+    .mp_title-span {
+      display: block;
+      width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+
+      .icon {
+        display: inline-block;
+        width: 20px;
+        height: 25px;
+        margin-right: 8px;
+        padding-left: 0;
+        font-size: 18px;
+        line-height: 28px;
+        text-align: center;
+        vertical-align: middle;
+      }
+    }
+
+    .mp_title-span {
+      margin-left: 10px;
+    }
+
+    .user-avatar {
+      display: inline-block;
+      width: 25px;
+      height: 25px;
+      margin-right: 12px;
+      vertical-align: middle;
+      border-radius: 50%;
+      cursor: pointer;
+    }
+  }
+
+  .bottom-view {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 60px;
+    margin: 0 15px;
+
+    .left {
+      display: flex;
+      align-items: center;
+    }
+  }
+}