n-sys 1.32.10 → 1.32.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.css +5 -5
- package/index.js +1 -1
- package/package.json +1 -1
- package/small.css +5 -5
- package/small.js +1 -1
package/package.json
CHANGED
package/small.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
.n-navProg{--z-index:10000;position:fixed;top:0;z-index:var(--z-index);width:100%;height:3px;border-radius:2px;pointer-events:none;left:0}.n-navProg .n-navProg-slider{position:relative;left:0;height:100%;background:var(--theme-color-gd)}.n-navProg.n-navProgLeft{transform-origin:left top;width:100vh;transform:rotateZ(90deg) translate(0, -100%)}.n-navProg.n-navProgRight{transform-origin:left top;width:100vh;transform:rotateZ(90deg);left:100%}.n-navProg.n-navProgBottom{top:auto;bottom:0}
|
|
2
2
|
.n-waterMark{--z-index:10000;--bg: none;position:absolute;top:0;pointer-events:none;z-index:10000;left:0;width:100%;height:100%;background:var(--bg)}
|
|
3
|
-
.n-navMenu{height:100%;display:flex;align-items:center;justify-content:flex-start;width:100%}.n-navMenu .n-menu.n-menuHori.n-menuExpand{background:none;width:0;flex:1}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop{width:auto;color:rgba(255,255,255,.7);border-left:1px solid rgba(255,255,255,.3)}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line{min-width:110px;width:auto;padding-right:
|
|
4
|
-
.n-navTag{width:100%;height:
|
|
5
|
-
.n-nav{background:var(--theme-color-gd);height:
|
|
6
|
-
.n-slideMenu{--title-bg:$theme-color;display:flex;flex-direction:column;align-items:stretch;z-index:10;width:
|
|
3
|
+
.n-navMenu{height:100%;display:flex;align-items:center;justify-content:flex-start;width:100%}.n-navMenu .n-menu.n-menuHori.n-menuExpand{background:none;width:0;flex:1}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop{width:auto;color:rgba(255,255,255,.7);border-left:1px solid rgba(255,255,255,.3)}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line{min-width:110px;width:auto;padding-right:var(--theme-padding1)}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line>i{margin-right:0}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line .n-menu-label{min-width:none;flex:auto;width:auto}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line .n-menu-label>span{padding-right:5px;width:auto;flex:auto}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line:hover{color:#fff;text-shadow:0 0 2px #fff;background:rgba(255,255,255,.2)}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line.n-menu-node-focus,.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line.n-menu-node-check{text-shadow:0 0 2px #fff;border-top:0;padding-bottom:0;background:linear-gradient(0deg, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0));color:#fff;padding-top:3px;border-bottom:3px solid #fff}.n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop:last-child{border-right:1px solid rgba(255,255,255,.3)}.n-navMenu .n-navMenu-oper{margin-left:var(--theme-margin1);flex-shrink:0;display:flex;justify-content:center;align-items:center;align-items:stretch;height:100%}.n-navMenu .n-navMenu-oper>i{display:flex;justify-content:center;align-items:center;font-size:17px;color:rgba(255,255,255,.7);width:20px;line-height:1}.n-navMenu .n-navMenu-oper>i:hover{color:#fff;background:rgba(255,255,255,.15);text-shadow:0 0 2px #fff}
|
|
4
|
+
.n-navTag{width:100%;height:calc(var(--theme-h1) * 1.2);position:relative;margin-top:calc(var(--theme-h1) * -1.2);-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .15s linear .15s;font-size:var(--theme-font-size1)}.n-navTag .n-navTag-content{height:100%;background:var(--theme-bg-white1);display:flex;align-items:center;justify-content:flex-start;width:100%;opacity:0;transition:all .25s linear .05s;border-bottom:2px solid var(--theme-color)}.n-navTag .n-navTag-routes{flex:1;width:0;height:100%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;align-items:stretch}.n-navTag .n-navTag-routes .n-navTag-item{padding:0 calc(var(--theme-padding1) * 2.6) 0 calc(var(--theme-padding1) * 2.2);color:var(--theme-text5);display:flex;justify-content:space-between;align-items:center;cursor:pointer;flex-shrink:0;position:relative;border-right:1px solid var(--theme-border3)}.n-navTag .n-navTag-routes .n-navTag-item:first-child{border-left:1px solid var(--theme-border3)}.n-navTag .n-navTag-routes .n-navTag-item>span{line-height:1;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-navTag .n-navTag-routes .n-navTag-item .n-navTag-state{width:6px;height:6px;border-radius:50%;position:absolute;left:var(--theme-padding1);top:50%;background:var(--theme-grey-light7);transform:translate(0, -50%)}.n-navTag .n-navTag-routes .n-navTag-item .n-navTag-close{position:absolute;right:5px;top:50%;transform:translate(0, -50%);font-size:12px;border-radius:50%;width:16px;height:16px;display:flex;justify-content:center;align-items:center;display:none;color:var(--theme-text6)}.n-navTag .n-navTag-routes .n-navTag-item .n-navTag-close:hover{color:var(--theme-text4);background:var(--theme-grey-light8)}.n-navTag .n-navTag-routes .n-navTag-item:hover{background:var(--theme-bg-white3)}.n-navTag .n-navTag-routes .n-navTag-item:hover>i{display:flex}.n-navTag .n-navTag-routes .n-navTag-item.n-navTag-check{color:var(--theme-color);background:none}.n-navTag .n-navTag-routes .n-navTag-item.n-navTag-check .n-navTag-state{background:var(--theme-color)}.n-navTag .n-navTag-icon{width:var(--theme-h1);height:100%;border-left:1px solid var(--theme-border3);display:flex;justify-content:center;align-items:center;font-size:calc(var(--theme-font-size1) * 1.2);color:var(--theme-text5)}.n-navTag .n-navTag-icon:hover{color:var(--theme-color);background:var(--theme-color-light9)}.n-navTag .n-navTag-offset{width:calc(var(--theme-h1) * 0.6)}.n-navTag .n-navTag-offset:first-child{border:0}.n-navTag.n-navTagFixed,.n-navTag.n-navTagShow{margin-top:0;transition:all .3s}.n-navTag.n-navTagFixed .n-navTag-content,.n-navTag.n-navTagShow .n-navTag-content{opacity:1;transition:all .3s}.n-navTag.n-navTagFixed .n-navTag-trigger{display:none}.n-navTag .n-navTag-trigger{position:absolute;top:100%;right:0;display:flex;justify-content:center;align-items:center;width:var(--theme-h1);cursor:pointer;box-shadow:0 0 5px 1px var(--theme-shadow1);height:calc(var(--theme-font-size1) * 1.2);border-radius:0 0 8px 8px;background:var(--theme-bg-white1);color:var(--theme-text5)}.n-navTag .n-navTag-trigger:hover{color:var(--theme-color)}.n-navTag .n-navTag-menu{position:fixed;background:var(--theme-bg-white1);width:120px;border-radius:3px;font-size:var(--theme-font-size2);overflow:hidden;padding:3px;box-shadow:0 0 10px 1px var(--theme-shadow1)}.n-navTag .n-navTag-menu>li{cursor:pointer;height:calc(var(--theme-h1) * 1.1);display:flex;align-items:center;justify-content:flex-start;border-radius:2px;color:var(--theme-text3);padding:0 var(--theme-padding1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-navTag .n-navTag-menu>li:hover{background:var(--theme-bg-white3)}.n-navTag.n-navTagTriggerClick{transition:all .15s linear}
|
|
5
|
+
.n-nav{--size: calc( var(--theme-h1) * 1.56 );background:var(--theme-color-gd);height:var(--size);display:flex;align-items:center;justify-content:flex-start;gap:calc(var(--theme-margin1) * 1.3);font-size:var(--theme-font-size1);padding:0 calc(var(--theme-margin1) * 1.3)}.n-nav .n-nav-item{height:100%;display:flex;justify-content:center;align-items:center}.n-nav .n-navMenu{min-width:150px}.n-nav .n-navTag{height:100%}.n-nav .n-navTag .n-navTag-content{margin-top:0;background:none;border-bottom:0}.n-nav .n-navTag .n-navTag-routes .n-navTag-item{border:0;color:rgba(255,255,255,.7)}.n-nav .n-navTag .n-navTag-routes .n-navTag-item:hover{background:rgba(255,255,255,.1)}.n-nav .n-navTag .n-navTag-routes .n-navTag-item .n-navTag-state{background:rgba(255,255,255,.5)}.n-nav .n-navTag .n-navTag-routes .n-navTag-item .n-navTag-close{color:#fff}.n-nav .n-navTag .n-navTag-routes .n-navTag-item .n-navTag-close:hover{background:rgba(255,255,255,.2)}.n-nav .n-navTag .n-navTag-routes .n-navTag-item.n-navTag-check{color:#fff;border-top:3px solid rgba(255,255,255,.9);padding-bottom:3px;text-shadow:0 0 2px #fff;background:linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25))}.n-nav .n-navTag .n-navTag-routes .n-navTag-item.n-navTag-check .n-navTag-state{background:#fff;box-shadow:0 0 3px 1px #fff;top:calc(50% - 1.5px)}.n-nav .n-navTag .n-navTag-icon{border:0;color:#fff}.n-nav .n-navTag .n-navTag-icon:hover{color:#fff;text-shadow:0 0 2px #fff;background:rgba(255,255,255,.1)}.n-nav .n-navTag .n-navTag-trigger{display:none}.n-nav .n-nav-icon{font-size:calc(var(--theme-font-size1) * 1.7);font-weight:100;color:#fff}.n-nav .n-nav-mark{position:relative}.n-nav .n-nav-mark .n-nav-mark-dot,.n-nav .n-nav-mark .n-nav-mark-num{right:0;top:0;position:absolute;background:var(--theme-red);width:7px;height:7px;border-radius:50%}.n-nav .n-nav-mark .n-nav-mark-dot{width:7px;height:7px;border-radius:50%}.n-nav .n-nav-mark .n-nav-mark-num{color:#fff;display:flex;justify-content:center;align-items:center;transform:translate(50%, -50%) scale(0.85);padding:0 3px;width:auto;white-space:nowrap;font-size:12px;min-width:17px;height:17px;border-radius:8px}.n-nav .n-nav-right{margin-left:auto}.n-nav .n-nav-auto{flex:1;width:0}.n-nav .n-nav-check,.n-nav .n-nav-icon:hover{color:#fff;text-shadow:0 0 5px #fff}.n-nav .n-nav-downMenu{position:relative;height:100%}.n-nav .n-nav-downMenu .n-nav-downMenu-lable{color:#fff;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:calc(var(--theme-font-size1) * 1.4)}.n-nav .n-nav-downMenu .n-nav-downMenu-pop{border-radius:3px;background:var(--theme-bg-white1);box-shadow:0 0 10px 1px var(--theme-shadow1);position:absolute;z-index:100;bottom:-3px;width:100%;min-width:120px;left:50%;background:var(--theme-bg-white1-fill);transform:translate(-50%, 100%);visibility:hidden;max-height:0;color:var(--theme-text4);transition:all .3s;overflow:hidden}.n-nav .n-nav-downMenu .n-nav-downMenu-pop>li{height:calc(var(--theme-h1) * 1.3);width:100%;display:flex;justify-content:center;align-items:center;padding:0 var(--theme-padding1);cursor:pointer;font-size:var(--theme-font-size1);gap:var(--theme-padding2)}.n-nav .n-nav-downMenu .n-nav-downMenu-pop>li>i{font-size:calc(var(--theme-font-size1) * 1.1);color:var(--theme-text6)}.n-nav .n-nav-downMenu .n-nav-downMenu-pop>li>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-nav .n-nav-downMenu .n-nav-downMenu-pop>li.n-nav-downMenu-cur,.n-nav .n-nav-downMenu .n-nav-downMenu-pop>li:hover{color:var(--theme-color);background-color:var(--theme-color-light9)}.n-nav .n-nav-downMenu .n-nav-downMenu-pop>li.n-nav-downMenu-cur>i,.n-nav .n-nav-downMenu .n-nav-downMenu-pop>li:hover>i{color:var(--theme-color)}.n-nav .n-nav-downMenu .n-nav-downMenu-pop>li.n-nav-downMenu-cur{background:none}.n-nav .n-nav-downMenu.n-nav-downMenuShow .n-nav-downMenu-pop{visibility:visible;max-height:350px;overflow-y:auto;overflow-x:hidden}.n-nav .n-nav-downMenu.n-nav-downMenuShow .n-nav-downMenu-lable{text-shadow:0 0 2px #fff}.n-nav .n-nav-user .n-nav-user-info{display:flex;align-items:center;justify-content:flex-start;color:#fff;height:100%;gap:6px}.n-nav .n-nav-user .n-nav-user-info>img,.n-nav .n-nav-user .n-nav-user-info>i{width:calc(var(--size) * 0.75);height:calc(var(--size) * 0.75);border-radius:50%;object-fit:cover;box-shadow:0 0 5px 1px rgba(0,0,0,.1)}.n-nav .n-nav-user .n-nav-user-info>i{font-size:calc(var(--size) * 0.75)}.n-nav .n-nav-user .n-nav-user-info>div{flex:1;white-space:nowrap}.n-nav .n-nav-user .n-nav-user-info>div>h3{line-height:1;font-size:calc(var(--theme-font-size1) * 1.1)}.n-nav .n-nav-user .n-nav-user-info>div>p{margin-top:3px;font-size:var(--theme-font-size2)}.n-nav .n-nav-user:hover .n-nav-user-info{text-shadow:0 0 5px #fff}.n-navLight{box-shadow:0 0 10px 1px var(--theme-shadow1)}.n-navLight .n-nav-icon{color:#555}.n-navLight .n-nav-check,.n-navLight .n-nav-icon:hover{color:var(--theme-color);text-shadow:none}.n-navLight .n-navTag .n-navTag-routes .n-navTag-item{color:#555}.n-navLight .n-navTag .n-navTag-routes .n-navTag-item:hover{background:var(--theme-bg-white3)}.n-navLight .n-navTag .n-navTag-routes .n-navTag-item .n-navTag-state{background:var(--theme-grey-light7)}.n-navLight .n-navTag .n-navTag-routes .n-navTag-item .n-navTag-close{color:inherit}.n-navLight .n-navTag .n-navTag-routes .n-navTag-item .n-navTag-close:hover{background:var(--theme-grey-light8)}.n-navLight .n-navTag .n-navTag-routes .n-navTag-item.n-navTag-check{border-top:3px solid var(--theme-color);background:linear-gradient(0deg, rgba(255, 255, 255, 0) 30%, var(--theme-color-light9)) !important;color:var(--theme-color) !important;text-shadow:none}.n-navLight .n-navTag .n-navTag-routes .n-navTag-item.n-navTag-check .n-navTag-state{background:var(--theme-color);box-shadow:none}.n-navLight .n-navTag .n-navTag-icon{color:#555}.n-navLight .n-navTag .n-navTag-icon:hover{color:var(--theme-color-light3);text-shadow:none;background:var(--theme-color-light9)}.n-navLight .n-nav-user .n-nav-user-info{color:#555}.n-navLight .n-nav-user .n-nav-user-info>div>h3{color:#555}.n-navLight .n-nav-user .n-nav-user-info>div>p{color:#999}.n-navLight .n-nav-user:hover .n-nav-user-info{text-shadow:none}.n-navLight .n-nav-downMenu .n-nav-downMenu-lable{color:#555}.n-navLight .n-nav-downMenu.n-nav-downMenuShow .n-nav-downMenu-lable{color:var(--theme-color);text-shadow:none}.n-navLight .n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop{color:#555;border-color:rgba(0,0,0,.07)}.n-navLight .n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line:hover{color:var(--theme-color);text-shadow:none;background:var(--theme-color-opacity1)}.n-navLight .n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line.n-menu-node-focus,.n-navLight .n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop>.n-menu-node-line.n-menu-node-check{text-shadow:none;box-shadow:none;background:#fff;border-color:var(--theme-color);color:var(--theme-color)}.n-navLight .n-navMenu .n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop:last-child{border-color:rgba(9,9,9,.07)}.n-navLight .n-navMenu .n-navMenu-oper>i{color:#555}.n-navLight .n-navMenu .n-navMenu-oper>i:hover{color:#555;background:rgba(0,0,0,.07);text-shadow:none}
|
|
6
|
+
.n-slideMenu{--title-bg:$theme-color;display:flex;flex-direction:column;align-items:stretch;z-index:10;--size: calc( var(--theme-h1) * 1.56 );width:var(--size);transition:width .3s}.n-slideMenu .n-slideMenu-title{display:flex;justify-content:center;align-items:center;height:var(--size);cursor:pointer;border-right:1px solid rgba(255,255,255,.3);background:var(--title-bg);color:#fff;font-size:calc(var(--size) / 2.1);font-weight:100;display:flex;justify-content:center;align-items:center;line-height:1;gap:7px}.n-slideMenu .n-slideMenu-title>img{width:calc(var(--size) / 1.9);height:calc(var(--size) / 1.9);object-fit:contain}.n-slideMenu .n-slideMenu-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-slideMenu .n-slideMenu-titleLight{color:var(--theme-color-light3);text-shadow:none}.n-slideMenu .n-menu{flex:1;height:0;overflow-y:auto;box-shadow:0px 2px 1px 1px var(--theme-shadow2)}.n-slideMenu.n-slideMenuExpand{width:200px}
|
|
7
7
|
.n-clipImg{width:100%;height:300px}
|
|
8
8
|
.n-curverSlide{width:100%;height:100%}
|
|
9
9
|
.n-customTheme{width:100%;height:100%;position:fixed;top:0;left:-200vw;z-index:1000;display:flex;justify-content:flex-end;align-items:center;transition:left 0s linear .3s}.n-customTheme .n-customTheme-mask{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%}.n-customTheme .n-customTheme-content{position:relative;z-index:2;transform:translate(100%, 0);height:100%;width:270px;opacity:0;transition:all .3s;background:var(--theme-bg-white1-fill);display:flex;flex-direction:column;border-radius:5px;border-bottom:1px solid var(--theme-border3);box-shadow:0 0 5px 1px var(--theme-shadow2);align-items:stretch}.n-customTheme .n-customTheme-head{padding:var(--theme-padding4) var(--theme-padding1);background:var(--theme-bg-white3-fill);display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--theme-border3);font-size:calc( var(--theme-font-size1) * 1.3 );color:var(--theme-text3);gap:var(--theme-padding2)}.n-customTheme .n-customTheme-head>i:hover{color:var(--theme-color)}.n-customTheme .n-customTheme-head .el-button{margin-left:auto}.n-customTheme .n-customTheme-list{height:0;padding:var(--theme-padding1);overflow:hidden auto;flex:1}.n-customTheme .n-customTheme-title{padding:calc(var(--theme-padding1) * 3) 0 var(--theme-padding3) 0;font-size:calc(var(--theme-font-size1) * 1.25);line-height:1;color:var(--theme-text5);display:flex;align-items:center;justify-content:flex-start}.n-customTheme .n-customTheme-label{font-size:var(--theme-font-size2);display:flex;align-items:center;justify-content:flex-start;color:var(--theme-text3);padding:var(--theme-padding2) 0 var(--theme-padding3) 0;line-height:1}.n-customTheme .n-customTheme-def{gap:var(--theme-padding2);display:flex;justify-content:space-between;align-items:center}.n-customTheme .n-customTheme-def .el-input{flex:1;width:0}.n-customTheme.n-customThemeShow{left:0;transition:none}.n-customTheme.n-customThemeShow .n-customTheme-content{opacity:1;transform:translate(0, 0)}
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
.n-handle{--z-index:1000;--size:700px;--label-size:160px;position:fixed;left:-200%;top:0;width:100%;height:100%;font-size:var(--theme-font-size1);z-index:var(--z-index);display:flex;justify-content:flex-end;align-items:center;overflow:hidden;align-items:stretch;transition:left 0s linear .3s}.n-handle .n-handle-mask{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:0;width:100%;height:100%;background:var(--theme-bg-black1);transition:all .3s}.n-handle .n-handle-content{position:relative;transition:all .3s;z-index:2;transform:translate(100%, 0);background:var(--theme-bg-white1-fill);padding:var(--theme-margin1);display:flex;flex-direction:column;align-items:stretch;height:100%;width:var(--size);gap:var(--theme-margin1)}.n-handle .n-handle-header{font-size:calc(var(--theme-font-size1) * 1.3);padding:5px;border-radius:3px;display:flex;align-items:center;justify-content:flex-start;color:var(--theme-text3);flex-shrink:0}.n-handle .n-handle-header>i{cursor:pointer;color:var(--theme-text5);margin-left:auto;width:calc(var(--theme-font-size1) * 1.7);height:calc(var(--theme-font-size1) * 1.7);border-radius:3px;display:flex;justify-content:center;align-items:center}.n-handle .n-handle-header>i:hover{background:var(--theme-color-light9);color:var(--theme-color)}.n-handle .n-handle-bottom{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.n-handle .n-handle-form{overflow-y:auto;height:0;flex:1}.n-handle .n-handle-form-required{color:var(--theme-red);margin-right:3px}.n-handle .n-handle-form-label{height:var(--theme-h1);display:flex;justify-content:flex-end;align-items:center;width:var(--label-size);flex-shrink:0;color:var(--theme-text3)}.n-handle .n-handle-form-label>em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-handle .n-handle-form-content{flex:1;width:0}.n-handle .n-handle-form-content>.n-item>.el-slider,.n-handle .n-handle-form-content>.n-item>.n-num,.n-handle .n-handle-form-content>.n-item>.el-cascader,.n-handle .n-handle-form-content>.n-item>.n-checkBtn:not(.n-checkBtnAuto),.n-handle .n-handle-form-content>.n-item>.el-input,.n-handle .n-handle-form-content>.n-item>.el-input-number,.n-handle .n-handle-form-content>.n-item>.el-select,.n-handle .n-handle-form-content>.n-item>.el-textarea,.n-handle .n-handle-form-content>.n-item>.el-range-editor,.n-handle .n-handle-form-content>.n-item>.n-inputDate,.n-handle .n-handle-form-content>.n-item>.n-upload{width:300px;max-width:100%}.n-handle .n-handle-form-item{border-radius:5px;margin-bottom:var(--theme-padding2);padding:var(--theme-padding2);display:flex;align-items:center;justify-content:flex-start;gap:var(--theme-padding2);align-items:flex-start;transition:all .3s}.n-handle .n-handle-form-err{transition:all .3s;background:var(--theme-red-light9)}.n-handle .n-handle-form-errInfo{color:var(--theme-red);font-size:var(--theme-font-size2);margin-top:var(--theme-margin4)}.n-handle.n-handleDrag .n-handle-content{cursor:move}.n-handle.n-handleDrag .n-handle-form,.n-handle.n-handleDrag .n-handle-header{cursor:auto}.n-handle.n-handleDragMove .n-handle-content{transition:none}.n-handle.n-handleShow{left:0;transition:none}.n-handle.n-handleShow .n-handle-mask{opacity:.5}.n-handle.n-handleShow .n-handle-content{transform:translate(0, 0)}.n-handle.n-handleDialog{justify-content:center;align-items:center}.n-handle.n-handleDialog .n-handle-content{height:auto;border-radius:3px;opacity:0;max-height:90vh;max-width:90vw;transform:translate(0, -50px)}.n-handle.n-handleDialog .n-handle-form{height:auto}.n-handle.n-handleDialog.n-handleShow .n-handle-content{opacity:1;transform:translate(0, 0)}.n-handle.n-handlePage{position:static;height:auto;display:block;z-index:1}.n-handle.n-handlePage .n-handle-mask{display:none}.n-handle.n-handlePage .n-handle-content{width:100%;display:block;transform:translate(0, 0)}.n-handle.n-handlePage .n-handle-form{height:auto}
|
|
24
24
|
.n-inputDate{width:100%;height:var(--theme-h1);display:flex;justify-content:space-between;align-items:center;border-radius:3px;font-size:var(--theme-font-size1);overflow:hidden;align-items:stretch;background:var(--theme-bg-white1);border:1px solid var(--theme-border1)}.n-inputDate:hover{border-color:var(--theme-text6)}.n-inputDate.n-inputDate-focus{border-color:var(--theme-color)}.n-inputDate .n-inputDate-text{padding:0 var(--theme-padding1);color:var(--theme-text3);display:flex;align-items:center;justify-content:flex-start;width:0;flex:1}.n-inputDate .n-inputDate-item{height:100%;text-align:center;display:flex;justify-content:center;align-items:center}.n-inputDate .n-inputDate-focus{background:var(--theme-color);color:#fff}.n-inputDate .n-inputDate-def{margin:0 1px;padding-top:-2px;margin-bottom:2px}.n-inputDate .n-inputDate-space{width:var(--theme-padding2)}.n-inputDate .n-inputDate-oper{width:var(--theme-h1);flex-shrink:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;flex-direction:column;display:none;align-items:stretch;border-left:1px solid var(--theme-border1)}.n-inputDate .n-inputDate-oper>i{cursor:pointer;height:50%;display:flex;justify-content:center;align-items:center;background:var(--theme-bg-white4);color:var(--theme-text3)}.n-inputDate .n-inputDate-oper>i:hover{background:var(--theme-bg-white5)}.n-inputDate .n-inputDate-oper>i+i{border-top:1px solid var(--theme-border1)}.n-inputDate.n-inputDateShowOper .n-inputDate-oper{display:flex}.n-inputDate.n-inputDateDisabled{cursor:not-allowed;background:var(--theme-bg-white3)}.n-inputDate.n-inputDateDisabled .n-inputDate-text,.n-inputDate.n-inputDateDisabled .n-inputDate-oper{pointer-events:none}.n-inputDate.n-inputDateDisabled .n-inputDate-oper{background:var(--theme-bg-white4)}
|
|
25
25
|
.n-item{font-size:var(--theme-font-size1)}.n-item>.n-item-tags{min-height:var(--theme-font-h1);display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;align-content:flex-start;gap:var(--theme-padding2)}.n-item>.n-item-tags .el-tag{font-size:var(--theme-font-size2);white-space:pre-wrap;line-height:1.4;height:auto;padding:calc( (var(--theme-h1) - var(--theme-font-size2) * 1.6) / 2 ) var(--theme-padding2)}.n-item>.n-item-tags .el-icon-close{display:flex;justify-content:center;align-items:center;display:inline-flex;top:auto}.n-item>.el-switch{height:var(--theme-font-h1)}.n-item>.el-input input,.n-item>.el-cascader,.n-item>.el-input,.n-item>.el-input-number,.n-item>.el-select,.n-item>.el-textarea,.n-item>.el-slider,.n-item>.el-date-editor:not([__null__]){width:100%}.n-item>.n-item-richText{width:100%;background:var(--theme-bg-white1)}.n-item>.n-item-txt{color:var(--theme-text5);min-height:var(--theme-font-h1);line-height:1.6;display:flex;align-items:center;justify-content:flex-start}.n-item .n-item-code{color:#ccc;background:#272822;border:1px solid var(--theme-border1);border-radius:3px;max-height:400px;white-space:pre-wrap;padding:var(--theme-padding1);line-height:1.7;min-height:var(--theme-font-h1);overflow-y:auto}.n-item .n-item-code::-webkit-scrollbar{background:rgba(255,255,255,0);width:7px;height:7px}.n-item .n-item-code::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:calc(7px / 2)}.n-item .n-item-code::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.9)}.n-item .n-item-code::-webkit-scrollbar-button{display:none}
|
|
26
|
-
.n-menu{width:100%;height:100%;position:relative;background:var(--theme-bg-white1);overflow
|
|
26
|
+
.n-menu{--size: calc( var(--theme-h1) * 1.56 );width:100%;height:100%;position:relative;background:var(--theme-bg-white1);overflow:hidden auto;font-size:calc(var(--theme-font-size1) * 1.1);scrollbar-width:none;-ms-overflow-style:none}.n-menu::-webkit-scrollbar{background:rgba(0,0,0,0);width:0px;height:0px}.n-menu::-webkit-scrollbar-thumb{background:var(--theme-scroll-btn-opacity);border-radius:calc(0px / 2)}.n-menu::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0)}.n-menu::-webkit-scrollbar-button{display:none}.n-menu::-webkit-scrollbar{display:none}.n-menu .n-menu-node{width:100%;height:var(--size);white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:auto;position:relative;transition:all .5s;color:var(--theme-text3)}.n-menu .n-menu-node-line{width:100%;height:var(--size);white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;--indent:0px;padding-left:var(--indent)}.n-menu .n-menu-node-line>i{margin-right:var(--theme-padding1);transition:all .5s}.n-menu .n-menu-node-line:hover{color:var(--theme-color);background-color:var(--theme-color-opacity1)}.n-menu .n-menu-node-line.n-menu-node-focus{color:var(--theme-color)}.n-menu .n-menu-node-line.n-menu-node-check{border-right:4px solid var(--theme-color);color:var(--theme-color);background:linear-gradient(-90deg, var(--theme-color-opacity1), rgba(255, 255, 255, 0))}.n-menu .n-menu-node-line.n-menu-node-disabled{cursor:not-allowed;background:var(--theme-grey-opacity1);color:var(--theme-text5)}.n-menu .n-menu-label{display:flex;align-items:center;justify-content:flex-start;flex:1;line-height:1;overflow:hidden;min-width:var(--size)}.n-menu .n-menu-label>i{width:var(--size);flex-shrink:0;font-size:calc(var(--theme-font-size1) * 1.45);display:flex;justify-content:center;align-items:center}.n-menu .n-menu-label>span{padding-right:var(--theme-padding2);flex:1;width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.n-menu .n-menu-sub{background:var(--theme-bg-white3);width:100%;transition:max-height .5s;overflow:hidden}.n-menu .n-menu-pop{position:fixed;background:var(--theme-bg-white1);max-height:350px;border-radius:3px;width:200px;opacity:0;z-index:10;overflow:hidden;transform-origin:left top;transform:scale(0, 1);transition:transform .4s ease-in .1s,opacity .3s ease-in .1s}.n-menu .n-menu-pop .n-menu-node-line{padding:0}.n-menu .n-menu-pop.n-menu-popVert{transform:scale(1, 0)}.n-menu .n-menu-pop.n-menu-popShow{transform:scale(1, 1);overflow-y:auto;box-shadow:4px 4px 16px 1px rgba(0,0,0,.12);transition:transform .4s ease-in,opacity .3s ease-in;opacity:1}.n-menu.n-menuHori{display:flex;align-items:center;justify-content:flex-start;align-items:stretch;overflow:auto hidden}.n-menu.n-menuHori .n-menu-nodeTop{height:100%;width:auto;flex-shrink:0}.n-menu.n-menuHori .n-menu-nodeTop .n-menu-node-line{height:100%}.n-menu.n-menuHori .n-menu-nodeTop>.n-menu-node-line.n-menu-node-check{border-right:0;overflow:hidden;border-top:3px solid var(--theme-color);padding-bottom:3px;background:linear-gradient(180deg, var(--theme-color-opacity1), rgba(255, 255, 255, 0))}.n-menu.n-menuHori.n-menuExpand .n-menu-nodeTop{width:200px}
|
|
27
27
|
.n-num{width:100%;height:var(--theme-h1);border-radius:3px;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;font-size:var(--theme-font-size1)}.n-num>input{border:1px solid var(--theme-border2);width:100%;flex:1;background:var(--theme-bg-white1);height:100%;padding:0 var(--theme-padding1);text-align:center}.n-num>input:focus{border-color:var(--theme-color)}.n-num>input::-webkit-input-placeholder{color:var(--theme-text6)}.n-num .n-num-oper{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:1px;top:1px;font-size:var(--theme-font-size2);width:var(--theme-h1);height:calc(100% - 2px);display:flex;justify-content:center;flex-direction:column;display:none;align-items:stretch;border-left:1px solid var(--theme-border1)}.n-num .n-num-oper>i{cursor:pointer;height:50%;display:flex;justify-content:center;align-items:center;background:var(--theme-bg-white4);color:var(--theme-text3);position:relative}.n-num .n-num-oper>i:hover{background:var(--theme-bg-white5)}.n-num .n-num-oper>i+i{border-top:1px solid var(--theme-border1)}.n-num .n-num-oper>i.n-num-disabled{cursor:not-allowed;pointer-events:none;color:var(--theme-text6);background:var(--theme-bg-white3)}.n-num.n-numShowOper>input{padding-right:calc( var(--theme-h1) + var(--theme-padding1) )}.n-num.n-numShowOper .n-num-oper{display:flex}.n-num.n-numHoverOper .n-num-oper{opacity:0;transition:all .3s}.n-num.n-numHoverOper:hover .n-num-oper{opacity:1}.n-num.n-numDisabled{cursor:not-allowed}.n-num.n-numDisabled>input{cursor:not-allowed;background:var(--theme-bg-white3)}
|
|
28
28
|
.n-operMenu{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--theme-padding2)}.n-operMenu-item>.el-button>i+span{margin-left:5px}.n-operMenu-line{margin-right:0;flex:0 1 100%}.n-operMenu-childRight{justify-content:flex-end}.n-operMenu-right{margin-left:auto}.n-operMenu-half{flex:0 1 50%}.n-operMenu-auto{flex:1}
|
|
29
29
|
.n-page{color:var(--theme-text3);width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--theme-padding3);font-size:var(--theme-font-size1);padding:0}.n-page::before,.n-page::after{display:none}.n-page span:not([class*=suffix]),.n-page button{height:var(--theme-h1);font-size:inherit;min-width:var(--theme-h1);display:flex;justify-content:center;align-items:center;line-height:1}.n-page .el-pagination__total{color:var(--theme-text3);margin:0}.n-page .number,.n-page .btn-prev,.n-page .btn-next{padding:0 var(--theme-padding4);min-width:var(--theme-h1);height:var(--theme-h1);border-radius:3px;font-size:inherit;background:var(--theme-bg-white1);font-weight:400;margin:0;line-height:1;display:flex;justify-content:center;align-items:center;border:1px solid var(--theme-border1)}.n-page .number:not([disabled]):hover,.n-page .number.active,.n-page .btn-prev:not([disabled]):hover,.n-page .btn-prev.active,.n-page .btn-next:not([disabled]):hover,.n-page .btn-next.active{color:var(--theme-color);border-color:var(--theme-color)}.n-page .number.active,.n-page .btn-prev.active,.n-page .btn-next.active{font-weight:bold}.n-page .number[disabled],.n-page .btn-prev[disabled],.n-page .btn-next[disabled]{color:var(--theme-text6);border-color:var(--theme-border3)}.n-page .el-pager{font-size:inherit;display:flex;align-items:center;justify-content:flex-start;gap:var(--theme-padding3)}.n-page .el-pager .more{margin:0;display:flex;justify-content:center;align-items:center;line-height:1;color:var(--theme-text3);width:var(--theme-h1);height:var(--theme-h1);background:var(--theme-bg-white1)}.n-page .el-pagination__sizes{margin:0}.n-page .el-pagination__sizes .el-input{margin:0}.n-page .el-pagination__sizes .el-input__inner{height:var(--theme-h1);font-size:var(--theme-font-size1);line-height:var(--theme-h1)}
|