@cmstops/pro-compo 0.1.30 → 0.1.32

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

@@ -22,8 +22,9 @@ const _sfc_main = vue.defineComponent({
     userInfo: {}
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     var _a, _b, _c;
+    const emit = __emit;
     const props = __props;
     const _maxSelect = props.maxSelect || 100;
     const selectedData = vue.ref([]);

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

@@ -1,6 +1,7 @@
 "use strict";
 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" };
@@ -8,7 +9,7 @@ const _sfc_main = vue.defineComponent({
   ...{ name: "MediaFilter" },
   __name: "index",
   props: {
-    group_id: {},
+    groupId: {},
     tree: { default: () => [] },
     series: { default: "all" },
     banner: { default: "all" },
@@ -16,9 +17,10 @@ const _sfc_main = vue.defineComponent({
     userInfo: {}
   },
   emits: ["update:group_id", "search"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const column_id = vue.ref(0);
+    const emit = __emit;
     const filter = vue.ref({
       keywords: "",
       type: "",
@@ -66,6 +68,12 @@ const _sfc_main = vue.defineComponent({
       });
       return [{ value: "", label: "\u5168\u90E8\u5C01\u9762\u7C7B\u578B" }, ...arr];
     });
+    const sortOptions = vue.computed(() => {
+      return [
+        { value: -1, label: "\u53D1\u5E03\u65F6\u95F4" },
+        { value: 1, label: "\u521B\u5EFA\u65F6\u95F4" }
+      ];
+    });
     const showReset = vue.computed(() => {
       let { banner } = filter.value;
       if (props.banner !== "all") {
@@ -75,7 +83,7 @@ const _sfc_main = vue.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 +108,13 @@ const _sfc_main = vue.defineComponent({
     };
     vue.watch(
       () => filter.value,
-      (val) => {
+      () => {
         handleSearch();
       },
       { deep: true }
     );
     vue.watch(
-      () => props.group_id,
+      () => props.groupId,
       (val) => {
         column_id.value = val;
       }
@@ -119,18 +127,26 @@ const _sfc_main = vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(webVue.Space), { size: "large" }, {
+        vue.createVNode(vue.unref(webVue.Space), { size: "small" }, {
           default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.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"]),
             vue.createVNode(index, {
               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"]),
             vue.createVNode(vue.unref(webVue.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 +163,7 @@ const _sfc_main = vue.defineComponent({
             }, 8, ["modelValue"]),
             vue.createVNode(vue.unref(webVue.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 +180,7 @@ const _sfc_main = vue.defineComponent({
             }, 8, ["modelValue"]),
             vue.createVNode(vue.unref(webVue.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 +195,15 @@ const _sfc_main = vue.defineComponent({
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            vue.createVNode(vue.unref(webVue.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"]),
             vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
-              type: "text",
+              class: "reset-button",
               size: "small",
+              type: "text",
               onClick: reset
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode("\u91CD\u7F6E")
+                vue.createVNode(vue.unref(icon.IconRefresh), { class: "reset-icon" }),
+                vue.createTextVNode(" \u91CD\u7F6E ")
               ]),
               _: 1
             }, 512), [
@@ -201,7 +211,29 @@ const _sfc_main = vue.defineComponent({
             ])
           ]),
           _: 1
-        })
+        }),
+        vue.createElementVNode("div", {
+          class: "sort-button",
+          onClick: reset
+        }, [
+          vue.createVNode(vue.unref(webVue.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: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sortOptions.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"])
+        ])
       ]);
     };
   }

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",
@@ -14,22 +15,55 @@ const _sfc_main = vue.defineComponent({
     userInfo: {}
   },
   emits: ["update:column_id"],
-  setup(__props, { emit }) {
+  setup(__props, { 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, {
@@ -41,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",
@@ -70,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"])
                   ]),
@@ -87,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",
@@ -26,7 +35,8 @@ const _sfc_main = vue.defineComponent({
     userInfo: {}
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const _maxSelect = props.maxSelect || 100;
     const selectedData = vue.ref([]);
@@ -55,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 {
@@ -150,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";
     });
@@ -228,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

@@ -15,8 +15,9 @@ const _sfc_main = vue.defineComponent({
     selectData: {}
   },
   emits: ["update:selectData"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const remove = (item, index) => {
       const arr = props.selectData;
       arr.splice(index, 1);
@@ -28,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(() => [
@@ -48,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 {