@cmstops/pro-compo 0.1.3 → 0.1.4

package/es/contentModal/style/storeBox.less

@@ -0,0 +1,45 @@
+.selected-store-box-popover-content {
+  padding: 0;
+  .batch-section-popover-main {
+    .item {
+      height: 35px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 5px 10px;
+      box-sizing: border-box;
+      .icon {
+        width: 20px;
+        height: 25px;
+        margin-right: 8px;
+        font-size: 18px;
+        vertical-align: middle;
+        display: inline-block;
+        text-align: center;
+      }
+      .left {
+        width: 90%;
+        display: inline-block;
+        align-items: center;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+      }
+      .close-btn {
+        display: none;
+      }
+      &:hover,
+      &:active {
+        background-color: #f6f6f6;
+        .close-btn {
+          display: block;
+        }
+      }
+    }
+  }
+  .options {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  }
+}

package/es/hooks/batch.d.ts

@@ -0,0 +1,8 @@
+declare const useTableBatch: () => {
+    hoverTarget: import("vue").Ref<null>;
+    isItemChecked: import("vue").ComputedRef<(selectedData: any, item: any) => any>;
+    hoverBatchBox: import("vue").ComputedRef<(selectedData: any, item: any) => any>;
+    tableCellMouseEnter: (record: any) => void;
+    tableCellMouseLeave: (record: any) => void;
+};
+export default useTableBatch;

package/es/hooks/batch.js

@@ -0,0 +1,26 @@
+import { ref, computed } from "vue";
+const useTableBatch = () => {
+  const hoverTarget = ref(null);
+  const isItemChecked = computed(() => (selectedData, item) => {
+    return selectedData.map((row) => row.id).includes(item.id);
+  });
+  const hoverBatchBox = computed(() => (selectedData, item) => {
+    return hoverTarget.value === item.id || isItemChecked.value(selectedData, item);
+  });
+  const tableCellMouseEnter = (record) => {
+    hoverTarget.value = record.id;
+  };
+  const tableCellMouseLeave = (record) => {
+    if (record.id === hoverTarget.value) {
+      hoverTarget.value = null;
+    }
+  };
+  return {
+    hoverTarget,
+    isItemChecked,
+    hoverBatchBox,
+    tableCellMouseEnter,
+    tableCellMouseLeave
+  };
+};
+export { useTableBatch as default };

package/es/hooks/user.d.ts

