@cmstops/pro-compo 0.1.27 → 0.1.29

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

@@ -0,0 +1,214 @@
+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 _sfc_main$2 from "../../../typeIcons/component.js";
+import _sfc_main$1 from "./MediaFilter/index.js";
+import useTableBatch from "../../../hooks/batch.js";
+import { getMpContentList } 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 _sfc_main = defineComponent({
+  ...{ name: "LiveList" },
+  __name: "index",
+  props: {
+    maxSelect: {},
+    outsideSelectData: {},
+    defaultSelectedData: {},
+    userInfo: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const _maxSelect = props.maxSelect || 100;
+    const selectedData = ref([]);
+    const group_id = ref("all");
+    const mediaFileData = ref([]);
+    const dataLoading = ref(false);
+    const page = ref({
+      index: 1,
+      size: 10,
+      total: 0
+    });
+    const filter = ref(null);
+    const columns = [
+      {
+        title: "\u6807\u9898",
+        dataIndex: "title",
+        slotName: "title"
+      },
+      {
+        title: "\u6240\u5C5E\u516C\u4F17\u53F7",
+        dataIndex: "account_name",
+        slotName: "account_name"
+      },
+      {
+        title: "\u53D1\u5E03\u65F6\u95F4",
+        dataIndex: "pub_time",
+        slotName: "pub_time"
+      }
+    ];
+    const scrollPercent = { y: "100%" };
+    const tempSelectedData = computed(() => {
+      return props.defaultSelectedData || [];
+    });
+    const search = (_filter) => {
+      if (_filter.account_uid || _filter.wd) {
+        filter.value = { ..._filter };
+      } else {
+        filter.value = null;
+      }
+      page.value.index = 1;
+      loadData();
+    };
+    const loadData = async () => {
+      let params = {
+        page: page.value.index,
+        page_size: page.value.size
+      };
+      if (filter.value) {
+        params = { ...params, ...filter.value };
+      }
+      dataLoading.value = true;
+      const { code, message } = await getMpContentList(
+        props.userInfo.BASE_API,
+        params
+      );
+      dataLoading.value = false;
+      if (code === 0) {
+        page.value.total = message.total;
+        mediaFileData.value = message.list.map((v) => {
+          v.catalog = "mp_content";
+          v.target_id = v.id;
+          v.target_type = 16;
+          v._type = 3;
+          return v;
+        }) || [];
+      }
+    };
+    const clickCheckbox = (e, record) => {
+      e.stopPropagation();
+      e.preventDefault();
+      selectData(record);
+    };
+    const selectTableCell = (record) => {
+      selectData(record);
+    };
+    const selectData = (record) => {
+      if (checkSameAdd(record)) {
+        Message.warning({ content: "\u8BF7\u52FF\u6DFB\u52A0\u91CD\u590D\u6570\u636E", duration: 3e3 });
+        return;
+      }
+      addDataToSelectedList(record);
+    };
+    const checkSameAdd = (record) => {
+      const selected = props.outsideSelectData;
+      if (!selected.length)
+        return false;
+      return selected.map((row) => row.id).includes(record.id);
+    };
+    const addDataToSelectedList = async (record) => {
+      const index = selectedData.value.findIndex((v) => v.id === record.id);
+      if (selectedData.value.length < _maxSelect) {
+        if (index === -1) {
+          selectedData.value.push(record);
+        } else {
+          selectedData.value.splice(index, 1);
+        }
+        emitChange();
+      } else {
+        if (index === -1) {
+          selectedData.value.splice(selectedData.value.length - 1, 1);
+          selectedData.value.push(record);
+        } else {
+          selectedData.value.splice(index, 1);
+        }
+        Message.warning({ content: "\u5DF2\u8FBE\u5230\u9009\u62E9\u6570\u91CF\u7684\u4E0A\u9650", duration: 3e3 });
+        emitChange();
+      }
+    };
+    const emitChange = () => {
+      emit("change", selectedData.value);
+    };
+    const {
+      isItemChecked,
+      hoverBatchBox,
+      tableCellMouseEnter,
+      tableCellMouseLeave
+    } = useTableBatch();
+    watch(
+      () => tempSelectedData.value,
+      (val) => {
+        selectedData.value = val;
+      }
+    );
+    watch(
+      () => group_id.value,
+      () => {
+        loadData();
+      }
+    );
+    onMounted(() => {
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          group_id: group_id.value,
+          "onUpdate:group_id": _cache[0] || (_cache[0] = ($event) => group_id.value = $event),
+          "user-info": _ctx.userInfo,
+          onSearch: search
+        }, null, 8, ["group_id", "user-info"]),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(Table), {
+            columns,
+            scroll: scrollPercent,
+            pagination: false,
+            bordered: false,
+            data: mediaFileData.value,
+            loading: dataLoading.value,
+            onCellMouseEnter: unref(tableCellMouseEnter),
+            onCellMouseLeave: unref(tableCellMouseLeave),
+            onRowClick: selectTableCell
+          }, {
+            title: withCtx(({ record }) => [
+              createElementVNode("span", _hoisted_3, [
+                unref(hoverBatchBox)(selectedData.value, record) ? (openBlock(), createElementBlock("span", {
+                  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,
+                  class: "icon",
+                  type: record.series
+                }, null, 8, ["type"])),
+                createElementVNode("span", _hoisted_5, toDisplayString(record.title || record.alias || "--"), 1)
+              ])
+            ]),
+            account_name: withCtx(({ record }) => [
+              createElementVNode("span", null, toDisplayString(record.account_name || record.mp_user_name), 1)
+            ]),
+            pub_time: withCtx(({ record }) => [
+              createElementVNode("span", null, toDisplayString(record.pub_time), 1)
+            ]),
+            _: 1
+          }, 8, ["data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            renderSlot(_ctx.$slots, "store")
+          ]),
+          renderSlot(_ctx.$slots, "options")
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -1,4 +1,6 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createVNode } from "vue";
+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 { docSeries, docThumbMap } from "../../../../utils/doc.js";
 import _sfc_main$1 from "../columnTree/index.js";
 const _hoisted_1 = { class: "media-filter-container" };
 const _sfc_main = defineComponent({
@@ -6,16 +8,102 @@ const _sfc_main = defineComponent({
   __name: "index",
   props: {
     group_id: {},
-    tree: {},
-    series: {},
-    banner: {},
+    tree: { default: () => [] },
+    series: { default: "all" },
+    banner: { default: "all" },
     height: {},
     userInfo: {}
   },
-  emits: ["update:group_id"],
+  emits: ["update:group_id", "search"],
   setup(__props, { emit }) {
     const props = __props;
     const column_id = ref(0);
+    const filter = ref({
+      keywords: "",
+      type: "",
+      cover_type: "",
+      banner: "",
+      sort: -1,
+      order: "create_time"
+    });
+    const bannerOptions = [
+      {
+        value: "",
+        key: "all",
+        label: "\u5168\u90E8\u8F6E\u64AD\u7C7B\u578B"
+      },
+      {
+        value: "0",
+        label: "\u65E0\u72EC\u7ACB\u8F6E\u64AD"
+      },
+      {
+        value: "1",
+        label: "\u6709\u72EC\u7ACB\u8F6E\u64AD"
+      }
+    ];
+    const typeOptions = computed(() => {
+      const arr = Object.keys(docSeries).map((key) => {
+        return {
+          value: key,
+          label: docSeries[key].replace("\u7A3F\u4EF6", "")
+        };
+      });
+      const filterArr = arr.filter((item) => {
+        if (props.series === "all") {
+          return true;
+        }
+        return props.series.split(",").includes(item.value);
+      });
+      return [{ value: "", label: "\u5168\u90E8\u7A3F\u4EF6\u7C7B\u578B" }, ...filterArr];
+    });
+    const thumbOptions = computed(() => {
+      const arr = Object.keys(docThumbMap()).map((key) => {
+        return {
+          value: key,
+          label: docThumbMap()[key]
+        };
+      });
+      return [{ value: "", label: "\u5168\u90E8\u5C01\u9762\u7C7B\u578B" }, ...arr];
+    });
+    const showReset = computed(() => {
+      let { banner } = filter.value;
+      if (props.banner !== "all") {
+        banner = "";
+      }
+      let series = filter.value.type;
+      if (props.series !== "all") {
+        series = "";
+      }
+      return filter.value.keywords || series || filter.value.cover_type || banner;
+    });
+    const reset = () => {
+      filter.value = {
+        keywords: "",
+        cover_type: "",
+        sort: -1,
+        order: "create_time"
+      };
+      if (props.banner !== "all") {
+        filter.value.banner = props.banner;
+      } else {
+        filter.value.banner = "";
+      }
+      if (props.series !== "all") {
+        filter.value.type = props.series;
+      } else {
+        filter.value.type = "";
+      }
+    };
+    const handleSearch = () => {
+      emit("search", filter.value);
+    };
+    watch(
+      () => filter.value,
+      (val) => {
+        handleSearch();
+      },
+      { deep: true }
+    );
     watch(
       () => props.group_id,
       (val) => {
@@ -30,13 +118,89 @@ const _sfc_main = defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, {
-          column_id: column_id.value,
-          "onUpdate:column_id": _cache[0] || (_cache[0] = ($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(Space), { size: "large" }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              column_id: column_id.value,
+              "onUpdate:column_id": _cache[0] || (_cache[0] = ($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),
+              class: "filter-item",
+              placeholder: "\u7C7B\u578B"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Select), {
+              modelValue: filter.value.cover_type,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.cover_type = $event),
+              class: "filter-item",
+              placeholder: "\u5C01\u9762"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(thumbOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Select), {
+              modelValue: filter.value.banner,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.banner = $event),
+              class: "filter-item",
+              placeholder: "\u72EC\u7ACB\u8F6E\u64AD"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createElementBlock(Fragment, null, renderList(bannerOptions, (item) => {
+                  return createVNode(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 64))
+              ]),
+              _: 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",
+              size: "small",
+              onClick: reset
+            }, {
+              default: withCtx(() => [
+                createTextVNode("\u91CD\u7F6E")
+              ]),
+              _: 1
+            }, 512), [
+              [vShow, showReset.value]
+            ])
+          ]),
+          _: 1
+        })
       ]);
     };
   }

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

