@cmstops/pro-compo 0.1.26 → 0.1.29

package/es/contentModal/components/MpAccountList/MpAccountFilter/index.js

@@ -0,0 +1,62 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import { Space, Select, Option, Input } from "@arco-design/web-vue";
+import { mp_type_map } from "../../../../utils/typeMap.js";
+const _hoisted_1 = { class: "media-filter-container" };
+const _sfc_main = defineComponent({
+  ...{ name: "MpAccountFilter" },
+  __name: "index",
+  emits: ["search"],
+  setup(__props, { emit }) {
+    const filter = ref({ mp_name: "", mp_type: "" });
+    const typeOptions = computed(() => {
+      const arr = Object.keys(mp_type_map).map((key) => {
+        return {
+          label: mp_type_map[key],
+          value: key
+        };
+      });
+      return [{ value: "", label: "\u5168\u90E8\u7C7B\u578B" }, ...arr];
+    });
+    const handleSearch = () => {
+      emit("search", filter.value);
+    };
+    watch(filter.value, () => {
+      handleSearch();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Space), { size: "large" }, {
+          default: withCtx(() => [
+            createVNode(unref(Select), {
+              modelValue: filter.value.mp_type,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.mp_type = $event),
+              class: "filter-item",
+              placeholder: "\u8D26\u53F7\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(Input), {
+              modelValue: filter.value.mp_name,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.mp_name = $event),
+              class: "filter-item",
+              "allow-clear": "",
+              placeholder: "\u8BF7\u8F93\u5165\u516C\u4F17\u53F7\u540D\u79F0",
+              onPressEnter: handleSearch
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -0,0 +1,222 @@
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, withModifiers, createBlock, toDisplayString, renderSlot } from "vue";
+import _imports_0 from "../../images/user.js";
+import { Table, Checkbox, Message } from "@arco-design/web-vue";
+import _sfc_main$2 from "../../../typeIcons/component.js";
+import _sfc_main$1 from "./MpAccountFilter/index.js";
+import useTableBatch from "../../../hooks/batch.js";
+import { searchMpaccount } from "../../script/api.js";
+import { key_target_type_map, mp_type_map } from "../../../utils/typeMap.js";
+const _hoisted_1 = { class: "view-all-column-container" };
+const _hoisted_2 = { class: "content-table-view" };
+const _hoisted_3 = { class: "mp_title-span" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = {
+  key: 1,
+  class: "user-avatar",
+  src: _imports_0
+};
+const _hoisted_8 = { class: "bottom-view" };
+const _hoisted_9 = { class: "left" };
+const _sfc_main = defineComponent({
+  ...{ name: "MpAccountList" },
+  __name: "index",
+  props: {
+    maxSelect: {},
+    userInfo: {},
+    outsideSelectData: {},
+    defaultSelectedData: {}
+  },
+  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: 100,
+      total: 0
+    });
+    const filter = ref(null);
+    const scrollPercent = { y: "100%" };
+    const columns = [
+      { title: "\u516C\u4F17\u53F7\u540D\u79F0", dataIndex: "mp_name", slotName: "mp_name" },
+      { title: "\u5934\u50CF", dataIndex: "mp_logo", slotName: "mp_logo" },
+      { title: "\u8D26\u53F7\u7C7B\u578B", dataIndex: "mp_type", slotName: "mp_type" },
+      { title: "\u8FD0\u8425\u8005", dataIndex: "mp_user_name", slotName: "mp_user_name" },
+      { title: "\u6240\u5C5E\u9886\u57DF", dataIndex: "catalog_alias", slotName: "catalog_alias" }
+    ];
+    const tempSelectedData = computed(() => {
+      return props.defaultSelectedData || [];
+    });
+    watch(
+      () => tempSelectedData.value,
+      (val) => {
+        selectedData.value = val;
+      }
+    );
+    watch(
+      () => group_id.value,
+      () => {
+        loadData();
+      }
+    );
+    const search = (_filter) => {
+      if (_filter.mp_name || _filter.mp_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 = {
+        limit: page.value.size,
+        offset: page.value.size * (page.value.index - 1)
+      };
+      if (filter.value) {
+        params = { ...params, ...filter.value };
+      }
+      if (gid !== "all") {
+        params.gid = gid;
+      }
+      dataLoading.value = true;
+      const { code, data } = await searchMpaccount(props.userInfo.BASE_API, params);
+      dataLoading.value = false;
+      if (code === 0) {
+        if (!data.data) {
+          mediaFileData.value = [];
+        } else {
+          mediaFileData.value = data.data.map((v) => {
+            v.target_id = v.uid;
+            v.target_type = 14;
+            v.catalog = key_target_type_map[v.target_type];
+            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();
+    onMounted(() => {
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, { onSearch: search }),
+        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
+          }, {
+            mp_name: 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: "mpdoc"
+                })),
+                createElementVNode("span", _hoisted_5, toDisplayString(record.mp_name || "--"), 1)
+              ])
+            ]),
+            mp_logo: withCtx(({ record }) => [
+              record.mp_logo ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                class: "user-avatar",
+                src: record.mp_logo
+              }, null, 8, _hoisted_6)) : (openBlock(), createElementBlock("img", _hoisted_7))
+            ]),
+            mp_type: withCtx(({ record }) => [
+              createElementVNode("span", null, toDisplayString(unref(mp_type_map)[record.mp_type]), 1)
+            ]),
+            mp_user_name: withCtx(({ record }) => [
+              createElementVNode("span", null, toDisplayString(record.mp_user_name || "--"), 1)
+            ]),
+            catalog_alias: withCtx(({ record }) => [
+              createElementVNode("span", null, toDisplayString(record.catalog_alias), 1)
+            ]),
+            _: 1
+          }, 8, ["data", "loading", "onCellMouseEnter", "onCellMouseLeave"])
+        ]),
+        createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_9, [
+            renderSlot(_ctx.$slots, "store")
+          ]),
+          renderSlot(_ctx.$slots, "options")
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -0,0 +1,85 @@
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import { Space, Input, Select, Option } from "@arco-design/web-vue";
+import { searchMpaccount } from "../../../script/api.js";
+const _hoisted_1 = { class: "media-filter-container" };
+const _sfc_main = defineComponent({
+  ...{ name: "MediaFilter" },
+  __name: "index",
+  props: {
+    group_id: {},
+    userInfo: {}
+  },
+  emits: ["update:group_id", "search"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const filter = ref({ wd: "", account_uid: "", order: 1 });
+    const typeOptions = ref([{ mp_name: "\u5168\u90E8", uid: "all" }]);
+    const limit = ref(100);
+    computed({
+      get() {
+        return props.group_id;
+      },
+      set(val) {
+        emit("update:group_id", val);
+      }
+    });
+    const getTypeData = async () => {
+      const query = {
+        limit: limit.value,
+        offset: typeOptions.value.length
+      };
+      const { code, data } = await searchMpaccount(props.userInfo.BASE_API, query);
+      if (code !== 0)
+        return;
+      typeOptions.value = typeOptions.value.concat(data.data || []);
+    };
+    const handleSearch = () => {
+      emit("search", filter.value);
+    };
+    watch(filter.value, () => {
+      if (filter.value.account_uid === "all") {
+        filter.value.account_uid = "";
+      }
+      handleSearch();
+    });
+    onMounted(() => {
+      getTypeData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Space), { size: "large" }, {
+          default: withCtx(() => [
+            createVNode(unref(Input), {
+              modelValue: filter.value.wd,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.wd = $event),
+              class: "filter-item",
+              "allow-clear": "",
+              placeholder: "\u8F93\u5165\u5185\u5BB9\u6807\u9898",
+              onPressEnter: handleSearch
+            }, null, 8, ["modelValue"]),
+            createVNode(unref(Select), {
+              modelValue: filter.value.account_uid,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.account_uid = $event),
+              class: "filter-item",
+              placeholder: "\u516C\u4F17\u53F7",
+              "allow-search": ""
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.uid,
+                    label: item.mp_name,
+                    value: item.uid
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

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