cfel-base-components 2.6.8 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/src/index.jsx +2 -2
- package/lib/index.js +1 -1
- package/lib/index.js.LICENSE.txt +48 -2
- package/lib/index.min.css +5 -3
- package/package.json +2 -1
- package/src/components/layout/index.scss +47 -42
- package/src/components/layout/index.tsx +138 -120
- package/src/components/universal-pages/cpcAccount/index.tsx +1 -1
- package/src/components/universal-pages/cpcRole/index.tsx +1 -2
- package/src/.umi/core/helmet.ts +0 -10
- package/src/.umi/core/helmetContext.ts +0 -4
package/lib/index.js.LICENSE.txt
CHANGED
|
@@ -4,7 +4,28 @@
|
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
/*!
|
|
7
|
+
/*!
|
|
8
|
+
* html2canvas 1.4.1 <https://html2canvas.hertzen.com>
|
|
9
|
+
* Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>
|
|
10
|
+
* Released under MIT License
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/*! *****************************************************************************
|
|
14
|
+
Copyright (c) Microsoft Corporation.
|
|
15
|
+
|
|
16
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
17
|
+
purpose with or without fee is hereby granted.
|
|
18
|
+
|
|
19
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
20
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
21
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
22
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
23
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
24
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
25
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
26
|
+
***************************************************************************** */
|
|
27
|
+
|
|
28
|
+
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
|
|
8
29
|
|
|
9
30
|
/**
|
|
10
31
|
* @license
|
|
@@ -15,7 +36,8 @@
|
|
|
15
36
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
|
16
37
|
*/
|
|
17
38
|
|
|
18
|
-
/**
|
|
39
|
+
/**
|
|
40
|
+
* @license React
|
|
19
41
|
* react-is.production.min.js
|
|
20
42
|
*
|
|
21
43
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -23,3 +45,27 @@
|
|
|
23
45
|
* This source code is licensed under the MIT license found in the
|
|
24
46
|
* LICENSE file in the root directory of this source tree.
|
|
25
47
|
*/
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* @license qrcode.react
|
|
51
|
+
* Copyright (c) Paul O'Shannessy
|
|
52
|
+
* SPDX-License-Identifier: ISC
|
|
53
|
+
*/
|
|
54
|
+
|
|
55
|
+
/** */
|
|
56
|
+
|
|
57
|
+
/** */
|
|
58
|
+
|
|
59
|
+
/** */
|
|
60
|
+
|
|
61
|
+
/** */
|
|
62
|
+
|
|
63
|
+
/** */
|
|
64
|
+
|
|
65
|
+
/** */
|
|
66
|
+
|
|
67
|
+
/** */
|
|
68
|
+
|
|
69
|
+
/** */
|
|
70
|
+
|
|
71
|
+
/** */
|
package/lib/index.min.css
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
.layout-user-card{min-width:182px;max-width:262px}.layout-user-card .user-info{display:flex}.layout-user-card .user-info .user-avatarBox{width:72px;height:72px;margin-right:12px;position:relative}.layout-user-card .user-info .user-avatarBox .user-avatar{width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,.3)}.layout-user-card .user-info .user-avatarBox .user-mater{position:absolute;bottom:0px;left:0px;right:0px;text-align:center;background-color:rgba(62,119,189,.9);width:50px;border-radius:50px;color:#fff;transform:scale(0.9);margin:auto}.layout-user-card .user-info .user-info-right{flex:1}.layout-user-card .user-info .name{display:inline-block;margin-top:18px}.layout-user-card .user-info .role-list{font-size:12px;line-height:16px;margin-top:4px}.layout-user-card .user-info .role-list .role-item{background:rgba(204,204,204,.55);padding:2px 8px;border-radius:8px;display:inline-block;margin-right:4px;margin-bottom:4px}.layout-user-card .lios-tenant{padding:5px 0px;margin:5px 0px;border-top:1px solid rgba(5,5,5,.06)}.layout-user-card .lios-tenant .tenant-label{font-size:12px;color:rgba(0,0,0,.5)}.layout-user-card .lios-tenant .tenant-switch{display:flex}.layout-user-card .lios-tenant .tenant-switch .tenant-value{flex:1;font-size:14px;color:rgba(0,0,0,.85)}.layout-user-card .lios-tenant .tenant-switch .tenant-icon{width:40px;text-align:center;color:rgba(0,0,0,.45);display:flex;justify-content:center;align-items:center}.layout-user-card .lios-tenant .tenant-switch .tenant-icon:hover{cursor:pointer;color:rgba(0,0,0,.85)}.layout-user-card .lios-userInfo{padding:5px 0px;margin:5px 0px;border-top:1px solid rgba(5,5,5,.06)}.layout-user-card .lios-userInfo .li-flex{display:flex}.layout-user-card .lios-userInfo .li-flex .lios-keyMare{width:50px}.layout-user-card .lios-userInfo .li-flex .lios-value{flex:1}.layout-user-card .lios-userInfo .li-flex .lios-valueMare{flex:1;overflow:hidden;text-overflow:ellipsis}.layout-user-card .lios-userInfo .lios-li{line-height:22px}.layout-user-card .lios-userInfo .lios-li .lios-key,.layout-user-card .lios-userInfo .lios-li .lios-keyMare{font-size:12px;color:rgba(0,0,0,.5);display:inline-block}.layout-user-card .lios-userInfo .lios-li .lios-value,.layout-user-card .lios-userInfo .lios-li .lios-valueMare{padding-left:8px;display:inline-block;font-size:12px;color:rgba(0,0,0,.85)}.layout-user-card .lios-userInfo .lios-li .lios-value span,.layout-user-card .lios-userInfo .lios-li .lios-valueMare span{padding-left:5px}.layout-user-card .lios-userInfo .lios-li .lios-iconDone{width:40px;text-align:center;color:rgba(0,0,0,.45);font-size:10px}.layout-user-card .lios-userInfo .lios-li .lios-icon{width:40px;text-align:center;color:rgba(0,0,0,.45);transition:all .3s}.layout-user-card .lios-userInfo .lios-li .lios-icon:hover{cursor:pointer;color:rgba(0,0,0,.85)}.layout-user-card .lios-logoutBox{display:flex}.layout-user-card .lios-logoutBox .lios-logout{cursor:pointer;display:flex;justify-content:center;align-items:center;color:rgba(0,0,0,.45);border-radius:2px;transition:background .3s;padding:4px;flex:1;border:1px solid rgba(5,5,5,.06);margin:4px 4px}.layout-user-card .lios-logoutBox .lios-logout:hover{background:rgba(0,0,0,.03)}.layout-user-card .lios-logoutBox .lios-logout .logout-icon{width:16px;height:16px;margin-right:3px}
|
|
2
|
+
ul{list-style:none;padding:0;margin:0}.ant-popover-inner{padding:8px !important}.menu-popover{width:168px;font-weight:400;font-size:14px;color:#04073b;text-align:left;font-style:normal;cursor:pointer}.menu-popover .sub-list{width:100%;display:flex;justify-content:space-between}.menu-popover .sub-li{width:152px;height:24px;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;padding:6px 8px}.menu-popover .sub-li:hover{color:#185dfe}.menu-popover .sub-li:not(:first-child){margin-top:4px}.menu-popover .grand-li{width:130px;height:24px;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;padding:6px 8px}.menu-popover .grand-li:hover{color:#185dfe}.menu-popover .grand-li:not(:first-child){margin-top:4px}.menu-popover .sub-item-selected{font-weight:500;color:#3d76ec;background:rgba(61,118,236,.1);border-radius:4px}.layout-menu{border-radius:16px;height:calc(100% - 106px);overflow-y:scroll;position:relative;z-index:11}.layout-menu .menu{padding:0;margin:0;list-style:none;cursor:pointer}.layout-menu .menu .rc-menu-submenu-arrow{display:inline-block;position:absolute;top:52%;right:16px;width:16px;height:16px;transform:translateY(0);transition:transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)}.ant-layout-sider-collapsed .layout-menu .menu .rc-menu-submenu-arrow{display:none}.layout-menu .menu .rc-menu-submenu-arrow::before,.layout-menu .menu .rc-menu-submenu-arrow::after{position:absolute;width:6px;height:1px;scale:1.25;background:#788bb1;border-radius:2px;transition:background .3s cubic-bezier(0.645, 0.045, 0.355, 1), transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);content:""}.layout-menu .menu .rc-menu-submenu-arrow::before{transform:rotate(-45deg) translateX(2.5px)}.layout-menu .menu .rc-menu-submenu-arrow::after{transform:rotate(45deg) translateX(-2.5px)}.layout-menu .menu .rc-menu-submenu-arrow.rc-menu-rtl,.rc-menu-submenu-rtl .layout-menu .menu .rc-menu-submenu-arrow{right:auto;left:16px}.layout-menu .menu .rc-menu-submenu-open>.rc-menu-submenu-title .rc-menu-submenu-arrow{transform:translateY(-3px)}.layout-menu .menu .rc-menu-submenu-open>.rc-menu-submenu-title .rc-menu-submenu-arrow::before{transform:rotate(45deg) translateX(2.5px)}.layout-menu .menu .rc-menu-submenu-open>.rc-menu-submenu-title .rc-menu-submenu-arrow::after{transform:rotate(-45deg) translateX(-2.5px)}.layout-menu .menu .rc-menu-submenu-selected>.rc-menu-submenu-title .rc-menu-submenu-arrow::before,.layout-menu .menu .rc-menu-submenu-selected>.rc-menu-submenu-title .rc-menu-submenu-arrow::after{background-color:#185dff}.layout-menu .menu>li .first-li:hover .menu-item-icon{color:#185dff;font-weight:500}.layout-menu .menu>li .first-li:hover .menu-item-label{color:#185dff;font-weight:500}.layout-menu .menu>li:hover>.menu-item-content .menu-item-icon,.layout-menu .menu>li:hover>.menu-item-content .menu-item-label{color:#185dff;font-weight:500}.layout-menu .menu .rc-menu-submenu:hover>.rc-menu-submenu-title .menu-item-icon,.layout-menu .menu .rc-menu-submenu:hover>.rc-menu-submenu-title .menu-item-label{color:#185dff;font-weight:500}.layout-menu .menu .rc-menu-submenu:hover>.rc-menu-submenu-title .rc-menu-submenu-arrow::before,.layout-menu .menu .rc-menu-submenu:hover>.rc-menu-submenu-title .rc-menu-submenu-arrow::after{background:#185dff}.layout-menu .menu .rc-menu-submenu-title{position:relative}.layout-menu .menu .rc-menu-submenu{position:relative}.layout-menu .menu .menu-item-content{font-weight:400;font-size:14px;line-height:50px;text-align:left}.layout-menu .menu .sub-menu-item-label{padding-left:11px;display:flex}.layout-menu .menu .menu-item-icon{display:inline-block;height:22px;width:22px}.layout-menu .menu .menu-item-label{display:inline-block;padding-left:12px;border:1px solid rgba(0,0,0,0);color:#000}.layout-menu .menu .submenu-selected{color:#185dff !important}.layout-menu .menu .submenu-selected{font-weight:500}.layout-menu .menu .sub-li{position:relative;z-index:9}.layout-menu .menu .sub-li .menu-item-content{width:100%;padding-right:24px}.layout-menu .menu .sub-li .menu-item-content .menu-item-label{width:100%;display:inline-flex;align-items:center;justify-content:space-between}.layout-menu .menu .sub-li:hover>.menu-item-content .menu-item-icon,.layout-menu .menu .sub-li:hover>.menu-item-content .menu-item-label{color:#185dff;font-weight:500}.layout-menu .menu .sub-li::before{content:"";position:absolute;left:31px;top:24px;transform:translateY(-50%);width:5px;height:5px;background:#b4c4dc;border-radius:100%;z-index:1}.layout-menu .menu .sub-li::after{top:0 !important}.layout-menu .menu .sub-li::after{content:"";position:absolute;left:32.9px;width:1px;height:100%;background:#b4c4dc;z-index:0}.layout-menu .menu .sub-li:only-child::after{display:none}.layout-menu .menu .sub-li:last-child::after{height:50%}.layout-menu .menu .sub-li:first-child::after{top:24px !important}.layout-menu .menu .sub-li.rc-menu-submenu-selected::before{background:#185dff}.layout-menu .menu .sub-li.rc-menu-item-selected::before{background:#185dff}.layout-menu .menu .sub-li:not(.rc-menu-submenu){height:52px;display:flex;align-items:center;box-shadow:0px 0px 30px 0px rgba(0,0,0,0)}.layout-menu .menu .sub-li:not(.rc-menu-submenu).rc-menu-item-selected .menu-item-content{width:100%;padding-right:24px}.layout-menu .menu .sub-li:not(.rc-menu-submenu).rc-menu-item-selected .menu-item-label{display:flex;align-items:center;padding-left:12px;width:100%;height:40px;background:#c5d6ff;border-radius:10px;backdrop-filter:blur(10px);transition:all .3s ease-in-out}.layout-menu .menu .grand-li{background:#e0ebfb;position:relative;z-index:9;display:flex;align-items:center;margin-left:2px}.layout-menu .menu .grand-li .menu-item-content{width:100%;padding-right:24px;height:52px;display:flex;align-items:center}.layout-menu .menu .grand-li .menu-item-content .menu-item-label{width:100%;display:inline-flex;align-items:center;justify-content:space-between}.layout-menu .menu .grand-li:hover>.menu-item-content .menu-item-icon,.layout-menu .menu .grand-li:hover>.menu-item-content .menu-item-label{color:#185dff;font-weight:500}.layout-menu .menu .grand-li:last-child{box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,.05)}.layout-menu .menu .grand-li::before{content:"";position:absolute;left:49px;top:50%;width:5px;height:5px;background:#b4c4dc;border-radius:100%;transform:translateY(-50%);z-index:1}.layout-menu .menu .grand-li::after{content:"";position:absolute;left:51px;top:0;width:1px;height:100%;background:#b4c4dc;z-index:0}.layout-menu .menu .grand-li:only-child::after{display:none}.layout-menu .menu .grand-li:last-child::after{height:50%}.layout-menu .menu .grand-li:first-child::after{top:50% !important}.layout-menu .menu .grand-li.rc-menu-item-selected::before{background:#185dff}.layout-menu .menu .grand-li.rc-menu-item-selected .menu-item-label{padding-left:12px;width:100%;height:40px;background:#c5d6ff;border-radius:10px;backdrop-filter:blur(10px);transition:all .3s ease-in-out}.layout-menu .menu .grand-li.rc-menu-item-selected::before{background:#185dff}.layout-menu .menu-collapsed{display:flex;flex-direction:column;align-items:center;list-style:none;cursor:pointer}.layout-menu .menu-collapsed .menu-item-icon{display:inline-block;height:22px;color:#04073b}.layout-menu .menu-collapsed .menu-item-icon:hover{color:#185dff;font-weight:500}.layout-menu .menu-collapsed .submenu-selected{color:#185dff;font-weight:500}.layout-menu .menu-collapsed .menu-item-content{font-weight:400;font-size:14px;margin-top:30px;line-height:24px;text-align:left}.layout-menu .cpc-icon{display:inline-block;height:22px;width:22px}body{overflow:hidden}.layout-warps{display:flex;flex-direction:column;height:100vh;background:linear-gradient(223deg, #fef8ff 0%, #ecf3fe 29%, #f9faff 100%);box-shadow:inset 0px -1px 0px 0px #edeefd}.layout-warps ::-webkit-scrollbar{display:none}.layout-warps .trigger{width:100%;height:30px;background:#f0f4fe;box-shadow:0px 0px 30px 0px rgba(0,0,0,.05);border-radius:4px;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.layout-warps .close-trigger{position:relative;z-index:10;margin-top:12px;width:30px;height:30px;background:#f0f4fe;box-shadow:0px 0px 30px 0px rgba(0,0,0,.05);border-radius:4px;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;cursor:pointer}.layout-warps .search{height:40px;box-shadow:inset 0px 2px 1px 0px rgba(0,0,0,.05),inset 0px -2px 0px 0px rgba(255,255,255,.3);border-radius:10px;backdrop-filter:blur(10px);position:relative;z-index:11}.layout-warps .search .search-bg-mask{position:absolute;top:0;right:0;width:93px;height:38px}.layout-warps .search .search-bg-mask img{width:93px;height:37px}.layout-warps .search .search-input{width:100%;height:100%;background:rgba(0,0,0,0);border:none;outline:none;padding-left:45px;line-height:32px;font-size:14px;color:#7d8295;border-radius:10px;backdrop-filter:blur(10px)}.layout-warps .search .search-input:hover{background:rgba(0,0,0,.05)}.layout-warps .search .search-input::-moz-placeholder{color:#817f9b}.layout-warps .search .search-input::placeholder{color:#817f9b}.layout-warps .search .search-icon{position:absolute;left:12px;top:11px}.layout-warps .search .search-command{position:absolute;right:4px;top:4px;width:40px;height:30px;background:#f0f4fe;border-radius:8px;border:1px solid #eceefc;backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;font-size:14px;color:#4f4b81;line-height:17px}.layout-warps .search-mobile-console{width:40px;height:40px;box-shadow:inset 0px 2px 1px 0px rgba(0,0,0,.05),inset 0px -2px 0px 0px rgba(255,255,255,.3);border-radius:10px;backdrop-filter:blur(10px);padding-top:11px;padding-left:12px;cursor:pointer}.layout-side-mask1{background:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}.layout-side-mask2{background:radial-gradient(152% 131% at 3% 1%, #e8e2fa 0%, #c4d0f3 10%, #afcaf8 25%, #89bff6 49%, #478eed 100%);opacity:.3;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.layout-body{display:flex;flex:1;min-height:0;width:100%;box-sizing:border-box}.layout-body.no-header{padding-top:12px}.sider-top{display:flex;align-items:center;height:30px;position:relative;z-index:11}.layout-side{background:rgba(0,0,0,0) !important;height:100% !important}.layout-side{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:12px;overflow:visible;flex-shrink:0}.layout-header{z-index:1;height:62px;background:linear-gradient(223deg, #faf8ff 0%, #ecf2fe 29%, #ffffff 100%);border-bottom:1px solid #fff;position:relative;display:flex;justify-content:flex-start;align-items:center;padding:0 24px;box-sizing:border-box;flex-shrink:0}.layout-header .header-logo{width:240px;display:flex;align-items:center;cursor:pointer}.layout-header .header-logo .logo-base{height:30px;width:105px}.layout-header .app-name{margin-left:24px;font-weight:500;color:rgba(0,0,0,.65)}.layout-header .layout-header-fill{flex:1}.layout-header .layout-header-actions{display:flex;justify-content:flex-start;align-items:center;height:100%;max-width:400px;z-index:2}.layout-header .layout-header-actions .actions-item{line-height:22px;font-size:14px;height:36px;border-radius:6px;transition:all .3s;cursor:pointer;margin:0 4px;padding:0 4px;display:flex;justify-content:center;align-items:center}.layout-header .layout-header-user{height:48px;display:flex;font-size:14px;justify-content:flex-start;align-items:center;z-index:2;transition:all .3s;padding:4px 12px;margin:0 12px;border-radius:6px;cursor:pointer}.layout-header .layout-header-user:hover{background:rgba(0,0,0,.06)}.layout-header .layout-header-user .avatar{width:40px;height:40px;border-radius:50%;margin-right:12px}.layout-content{flex:1;min-width:0;margin:12px;overflow:auto;border-radius:16px}.rc-menu-collapse{overflow:hidden;transition:height .3s ease-out}.rc-menu-hidden{height:0;overflow:hidden}.lists{position:absolute;z-index:1000;width:88%;background:linear-gradient(223deg, #fef8ff 0%, #ecf3fe 29%, #f9faff 100%);box-shadow:inset 0px -1px 0px 0px #edeefd;color:#000;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:16px;border:1px solid rgba(255,255,255,.08);animation:dropDown .2s ease-out}.lists .ant-list-header{padding:0 0 12px;font-weight:500;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.lists .ant-list-item{color:#000;cursor:pointer;padding:10px 12px;margin:4px 0;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:12px;font-size:14px}.lists .ant-list-item:hover{background:rgba(0,0,0,.08);transform:translateX(2px)}.lists .ant-list-item .search-item-icon{color:rgba(0,0,0,.9);font-size:16px}.lists .ant-list-item .search-item-content{flex:1}.lists .ant-list-item .search-item-title{font-size:14px;color:rgba(0,0,0,.95)}.lists .ant-list-item .search-item-description{font-size:12px;color:rgba(0,0,0,.6);margin-top:2px}.lists .ant-list-item .search-item-shortcut{font-size:12px;color:rgba(0,0,0,.5);background:rgba(0,0,0,.1);padding:2px 6px;border-radius:4px}.down{transform:rotate(0deg);transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.up{transform:rotate(180deg);transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.arrow-transition{transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.arrow-transition.down-to-up{animation:colorRotateUp .4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.arrow-transition.up-to-down{animation:colorRotateDown .4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes colorRotateUp{0%{transform:rotate(0deg) scale(1);color:currentColor}50%{transform:rotate(90deg) scale(1.2);color:#1890ff}100%{transform:rotate(180deg) scale(1);color:currentColor}}@keyframes colorRotateDown{0%{transform:rotate(180deg) scale(1);color:currentColor}50%{transform:rotate(90deg) scale(1.2);color:#1890ff}100%{transform:rotate(0deg) scale(1);color:currentColor}}
|
|
3
3
|
|
|
4
4
|
.basicInfoWrap{padding:0 24px}
|
|
5
5
|
|
|
6
|
-
|
|
7
6
|
.basicInfoWrap{padding:0 24px}
|
|
8
7
|
|
|
8
|
+
.basicInfoWrap{padding:0 24px}.jsonWarp{padding:0px 44px 10px}.tableActionWarp{float:right;margin-bottom:15px}.paginBox{display:flex;justify-content:space-between;align-items:center;margin:10px 0px}.deviceTopTitle{display:flex;align-items:center}.deviceTopTitle .deviceTopDivider{flex:1}.deviceTopTitle .deviceTopButton{margin:0px 5px}
|
|
9
|
+
|
|
10
|
+
.basicInfoWrap{padding:0 24px}.jsonWarp{padding:0px 44px 10px}.tableActionWarp{float:right;margin-bottom:15px}.paginBox{display:flex;justify-content:space-between;align-items:center;margin:10px 0px}.paginBoxNot{display:flex;justify-content:space-between;align-items:center;margin:0px}.deviceTopTitle{display:flex;align-items:center}.deviceTopTitle .deviceTopDivider{flex:1}.deviceTopTitle .deviceTopButton{margin:0px 5px}.deleteBox div{margin-bottom:5px;display:flex}.deleteBox div span:first-child{width:80px;text-align:right;padding-right:15px;box-sizing:border-box}.deleteBox div div{flex:1}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cfel-base-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.0",
|
|
4
4
|
"description": "cfel-base-components",
|
|
5
5
|
"main": "/src/index.tsx",
|
|
6
6
|
"types": "src/index.d.ts",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"dayjs": "^1.11.9",
|
|
61
61
|
"html2canvas": "^1.4.1",
|
|
62
62
|
"qrcode.react": "^3.1.0",
|
|
63
|
+
"rc-menu": "^9.16.1",
|
|
63
64
|
"react-json-view": "^1.21.3",
|
|
64
65
|
"sass": "^1.77.6"
|
|
65
66
|
}
|
|
@@ -71,7 +71,7 @@ ul {
|
|
|
71
71
|
|
|
72
72
|
.layout-menu {
|
|
73
73
|
border-radius: 16px;
|
|
74
|
-
height: calc(100% -
|
|
74
|
+
height: calc(100% - 106px);
|
|
75
75
|
overflow-y: scroll;
|
|
76
76
|
position: relative;
|
|
77
77
|
z-index: 11;
|
|
@@ -476,7 +476,8 @@ body {
|
|
|
476
476
|
|
|
477
477
|
.layout-warps {
|
|
478
478
|
display: flex;
|
|
479
|
-
|
|
479
|
+
flex-direction: column;
|
|
480
|
+
height: 100vh;
|
|
480
481
|
background: linear-gradient(223deg, #fef8ff 0%, #ecf3fe 29%, #f9faff 100%);
|
|
481
482
|
box-shadow: inset 0px -1px 0px 0px #edeefd;
|
|
482
483
|
|
|
@@ -485,8 +486,7 @@ body {
|
|
|
485
486
|
}
|
|
486
487
|
|
|
487
488
|
.trigger {
|
|
488
|
-
|
|
489
|
-
width: 30px;
|
|
489
|
+
width: 100%;
|
|
490
490
|
height: 30px;
|
|
491
491
|
background: #f0f4fe;
|
|
492
492
|
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
|
|
@@ -501,7 +501,7 @@ body {
|
|
|
501
501
|
.close-trigger {
|
|
502
502
|
position: relative;
|
|
503
503
|
z-index: 10;
|
|
504
|
-
margin-top:
|
|
504
|
+
margin-top: 12px;
|
|
505
505
|
width: 30px;
|
|
506
506
|
height: 30px;
|
|
507
507
|
background: #f0f4fe;
|
|
@@ -603,7 +603,6 @@ body {
|
|
|
603
603
|
left: 0;
|
|
604
604
|
width: 100%;
|
|
605
605
|
height: 100%;
|
|
606
|
-
border-radius: 16px;
|
|
607
606
|
z-index: 9;
|
|
608
607
|
}
|
|
609
608
|
|
|
@@ -615,50 +614,63 @@ body {
|
|
|
615
614
|
left: 0;
|
|
616
615
|
width: 100%;
|
|
617
616
|
height: 100%;
|
|
618
|
-
border-radius: 16px;
|
|
619
617
|
z-index: 10;
|
|
620
618
|
}
|
|
621
619
|
|
|
620
|
+
.layout-body {
|
|
621
|
+
display: flex;
|
|
622
|
+
flex: 1;
|
|
623
|
+
min-height: 0;
|
|
624
|
+
width: 100%;
|
|
625
|
+
box-sizing: border-box;
|
|
626
|
+
|
|
627
|
+
&.no-header {
|
|
628
|
+
padding-top: 12px;
|
|
629
|
+
}
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
.sider-top {
|
|
633
|
+
display: flex;
|
|
634
|
+
align-items: center;
|
|
635
|
+
height: 30px;
|
|
636
|
+
position: relative;
|
|
637
|
+
z-index: 11;
|
|
638
|
+
}
|
|
639
|
+
|
|
622
640
|
.layout-side {
|
|
623
641
|
background: transparent !important;
|
|
624
642
|
position: relative;
|
|
625
|
-
height:
|
|
643
|
+
height: 100% !important;
|
|
626
644
|
user-select: none;
|
|
627
|
-
|
|
628
|
-
border-radius: 16px;
|
|
629
|
-
padding-top: 24px;
|
|
645
|
+
padding-top: 12px;
|
|
630
646
|
overflow: visible;
|
|
631
|
-
|
|
632
|
-
.header-logo {
|
|
633
|
-
padding-left: 16px;
|
|
634
|
-
display: flex;
|
|
635
|
-
justify-content: space-between;
|
|
636
|
-
height: 30px;
|
|
637
|
-
position: relative;
|
|
638
|
-
z-index: 11;
|
|
639
|
-
|
|
640
|
-
.logo-sub {
|
|
641
|
-
width: 31px;
|
|
642
|
-
height: 30px;
|
|
643
|
-
}
|
|
644
|
-
|
|
645
|
-
.logo-base {
|
|
646
|
-
height: 30px;
|
|
647
|
-
width: 105px;
|
|
648
|
-
}
|
|
649
|
-
}
|
|
647
|
+
flex-shrink: 0;
|
|
650
648
|
}
|
|
651
649
|
|
|
652
650
|
.layout-header {
|
|
653
651
|
z-index: 1;
|
|
654
652
|
height: $header-height;
|
|
655
653
|
background: linear-gradient(223deg, #faf8ff 0%, #ecf2fe 29%, #ffffff 100%);
|
|
656
|
-
border-
|
|
657
|
-
border: 1px solid #ffffff;
|
|
654
|
+
border-bottom: 1px solid #ffffff;
|
|
658
655
|
position: relative;
|
|
659
656
|
display: flex;
|
|
660
657
|
justify-content: flex-start;
|
|
661
658
|
align-items: center;
|
|
659
|
+
padding: 0 24px;
|
|
660
|
+
box-sizing: border-box;
|
|
661
|
+
flex-shrink: 0;
|
|
662
|
+
|
|
663
|
+
.header-logo {
|
|
664
|
+
width: 240px;
|
|
665
|
+
display: flex;
|
|
666
|
+
align-items: center;
|
|
667
|
+
cursor: pointer;
|
|
668
|
+
|
|
669
|
+
.logo-base {
|
|
670
|
+
height: 30px;
|
|
671
|
+
width: 105px;
|
|
672
|
+
}
|
|
673
|
+
}
|
|
662
674
|
|
|
663
675
|
.app-name {
|
|
664
676
|
margin-left: 24px;
|
|
@@ -720,18 +732,11 @@ body {
|
|
|
720
732
|
}
|
|
721
733
|
}
|
|
722
734
|
|
|
723
|
-
.layout-main {
|
|
724
|
-
flex: 1;
|
|
725
|
-
height: 100%;
|
|
726
|
-
padding-left: 12px;
|
|
727
|
-
overflow: auto;
|
|
728
|
-
}
|
|
729
|
-
|
|
730
735
|
.layout-content {
|
|
731
|
-
|
|
732
|
-
|
|
736
|
+
flex: 1;
|
|
737
|
+
min-width: 0;
|
|
738
|
+
margin: 12px;
|
|
733
739
|
overflow: auto;
|
|
734
|
-
margin-top: 12px;
|
|
735
740
|
border-radius: 16px;
|
|
736
741
|
}
|
|
737
742
|
|
|
@@ -104,10 +104,12 @@ export default function LiosLayout(props: LiosLayoutlProps) {
|
|
|
104
104
|
|
|
105
105
|
const [infoOpen, setInfoOpen] = useState<string | null>(null)
|
|
106
106
|
|
|
107
|
-
const logoUrl =
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
107
|
+
// const logoUrl =
|
|
108
|
+
// type === 'console'
|
|
109
|
+
// ? 'https://cfel-front.oss-cn-hangzhou.aliyuncs.com/logo/company-logo/cfel-logo-white-compress.png'
|
|
110
|
+
// : 'https://cfel-front.oss-cn-hangzhou.aliyuncs.com/logo/company-logo/chengfengerlai.png'
|
|
111
|
+
|
|
112
|
+
const logoUrl = 'https://cdn.chengfengerlai.com/logo/company-logo/cfel-menu-logo-blue.png'
|
|
111
113
|
|
|
112
114
|
const subLogoUrl =
|
|
113
115
|
type === 'console'
|
|
@@ -224,64 +226,109 @@ export default function LiosLayout(props: LiosLayoutlProps) {
|
|
|
224
226
|
|
|
225
227
|
return (
|
|
226
228
|
<Layout className="layout-warps">
|
|
227
|
-
{
|
|
228
|
-
<
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
onClick={() => {
|
|
248
|
-
if (homeEnabled && homeUrl) {
|
|
249
|
-
window.open(homeUrl, '_self')
|
|
250
|
-
}
|
|
251
|
-
}}
|
|
252
|
-
>
|
|
253
|
-
{!collapsed && <img style={{ cursor: homeEnabled ? 'pointer' : 'default' }} className={`logo-base current-logo`} src={logo || logoUrl} />}
|
|
254
|
-
{collapsed && <img style={{ cursor: homeEnabled ? 'pointer' : 'default' }} className={`logo-sub`} src={subLogo || subLogoUrl} />}
|
|
229
|
+
{!isHideHeader && (
|
|
230
|
+
<div className="layout-header">
|
|
231
|
+
<div
|
|
232
|
+
className="header-logo"
|
|
233
|
+
onClick={() => {
|
|
234
|
+
if (homeEnabled && homeUrl) {
|
|
235
|
+
window.open(homeUrl, '_self')
|
|
236
|
+
}
|
|
237
|
+
}}
|
|
238
|
+
>
|
|
239
|
+
<img
|
|
240
|
+
style={{ cursor: homeEnabled ? 'pointer' : 'default' }}
|
|
241
|
+
className="logo-base current-logo"
|
|
242
|
+
src={ logoUrl}
|
|
243
|
+
/>
|
|
244
|
+
</div>
|
|
245
|
+
|
|
246
|
+
{appName && (
|
|
247
|
+
<div className="app-name">
|
|
248
|
+
<strong>{appName}</strong>
|
|
255
249
|
</div>
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
<
|
|
264
|
-
|
|
265
|
-
|
|
250
|
+
)}
|
|
251
|
+
|
|
252
|
+
<div className="layout-header-fill" />
|
|
253
|
+
|
|
254
|
+
<div className="layout-header-actions">
|
|
255
|
+
{actions?.map((item, index) => {
|
|
256
|
+
return (
|
|
257
|
+
<div className="actions-item" key={index}>
|
|
258
|
+
{item}
|
|
259
|
+
</div>
|
|
260
|
+
)
|
|
261
|
+
})}
|
|
266
262
|
</div>
|
|
267
263
|
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
264
|
+
<Popover
|
|
265
|
+
placement="bottom"
|
|
266
|
+
content={
|
|
267
|
+
userCard ?? (
|
|
268
|
+
<UserCard
|
|
269
|
+
myWalletInfo={myWalletInfo}
|
|
270
|
+
MyLoginInfo={MyLoginInfo}
|
|
271
|
+
amountInfo={amountInfo}
|
|
272
|
+
customAction={customAction}
|
|
273
|
+
isCopied={isCopied}
|
|
274
|
+
copyTextToClipboard={copyTextToClipboard}
|
|
275
|
+
/>
|
|
276
|
+
)
|
|
277
|
+
}
|
|
278
|
+
arrow={false}
|
|
279
|
+
trigger="click"
|
|
280
|
+
onOpenChange={(e) => {
|
|
281
|
+
setInfoOpen(e ? 'up' : 'down')
|
|
282
|
+
if (!e) return
|
|
283
|
+
setIsCopied({
|
|
284
|
+
account: false,
|
|
285
|
+
id: false,
|
|
286
|
+
tenantName: false,
|
|
287
|
+
tenantId: false,
|
|
288
|
+
})
|
|
289
|
+
if (myLoginInfoAction) {
|
|
290
|
+
myLoginInfoAction()
|
|
291
|
+
}
|
|
292
|
+
}}
|
|
293
|
+
>
|
|
294
|
+
<div className="layout-header-user">
|
|
295
|
+
<img className="avatar" src={avatar} />
|
|
296
|
+
<div className="name">{name}</div>
|
|
297
|
+
<span
|
|
298
|
+
style={{
|
|
299
|
+
display: 'inline-block',
|
|
300
|
+
marginLeft: '8px',
|
|
275
301
|
}}
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
</div>
|
|
302
|
+
className={`iconfont icon-zhankai ${infoOpen ? (infoOpen === 'up' ? 'up' : 'down') : ''}`}
|
|
303
|
+
></span>
|
|
279
304
|
</div>
|
|
280
|
-
|
|
305
|
+
</Popover>
|
|
306
|
+
</div>
|
|
307
|
+
)}
|
|
281
308
|
|
|
282
|
-
|
|
309
|
+
<Layout>
|
|
310
|
+
<div className={`layout-body${isHideHeader ? ' no-header' : ''}`}>
|
|
311
|
+
{Array.isArray(menuList) && menuList.length > 0 && (
|
|
312
|
+
<Sider
|
|
313
|
+
className="layout-side"
|
|
314
|
+
collapsible
|
|
315
|
+
trigger={null}
|
|
316
|
+
collapsed={collapsed}
|
|
317
|
+
width={260}
|
|
318
|
+
onCollapse={(value) => {
|
|
319
|
+
if (onCollapse) {
|
|
320
|
+
onCollapse(value)
|
|
321
|
+
}
|
|
322
|
+
localStorage.setItem('layout_collapsed', value.toString())
|
|
323
|
+
setCollapsed(value)
|
|
324
|
+
}}
|
|
325
|
+
>
|
|
326
|
+
<div className="layout-side-mask1"></div>
|
|
327
|
+
<div className="layout-side-mask2"></div>
|
|
283
328
|
|
|
284
|
-
|
|
329
|
+
{!collapsed && <div style={{ height: 12 }}></div>}
|
|
330
|
+
|
|
331
|
+
<div style={{ width: '100%', padding: '0 16px' }}>
|
|
285
332
|
<Search
|
|
286
333
|
menuList={menuList}
|
|
287
334
|
collapsed={collapsed}
|
|
@@ -491,76 +538,47 @@ export default function LiosLayout(props: LiosLayoutlProps) {
|
|
|
491
538
|
})}
|
|
492
539
|
</RcMenu>
|
|
493
540
|
</div>
|
|
494
|
-
</Sider>
|
|
495
|
-
)}
|
|
496
541
|
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
542
|
+
<div
|
|
543
|
+
className="sider-top"
|
|
544
|
+
style={{
|
|
545
|
+
display: 'flex',
|
|
546
|
+
justifyContent: 'center',
|
|
547
|
+
padding: '0 16px',
|
|
548
|
+
cursor: 'pointer',
|
|
549
|
+
}}
|
|
550
|
+
>
|
|
551
|
+
{!collapsed && (
|
|
552
|
+
<div
|
|
553
|
+
className="trigger"
|
|
554
|
+
onClick={() => {
|
|
555
|
+
setCollapsed(true)
|
|
556
|
+
}}
|
|
557
|
+
>
|
|
558
|
+
<Arrow collapsed={true} type={type} />
|
|
559
|
+
</div>
|
|
560
|
+
)}
|
|
503
561
|
</div>
|
|
504
|
-
)}
|
|
505
562
|
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
563
|
+
{collapsed && (
|
|
564
|
+
<div style={{ width: '100%', display: 'flex', justifyContent: 'center', cursor: 'pointer' }}>
|
|
565
|
+
<div
|
|
566
|
+
className="close-trigger"
|
|
567
|
+
onClick={() => {
|
|
568
|
+
localStorage.setItem('layout_collapsed', 'false')
|
|
569
|
+
setCollapsed(false)
|
|
570
|
+
}}
|
|
571
|
+
>
|
|
572
|
+
<Arrow collapsed={false} type={type} />
|
|
513
573
|
</div>
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
</
|
|
574
|
+
</div>
|
|
575
|
+
)}
|
|
576
|
+
</Sider>
|
|
577
|
+
)}
|
|
517
578
|
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
userCard ?? (
|
|
522
|
-
<UserCard
|
|
523
|
-
myWalletInfo={myWalletInfo}
|
|
524
|
-
MyLoginInfo={MyLoginInfo}
|
|
525
|
-
amountInfo={amountInfo}
|
|
526
|
-
customAction={customAction}
|
|
527
|
-
isCopied={isCopied}
|
|
528
|
-
copyTextToClipboard={copyTextToClipboard}
|
|
529
|
-
/>
|
|
530
|
-
)
|
|
531
|
-
}
|
|
532
|
-
arrow={false}
|
|
533
|
-
trigger="click"
|
|
534
|
-
onOpenChange={(e) => {
|
|
535
|
-
setInfoOpen(e ? 'up' : 'down')
|
|
536
|
-
if (!e) return
|
|
537
|
-
setIsCopied({
|
|
538
|
-
account: false,
|
|
539
|
-
id: false,
|
|
540
|
-
tenantName: false,
|
|
541
|
-
tenantId: false,
|
|
542
|
-
})
|
|
543
|
-
if (myLoginInfoAction) {
|
|
544
|
-
myLoginInfoAction()
|
|
545
|
-
}
|
|
546
|
-
}}
|
|
547
|
-
>
|
|
548
|
-
<div className="layout-header-user">
|
|
549
|
-
<img className="avatar" src={avatar} />
|
|
550
|
-
<div className="name">{name}</div>
|
|
551
|
-
<span
|
|
552
|
-
style={{
|
|
553
|
-
display: 'inline-block',
|
|
554
|
-
marginLeft: '8px',
|
|
555
|
-
}}
|
|
556
|
-
className={`iconfont icon-zhankai ${infoOpen ? (infoOpen === 'up' ? 'up' : 'down') : ''}`}
|
|
557
|
-
></span>
|
|
558
|
-
</div>
|
|
559
|
-
</Popover>
|
|
560
|
-
</div>
|
|
561
|
-
)}
|
|
562
|
-
<div className="layout-content">{props.children}</div>
|
|
563
|
-
</div>
|
|
579
|
+
<div className="layout-content">{props.children}</div>
|
|
580
|
+
</div>
|
|
581
|
+
</Layout>
|
|
564
582
|
</Layout>
|
|
565
583
|
)
|
|
566
584
|
}
|
|
@@ -263,7 +263,7 @@ export default function Account({ historyAction , DocumentDom}: AccountProps) {
|
|
|
263
263
|
]
|
|
264
264
|
}}
|
|
265
265
|
headerTitle={
|
|
266
|
-
productCode === 'puhui
|
|
266
|
+
productCode === 'puhui' ? (
|
|
267
267
|
<>
|
|
268
268
|
账号列表
|
|
269
269
|
{/* <DocumentEntry documentId={'pc8tgn179k0aky1f'} /> */}
|
|
@@ -301,10 +301,9 @@ export default function Role({ historyAction , DocumentDom }: RoleProps) {
|
|
|
301
301
|
]
|
|
302
302
|
}}
|
|
303
303
|
headerTitle={
|
|
304
|
-
productCode === 'puhui
|
|
304
|
+
productCode === 'puhui' ? (
|
|
305
305
|
<>
|
|
306
306
|
角色列表
|
|
307
|
-
{/* <DocumentEntry documentId={'ovsivik3nchylskc'} /> */}
|
|
308
307
|
<DocumentDom></DocumentDom>
|
|
309
308
|
</>
|
|
310
309
|
) : (
|
package/src/.umi/core/helmet.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// @ts-nocheck
|
|
2
|
-
// This file is generated by Umi automatically
|
|
3
|
-
// DO NOT CHANGE IT MANUALLY!
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { HelmetProvider } from '/Users/lionaillen/Documents/work/cfel/base-components/node_modules/.pnpm/@umijs+renderer-react@4.0.72_react-dom@18.1.0_react@18.1.0__react@18.1.0/node_modules/@umijs/renderer-react';
|
|
6
|
-
import { context } from './helmetContext';
|
|
7
|
-
|
|
8
|
-
export const innerProvider = (container) => {
|
|
9
|
-
return React.createElement(HelmetProvider, { context }, container);
|
|
10
|
-
}
|