cfel-base-components 2.6.9 → 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/cpcRole/index.tsx +0 -1
- 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
|
}
|
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
|
-
}
|