@cmstops/pro-compo 0.1.45 → 0.1.48

package/lib/contentModal/component.js

@@ -6,6 +6,7 @@ var index$3 = require("./components/CompoList/index.js");
 var index$5 = require("./components/MpAccountList/index.js");
 var index$2 = require("./components/ContentList/index.js");
 var index$4 = require("./components/LiveList/index.js");
+var index$7 = require("./components/EqxiuList/index.js");
 var index$6 = require("./components/MpContentList/index.js");
 var index$1 = require("./components/storeBox/index.js");
 require("../typeIcons/style/index.js");
@@ -102,6 +103,7 @@ const _sfc_main = vue.defineComponent({
             onTabClick: tabsChange
           }, {
             default: vue.withCtx(() => [
+              vue.createCommentVNode(" \u680F\u76EE\u7A3F\u4EF6 "),
               typeDataController.value.addDoc ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
                 key: "1",
                 title: "\u680F\u76EE"
@@ -140,6 +142,7 @@ const _sfc_main = vue.defineComponent({
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u9891\u9053 "),
               typeDataController.value.addContentList ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
                 key: "2",
                 title: "\u9891\u9053"
@@ -178,6 +181,7 @@ const _sfc_main = vue.defineComponent({
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u7EC4\u4EF6 "),
               typeDataController.value.addCompo ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
                 key: "5",
                 title: "\u7EC4\u4EF6"
@@ -217,14 +221,15 @@ const _sfc_main = vue.defineComponent({
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
-              typeDataController.value.addCompo ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
+              vue.createCommentVNode(" \u4E92\u52A8\u76F4\u64AD "),
+              typeDataController.value.addILive ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
                 key: "6",
                 title: "\u4E92\u52A8\u76F4\u64AD"
               }, {
                 default: vue.withCtx(() => [
                   vue.unref(userInfo) && vue.unref(userInfo).repository_id ? (vue.openBlock(), vue.createBlock(index$4, {
                     key: 0,
-                    columns: typeDataController.value.compoType,
+                    columns: typeDataController.value.iliveType,
                     "default-selected-data": selectedData.value,
                     "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
@@ -255,6 +260,7 @@ const _sfc_main = vue.defineComponent({
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u516C\u4F17\u53F7\u8D26\u53F7 "),
               typeDataController.value.addMpAccount ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
                 key: "7",
                 title: vue.unref(mpName)
@@ -293,6 +299,7 @@ const _sfc_main = vue.defineComponent({
                 ]),
                 _: 1
               }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u516C\u4F17\u53F7\u5185\u5BB9 "),
               typeDataController.value.addMpContent ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
                 key: "8",
                 title: `${vue.unref(mpName)}\u5185\u5BB9`
@@ -330,7 +337,46 @@ const _sfc_main = vue.defineComponent({
                   }, 8, ["columns", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
-              }, 8, ["title"])) : vue.createCommentVNode("v-if", true)
+              }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u4E92\u52A8\u8FD0\u8425 "),
+              typeDataController.value.addFunhd ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
+                key: "9",
+                title: "\u4E92\u52A8\u8FD0\u8425"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.unref(userInfo) && vue.unref(userInfo).repository_id ? (vue.openBlock(), vue.createBlock(index$7, {
+                    key: 0,
+                    columns: typeDataController.value.funhdType,
+                    "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
+                    "outside-select-data": _ctx.outsideSelectData || [],
+                    "type-data": typeDataController.value,
+                    "user-info": vue.unref(userInfo),
+                    onChange: selectedDataChangeHandle
+                  }, {
+                    store: vue.withCtx(() => [
+                      vue.createVNode(index$1, {
+                        selectData: selectedData.value,
+                        "onUpdate:selectData": _cache[6] || (_cache[6] = ($event) => selectedData.value = $event)
+                      }, null, 8, ["selectData"])
+                    ]),
+                    options: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(webVue.Button), {
+                        disabled: !hasSelected.value,
+                        type: "primary",
+                        onClick: comfirm
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(" \u6DFB\u52A0 ")
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["columns", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("v-if", true)
             ]),
             _: 1
           })

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

@@ -0,0 +1,80 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+const _hoisted_1 = { class: "media-filter-container" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "MediaFilter" },
+  __name: "index",
+  emits: ["update:group_id", "search"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const filter = vue.ref({ type: "", name: "" });
+    const typeOptions = vue.ref([
+      {
+        value: "",
+        label: "\u5168\u90E8"
+      },
+      {
+        value: "hd",
+        label: "\u4E92\u52A8"
+      },
+      {
+        value: "h5",
+        label: "H5"
+      },
+      {
+        value: "lc",
+        label: "\u957F\u9875"
+      },
+      {
+        value: "design",
+        label: "\u6D77\u62A5"
+      },
+      {
+        value: "form",
+        label: "\u8868\u5355"
+      }
+    ]);
+    const handleSearch = () => {
+      emit("search", filter.value);
+    };
+    vue.watch(filter.value, () => {
+      handleSearch();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.Space), { size: "large" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Select), {
+              modelValue: filter.value.type,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.type = $event),
+              class: "filter-item",
+              placeholder: "\u6D3B\u52A8\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.Input), {
+              modelValue: filter.value.name,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.name = $event),
+              class: "filter-item",
+              "allow-clear": "",
+              placeholder: "\u8F93\u5165\u5185\u5BB9\u6807\u9898",
+              onPressEnter: handleSearch
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,230 @@
+"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: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const typeMap = vue.ref({
+      hd: "\u4E92\u52A8",
+      h5: "H5",
+      lc: "\u957F\u9875",
+      design: "\u6D77\u62A5",
+      form: "\u8868\u5355"
+    });
+    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: 100,
+      total: 0
+    });
+    const filter = vue.ref(null);
+    const columns = [
+      {
+        title: "\u6807\u9898",
+        dataIndex: "title",
+        slotName: "title"
+      },
+      {
+        title: "\u7C7B\u578B",
+        dataIndex: "type",
+        slotName: "type",
+        width: 150
+      },
+      {
+        title: "\u53D1\u5E03\u65F6\u95F4",
+        dataIndex: "publishTime",
+        slotName: "publishTime",
+        width: 300
+      }
+    ];
+    const scrollPercent = { y: "100%" };
+    const tempSelectedData = vue.computed(() => {
+      return props.defaultSelectedData || [];
+    });
+    const search = (_filter) => {
+      if (_filter.name || _filter.type) {
+        filter.value = { ..._filter };
+      } else {
+        filter.value = null;
+      }
+      page.value.index = 1;
+      loadData();
+    };
+    const loadData = async () => {
+      const gid = group_id.value;
+      if (!gid)
+        return;
+      let params = {
+        page_size: page.value.size,
+        page_no: page.value.index
+      };
+      if (filter.value) {
+        params = { ...params, ...filter.value };
+      }
+      if (gid !== "all") {
+        params.gid = gid;
+      }
+      dataLoading.value = true;
+      const res = await api.getEqxiuList(props.userInfo.BASE_API, params);
+      dataLoading.value = false;
+      if ((res == null ? void 0 : res.code) === 0) {
+        const { count, data } = res.message;
+        mediaFileData.value = data.map((v) => {
+          v.catalog = "funhd";
+          v.id = v.ID || v.id;
+          v.target_id = v.ID || v.id;
+          v.target_type = 17;
+          v.pub_time = v.updateTime;
+          v.update_time = v.updateTime;
+          return v;
+        }) || [];
+        page.value.total = count || 0;
+      }
+    };
+    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),
+          onSearch: search
+        }, null, 8, ["group_id"]),
+        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)
+              ])
+            ]),
+            type: vue.withCtx(({ record }) => [
+              vue.createElementVNode("span", null, vue.toDisplayString(typeMap.value[record.type] || "--"), 1)
+            ]),
+            publishTime: vue.withCtx(({ record }) => [
+              vue.createElementVNode("span", null, vue.toDisplayString(record.publishTime), 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/script/api.js

@@ -58,6 +58,13 @@ function getBroadcastList(BASE_API, params) {
     params
   });
 }
+function getEqxiuList(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/eqxiu/creation/list",
+    method: "get",
+    params
+  });
+}
 function getMpContentList(BASE_API, params) {
   return request(BASE_API, {
     url: "/poplar/v3/mp/media/list",
@@ -71,6 +78,7 @@ exports.getCategoryCategoriesTree = getCategoryCategoriesTree;
 exports.getCategoryMediaNew = getCategoryMediaNew;
 exports.getCategoryPath = getCategoryPath;
 exports.getCategorylistsGroups = getCategorylistsGroups;
+exports.getEqxiuList = getEqxiuList;
 exports.getMpContentList = getMpContentList;
 exports.searchMlists = searchMlists;
 exports.searchMpaccount = searchMpaccount;

package/lib/contentModal/style/ViewAllColumn.less

@@ -13,6 +13,8 @@
     .pic-thumb-img {
       width: 60px;
       height: 45px;
+      vertical-align: middle;
+      border-radius: 3px;
     }
 
     .title-span,
@@ -30,6 +32,7 @@
         margin-right: 8px;
         padding-left: 0;
         font-size: 18px;
+        line-height: 28px;
         text-align: center;
         vertical-align: middle;
       }

package/lib/contentModal/style/index.css

@@ -109,6 +109,8 @@
 .view-all-column-container .content-table-view .pic-thumb-img {
   width: 60px;
   height: 45px;
+  vertical-align: middle;
+  border-radius: 3px;
 }
 .view-all-column-container .content-table-view .title-span,
 .view-all-column-container .content-table-view .mp_title-span {
@@ -126,6 +128,7 @@
   margin-right: 8px;
   padding-left: 0;
   font-size: 18px;
+  line-height: 28px;
   text-align: center;
   vertical-align: middle;
 }

package/lib/index.css

@@ -436,6 +436,8 @@
 .view-all-column-container .content-table-view .pic-thumb-img {
   width: 60px;
   height: 45px;
+  vertical-align: middle;
+  border-radius: 3px;
 }
 .view-all-column-container .content-table-view .title-span,
 .view-all-column-container .content-table-view .mp_title-span {
@@ -453,6 +455,7 @@
   margin-right: 8px;
   padding-left: 0;
   font-size: 18px;
+  line-height: 28px;
   text-align: center;
   vertical-align: middle;
 }
@@ -2730,6 +2733,190 @@
 .medialist-mpdoc-item-view .info-view .abttrite-v .right {
   margin-right: 20px;
 }
+.medialist-course-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-course-item-view:hover {
+  background: #fafafa;
+}
+.medialist-course-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.medialist-course-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-course-item-view .cover-view .image img {
+  width: 100%;
+  height: 100%;
+}
+.medialist-course-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-course-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.medialist-course-item-view .info-view .title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-weight: 400;
+  font-size: 14px;
+  font-style: normal;
+  line-height: 22px;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-course-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-course-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-course-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-course-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 20%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.medialist-course-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 250px;
+}
+.medialist-course-item-view .info-view .abttrite-v .left .abttr.tags {
+  display: flex;
+  align-items: center;
+  width: 190px;
+}
+.medialist-course-item-view .info-view .abttrite-v .left .abttr.type {
+  display: inline-block;
+  width: 160px;
+}
+.medialist-course-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
+.medialist-funhd-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-funhd-item-view:hover {
+  background: #fafafa;
+}
+.medialist-funhd-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.medialist-funhd-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-funhd-item-view .cover-view .image img {
+  width: 100%;
+  height: 100%;
+}
+.medialist-funhd-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-funhd-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.medialist-funhd-item-view .info-view .title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-weight: 400;
+  font-size: 14px;
+  font-style: normal;
+  line-height: 22px;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-funhd-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-funhd-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-funhd-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-funhd-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 20%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.medialist-funhd-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 250px;
+}
+.medialist-funhd-item-view .info-view .abttrite-v .left .abttr.tags {
+  display: flex;
+  align-items: center;
+  width: 190px;
+}
+.medialist-funhd-item-view .info-view .abttrite-v .left .abttr.type {
+  display: inline-block;
+  width: 160px;
+}
+.medialist-funhd-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
 .gray-for-state-hide {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);