@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/es/previousVersion/component.js

@@ -1,378 +0,0 @@
-import { defineComponent, computed, ref, reactive, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, createCommentVNode } from "vue";
-import { Modal, Spin, Tag, Notification } from "@arco-design/web-vue";
-import { IconApps, IconList, IconCopy, IconPlusCircle, IconMinusCircle } from "@arco-design/web-vue/es/icon";
-import { DEFAULT_BASE_API } from "../config.js";
-import { getRID } from "../utils/auth.js";
-import { getChannels } from "../hooks/user.js";
-import { submitTo, getMlists, getCategorylistsGroups } from "./script/api.js";
-const _hoisted_1 = { class: "select-view" };
-const _hoisted_2 = { class: "view-line line1" };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "alias" };
-const _hoisted_5 = { class: "icon" };
-const _hoisted_6 = { class: "view-line line2" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { class: "alias" };
-const _hoisted_9 = { class: "icon" };
-const _hoisted_10 = { class: "view-line line3" };
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "alias" };
-const _hoisted_13 = { class: "icon" };
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = ["onClick"];
-const _hoisted_16 = {
-  key: 0,
-  class: "temp-view"
-};
-const _hoisted_17 = { class: "select-ul" };
-const _sfc_main = defineComponent({
-  ...{ name: "previousVersion" },
-  __name: "component",
-  props: {
-    BASE_API: {},
-    visible: { type: Boolean },
-    title: {},
-    targetArr: {}
-  },
-  emits: ["update:visible", "cancel"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
-    const title = props.title || "\u4E0A\u7248";
-    const targetArr = computed(() => {
-      return props.targetArr || [];
-    });
-    const batch = computed(() => {
-      return targetArr.value.length > 1;
-    });
-    const dialogVisible = computed({
-      get() {
-        return props.visible;
-      },
-      set(value) {
-        emit("cancel", value);
-        emit("update:visible", value);
-      }
-    });
-    const loading = ref(false);
-    const cancelHandle = () => {
-      emit("cancel", false);
-      emit("update:visible", false);
-    };
-    const repoId = getRID() || 4;
-    let channelList = [];
-    const line1Array = ref([]);
-    const line2Array = ref([]);
-    const line3Array = ref([]);
-    const activeData = reactive({
-      line1Active: -1,
-      line2Active: -1,
-      line3Active: -1
-    });
-    const selectList = reactive([]);
-    const addHandle = (item) => {
-      if (selectList.length > 0 && batch.value) {
-        Notification.warning({
-          content: "\u6279\u91CF\u7A3F\u4EF6\u53EA\u5141\u8BB8\u9009\u62E9\u4E00\u4E2A\u53D1\u5E03\u9891\u9053",
-          closable: true,
-          title: "\u63D0\u793A",
-          duration: 1e5
-        });
-      } else {
-        selectList.push({
-          alias: item.alias,
-          list_id: item.id,
-          relation_type: item.relation_type
-        });
-      }
-    };
-    const removeHandle = (id) => {
-      const index = selectList.findIndex((item) => item.list_id === id);
-      selectList.splice(index, 1);
-    };
-    const confirmHandle = async () => {
-      var _a;
-      let media_ids = [];
-      if (batch.value) {
-        media_ids = targetArr.value.map((item) => item.id);
-      } else {
-        media_ids = [parseInt(((_a = targetArr.value[0]) == null ? void 0 : _a.id) || "", 10)];
-      }
-      const to_category = {
-        lists: [],
-        medias: []
-      };
-      const to_mobile = {
-        data: []
-      };
-      const to_matrix = {
-        account_ids: [],
-        media_ids
-      };
-      selectList.forEach((v) => {
-        media_ids.forEach((media_id) => {
-          to_mobile.data.push({
-            list_id: v.list_id,
-            target_id: media_id,
-            target_type: 3,
-            relation_type: 5
-          });
-        });
-      });
-      const params = {
-        to_category,
-        to_mobile,
-        to_matrix,
-        repo_id: repoId
-      };
-      const { code } = await submitTo(BASE_API, params);
-      if (code === 0) {
-        Notification.success({
-          title: "\u6210\u529F",
-          content: "\u63D0\u4EA4\u6210\u529F"
-        });
-      }
-      Notification.success("\u6267\u884C\u5B8C\u6BD5");
-    };
-    const filterHandle = (dirType, arrData) => {
-      let target = targetArr.value[0];
-      if (batch.value) {
-        target = { series: "all" };
-      }
-      if (dirType === "contentList") {
-        arrData = arrData.filter((item) => {
-          return ![1, 2, 3, 4].includes(item.relation_type);
-        });
-      }
-      if (dirType === "componentList") {
-        const arr = ["tv", "radio"];
-        arrData = arrData.filter((item) => {
-          if (!["svideo", "all"].includes(target.series))
-            arr.push("svideo");
-          if (!["special_v3", "all"].includes(target.series))
-            arr.push("special");
-          return !arr.includes(item.columns);
-        });
-      }
-      return arrData;
-    };
-    const getMList = async (line2Item) => {
-      loading.value = true;
-      const params = {
-        rid: repoId,
-        cid: line2Item.channel_id,
-        gid: line2Item.id
-      };
-      const res = await getMlists(BASE_API, params);
-      line3Array.value = res.message.map((x) => {
-        x.icon = "iconfont icon-pailie-";
-        if (x.location)
-          x.icon = "iconfont icon-shouping";
-        x.catalog = "contentList";
-        x.channel_type = 1;
-        x.leaf = true;
-        x.select = true;
-        return x;
-      }) || [];
-      line3Array.value = filterHandle(line2Item.catalog, line3Array.value);
-      activeHandle(0, "line3");
-      loading.value = false;
-    };
-    const getListGroup = async (line1Item) => {
-      loading.value = true;
-      const params = {
-        rid: repoId,
-        cid: line1Item.channel_id,
-        group_type: line1Item.id,
-        offset: 0,
-        limit: 100,
-        less: true
-      };
-      const res = await getCategorylistsGroups(BASE_API, params);
-      line2Array.value = res.message.map((x) => {
-        if (x.list_count === 0) {
-          x.leaf = true;
-        }
-        x.icon = "iconfont icon-tuceng";
-        x.catalog = line1Item.id === 0 ? "contentList" : "componentList";
-        x.channel_type = 1;
-        return x;
-      }) || [];
-      activeHandle(0, "line2");
-    };
-    const getChannelsData = () => {
-      loading.value = true;
-      getChannels(BASE_API, { repository_id: repoId }).then((res) => {
-        channelList = res.message.map((item) => {
-          if (item.platform_type === "default_pc") {
-            line1Array.value = [
-              {
-                alias: "\u7248\u9762\u9009\u62E9",
-                icon: "iconfont icon-zichanku-",
-                id: 0,
-                channel_id: item.id,
-                FK: "contentList",
-                key: "pc_content"
-              }
-            ];
-          }
-          if (item.platform_type === "default_wap") {
-            line1Array.value = [
-              {
-                alias: "\u7248\u9762\u9009\u62E9",
-                icon: "iconfont icon-zichanku-",
-                id: 0,
-                channel_id: item.id,
-                key: "app_content",
-                FK: "contentList"
-              },
-              {
-                alias: "\u7EC4\u4EF6\u9009\u62E9",
-                icon: "iconfont icon-tubiaozhizuomoban-",
-                id: 2,
-                channel_id: item.id,
-                key: "app_component",
-                FK: "componentList"
-              }
-            ];
-          }
-          return item;
-        });
-        channelList = channelList.filter((v) => v.platform_type === "default_wap");
-        activeHandle(0, "line1");
-      });
-    };
-    const activeHandle = (index, type) => {
-      if (type === "line1") {
-        activeData.line1Active = index;
-        getListGroup(line1Array.value[index]);
-      } else if (type === "line2") {
-        activeData.line2Active = index;
-        getMList(line2Array.value[index]);
-      } else if (type === "line3") {
-        activeData.line3Active = index;
-      }
-    };
-    watch(
-      dialogVisible,
-      () => {
-        if (dialogVisible.value) {
-          getChannelsData();
-          selectList.splice(0, selectList.length);
-        }
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Modal), {
-        visible: dialogVisible.value,
-        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event),
-        class: "previous-version",
-        "title-align": "start",
-        "body-class": "previous-version-modal-body",
-        width: "60%",
-        title: unref(title),
-        onCancel: cancelHandle,
-        onOk: confirmHandle
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(Spin), {
-            style: { "width": "100%", "height": "100%" },
-            loading: loading.value
-          }, {
-            default: withCtx(() => [
-              createElementVNode("section", _hoisted_1, [
-                createElementVNode("section", _hoisted_2, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(line1Array.value, (line1Item, index) => {
-                    return openBlock(), createElementBlock("section", {
-                      key: index,
-                      class: normalizeClass([{ active: index === activeData.line1Active }, "row"]),
-                      onClick: ($event) => activeHandle(index, "line1")
-                    }, [
-                      createElementVNode("div", _hoisted_4, [
-                        createElementVNode("span", _hoisted_5, [
-                          createVNode(unref(IconApps))
-                        ]),
-                        createElementVNode("span", null, toDisplayString(line1Item.alias), 1)
-                      ])
-                    ], 10, _hoisted_3);
-                  }), 128))
-                ]),
-                createElementVNode("section", _hoisted_6, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(line2Array.value, (line2Item, index) => {
-                    return openBlock(), createElementBlock("section", {
-                      key: index,
-                      class: normalizeClass([{ active: index === activeData.line2Active }, "row"]),
-                      onClick: ($event) => activeHandle(index, "line2")
-                    }, [
-                      createElementVNode("div", _hoisted_8, [
-                        createElementVNode("span", _hoisted_9, [
-                          createVNode(unref(IconList))
-                        ]),
-                        createElementVNode("span", null, toDisplayString(line2Item.alias), 1)
-                      ])
-                    ], 10, _hoisted_7);
-                  }), 128))
-                ]),
-                createElementVNode("section", _hoisted_10, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(line3Array.value, (line3Item, index) => {
-                    return openBlock(), createElementBlock("section", {
-                      key: line3Item.id,
-                      class: normalizeClass(["row", { active: index === activeData.line3Active }]),
-                      onClick: ($event) => activeHandle(index, "line3")
-                    }, [
-                      createElementVNode("div", _hoisted_12, [
-                        createElementVNode("span", _hoisted_13, [
-                          createVNode(unref(IconCopy))
-                        ]),
-                        createElementVNode("span", null, toDisplayString(line3Item.alias), 1)
-                      ]),
-                      selectList.findIndex((si) => line3Item.id === si.list_id) === -1 ? (openBlock(), createElementBlock("span", {
-                        key: 0,
-                        class: "right",
-                        onClick: ($event) => addHandle(line3Item)
-                      }, [
-                        createVNode(unref(IconPlusCircle))
-                      ], 8, _hoisted_14)) : (openBlock(), createElementBlock("span", {
-                        key: 1,
-                        class: "right",
-                        onClick: ($event) => removeHandle(line3Item.icon)
-                      }, [
-                        createVNode(unref(IconMinusCircle))
-                      ], 8, _hoisted_15))
-                    ], 10, _hoisted_11);
-                  }), 128))
-                ])
-              ]),
-              selectList.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_16, [
-                _cache[1] || (_cache[1] = createElementVNode("div", { class: "title" }, "\u5DF2\u9009\u62E9\uFF1A", -1)),
-                createElementVNode("div", _hoisted_17, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(selectList, (select) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: select.list_id,
-                      class: "select-li"
-                    }, [
-                      createVNode(unref(Tag), {
-                        closable: "",
-                        onClose: ($event) => removeHandle(select.list_id)
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(select.alias), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClose"])
-                    ]);
-                  }), 128))
-                ])
-              ])) : createCommentVNode("v-if", true)
-            ]),
-            _: 1
-          }, 8, ["loading"])
-        ]),
-        _: 1
-      }, 8, ["visible", "title"]);
-    };
-  }
-});
-export { _sfc_main as default };

