@cmstops/pro-compo 0.1.31 → 0.1.33

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

@@ -4,6 +4,7 @@ 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",
@@ -15,22 +16,54 @@ const _sfc_main = vue.defineComponent({
   },
   emits: ["update:column_id"],
   setup(__props, { emit: __emit }) {
-    const emit = __emit;
     const props = __props;
-    const selectAlais = vue.ref("");
+    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) => {
-        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 api.getCategoryPath(props.userInfo.BASE_API, {
@@ -42,28 +75,42 @@ const _sfc_main = vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(vue.unref(webVue.Popover), {
-          position: "bottom",
-          "content-class": "column-selection-popover-content",
           "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", {
-              class: "column-selection-main",
-              style: vue.normalizeStyle({ minHeight: props.height + "px" })
+              style: vue.normalizeStyle({ minHeight: props.height + "px" }),
+              class: "column-selection-main"
             }, [
               vue.createElementVNode("div", {
-                class: "column-v",
-                style: vue.normalizeStyle({ height: props.height + "px" })
+                style: vue.normalizeStyle({ height: props.height + "px" }),
+                class: "column-v"
               }, [
                 vue.createVNode(vue.unref(webVue.Scrollbar), {
                   "outer-class": "column-outer-scrollbar",
@@ -71,11 +118,13 @@ const _sfc_main = vue.defineComponent({
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(webVue.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"])
                   ]),
@@ -88,7 +137,7 @@ const _sfc_main = vue.defineComponent({
             vue.createVNode(vue.unref(webVue.Button), { class: "button" }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(icon.IconDragDotVertical)),
-                vue.createTextVNode(vue.toDisplayString(selectAlais.value), 1),
+                vue.createTextVNode(" " + vue.toDisplayString(selectAlias.value) + " ", 1),
                 vue.createVNode(vue.unref(icon.IconCaretRight))
               ]),
               _: 1

package/lib/contentModal/components/ViewAllColumn/index.js

@@ -1,5 +1,6 @@
 "use strict";
 var vue = require("vue");
+var picThumb = require("../../images/pic-thumb.js");
 var webVue = require("@arco-design/web-vue");
 var component = require("../../../typeIcons/component.js");
 var index = require("./MediaFilter/index.js");
@@ -9,11 +10,19 @@ var index$1 = require("../../../utils/index.js");
 var api = require("../../script/api.js");
 const _hoisted_1 = { class: "view-all-column-container" };
 const _hoisted_2 = { class: "content-table-view" };
-const _hoisted_3 = { class: "title-span" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "title" };
-const _hoisted_6 = { class: "bottom-view" };
-const _hoisted_7 = { class: "left" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 1,
+  alt: "",
+  class: "pic-thumb-img",
+  src: picThumb
+};
+const _hoisted_5 = { class: "title-span" };
+const _hoisted_6 = { class: "title" };
+const _hoisted_7 = { class: "title-span" };
+const _hoisted_8 = { class: "title-span" };
+const _hoisted_9 = { class: "bottom-view" };
+const _hoisted_10 = { class: "left" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "ViewAllColumn" },
   __name: "index",
@@ -56,18 +65,21 @@ const _sfc_main = vue.defineComponent({
     });
     const {
       isItemChecked,
-      hoverBatchBox,
       tableCellMouseEnter,
       tableCellMouseLeave
     } = batch();
-    const clickCheckbox = (e, record) => {
-      e.stopPropagation();
-      e.preventDefault();
-      selectData(record);
-    };
     const selectTableCell = (record) => {
       selectData(record);
     };
+    const selectTableAll = (checked) => {
+      if (checked) {
+        selectedData.value = [];
+        mediaFileData.value.forEach((item) => selectData(item));
+      } else {
+        selectedData.value = [];
+      }
+      emitChange();
+    };
     const selectData = (record) => {
       if (importantBanner.value) {
         const {
@@ -151,28 +163,45 @@ const _sfc_main = vue.defineComponent({
         categoryCascaderData.value = arr;
       }
     };
-    const columns = [
+    const columns = vue.ref([
+      {
+        title: "\u52FE",
+        dataIndex: "select",
+        slotName: "select",
+        width: 40,
+        titleSlotName: "selectTitle"
+      },
+      {
+        title: "\u5C01\u9762",
+        dataIndex: "cover",
+        slotName: "cover",
+        width: 92
+      },
       {
         title: "\u6807\u9898",
         dataIndex: "title",
-        slotName: "title"
+        slotName: "title",
+        width: 428
       },
       {
         title: "\u7C7B\u578B",
         dataIndex: "series",
-        slotName: "series"
+        slotName: "series",
+        width: 170
       },
       {
         title: "\u7F16\u8F91",
         dataIndex: "duty_editor",
-        slotName: "duty_editor"
+        slotName: "duty_editor",
+        width: 100
       },
       {
         title: "\u53D1\u5E03\u65F6\u95F4",
         dataIndex: "pub_time",
-        slotName: "pub_time"
+        slotName: "pub_time",
+        width: 150
       }
-    ];
+    ]);
     const importantSeries = vue.computed(() => {
       return props.series !== "all";
     });
@@ -229,57 +258,75 @@ const _sfc_main = vue.defineComponent({
         vue.createVNode(index, {
           group_id: group_id.value,
           "onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => group_id.value = $event),
-          tree: categoryCascaderData.value,
-          series: props.series,
           banner: _ctx.banner,
           height: listMinHeight.value,
+          series: props.series,
+          tree: categoryCascaderData.value,
           "user-info": props.userInfo,
           onSearch: search
-        }, null, 8, ["group_id", "tree", "series", "banner", "height", "user-info"]),
+        }, null, 8, ["group_id", "banner", "height", "series", "tree", "user-info"]),
         vue.createElementVNode("div", _hoisted_2, [
           vue.createVNode(vue.unref(webVue.Table), {
-            columns,
-            scroll: scrollPercent,
-            pagination: false,
             bordered: false,
+            columns: columns.value,
             data: mediaFileData.value,
+            pagination: false,
+            scroll: scrollPercent,
             onCellMouseEnter: vue.unref(tableCellMouseEnter),
             onCellMouseLeave: vue.unref(tableCellMouseLeave),
             onRowClick: selectTableCell
           }, {
-            title: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", _hoisted_3, [
-                vue.unref(hoverBatchBox)(selectedData.value, record) ? (vue.openBlock(), vue.createElementBlock("span", {
+            selectTitle: vue.withCtx(() => [
+              vue.createVNode(vue.unref(webVue.Checkbox), {
+                class: "icon",
+                onChange: selectTableAll
+              })
+            ]),
+            select: vue.withCtx(({ record }) => [
+              vue.createVNode(vue.unref(webVue.Checkbox), {
+                "model-value": vue.unref(isItemChecked)(selectedData.value, record),
+                class: "icon"
+              }, null, 8, ["model-value"])
+            ]),
+            cover: vue.withCtx(({ record }) => {
+              var _a, _b, _c, _d, _e, _f;
+              return [
+                ((_c = (_b = (_a = record.cover) == null ? void 0 : _a.data) == null ? void 0 : _b[0]) == null ? void 0 : _c.thumb) ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 0,
-                  onClick: vue.withModifiers(($event) => clickCheckbox($event, record), ["stop"])
-                }, [
-                  vue.createVNode(vue.unref(webVue.Checkbox), {
-                    class: "icon",
-                    "model-value": vue.unref(isItemChecked)(selectedData.value, record)
-                  }, null, 8, ["model-value"])
-                ], 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(component, {
-                  key: 1,
+                  src: (_f = (_e = (_d = record.cover) == null ? void 0 : _d.data) == null ? void 0 : _e[0]) == null ? void 0 : _f.thumb,
+                  alt: "",
+                  class: "pic-thumb-img"
+                }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_4))
+              ];
+            }),
+            title: vue.withCtx(({ record }) => [
+              vue.createElementVNode("span", _hoisted_5, [
+                vue.createVNode(component, {
+                  type: record.series,
                   class: "icon",
-                  doc: "",
-                  type: record.series
-                }, null, 8, ["type"])),
-                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(record.title || record.alias || "--"), 1)
+                  doc: ""
+                }, null, 8, ["type"]),
+                vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(record.title || record.alias || "--"), 1)
               ])
             ]),
             series: vue.withCtx(({ record }) => [
               vue.createVNode(component$1, { item: record }, null, 8, ["item"])
             ]),
             duty_editor: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", null, vue.toDisplayString(record.duty_editor || "--"), 1)
+              vue.createElementVNode("span", _hoisted_7, [
+                vue.createElementVNode("span", null, vue.toDisplayString(record.duty_editor || "--"), 1)
+              ])
             ]),
             pub_time: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index$1.timeFormat)(record.pub_time)), 1)
+              vue.createElementVNode("span", _hoisted_8, [
+                vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index$1.timeFormat)(record.pub_time)), 1)
+              ])
             ]),
             _: 1
-          }, 8, ["data", "onCellMouseEnter", "onCellMouseLeave"])
+          }, 8, ["columns", "data", "onCellMouseEnter", "onCellMouseLeave"])
         ]),
