@me-framework/me-ui-antdv-next 0.0.36 → 0.0.39

package/dist/menu/index.css

@@ -1 +1 @@
-.me-menu{--me-menu-sidebar-text:var(--me-color-primary-text);--me-menu-sidebar-text-secondary:#ffffffe6;--me-menu-sidebar-hover-bg:#ffffff1a;--me-menu-sidebar-active-bg:#00000040;--me-menu-sidebar-divider:#ffffff26;--me-menu-sidebar-scrollbar:#ffffff80;--me-menu-sidebar-scrollbar-hover:#ffffffb3;--me-menu-right-bg:var(--me-bg-color);--me-menu-item-text:var(--me-text-regular);--me-menu-item-hover-bg:var(--me-fill-color-light);--me-menu-item-hover-text:var(--me-text-primary);--me-menu-item-active-bg:var(--me-color-primary-light-9);--me-menu-item-active-text:var(--me-color-primary);--me-menu-item-icon:var(--me-text-secondary);--me-menu-section-text:var(--me-text-primary);--me-menu-right-border-color:#efeff1;--me-menu-right-toggle-bg:var(--me-menu-item-hover-bg);--me-menu-right-toggle-color:var(--me-menu-item-icon);--me-menu-right-toggle-hover-bg:var(--me-menu-item-active-bg);--me-menu-right-toggle-hover-color:var(--me-menu-item-active-text);--me-menu-transition-duration:.2s;--me-menu-transition-timing:cubic-bezier(.645, .045, .355, 1);height:100%;display:flex;position:relative}.me-menu__left{background:linear-gradient(180deg, var(--me-color-primary-dark-2) 0%, var(--me-color-primary) 50%, var(--me-color-primary-dark-2) 100%);height:100%;color:var(--me-menu-sidebar-text);z-index:1;flex-direction:column;flex-shrink:0;transition:width .2s cubic-bezier(.645,.045,.355,1);display:flex;position:relative;overflow:hidden}.me-menu__logo{height:64px;font-size:var(--me-font-size-extra-large);color:var(--me-menu-sidebar-text);letter-spacing:1px;flex-shrink:0;justify-content:center;align-items:center;padding:0 20px;font-weight:700;display:flex}.me-menu__logo-text{font-size:var(--me-font-size-extra-large);font-weight:700}.me-menu__left-list{flex:1;min-height:0;overflow:hidden auto}.me-menu__left-list::-webkit-scrollbar{background:0 0;width:4px}.me-menu__left-list::-webkit-scrollbar-track{background:0 0}.me-menu__left-list::-webkit-scrollbar-thumb{background-color:var(--me-menu-sidebar-scrollbar);border-radius:2px}.me-menu__left-list::-webkit-scrollbar-thumb:hover{background-color:var(--me-menu-sidebar-scrollbar-hover)}.me-menu__left-item{cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-sidebar-text-secondary);align-items:center;gap:4px;padding:12px 20px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;position:relative}.me-menu__left-item:hover{background-color:var(--me-menu-sidebar-hover-bg);color:var(--me-menu-sidebar-text)}.me-menu__left-item.is-active{background-color:var(--me-menu-sidebar-active-bg);color:var(--me-menu-sidebar-text);font-weight:500}.me-menu__left-item.is-active:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid var(--me-bg-color);width:0;height:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.me-menu__left-item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__left-item.is-disabled:hover{color:var(--me-menu-sidebar-text-secondary);background-color:#0000}.me-menu__left-icon{flex-shrink:0;width:16px;height:16px}.me-menu__left-title{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__left-badge{flex-shrink:0;margin-left:auto}.me-menu__divider{background-color:var(--me-menu-sidebar-divider);height:1px;margin:8px 16px}.me-menu__footer{z-index:2;flex-shrink:0;padding:16px 20px;position:relative}.me-menu__decoration{pointer-events:none;z-index:0;background:linear-gradient(135deg,#0000 50%,#ffffff0a 50%) 0 100%/100% 120px no-repeat,linear-gradient(-135deg,#0000 50%,#ffffff08 50%) 100% 100%/100% 100px no-repeat,radial-gradient(circle at 20% 30%,#ffffff26 3px,#0000 3px),radial-gradient(circle at 80%,#ffffff1a 2px,#0000 2px),radial-gradient(circle at 50% 70%,#ffffff14 2px,#0000 2px);height:200px;position:absolute;bottom:0;left:0;right:0}.me-menu__right{border-right:solid 1px var(--me-menu-right-border-color);height:100%;width:var(--me-menu-right-width,220px);background-color:var(--me-menu-right-bg);transition:width var(--me-menu-transition-duration) var(--me-menu-transition-timing);flex-shrink:0;overflow:hidden auto}.me-menu__right.is-collapsed{border-right:none;width:0}.me-menu__right::-webkit-scrollbar{width:6px}.me-menu__right::-webkit-scrollbar-thumb{background:var(--me-border-color);border-radius:3px}.me-menu__right-inner{width:var(--me-menu-right-width,220px);padding:10px}.me-menu__right-toggle{z-index:1000;border-radius:var(--me-border-radius-base);background-color:var(--me-menu-right-toggle-bg);width:16px;height:56px;color:var(--me-menu-right-toggle-color);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--me-menu-transition-duration) var(--me-menu-transition-timing), visibility var(--me-menu-transition-duration) var(--me-menu-transition-timing), transform var(--me-menu-transition-duration) var(--me-menu-transition-timing), left var(--me-menu-transition-duration) var(--me-menu-transition-timing), color var(--me-menu-transition-duration) var(--me-menu-transition-timing), background-color var(--me-menu-transition-duration) var(--me-menu-transition-timing);justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)scale(.7);box-shadow:0 0 6px #0000001f}.me-menu__right-toggle.is-visible{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.me-menu__right-toggle:hover{color:var(--me-menu-right-toggle-hover-color);background-color:var(--me-menu-right-toggle-hover-bg)}.me-menu__section{margin-bottom:4px}.me-menu__section-header{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--me-font-size-base);color:var(--me-menu-section-text);align-items:center;gap:6px;padding:8px 4px;font-weight:600;transition:color .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__section-header:hover{color:var(--me-color-primary)}.me-menu__section-arrow{color:var(--me-menu-section-text);flex-shrink:0;transition:transform .2s cubic-bezier(.645,.045,.355,1);display:inline-block}.me-menu__section-arrow:not(.is-expanded){transform:rotate(-90deg)}.me-menu__section-title{font-size:var(--me-font-size-base);font-weight:600}.me-menu__section-body{overflow:hidden}.me-menu .me-menu-section-enter-active,.me-menu .me-menu-section-leave-active{transition:all .25s cubic-bezier(.645,.045,.355,1);overflow:hidden}.me-menu .me-menu-section-enter-from,.me-menu .me-menu-section-leave-to{opacity:0;max-height:0}.me-menu .me-menu-section-enter-to,.me-menu .me-menu-section-leave-from{opacity:1;max-height:2000px}.me-menu__section-divider{background-color:var(--me-border-color-light);height:1px;margin:8px 0}.me-menu__item{border-radius:var(--me-border-radius-base);cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-item-text);align-items:center;gap:6px;margin:4px 0;padding:10px 16px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__item:hover{background-color:var(--me-menu-item-hover-bg);color:var(--me-menu-item-hover-text)}.me-menu__item.is-active{background-color:var(--me-menu-item-active-bg);color:var(--me-menu-item-active-text);font-weight:500}.me-menu__item.is-active .me-menu__item-icon{color:var(--me-menu-item-active-text)}.me-menu__item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__item.is-disabled:hover{color:var(--me-menu-item-text);background-color:#0000}.me-menu__item--standalone:first-child{margin-top:0}.me-menu__item-icon{width:16px;height:16px;color:var(--me-menu-item-icon);flex-shrink:0;transition:color .2s cubic-bezier(.645,.045,.355,1)}.me-menu__item-text{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__item-badge{flex-shrink:0;margin-left:auto}.me-menu__tree-item{border-radius:var(--me-border-radius-base);cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-item-text);align-items:center;gap:6px;margin:2px 0;padding:8px 12px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__tree-item:hover{background-color:var(--me-menu-item-hover-bg);color:var(--me-menu-item-hover-text)}.me-menu__tree-item.is-active{background-color:var(--me-menu-item-active-bg);color:var(--me-menu-item-active-text);font-weight:500}.me-menu__tree-item.is-active .me-menu__tree-icon{color:var(--me-menu-item-active-text)}.me-menu__tree-item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__tree-item.is-disabled:hover{color:var(--me-menu-item-text);background-color:#0000}.me-menu__tree-item--expandable{font-weight:500}.me-menu__tree-item--expandable.is-expanded .me-menu__tree-arrow{transform:rotate(180deg)}.me-menu__tree-arrow{color:var(--me-menu-item-icon);flex-shrink:0;width:12px;height:12px;margin-left:4px;transition:transform .2s cubic-bezier(.645,.045,.355,1);transform:rotate(0)}.me-menu__tree-indent{flex-shrink:0;width:12px;height:12px}.me-menu__tree-icon{width:14px;height:14px;color:var(--me-menu-item-icon);flex-shrink:0;transition:color .2s cubic-bezier(.645,.045,.355,1)}.me-menu__tree-text{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__tree-badge{flex-shrink:0;margin-left:auto}.me-menu__tree-children{overflow:hidden}.me-menu .me-menu-tree-enter-active,.me-menu .me-menu-tree-leave-active{transition:all .2s cubic-bezier(.645,.045,.355,1);overflow:hidden}.me-menu .me-menu-tree-enter-from,.me-menu .me-menu-tree-leave-to{opacity:0;max-height:0}.me-menu .me-menu-tree-enter-to,.me-menu .me-menu-tree-leave-from{opacity:1;max-height:1000px}.me-menu__empty{text-align:center;color:var(--me-menu-item-icon);font-size:var(--me-font-size-base);padding:60px 20px}html.dark .me-menu{--me-menu-right-bg:#171717;--me-menu-item-text:#b2b2b2;--me-menu-item-hover-bg:#323335;--me-menu-item-hover-text:#fff;--me-menu-item-active-bg:#232935;--me-menu-item-active-text:var(--me-color-primary);--me-menu-item-icon:#ffffff73;--me-menu-section-text:#ffffffe0;--me-menu-right-border-color:#323335}
+.me-menu{--me-menu-sidebar-text:var(--me-color-primary-text);--me-menu-sidebar-text-secondary:#ffffffe6;--me-menu-sidebar-hover-bg:#ffffff1a;--me-menu-sidebar-active-bg:#00000040;--me-menu-sidebar-divider:#ffffff26;--me-menu-sidebar-scrollbar:#ffffff80;--me-menu-sidebar-scrollbar-hover:#ffffffb3;--me-menu-right-bg:var(--me-bg-color);--me-menu-item-text:var(--me-text-regular);--me-menu-item-hover-bg:var(--me-fill-color-light);--me-menu-item-hover-text:var(--me-text-primary);--me-menu-item-active-bg:var(--me-color-primary-light-9);--me-menu-item-active-text:var(--me-color-primary);--me-menu-item-icon:var(--me-text-secondary);--me-menu-section-text:var(--me-text-primary);--me-menu-right-border-color:#efeff1;--me-menu-right-toggle-bg:var(--me-menu-item-hover-bg);--me-menu-right-toggle-color:var(--me-menu-item-icon);--me-menu-right-toggle-hover-bg:var(--me-menu-item-active-bg);--me-menu-right-toggle-hover-color:var(--me-menu-item-active-text);--me-menu-transition-duration:.2s;--me-menu-transition-timing:cubic-bezier(.645, .045, .355, 1);height:100%;display:flex;position:relative}.me-menu__left{background:linear-gradient(180deg, var(--me-color-primary-dark-2) 0%, var(--me-color-primary) 50%, var(--me-color-primary-dark-2) 100%);height:100%;color:var(--me-menu-sidebar-text);z-index:1;flex-direction:column;flex-shrink:0;transition:width .2s cubic-bezier(.645,.045,.355,1);display:flex;position:relative;overflow:hidden}.me-menu__logo{height:64px;font-size:var(--me-font-size-extra-large);color:var(--me-menu-sidebar-text);letter-spacing:1px;flex-shrink:0;justify-content:center;align-items:center;padding:0 20px;font-weight:700;display:flex}.me-menu__logo-text{font-size:var(--me-font-size-extra-large);font-weight:700}.me-menu__left-list{flex:1;min-height:0;overflow:hidden auto}.me-menu__left-list::-webkit-scrollbar{background:0 0;width:4px}.me-menu__left-list::-webkit-scrollbar-track{background:0 0}.me-menu__left-list::-webkit-scrollbar-thumb{background-color:var(--me-menu-sidebar-scrollbar);border-radius:2px}.me-menu__left-list::-webkit-scrollbar-thumb:hover{background-color:var(--me-menu-sidebar-scrollbar-hover)}.me-menu__left-item{cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-sidebar-text-secondary);align-items:center;gap:4px;padding:12px 20px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex;position:relative}.me-menu__left-item:hover{background-color:var(--me-menu-sidebar-hover-bg);color:var(--me-menu-sidebar-text)}.me-menu__left-item.is-active{background-color:var(--me-menu-sidebar-active-bg);color:var(--me-menu-sidebar-text);font-weight:500}.me-menu__left-item.is-active:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid var(--me-bg-color);width:0;height:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.me-menu__left-item.is-static{cursor:default}.me-menu__left-item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__left-item.is-disabled:hover{color:var(--me-menu-sidebar-text-secondary);background-color:#0000}.me-menu__left-icon{flex-shrink:0;width:16px;height:16px}.me-menu__left-title{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__left-badge{flex-shrink:0;margin-left:auto}.me-menu__divider{background-color:var(--me-menu-sidebar-divider);height:1px;margin:8px 16px}.me-menu__footer{z-index:2;flex-shrink:0;padding:16px 20px;position:relative}.me-menu__decoration{pointer-events:none;z-index:0;background:linear-gradient(135deg,#0000 50%,#ffffff0a 50%) 0 100%/100% 120px no-repeat,linear-gradient(-135deg,#0000 50%,#ffffff08 50%) 100% 100%/100% 100px no-repeat,radial-gradient(circle at 20% 30%,#ffffff26 3px,#0000 3px),radial-gradient(circle at 80%,#ffffff1a 2px,#0000 2px),radial-gradient(circle at 50% 70%,#ffffff14 2px,#0000 2px);height:200px;position:absolute;bottom:0;left:0;right:0}.me-menu__right{border-right:solid 1px var(--me-menu-right-border-color);height:100%;width:var(--me-menu-right-width,220px);background-color:var(--me-menu-right-bg);transition:width var(--me-menu-transition-duration) var(--me-menu-transition-timing);flex-shrink:0;overflow:hidden auto}.me-menu__right.is-collapsed{border-right:none;width:0}.me-menu__right::-webkit-scrollbar{width:6px}.me-menu__right::-webkit-scrollbar-thumb{background:var(--me-border-color);border-radius:3px}.me-menu__right-inner{width:var(--me-menu-right-width,220px);padding:10px}.me-menu__right-toggle{z-index:1000;border-radius:var(--me-border-radius-base);background-color:var(--me-menu-right-toggle-bg);width:16px;height:56px;color:var(--me-menu-right-toggle-color);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--me-menu-transition-duration) var(--me-menu-transition-timing), visibility var(--me-menu-transition-duration) var(--me-menu-transition-timing), transform var(--me-menu-transition-duration) var(--me-menu-transition-timing), left var(--me-menu-transition-duration) var(--me-menu-transition-timing), color var(--me-menu-transition-duration) var(--me-menu-transition-timing), background-color var(--me-menu-transition-duration) var(--me-menu-transition-timing);justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)scale(.7);box-shadow:0 0 6px #0000001f}.me-menu__right-toggle.is-visible{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.me-menu__right-toggle:hover{color:var(--me-menu-right-toggle-hover-color);background-color:var(--me-menu-right-toggle-hover-bg)}.me-menu__section{margin-bottom:4px}.me-menu__section-header{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--me-font-size-base);color:var(--me-menu-section-text);align-items:center;gap:6px;padding:8px 4px;font-weight:600;transition:color .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__section-header:hover{color:var(--me-color-primary)}.me-menu__section-arrow{color:var(--me-menu-section-text);flex-shrink:0;transition:transform .2s cubic-bezier(.645,.045,.355,1);display:inline-block}.me-menu__section-arrow:not(.is-expanded){transform:rotate(-90deg)}.me-menu__section-title{font-size:var(--me-font-size-base);font-weight:600}.me-menu__section-body{overflow:hidden}.me-menu .me-menu-section-enter-active,.me-menu .me-menu-section-leave-active{transition:all .25s cubic-bezier(.645,.045,.355,1);overflow:hidden}.me-menu .me-menu-section-enter-from,.me-menu .me-menu-section-leave-to{opacity:0;max-height:0}.me-menu .me-menu-section-enter-to,.me-menu .me-menu-section-leave-from{opacity:1;max-height:2000px}.me-menu__section-divider{background-color:var(--me-border-color-light);height:1px;margin:8px 0}.me-menu__item{border-radius:var(--me-border-radius-base);cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-item-text);align-items:center;gap:6px;margin:4px 0;padding:10px 16px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__item:hover{background-color:var(--me-menu-item-hover-bg);color:var(--me-menu-item-hover-text)}.me-menu__item.is-active{background-color:var(--me-menu-item-active-bg);color:var(--me-menu-item-active-text);font-weight:500}.me-menu__item.is-active .me-menu__item-icon{color:var(--me-menu-item-active-text)}.me-menu__item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__item.is-disabled:hover{color:var(--me-menu-item-text);background-color:#0000}.me-menu__item--standalone:first-child{margin-top:0}.me-menu__item-icon{width:16px;height:16px;color:var(--me-menu-item-icon);flex-shrink:0;transition:color .2s cubic-bezier(.645,.045,.355,1)}.me-menu__item-text{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__item-badge{flex-shrink:0;margin-left:auto}.me-menu__tree-item{border-radius:var(--me-border-radius-base);cursor:pointer;font-size:var(--me-font-size-base);color:var(--me-menu-item-text);align-items:center;gap:6px;margin:2px 0;padding:8px 12px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:flex}.me-menu__tree-item:hover{background-color:var(--me-menu-item-hover-bg);color:var(--me-menu-item-hover-text)}.me-menu__tree-item.is-active{background-color:var(--me-menu-item-active-bg);color:var(--me-menu-item-active-text);font-weight:500}.me-menu__tree-item.is-active .me-menu__tree-icon{color:var(--me-menu-item-active-text)}.me-menu__tree-item.is-disabled{cursor:not-allowed;opacity:.5}.me-menu__tree-item.is-disabled:hover{color:var(--me-menu-item-text);background-color:#0000}.me-menu__tree-item--expandable{font-weight:500}.me-menu__tree-item--expandable.is-expanded .me-menu__tree-arrow{transform:rotate(180deg)}.me-menu__tree-arrow{color:var(--me-menu-item-icon);flex-shrink:0;width:12px;height:12px;margin-left:4px;transition:transform .2s cubic-bezier(.645,.045,.355,1);transform:rotate(0)}.me-menu__tree-indent{flex-shrink:0;width:12px;height:12px}.me-menu__tree-icon{width:14px;height:14px;color:var(--me-menu-item-icon);flex-shrink:0;transition:color .2s cubic-bezier(.645,.045,.355,1)}.me-menu__tree-text{font-size:var(--me-font-size-base);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.me-menu__tree-badge{flex-shrink:0;margin-left:auto}.me-menu__tree-children{overflow:hidden}.me-menu .me-menu-tree-enter-active,.me-menu .me-menu-tree-leave-active{transition:all .2s cubic-bezier(.645,.045,.355,1);overflow:hidden}.me-menu .me-menu-tree-enter-from,.me-menu .me-menu-tree-leave-to{opacity:0;max-height:0}.me-menu .me-menu-tree-enter-to,.me-menu .me-menu-tree-leave-from{opacity:1;max-height:1000px}.me-menu__empty{text-align:center;color:var(--me-menu-item-icon);font-size:var(--me-font-size-base);padding:60px 20px}html.dark .me-menu{--me-menu-right-bg:#171717;--me-menu-item-text:#b2b2b2;--me-menu-item-hover-bg:#323335;--me-menu-item-hover-text:#fff;--me-menu-item-active-bg:#232935;--me-menu-item-active-text:var(--me-color-primary);--me-menu-item-icon:#ffffff73;--me-menu-section-text:#ffffffe0;--me-menu-right-border-color:#323335}