@cmstops/pro-compo 0.1.1 → 0.1.3

package/es/messageBox/style/index.css

@@ -0,0 +1,64 @@
+.reference-btn {
+  border: none;
+  padding: 12px 16px;
+  border-radius: 4px;
+  color: #5f5f5f;
+}
+.message-boxs-popover {
+  width: 435px;
+  position: relative;
+}
+.message-boxs-popover .arco-tabs-content {
+  padding-top: 0;
+}
+.message-boxs-popover .msg-scroll-bar {
+  height: 80vh;
+  overflow-y: auto;
+  display: block;
+}
+.message-boxs-popover .message-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.message-boxs-popover .message-item {
+  padding: 16px;
+  padding-bottom: 0px;
+}
+.message-boxs-popover .message-item:last-child .message-body {
+  border-bottom: none;
+}
+.message-boxs-popover .message-item .message-body {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  padding-bottom: 16px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content {
+  width: 100%;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #4e5969;
+  margin-bottom: 18px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 14px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
+  margin-right: 4px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
+  text-decoration: underline;
+}

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

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

package/es/messageBox/style/index.js

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

package/es/messageBox/style/index.less

@@ -0,0 +1,71 @@
+.reference-btn {
+  border: none;
+  padding: 12px 16px;
+  border-radius: 4px;
+  color: #5f5f5f;
+}
+
+.message-boxs-popover {
+  width: 435px;
+  position: relative;
+  // padding: 10px;
+
+  .arco-tabs-content {
+    padding-top: 0;
+  }
+
+  .msg-scroll-bar {
+    height: 80vh;
+    overflow-y: auto;
+    display: block;
+  }
+  
+  .message-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .message-item {
+    padding: 16px;
+    padding-bottom: 0px;
+    &:last-child .message-body {
+      border-bottom: none;
+    }
+    .message-body {
+      border-bottom: 1px solid rgba(0,0,0,.05);
+      padding-bottom: 16px;
+      
+      .media-message-content {
+        width: 100%;
+        .message-content {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          font-size: 12px;
+          color: #4e5969;
+          margin-bottom: 18px;
+        }
+        .message-info {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          color: #1d2129;
+          font-size: 14px;
+          line-height: 14px;
+          .message-media-title {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            .icon {
+              margin-right: 4px;
+            }
+            &:hover {
+              text-decoration: underline;
+            }
+          }
+        }
+      }
+    }
+  }
+}

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 { 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 || "https://site.cmstop.xyz";
+    const BASE_ACCOUNT_HOST = props.BASE_ACCOUNT_HOST || "https://account.cmstop.xyz";
+    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), {
+                    long: "",
+                    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/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,8 +23,9 @@ 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);

package/lib/appCenter/component.js

@@ -10,7 +10,7 @@ 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"
@@ -117,6 +117,7 @@ const _sfc_main = vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", null, [
         vue.createVNode(vue.unref(webVue.Popover), {
           trigger: "hover",
+          position: "bottom",
           "arrow-style": { display: "none" },
           "content-style": { padding: 0, minWidth: "400px" }
         }, {

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/index.css

@@ -8,7 +8,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }
@@ -92,3 +92,117 @@
   top: 2px;
   right: 4px;
 }
+.reference-btn {
+  border: none;
+  padding: 12px 16px;
+  border-radius: 4px;
+  color: #5f5f5f;
+}
+.message-boxs-popover {
+  width: 435px;
+  position: relative;
+}
+.message-boxs-popover .arco-tabs-content {
+  padding-top: 0;
+}
+.message-boxs-popover .msg-scroll-bar {
+  height: 80vh;
+  overflow-y: auto;
+  display: block;
+}
+.message-boxs-popover .message-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.message-boxs-popover .message-item {
+  padding: 16px;
+  padding-bottom: 0px;
+}
+.message-boxs-popover .message-item:last-child .message-body {
+  border-bottom: none;
+}
+.message-boxs-popover .message-item .message-body {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  padding-bottom: 16px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content {
+  width: 100%;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #4e5969;
+  margin-bottom: 18px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 14px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
+  margin-right: 4px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
+  text-decoration: underline;
+}
+.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/lib/index.js

@@ -3,6 +3,10 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 var components = require("./components.js");
 var index = require("./button/index.js");
 var index$1 = require("./appCenter/index.js");
+var index$2 = require("./messageBox/index.js");
+var index$3 = require("./userAvater/index.js");
 exports["default"] = components;
 exports.button = index;
 exports.appCenter = index$1;
+exports.messageBox = index$2;
+exports.userAvater = index$3;

package/lib/index.less

@@ -1,3 +1,5 @@
 @import './style/index.less';
 @import './button/style/index.less';
 @import './appCenter/style/index.less';
+@import './messageBox/style/index.less';
+@import './userAvater/style/index.less';