package/es/previousVersion/index.d.ts

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

package/es/previousVersion/index.js

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

package/es/previousVersion/script/api.d.ts

@@ -1,15 +0,0 @@
-interface Params {
-    repo_id?: string;
-    app_id?: number;
-    [key: string]: any;
-}
-export declare function getChildCategorylists(BASE_API: string, params: Params): Promise<import("axios").AxiosResponse<any, any>>;
-export declare function getCategorylists(BASE_API: string, repository_id: string, channel_id: string): Promise<import("axios").AxiosResponse<any, any>>;
-export declare function getCategorylistsGroups(BASE_API: string, params: Params, data?: {
-    repeatReport: boolean;
-}): Promise<any>;
-export declare function getMlists(BASE_API: string, params: Params, data?: {
-    repeatReport: boolean;
-}): Promise<import("axios").AxiosResponse<any, any>>;
-export declare function submitTo(BASE_API: string, data: Params): Promise<import("axios").AxiosResponse<any, any>>;
-export {};

package/es/previousVersion/script/api.js

@@ -1,39 +0,0 @@
-import request from "../../utils/request.js";
-import { repeatReport } from "./tool.js";
-async function getCategorylistsGroups(BASE_API, params, data = {
-  repeatReport: false
-}) {
-  const res = await request(BASE_API, {
-    url: `/poplar/v2/listgroups`,
-    method: "get",
-    params
-  });
-  const { groups, count } = res.message;
-  const resData = { ...res.message, count };
-  resData.message = groups;
-  if (data.repeatReport) {
-    repeatReport(groups, "alias");
-  }
-  return Promise.resolve(resData);
-}
-async function getMlists(BASE_API, params, data = {
-  repeatReport: false
-}) {
-  const res = await request(BASE_API, {
-    url: `/poplar/v2/mlists`,
-    method: "get",
-    params
-  });
-  if (data.repeatReport) {
-    repeatReport(res.message, "alias");
-  }
-  return Promise.resolve(res);
-}
-function submitTo(BASE_API, data) {
-  return request(BASE_API, {
-    url: "/poplar/v2/submitto",
-    method: "post",
-    data
-  });
-}
-export { getCategorylistsGroups, getMlists, submitTo };

