iking-web-ui-pro 0.0.1

package/dist/IkPageFull/style.css

@@ -0,0 +1,7 @@
+/*!
+ * Waves v0.7.6
+ * http://fian.my.id/Waves 
+ * 
+ * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
+ * Released under the MIT license 
+ * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,.2);background:-webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0) translate(0,0);-moz-transform:scale(0) translate(0,0);-ms-transform:scale(0) translate(0,0);-o-transform:scale(0) translate(0,0);transform:scale(0) translate(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,.4);background:-webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,.2)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,.4)}.waves-notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)}.waves-button,.waves-button-input,.waves-button:hover,.waves-button:visited{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;color:inherit;background-color:#0000;font-size:1em;line-height:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:.85em 1.1em;border-radius:.2em}.waves-button-input{margin:0;padding:.85em 1.1em}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px #0000001f;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.waves-float:active{-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);box-shadow:0 8px 20px 1px #0000004d}.waves-block{display:block}.basicWidth[data-v-1957ff53]{width:1em}.basicHeight[data-v-1957ff53]{height:1em}.left-pick-list[data-v-a87521f6]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list[data-v-a87521f6] .el-checkbox{flex:none}.left-pick-list .post-view-list .el-radio-group[data-v-a87521f6],.left-pick-list .post-view-list label[data-v-a87521f6]{width:100%}.left-pick-list .post-view-list label p[data-v-a87521f6]{overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px)}.left-pick-list .post-view-list .el-checkbox[data-v-a87521f6]{display:flex;align-items:center}.left-pick-list .post-view-list .el-checkbox svg[data-v-a87521f6]{width:auto;height:20px;fill:var(--el-text-color-secondary);padding-right:0}.left-pick-list .post-view-list li .el-radio .el-radio__label[data-v-a87521f6]{display:flex;align-items:center;width:100%}.left-pick-list .post-view-list li .el-radio .el-radio__label svg[data-v-a87521f6]{width:auto;height:16px;fill:var(--el-text-color-secondary);padding-right:5px}.left-pick-list .post-view-list li .el-radio.is-checked .el-radio__label svg[data-v-a87521f6]{fill:var(--el-color-primary)}.left-pick-list[data-v-a51e0920]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list .role-view-list .el-radio-group[data-v-a51e0920],.left-pick-list .role-view-list label[data-v-a51e0920]{width:100%}.left-pick-list .role-view-list label p[data-v-a51e0920]{overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px)}.left-pick-list .role-view-list .el-checkbox-group .el-checkbox[data-v-a51e0920]{width:100%}.left-pick-list .role-view-list .el-checkbox-group .el-checkbox svg[data-v-a51e0920]{width:auto;height:16px;fill:var(--el-text-color-secondary);padding-right:5px}.left-pick-list .role-view-list li .el-radio .el-radio__label[data-v-a51e0920]{display:flex;align-items:center;width:100%}.left-pick-list .role-view-list li .el-radio .el-radio__label svg[data-v-a51e0920]{width:auto;height:16px;fill:var(--el-text-color-secondary);padding-right:5px}.left-pick-list .role-view-list li .el-radio.is-checked .el-radio__label svg[data-v-a51e0920]{fill:var(--el-color-primary)}.w-full{width:100%}.p_picker-search-popper{margin-top:-12px!important}.p_p_picker-dialog-modal{z-index:8000!important}.p_p_picker-dialog-modal .p_p_picker-dialog{position:relative}.p_p_picker-dialog-modal .p_p_picker-dialog .el-breadcrumb__inner{color:var(--el-color-primary);cursor:pointer}.p_p_picker-dialog-modal .p_p_picker-dialog .el-breadcrumb__inner:hover{opacity:.85}.p_p_picker-dialog-modal .p_p_picker-dialog .text-over-flow{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;padding-left:4px}.p_p_picker-dialog-modal .p_p_picker-dialog .ik-picker-single{display:flex}.p_p_picker-dialog-modal .p_p_picker-dialog .el-dialog__body{position:relative;padding:0px var(--el-dialog-padding-primary)}.p_p_picker-dialog-modal .p_p_picker-dialog .el-dialog__body:before{position:absolute;content:" ";display:inline-block;height:100%;border-left:1px solid var(--el-border-color);top:0;left:50%}.p_p_picker-dialog-modal .p_p_picker-dialog .ik-picker-tab{margin-top:12px}.p_p_picker-dialog-modal .p_p_picker-dialog .ik-picker-tab .el-radio-button{flex:1}.p_p_picker-dialog-modal .p_p_picker-dialog .ik-picker-tab .el-radio-button .el-radio-button__inner{width:100%}.p_p_picker-dialog-modal .p_p_picker-dialog .el-dialog__header .el-dialog__title{font-size:14px}.p_p_picker-dialog-modal .p_p_picker-dialog .el-dialog__footer{padding:10px var(--el-dialog-padding-primary)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker{display:flex;margin-top:8px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .el-checkbox{flex:none}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .empty{text-align:center;padding:32px 0}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .sel-list,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .choose-list{display:flex;flex-direction:column;width:314px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .sel-list .choose-item,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .choose-list .choose-item{-webkit-user-select:none;user-select:none;height:33px;line-height:33px;padding:0 8px;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .sel-list .top-unlink .el-breadcrumb__item:not(:last-child):first-child .el-breadcrumb__inner{color:var(--el-text-color-regular)!important;cursor:auto!important}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .sel-list .el-breadcrumb__item:not(:last-child):first-child .el-breadcrumb__inner{color:var(--el-color-primary);cursor:pointer}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .sel-list .el-breadcrumb__item:not(:last-child) .el-breadcrumb__inner.is-link{color:var(--el-color-primary)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list{overflow-y:auto;transition:all .25s ease-in-out;flex:1}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio{margin-right:0}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list label{width:calc(100% - 55px)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .filter-user{flex:1;display:flex;font-size:14px;align-items:center;fill:var(--el-text-color-regular);width:calc(100% - 55px)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .filter-user span{line-height:1;padding-left:2px;flex:1;overflow:hidden;text-overflow:ellipsis;padding-right:5px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .filter-user p{flex:1;line-height:1;padding:0 5px 0 8px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group{width:100%}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li{width:100%;box-sizing:border-box}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .readonly{pointer-events:none}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .readonly .el-radio__input{display:none}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .readonly .el-radio__label{padding-left:0}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .el-radio__label{display:flex;align-items:center}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .el-radio__label span{margin-right:5px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .el-radio__label svg{fill:var(--el-text-color-regular);margin-right:3px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .el-radio__label i svg{margin-right:0}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li>svg{fill:var(--el-text-color-regular);margin-right:3px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li i svg{margin-right:0}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .is-checked svg{fill:var(--el-color-primary)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .choose-list ul{overflow-y:auto;height:var(--a67960c8)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .choose-list ul .list-group-item{padding:0 8px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .split-div{margin:0 8px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul{margin:0;padding:0;flex:1}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li{display:flex;align-items:center;justify-content:space-between;height:40px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li div{display:flex;align-items:center;width:calc(100% - 20px)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .next-child{display:flex;align-items:center;cursor:pointer;width:auto;border-left:1px solid var(--ik-split-border-color, #d9d9d9);padding-left:2px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .next-child .el-button span{margin-left:3px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li i{font-size:15px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li svg{width:20px;height:20px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li svg.close{transition:transform .25s}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li svg.close:hover{transform:rotate(90deg)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-radio__label,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label{display:flex;align-items:center;width:calc(100% - 25px)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-radio__label:hover,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label:hover{color:var(--el-color-primary)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-radio__label:hover svg,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label:hover svg{fill:var(--el-color-primary)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-radio__label span,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label span{display:inline-block}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-radio__label .el-avatar,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label .el-avatar{margin-right:3px;display:flex}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-radio__label .el-avatar i,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label .el-avatar i{font-size:20px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-radio__label .el-avatar svg,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label .el-avatar svg{margin:0}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-radio__label svg,.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label svg{fill:var(--el-text-color-regular);margin-right:5px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker ul li .is-checked .el-checkbox__label svg{fill:var(--el-checkbox-checked-text-color)}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .choose-item span{display:inline-block;padding-left:8px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .banner{display:contents;-webkit-user-select:none;user-select:none;flex-wrap:wrap;line-height:30px}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .banner .el-breadcrumb__item{float:none;display:contents}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .check-all{display:flex}.p_p_picker-dialog-modal .p_p_picker-dialog .dep-use-picker .check-all .el-button{margin-left:8px}.p_p_picker-dialog-modal .p_p_picker-dialog .ghost{opacity:.9;background:var(--el-color-primary)!important;color:var(--el-color-white)}.p_p_picker-dialog-modal .p_p_picker-dialog .list-group{height:100%;width:100%;color:var(--el-text-color-regular);transition:all .25s}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item{cursor:pointer;border-radius:4px;background:var(--el-color-primary-light-9);-webkit-user-select:none;user-select:none;display:flex;align-items:center;height:35px!important;font-size:14px;transition:background .25s;color:var(--el-text-color-regular)}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item div svg{fill:var(--el-text-color-secondary)}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item svg{transition:all .25s;fill:transparent}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item:hover{background:var(--el-border-color)!important}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item:hover div svg{fill:var(--el-text-color-regular)}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item:hover svg{fill:var(--el-color-danger)}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item span{padding-left:5px}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.p_p_picker-dialog-modal .p_p_picker-dialog li.list-group-item .el-avatar{padding-left:0}.view-fields.un-inline .el-checkbox[data-v-b848b0c7]{width:100%;background:var(--ik-sub-sidebar-menu-bg);margin:2px 0;padding:8px;border-radius:4px;height:37px}.view-fields[data-v-b848b0c7]{display:flex;justify-content:space-between;max-height:55vh;overflow-y:auto;overflow-x:hidden}.view-fields .check-right[data-v-b848b0c7]{margin-top:37px}.view-fields .single-line[data-v-b848b0c7]{background-color:transparent!important}.view-fields>div[data-v-b848b0c7]:nth-child(1){padding-right:8px;flex:2;border-right:1px solid var(--el-border-color)}.view-fields>div[data-v-b848b0c7]:nth-child(2){flex:1;margin-left:8px}.view-fields>div:nth-child(2) .field-sort[data-v-b848b0c7]{cursor:move;padding:calc(var(--base-p) / 2);color:var(--el-text-color-regular)}.view-fields .el-checkbox[data-v-b848b0c7]{width:195px;margin-right:0}.ghost[data-v-d2a34939]{opacity:.9;background:var(--el-color-primary)!important;color:var(--el-color-white)}.list-group[data-v-d2a34939]{height:100%;width:100%;color:var(--el-text-color-regular);transition:all .25s}.list-group-item[data-v-d2a34939]{cursor:move;border-radius:4px;background:var(--el-color-primary-light-9);margin-bottom:var(--base-m);padding:var(--base-p);-webkit-user-select:none;user-select:none;display:flex;align-items:center}.list-group-item[data-v-d2a34939]:hover{background:var(--el-color-primary-light-7)!important}.list-group-item i[data-v-d2a34939]{margin-right:calc(var(--base-m) / 2);cursor:pointer}.ik-page-header[data-v-659625f1]{justify-content:space-between;flex-direction:column}.ik-page-header .header[data-v-659625f1]{position:relative;z-index:1;height:var(--59e2b6b4);display:flex;padding:0 20px;align-items:center;justify-content:space-between;border-bottom:1px solid}.ik-page-header .header .header-left[data-v-659625f1]{display:flex;align-items:flex-end}.ik-page-header .header .header-left .title[data-v-659625f1]{font-weight:700;font-size:20px;color:var(--ik-page-title-color);margin-right:12px}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__nav-wrap{overflow:unset}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__nav-wrap:after{display:none}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__nav-wrap .el-tabs__nav-scroll{overflow:unset}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__nav-wrap .el-tabs__nav-scroll:after{display:none}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__header{margin:0}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__active-bar{bottom:-18px;height:4px}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__item{padding:0;position:relative}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__item span{font-size:16px;letter-spacing:0;transition:font-size .3s}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__item:not(.is-disabled):hover{color:var(--ik-theme-color)}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__item.is-active span{font-weight:700;font-size:16px;color:var(--ik-theme-color);letter-spacing:0}.ik-page-header .header[data-v-659625f1] .tabs .el-tabs__item+.el-tabs__item{margin-left:40px}.ik-page-header .search-form[data-v-659625f1]{transform:translateY(-100%);height:0;background:var(--ik-card-bg);position:relative;border:none;box-shadow:none;overflow:hidden}.ik-page-header .search-form[data-v-659625f1] .el-form-item{margin-bottom:16px}.ik-page-header .search-form[data-v-659625f1] .el-card__body{padding-bottom:calc(var(--el-card-padding) - 16px)}.ik-page-header .search-form .hide-serch[data-v-659625f1]{cursor:pointer;position:absolute;left:50%;transform:translate(-50%);bottom:-13px;background-color:var(--el-card-bg-color);border-radius:0 0 10px 10px;display:flex;width:50px;align-items:center;justify-content:center;height:13px}.ik-page-header .search-form .hide-serch i[data-v-659625f1]{transform:rotate(180deg)}.ik-page-header.show-search .search-form[data-v-659625f1]{box-shadow:0 5px 8px 8px var(--ik-box-shadow-color);transform:translateY(0);top:-2px;border-radius:6px;margin-bottom:20px;animation-name:search-659625f1;animation-duration:.25s;animation-direction:alternate;animation-fill-mode:forwards}@keyframes search-659625f1{0%{z-index:0;height:0}1%{height:fit-content}99%{z-index:0}to{z-index:1;height:fit-content;overflow:visible}}.ik-pagin-action[data-v-e7b4fc6e]{font-weight:400;font-size:14px;padding:0 16px;margin:8px 0}.ik-pagin-action .total .num[data-v-e7b4fc6e]{padding:0 5px}.ik-pagin-action[data-v-e7b4fc6e] .el-select .el-input{width:110px}.ik-pagin-action[data-v-e7b4fc6e] .el-input .el-input__wrapper{height:28px;padding-right:10px}.ik-pagin-action[data-v-e7b4fc6e] .el-pager li{transition:color .25s,background-color .25s;border-radius:6px}.ik-pagin-action[data-v-e7b4fc6e] .el-pager li.is-active{color:var(--ik-text-hover-color);background-color:var(--el-pagination-hover-color)}.hand-selection[data-v-a4dd744c]{height:72px;background-color:var(--el-color-primary-light-9);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:absolute;top:0;z-index:0;width:100%;transform:translateY(-100%);transition:transform .25s}.hand-selection.select[data-v-a4dd744c]{transform:translateY(0);z-index:1}.hand-selection .choose[data-v-a4dd744c]{font-size:20px;font-weight:700;color:var(--ik-text-color);display:flex;align-items:center}.hand-selection .choose span[data-v-a4dd744c]{color:var(--el-color-primary);padding:0 8px}

package/dist/IkPageTabs/index.es.js

@@ -0,0 +1,135 @@
+import { defineComponent as N, mergeModels as p, useModel as V, ref as $, resolveComponent as y, openBlock as u, createElementBlock as f, Fragment as r, createCommentVNode as o, createVNode as T, normalizeClass as B, withCtx as m, renderList as k, createBlock as S, createElementVNode as I, toDisplayString as h, renderSlot as c } from "vue";
+const z = (e, n) => {
+  if (e.install = (a) => {
+    for (const s of [e, ...Object.values(n ?? {})])
+      a.component(s.name, s);
+  }, n)
+    for (const [a, s] of Object.entries(n))
+      e[a] = s;
+  return e;
+}, M = {
+  key: 0,
+  class: "ik-tabs-split overflow-overlay gl-padding"
+}, P = /* @__PURE__ */ N({
+  __name: "IkPageTabs",
+  props: /* @__PURE__ */ p({
+    // tabs
+    tabs: {
+      type: Array,
+      default: () => []
+    },
+    // 当存在默认slot且需要展示默认slot时
+    defaultSlot: {
+      type: Boolean,
+      default: !0
+    },
+    // 除默认tab其它tab是否首次默认不加载
+    lazyTab: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否拆分tab页和内容页
+    split: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: {
+      type: String || Number,
+      default: ""
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ p(["tabClick", "search"], ["update:modelValue"]),
+  setup(e, { emit: n }) {
+    const a = e, s = n, d = V(e, "modelValue"), i = $(/* @__PURE__ */ new Map());
+    for (const l of a.tabs)
+      i.value.set(l.id, a.lazyTab ? l.id !== d.value : !1);
+    const b = (l) => {
+      d.value = l.paneName, i.value.get(l.paneName) || s("tabClick", l.paneName, l), i.value.set(l.paneName, !1);
+    };
+    return (l, v) => {
+      const g = y("el-tab-pane"), C = y("el-tabs");
+      return u(), f(
+        r,
+        null,
+        [
+          o(' <div class="flex-1 contents"> '),
+          T(C, {
+            modelValue: d.value,
+            "onUpdate:modelValue": v[0] || (v[0] = (t) => d.value = t),
+            class: B(["ik-tabs", {
+              "is-default": l.$slots.default,
+              "split gl-padding gl-container": e.split
+            }]),
+            onTabClick: b
+          }, {
+            default: m(() => [
+              (u(!0), f(
+                r,
+                null,
+                k(e.tabs, (t) => (u(), S(g, {
+                  key: t.id,
+                  disabled: t == null ? void 0 : t.disabled,
+                  name: t.id
+                }, {
+                  label: m(() => [
+                    I(
+                      "span",
+                      null,
+                      h(t.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  default: m(() => [
+                    !l.$slots.default && !i.value.get(t.id) && !e.split ? c(l.$slots, t.id, { key: 0 }, void 0, !0) : o("v-if", !0)
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["disabled", "name"]))),
+                128
+                /* KEYED_FRAGMENT */
+              )),
+              o(" 当存在默认slot且需要展示默认slot时 "),
+              l.$slots.default && e.defaultSlot && !e.split ? c(l.$slots, "default", { key: 0 }, void 0, !0) : o("v-if", !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["modelValue", "class"]),
+          e.split ? (u(), f("div", M, [
+            (u(!0), f(
+              r,
+              null,
+              k(e.tabs, (t) => (u(), f(
+                r,
+                null,
+                [
+                  !l.$slots.default && !i.value.get(t.id) ? c(l.$slots, t.id, { key: 0 }, void 0, !0) : o("v-if", !0)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))),
+              256
+              /* UNKEYED_FRAGMENT */
+            )),
+            l.$slots.default && e.defaultSlot ? c(l.$slots, "default", { key: 0 }, void 0, !0) : o("v-if", !0)
+          ])) : o("v-if", !0),
+          o(" </div> ")
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+const O = (e, n) => {
+  const a = e.__vccOpts || e;
+  for (const [s, d] of n)
+    a[s] = d;
+  return a;
+}, _ = /* @__PURE__ */ O(P, [["__scopeId", "data-v-e282a7f2"]]), E = z(_);
+export {
+  E as IkPageTabs,
+  E as default
+};

package/dist/IkPageTabs/index.umd.js

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const m=(t,d)=>{if(t.install=a=>{for(const s of[t,...Object.values(d??{})])a.component(s.name,s)},d)for(const[a,s]of Object.entries(d))t[a]=s;return t},p={key:0,class:"ik-tabs-split overflow-overlay gl-padding"},u=e.defineComponent({__name:"IkPageTabs",props:e.mergeModels({tabs:{type:Array,default:()=>[]},defaultSlot:{type:Boolean,default:!0},lazyTab:{type:Boolean,default:!1},split:{type:Boolean,default:!1}},{modelValue:{type:String||Number,default:""},modelModifiers:{}}),emits:e.mergeModels(["tabClick","search"],["update:modelValue"]),setup(t,{emit:d}){const a=t,s=d,i=e.useModel(t,"modelValue"),r=e.ref(new Map);for(const l of a.tabs)r.value.set(l.id,a.lazyTab?l.id!==i.value:!1);const k=l=>{i.value=l.paneName,r.value.get(l.paneName)||s("tabClick",l.paneName,l),r.value.set(l.paneName,!1)};return(l,f)=>{const g=e.resolveComponent("el-tab-pane"),y=e.resolveComponent("el-tabs");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(' <div class="flex-1 contents"> '),e.createVNode(y,{modelValue:i.value,"onUpdate:modelValue":f[0]||(f[0]=o=>i.value=o),class:e.normalizeClass(["ik-tabs",{"is-default":l.$slots.default,"split gl-padding gl-container":t.split}]),onTabClick:k},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,o=>(e.openBlock(),e.createBlock(g,{key:o.id,disabled:o==null?void 0:o.disabled,name:o.id},{label:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(o.label),1)]),default:e.withCtx(()=>[!l.$slots.default&&!r.value.get(o.id)&&!t.split?e.renderSlot(l.$slots,o.id,{key:0},void 0,!0):e.createCommentVNode("v-if",!0)]),_:2},1032,["disabled","name"]))),128)),e.createCommentVNode(" 当存在默认slot且需要展示默认slot时 "),l.$slots.default&&t.defaultSlot&&!t.split?e.renderSlot(l.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("v-if",!0)]),_:3},8,["modelValue","class"]),t.split?(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,o=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[!l.$slots.default&&!r.value.get(o.id)?e.renderSlot(l.$slots,o.id,{key:0},void 0,!0):e.createCommentVNode("v-if",!0)],64))),256)),l.$slots.default&&t.defaultSlot?e.renderSlot(l.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" </div> ")],64)}}}),b="",c=m(((t,d)=>{const a=t.__vccOpts||t;for(const[s,i]of d)a[s]=i;return a})(u,[["__scopeId","data-v-e282a7f2"]]));n.IkPageTabs=c,n.default=c,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IkPageTabs/style.css

@@ -0,0 +1 @@
+.ik-tabs[data-v-e282a7f2]{height:100%}.ik-tabs.split[data-v-e282a7f2]{--el-tabs-header-height: 23px;height:52px;background:var(--ik-card-bg);border-radius:var(--el-border-radius-base);position:relative}.ik-tabs.is-default .el-tab-pane[data-v-e282a7f2]{height:unset!important}.ik-tabs[data-v-e282a7f2] .el-tabs__nav-wrap{overflow:unset}.ik-tabs[data-v-e282a7f2] .el-tabs__nav-wrap:after{display:none}.ik-tabs[data-v-e282a7f2] .el-tabs__nav-wrap .el-tabs__nav-scroll{overflow:unset}.ik-tabs[data-v-e282a7f2] .el-tabs__nav-wrap .el-tabs__nav-scroll:after{display:none}.ik-tabs[data-v-e282a7f2] .el-tabs__header{margin:0;position:absolute;left:20px;top:13px}.ik-tabs[data-v-e282a7f2] .el-tabs__content,.ik-tabs[data-v-e282a7f2] .el-tabs__content .el-tab-pane{height:100%;display:flex;flex-direction:column}.ik-tabs[data-v-e282a7f2] .el-tabs__content .el-tab-pane .el-table{height:calc(100% - 118px)}.ik-tabs[data-v-e282a7f2] .el-tabs__active-bar{bottom:-13px;height:4px}.ik-tabs[data-v-e282a7f2] .el-tabs__item{padding:0;position:relative}.ik-tabs[data-v-e282a7f2] .el-tabs__item span{font-size:16px;letter-spacing:0}.ik-tabs[data-v-e282a7f2] .el-tabs__item:not(.is-disabled):hover{color:var(--ik-theme-color)}.ik-tabs[data-v-e282a7f2] .el-tabs__item.is-active span{font-weight:700;font-size:16px;color:var(--ik-theme-color);letter-spacing:0}.ik-tabs[data-v-e282a7f2] .el-tabs__item+.el-tabs__item{margin-left:40px}.ik-tabs-split[data-v-e282a7f2]{background-color:var(--ik-card-bg);flex:1;border-radius:var(--el-border-radius-base);display:flex;flex-direction:column;position:relative;overflow:auto;margin:0 24px 24px}.ik-tabs-split[data-v-e282a7f2]>:first-child{position:absolute;flex:1;display:flex;flex-direction:column;height:100%;width:100%}