1 line
32 KiB
CSS
1 line
32 KiB
CSS
@keyframes loading-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}:root{--color: #201f1e;--secondary-color: #777;--bg-color: #fff;--border-color: #b9b9b9;--focus-border-color: #666;--shadow-color: rgba(0 0 0 /11%);--disabled-color: #aaa;--disabled-bg-color: #e9e9e9;--disabled-border-color: #d9d9d9;--red-color: red;--title-color: #fff;--title-bg-color: rgb(68, 114, 196);--hover-bg-color: #eee;--link-color: #1890ff;--secondary-link-color: #1d9ac0;--primary-color: rgb(123, 28, 33);--loading-bg-color: hsla(0, 0%, 100%, .4);--loading-fore-color: rgba(0, 0, 0, .2);--border-radius: 2px;--text-indent: 4px;--line-height: 24px;--font-size: .8125rem;--font-smaller-size: .75rem;--font-larger-size: .875rem;--font-family: "Franklin Gothic Book", "San Francisco", "Segoe UI", "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei UI", sans-serif}.ui-text,.ui-input[type]{font-size:var(--font-size);font-family:var(--font-family);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .12s ease}.ui-text:focus,.ui-text:focus-visible,.ui-input[type]:focus,.ui-input[type]:focus-visible{outline:none}.ui-text:focus,.ui-text:hover,.ui-input[type]:focus,.ui-input[type]:hover{border-color:var(--focus-border-color)}.ui-text:disabled,.ui-input[type]:disabled{border-color:var(--disabled-border-color);color:var(--disabled-color);background-color:var(--disabled-bg-color)}.ui-input{text-indent:var(--text-indent);line-height:var(--line-height)}.ui-check-image-wrapper>input[type=checkbox]{display:none}.ui-check-image-wrapper>input[type=checkbox]:checked~.checked{display:inline}.ui-check-image-wrapper>input[type=checkbox]:checked~.unchecked{display:none}.ui-check-image-wrapper>.checked{display:none}.ui-check-image-wrapper>.unchecked{display:inline}.ui-check-wrapper{display:inline-flex;align-items:center;padding:0 8px;height:36px}.ui-check-wrapper .ui-check-inner{position:relative;display:inline-block;padding:0;width:14px;height:14px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .12s ease}.ui-check-wrapper .ui-check-inner:focus,.ui-check-wrapper .ui-check-inner:focus-visible{outline:none}.ui-check-wrapper .ui-check-inner:focus,.ui-check-wrapper .ui-check-inner:hover{border-color:var(--focus-border-color)}.ui-check-wrapper .ui-check-inner:disabled{border-color:var(--disabled-border-color);color:var(--disabled-color);background-color:var(--disabled-bg-color)}.ui-check-wrapper .ui-check-inner>svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:#fff;transform:scale(0);opacity:0;transition:all .08s cubic-bezier(0.78, 0.14, 0.15, 0.86)}.ui-check-wrapper.ui-radio-wrapper .ui-check-inner{box-sizing:border-box;border-radius:8px;width:16px;height:16px}.ui-check-wrapper>input[type=checkbox],.ui-check-wrapper>input[type=radio]{display:none}.ui-check-wrapper>input[type=checkbox]:checked+.ui-check-inner,.ui-check-wrapper>input[type=radio]:checked+.ui-check-inner{border-color:var(--link-color);background-color:var(--link-color)}.ui-check-wrapper>input[type=checkbox]:checked+.ui-check-inner>svg,.ui-check-wrapper>input[type=radio]:checked+.ui-check-inner>svg{transform:scale(1);opacity:1}.ui-check-wrapper>input[type=checkbox]:disabled:checked+.ui-check-inner,.ui-check-wrapper>input[type=radio]:disabled:checked+.ui-check-inner{border-color:var(--disabled-border-color);background-color:var(--disabled-border-color)}.ui-check-wrapper>input[type=checkbox]:disabled+.ui-check-inner,.ui-check-wrapper>input[type=radio]:disabled+.ui-check-inner{border-color:var(--disabled-border-color);background-color:var(--disabled-bg-color);cursor:default}.ui-check-wrapper>input[type=checkbox]:disabled~span,.ui-check-wrapper>input[type=radio]:disabled~span{color:var(--disabled-border-color);cursor:default}.ui-check-wrapper .ui-check-inner{flex:0 0 auto}.ui-check-wrapper .ui-check-inner+*{flex:1 1 auto;font-weight:400;font-size:var(--font-size);padding-left:8px;padding-right:6px;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:var(--color)}.ui-drop-wrapper{display:inline-block;border:none;border-radius:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;font-size:var(--font-size);font-family:var(--font-family)}.ui-drop-wrapper>.ui-drop-header{background-color:var(--bg-color);display:flex;height:26px;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .12s ease}.ui-drop-wrapper>.ui-drop-header:focus,.ui-drop-wrapper>.ui-drop-header:focus-visible{outline:none}.ui-drop-wrapper>.ui-drop-header:focus,.ui-drop-wrapper>.ui-drop-header:hover{border-color:var(--focus-border-color)}.ui-drop-wrapper>.ui-drop-header:disabled{border-color:var(--disabled-border-color);color:var(--disabled-color);background-color:var(--disabled-bg-color)}.ui-drop-wrapper>.ui-drop-header>.ui-drop-text{flex:1 1 auto;cursor:pointer;font-size:var(--font-size);padding:0 6px;overflow:hidden;text-overflow:ellipsis;border:none;white-space:nowrap}.ui-drop-wrapper>.ui-drop-header>.ui-drop-text:focus,.ui-drop-wrapper>.ui-drop-header>.ui-drop-text:focus-visible{outline:none}.ui-drop-wrapper>.ui-drop-header>input.ui-drop-text{cursor:initial}.ui-drop-wrapper>.ui-drop-header>input.ui-drop-text::-moz-placeholder{font-size:var(--font-smaller-size);font-style:italic}.ui-drop-wrapper>.ui-drop-header>input.ui-drop-text::placeholder{font-size:var(--font-smaller-size);font-style:italic}.ui-drop-wrapper>.ui-drop-header>.ui-drop-caret{flex:0 0 auto;width:26px;display:flex;justify-content:center;align-items:center;cursor:pointer}.ui-drop-wrapper>.ui-drop-header>.ui-drop-caret::after{display:block;content:"";border-top:4px solid;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);height:0;width:0}.ui-drop-wrapper>.ui-drop-header.disabled{border-color:var(--disabled-border-color);background-color:var(--disabled-bg-color);color:var(--disabled-color)}.ui-drop-wrapper>.ui-drop-header.disabled:focus{border-color:var(--disabled-border-color)}.ui-drop-wrapper>.ui-drop-header.disabled>.ui-drop-text,.ui-drop-wrapper>.ui-drop-header.disabled>.ui-drop-caret{cursor:default}.ui-drop-wrapper>.ui-drop-box{position:absolute;visibility:hidden;opacity:0;transform:scaleY(0);transform-origin:top;background-color:var(--bg-color);top:28px;z-index:2;transition:transform 120ms ease,opacity 120ms ease,visibility 120ms ease;width:calc(100% + 2px);box-sizing:border-box;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);left:-1px}.ui-drop-wrapper>.ui-drop-box.slide-up{transform-origin:bottom;top:unset;bottom:28px}.ui-drop-wrapper>.ui-drop-box.active{visibility:visible;opacity:1;transform:scaleY(1)}.ui-drop-wrapper>.ui-drop-box>.ui-drop-search{box-sizing:border-box;height:36px;line-height:36px;padding:0 8px;position:relative;display:flex;align-items:center}.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>input[type=text]{box-sizing:border-box;width:100%;height:26px;padding:0 6px 0 22px;color:var(--color);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .12s ease}.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>input[type=text]:focus,.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>input[type=text]:focus-visible{outline:none}.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>input[type=text]:focus,.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>input[type=text]:hover{border-color:var(--focus-border-color)}.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>input[type=text]:disabled{border-color:var(--disabled-border-color);color:var(--disabled-color);background-color:var(--disabled-bg-color)}.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>input[type=text]::-moz-placeholder{font-style:italic}.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>input[type=text]::placeholder{font-style:italic}.ui-drop-wrapper>.ui-drop-box>.ui-drop-search>svg{position:absolute;left:14px;width:13px;height:100%;cursor:text}.ui-drop-wrapper>.ui-drop-box>.ui-drop-list{margin:0;padding:0;list-style:none;max-height:210px;overflow-y:auto;font-size:var(--font-size)}.ui-drop-wrapper>.ui-drop-box>.ui-drop-list::-webkit-scrollbar{width:8px;height:8px}.ui-drop-wrapper>.ui-drop-box>.ui-drop-list::-webkit-scrollbar-thumb{background-color:rgba(168,168,168,.9);border-radius:4px}.ui-drop-wrapper>.ui-drop-box>.ui-drop-list.filtered>li:first-child{background-color:var(--hover-bg-color)}.ui-drop-wrapper>.ui-drop-box>.ui-drop-list>li{line-height:30px;height:30px;padding:0 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-drop-wrapper>.ui-drop-box>.ui-drop-list>li:hover,.ui-drop-wrapper>.ui-drop-box>.ui-drop-list>li.selected{background-color:var(--hover-bg-color)}.ui-drop-wrapper>.ui-drop-box>.ui-drop-list>li>.ui-check-wrapper{height:30px;display:flex}.ui-grid{position:relative;box-sizing:border-box;display:flex;flex-direction:column;overflow:visible;overflow-x:hidden}.ui-grid{--cell-hover-bg-color: lightyellow;--header-border-color: #adaba9;--header-bg-color: #fafafa;--header-fore-color: #000;--cell-border-color: #f0f0f0;--cell-fore-color: #333;--dark-border-color: #666;--split-border-color: #b3b3b3;--dragger-bg-color: #fff;--dragger-cursor-color: #333;--row-bg-color: #fff;--row-active-bg-color: #fafafa;--row-selected-bg-color: #e6f2fb;--text-disabled-color: gray;--filter-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);--filter-transition: transform .12s ease, opacity .24s ease;--row-height: 36px;--header-line-height: 26px;--text-indent: 8px;--loading-size: 40px;--loading-border-radius: 20px;--arrow-size: 4px;--filter-size: 10px;--split-width: 8px;--dragger-size: 20px;--dragger-opacity: .6;--dragger-cursor-size: 4px;--dragger-cursor-pos: -4px;--dragger-cursor-opacity: .3;--header-padding: 4px 12px 4px 8px;--header-filter-padding: 4px 26px 4px 8px;--spacing-s: 4px;--spacing-cell: 6px 4px 6px 8px;--filter-line-height: 30px;--filter-item-padding: 0 4px}.ui-grid:focus,.ui-grid:focus-visible{outline:none}.ui-grid,.ui-grid input[type=text],.ui-grid textarea{font-size:var(--font-size);font-family:var(--font-family)}.ui-grid>.ui-grid-sizer{position:absolute;white-space:nowrap;font-weight:bold;visibility:hidden}.ui-grid>.ui-grid-header{width:100%;min-width:100%;margin:0;border-bottom:1px solid var(--header-border-color);background-color:var(--header-bg-color);color:var(--header-fore-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-collapse:collapse;border-spacing:0;table-layout:fixed}.ui-grid>.ui-grid-header tr{position:relative}.ui-grid>.ui-grid-header tr>th{padding:0;margin:0;word-wrap:break-word;white-space:normal;position:relative}.ui-grid>.ui-grid-header tr>th>div{line-height:var(--header-line-height);min-height:var(--row-height);display:flex;align-items:center;padding:var(--header-padding);box-sizing:border-box}.ui-grid>.ui-grid-header tr>th>div>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-grid>.ui-grid-header tr>th>.arrow{width:0;height:0;top:50%;margin-top:calc(0px - var(--arrow-size)/2);right:calc(var(--arrow-size)/2);position:absolute}.ui-grid>.ui-grid-header tr>th>.arrow.asc{border-bottom:var(--arrow-size) solid var(--dark-border-color)}.ui-grid>.ui-grid-header tr>th>.arrow.desc{border-top:var(--arrow-size) solid var(--dark-border-color)}.ui-grid>.ui-grid-header tr>th>.arrow.asc,.ui-grid>.ui-grid-header tr>th>.arrow.desc{border-left:var(--arrow-size) solid rgba(0,0,0,0);border-right:var(--arrow-size) solid rgba(0,0,0,0)}.ui-grid>.ui-grid-header tr>th>.filter{width:var(--filter-size);height:var(--filter-size);top:50%;margin-top:calc(0px - var(--filter-size)/2);right:calc(var(--arrow-size)*2 + 4px);position:absolute;display:flex}.ui-grid>.ui-grid-header tr>th>.filter>svg{width:100%;height:100%;fill:var(--color);opacity:.2;transition:opacity .12s ease}.ui-grid>.ui-grid-header tr>th>.filter>svg:hover{opacity:.8}.ui-grid>.ui-grid-header tr>th>.filter.hover>svg{opacity:.8}.ui-grid>.ui-grid-header tr>th>.filter.active>svg{opacity:1}.ui-grid>.ui-grid-header tr>th>.spliter{position:absolute;height:100%;top:0;right:calc(0px - var(--split-width)/2);width:var(--split-width);cursor:ew-resize;z-index:1}.ui-grid>.ui-grid-header tr>th>.spliter::after{content:"";height:100%;width:1px;display:block;margin:0 auto;transition:background-color .12s ease}.ui-grid>.ui-grid-header tr>th>.spliter:hover::after{background-color:var(--split-border-color)}.ui-grid>.ui-grid-header tr>th>.dragger{position:absolute;left:0;top:0;min-width:var(--dragger-size);height:100%;background-color:var(--dragger-bg-color);opacity:var(--dragger-opacity);display:none}.ui-grid>.ui-grid-header tr>th>.dragger-cursor{position:absolute;top:0;height:100%;border:1px solid var(--dragger-cursor-color);box-sizing:border-box;margin-left:0;opacity:var(--dragger-cursor-opacity);display:none;transition:left .12s ease}.ui-grid>.ui-grid-header tr>th>.dragger-cursor::before{top:-1px;border-top:var(--dragger-cursor-size) solid}.ui-grid>.ui-grid-header tr>th>.dragger-cursor::after{bottom:-1px;border-bottom:var(--dragger-cursor-size) solid}.ui-grid>.ui-grid-header tr>th>.dragger-cursor::before,.ui-grid>.ui-grid-header tr>th>.dragger-cursor::after{content:"";position:absolute;left:var(--dragger-cursor-pos);border-left:var(--dragger-cursor-size) solid rgba(0,0,0,0);border-right:var(--dragger-cursor-size) solid rgba(0,0,0,0)}.ui-grid>.ui-grid-header tr>th.header-filter>div{padding:var(--header-filter-padding)}.ui-grid>.ui-grid-body{flex:1 1 auto;overflow:auto;color:var(--cell-fore-color)}.ui-grid>.ui-grid-body::-webkit-scrollbar{width:8px;height:8px}.ui-grid>.ui-grid-body::-webkit-scrollbar-thumb{background-color:rgba(168,168,168,.9);border-radius:4px}.ui-grid>.ui-grid-body .ui-grid-body-content{position:absolute;min-width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row{line-height:var(--line-height);white-space:nowrap;background-color:var(--row-bg-color);border-bottom:1px solid var(--cell-border-color);box-sizing:border-box}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row:hover{background-color:var(--row-active-bg-color)}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row.selected{background-color:var(--row-selected-bg-color)}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td{padding:0}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>span{padding:var(--spacing-cell);display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>input[type=text],.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>textarea{border:none;box-sizing:border-box;width:100%;padding:0}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>input[type=text]:focus,.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>input[type=text]:focus-visible,.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>textarea:focus,.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>textarea:focus-visible{outline:none}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>input[type=text]:disabled,.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>textarea:disabled{color:var(--text-disabled-color)}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>input[type=text]{height:var(--row-height);text-indent:var(--text-indent)}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>textarea{resize:none;line-height:var(--line-height);display:block;padding:var(--spacing-cell);white-space:nowrap}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>textarea::-webkit-scrollbar{width:8px;height:8px}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td>textarea::-webkit-scrollbar-thumb{background-color:rgba(168,168,168,.9);border-radius:4px}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .ui-check-wrapper{display:flex;justify-content:center}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .ui-check-wrapper .ui-check-inner,.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .ui-check-wrapper .ui-check-inner>svg{transition:none}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .ui-drop-wrapper{height:var(--row-height);width:100%;display:flex;flex-direction:column}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .ui-drop-wrapper>.ui-drop-header{border:none;height:100%}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .ui-drop-wrapper>.ui-drop-header>.ui-drop-text{padding:var(--spacing-cell)}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .ui-drop-wrapper>.ui-drop-box{top:calc(var(--row-height) + 2px)}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .ui-drop-wrapper>.ui-drop-box.slide-up{top:unset;bottom:calc(var(--row-height) + 2px)}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .col-icon{display:flex;cursor:pointer;justify-content:center;align-items:center;position:relative}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .col-icon>svg{width:16px;height:16px;fill:var(--primary-color);transition:opacity .12s ease}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .col-icon:hover>svg{opacity:.4}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .col-icon.disabled{cursor:unset}.ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .col-icon.disabled>svg{fill:var(--header-border-color);opacity:unset}.ui-grid>.ui-grid-body .ui-grid-hover-holder{box-sizing:border-box;position:absolute;line-height:var(--line-height);padding:var(--spacing-cell);background-color:var(--cell-hover-bg-color);white-space:pre;display:flex;align-items:center;visibility:hidden;opacity:0;transition:visibility 0s linear .12s,opacity .12s ease}.ui-grid>.ui-grid-body .ui-grid-hover-holder.active{visibility:visible;opacity:1}.ui-grid>.ui-grid-loading{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transition:visibility 0s linear .12s,opacity .12s ease;background-color:var(--loading-bg-color);display:flex;justify-content:center;align-items:center;z-index:1}.ui-grid>.ui-grid-loading>div{background-color:var(--loading-fore-color);border-radius:var(--loading-border-radius)}.ui-grid>.ui-grid-loading>div>svg{width:var(--loading-size);height:var(--loading-size);padding:20px;animation:loading-spinner 1.2s infinite linear}.ui-grid>.filter-panel{position:absolute;width:200px;height:300px;box-shadow:var(--filter-shadow);transition:var(--filter-transition);background-color:var(--bg-color);transform:scaleY(0);transform-origin:top;opacity:0;display:flex;flex-direction:column}.ui-grid>.filter-panel.active{transform:scaleY(1);opacity:1}.ui-grid>.filter-panel>.filter-search-holder{position:relative;margin:8px 8px 4px}.ui-grid>.filter-panel>.filter-search-holder>.filter-search-box{box-sizing:border-box;text-indent:16px;width:100%;font-size:var(--font-smaller-size);height:var(--line-height);line-height:var(--line-height)}.ui-grid>.filter-panel>.filter-search-holder>svg{position:absolute;width:12px;height:12px;top:calc(50% - 6px);left:4px;fill:var(--color);cursor:text}.ui-grid>.filter-panel>.filter-item-list{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-grid>.filter-panel>.filter-item-list::-webkit-scrollbar{width:8px;height:8px}.ui-grid>.filter-panel>.filter-item-list::-webkit-scrollbar-thumb{background-color:rgba(168,168,168,.9);border-radius:4px}.ui-grid>.filter-panel>.filter-item-list>.filter-content{position:absolute;width:100%}.ui-grid>.filter-panel>.filter-item-list .filter-item{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:var(--filter-item-padding)}.ui-grid>.filter-panel>.filter-item-list .filter-item:hover{background-color:var(--hover-bg-color)}.ui-grid>.filter-panel>.filter-item-list .filter-item .ui-check-wrapper{height:var(--filter-line-height);display:flex}.ui-grid>.filter-panel>.filter-item-list .filter-item .ui-check-wrapper .ui-check-inner+*{font-size:var(--font-smaller-size)}.ui-grid>.filter-panel>.filter-function{display:flex;justify-content:flex-end;padding:4px}.ui-grid>.filter-panel>.filter-function>button{box-sizing:border-box;margin-right:10px;min-width:40px;height:var(--filter-line-height);border:none;background-color:rgba(0,0,0,0);cursor:pointer;border-radius:0;transition:background-color .12s ease}.ui-grid>.filter-panel>.filter-function>button:focus,.ui-grid>.filter-panel>.filter-function>button:focus-visible{outline:none}.ui-grid>.filter-panel>.filter-function>button:hover{background-color:var(--hover-bg-color)}.ui-popup-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;opacity:0;z-index:200;transition:opacity .12s ease}.ui-popup-mask{--corner-radius: 6px;--loading-size: 20px;--loading-border-radius: 10px}.ui-popup-mask.ui-popup-active .ui-popup-container{transform:scale(1.1)}.ui-popup-mask.ui-popup-transparent{right:unset;bottom:unset}.ui-popup-mask .ui-popup-container{min-width:400px;max-width:800px;max-height:90vh;background-color:var(--bg-color);border-radius:var(--corner-radius);box-shadow:0 2px 8px var(--shadow-color);transition:opacity .12s ease,transform .12s ease;position:absolute;display:flex;flex-direction:column}.ui-popup-mask .ui-popup-container:focus,.ui-popup-mask .ui-popup-container:focus-visible{outline:none}.ui-popup-mask .ui-popup-container .ui-popup-header{flex:0 0 auto;border-radius:var(--corner-radius) var(--corner-radius) 0 0;line-height:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--title-ctrlbg-color);color:var(--title-color);display:flex;align-items:center}.ui-popup-mask .ui-popup-container .ui-popup-header>div{flex:1 1 auto;font-size:1rem}.ui-popup-mask .ui-popup-container .ui-popup-header>.ui-popup-header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0 6px 12px}.ui-popup-mask .ui-popup-container .ui-popup-header>.ui-popup-header-title,.ui-popup-mask .ui-popup-container .ui-popup-header .ui-popup-move{cursor:move}.ui-popup-mask .ui-popup-container .ui-popup-header>.ui-popup-header-icons{flex:0 0 auto;padding:10px 12px 6px 0;display:flex}.ui-popup-mask .ui-popup-container .ui-popup-header>.ui-popup-header-icons>svg{flex:0 0 auto;width:24px;height:24px;fill:var(--title-color);padding:4px;cursor:pointer;box-sizing:border-box;transition:opacity .12s ease}.ui-popup-mask .ui-popup-container .ui-popup-header>.ui-popup-header-icons>svg:hover{opacity:.8}.ui-popup-mask .ui-popup-container .ui-popup-header>.ui-popup-header-icons>svg:focus,.ui-popup-mask .ui-popup-container .ui-popup-header>.ui-popup-header-icons>svg:focus-visible{outline:none;opacity:.8;background-color:rgba(0,0,0,.1);border-radius:var(--corner-radius)}.ui-popup-mask .ui-popup-container .ui-popup-body{margin:6px 10px;flex:1 1 auto;line-height:24px;position:relative;min-height:100px}.ui-popup-mask .ui-popup-container .ui-popup-body>.ui-popup-loading{position:absolute;top:0;right:0;bottom:-46px;left:0;visibility:hidden;opacity:0;transition:visibility 0s linear .12s,opacity .12s ease;background-color:var(--loading-bg-color);display:flex;justify-content:center;align-items:center;z-index:1}.ui-popup-mask .ui-popup-container .ui-popup-body>.ui-popup-loading>div{background-color:var(--loading-fore-color);border-radius:var(--loading-border-radius)}.ui-popup-mask .ui-popup-container .ui-popup-body>.ui-popup-loading>div>svg{width:var(--loading-size);height:var(--loading-size);padding:20px;animation:loading-spinner 1.2s infinite linear}.ui-popup-mask .ui-popup-container .ui-popup-body>.ui-popup-loading.ui-popup-loading-content{bottom:0}.ui-popup-mask .ui-popup-container .ui-popup-body>.message-wrapper{display:flex;margin:10px}.ui-popup-mask .ui-popup-container .ui-popup-body>.message-wrapper>svg{width:40px;height:40px}.ui-popup-mask .ui-popup-container .ui-popup-body>.message-wrapper>svg+span{padding-left:16px}.ui-popup-mask .ui-popup-container .ui-popup-body .setting-wrapper{--line-height: 28px}.ui-popup-mask .ui-popup-container .ui-popup-body .setting-wrapper>.setting-item{display:flex;align-items:center;line-height:var(--line-height);margin:4px 0}.ui-popup-mask .ui-popup-container .ui-popup-body .setting-wrapper>.setting-item>.setting-label{flex:0 0 auto;width:120px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.ui-popup-mask .ui-popup-container .ui-popup-body .setting-wrapper>.setting-item>.setting-label.setting-required::after{content:"*";color:var(--red-color);font-weight:bold}.ui-popup-mask .ui-popup-container .ui-popup-body .setting-wrapper>.setting-item>.setting-label+*{flex:1 1 auto;margin-right:10px;box-sizing:border-box;height:var(--line-height);line-height:var(--line-height)}.ui-popup-mask .ui-popup-container .ui-popup-body .setting-wrapper>.setting-item>.setting-label+textarea{text-indent:var(--text-indent)}.ui-popup-mask .ui-popup-container .ui-popup-body .setting-wrapper>.setting-item>.setting-label+.ui-check-wrapper{padding:0}.ui-popup-mask .ui-popup-container .ui-popup-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;padding:4px 10px 16px 2px}.ui-popup-mask .ui-popup-container .ui-popup-footer .ui-popup-button{margin-left:12px;border:none;line-height:28px;color:var(--title-color);border-radius:var(--corner-radius);padding:4px 16px;box-sizing:border-box;min-width:70px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--title-ctrlbg-color);transition:opacity .12s ease}.ui-popup-mask .ui-popup-container .ui-popup-footer .ui-popup-button:focus,.ui-popup-mask .ui-popup-container .ui-popup-footer .ui-popup-button:hover{opacity:.8}.ui-popup-mask .ui-popup-container .ui-popup-footer .ui-popup-button:focus,.ui-popup-mask .ui-popup-container .ui-popup-footer .ui-popup-button:focus-visible{outline:none}.ui-popup-mask .ui-popup-container .ui-popup-border{position:absolute}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-left,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-right{width:6px;height:100%;top:0;cursor:ew-resize}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom{width:100%;height:6px;left:0;cursor:ns-resize}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top-left,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top-right,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom-right,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom-left{width:8px;height:8px}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top-left,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom-right{cursor:nwse-resize}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top-right,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom-left{cursor:nesw-resize}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-left,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top-left,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom-left{left:-4px}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-right,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top-right,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom-right{right:-4px}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top-left,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-top-right{top:-4px}.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom-right,.ui-popup-mask .ui-popup-container .ui-popup-border.ui-popup-border-bottom-left{bottom:-4px}.ui-popup-mask .ui-popup-container.ui-popup-collapse{min-height:40px;min-width:160px}.ui-popup-mask .ui-popup-container.ui-popup-collapse .ui-popup-body,.ui-popup-mask .ui-popup-container.ui-popup-collapse .ui-popup-footer,.ui-popup-mask .ui-popup-container.ui-popup-collapse .ui-popup-border{display:none}.ui-tooltip-color{background-color:#fff;color:#323130;border-color:rgba(204,204,204,.8)}.ui-tooltip-color:focus,.ui-tooltip-color:focus-visible{outline:none}.ui-tooltip-wrapper{position:absolute;word-wrap:break-word;height:auto;text-align:left;z-index:250;min-width:45px;max-width:480px;min-height:32px;border-radius:2px;box-shadow:0 3.2px 7.2px 0 rgba(0,0,0,.13),0 .6px 1.8px 0 rgba(0,0,0,.11);transition:visibility 0s linear 120ms,opacity 120ms ease}.ui-tooltip-wrapper>.ui-tooltip-pointer{box-sizing:border-box;box-shadow:0 5px 15px 2px rgba(0,0,0,.3);border:1px solid #fff;z-index:-1;width:16px;height:16px;position:absolute;left:calc(50% - 8px);bottom:-8px;transform:rotate(-45deg);transform-origin:center}.ui-tooltip-wrapper>.ui-tooltip-curtain{position:absolute;width:100%;height:100%;z-index:-1}.ui-tooltip-wrapper>.ui-tooltip-content{font-size:var(--font-smaller-size);line-height:1rem;white-space:normal;overflow:hidden;margin:8px;height:calc(100% - 16px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-tooltip-wrapper.ui-tooltip-down>.ui-tooltip-pointer{bottom:unset;top:-8px}.ui-tooltip-wrapper.ui-tooltip-no>.ui-tooltip-pointer{display:none}:root{font-family:var(--serif-font-family);font-size:1.125rem;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--split-border-color: #ccc;--hover-color: #666;--serif-font-family: "Segoe UI Variable Display", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--mono-font-family: "FantasqueSansMono NFM", "Cascadia Code", "PT Mono", Consolas, "Courier New", monospace}input{font-family:var(--serif-font-family)}code,kbd,pre,samp{font-family:var(--mono-font-family);background-color:var(--hover-color);padding:0 10px}code{display:inline-block}pre,samp{font-size:.875em}h2+code{margin-left:70px;position:relative}h2+code::before{content:"签名：";position:absolute;margin-left:-70px}h3,h4{font-family:var(--mono-font-family);font-size:1em;margin-left:10px}h3~p{margin-left:10px}h4{font-size:.9em;-webkit-margin-after:.4em;margin-block-end:.4em}h4+code{font-size:.9rem}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid rgba(0,0,0,0);padding:.6em 1.2em;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body{margin:0;display:flex;height:100vh}h1{font-size:3.2em;line-height:1.1;margin:20px 0}#directory{width:200px;padding:2rem;border-right:1px solid var(--split-border-color);flex:0 0 auto}#directory>ul{padding:0;line-height:1.6em}#directory>ul>li{list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#directory>ul>li.title{margin:20px 0 6px;font-weight:bold;font-size:1.25em}#directory ol{padding-left:10px}#directory ol>li{padding:0 6px;list-style-position:inside;cursor:pointer}#directory ol>li:hover{background-color:var(--hover-color)}#container{width:600px;overflow:auto;padding:20px}#container>div{margin-right:20px}.app-module{margin:8px 0}#create-icon{display:flex;justify-content:center}#create-icon svg{width:20px;height:20px}#create-checkbox{display:flex;flex-direction:column;align-items:center}.ui-check-wrapper .ui-check-inner{width:14px;height:14px}.ui-check-wrapper>span{font-size:1em}.icon-col{cursor:pointer;color:#7b1c21;display:block;overflow:hidden;text-overflow:ellipsis;white-space:pre;text-align:center}.icon-col:hover{text-decoration:underline}@media(prefers-color-scheme: light){:root{--split-border-color: #666;--hover-color: #eee}a:hover{color:#747bff}button{background-color:#f9f9f9}} |