cfel-base-components 2.7.0 → 2.7.1

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.
Files changed (3) hide show
  1. package/lib/index.min.css +1 -1
  2. package/package.json +1 -1
  3. package/src/components/layout/index.scss +1 -1
package/lib/index.min.css CHANGED
@@ -1,5 +1,5 @@
1
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}}
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:#fff;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
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cfel-base-components",
3
- "version": "2.7.0",
3
+ "version": "2.7.1",
4
4
  "description": "cfel-base-components",
5
5
  "main": "/src/index.tsx",
6
6
  "types": "src/index.d.ts",
package/src/components/layout/index.scss CHANGED
@@ -650,7 +650,7 @@ body {
650
650
  .layout-header {
651
651
  z-index: 1;
652
652
  height: $header-height;
653
- background: linear-gradient(223deg, #faf8ff 0%, #ecf2fe 29%, #ffffff 100%);
653
+ background: #ffffff;
654
654
  border-bottom: 1px solid #ffffff;
655
655
  position: relative;
656
656
  display: flex;