@cmstops/pro-compo 0.1.64 → 0.1.66

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

@@ -1,7 +1,10 @@
-import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
-import { Space, Input, Select, Option } from "@arco-design/web-vue";
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString } from "vue";
+import { Row, Col, Input, Select, Option } from "@arco-design/web-vue";
+import { IconSort } from "@arco-design/web-vue/es/icon";
 import { searchMpaccount } from "../../../script/api.js";
 const _hoisted_1 = { class: "media-filter-container" };
+const _hoisted_2 = { style: { "margin-right": "10px" } };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, null, -1);
 const _sfc_main = defineComponent({
   ...{ name: "MediaFilter" },
   __name: "index",
@@ -14,8 +17,12 @@ const _sfc_main = defineComponent({
     var _a, _b, _c;
     const props = __props;
     const emit = __emit;
-    const filter = ref({ wd: "", account_uid: "", order: 1 });
+    const filter = ref({ wd: "", account_uid: "", order: 0 });
     const typeOptions = ref([{ mp_name: "\u5168\u90E8", uid: "all" }]);
+    const sortOptions = ref([
+      { value: 0, label: "\u6B63\u5E8F" },
+      { value: 1, label: "\u5012\u5E8F" }
+    ]);
     const limit = ref(100);
     const mpName = ((_c = (_b = (_a = window.situoyun) == null ? void 0 : _a.config) == null ? void 0 : _b.oem_config) == null ? void 0 : _c.mp_name) || "\u516C\u4F17\u53F7";
     computed({
@@ -39,45 +46,88 @@ const _sfc_main = defineComponent({
     const handleSearch = () => {
       emit("search", filter.value);
     };
-    watch(filter.value, () => {
-      if (filter.value.account_uid === "all") {
-        filter.value.account_uid = "";
-      }
-      handleSearch();
-    });
+    watch(
+      () => filter.value,
+      (val) => {
+        if (filter.value.account_uid === "all") {
+          filter.value.account_uid = "";
+        }
+        handleSearch();
+      },
+      { deep: true }
+    );
     onMounted(() => {
       getTypeData();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Space), { size: "large" }, {
+        createVNode(unref(Row), {
+          justify: "space-between",
+          style: { "width": "100%" }
+        }, {
           default: withCtx(() => [
-            createVNode(unref(Input), {
-              modelValue: filter.value.wd,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.wd = $event),
-              class: "filter-item",
-              "allow-clear": "",
-              placeholder: "\u8F93\u5165\u5185\u5BB9\u6807\u9898",
-              onPressEnter: handleSearch
-            }, null, 8, ["modelValue"]),
-            createVNode(unref(Select), {
-              modelValue: filter.value.account_uid,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.account_uid = $event),
-              class: "filter-item",
-              placeholder: unref(mpName),
-              "allow-search": ""
-            }, {
+            createVNode(unref(Col), { span: 20 }, {
+              default: withCtx(() => [
+                createVNode(unref(Input), {
+                  modelValue: filter.value.wd,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.wd = $event),
+                  class: "filter-item",
+                  style: { "margin-right": "10px" },
+                  "allow-clear": "",
+                  placeholder: "\u8F93\u5165\u5185\u5BB9\u6807\u9898",
+                  onPressEnter: handleSearch
+                }, null, 8, ["modelValue"]),
+                createVNode(unref(Select), {
+                  modelValue: filter.value.account_uid,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.account_uid = $event),
+                  class: "filter-item",
+                  placeholder: unref(mpName),
+                  "allow-search": ""
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
+                      return openBlock(), createBlock(unref(Option), {
+                        key: item.uid,
+                        label: item.mp_name,
+                        value: item.uid
+                      }, null, 8, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }),
+            createVNode(unref(Row), { justify: "end" }, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
-                  return openBlock(), createBlock(unref(Option), {
-                    key: item.uid,
-                    label: item.mp_name,
-                    value: item.uid
-                  }, null, 8, ["label", "value"]);
-                }), 128))
+                createVNode(unref(Select), {
+                  modelValue: filter.value.order,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.order = $event),
+                  class: "filter-item"
+                }, {
+                  label: withCtx(({ data }) => [
+                    createElementVNode("span", _hoisted_2, [
+                      createVNode(unref(IconSort))
+                    ]),
+                    createElementVNode("span", null, toDisplayString(data == null ? void 0 : data.label), 1)
+                  ]),
+                  "arrow-icon": withCtx(() => [
+                    _hoisted_3
+                  ]),
+                  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"])
               ]),
               _: 1
-            }, 8, ["modelValue", "placeholder"])
+            })
           ]),
           _: 1
         })

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, withModifiers, createBlock, toDisplayString, renderSlot } from "vue";
-import { Table, Checkbox, Message } from "@arco-design/web-vue";
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, withModifiers, createBlock, toDisplayString, renderSlot, withDirectives, vShow } from "vue";
+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";
 import useTableBatch from "../../../hooks/batch.js";
@@ -59,7 +59,7 @@ const _sfc_main = defineComponent({
       return props.defaultSelectedData || [];
     });
     const search = (_filter) => {
-      if (_filter.account_uid || _filter.wd) {
+      if (_filter.account_uid || _filter.wd || _filter.order === 0 || _filter.order === 1) {
         filter.value = { ..._filter };
       } else {
         filter.value = null;
@@ -92,6 +92,10 @@ const _sfc_main = defineComponent({
         }) || [];
       }
     };
+    const pageChangeHandle = (index) => {
+      page.value.index = index;
+      loadData();
+    };
     const clickCheckbox = (e, record) => {
       e.stopPropagation();
       e.preventDefault();
@@ -151,6 +155,7 @@ const _sfc_main = defineComponent({
     watch(
       () => group_id.value,
       () => {
+        page.value.index = 1;
         loadData();
       }
     );
@@ -190,6 +195,7 @@ const _sfc_main = defineComponent({
                 ], 8, _hoisted_4)) : (openBlock(), createBlock(_sfc_main$2, {
                   key: 1,
                   class: "icon",
+                  doc: true,
                   type: record.series
                 }, null, 8, ["type"])),
                 createElementVNode("span", _hoisted_5, toDisplayString(record.title || record.alias || "--"), 1)
@@ -206,7 +212,15 @@ const _sfc_main = defineComponent({
         ]),
         createElementVNode("div", _hoisted_6, [
           createElementVNode("div", _hoisted_7, [
-            renderSlot(_ctx.$slots, "store")
+            renderSlot(_ctx.$slots, "store"),
+            withDirectives(createVNode(unref(Pagination), {
+              current: page.value.index,
+              "page-size": page.value.size,
+              total: page.value.total,
+              onChange: pageChangeHandle
+            }, null, 8, ["current", "page-size", "total"]), [
+              [vShow, mediaFileData.value.length > 0]
+            ])
           ]),
           renderSlot(_ctx.$slots, "options")
         ])

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

@@ -277,6 +277,7 @@ const _sfc_main = defineComponent({
             columns: columns.value,
             data: mediaFileData.value,
             pagination: false,
+            loading: dataLoading.value,
             scroll: scrollPercent,
             onCellMouseEnter: unref(tableCellMouseEnter),
             onCellMouseLeave: unref(tableCellMouseLeave),
@@ -329,7 +330,7 @@ const _sfc_main = defineComponent({
               ])
             ]),
             _: 1
-          }, 8, ["columns", "data", "onCellMouseEnter", "onCellMouseLeave"])
+          }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
         ]),
         createElementVNode("div", _hoisted_9, [
           createElementVNode("div", _hoisted_10, [

package/es/contentModal/style/MediaFilter.less

@@ -8,6 +8,11 @@
     width: auto;
   }
 
+  :deep(.arco-popover-content) {
+    display: flex;
+    flex-direction: column;
+  }
+
   // 重置
   .reset-button {
     width: 74px;

package/es/contentModal/style/index.css

@@ -30,6 +30,10 @@
 .media-filter-container .filter-item {
   width: auto;
 }
+.media-filter-container :deep(.arco-popover-content) {
+  display: flex;
+  flex-direction: column;
+}
 .media-filter-container .reset-button {
   width: 74px;
   padding: 9px 12px;

package/es/index.css

@@ -357,6 +357,10 @@
 .media-filter-container .filter-item {
   width: auto;
 }
+.media-filter-container :deep(.arco-popover-content) {
+  display: flex;
+  flex-direction: column;
+}
 .media-filter-container .reset-button {
   width: 74px;
   padding: 9px 12px;
@@ -3057,6 +3061,15 @@
   border-radius: 50%;
   content: '';
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
+  color: #4caf50;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
+  color: #4caf50;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1 {
+  color: #ff9800;
+}
 .matrix-records-item-view .info-view .abttrite-v .right {
   margin-right: 20px;
 }

package/lib/contentDetailList/component.js

@@ -128,6 +128,12 @@ const _sfc_main = vue.defineComponent({
                     onCellMouseEnter: tableCellMouseEnter,
                     onCellMouseLeave: tableCellMouseLeave
                   }, {
+                    tip: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "tip", {
+                        row: element,
+                        index: index$3
+                      })
+                    ]),
                     batch: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "batch", {
                         row: element,
@@ -207,6 +213,12 @@ const _sfc_main = vue.defineComponent({
                   onCellMouseEnter: tableCellMouseEnter,
                   onCellMouseLeave: tableCellMouseLeave
                 }, {
+                  tip: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "tip", {
+                      row: item,
+                      index: index$3
+                    })
+                  ]),
                   batch: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "batch", {
                       row: item,

package/lib/contentDetailList/components/Content/DocItem/index.js

@@ -72,6 +72,16 @@ const _sfc_main = vue.defineComponent({
       }
       return null;
     });
+    const showDataTags = vue.computed(() => {
+      if (!props.extraAttrs)
+        return true;
+      if (!props.extraAttrs.doc)
+        return true;
+      const { showDataTags: showDataTags2 } = props.extraAttrs.doc;
+      if (showDataTags2 === void 0 || showDataTags2 === null)
+        return true;
+      return showDataTags2;
+    });
     const mouseEnterFun = (event, row) => {
       emit("cellMouseEnter", { row, event });
     };
@@ -120,7 +130,10 @@ const _sfc_main = vue.defineComponent({
                 type: _ctx.item.series
               }, null, 8, ["type"]),
               vue.createElementVNode("span", _hoisted_7, [
-                vue.createVNode(component$1, { item: _ctx.item }, null, 8, ["item"]),
+                showDataTags.value ? (vue.openBlock(), vue.createBlock(component$1, {
+                  key: 0,
+                  item: _ctx.item
+                }, null, 8, ["item"])) : vue.createCommentVNode("v-if", true),
                 vue.renderSlot(_ctx.$slots, "tip")
               ]),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.abttrites, (column, i) => {

package/lib/contentDetailList/components/Doc/index.js

@@ -30,6 +30,12 @@ const _sfc_main = vue.defineComponent({
         onCellMouseEnter: cellMouseEnter,
         onCellMouseLeave: cellMouseLeave
       }, {
+        tip: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "tip", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
         batch: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "batch", {
             row: _ctx.item,

package/lib/contentDetailList/components/Records/MatrixItem/index.js

@@ -18,12 +18,10 @@ const _hoisted_7 = { class: "left" };
 const _hoisted_8 = { class: "abttr tags account" };
 const _hoisted_9 = { class: "name" };
 const _hoisted_10 = { key: 1 };
-const _hoisted_11 = { class: "abttr tags state" };
-const _hoisted_12 = { class: "abttr tags user" };
+const _hoisted_11 = { class: "abttr tags user" };
+const _hoisted_12 = { class: "abttr time" };
 const _hoisted_13 = { class: "abttr time" };
-const _hoisted_14 = { class: "abttr tags state" };
-const _hoisted_15 = { class: "abttr time" };
-const _hoisted_16 = { class: "right" };
+const _hoisted_14 = { class: "right" };
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
@@ -108,19 +106,23 @@ const _sfc_main = vue.defineComponent({
                   vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(account.value.name), 1)
                 ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "--"))
               ]),
-              vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(vue.unref(typeMap.matrixPublishStateMap)[_ctx.item.publishState]), 1),
-              vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
-              vue.createElementVNode("span", _hoisted_13, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(["abttr tags state", [`p-state-${vue.unref(typeMap.matrixPublishStateMap)[_ctx.item.publishState]}`]])
+              }, vue.toDisplayString(vue.unref(typeMap.matrixPublishStateMap)[_ctx.item.publishState]), 3),
+              vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
+              vue.createElementVNode("span", _hoisted_12, [
                 vue.createVNode(vue.unref(icon.IconSubscribed)),
                 vue.createTextVNode(" \u53D1\u5E03\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.publishTime)), 1)
               ]),
-              vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(vue.unref(typeMap.matrixPublishFormalStateMap)[_ctx.item.platformState]), 1),
-              vue.createElementVNode("span", _hoisted_15, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(["abttr tags state", [`m-state-${vue.unref(typeMap.matrixPublishStateMap)[_ctx.item.platformState]}`]])
+              }, vue.toDisplayString(vue.unref(typeMap.matrixPublishFormalStateMap)[_ctx.item.platformState]), 3),
+              vue.createElementVNode("span", _hoisted_13, [
                 vue.createVNode(vue.unref(icon.IconSend)),
                 vue.createTextVNode(" \u5206\u53D1\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.distributeTime)), 1)
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_16, [
+            vue.createElementVNode("div", _hoisted_14, [
               vue.renderSlot(_ctx.$slots, "option", { row: _ctx.item })
             ])
           ])

package/lib/contentDetailList/style/MatrixItem.less

@@ -116,6 +116,21 @@
             border-radius: 50%;
             content: '';
           }
+
+          &.p-state-2 {
+            // 成功
+            color: #4caf50;
+          }
+
+          &.m-state-0 {
+            // 成功
+            color: #4caf50;
+          }
+
+          &.m-state-1 {
+            // 审核
+            color: #ff9800;
+          }
         }
       }
 

package/lib/contentDetailList/style/index.css

@@ -1038,6 +1038,15 @@
   border-radius: 50%;
   content: '';
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
+  color: #4caf50;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
+  color: #4caf50;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1 {
+  color: #ff9800;
+}
 .matrix-records-item-view .info-view .abttrite-v .right {
   margin-right: 20px;
 }

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

@@ -1,8 +1,11 @@
 "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: "media-filter-container" };
+const _hoisted_2 = { style: { "margin-right": "10px" } };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
 const _sfc_main = vue.defineComponent({
   ...{ name: "MediaFilter" },
   __name: "index",
@@ -15,8 +18,12 @@ const _sfc_main = vue.defineComponent({
     var _a, _b, _c;
     const props = __props;
     const emit = __emit;
-    const filter = vue.ref({ wd: "", account_uid: "", order: 1 });
+    const filter = vue.ref({ wd: "", account_uid: "", order: 0 });
     const typeOptions = vue.ref([{ mp_name: "\u5168\u90E8", uid: "all" }]);
+    const sortOptions = vue.ref([
+      { value: 0, label: "\u6B63\u5E8F" },
+      { value: 1, label: "\u5012\u5E8F" }
+    ]);
     const limit = vue.ref(100);
     const mpName = ((_c = (_b = (_a = window.situoyun) == null ? void 0 : _a.config) == null ? void 0 : _b.oem_config) == null ? void 0 : _c.mp_name) || "\u516C\u4F17\u53F7";
     vue.computed({
@@ -40,45 +47,88 @@ const _sfc_main = vue.defineComponent({
     const handleSearch = () => {
       emit("search", filter.value);
     };
-    vue.watch(filter.value, () => {
-      if (filter.value.account_uid === "all") {
-        filter.value.account_uid = "";
-      }
-      handleSearch();
-    });
+    vue.watch(
+      () => filter.value,
+      (val) => {
+        if (filter.value.account_uid === "all") {
+          filter.value.account_uid = "";
+        }
+        handleSearch();
+      },
+      { deep: true }
+    );
     vue.onMounted(() => {
       getTypeData();
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(webVue.Space), { size: "large" }, {
+        vue.createVNode(vue.unref(webVue.Row), {
+          justify: "space-between",
+          style: { "width": "100%" }
+        }, {
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(webVue.Input), {
-              modelValue: filter.value.wd,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.wd = $event),
-              class: "filter-item",
-              "allow-clear": "",
-              placeholder: "\u8F93\u5165\u5185\u5BB9\u6807\u9898",
-              onPressEnter: handleSearch
-            }, null, 8, ["modelValue"]),
-            vue.createVNode(vue.unref(webVue.Select), {
-              modelValue: filter.value.account_uid,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.account_uid = $event),
-              class: "filter-item",
-              placeholder: vue.unref(mpName),
-              "allow-search": ""
-            }, {
+            vue.createVNode(vue.unref(webVue.Col), { span: 20 }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(webVue.Input), {
+                  modelValue: filter.value.wd,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.wd = $event),
+                  class: "filter-item",
+                  style: { "margin-right": "10px" },
+                  "allow-clear": "",
+                  placeholder: "\u8F93\u5165\u5185\u5BB9\u6807\u9898",
+                  onPressEnter: handleSearch
+                }, null, 8, ["modelValue"]),
+                vue.createVNode(vue.unref(webVue.Select), {
+                  modelValue: filter.value.account_uid,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.account_uid = $event),
+                  class: "filter-item",
+                  placeholder: vue.unref(mpName),
+                  "allow-search": ""
+                }, {
+                  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.uid,
+                        label: item.mp_name,
+                        value: item.uid
+                      }, null, 8, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "placeholder"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(webVue.Row), { justify: "end" }, {
               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.uid,
-                    label: item.mp_name,
-                    value: item.uid
-                  }, null, 8, ["label", "value"]);
-                }), 128))
+                vue.createVNode(vue.unref(webVue.Select), {
+                  modelValue: filter.value.order,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.order = $event),
+                  class: "filter-item"
+                }, {
+                  label: vue.withCtx(({ data }) => [
+                    vue.createElementVNode("span", _hoisted_2, [
+                      vue.createVNode(vue.unref(icon.IconSort))
+                    ]),
+                    vue.createElementVNode("span", null, vue.toDisplayString(data == null ? void 0 : data.label), 1)
+                  ]),
+                  "arrow-icon": vue.withCtx(() => [
+                    _hoisted_3
+                  ]),
+                  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"])
               ]),
               _: 1
-            }, 8, ["modelValue", "placeholder"])
+            })
           ]),
           _: 1
         })

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

