zmdms-webui 3.1.1 → 3.1.3

package/dist/es/applayout/index.css

@@ -1 +1 @@
-.zmdms-container{background-color:#e9ecf3}.zmdms-container .zmdms-sider{background-color:#5b76f6;background-repeat:no-repeat;background-size:100% auto;background-size:cover;z-index:102}.zmdms-container .zmdms-content{background-color:#e9ecf3}.zmdms-container .zmdms-content--header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;line-height:48px;padding:0 0 0 10px}.zmdms-container .zmdms-content--header .ant-tabs{flex:1;margin-top:8px;width:calc(100% - 350px)}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab>div{padding:0}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab a{color:#768696;display:inline-block;padding:0 10px 0 20px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-nav{margin-bottom:0}.zmdms-container .zmdms-content--content{height:calc(100vh - 48px);position:relative}.zmdms-container .zmdms-content--header-info{color:#000000a6;display:flex;height:48px;max-width:350px}.zmdms-container .zmdms-content--header-info .full-screen{cursor:pointer;text-align:center;width:36px}.zmdms-container .zmdms-content--header-info .user-operation{align-items:center;cursor:pointer;display:flex;padding:0 12px}.zmdms-container .zmdms-content--header-info .user-operation:hover{background-color:#f7f7f7}.zmdms-container .zmdms-content--header-info .user-operation>span:last-child{color:#000000a6;display:inline-block;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.zmdms-menu{display:flex;flex-direction:column;height:100vh}.zmdms-menu .zmdms-logo{align-items:center;display:block;display:flex;height:48px;padding:9px 0 5px}.zmdms-menu .zmdms-logo.zmdms-logo--line{position:relative;z-index:1000}.zmdms-menu .zmdms-logo.zmdms-logo--line:after{background:#505cbe;content:"";height:29px;position:absolute;right:-.5px;width:1px}.zmdms-menu .zmdms-logo>img{display:block;margin:0 auto;width:78px}.zmdms-menu .zmdms-menu--search{background-color:#5b8af666;position:relative}.zmdms-menu .zmdms-menu--search>input{background-color:#5b8af666;border:none;color:#fff;font-size:13px;height:36px;line-height:36px}.zmdms-menu .zmdms-menu--search>input::placeholder{color:#fff;font-size:13px}.zmdms-menu .zmdms-menu--search .zmdms-menu--search__icon{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:0;top:3px;width:30px}.zmdms-menu .zmdms-menu--main{background:#0000;border-right:none;flex:1;overflow-x:hidden;overflow-y:auto}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-hide-bg .ant-menu-item-selected{background:#1566d2!important}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-item-line .ant-menu-item{height:auto!important;line-height:20px!important;min-height:36px}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-item-line .ant-menu-item .ant-menu-title-content{word-wrap:break-word;display:inline-block;height:auto!important;text-overflow:unset!important;white-space:pre-wrap;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu.ant-menu-submenu-open>.ant-menu-submenu-title{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#5b76f5;background-color:#5b8af666;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0;padding:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:#ffffffa6;right:6px}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-title-content{flex:none;width:88%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub.ant-menu-inline{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected{background:#5b76f5;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu .zmdms-menu--main>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected{background:#5b76f6;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub{padding:0}.zmdms-menu--sub .ant-drawer-content{background:#0000;background-position:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.zmdms-menu--sub .ant-drawer-content .ant-menu{background:#0000;color:#fff}.zmdms-menu--sub.ant-drawer-left>.ant-drawer-content-wrapper{left:-1px}.zmdms-menu--sub .ant-drawer-header{background:#0000;border-bottom:none;padding:0}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title{align-items:center;color:#fff;display:flex;height:48px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title img{width:118px}.zmdms-menu--sub .ant-drawer-body{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;font-size:13px;overflow-x:hidden;padding:0}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu.ant-menu-submenu-inline{border-bottom:1px solid #8d9eff47;padding-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline{background:#0000;padding:0 10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-item,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:13px;height:30px;line-height:30px;margin:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:not(:last-child),.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:last-child,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:last-child{margin-bottom:10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title{color:#fff;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-root>.ant-menu-item-only-child{margin-top:2px}.zmdms-menu--sub .ant-drawer-body .ant-menu-root>.ant-menu-item-only-child .ant-menu-title-content{font-weight:700}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected{background-color:#5b76f5!important;color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub .ant-drawer-footer{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;border-top:1px solid #5670ea;display:flex;height:40px;justify-content:center;line-height:40px;padding:3px 10px}.zmdms-menu--sub .ant-drawer-footer .zt-btn-link{color:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-content,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-content .ant-menu{background:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-header{background:#fff;border-bottom:1px solid #ebf3fe}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-track{background:#fff;border-radius:4px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-thumb{background:#8695a1;border-radius:4px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#727e88}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#000000d9}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item a:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a:hover{color:#5b76f6}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title{color:#000000a6;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow{color:#000000d9}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#5b76f6}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item-selected{background-color:#e6f7ff!important;color:#4285f4!important}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border-top:1px solid #ebf3fe}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-footer .zt-btn-link{color:#4285f4!important}.zmdms-menu--sub.zmdms-menu--sub-item-line .ant-menu-item{height:auto!important;line-height:20px!important;min-height:30px}.zmdms-menu--sub.zmdms-menu--sub-item-line .ant-menu-item .ant-menu-title-content{word-wrap:break-word;display:inline-block;height:auto!important;text-overflow:unset!important;white-space:pre-wrap;width:100%}.logout-spin{background-color:#ffffffb3;bottom:0;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}
+.zmdms-container{background-color:#e9ecf3}.zmdms-container .zmdms-sider{background-color:#5b76f6;background-repeat:no-repeat;background-size:100% auto;background-size:cover;z-index:102}.zmdms-container .zmdms-content{background-color:#e9ecf3}.zmdms-container .zmdms-content--header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;line-height:48px;padding:0 0 0 10px}.zmdms-container .zmdms-content--header .ant-tabs{flex:1;margin-top:8px;width:calc(100% - 350px)}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab>div{padding:0}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab a{color:#768696;display:inline-block;padding:0 20px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab.ant-tabs-tab-with-remove a{padding:0 10px 0 20px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-nav{margin-bottom:0}.zmdms-container .zmdms-content--content{height:calc(100vh - 48px);position:relative}.zmdms-container .zmdms-content--header-info{color:#000000a6;display:flex;height:48px;max-width:350px}.zmdms-container .zmdms-content--header-info .full-screen{cursor:pointer;text-align:center;width:36px}.zmdms-container .zmdms-content--header-info .user-operation{align-items:center;cursor:pointer;display:flex;padding:0 12px}.zmdms-container .zmdms-content--header-info .user-operation:hover{background-color:#f7f7f7}.zmdms-container .zmdms-content--header-info .user-operation>span:last-child{color:#000000a6;display:inline-block;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.zmdms-menu{display:flex;flex-direction:column;height:100vh}.zmdms-menu .zmdms-logo{align-items:center;display:block;display:flex;height:48px;padding:9px 0 5px}.zmdms-menu .zmdms-logo.zmdms-logo--line{position:relative;z-index:1000}.zmdms-menu .zmdms-logo.zmdms-logo--line:after{background:#505cbe;content:"";height:29px;position:absolute;right:-.5px;width:1px}.zmdms-menu .zmdms-logo>img{display:block;margin:0 auto;width:78px}.zmdms-menu .zmdms-menu--search{background-color:#5b8af666;position:relative}.zmdms-menu .zmdms-menu--search>input{background-color:#5b8af666;border:none;color:#fff;font-size:13px;height:36px;line-height:36px}.zmdms-menu .zmdms-menu--search>input::placeholder{color:#fff;font-size:13px}.zmdms-menu .zmdms-menu--search .zmdms-menu--search__icon{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:0;top:3px;width:30px}.zmdms-menu .zmdms-menu--main{background:#0000;border-right:none;flex:1;overflow-x:hidden;overflow-y:auto}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-hide-bg .ant-menu-item-selected{background:#1566d2!important}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-item-line .ant-menu-item{height:auto!important;line-height:20px!important;min-height:36px}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-item-line .ant-menu-item .ant-menu-title-content{word-wrap:break-word;display:inline-block;height:auto!important;text-overflow:unset!important;white-space:pre-wrap;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu.ant-menu-submenu-open>.ant-menu-submenu-title{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#5b76f5;background-color:#5b8af666;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0;padding:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:#ffffffa6;right:6px}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-title-content{flex:none;width:88%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub.ant-menu-inline{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected{background:#5b76f5;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu .zmdms-menu--main>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected{background:#5b76f6;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub{padding:0}.zmdms-menu--sub .ant-drawer-content{background:#0000;background-position:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.zmdms-menu--sub .ant-drawer-content .ant-menu{background:#0000;color:#fff}.zmdms-menu--sub.ant-drawer-left>.ant-drawer-content-wrapper{left:-1px}.zmdms-menu--sub .ant-drawer-header{background:#0000;border-bottom:none;padding:0}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title{align-items:center;color:#fff;display:flex;height:48px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title img{width:118px}.zmdms-menu--sub .ant-drawer-body{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;font-size:13px;overflow-x:hidden;padding:0}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu.ant-menu-submenu-inline{border-bottom:1px solid #8d9eff47;padding-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline{background:#0000;padding:0 10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-item,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:13px;height:30px;line-height:30px;margin:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:not(:last-child),.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:last-child,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:last-child{margin-bottom:10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title{color:#fff;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-root>.ant-menu-item-only-child{margin-top:2px}.zmdms-menu--sub .ant-drawer-body .ant-menu-root>.ant-menu-item-only-child .ant-menu-title-content{font-weight:700}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected{background-color:#5b76f5!important;color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub .ant-drawer-footer{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;border-top:1px solid #5670ea;display:flex;height:40px;justify-content:center;line-height:40px;padding:3px 10px}.zmdms-menu--sub .ant-drawer-footer .zt-btn-link{color:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-content,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-content .ant-menu{background:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-header{background:#fff;border-bottom:1px solid #ebf3fe}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-track{background:#fff;border-radius:4px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-thumb{background:#8695a1;border-radius:4px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#727e88}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#000000d9}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item a:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a:hover{color:#5b76f6}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title{color:#000000a6;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow{color:#000000d9}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#5b76f6}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item-selected{background-color:#e6f7ff!important;color:#4285f4!important}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border-top:1px solid #ebf3fe}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-footer .zt-btn-link{color:#4285f4!important}.zmdms-menu--sub.zmdms-menu--sub-item-line .ant-menu-item{height:auto!important;line-height:20px!important;min-height:30px}.zmdms-menu--sub.zmdms-menu--sub-item-line .ant-menu-item .ant-menu-title-content{word-wrap:break-word;display:inline-block;height:auto!important;text-overflow:unset!important;white-space:pre-wrap;width:100%}.logout-spin{background-color:#ffffffb3;bottom:0;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}

package/dist/es/applayoutheader/appLayoutHeader.d.ts

@@ -16,6 +16,7 @@ interface IProps {
     userInfoCanEdit?: boolean;
     updateUserInfo?: Function;
     preRender?: any;
+    unCloseTabsKey?: any[];
 }
 declare const _default: React__default.NamedExoticComponent<IProps>;
 

package/dist/es/applayoutheader/appLayoutHeader.js

@@ -7,9 +7,9 @@ import { LayoutHeaderContext } from './LayoutHeaderContext.js';
 import { Layout } from 'antd';
 
 var AppLayoutHeader = function (_a) {
-    var tabs = _a.tabs, activeTab = _a.activeTab, deleteTabHandle = _a.deleteTabHandle, deleteTabsHandle = _a.deleteTabsHandle, setActiveTab = _a.setActiveTab, logout = _a.logout, userInfo = _a.userInfo, updatePassword = _a.updatePassword, isSaveState = _a.isSaveState, selfRender = _a.selfRender, userDetail = _a.userDetail, userInfoCanEdit = _a.userInfoCanEdit, updateUserInfo = _a.updateUserInfo, isNewUpdatePwd = _a.isNewUpdatePwd, preRender = _a.preRender;
+    var tabs = _a.tabs, activeTab = _a.activeTab, deleteTabHandle = _a.deleteTabHandle, deleteTabsHandle = _a.deleteTabsHandle, setActiveTab = _a.setActiveTab, logout = _a.logout, userInfo = _a.userInfo, updatePassword = _a.updatePassword, isSaveState = _a.isSaveState, selfRender = _a.selfRender, userDetail = _a.userDetail, userInfoCanEdit = _a.userInfoCanEdit, updateUserInfo = _a.updateUserInfo, isNewUpdatePwd = _a.isNewUpdatePwd, preRender = _a.preRender, unCloseTabsKey = _a.unCloseTabsKey;
     // console.log("layout-header- rerender");
-    return (jsx(Layout.Header, __assign({ className: "zmdms-content--header" }, { children: jsxs(LayoutHeaderContext.Provider, __assign({ value: { userInfo: userInfo } }, { children: [jsx(TabsCom, { tabs: tabs, activeTab: activeTab, deleteTabHandle: deleteTabHandle, deleteTabsHandle: deleteTabsHandle, setActiveTab: setActiveTab, isSaveState: isSaveState }), preRender, jsx(SettingCom, { logout: logout, updatePassword: updatePassword, userDetail: userDetail, userInfoCanEdit: userInfoCanEdit, updateUserInfo: updateUserInfo, isNewUpdatePwd: isNewUpdatePwd }), selfRender] })) })));
+    return (jsx(Layout.Header, __assign({ className: "zmdms-content--header" }, { children: jsxs(LayoutHeaderContext.Provider, __assign({ value: { userInfo: userInfo } }, { children: [jsx(TabsCom, { tabs: tabs, activeTab: activeTab, deleteTabHandle: deleteTabHandle, deleteTabsHandle: deleteTabsHandle, setActiveTab: setActiveTab, isSaveState: isSaveState, unCloseTabsKey: unCloseTabsKey }), preRender, jsx(SettingCom, { logout: logout, updatePassword: updatePassword, userDetail: userDetail, userInfoCanEdit: userInfoCanEdit, updateUserInfo: updateUserInfo, isNewUpdatePwd: isNewUpdatePwd }), selfRender] })) })));
 };
 AppLayoutHeader.displayName = "ZTXK_WEBUI_AppLayoutHeader";
 var AppLayoutHeader$1 = memo(AppLayoutHeader);

package/dist/es/applayoutheader/tabs/index.js

@@ -7,7 +7,7 @@ import MemoTabs from '../../tabs/tabs.js';
 import { Dropdown } from 'antd';
 
 var TabsCom = function (_a) {
-    var tabs = _a.tabs, activeTab = _a.activeTab, deleteTabHandle = _a.deleteTabHandle, setActiveTab = _a.setActiveTab, deleteTabsHandle = _a.deleteTabsHandle, isSaveState = _a.isSaveState;
+    var tabs = _a.tabs, activeTab = _a.activeTab, deleteTabHandle = _a.deleteTabHandle, setActiveTab = _a.setActiveTab, deleteTabsHandle = _a.deleteTabsHandle, isSaveState = _a.isSaveState, unCloseTabsKey = _a.unCloseTabsKey;
     // 点击页签的回调
     var onTabClick = function (key) {
         setActiveTab(key);
@@ -111,9 +111,12 @@ var TabsCom = function (_a) {
                             onRightClickHandle(e.key, tab);
                         },
                     } }, { children: jsx(Link, __assign({ to: tab.path, state: isSaveState ? tab.state : undefined }, { children: tab.label })) }))),