package/es/previousVersion/script/tool.js

@@ -1,22 +0,0 @@
-import { Message } from "@arco-design/web-vue";
-function repeatReport(array, field) {
-  const obj = array.reduce((pre, next) => {
-    const attr = field ? next[field] : next;
-    if (attr in pre) {
-      pre[attr]++;
-    } else {
-      pre[attr] = 1;
-    }
-    return pre;
-  }, {});
-  Object.entries(obj).forEach((v) => {
-    const attr = v[0];
-    const count = v[1];
-    if (count > 1) {
-      Message.info({
-        content: `\u5DF2\u5B58\u5728${count}\u4E2A\u3010${attr}\u3011`
-      });
-    }
-  });
-}
-export { repeatReport };

package/es/previousVersion/style/css.js

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

package/es/previousVersion/style/index.css

@@ -1,166 +0,0 @@
-.previous-version-modal-body {
-  padding: 0;
-}
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
-.content-main {
-  display: flex;
-  flex-direction: column;
-}
-.content-main .select-view {
-  display: flex;
-  flex-wrap: nowrap;
-  height: calc(60vh - 106px);
-  overflow-x: auto;
-}
-.content-main .select-view .col-view {
-  flex-shrink: 0;
-  height: 100%;
-  overflow: auto;
-  border-right: 1px solid #ebeef5;
-}
-.content-main .select-view .col-view .row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 20px 14px 24px;
-  cursor: pointer;
-}
-.content-main .select-view .col-view .row.active,
-.content-main .select-view .col-view .row:hover {
-  background-color: #f2f3f5;
-}
-.content-main .select-view .col-view .row .left,
-.content-main .select-view .col-view .row .right {
-  display: flex;
-  align-items: center;
-}
-.content-main .select-view .col-view .row .left {
-  margin-right: 20px;
-}
-.content-main .select-view .col-view .row .img-icon {
-  width: 20px;
-  margin-right: 10px;
-  border-radius: 50%;
-}
-.content-main .select-view .col-view .row .icon {
-  margin-right: 10px;
-}
-.content-main .select-view .col-view .row .alias {
-  display: inline-block;
-  max-width: 150px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.content-main .temp-view {
-  flex-shrink: 0;
-  max-height: 150px;
-  padding: 16px 24px;
-  border-top: 1px solid #ebeef5;
-}
-.content-main .temp-view .title {
-  padding-bottom: 12px;
-  font-weight: 500;
-}
-.content-main .temp-view .select-ul {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.content-main .temp-view .select-ul .select-li {
-  margin-bottom: 12px;
-  padding: 2px 8px;
-  color: #1d2129;
-  background-color: #f2f3f5;
-}
-.content-main .temp-view .select-ul .select-li + .select-li {
-  margin-left: 15px;
-}
-.previous-version .select-view {
-  display: flex;
-  flex-wrap: nowrap;
-  height: calc(60vh - 106px);
-  overflow-x: auto;
-}
-.previous-version .select-view .view-line {
-  flex-shrink: 0;
-  height: 100%;
-  overflow-y: auto;
-  border-right: 1px solid #ebeef5;
-}
-.previous-version .select-view .view-line.line1 {
-  width: 150px;
-}
-.previous-version .select-view .view-line.line2 {
-  width: 170px;
-}
-.previous-version .select-view .view-line.line3 {
-  width: 196px;
-}
-.previous-version .select-view .view-line .row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 20px 14px 24px;
-  cursor: pointer;
-}
-.previous-version .select-view .view-line .row.active,
-.previous-version .select-view .view-line .row:hover {
-  background-color: #f2f3f5;
-}
-.previous-version .select-view .view-line .row .left,
-.previous-version .select-view .view-line .row .right {
-  display: flex;
-  align-items: center;
-}
-.previous-version .select-view .view-line .row .left {
-  margin-right: 20px;
-}
-.previous-version .select-view .view-line .row .right {
-  font-size: 18px;
-}
-.previous-version .select-view .view-line .row .img-icon {
-  width: 20px;
-  margin-right: 10px;
-  border-radius: 50%;
-}
-.previous-version .select-view .view-line .row .icon {
-  margin-right: 10px;
-}
-.previous-version .select-view .view-line .row .alias {
-  display: inline-block;
-  max-width: 150px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.previous-version .select-view .view-line .row .alias .icon {
-  margin-right: 5px;
-}
-.previous-version .temp-view {
-  flex-shrink: 0;
-  max-height: 150px;
-  padding: 16px 24px;
-  border-top: 1px solid #ebeef5;
-}
-.previous-version .temp-view .title {
-  padding-bottom: 12px;
-  font-weight: 500;
-}
-.previous-version .temp-view .select-ul {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.previous-version .temp-view .select-ul .select-li {
-  margin-bottom: 12px;
-  padding: 2px 8px;
-  color: #1d2129;
-  background-color: #f2f3f5;
-}
-.previous-version .temp-view .select-ul .select-li + .select-li {
-  margin-left: 15px;
-}

package/es/previousVersion/style/index.d.ts

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

package/es/previousVersion/style/index.js

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