@@ -60,7 +60,7 @@ const _sfc_main = vue.defineComponent({
       return props.defaultSelectedData || [];
     });
     const search = (_filter) => {
-      if (_filter.account_uid || _filter.wd) {
+      if (_filter.account_uid || _filter.wd || _filter.order === 0 || _filter.order === 1) {
         filter.value = { ..._filter };
       } else {
         filter.value = null;
@@ -93,6 +93,10 @@ const _sfc_main = vue.defineComponent({
         }) || [];
       }
     };
+    const pageChangeHandle = (index2) => {
+      page.value.index = index2;
+      loadData();
+    };
     const clickCheckbox = (e, record) => {
       e.stopPropagation();
       e.preventDefault();
@@ -152,6 +156,7 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => group_id.value,
       () => {
+        page.value.index = 1;
         loadData();
       }
     );
@@ -191,6 +196,7 @@ const _sfc_main = vue.defineComponent({
                 ], 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(component, {
                   key: 1,
                   class: "icon",
+                  doc: true,
                   type: record.series
                 }, null, 8, ["type"])),
                 vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(record.title || record.alias || "--"), 1)
@@ -207,7 +213,15 @@ const _sfc_main = vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_6, [
           vue.createElementVNode("div", _hoisted_7, [
-            vue.renderSlot(_ctx.$slots, "store")
+            vue.renderSlot(_ctx.$slots, "store"),
+            vue.withDirectives(vue.createVNode(vue.unref(webVue.Pagination), {
+              current: page.value.index,
+              "page-size": page.value.size,
+              total: page.value.total,
+              onChange: pageChangeHandle
+            }, null, 8, ["current", "page-size", "total"]), [
+              [vue.vShow, mediaFileData.value.length > 0]
+            ])
           ]),
           vue.renderSlot(_ctx.$slots, "options")
         ])

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

@@ -278,6 +278,7 @@ const _sfc_main = vue.defineComponent({
             columns: columns.value,
             data: mediaFileData.value,
             pagination: false,
+            loading: dataLoading.value,
             scroll: scrollPercent,
             onCellMouseEnter: vue.unref(tableCellMouseEnter),
             onCellMouseLeave: vue.unref(tableCellMouseLeave),
@@ -330,7 +331,7 @@ const _sfc_main = vue.defineComponent({
               ])
             ]),
             _: 1
-          }, 8, ["columns", "data", "onCellMouseEnter", "onCellMouseLeave"])
+          }, 8, ["columns", "data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
         ]),
         vue.createElementVNode("div", _hoisted_9, [
           vue.createElementVNode("div", _hoisted_10, [