@cmstops/pro-compo 0.1.2 → 0.1.4

package/es/userAvater/component.js

@@ -0,0 +1,167 @@
+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"];
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { class: "user-avater-content-info" };
+const _hoisted_5 = { class: "avatar" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "nick-name" };
+const _hoisted_8 = { class: "user-name" };
+const _hoisted_9 = { class: "user-email" };
+const _hoisted_10 = {
+  key: 0,
+  class: "org-alias"
+};
+const _hoisted_11 = { class: "b_info_bottom" };
+const _sfc_main = defineComponent({
+  ...{ name: "userAvater" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    BASE_ACCOUNT_HOST: {},
+    userStore: {}
+  },
+  setup(__props) {
+    const props = __props;
+    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 () => {
+      const res = await getUserInfo(BASE_API);
+      if (res.code === 0 && res.message) {
+        const userInfo2 = res.message;
+        getUserDomainsByDetail(userInfo2);
+      }
+    };
+    const getUserDomainsByDetail = async (_userInfo) => {
+      const res = await getUserDetails(BASE_API, {
+        id: _userInfo.id,
+        domainid: _userInfo.domain_id
+      });
+      if (res.code === 0 && res.message) {
+        _userInfo.domains = res.message.domains;
+        for (const k in _userInfo.domains) {
+          if (_userInfo.domains[k].id === _userInfo.domain_id) {
+            _userInfo.currentDomain = _userInfo.domains[k].alias;
+          }
+        }
+        userInfo.value = _userInfo;
+      }
+    };
+    const loginOut = async () => {
+      await accountLogout(BASE_ACCOUNT_HOST);
+      window.location.href = BASE_ACCOUNT_HOST;
+    };
+    const profile = () => {
+      window.open(`${BASE_API}/foowz/#/account`, "_blank");
+    };
+    const domainClick = async (item) => {
+      const res = await domainSelect(BASE_API, item.id);
+      if (res.code === 0 && res.message) {
+        window.location.href = res.message;
+      }
+    };
+    onMounted(() => {
+      if (props.userStore) {
+        userInfo.value = props.userStore;
+        getUserDomainsByDetail(userInfo.value);
+      } else {
+        loadUserInfo();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        userInfo.value ? (openBlock(), createBlock(unref(Popover), {
+          key: 0,
+          trigger: "hover",
+          position: "bottom",
+          "arrow-style": { display: "none" },
+          "content-style": { padding: 0 }
+        }, {
+          content: withCtx(() => {
+            var _a;
+            return [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_5, [
+                  createVNode(unref(Avatar), {
+                    "trigger-type": "mask",
+                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => profile(), ["stop"]))
+                  }, {
+                    "trigger-icon": withCtx(() => [
+                      createVNode(unref(IconEdit))
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("img", {
+                        alt: "avatar",
+                        src: userInfo.value.avatar
+                      }, null, 8, _hoisted_6)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                createElementVNode("div", _hoisted_7, toDisplayString(userInfo.value.alias || "\u6682\u65E0"), 1),
+                createElementVNode("div", _hoisted_8, toDisplayString(userInfo.value.name), 1),
+                createElementVNode("div", _hoisted_9, toDisplayString(userInfo.value.mail || "\u6682\u65E0\u90AE\u7BB1"), 1),
+                ((_a = userInfo.value.domains) == null ? void 0 : _a.length) === 1 && userInfo.value.currentDomain ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(userInfo.value.currentDomain), 1)) : createCommentVNode("v-if", true),
+                createVNode(unref(Dropdown), null, {
+                  content: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(userInfo.value.domains, (item, index) => {
+                      return openBlock(), createBlock(unref(Doption), {
+                        key: index,
+                        onClick: withModifiers(($event) => domainClick(item), ["stop"])
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.alias), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]);
+                    }), 128))
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(unref(Button), { long: "" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(userInfo.value.currentDomain), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                createElementVNode("div", _hoisted_11, [
+                  createVNode(unref(Button), {
+                    type: "text",
+                    onClick: _cache[1] || (_cache[1] = ($event) => loginOut())
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u9000\u51FA")
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])
+            ];
+          }),
+          default: withCtx(() => [
+            slotTest ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : (openBlock(), createBlock(unref(Avatar), { key: 1 }, {
+              default: withCtx(() => [
+                userInfo.value.avatar ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  alt: "avatar",
+                  src: userInfo.value.avatar
+                }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(userInfo.value.name), 1))
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 3
+        })) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/userAvater/index.d.ts

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

package/es/userAvater/index.js

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

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

@@ -0,0 +1,8 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getUserInfo(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function getUserDetails(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function domainSelect(BASE_API: string, did: number): import("axios").AxiosPromise<any>;
+export declare function accountLogout(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export {};

package/es/userAvater/script/api.js

@@ -0,0 +1,32 @@
+import request from "../../utils/request.js";
+function getUserInfo(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v2/account/info",
+    method: "get",
+    params
+  });
+}
+function getUserDetails(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/account/detail`,
+    method: "get",
+    params
+  });
+}
+function domainSelect(BASE_API, did) {
+  return request(BASE_API, {
+    url: "/sandy/v1/account/domain/select",
+    method: "post",
+    data: {
+      domain_id: did
+    }
+  });
+}
+function accountLogout(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/sandy/v1/account/logout",
+    method: "post",
+    params
+  });
+}
+export { accountLogout, domainSelect, getUserDetails, getUserInfo };

package/es/userAvater/style/css.js

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

package/es/userAvater/style/index.css

@@ -0,0 +1,50 @@
+.user-avater-content-info {
+  width: 328px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  padding-bottom: 0px;
+  line-height: 1;
+}
+.user-avater-content-info .avatar {
+  width: 74px;
+  height: 74px;
+  position: relative;
+  border-radius: 50%;
+  overflow: hidden;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.user-avater-content-info .avatar .arco-avatar {
+  width: 100%;
+  height: 100%;
+}
+.user-avater-content-info .nick-name {
+  font-size: 16px;
+  color: #1D2129;
+  font-weight: 500;
+  margin-bottom: 10px;
+}
+.user-avater-content-info .user-name,
+.user-avater-content-info .user-email {
+  font-size: 14px;
+  color: #86909C;
+  margin-bottom: 10px;
+}
+.user-avater-content-info .org-alias {
+  border: 1px solid #EBEEF5;
+  padding: 10px 20px;
+  border-radius: 40px;
+}
+.user-avater-content-info .b_info_bottom {
+  height: 52px;
+  padding: 10px 16px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

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

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

package/es/userAvater/style/index.js

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

package/es/userAvater/style/index.less

@@ -0,0 +1,54 @@
+.user-avater-container {
+  
+}
+
+.user-avater-content-info {
+  width: 328px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  padding-bottom: 0px;
+  line-height: 1;
+  .avatar {
+    width: 74px;
+    height: 74px;
+    position: relative;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .arco-avatar {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .nick-name {
+    font-size: 16px;
+    color: #1D2129;
+    font-weight: 500;
+    margin-bottom: 10px;
+  }
+  .user-name,
+  .user-email {
+    font-size: 14px;
+    color: #86909C;
+    margin-bottom: 10px;
+  }
+  .org-alias {
+    border: 1px solid #EBEEF5;
+    padding: 10px 20px;
+    border-radius: 40px;
+  }
+  .b_info_bottom {
+    height: 52px;
+    padding: 10px 16px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

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

@@ -27,7 +27,7 @@ function request(BASE_API, options) {
       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,11 +6,12 @@ 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"
 };
-const _hoisted_2 = { class: "app-list-wrap apps-popover" };
+const _hoisted_2 = { class: "apps-box-popover" };
 const _hoisted_3 = {
   key: 0,
   class: "app-title"
@@ -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/appCenter/style/index.css

@@ -4,7 +4,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }

package/lib/appCenter/style/index.less

@@ -4,7 +4,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }

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;