+                closable: unCloseTabsKey
+                    ? !(unCloseTabsKey === null || unCloseTabsKey === void 0 ? void 0 : unCloseTabsKey.includes(tab.key))
+                    : tab.closable,
             };
         });
-    }, [tabs, items, onRightClickHandle, isSaveState]);
+    }, [tabs, items, onRightClickHandle, isSaveState, unCloseTabsKey]);
     // 点击关闭回调
     var onEdit = function (key) {
         remove(key);

package/dist/es/applayoutsider/appLayoutSider.d.ts

@@ -55,6 +55,8 @@ interface ILayoutSiderProps {
     defaultFixed?: boolean;
     /** 只有当主菜单有对应子菜单数据时，点击时才打开子菜单 */
     openOnlyHasSubmenus?: boolean;
+    /** 点击logo事件 */
+    onLogoClick?: () => void;
 }
 declare const _default: React__default.NamedExoticComponent<ILayoutSiderProps>;
 

package/dist/es/applayoutsider/appLayoutSider.js

@@ -16,7 +16,7 @@ var AppLayoutSider = function (props) {
     // 118 宽度改成 134宽度
     _b = props.siderWidth, 
     // 118 宽度改成 134宽度
-    siderWidth = _b === void 0 ? 134 : _b, _c = props.subMenuWidth, subMenuWidth = _c === void 0 ? 162 : _c, addTab = props.addTab, siderBg = props.siderBg, logo = props.logo, logoStyle = props.logoStyle, subMenuLogo = props.subMenuLogo, _d = props.isShowSearchInput, isShowSearchInput = _d === void 0 ? true : _d, apps = props.apps, activeTab = props.activeTab, userMenus = props.userMenus, userSubMenus = props.userSubMenus, mergeSystemIds = props.mergeSystemIds, postMergeSystemIds = props.postMergeSystemIds, drawerTitle = props.drawerTitle, selectMainMenu = props.selectMainMenu, menuJoinRule = props.menuJoinRule, renderItem = props.renderItem, defaultVisible = props.defaultVisible, defaultFixed = props.defaultFixed, openOnlyHasSubmenus = props.openOnlyHasSubmenus, hideSubMenuBg = props.hideSubMenuBg, menuItemLine = props.menuItemLine, subMenuItemLine = props.subMenuItemLine, bottomContainer = props.bottomContainer;
+    siderWidth = _b === void 0 ? 134 : _b, _c = props.subMenuWidth, subMenuWidth = _c === void 0 ? 162 : _c, addTab = props.addTab, siderBg = props.siderBg, logo = props.logo, logoStyle = props.logoStyle, subMenuLogo = props.subMenuLogo, _d = props.isShowSearchInput, isShowSearchInput = _d === void 0 ? true : _d, apps = props.apps, activeTab = props.activeTab, userMenus = props.userMenus, userSubMenus = props.userSubMenus, mergeSystemIds = props.mergeSystemIds, postMergeSystemIds = props.postMergeSystemIds, drawerTitle = props.drawerTitle, selectMainMenu = props.selectMainMenu, menuJoinRule = props.menuJoinRule, renderItem = props.renderItem, defaultVisible = props.defaultVisible, defaultFixed = props.defaultFixed, openOnlyHasSubmenus = props.openOnlyHasSubmenus, hideSubMenuBg = props.hideSubMenuBg, menuItemLine = props.menuItemLine, subMenuItemLine = props.subMenuItemLine, bottomContainer = props.bottomContainer, onLogoClick = props.onLogoClick;
     // 当前选中的主菜单item
     var _e = useState([]), mainMenuSelectedKeys = _e[0], setMainMenuSelectedKeys = _e[1];
     // 内部二级菜单管理
@@ -74,7 +74,7 @@ var AppLayoutSider = function (props) {
                 menuJoinRule: menuJoinRule,
                 getNewPath: getNewPath,
                 renderItem: renderItem,
-            } }, { children: jsx(Menu, { width: siderWidth, subMenuWidth: subMenuWidth, layoutSiderRef: layoutSiderRef, addTab: addTab, logo: logo, logoStyle: logoStyle, subMenuLogo: subMenuLogo, getPrefixByAppId: getPrefixByAppId, defaultVisible: defaultVisible, openOnlyHasSubmenus: openOnlyHasSubmenus, defaultFixed: defaultFixed, isShowSearchInput: isShowSearchInput, hideSubMenuBg: hideSubMenuBg, menuItemLine: menuItemLine, subMenuItemLine: subMenuItemLine, bottomContainer: bottomContainer }) })) })));
+            } }, { children: jsx(Menu, { width: siderWidth, subMenuWidth: subMenuWidth, layoutSiderRef: layoutSiderRef, addTab: addTab, logo: logo, logoStyle: logoStyle, subMenuLogo: subMenuLogo, getPrefixByAppId: getPrefixByAppId, defaultVisible: defaultVisible, openOnlyHasSubmenus: openOnlyHasSubmenus, defaultFixed: defaultFixed, isShowSearchInput: isShowSearchInput, hideSubMenuBg: hideSubMenuBg, menuItemLine: menuItemLine, subMenuItemLine: subMenuItemLine, bottomContainer: bottomContainer, onLogoClick: onLogoClick }) })) })));
 };
 AppLayoutSider.displayName = "ZTXK_WEBUI_AppLayoutSider";
 var AppLayoutSider$1 = memo(AppLayoutSider);