-        vue.createElementVNode("div", _hoisted_6, [
-          vue.createElementVNode("div", _hoisted_7, [
+        vue.createElementVNode("div", _hoisted_9, [
+          vue.createElementVNode("div", _hoisted_10, [
             vue.renderSlot(_ctx.$slots, "store"),
             vue.withDirectives(vue.createVNode(vue.unref(webVue.Pagination), {
               current: page.value.index,

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

@@ -29,10 +29,10 @@ const _sfc_main = vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(vue.unref(webVue.Popover), {
-          position: "tl",
-          "content-class": "selected-store-box-popover-content",
-          "content-style": { width: "290px" },
           "arrow-style": { display: "none" },
+          "content-style": { width: "420px" },
+          "content-class": "selected-store-box-popover-content",
+          position: "tl",
           trigger: "click"
         }, {
           content: vue.withCtx(() => [
@@ -49,17 +49,17 @@ const _sfc_main = vue.defineComponent({
                     }, [
                       vue.createElementVNode("div", _hoisted_3, [
                         vue.createVNode(component, {
+                          type: item.series,
                           class: "icon",
-                          doc: "",
-                          type: item.series
+                          doc: ""
                         }, null, 8, ["type"]),
                         vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(item.alias || item.title), 1)
                       ]),
                       vue.createVNode(vue.unref(webVue.Button), {
                         class: "close-btn",
-                        type: "text",
                         shape: "circle",
                         size: "mini",
+                        type: "text",
                         onClick: ($event) => remove(item, index)
                       }, {
                         icon: vue.withCtx(() => [

package/lib/contentModal/images/pic-thumb.js

@@ -0,0 +1,3 @@
+"use strict";
+var _imports_0 = "data:image/png;base64,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";
+module.exports = _imports_0;

package/lib/contentModal/style/MediaFilter.less

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

package/lib/contentModal/style/ViewAllColumn.less

@@ -3,6 +3,17 @@
 
   .content-table-view {
     height: calc(100% - 110px);
+    padding: 0 20px;
+    // 勾选框样式
+    .arco-checkbox {
+      padding: 0;
+    }
+
+    // 缩略图
+    .pic-thumb-img {
+      width: 60px;
+      height: 45px;
+    }
 
     .title-span,
     .mp_title-span {

package/lib/contentModal/style/columnTree.less

@@ -1,9 +1,29 @@
 .column-selection-container {
-    padding: 0px 15px;
+  padding: 0 15px;
 }
+
 .column-selection-popover-content {
-    padding: 0;
-    .column-outer-scrollbar {
-        height: 100%;
+  .search-column {
+    margin-bottom: 4px;
+    padding: 4px 8px;
+  }
+
+  .last-search-key {
+    height: 32px;
+    margin-left: 22px;
+    padding-left: 4px;
+    color: #165dff;
+    line-height: 32px;
+    border-radius: var(--border-radius-small);
+
+    &:hover {
+      color: var(--color-text-1);
+      background-color: var(--color-fill-2);
+      cursor: pointer;
     }
-}
+  }
+
+  .column-outer-scrollbar {
+    height: 100%;
+  }
+}

package/lib/contentModal/style/index.css

@@ -1,47 +1,82 @@
 .column-selection-container {
-  padding: 0px 15px;
-}
-.column-selection-popover-content {
-  padding: 0;
+  padding: 0 15px;
+}
+.column-selection-popover-content .search-column {
+  margin-bottom: 4px;
+  padding: 4px 8px;
+}
+.column-selection-popover-content .last-search-key {
+  height: 32px;
+  margin-left: 22px;
+  padding-left: 4px;
+  color: #165dff;
+  line-height: 32px;
+  border-radius: var(--border-radius-small);
+}
+.column-selection-popover-content .last-search-key:hover {
+  color: var(--color-text-1);
+  background-color: var(--color-fill-2);
+  cursor: pointer;
 }
 .column-selection-popover-content .column-outer-scrollbar {
   height: 100%;
 }
 .media-filter-container {
-  padding: 10px 15px;
   display: flex;
   align-items: center;
+  justify-content: space-between;
+  padding: 10px 20px;
 }
 .media-filter-container .filter-item {
   width: auto;
 }
+.media-filter-container .reset-button {
+  width: 74px;
+  padding: 9px 12px;
+  font-size: 14px;
+}
+.media-filter-container .reset-button .reset-icon {
+  margin-right: 8px;
+}
+.media-filter-container .sort-button {
+  color: #4e5969;
+}
+.media-filter-container .sort-button .filter-item {
+  width: 102px;
+}
+.media-filter-container .sort-button .filter-item .arco-select-view-suffix {
+  padding-left: 0;
+}
+.media-filter-container .sort-button:hover {
+  cursor: pointer;
+}
 .selected-store-box-popover-content {
   padding: 0;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item {
-  height: 35px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 5px 10px;
   box-sizing: border-box;
+  height: 42px;
+  padding: 5px 10px;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .icon {
+  display: inline-block;
   width: 20px;
   height: 25px;
   margin-right: 8px;
   font-size: 18px;
-  vertical-align: middle;
-  display: inline-block;
   text-align: center;
+  vertical-align: middle;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .left {
-  width: 90%;
   display: inline-block;
   align-items: center;
-  text-overflow: ellipsis;
+  width: 90%;
   overflow: hidden;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
   display: none;
@@ -58,12 +93,22 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
+  height: 42px;
+  border-top: 1px solid #f2f3f5;
 }
 .view-all-column-container {
   height: 100%;
 }
 .view-all-column-container .content-table-view {
   height: calc(100% - 110px);
+  padding: 0 20px;
+}
+.view-all-column-container .content-table-view .arco-checkbox {
+  padding: 0;
+}
+.view-all-column-container .content-table-view .pic-thumb-img {
+  width: 60px;
+  height: 45px;
 }
 .view-all-column-container .content-table-view .title-span,
 .view-all-column-container .content-table-view .mp_title-span {