@@ -2,7 +2,9 @@ import { defineComponent, ref, computed, watch, onMounted, openBlock, createElem
 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 _sfc_main$3 from "../../../dataTags/component.js";
 import useTableBatch from "../../../hooks/batch.js";
+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" };
@@ -27,6 +29,15 @@ const _sfc_main = defineComponent({
     const props = __props;
     const _maxSelect = props.maxSelect || 100;
     const selectedData = ref([]);
+    const categoryCascaderData = ref([]);
+    const listMinHeight = ref(0);
+    const mediaFileData = ref([]);
+    const filter = ref(null);
+    const page = ref({
+      index: 1,
+      size: 30,
+      total: 0
+    });
     const tempSelectedData = computed(() => {
       return props.defaultSelectedData || [];
     });
@@ -37,7 +48,9 @@ const _sfc_main = defineComponent({
       }
     );
     const importantBanner = computed(() => {
-      return props.banner !== "all";
+      if (!props.banner || props.banner === "all")
+        return false;
+      return !!props.banner;
     });
     const {
       isItemChecked,
@@ -90,10 +103,23 @@ const _sfc_main = defineComponent({
       emit("change", selectedData.value);
     };
     const group_id = ref(0);
-    const categoryCascaderData = ref([]);
-    const listMinHeight = ref(0);
     const scrollPercent = { y: "100%" };
-    const search = () => {
+    const search = (_filter) => {
+      _filter = { ..._filter };
+      const where = [];
+      _filter.keywords && where.push(`kw:${_filter.keywords}`);
+      _filter.type && where.push(`series:${_filter.type}`);
+      _filter.state && where.push(`state:${_filter.state}`);
+      _filter.cover_type && where.push(`cover_type:${_filter.cover_type}`);
+      _filter.banner && where.push(`banner:${_filter.banner}`);
+      if (_filter.publish_date && Array.isArray(_filter.publish_date) && _filter.publish_date.length > 0) {
+        where.push(`publish_from:${_filter.publish_date[0] / 1e3}`);
+        where.push(`publish_to:${_filter.publish_date[1] / 1e3}`);
+      }
+      _filter.where = where;
+      filter.value = { ..._filter };
+      page.value.index = 1;
+      loadData();
     };
     const pageChangeHandle = (index) => {
       page.value.index = index;
@@ -123,11 +149,6 @@ const _sfc_main = defineComponent({
         categoryCascaderData.value = arr;
       }
     };
-    const page = ref({
-      index: 1,
-      size: 30,
-      total: 0
-    });
     const columns = [
       {
         title: "\u6807\u9898",
@@ -150,8 +171,6 @@ const _sfc_main = defineComponent({
         slotName: "pub_time"
       }
     ];
-    const mediaFileData = ref([]);
-    const filter = ref(null);
     const importantSeries = computed(() => {
       return props.series !== "all";
     });
@@ -191,7 +210,7 @@ const _sfc_main = defineComponent({
           v.catalog = "doc";
           v.target_id = v.id;
           v.target_type = 3;
-          v.pub_time = v.created_at;
+          v.pub_time = v.pub_time || v.created_at;
           v.update_time = v.updated_at;
           v.pub_user_alias = v.author_alias;
           return v;
@@ -246,13 +265,13 @@ const _sfc_main = defineComponent({
               ])
             ]),
             series: withCtx(({ record }) => [
-              createElementVNode("span", null, toDisplayString(record.series), 1)
+              createVNode(_sfc_main$3, { item: record }, null, 8, ["item"])
             ]),
             duty_editor: withCtx(({ record }) => [
               createElementVNode("span", null, toDisplayString(record.duty_editor || "--"), 1)
             ]),
             pub_time: withCtx(({ record }) => [
-              createElementVNode("span", null, toDisplayString(record.pub_time), 1)
+              createElementVNode("span", null, toDisplayString(unref(timeFormat)(record.pub_time)), 1)
             ]),
             _: 1
           }, 8, ["data", "onCellMouseEnter", "onCellMouseLeave"])

package/es/contentModal/images/user.js

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

package/es/contentModal/script/api.d.ts

@@ -7,4 +7,7 @@ export declare function getCategoryMediaNew(BASE_API: string, params?: Params):
 export declare function checkCommitFulfillment(BASE_API: string, params?: Params): Promise<boolean>;
 export declare function searchMlists(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
 export declare function getCategorylistsGroups(BASE_API: string, params?: Params): Promise<import("axios").AxiosResponse<any>>;
+export declare function searchMpaccount(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function getBroadcastList(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function getMpContentList(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
 export {};

package/es/contentModal/script/api.js

@@ -42,4 +42,25 @@ async function getCategorylistsGroups(BASE_API, params) {
     params
   });
 }
-export { checkCommitFulfillment, getCategoryCategoriesTree, getCategoryMediaNew, getCategoryPath, getCategorylistsGroups, searchMlists };
+function searchMpaccount(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v3/poppy/mp_account/search`,
+    method: "get",
+    params
+  });
+}
+function getBroadcastList(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/ilives",
+    method: "get",
+    params
+  });
+}
+function getMpContentList(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/mp/media/list",
+    method: "get",
+    params
+  });
+}
+export { checkCommitFulfillment, getBroadcastList, getCategoryCategoriesTree, getCategoryMediaNew, getCategoryPath, getCategorylistsGroups, getMpContentList, searchMlists, searchMpaccount };

package/es/contentModal/style/ViewAllColumn.less

@@ -1,34 +1,54 @@
 .view-all-column-container {
-    height: 100%;
-    .content-table-view {
-        height: calc(100% - 110px);
-        .title-span {
-            width: 100%;
-            display: block;
-            text-overflow: ellipsis;
-                overflow: hidden;
-                white-space: nowrap;
-            .icon {
-                width: 20px;
-                height: 25px;
-                margin-right: 8px;
-                padding-left: 0;
-                font-size: 18px;
-                vertical-align: middle;
-                display: inline-block;
-                text-align: center;
-            }
-        }
+  height: 100%;
+
+  .content-table-view {
+    height: calc(100% - 110px);
+
+    .title-span,
+    .mp_title-span {
+      display: block;
+      width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+
+      .icon {
+        display: inline-block;
+        width: 20px;
+        height: 25px;
+        margin-right: 8px;
+        padding-left: 0;
+        font-size: 18px;
+        text-align: center;
+        vertical-align: middle;
+      }
     }
-    .bottom-view {
-        height: 60px;
-        margin: 0px 15px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        .left {
-            display: flex;
-            align-items: center;
-        }
+
+    .mp_title-span {
+      margin-left: 10px;
     }
-}
+
+    .user-avatar {
+      display: inline-block;
+      width: 25px;
+      height: 25px;
+      margin-right: 12px;
+      vertical-align: middle;
+      border-radius: 50%;
+      cursor: pointer;
+    }
+  }
+
+  .bottom-view {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 60px;
+    margin: 0 15px;
+
+    .left {
+      display: flex;
+      align-items: center;
+    }
+  }
+}