package/dist/es/applayoutsider/menu/Logo.js

@@ -4,11 +4,11 @@ import { memo } from 'react';
 import classNames from '../../node_modules/classnames/index.js';
 
 var Logo = function (_a) {
-    var logo = _a.logo, showLine = _a.showLine, style = _a.style;
+    var logo = _a.logo, showLine = _a.showLine, style = _a.style, onClick = _a.onClick;
     var classes = classNames("zmdms-logo", {
         "zmdms-logo--line": showLine,
     });
-    return (jsx("div", __assign({ className: classes }, { children: jsx("img", { src: logo, title: "\u6D59\u6C5F\u4EA4\u901A\u96C6\u56E2", alt: "cico_logo", style: style }) })));
+    return (jsx("div", __assign({ className: classes }, { children: jsx("img", { src: logo, title: "\u6D59\u6C5F\u4EA4\u901A\u96C6\u56E2", alt: "cico_logo", style: style, onClick: onClick }) })));
 };
 var Logo$1 = memo(Logo);
 

package/dist/es/applayoutsider/menu/index.js

@@ -7,7 +7,7 @@ import MainMenu from './MainMenu.js';
 import SubMenu from './SubMenu.js';
 
 var MenuCom = function (props) {
-    var width = props.width, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, addTab = props.addTab, logo = props.logo, logoStyle = props.logoStyle, getPrefixByAppId = props.getPrefixByAppId, subMenuLogo = props.subMenuLogo, _a = props.defaultVisible, defaultVisible = _a === void 0 ? false : _a, openOnlyHasSubmenus = props.openOnlyHasSubmenus, defaultFixed = props.defaultFixed, isShowSearchInput = props.isShowSearchInput, hideSubMenuBg = props.hideSubMenuBg, menuItemLine = props.menuItemLine, subMenuItemLine = props.subMenuItemLine, bottomContainer = props.bottomContainer;
+    var width = props.width, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, addTab = props.addTab, logo = props.logo, logoStyle = props.logoStyle, getPrefixByAppId = props.getPrefixByAppId, subMenuLogo = props.subMenuLogo, _a = props.defaultVisible, defaultVisible = _a === void 0 ? false : _a, openOnlyHasSubmenus = props.openOnlyHasSubmenus, defaultFixed = props.defaultFixed, isShowSearchInput = props.isShowSearchInput, hideSubMenuBg = props.hideSubMenuBg, menuItemLine = props.menuItemLine, subMenuItemLine = props.subMenuItemLine, bottomContainer = props.bottomContainer, onLogoClick = props.onLogoClick;
     // 二级菜单是否显示
     var _b = useState(defaultVisible), visible = _b[0], setVisible = _b[1];
     // 二级菜单Ref对象
@@ -27,7 +27,7 @@ var MenuCom = function (props) {
         var _a;
         (_a = subMenu.current) === null || _a === void 0 ? void 0 : _a.setVisible(false);
     }, []);
