@cmstops/pro-compo 3.9.1-rc.15 → 3.9.1-rc.16

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/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/lib/contentModal/components/ViewAllColumn/MediaFilter/index.js

@@ -2,6 +2,8 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
+var doc = require("../../../../utils/doc.js");
+var index = require("../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" };
@@ -11,7 +13,10 @@ const _sfc_main = vue.defineComponent({
   props: {
     groupId: {},
     tree: { default: () => [] },
-    height: {}
+    series: { default: "all" },
+    banner: { default: "all" },
+    height: {},
+    userInfo: {}
   },
   emits: ["update:group_id", "search"],
   setup(__props, { emit: __emit }) {
@@ -39,12 +44,82 @@ const _sfc_main = vue.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 = vue.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 = vue.computed(() => {
+      const arr = Object.keys(doc.docSeries).map((key) => {
+        return {
+          value: key,
+          label: doc.docSeries[key].replace("\u7A3F\u4EF6", "")
+        };
+      });
+      return arr.filter((item) => {
+        if (props.series === "all") {
+          return true;
+        }
+        return props.series.split(",").includes(item.value);
+      });
+    });
+    const thumbOptions = vue.computed(() => {
+      return Object.keys(doc.docThumbMap()).map((key) => {
+        return {
+          value: key,
+          label: doc.docThumbMap()[key]
+        };
+      });
+    });
     const sortMethodOptions = vue.computed(() => {
       return [
         { value: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4" },
         { value: "create_time", label: "\u521B\u5EFA\u65F6\u95F4" }
       ];
     });
+    const showReset = vue.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;
     };
@@ -70,6 +145,19 @@ const _sfc_main = vue.defineComponent({
         column_id.value = val;
       }
     );
+    vue.watch(
+      () => props.banner,
+      (val) => {
+        filter.value.banner = val === "all" ? "" : val;
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      () => column_id.value,
+      (val) => {
+        emit("update:group_id", val);
+      }
+    );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(vue.unref(webVue.Space), { size: "small" }, {
@@ -91,9 +179,9 @@ const _sfc_main = vue.defineComponent({
                   onSelect: checkout
                 }, {
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(wordStateOptions, (item, index) => {
+                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(wordStateOptions, (item, index2) => {
                       return vue.createVNode(vue.unref(webVue.Option), {
-                        key: index,
+                        key: index2,
                         value: item.value,
                         label: item.label
                       }, {
@@ -120,14 +208,97 @@ const _sfc_main = vue.defineComponent({
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 8, ["modelValue"])
+            }, 8, ["modelValue"]),
+            vue.createVNode(index, {
+              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"]),
+            vue.createVNode(vue.unref(webVue.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: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(typeOptions.value, (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(vue.unref(webVue.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: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbOptions.value, (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(vue.unref(webVue.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: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bannerOptions.value, (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"]),
+            vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
+              class: "reset-button",
+              size: "small",
+              type: "text",
+              onClick: reset
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(icon.IconRefresh), { class: "reset-icon" }),
+                _cache[7] || (_cache[7] = vue.createTextVNode(" \u91CD\u7F6E "))
+              ]),
+              _: 1,
+              __: [7]
+            }, 512), [
+              [vue.vShow, showReset.value]
+            ])
           ]),
           _: 1
         }),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(vue.unref(webVue.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/lib/contentModal/components/ViewAllColumn/columnTree/index.js

@@ -0,0 +1,152 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var api = require("../../../script/api.js");
+const _hoisted_1 = { class: "column-selection-container" };
+const _hoisted_2 = { class: "search-column" };
+const _sfc_main = vue.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 = vue.ref("\u5168\u90E8\u5185\u5BB9");
+    const lastSearchKey = vue.ref(window.localStorage.getItem("lastSearchKey") || "");
+    const searchKey = vue.ref("");
+    const aTreeRef = vue.ref();
+    const treeData = vue.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);
+    };
+    vue.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 api.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.Popover), {
+          "content-style": { minWidth: "120px" },
+          "content-class": "column-selection-popover-content",
+          position: "bottom",
+          trigger: "click"
+        }, {
+          content: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(vue.unref(webVue.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 ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "last-search-key",
+              onClick: clickLastItem
+            }, "\u4E0A\u4E00\u6B21\u9009\u62E9 ")) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              style: vue.normalizeStyle({ minHeight: props.height + "px" }),
+              class: "column-selection-main"
+            }, [
+              vue.createElementVNode("div", {
+                style: vue.normalizeStyle({ height: props.height + "px" }),
+                class: "column-v"
+              }, [
+                vue.createVNode(vue.unref(webVue.Scrollbar), {
+                  "outer-class": "column-outer-scrollbar",
+                  style: { "height": "100%", "overflow": "auto" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(webVue.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: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Button), { class: "button" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(icon.IconDragDotVertical)),
+                vue.createTextVNode(" " + vue.toDisplayString(selectAlias.value) + " ", 1),
+                vue.createVNode(vue.unref(icon.IconCaretRight))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/contentModal/script/api.js

@@ -8,6 +8,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`,
@@ -98,6 +104,7 @@ exports.checkCommitFulfillment = checkCommitFulfillment;
 exports.getBroadcastList = getBroadcastList;
 exports.getCategoryCategoriesTree = getCategoryCategoriesTree;
 exports.getCategoryMediaNew = getCategoryMediaNew;
+exports.getCategoryPath = getCategoryPath;
 exports.getCategorylistsGroups = getCategorylistsGroups;
 exports.getConfigurationNew = getConfigurationNew;
 exports.getEqxiuList = getEqxiuList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "3.9.1-rc.15",
+  "version": "3.9.1-rc.16",
   "description": "",
   "keywords": [
     "vue",