@cmstops/pro-compo 0.1.31 → 0.1.33

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

@@ -1,4 +1,5 @@
-import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, withModifiers, createBlock, toDisplayString, renderSlot, withDirectives, vShow } from "vue";
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, toDisplayString, renderSlot, withDirectives, vShow } from "vue";
+import _imports_0 from "../../images/pic-thumb.js";
 import { Table, Checkbox, Pagination, Message } from "@arco-design/web-vue";
 import _sfc_main$2 from "../../../typeIcons/component.js";
 import _sfc_main$1 from "./MediaFilter/index.js";
@@ -8,11 +9,19 @@ import { timeFormat } from "../../../utils/index.js";
 import { getCategoryMediaNew, checkCommitFulfillment, getCategoryCategoriesTree } from "../../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: _imports_0
+};
+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 = defineComponent({
   ...{ name: "ViewAllColumn" },
   __name: "index",
@@ -55,18 +64,21 @@ const _sfc_main = defineComponent({
     });
     const {
       isItemChecked,
-      hoverBatchBox,
       tableCellMouseEnter,
       tableCellMouseLeave
     } = useTableBatch();
-    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 +162,45 @@ const _sfc_main = defineComponent({
         categoryCascaderData.value = arr;
       }
     };
-    const columns = [
+    const columns = 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 = computed(() => {
       return props.series !== "all";
     });
@@ -228,57 +257,75 @@ const _sfc_main = defineComponent({
         createVNode(_sfc_main$1, {
           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"]),
         createElementVNode("div", _hoisted_2, [
           createVNode(unref(Table), {
-            columns,
-            scroll: scrollPercent,
-            pagination: false,
             bordered: false,
+            columns: columns.value,
             data: mediaFileData.value,
+            pagination: false,
+            scroll: scrollPercent,
             onCellMouseEnter: unref(tableCellMouseEnter),
             onCellMouseLeave: unref(tableCellMouseLeave),
             onRowClick: selectTableCell
           }, {
-            title: withCtx(({ record }) => [
-              createElementVNode("span", _hoisted_3, [
-                unref(hoverBatchBox)(selectedData.value, record) ? (openBlock(), createElementBlock("span", {
+            selectTitle: withCtx(() => [
+              createVNode(unref(Checkbox), {
+                class: "icon",
+                onChange: selectTableAll
+              })
+            ]),
+            select: withCtx(({ record }) => [
+              createVNode(unref(Checkbox), {
+                "model-value": unref(isItemChecked)(selectedData.value, record),
+                class: "icon"
+              }, null, 8, ["model-value"])
+            ]),
+            cover: 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) ? (openBlock(), createElementBlock("img", {
                   key: 0,
-                  onClick: withModifiers(($event) => clickCheckbox($event, record), ["stop"])
-                }, [
-                  createVNode(unref(Checkbox), {
-                    class: "icon",
-                    "model-value": unref(isItemChecked)(selectedData.value, record)
-                  }, null, 8, ["model-value"])
-                ], 8, _hoisted_4)) : (openBlock(), createBlock(_sfc_main$2, {
-                  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)) : (openBlock(), createElementBlock("img", _hoisted_4))
+              ];
+            }),
+            title: withCtx(({ record }) => [
+              createElementVNode("span", _hoisted_5, [
+                createVNode(_sfc_main$2, {
+                  type: record.series,
                   class: "icon",
-                  doc: "",
-                  type: record.series
-                }, null, 8, ["type"])),
-                createElementVNode("span", _hoisted_5, toDisplayString(record.title || record.alias || "--"), 1)
+                  doc: ""
+                }, null, 8, ["type"]),
+                createElementVNode("span", _hoisted_6, toDisplayString(record.title || record.alias || "--"), 1)
               ])
             ]),
             series: withCtx(({ record }) => [
               createVNode(_sfc_main$3, { item: record }, null, 8, ["item"])
             ]),
             duty_editor: withCtx(({ record }) => [
-              createElementVNode("span", null, toDisplayString(record.duty_editor || "--"), 1)
+              createElementVNode("span", _hoisted_7, [
+                createElementVNode("span", null, toDisplayString(record.duty_editor || "--"), 1)
+              ])
             ]),
             pub_time: withCtx(({ record }) => [
-              createElementVNode("span", null, toDisplayString(unref(timeFormat)(record.pub_time)), 1)
+              createElementVNode("span", _hoisted_8, [
+                createElementVNode("span", null, toDisplayString(unref(timeFormat)(record.pub_time)), 1)
+              ])
             ]),
             _: 1
-          }, 8, ["data", "onCellMouseEnter", "onCellMouseLeave"])
+          }, 8, ["columns", "data", "onCellMouseEnter", "onCellMouseLeave"])
         ]),
-        createElementVNode("div", _hoisted_6, [
-          createElementVNode("div", _hoisted_7, [
+        createElementVNode("div", _hoisted_9, [
+          createElementVNode("div", _hoisted_10, [
             renderSlot(_ctx.$slots, "store"),
             withDirectives(createVNode(unref(Pagination), {
               current: page.value.index,

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

@@ -28,10 +28,10 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(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: withCtx(() => [
@@ -48,17 +48,17 @@ const _sfc_main = defineComponent({
                     }, [
                       createElementVNode("div", _hoisted_3, [
                         createVNode(_sfc_main$1, {
+                          type: item.series,
                           class: "icon",
-                          doc: "",
-                          type: item.series
+                          doc: ""
                         }, null, 8, ["type"]),
                         createElementVNode("span", _hoisted_4, toDisplayString(item.alias || item.title), 1)
                       ]),
                       createVNode(unref(Button), {
                         class: "close-btn",
-                        type: "text",
                         shape: "circle",
                         size: "mini",
+                        type: "text",
                         onClick: ($event) => remove(item, index)
                       }, {
                         icon: withCtx(() => [

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

@@ -0,0 +1,2 @@
+var _imports_0 = "data:image/png;base64,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";
+export { _imports_0 as default };

package/es/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/es/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/es/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/es/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 {

package/es/contentModal/style/storeBox.less

@@ -1,45 +1,55 @@
 .selected-store-box-popover-content {
   padding: 0;
+
   .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;
+
       .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;
       }
+
       .left {
-        width: 90%;
         display: inline-block;
         align-items: center;
-        text-overflow: ellipsis;
+        width: 90%;
         overflow: hidden;
         white-space: nowrap;
+        text-overflow: ellipsis;
       }
+
       .close-btn {
         display: none;
       }
+
       &:hover,
       &:active {
         background-color: #f6f6f6;
+
         .close-btn {
           display: block;
         }
       }
     }
   }
+
   .options {
     display: flex;
     align-items: center;
     justify-content: flex-end;
+    height: 42px;
+    border-top: 1px solid #f2f3f5;
+    //background-color: red;
   }
 }