-    return (jsxs("div", __assign({ className: "zmdms-menu", onMouseLeave: onMouseLeave }, { children: [jsx(Logo, { logo: logo, showLine: visible && !hideSubMenuBg, style: logoStyle }), isShowSearchInput && jsx(SearchInput, { setVisible: setVisible }), jsx(MainMenu, { onMouseEnter: onMouseEnter, addTab: addTab, getPrefixByAppId: getPrefixByAppId, subMenu: subMenu, hideSubMenuBg: hideSubMenuBg, menuItemLine: menuItemLine }), jsx(SubMenu, { ref: subMenu, marginLeft: width, subMenuWidth: subMenuWidth, layoutSiderRef: layoutSiderRef, addTab: addTab, getPrefixByAppId: getPrefixByAppId, subMenuLogo: subMenuLogo, visible: visible, setVisible: setVisible, defaultFixed: defaultFixed, hideSubMenuBg: hideSubMenuBg, subMenuItemLine: subMenuItemLine, openOnlyHasSubmenus: openOnlyHasSubmenus }), bottomContainer] })));
+    return (jsxs("div", __assign({ className: "zmdms-menu", onMouseLeave: onMouseLeave }, { children: [jsx(Logo, { logo: logo, showLine: visible && !hideSubMenuBg, style: logoStyle, onClick: onLogoClick }), isShowSearchInput && jsx(SearchInput, { setVisible: setVisible }), jsx(MainMenu, { onMouseEnter: onMouseEnter, addTab: addTab, getPrefixByAppId: getPrefixByAppId, subMenu: subMenu, hideSubMenuBg: hideSubMenuBg, menuItemLine: menuItemLine }), jsx(SubMenu, { ref: subMenu, marginLeft: width, subMenuWidth: subMenuWidth, layoutSiderRef: layoutSiderRef, addTab: addTab, getPrefixByAppId: getPrefixByAppId, subMenuLogo: subMenuLogo, visible: visible, setVisible: setVisible, defaultFixed: defaultFixed, hideSubMenuBg: hideSubMenuBg, subMenuItemLine: subMenuItemLine, openOnlyHasSubmenus: openOnlyHasSubmenus }), bottomContainer] })));
 };
 var Menu = memo(MenuCom);
 

