@cmstops/pro-compo 0.1.27 → 0.1.29

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

@@ -0,0 +1,215 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var component = require("../../../typeIcons/component.js");
+var index = require("./MediaFilter/index.js");
+var batch = require("../../../hooks/batch.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 _sfc_main = vue.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 = vue.ref([]);
+    const group_id = vue.ref("all");
+    const mediaFileData = vue.ref([]);
+    const dataLoading = vue.ref(false);
+    const page = vue.ref({
+      index: 1,
+      size: 10,
+      total: 0
+    });
+    const filter = vue.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 = vue.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 api.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)) {
+        webVue.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 index2 = selectedData.value.findIndex((v) => v.id === record.id);
+      if (selectedData.value.length < _maxSelect) {
+        if (index2 === -1) {
+          selectedData.value.push(record);
+        } else {
+          selectedData.value.splice(index2, 1);
+        }
+        emitChange();
+      } else {
+        if (index2 === -1) {
+          selectedData.value.splice(selectedData.value.length - 1, 1);
+          selectedData.value.push(record);
+        } else {
+          selectedData.value.splice(index2, 1);
+        }
+        webVue.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
+    } = batch();
+    vue.watch(
+      () => tempSelectedData.value,
+      (val) => {
+        selectedData.value = val;
+      }
+    );
+    vue.watch(
+      () => group_id.value,
+      () => {
+        loadData();
+      }
+    );
+    vue.onMounted(() => {
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(index, {
+          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"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(webVue.Table), {
+            columns,
+            scroll: scrollPercent,
+            pagination: false,
+            bordered: false,
+            data: mediaFileData.value,
+            loading: dataLoading.value,
+            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", {
+                  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,
+                  class: "icon",
+                  type: record.series
+                }, null, 8, ["type"])),
+                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(record.title || record.alias || "--"), 1)
+              ])
+            ]),
+            account_name: vue.withCtx(({ record }) => [
+              vue.createElementVNode("span", null, vue.toDisplayString(record.account_name || record.mp_user_name), 1)
+            ]),
+            pub_time: vue.withCtx(({ record }) => [
+              vue.createElementVNode("span", null, vue.toDisplayString(record.pub_time), 1)
+            ]),
+            _: 1
+          }, 8, ["data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.renderSlot(_ctx.$slots, "store")
+          ]),
+          vue.renderSlot(_ctx.$slots, "options")
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -1,5 +1,7 @@
 "use strict";
 var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var doc = require("../../../../utils/doc.js");
 var index = require("../columnTree/index.js");
 const _hoisted_1 = { class: "media-filter-container" };
 const _sfc_main = vue.defineComponent({
@@ -7,16 +9,102 @@ const _sfc_main = vue.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 = vue.ref(0);
+    const filter = vue.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 = vue.computed(() => {
+      const arr = Object.keys(doc.docSeries).map((key) => {
+        return {
+          value: key,
+          label: doc.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 = vue.computed(() => {
+      const arr = Object.keys(doc.docThumbMap()).map((key) => {
+        return {
+          value: key,
+          label: doc.docThumbMap()[key]
+        };
+      });
+      return [{ value: "", label: "\u5168\u90E8\u5C01\u9762\u7C7B\u578B" }, ...arr];
+    });
+    const showReset = vue.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);
+    };
+    vue.watch(
+      () => filter.value,
+      (val) => {
+        handleSearch();
+      },
+      { deep: true }
+    );
     vue.watch(
       () => props.group_id,
       (val) => {
@@ -31,13 +119,89 @@ const _sfc_main = vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(index, {
-          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"])
+        vue.createVNode(vue.unref(webVue.Space), { size: "large" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(index, {
+              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"]),
+            vue.createVNode(vue.unref(webVue.Select), {
+              modelValue: filter.value.type,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.type = $event),
+              class: "filter-item",
+              placeholder: "\u7C7B\u578B"
+            }, {
+              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.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 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),
+              class: "filter-item",
+              placeholder: "\u5C01\u9762"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbOptions.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"]),
+            vue.createVNode(vue.unref(webVue.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: vue.withCtx(() => [
+                (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(bannerOptions, (item) => {
+                  return vue.createVNode(vue.unref(webVue.Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 64))
+              ]),
+              _: 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",
+              size: "small",
+              onClick: reset
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u91CD\u7F6E")
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, showReset.value]
+            ])
+          ]),
+          _: 1
+        })
       ]);
     };
   }

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

@@ -3,7 +3,9 @@ var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var component = require("../../../typeIcons/component.js");
 var index = require("./MediaFilter/index.js");
+var component$1 = require("../../../dataTags/component.js");
 var batch = require("../../../hooks/batch.js");
+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" };
@@ -28,6 +30,15 @@ const _sfc_main = vue.defineComponent({
     const props = __props;
     const _maxSelect = props.maxSelect || 100;
     const selectedData = vue.ref([]);
+    const categoryCascaderData = vue.ref([]);
+    const listMinHeight = vue.ref(0);
+    const mediaFileData = vue.ref([]);
+    const filter = vue.ref(null);
+    const page = vue.ref({
+      index: 1,
+      size: 30,
+      total: 0
+    });
     const tempSelectedData = vue.computed(() => {
       return props.defaultSelectedData || [];
     });
@@ -38,7 +49,9 @@ const _sfc_main = vue.defineComponent({
       }
     );
     const importantBanner = vue.computed(() => {
-      return props.banner !== "all";
+      if (!props.banner || props.banner === "all")
+        return false;
+      return !!props.banner;
     });
     const {
       isItemChecked,
@@ -91,10 +104,23 @@ const _sfc_main = vue.defineComponent({
       emit("change", selectedData.value);
     };
     const group_id = vue.ref(0);
-    const categoryCascaderData = vue.ref([]);
-    const listMinHeight = vue.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 = (index2) => {
       page.value.index = index2;
@@ -124,11 +150,6 @@ const _sfc_main = vue.defineComponent({
         categoryCascaderData.value = arr;
       }
     };
-    const page = vue.ref({
-      index: 1,
-      size: 30,
-      total: 0
-    });
     const columns = [
       {
         title: "\u6807\u9898",
@@ -151,8 +172,6 @@ const _sfc_main = vue.defineComponent({
         slotName: "pub_time"
       }
     ];
-    const mediaFileData = vue.ref([]);
-    const filter = vue.ref(null);
     const importantSeries = vue.computed(() => {
       return props.series !== "all";
     });
@@ -192,7 +211,7 @@ const _sfc_main = vue.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;
@@ -247,13 +266,13 @@ const _sfc_main = vue.defineComponent({
               ])
             ]),
             series: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", null, vue.toDisplayString(record.series), 1)
+              vue.createVNode(component$1, { item: record }, null, 8, ["item"])
             ]),
             duty_editor: vue.withCtx(({ record }) => [
               vue.createElementVNode("span", null, vue.toDisplayString(record.duty_editor || "--"), 1)
             ]),
             pub_time: vue.withCtx(({ record }) => [
-              vue.createElementVNode("span", null, vue.toDisplayString(record.pub_time), 1)
+              vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index$1.timeFormat)(record.pub_time)), 1)
             ]),
             _: 1
           }, 8, ["data", "onCellMouseEnter", "onCellMouseLeave"])

package/lib/contentModal/images/user.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/script/api.js

@@ -44,9 +44,33 @@ async function getCategorylistsGroups(BASE_API, params) {
     params
   });
 }
+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
+  });
+}
 exports.checkCommitFulfillment = checkCommitFulfillment;
+exports.getBroadcastList = getBroadcastList;
 exports.getCategoryCategoriesTree = getCategoryCategoriesTree;
 exports.getCategoryMediaNew = getCategoryMediaNew;
 exports.getCategoryPath = getCategoryPath;
 exports.getCategorylistsGroups = getCategorylistsGroups;
+exports.getMpContentList = getMpContentList;
 exports.searchMlists = searchMlists;
+exports.searchMpaccount = searchMpaccount;

package/lib/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;
+    }
+  }
+}