@@ -0,0 +1,11 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getChannels(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+declare const useLoadUserInfo: (BASE_API: string) => {
+    userInfo: import("vue").Ref<{
+        BASE_API: string;
+    }>;
+    getUserInfoHandle: () => Promise<void>;
+};
+export default useLoadUserInfo;

package/es/hooks/user.js

@@ -0,0 +1,46 @@
+import { ref } from "vue";
+import request from "../utils/request.js";
+function getUserInfo(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v2/account/info",
+    method: "get",
+    params
+  });
+}
+function getChannels(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/channels?repository_id=${params == null ? void 0 : params.repository_id}`,
+    method: "get"
+  });
+}
+const useLoadUserInfo = (BASE_API) => {
+  const userInfo = ref({ BASE_API });
+  const getChannelsHandle = async (_user) => {
+    const channels = await getChannels(BASE_API, {
+      repository_id: _user.repository_id
+    });
+    if (channels.code === 0) {
+      channels.message.map((channel) => {
+        _user[`${channel.platform_type}_channel_id`] = channel.id;
+        if (channel.logo_type === "2") {
+          _user.channel_clientSetting = channel.uid;
+        }
+      });
+      return _user;
+    }
+  };
+  const getUserInfoHandle = async () => {
+    const res = await getUserInfo(BASE_API);
+    if (res.code === 0 && res.message) {
+      if (res.message.repository_id) {
+        res.message = await getChannelsHandle(res.message);
+      }
+      userInfo.value = { BASE_API, ...res.message };
+    }
+  };
+  return {
+    userInfo,
+    getUserInfoHandle
+  };
+};
+export { useLoadUserInfo as default, getChannels };

package/es/index.css

@@ -1,7 +1,3 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
 .reference-btn {
   border: none;
   padding: 12px 16px;
@@ -206,3 +202,29 @@
   align-items: center;
   justify-content: center;
 }
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+.add-content-modal-wrapper .arco-modal-header {
+  border-bottom: none;
+}
+.add-content-modal-body {
+  padding: 0;
+  height: 70vh;
+}
+.add-content-modal-body .content-tabs {
+  height: 100%;
+}
+.add-content-modal-body .arco-tabs-content {
+  padding-top: 0;
+}
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}

package/es/index.d.ts

@@ -1,5 +1,8 @@
 export { default } from './components';
-export { default as button } from './button';
 export { default as appCenter } from './appCenter';
 export { default as messageBox } from './messageBox';
 export { default as userAvater } from './userAvater';
+export { default as typeIcons } from './typeIcons';
+export { default as uploadStep } from './uploadStep';
+export { default as contentModal } from './contentModal';
+export { default as resourceModal } from './resourceModal';

package/es/index.js

@@ -1,5 +1,8 @@
 export { default } from "./components.js";
-export { default as button } from "./button/index.js";
 export { default as appCenter } from "./appCenter/index.js";
 export { default as messageBox } from "./messageBox/index.js";
 export { default as userAvater } from "./userAvater/index.js";
+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";

package/es/index.less

@@ -1,5 +1,8 @@
 @import './style/index.less';
-@import './button/style/index.less';
 @import './appCenter/style/index.less';
 @import './messageBox/style/index.less';
 @import './userAvater/style/index.less';
+@import './typeIcons/style/index.less';
+@import './uploadStep/style/index.less';
+@import './contentModal/style/index.less';
+@import './resourceModal/style/index.less';

package/es/messageBox/component.js

@@ -2,6 +2,7 @@ import { defineComponent, useSlots, ref, onMounted, resolveDirective, openBlock,
 import { Popover, Tabs, TabPane, Badge } from "@arco-design/web-vue";
 import _sfc_main$1 from "./list.js";
 import { setAllMsgRead, getNoticeList } from "./script/api.js";
+import { DEFAULT_BASE_API } from "../config.js";
 const _hoisted_1 = { class: "message-boxs-container" };
 const _hoisted_2 = {
   key: 1,
@@ -16,7 +17,7 @@ const _sfc_main = defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const BASE_API = props.BASE_API || "https://site.cmstop.xyz";
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
     const slotTest = !!useSlots().reference;
     const readMessagesCount = ref(0);
     const unreadMessagesCount = ref(0);

package/es/messageBox/list.js

@@ -52,10 +52,10 @@ const _sfc_main = defineComponent({
     const openApprovalDetail = (msg) => {
       console.log(msg);
     };
-    const handleScroll = (event) => {
-      event && event.stopPropagation();
-      if (event.target) {
-        const { scrollTop, scrollHeight, clientHeight } = event.target;
+    const handleScroll = (e) => {
+      e && e.stopPropagation();
+      if (e.target) {
+        const { scrollTop, scrollHeight, clientHeight } = e.target;
         if (scrollTop + clientHeight >= scrollHeight) {
           if (props.isLoadingMore === false && !props.isNorMore) {
             emits("loadMoreMsg", props.listType);

package/es/resourceModal/component.js

@@ -0,0 +1,14 @@
+import { defineComponent, openBlock, createElementBlock } from "vue";
+const _sfc_main = defineComponent({
+  ...{ name: "resourceModal" },
+  __name: "component",
+  props: {
+    BASE_API: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, "resourceModal");
+    };
+  }
+});
+export { _sfc_main as default };

package/es/resourceModal/index.d.ts

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

package/es/resourceModal/index.js

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

package/es/style.css

@@ -0,0 +1,5 @@
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}

package/es/typeIcons/component.js

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createElementBlock, createCommentVNode, createBlock, unref, Fragment, createVNode } from "vue";
+import { IconXinwen, IconShipin, IconYinyue, IconTuji, IconXiaoshipin, IconZhuanti, IconYinpinji, IconShipinji, IconH5, IconZhibo, IconTupian, IconGaojian } from "@arco-iconbox/vue-cmstop-icons";
+const _hoisted_1 = { class: "type-icons-container" };
+const _sfc_main = defineComponent({
+  ...{ name: "typeIcons" },
+  __name: "component",
+  props: {
+    type: {},
+    doc: { type: Boolean },
+    resource: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode("------------------------------- \u7A3F\u4EF6\u7C7B\u578B --------------------------------------"),
+        createCommentVNode(" \u65B0\u95FB "),
+        props.doc && props.type === "imagetext" ? (openBlock(), createBlock(unref(IconXinwen), { key: 0 })) : props.doc && props.type === "video" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createCommentVNode(" \u89C6\u9891 "),
+          createVNode(unref(IconShipin))
+        ], 2112)) : props.doc && props.type === "audio" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createCommentVNode(" \u97F3\u9891 "),
+          createVNode(unref(IconYinyue))
+        ], 2112)) : props.doc && props.type === "atlas" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          createCommentVNode(" \u56FE\u96C6 "),
+          createVNode(unref(IconTuji))
+        ], 2112)) : props.doc && props.type === "svideo" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+          createCommentVNode(" \u5C0F\u89C6\u9891 "),
+          createVNode(unref(IconXiaoshipin))
+        ], 2112)) : props.doc && props.type === "special_v3" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+          createCommentVNode(" \u4E13\u9898 "),
+          createVNode(unref(IconZhuanti))
+        ], 2112)) : props.doc && props.type === "audio_album" ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+          createCommentVNode(" \u97F3\u9891\u96C6 "),
+          createVNode(unref(IconYinpinji))
+        ], 2112)) : props.doc && props.type === "video_album" ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
+          createCommentVNode(" \u89C6\u9891\u96C6 "),
+          createVNode(unref(IconShipinji))
+        ], 2112)) : props.doc && props.type === "h5" ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
+          createCommentVNode(" h5 "),
+          createVNode(unref(IconH5))
+        ], 2112)) : props.doc && props.type === "live" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
+          createCommentVNode(" \u76F4\u64AD "),
+          createVNode(unref(IconZhibo))
+        ], 2112)) : props.resource && props.type === "image" ? (openBlock(), createElementBlock(Fragment, { key: 10 }, [
+          createCommentVNode("------------------------------- \u7D20\u6750\u7C7B\u578B --------------------------------------"),
+          createCommentVNode(" \u56FE\u7247 "),
+          createVNode(unref(IconTupian))
+        ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 11 }, [
+          createCommentVNode("------------------------------- \u5176\u4ED6\u7C7B\u578B --------------------------------------"),
+          createCommentVNode(" \u5FAE\u4FE1\u7A3F\u4EF6 "),
+          createCommentVNode(" <icon-weixingaojian /> "),
+          createCommentVNode(" \u8F6E\u535A\u56FE\u96C6 "),
+          createCommentVNode(" <icon-lunbotuji /> "),
+          createCommentVNode(" \u7A3F\u4EF6 "),
+          createVNode(unref(IconGaojian))
+        ], 2112))
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/typeIcons/index.d.ts

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

package/es/typeIcons/index.js

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

package/es/typeIcons/style/css.js

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

package/es/typeIcons/style/index.css

@@ -0,0 +1,5 @@
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}

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

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

package/es/typeIcons/style/index.js

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

package/es/typeIcons/style/index.less

@@ -0,0 +1,5 @@
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}

package/es/uploadStep/component.js

@@ -0,0 +1,14 @@
+import { defineComponent, openBlock, createElementBlock } from "vue";
+const _sfc_main = defineComponent({
+  ...{ name: "uploadStep" },
+  __name: "component",
+  props: {
+    BASE_API: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, "uploadStep");
+    };
+  }
+});
+export { _sfc_main as default };

package/es/uploadStep/index.d.ts

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

package/es/uploadStep/index.js

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

package/es/uploadStep/style/css.js

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

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

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

package/es/uploadStep/style/index.js

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

package/es/userAvater/component.js

@@ -1,6 +1,7 @@
 import { defineComponent, useSlots, ref, onMounted, openBlock, createElementBlock, createBlock, unref, withCtx, createElementVNode, createVNode, withModifiers, toDisplayString, createCommentVNode, Fragment, renderList, createTextVNode, renderSlot } from "vue";
 import { Popover, Avatar, Dropdown, Doption, Button } from "@arco-design/web-vue";
 import { IconEdit } from "@arco-design/web-vue/es/icon";
+import { DEFAULT_BASE_API, DEFAULT_BASE_ACCOUNT_HOST } from "../config.js";
 import { getUserInfo, getUserDetails, accountLogout, domainSelect } from "./script/api.js";
 const _hoisted_1 = { class: "user-avater-container" };
 const _hoisted_2 = ["src"];
@@ -26,8 +27,8 @@ const _sfc_main = defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const BASE_API = props.BASE_API || "https://site.cmstop.xyz";
-    const BASE_ACCOUNT_HOST = props.BASE_ACCOUNT_HOST || "https://account.cmstop.xyz";
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const BASE_ACCOUNT_HOST = props.BASE_ACCOUNT_HOST || DEFAULT_BASE_ACCOUNT_HOST;
     const slotTest = !!useSlots().reference;
     const userInfo = ref(null);
     const loadUserInfo = async () => {
@@ -133,7 +134,6 @@ const _sfc_main = defineComponent({
                 }),
                 createElementVNode("div", _hoisted_11, [
                   createVNode(unref(Button), {
-                    long: "",
                     type: "text",
                     onClick: _cache[1] || (_cache[1] = ($event) => loginOut())
                   }, {

package/es/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const dateYYYYDDMMHHmm: (date: any) => string;

package/es/utils/index.js

@@ -0,0 +1,7 @@
+import dayjs from "dayjs";
+const dateYYYYDDMMHHmm = (date) => {
+  if (!date)
+    return "--";
+  return dayjs(date).format("YYYY-DD-MM HH:mm");
+};
+export { dateYYYYDDMMHHmm };

package/es/utils/request.js

@@ -9,7 +9,7 @@ function request(BASE_API, options) {
   service.interceptors.request.use(
     (config) => {
       if (getToken()) {
-        config.headers["Authorization"] = `Bearer ${getToken()}`;
+        config.headers.Authorization = `Bearer ${getToken()}`;
       }
       return config;
     },
@@ -23,12 +23,11 @@ function request(BASE_API, options) {
       const res = response.data;
       if (res.code !== 0) {
         return Promise.reject(new Error(res.message || "Error"));
-      } else {
-        return res;
       }
+      return res;
     },
     (error) => {
-      console.log("err" + error);
+      console.log(`err${error}`);
       return Promise.reject(error);
     }
   );

package/es/utils/typeMap.d.ts

@@ -0,0 +1,116 @@
+export declare const docType: {
+    blank: string;
+    atlas: string;
+    video: string;
+    video_album: string;
+    imagetext: string;
+    link: string;
+    wechat: string;
+    live: string;
+    ad: string;
+    h5: string;
+    special_v3: string;
+    activity: string;
+    booklink: string;
+    svideo: string;
+    audio: string;
+    audio_album: string;
+    vote_activity: string;
+    vote: string;
+    cloud_form: string;
+};
+export declare const catalogMap: {
+    doc: string;
+    video: string;
+    project: string;
+    audio: string;
+    image: string;
+    pdf: string;
+    officeexcel: string;
+    officeppt: string;
+    officedoc: string;
+    rar: string;
+    zip: string;
+    txt: string;
+    html: string;
+    exe: string;
+    other: string;
+    contentList: string;
+    column: string;
+    link: string;
+    banners: string;
+    group: string;
+    mpGroup: string;
+    mpList: string;
+    mpAccount: string;
+    mpTopic: string;
+};
+export declare const target_type_map: {
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+};
+export declare const key_target_type_map: {
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    11: string;
+    12: string;
+    13: string;
+};
+export declare const componentsColumns: any;
+export declare const compoColumnsWithKeyMap: {
+    top: string;
+    banner: string;
+    newsletters: string;
+    svideo: string;
+    function: string;
+    special: string;
+    news_letter: string;
+    focus: string;
+    horizon_slide: string;
+    radio: string;
+    tv: string;
+    mp_account: string;
+    column: string;
+};
+export declare const compoColumnsMap: () => any;
+export declare const contentList_list_type_map: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+};
+export declare const contentList_relation_type_map: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    10: string;
+};
+export declare const contentList_layout_map: {
+    blank: string;
+    svideo: string;
+    fly_card: string;
+    video: string;
+    immersive_video: string;
+    timeline: string;
+    lbs: string;
+};
+export declare const mp_type_map: {
+    1: string;
+    2: string;
+};

package/es/utils/typeMap.js

@@ -0,0 +1,22 @@
+const componentsColumns = {
+  banner: { value: "banner", label: "\u8F6E\u64AD\u7EC4\u4EF6" },
+  top: { value: "top", label: "\u7F6E\u9876\u7EC4\u4EF6" },
+  horizon_slide: { value: "horizon_slide", label: "\u6A2A\u6ED1\u7EC4\u4EF6" },
+  svideo: { value: "svideo", label: "\u5C0F\u89C6\u9891\u7EC4\u4EF6" },
+  special: { value: "special", label: "\u4E13\u9898/\u5408\u96C6\u7EC4\u4EF6" },
+  news_letter: { value: "news_letter", label: "\u5FEB\u8BAF\u7EC4\u4EF6" },
+  focus: { value: "focus", label: "\u70ED\u70B9\u7EC4\u4EF6" },
+  radio: { value: "radio", label: "\u5E7F\u64AD\u7EC4\u4EF6", simple: true },
+  tv: { value: "tv", label: "\u7535\u89C6\u7EC4\u4EF6", simple: true },
+  mp_account: { value: "mp_account", label: "\u516C\u4F17\u53F7\u7EC4\u4EF6" },
+  column: { value: "column", label: "\u5206\u680F\u7EC4\u4EF6" }
+};
+const compoColumnsMap = () => {
+  const obj = {};
+  Object.keys(componentsColumns).map((key) => {
+    obj[key] = componentsColumns[key].label.replace("\u7EC4\u4EF6", "");
+    return key;
+  });
+  return obj;
+};
+export { compoColumnsMap, componentsColumns };

package/lib/appCenter/component.js

@@ -6,6 +6,7 @@ var permissionMap = require("./script/permissionMap.js");
 var apps = require("./script/apps.js");
 var api = require("./script/api.js");
 var auth = require("../utils/auth.js");
+var config = require("../config.js");
 const _hoisted_1 = {
   key: 1,
   class: "reference-btn"
@@ -46,7 +47,7 @@ const _sfc_main = vue.defineComponent({
     const permissions = vue.ref([]);
     const slotTest = !!vue.useSlots().reference;
     const rid = auth.getRID() || "4";
-    const BASE_API = props.BASE_API || "https://site.cmstop.xyz";
+    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
     const navList = vue.computed(() => {
       const appList2 = [];
       StorePubApplication.value.map((item) => {

package/lib/config.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const DEFAULT_BASE_API = "https://site.cmstop.xyz";
+const DEFAULT_BASE_ACCOUNT_HOST = "https://account.cmstop.xyz";
+exports.DEFAULT_BASE_ACCOUNT_HOST = DEFAULT_BASE_ACCOUNT_HOST;
+exports.DEFAULT_BASE_API = DEFAULT_BASE_API;