@cmstops/pro-compo 0.1.26 → 0.1.29

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;
+    }
+  }
+}

package/lib/contentModal/style/index.css

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

package/lib/{contentDetailList/components/DocTags/index.js → dataTags/component.js}

@@ -1,19 +1,20 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
-var typeMap = require("../../../utils/typeMap.js");
-var doc = require("../../../utils/doc.js");
-var component = require("../../../typeIcons/component.js");
+var typeMap = require("../utils/typeMap.js");
+var doc = require("../utils/doc.js");
+var component = require("../typeIcons/component.js");
 const _hoisted_1 = { class: "doc-tags-container" };
 const _hoisted_2 = { class: "doc-tags-thumb-ul" };
 const _hoisted_3 = ["src"];
 const _hoisted_4 = { key: 0 };
 const _hoisted_5 = { key: 1 };
 const _sfc_main = vue.defineComponent({
-  __name: "index",
+  ...{ name: "dataTags" },
+  __name: "component",
   props: {
     item: {},
-    popverThumb: { type: Boolean },
+    popverThumb: { type: Boolean, default: true },
     disabled: { type: Boolean }
   },
   setup(__props) {
@@ -56,6 +57,7 @@ const _sfc_main = vue.defineComponent({
             _ctx.popverThumb && thumbList.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
               key: 0,
               "content-class": "doc-tags-thumb-popver",
+              "arrow-class": "doc-tags-popver-arrow",
               duration: 500,
               position: "top",
               class: "no-margin",
@@ -76,8 +78,8 @@ const _sfc_main = vue.defineComponent({
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(webVue.Tag), {
-                  class: vue.normalizeClass({ disabled: _ctx.disabled }),
-                  size: "small"
+                  size: "small",
+                  class: vue.normalizeClass([{ disabled: _ctx.disabled }, "thumb"])
                 }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode(vue.toDisplayString(thumbType.value), 1)
@@ -173,7 +175,7 @@ const _sfc_main = vue.defineComponent({
             size: "small"
           }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(typeMap.contentList_list_type_map)[_ctx.item.mp_type]), 1)
+              vue.createTextVNode(vue.toDisplayString(vue.unref(typeMap.mp_type_map)[_ctx.item.mp_type]), 1)
             ]),
             _: 1
           })) : _ctx.item.catalog === "mp_content" ? (vue.openBlock(), vue.createBlock(component, {

package/lib/dataTags/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var component = require("./component.js");
+const dataTags = Object.assign(component, {
+  install: (app) => {
+    app.component(component.name, component);
+  }
+});
+module.exports = dataTags;

package/lib/dataTags/style/css.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.css");

package/lib/dataTags/style/index.css

@@ -0,0 +1,51 @@
+.doc-tags-container .arco-tag {
+  font-weight: 600;
+  border: none;
+  margin-right: 5px;
+}
+.doc-tags-container .yuanchuang {
+  color: #4886ff;
+  background: #edf3ff;
+}
+.doc-tags-container .star {
+  color: #4a8457;
+  background: #e6f8ea;
+}
+.doc-tags-container .waring {
+  color: #ff7d00;
+  background: #fff2e6;
+}
+.doc-tags-container .thumb {
+  color: #86909c;
+  background: #f3f4f5;
+}
+.doc-tags-container .disabled {
+  color: #bababa !important;
+  background: #ecebeb !important;
+}
+.doc-tags-popver-arrow {
+  display: none;
+}
+.no-margin span {
+  margin-right: 0 !important;
+}
+.doc-tags-thumb-popver {
+  min-width: unset;
+  padding: 0;
+  overflow: hidden;
+  line-height: unset;
+  border: none;
+  border-radius: 8px;
+}
+.doc-tags-thumb-popver .arco-popover-content {
+  margin-top: 0;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul {
+  height: 110px;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul img {
+  height: 100%;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul img + img {
+  margin-left: 2px;
+}

package/lib/dataTags/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.less");

package/{es/contentDetailList/style/DocTags.less → lib/dataTags/style/index.less}

@@ -1,9 +1,3 @@
-.no-margin {
-  span {
-    margin-right: 0 !important;
-  }
-}
-
 .doc-tags-container {
   .arco-tag {
     font-weight: 600;
@@ -37,6 +31,16 @@
   }
 }
 
+.doc-tags-popver-arrow {
+  display: none;
+}
+
+.no-margin {
+  span {
+    margin-right: 0 !important;
+  }
+}
+
 .doc-tags-thumb-popver {
   min-width: unset;
   padding: 0;
@@ -45,8 +49,8 @@
   border: none;
   border-radius: 8px;
 
-  .popper__arrow {
-    display: none;
+  .arco-popover-content {
+    margin-top: 0;
   }
 
   .doc-tags-thumb-ul {