package/dist/es/asyncdynamicsetting/asyncDynamicDrawer.js

@@ -0,0 +1,281 @@
+import { __assign, __spreadArray } from '../_virtual/_tslib.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { memo, forwardRef, useMemo, useImperativeHandle, useCallback } from 'react';
+import update from '../node_modules/immutability-helper/index.js';
+import { useAsyncDynamic } from './useAsyncDynamic.js';
+import { useAsyncDrawer } from './useAsyncDrawer.js';
+import MoreConfig from './moreConfig.js';
+import useSearch from './useSearch.js';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
+import '../config/MyStorage.js';
+import { useLatest } from 'ahooks';
+import { createStorageAdapter } from './storage/index.js';
+import myMessage from '../message/index.js';
+import Input from '../input/input.js';
+import ButtonCom from '../button/button.js';
+import Sortable from '../sortable/sortable.js';
+import { Drawer, Checkbox } from 'antd';
+import SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingOutlined.js';
+
+// 工具函数，排序分区
+var sortDynamicListByType = function (list) {
+    var dimensionList = list.filter(function (item) { return item.isDimension; });
+    var fieldList = list.filter(function (item) { return !item.isDimension; });
+    var leftList = fieldList.filter(function (item) { return item.fixed === "left"; });
+    var middleList = fieldList.filter(function (item) { return !item.fixed; });
+    var rightList = fieldList.filter(function (item) { return item.fixed === "right"; });
+    return __spreadArray(__spreadArray(__spreadArray(__spreadArray([], dimensionList, true), leftList, true), middleList, true), rightList, true);
+};
+var AsyncDynamicDrawer = function (props, ref) {
+    var list = props.list, dynamicKey = props.dynamicKey, parentDynamicKey = props.parentDynamicKey, _a = props.title, title = _a === void 0 ? "自定义配置" : _a, onCurrentListChange = props.onCurrentListChange, isMore = props.isMore, isFixed = props.isFixed, isDimensionDynamic = props.isDimensionDynamic, isSearch = props.isSearch, storageConfig = props.storageConfig;
+    var enableDynamicColumnSearch = useBaseContext().enableDynamicColumnSearch;
+    // 是否开启搜索功能
+    var isDynamicColumnSearchEnabled = enableDynamicColumnSearch
+        ? isSearch !== false
+        : !!isSearch;
+    // 创建存储适配器
+    var adapter = useMemo(function () { return createStorageAdapter(storageConfig); }, [storageConfig]);
+    // 使用异步动态配置 hook
+    var _b = useAsyncDynamic(dynamicKey, parentDynamicKey, list, adapter), currentDynamicList = _b.currentDynamicList, setCurrentDynamicList = _b.setCurrentDynamicList, tempDynamicList = _b.tempDynamicList, setTempDynamicList = _b.setTempDynamicList, isReady = _b.isReady;
+    var _c = useAsyncDrawer(currentDynamicList, setCurrentDynamicList, dynamicKey, parentDynamicKey, setTempDynamicList, list, onCurrentListChange, adapter), visible = _c.visible, setVisible = _c.setVisible, onClose = _c.onClose, onReset = _c.onReset, onSure = _c.onSure;
+    // 向外部暴露方法
+    useImperativeHandle(ref, function () {
+        return {
+            setVisible: setVisible,
+            onSure: onSure,
+            onReset: onReset,
+            isReady: function () { return isReady; },
+        };
+    }, [isReady, setVisible, onSure, onReset]);
+    // 根据item的checked 获取当前选中项
+    var checkedValues = useMemo(function () {
+        var _checkedValues = [];
+        tempDynamicList.forEach(function (item) {
+            if (item.checked) {
+                _checkedValues.push(item.key);
+            }
+        });
+        return _checkedValues;
+    }, [tempDynamicList]);
+    var _d = useSearch(tempDynamicList, checkedValues, isDimensionDynamic), onSearchHandle = _d.onSearchHandle, onCheckBtn = _d.onCheckBtn, filterDynamicColumns = _d.filterDynamicColumns;
+    var filterDynamicColumnsRef = useLatest(filterDynamicColumns);
+    // 根据isDimension分区
+    var _e = useMemo(function () {
+        var dynamicList = tempDynamicList;
+        if (filterDynamicColumns) {
+            dynamicList = tempDynamicList.filter(function (item) {
+                return filterDynamicColumns.find(function (i) { return i.key === item.key; });
+            });
+        }
+        var dimensionList = dynamicList.filter(function (item) { return item.isDimension; });
+        var fieldList = dynamicList.filter(function (item) { return !item.isDimension; });
+        return { dimensionList: dimensionList, fieldList: fieldList };
+    }, [tempDynamicList, filterDynamicColumns]), dimensionList = _e.dimensionList, fieldList = _e.fieldList;
+    // 排序优先级判断
+    var isDimensionPriority = useCallback(function (dragIndex, hoverIndex) {
+        var isUp = dragIndex < hoverIndex;
+        var startIndex = isUp ? dragIndex : hoverIndex;
+        var endIndex = isUp ? hoverIndex : dragIndex;
+        var oldItem = tempDynamicList[startIndex];
+        var dragItem = tempDynamicList[endIndex];
+        var oldGroup = oldItem === null || oldItem === void 0 ? void 0 : oldItem.dimensionGroup;
+        var dragGroup = dragItem === null || dragItem === void 0 ? void 0 : dragItem.dimensionGroup;
+        if (oldGroup !== dragGroup) {
+            return true;
+        }
+        if ((oldItem === null || oldItem === void 0 ? void 0 : oldItem.dimensionPriority) !== undefined &&
+            (dragItem === null || dragItem === void 0 ? void 0 : dragItem.dimensionPriority) !== undefined) {
+            if ((oldItem === null || oldItem === void 0 ? void 0 : oldItem.dimensionPriority) < (dragItem === null || dragItem === void 0 ? void 0 : dragItem.dimensionPriority)) {
+                myMessage.warning("".concat(dragItem === null || dragItem === void 0 ? void 0 : dragItem.label, "\u4E0D\u80FD\u6392\u5E8F\u5230").concat(oldItem === null || oldItem === void 0 ? void 0 : oldItem.label).concat(isUp ? "前面" : "后面"));
+                return false;
+            }
+        }
+        return true;
+    }, [tempDynamicList]);
+    // 拖拽
+    var onMoveItem = useCallback(function (dragIndex, hoverIndex) {
+        if (filterDynamicColumnsRef.current) {
+            return;
+        }
+        if (!isDimensionPriority(dragIndex, hoverIndex)) {
+            return;
+        }
+        setTempDynamicList(function (preDynamicList) {
+            var dragCard = preDynamicList[dragIndex];
+            var currentList = update(preDynamicList, {
+                $splice: [
+                    [dragIndex, 1],
+                    [hoverIndex, 0, dragCard],
+                ],
+            });
+            return sortDynamicListByType(currentList);
+        });
+    }, [setTempDynamicList, isDimensionPriority, filterDynamicColumnsRef]);
+    // 子元素拖拽
+    var onChildMoveItem = useCallback(function (pIndex, pKey) {
+        return function (dragIndex, hoverIndex) {
+            if (filterDynamicColumnsRef.current) {
+                return;
+            }
+            setTempDynamicList(function (preDynamicList) {
+                var newDynamicList = preDynamicList.map(function (item) { return (__assign({}, item)); }) || [];
+                var changeCList = newDynamicList[pIndex].children || [];
+                var dragCard = changeCList[dragIndex];
+                var currentList = update(changeCList, {
+                    $splice: [
+                        [dragIndex, 1],
+                        [hoverIndex, 0, dragCard],
+                    ],
+                });
+                newDynamicList[pIndex].children = currentList;
+                var leftList = newDynamicList.filter(function (item) { return item.fixed === "left"; });
+                var middleList = newDynamicList.filter(function (item) { return !item.fixed; });
+                var rightList = newDynamicList.filter(function (item) { return item.fixed === "right"; });
+                return __spreadArray(__spreadArray(__spreadArray([], leftList, true), middleList, true), rightList, true);
+            });
+        };
+    }, [setTempDynamicList, filterDynamicColumnsRef]);
+    // 确认
+    var onSureHandle = function () {
+        onSure && onSure(tempDynamicList);
+    };
+    var onCheckboxChange = function (checkedValues) {
+        var prevCheckedKeys = new Set(checkedValues.filter(function (key) {
+            var item = tempDynamicList.find(function (d) { return d.key === key; });
+            return item && item.checked;
+        }));
+        var currentCheckedKeys = new Set(checkedValues);
+        var changedKey = null;
+        var isChecked = false;
+        for (var _i = 0, checkedValues_1 = checkedValues; _i < checkedValues_1.length; _i++) {
+            var key = checkedValues_1[_i];
+            if (!prevCheckedKeys.has(key)) {
+                changedKey = key;
+                isChecked = true;
+                break;
+            }
+        }
+        if (!changedKey) {
+            for (var _a = 0, tempDynamicList_1 = tempDynamicList; _a < tempDynamicList_1.length; _a++) {
+                var item = tempDynamicList_1[_a];
+                if (item.checked && !currentCheckedKeys.has(item.key)) {
+                    changedKey = item.key;
+                    isChecked = false;
+                    break;
+                }
+            }
+        }
+        var exclusiveMap = {};
+        tempDynamicList.forEach(function (item) {
+            var key = item.key;
+            var exclusiveKeys = (item.dimensionExclusive || "")
+                .split(",")
+                .map(function (k) { return k.trim(); })
+                .filter(Boolean);
+            exclusiveMap[key] = new Set(__spreadArray([key], exclusiveKeys, true));
+        });
+        var hasConflict = false;
+        for (var i = 0; i < checkedValues.length; i++) {
+            for (var j = i + 1; j < checkedValues.length; j++) {
+                var keyA = checkedValues[i];
+                var keyB = checkedValues[j];
+                if (exclusiveMap[keyA] && exclusiveMap[keyA].has(keyB)) {
+                    hasConflict = true;
+                    break;
+                }
+            }
+            if (hasConflict)
+                break;
+        }
+        if (hasConflict) {
+            myMessage.warning("所选项存在互斥关系，不能同时勾选！");
+            return;
+        }
+        var newDynamicList = tempDynamicList.map(function (item) {
+            var isItemChecked = checkedValues.includes(item.key);
+            var newItem = __assign(__assign({}, item), { checked: isItemChecked });
+            if (item.key === changedKey &&
+                item.children &&
+                item.children.length > 0) {
+                newItem.children = item.children.map(function (child) { return (__assign(__assign({}, child), { checked: isChecked })); });
+            }
+            else if (item.children && item.children.length > 0) {
+                newItem.children = item.children.map(function (child) { return (__assign({}, child)); });
+            }
+            return newItem;
+        });
+        setTempDynamicList(newDynamicList);
+    };
+    var onChildCheckboxChange = function (checkedValues, pIndex) {
+        var _a, _b;
+        var newDynamicList = tempDynamicList.map(function (item) { return (__assign({}, item)); }) || [];
+        var changeCList = ((_b = (_a = newDynamicList[pIndex].children) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, function (item) { return (__assign({}, item)); })) ||
+            [];
+        changeCList.forEach(function (item) {
+            if (!checkedValues.find(function (value) { return value === item.key; })) {
+                item.checked = false;
+            }
+            else {
+                item.checked = true;
+            }
+        });
+        newDynamicList[pIndex].children = changeCList;
+        var someChildrenChecked = changeCList.some(function (child) { return child.checked; });
+        if (someChildrenChecked) {
+            newDynamicList[pIndex].checked = true;
+        }
+        else {
+            newDynamicList[pIndex].checked = false;
+        }
+        setTempDynamicList(sortDynamicListByType(newDynamicList));
+    };
+    var onMoreChange = function (key, result) {
+        var newDynamicList = tempDynamicList.map(function (item) { return (__assign({}, item)); }) || [];
+        var currentIndex = newDynamicList.findIndex(function (item) { return key === item.key; });
+        var currentItem = newDynamicList[currentIndex];
+        if (currentItem.fixed === result.fixed &&
+            currentItem.isDimensionSum === result.isDimensionSum) {
+            return;
+        }
+        currentItem.fixed = result.fixed;
+        currentItem.isDimensionSum = result.isDimensionSum;
+        setTempDynamicList(sortDynamicListByType(newDynamicList));
+    };
+    // 渲染区块
+    var renderSection = function (list, indexOffset, title) {
+        if (indexOffset === void 0) { indexOffset = 0; }
+        if (!list.length)
+            return null;
+        return (jsxs("div", { children: [title && jsx("div", __assign({ className: "dynamic-drawer-section-title" }, { children: title })), list.map(function (item, index) {
+                    var key = item.key, disabled = item.disabled, label = item.label, fixed = item.fixed, children = item.children, isDimensionSum = item.isDimensionSum, isDimension = item.isDimension;
+                    var childrenCheckedValues = [];
+                    var isIndeterminate = false;
+                    if (Array.isArray(children) && children.length > 0) {
+                        children.forEach(function (item) {
+                            if (item.checked) {
+                                childrenCheckedValues.push(item.key);
+                            }
+                        });
+                        var hasChecked = childrenCheckedValues.length > 0;
+                        var allChecked = childrenCheckedValues.length === children.length;
+                        isIndeterminate = hasChecked && !allChecked;
+                    }
+                    return (jsxs(Sortable.Item, __assign({ type: "search-drawer", index: indexOffset + index, id: key, onMoveItem: onMoveItem, className: "zt-sortable-new" }, { children: [jsxs("div", __assign({ className: "zt-sortable--item dynamic-drawer-card" }, { children: [jsx(Checkbox, __assign({ value: key, disabled: disabled, indeterminate: isIndeterminate }, { children: label || key })), isMore && (!children || children.length === 0) && (jsx(MoreConfig, { fixed: fixed || "", isDimensionSum: isDimensionSum, onChange: function (result) {
+                                            onMoreChange(key, result);
+                                        }, isSum: isDimension, isFixed: isFixed }))] })), Array.isArray(children) && children.length > 0 ? (jsx("div", __assign({ className: "zt-sortable--children dynamic-drawer-children", style: { marginLeft: 32, marginBottom: 8 } }, { children: jsx(Checkbox.Group, __assign({ value: childrenCheckedValues, onChange: function (checkedValues) {
+                                        onChildCheckboxChange(checkedValues, tempDynamicList.indexOf(item));
+                                    } }, { children: children.map(function (cItem, cIndex) {
+                                        var cKey = cItem.key, cLabel = cItem.label, cDisabled = cItem.disabled;
+                                        return (jsx(Sortable.Item, __assign({ id: key, type: "search-drawer-".concat(key), index: cIndex, onMoveItem: onChildMoveItem(tempDynamicList.indexOf(item), key), className: "zt-sortable-new" }, { children: jsx("div", __assign({ className: "dynamic-drawer-card dynamic-drawer-child-card" }, { children: jsx(Checkbox, __assign({ value: cKey, disabled: cDisabled }, { children: cLabel || cKey })) })) }), cKey));
+                                    }) })) }))) : null] }), key));
+                })] }));
+    };
+    /**底部按钮 */
+    var renderFooter = function () { return (jsxs(Fragment, { children: [jsx(ButtonCom, __assign({ type: "default", onClick: onClose }, { children: "\u53D6\u6D88" })), jsx(ButtonCom, __assign({ type: "default", onClick: onReset }, { children: "\u91CD\u7F6E" })), jsx(ButtonCom, __assign({ type: "primary", onClick: onSureHandle }, { children: "\u786E\u5B9A" }))] })); };
+    return (jsx(Drawer, __assign({ className: "dynamic-drawer", title: jsxs("div", { children: [jsx(SettingOutlined, { style: { fontSize: 16 } }), jsxs("span", __assign({ className: "search-drawer--title-text" }, { children: [title, jsx("span", { children: "\uFF08\u62D6\u62FD\u6392\u5E8F\uFF09" })] }))] }), width: 300, placement: "right", open: visible, closable: false, maskClosable: false, footer: renderFooter() }, { children: jsxs("div", __assign({ className: "search-drawer--filter" }, { children: [isDynamicColumnSearchEnabled ? (jsxs("div", __assign({ className: "search-drawer--filter-input" }, { children: [jsx(Input.Search, { placeholder: "\u641C\u7D22", onSearch: onSearchHandle }), jsx(ButtonCom, __assign({ type: "default", className: "selector-all", loading: false, onClick: function () { return onCheckBtn("all", onCheckboxChange); } }, { children: "\u5168\u9009" })), jsx(ButtonCom, __assign({ type: "default", className: "selector-inverse", loading: false, onClick: function () { return onCheckBtn("inverse", onCheckboxChange); } }, { children: "\u53CD\u9009" }))] }))) : null, jsx(Checkbox.Group, __assign({ value: checkedValues, onChange: onCheckboxChange }, { children: jsxs(Sortable, { children: [isDimensionDynamic && renderSection(dimensionList, 0, "维度配置"), renderSection(fieldList, dimensionList.length, isDimensionDynamic ? "字段配置" : undefined)] }) }))] })) })));
+};
+AsyncDynamicDrawer.displayName = "ZTXK_WEBUI_AsyncDynamicDrawer";
+var AsyncDynamicDrawer$1 = memo(forwardRef(AsyncDynamicDrawer));
+
+export { AsyncDynamicDrawer$1 as default };

