@cmstops/pro-compo 0.1.26 → 0.1.29

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

package/es/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/es/{contentDetailList/components/DocTags/index.js → dataTags/component.js}

@@ -1,18 +1,19 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, createBlock, unref, withCtx, renderList, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { Popover, Tag, Tooltip } from "@arco-design/web-vue";
-import { kongo_source_map, contentList_list_type_map } from "../../../utils/typeMap.js";
-import { docThumbMap } from "../../../utils/doc.js";
-import _sfc_main$1 from "../../../typeIcons/component.js";
+import { kongo_source_map, mp_type_map, contentList_list_type_map } from "../utils/typeMap.js";
+import { docThumbMap } from "../utils/doc.js";
+import _sfc_main$1 from "../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 = defineComponent({
-  __name: "index",
+  ...{ name: "dataTags" },
+  __name: "component",
   props: {
     item: {},
-    popverThumb: { type: Boolean },
+    popverThumb: { type: Boolean, default: true },
     disabled: { type: Boolean }
   },
   setup(__props) {
@@ -55,6 +56,7 @@ const _sfc_main = defineComponent({
             _ctx.popverThumb && thumbList.value.length ? (openBlock(), createBlock(unref(Popover), {
               key: 0,
               "content-class": "doc-tags-thumb-popver",
+              "arrow-class": "doc-tags-popver-arrow",
               duration: 500,
               position: "top",
               class: "no-margin",
@@ -75,8 +77,8 @@ const _sfc_main = defineComponent({
               ]),
               default: withCtx(() => [
                 createVNode(unref(Tag), {
-                  class: normalizeClass({ disabled: _ctx.disabled }),
-                  size: "small"
+                  size: "small",
+                  class: normalizeClass([{ disabled: _ctx.disabled }, "thumb"])
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(thumbType.value), 1)
@@ -172,7 +174,7 @@ const _sfc_main = defineComponent({
             size: "small"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(contentList_list_type_map)[_ctx.item.mp_type]), 1)
+              createTextVNode(toDisplayString(unref(mp_type_map)[_ctx.item.mp_type]), 1)
             ]),
             _: 1
           })) : _ctx.item.catalog === "mp_content" ? (openBlock(), createBlock(_sfc_main$1, {

package/es/dataTags/index.d.ts

@@ -0,0 +1,2 @@
+declare const dataTags: any;
+export default dataTags;

package/es/dataTags/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const dataTags = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { dataTags as default };

package/es/dataTags/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/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/es/dataTags/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/dataTags/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/{lib/contentDetailList/style/DocTags.less → es/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 {