@cmstops/pro-compo 0.1.31 → 0.1.33

package/es/contentModal/component.js

@@ -78,18 +78,18 @@ const _sfc_main = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Modal), {
-        visible: visible.value,
-        width: "986px",
-        "mask-closable": false,
         footer: false,
+        "mask-closable": false,
+        visible: visible.value,
+        "body-class": "add-content-modal-body",
+        "modal-class": "add-content-modal-wrapper",
         "title-align": "start",
         "unmount-on-close": "",
-        "modal-class": "add-content-modal-wrapper",
-        "body-class": "add-content-modal-body",
-        onOk: handleOk,
-        onOpen: HandleOpen,
+        width: "1020px",
+        onCancel: handleCancel,
         onClose: HandleClose,
-        onCancel: handleCancel
+        onOk: handleOk,
+        onOpen: HandleOpen
       }, {
         title: withCtx(() => [
           createTextVNode(toDisplayString(props.title ? props.title : "\u6DFB\u52A0\u5185\u5BB9"), 1)
@@ -108,11 +108,11 @@ const _sfc_main = defineComponent({
                 default: withCtx(() => [
                   unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$1, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    banner: typeDataController.value.docBanner,
                     "default-selected-data": selectedData.value,
-                    "type-data": typeDataController.value,
+                    "max-select": _ctx.maxSelect,
                     series: typeDataController.value.docSeries,
-                    banner: typeDataController.value.docBanner,
+                    "type-data": typeDataController.value,
                     "user-info": unref(userInfo),
                     onChange: selectedDataChangeHandle
                   }, {
@@ -124,18 +124,18 @@ const _sfc_main = defineComponent({
                     ]),
                     options: withCtx(() => [
                       createVNode(unref(Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: withCtx(() => [
-                          createTextVNode("\u6DFB\u52A0")
+                          createTextVNode("\u6DFB\u52A0 ")
                         ]),
                         _: 1
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "type-data", "series", "banner", "user-info"])) : createCommentVNode("v-if", true)
+                  }, 8, ["banner", "default-selected-data", "max-select", "series", "type-data", "user-info"])) : createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true),
@@ -146,12 +146,12 @@ const _sfc_main = defineComponent({
                 default: withCtx(() => [
                   unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$3, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
+                    type: typeDataController.value.contentListType,
                     "type-data": typeDataController.value,
                     "user-info": unref(userInfo),
-                    type: typeDataController.value.contentListType,
                     onChange: selectedDataChangeHandle
                   }, {
                     store: withCtx(() => [
@@ -162,8 +162,8 @@ const _sfc_main = defineComponent({
                     ]),
                     options: withCtx(() => [
                       createVNode(unref(Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: withCtx(() => [
@@ -173,7 +173,7 @@ const _sfc_main = defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "user-info", "type"])) : createCommentVNode("v-if", true)
+                  }, 8, ["default-selected-data", "max-select", "outside-select-data", "type", "type-data", "user-info"])) : createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true),
@@ -184,13 +184,13 @@ const _sfc_main = defineComponent({
                 default: withCtx(() => [
                   unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$4, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    columns: typeDataController.value.compoType,
+                    "compo-filter": _ctx.compoFilter,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
                     "type-data": typeDataController.value,
-                    columns: typeDataController.value.compoType,
                     "user-info": unref(userInfo),
-                    "compo-filter": _ctx.compoFilter,
                     onChange: selectedDataChangeHandle
                   }, {
                     store: withCtx(() => [
@@ -201,8 +201,8 @@ const _sfc_main = defineComponent({
                     ]),
                     options: withCtx(() => [
                       createVNode(unref(Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: withCtx(() => [
@@ -212,7 +212,7 @@ const _sfc_main = defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "columns", "user-info", "compo-filter"])) : createCommentVNode("v-if", true)
+                  }, 8, ["columns", "compo-filter", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true),
@@ -223,11 +223,11 @@ const _sfc_main = defineComponent({
                 default: withCtx(() => [
                   unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$5, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    columns: typeDataController.value.compoType,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
                     "type-data": typeDataController.value,
-                    columns: typeDataController.value.compoType,
                     "user-info": unref(userInfo),
                     onChange: selectedDataChangeHandle
                   }, {
@@ -239,8 +239,8 @@ const _sfc_main = defineComponent({
                     ]),
                     options: withCtx(() => [
                       createVNode(unref(Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: withCtx(() => [
@@ -250,7 +250,7 @@ const _sfc_main = defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "columns", "user-info"])) : createCommentVNode("v-if", true)
+                  }, 8, ["columns", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : createCommentVNode("v-if", true),
@@ -261,11 +261,11 @@ const _sfc_main = defineComponent({
                 default: withCtx(() => [
                   unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$6, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    columns: typeDataController.value.MpAccountType,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
                     "type-data": typeDataController.value,
-                    columns: typeDataController.value.MpAccountType,
                     "user-info": unref(userInfo),
                     onChange: selectedDataChangeHandle
                   }, {
@@ -277,8 +277,8 @@ const _sfc_main = defineComponent({
                     ]),
                     options: withCtx(() => [
                       createVNode(unref(Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: withCtx(() => [
@@ -288,7 +288,7 @@ const _sfc_main = defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "columns", "user-info"])) : createCommentVNode("v-if", true)
+                  }, 8, ["columns", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : createCommentVNode("v-if", true)
                 ]),
                 _: 1
               }, 8, ["title"])) : createCommentVNode("v-if", true),
@@ -299,11 +299,11 @@ const _sfc_main = defineComponent({
                 default: withCtx(() => [
                   unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$7, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    columns: typeDataController.value.MpAccountType,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
                     "type-data": typeDataController.value,
-                    columns: typeDataController.value.MpAccountType,
                     "user-info": unref(userInfo),
                     onChange: selectedDataChangeHandle
                   }, {
@@ -315,8 +315,8 @@ const _sfc_main = defineComponent({
                     ]),
                     options: withCtx(() => [
                       createVNode(unref(Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: withCtx(() => [
@@ -326,7 +326,7 @@ const _sfc_main = defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "columns", "user-info"])) : createCommentVNode("v-if", true)
+                  }, 8, ["columns", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : createCommentVNode("v-if", true)
                 ]),
                 _: 1
               }, 8, ["title"])) : createCommentVNode("v-if", true)

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

@@ -1,5 +1,6 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, withDirectives, createTextVNode, vShow } from "vue";
-import { Space, Select, Option, Input, Button } from "@arco-design/web-vue";
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, withDirectives, createTextVNode, vShow, createElementVNode } from "vue";
+import { Space, Input, Select, Option, Button } from "@arco-design/web-vue";
+import { 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" };
@@ -7,7 +8,7 @@ const _sfc_main = defineComponent({
   ...{ name: "MediaFilter" },
   __name: "index",
   props: {
-    group_id: {},
+    groupId: {},
     tree: { default: () => [] },
     series: { default: "all" },
     banner: { default: "all" },
@@ -66,6 +67,12 @@ const _sfc_main = defineComponent({
       });
       return [{ value: "", label: "\u5168\u90E8\u5C01\u9762\u7C7B\u578B" }, ...arr];
     });
+    const sortOptions = computed(() => {
+      return [
+        { value: -1, label: "\u53D1\u5E03\u65F6\u95F4" },
+        { value: 1, label: "\u521B\u5EFA\u65F6\u95F4" }
+      ];
+    });
     const showReset = computed(() => {
       let { banner } = filter.value;
       if (props.banner !== "all") {
@@ -75,7 +82,7 @@ const _sfc_main = defineComponent({
       if (props.series !== "all") {
         series = "";
       }
-      return filter.value.keywords || series || filter.value.cover_type || banner;
+      return filter.value.keywords || series || filter.value.cover_type || banner || filter.value.sort !== -1;
     });
     const reset = () => {
       filter.value = {
@@ -100,13 +107,13 @@ const _sfc_main = defineComponent({
     };
     watch(
       () => filter.value,
-      (val) => {
+      () => {
         handleSearch();
       },
       { deep: true }
     );
     watch(
-      () => props.group_id,
+      () => props.groupId,
       (val) => {
         column_id.value = val;
       }
@@ -119,18 +126,26 @@ const _sfc_main = defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Space), { size: "large" }, {
+        createVNode(unref(Space), { size: "small" }, {
           default: withCtx(() => [
+            createVNode(unref(Input), {
+              modelValue: filter.value.keywords,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.keywords = $event),
+              "allow-clear": "",
+              class: "filter-item",
+              placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u6807\u9898",
+              onPressEnter: handleSearch
+            }, null, 8, ["modelValue"]),
             createVNode(_sfc_main$1, {
               column_id: column_id.value,
-              "onUpdate:column_id": _cache[0] || (_cache[0] = ($event) => column_id.value = $event),
+              "onUpdate:column_id": _cache[1] || (_cache[1] = ($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[1] || (_cache[1] = ($event) => filter.value.type = $event),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.type = $event),
               class: "filter-item",
               placeholder: "\u7C7B\u578B"
             }, {
@@ -147,7 +162,7 @@ const _sfc_main = defineComponent({
             }, 8, ["modelValue"]),
             createVNode(unref(Select), {
               modelValue: filter.value.cover_type,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.cover_type = $event),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.cover_type = $event),
               class: "filter-item",
               placeholder: "\u5C01\u9762"
             }, {
@@ -164,7 +179,7 @@ const _sfc_main = defineComponent({
             }, 8, ["modelValue"]),
             createVNode(unref(Select), {
               modelValue: filter.value.banner,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.banner = $event),
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.banner = $event),
               class: "filter-item",
               placeholder: "\u72EC\u7ACB\u8F6E\u64AD"
             }, {
@@ -179,21 +194,15 @@ const _sfc_main = defineComponent({
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            createVNode(unref(Input), {
-              modelValue: filter.value.keywords,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.keywords = $event),
-              class: "filter-item",
-              "allow-clear": "",
-              placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u6807\u9898",
-              onPressEnter: handleSearch
-            }, null, 8, ["modelValue"]),
             withDirectives(createVNode(unref(Button), {
-              type: "text",
+              class: "reset-button",
               size: "small",
+              type: "text",
               onClick: reset
             }, {
               default: withCtx(() => [
-                createTextVNode("\u91CD\u7F6E")
+                createVNode(unref(IconRefresh), { class: "reset-icon" }),
+                createTextVNode(" \u91CD\u7F6E ")
               ]),
               _: 1
             }, 512), [
@@ -201,7 +210,29 @@ const _sfc_main = defineComponent({
             ])
           ]),
           _: 1
-        })
+        }),
+        createElementVNode("div", {
+          class: "sort-button",
+          onClick: reset
+        }, [
+          createVNode(unref(Select), {
+            modelValue: filter.value.sort,
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.sort = $event),
+            class: "filter-item",
+            placeholder: "\u53D1\u5E03\u65F6\u95F4"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(sortOptions.value, (item) => {
+                return openBlock(), createBlock(unref(Option), {
+                  key: item.value,
+                  label: item.label,
+                  value: item.value
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
       ]);
     };
   }

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

@@ -1,8 +1,9 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeStyle, createTextVNode, toDisplayString } from "vue";
-import { Popover, Scrollbar, Tree, Button } from "@arco-design/web-vue";
+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",
@@ -14,22 +15,54 @@ const _sfc_main = defineComponent({
   },
   emits: ["update:column_id"],
   setup(__props, { emit: __emit }) {
-    const emit = __emit;
     const props = __props;
-    const selectAlais = ref("");
+    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) => {
-        setSelectAlais(val);
+        setSelectAlias(val);
       }
     );
-    const setSelectAlais = async (id) => {
+    const setSelectAlias = async (id) => {
       if (id === "all") {
-        selectAlais.value = "\u5168\u90E8\u5185\u5BB9";
+        selectAlias.value = "\u5168\u90E8\u5185\u5BB9";
         return;
       }
       const { code, message } = await getCategoryPath(props.userInfo.BASE_API, {
@@ -41,28 +74,42 @@ const _sfc_main = defineComponent({
         for (const i of message) {
           pathArr.push(i.category_alias);
         }
-        selectAlais.value = pathArr.join("/");
+        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), {
-          position: "bottom",
-          "content-class": "column-selection-popover-content",
           "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", {
-              class: "column-selection-main",
-              style: normalizeStyle({ minHeight: props.height + "px" })
+              style: normalizeStyle({ minHeight: props.height + "px" }),
+              class: "column-selection-main"
             }, [
               createElementVNode("div", {
-                class: "column-v",
-                style: normalizeStyle({ height: props.height + "px" })
+                style: normalizeStyle({ height: props.height + "px" }),
+                class: "column-v"
               }, [
                 createVNode(unref(Scrollbar), {
                   "outer-class": "column-outer-scrollbar",
@@ -70,11 +117,13 @@ const _sfc_main = defineComponent({
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(Tree), {
-                      "block-node": "",
-                      data: props.tree,
-                      "check-strictly": "",
+                      ref_key: "aTreeRef",
+                      ref: aTreeRef,
+                      data: treeData.value,
                       "default-expand-all": false,
                       "field-names": treeOptions,
+                      "block-node": "",
+                      "check-strictly": "",
                       onSelect: AddColumnSelected
                     }, null, 8, ["data"])
                   ]),
@@ -87,7 +136,7 @@ const _sfc_main = defineComponent({
             createVNode(unref(Button), { class: "button" }, {
               default: withCtx(() => [
                 createVNode(unref(IconDragDotVertical)),
-                createTextVNode(toDisplayString(selectAlais.value), 1),
+                createTextVNode(" " + toDisplayString(selectAlias.value) + " ", 1),
                 createVNode(unref(IconCaretRight))
               ]),
               _: 1