package/dist/es/asyncdynamicsetting/asyncDynamicSetting.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IAsyncDynamicSettingProps, IRef } from './interface.js';
+
+declare const _default: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<IAsyncDynamicSettingProps & React__default.RefAttributes<IRef>>>;
+
+export { _default as default };

package/dist/es/asyncdynamicsetting/asyncDynamicSetting.js

@@ -0,0 +1,76 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { memo, forwardRef, useState, useRef, useImperativeHandle } from 'react';
+import AsyncDynamicDrawer from './asyncDynamicDrawer.js';
+import { createStorageAdapter } from './storage/index.js';
+import { getCurrentDynamicItems } from './useAsyncDynamic.js';
+import SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingOutlined.js';
+
+/**
+ * AsyncDynamicSetting 组件
+ * 支持使用 localStorage 或 IndexedDB 存储动态配置
+ *
+ * @example
+ * ```tsx
+ * // 使用 localStorage (默认)
+ * <AsyncDynamicSetting
+ *   parentDynamicKey="parent_key"
+ *   dynamicKey="child_key"
+ *   defaultList={list}
+ *   onCurrentListChange={handleChange}
+ * />
+ *
+ * // 使用 IndexedDB
+ * <AsyncDynamicSetting
+ *   parentDynamicKey="parent_key"
+ *   dynamicKey="child_key"
+ *   defaultList={list}
+ *   storageConfig={{ type: 'indexedDB' }}
+ *   onCurrentListChange={handleChange}
+ *   onStorageReady={(ready) => console.log('Ready:', ready)}
+ * />
+ * ```
+ */
+var AsyncDynamicSetting = function (props, ref) {
+    var dynamicKey = props.dynamicKey, parentDynamicKey = props.parentDynamicKey, defaultList = props.defaultList, children = props.children, title = props.title, onCurrentListChange = props.onCurrentListChange, hiddenOperationIcon = props.hiddenOperationIcon, isMore = props.isMore, isFixed = props.isFixed, isDimensionDynamic = props.isDimensionDynamic, storageConfig = props.storageConfig, onStorageReady = props.onStorageReady;
+    // 内部初始list
+    var _a = useState(defaultList), list = _a[0], setList = _a[1];
+    var drawerRef = useRef({});
+    // 创建存储适配器
+    var adapter = React__default.useMemo(function () { return createStorageAdapter(storageConfig); }, [storageConfig]);
+    useImperativeHandle(ref, function () {
+        return {
+            // 获取当前列配置信息
+            getCurrentDynamicList: function (list) {
+                return getCurrentDynamicItems(adapter, dynamicKey, parentDynamicKey, list);
+            },
+            // 重置list
+            setList: setList,
+            // 开启动态列配置
+            setVisible: function (visible) {
+                var _a;
+                (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(visible);
+            },
+            // 外部更新数据
+            updateList: function (list) {
+                var _a;
+                (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.onSure(list);
+            },
+            // 重置数据
+            resetList: function () {
+                var _a;
+                (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.onReset();
+            },
+            // 判断是否已准备就绪
+            isReady: function () {
+                var _a, _b, _c;
+                return (_c = (_b = (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.isReady) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : false;
+            },
+        };
+    }, [adapter, dynamicKey, parentDynamicKey]);
+    return Array.isArray(list) && list.length > 0 ? (jsxs("div", __assign({ className: "ztxk-dynamic-setting" }, { children: [hiddenOperationIcon ? null : (jsx("div", __assign({ onClick: function () { var _a; return (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.setVisible(true); } }, { children: children ? (children) : (jsx(SettingOutlined, { style: { fontSize: 18, color: "#768696" } })) }))), jsx(AsyncDynamicDrawer, { list: list, dynamicKey: dynamicKey, parentDynamicKey: parentDynamicKey, ref: drawerRef, title: title, onCurrentListChange: onCurrentListChange, isFixed: isFixed, isMore: isMore, isDimensionDynamic: isDimensionDynamic, storageConfig: storageConfig, onStorageReady: onStorageReady })] }))) : null;
+};
+AsyncDynamicSetting.displayName = "ZTXK_WEBUI_AsyncDynamicSetting";
+var AsyncDynamicSetting$1 = memo(forwardRef(AsyncDynamicSetting));
+
+export { AsyncDynamicSetting$1 as default };

package/dist/es/asyncdynamicsetting/index.d.ts

@@ -0,0 +1,5 @@
+import _default from './asyncDynamicSetting.js';
+
+
+
+export { _default as default };

package/dist/es/asyncdynamicsetting/index.js

@@ -0,0 +1,8 @@
+import AsyncDynamicSetting from './asyncDynamicSetting.js';
+export { createStorageAdapter } from './storage/index.js';
+export { LocalStorageAdapter } from './storage/localStorageAdapter.js';
+export { IndexedDBAdapter } from './storage/indexedDBAdapter.js';
+
+
+
+export { AsyncDynamicSetting as default };

package/dist/es/asyncdynamicsetting/interface.d.ts

@@ -0,0 +1,74 @@
+import React__default from 'react';
+
+interface IDynamicItem {
+    key: string;
+    label?: React__default.ReactNode;
+    disabled?: boolean;
+    checked?: boolean;
+    children?: IDynamicItem[];
+    indexs?: number[];
+    filter?: IFilter;
+    isDimension?: boolean;
+    dimensionPriority?: number;
+    /** 维度优先级分组，同组内遵循 dimensionPriority，跨组不比较 */
+    dimensionGroup?: string;
+    dimensionExclusive?: string;
+    isDimensionSum?: boolean;
+    [props: string]: any;
+}
+interface IFilter {
+    input?: string;
+    checkbox?: React__default.Key[];
+}
+/**
+ * 存储类型
+ */
+type StorageType = "localStorage" | "indexedDB";
+/**
+ * 存储配置
+ */
+interface IStorageConfig {
+    /** 存储类型 */
+    type: StorageType;
+    /** IndexedDB 数据库名称 (仅当 type='indexedDB' 时有效) */
+    dbName?: string;
+    /** IndexedDB 存储名称 (仅当 type='indexedDB' 时有效) */
+    storeName?: string;
+}
+interface IAsyncDynamicSettingProps {
+    parentDynamicKey: string;
+    dynamicKey: string;
+    defaultList: IDynamicItem[];
+    onCurrentListChange?: (currentList: IDynamicItem[]) => void;
+    children?: JSX.Element;
+    title?: string;
+    hiddenOperationIcon?: boolean;
+    isMore?: boolean;
+    isFixed?: boolean;
+    isDimensionDynamic?: boolean;
+    storageConfig?: IStorageConfig;
+    onStorageReady?: (isReady: boolean) => void;
+}
+interface IAsyncDynamicDrawerProps {
+    list: IDynamicItem[];
+    onCurrentListChange?: (currentList: IDynamicItem[]) => void;
+    dynamicKey: string;
+    parentDynamicKey: string;
+    title?: string;
+    isMore?: boolean;
+    isFixed?: boolean;
+    isDimensionDynamic?: boolean;
+    isSearch?: boolean;
+    storageConfig?: IStorageConfig;
+    onStorageReady?: (isReady: boolean) => void;
+}
+interface IRef {
+    getCurrentDynamicList: (list: IDynamicItem[]) => Promise<IDynamicItem[]>;
+    setList: React__default.Dispatch<React__default.SetStateAction<IDynamicItem[]>>;
+    setVisible: (v: boolean) => void;
+    updateList: (list: any) => void;
+    resetList: () => void;
+    isReady?: () => boolean;
+}
+
+export { IAsyncDynamicDrawerProps, IAsyncDynamicSettingProps, IDynamicItem, IFilter, IRef, IStorageConfig, StorageType };