@cmstops/pro-compo 0.1.8 → 0.1.9

package/es/index.d.ts

@@ -6,3 +6,5 @@ export { default as typeIcons } from './typeIcons';
 export { default as uploadStep } from './uploadStep';
 export { default as contentModal } from './contentModal';
 export { default as resourceModal } from './resourceModal';
+export { default as previousVersion } from './previousVersion';
+export { default as selectGategory } from './selectGategory';

package/es/index.js

@@ -6,3 +6,5 @@ export { default as typeIcons } from "./typeIcons/index.js";
 export { default as uploadStep } from "./uploadStep/index.js";
 export { default as contentModal } from "./contentModal/index.js";
 export { default as resourceModal } from "./resourceModal/index.js";
+export { default as previousVersion } from "./previousVersion/index.js";
+export { default as selectGategory } from "./selectGategory/index.js";

package/es/index.less

@@ -6,3 +6,5 @@
 @import './uploadStep/style/index.less';
 @import './contentModal/style/index.less';
 @import './resourceModal/style/index.less';
+@import './previousVersion/style/index.less';
+@import './selectGategory/style/index.less';

package/es/previousVersion/component.js

@@ -0,0 +1,378 @@
+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 = /* @__PURE__ */ createElementVNode("div", { class: "title" }, "\u5DF2\u9009\u62E9\uFF1A", -1);
+const _hoisted_18 = { 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 }) {
+    const props = __props;
+    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, [
+                _hoisted_17,
+                createElementVNode("div", _hoisted_18, [
+                  (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

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

package/es/previousVersion/index.js

@@ -0,0 +1,7 @@
+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

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

package/es/previousVersion/script/api.js

@@ -0,0 +1,39 @@
+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.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 统计相同元素
+ * @param {Array} array
+ * @param {String} field 相同元素标识
+ */
+export declare function repeatReport(array: Array<any>, field: string): void;

package/es/previousVersion/script/tool.js

@@ -0,0 +1,22 @@
+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

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

package/es/previousVersion/style/index.css

@@ -0,0 +1,166 @@
+.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

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

package/es/previousVersion/style/index.js

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