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

package/lib/contentModal/component.js

@@ -159,7 +159,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[8] || (_cache[8] = [
-                          vue.createTextVNode("\u6DFB\u52A0 ", -1)
+                          vue.createTextVNode("\u6DFB\u52A0 ")
                         ])),
                         _: 1,
                         __: [8]
@@ -199,7 +199,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[9] || (_cache[9] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
+                          vue.createTextVNode(" \u6DFB\u52A0 ")
                         ])),
                         _: 1,
                         __: [9]
@@ -240,7 +240,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[10] || (_cache[10] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
+                          vue.createTextVNode(" \u6DFB\u52A0 ")
                         ])),
                         _: 1,
                         __: [10]
@@ -280,7 +280,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[11] || (_cache[11] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
+                          vue.createTextVNode(" \u6DFB\u52A0 ")
                         ])),
                         _: 1,
                         __: [11]
@@ -320,7 +320,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[12] || (_cache[12] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
+                          vue.createTextVNode(" \u6DFB\u52A0 ")
                         ])),
                         _: 1,
                         __: [12]
@@ -360,7 +360,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[13] || (_cache[13] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
+                          vue.createTextVNode(" \u6DFB\u52A0 ")
                         ])),
                         _: 1,
                         __: [13]
@@ -400,7 +400,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[14] || (_cache[14] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
+                          vue.createTextVNode(" \u6DFB\u52A0 ")
                         ])),
                         _: 1,
                         __: [14]
@@ -439,7 +439,7 @@ const _sfc_main = vue.defineComponent({
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => _cache[15] || (_cache[15] = [
-                          vue.createTextVNode(" \u6DFB\u52A0 ", -1)
+                          vue.createTextVNode(" \u6DFB\u52A0 ")
                         ])),
                         _: 1,
                         __: [15]

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/components/storeBox/index.js

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

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/lib/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;
+    }
+  }
+}