iking-web-ui-pro 0.2.22 → 0.2.25

package/dist/IKSearch/style.css

@@ -1 +1 @@
-.ik-head[data-v-d79d14fc]{background:var(--ik-head-color-bg);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.ik-head .ik-head-left[data-v-d79d14fc]{color:var(--ik-color-fs);font-size:20px;font-weight:700}.ik-head .ik-head-right .ik-head-icon[data-v-d79d14fc]{margin-left:10px;width:40px;height:40px;background:#ffffff;border-radius:6px;color:var(--ik-color-primary);font-size:24px;border:none!important}.avatar[data-v-4069f4f8]{width:100%!important;height:100%;border-radius:6px;background-color:var(--ik-color-bg-head);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar svg[data-v-4069f4f8]{fill:var(--ik-color-primary);width:65%;height:65%;margin:0!important}.avatar .user_box[data-v-4069f4f8]{width:100%!important;height:100%}.avatar .avatar_name[data-v-4069f4f8]{width:100%;height:100%;background-color:var(--ik-color-primary);display:flex;align-items:center;justify-content:center;color:var(--ik-color-font-reverse);font-size:14px}.el-avatar[data-v-4069f4f8]{width:100%!important;height:100%!important;display:block;background-color:var(--ik-color-primary)}.left-pick-list[data-v-f7a5199f]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list[data-v-f7a5199f] .el-checkbox{flex:none}.left-pick-list .post-view-list .el-radio-group[data-v-f7a5199f]{width:100%}.left-pick-list .post-view-list label[data-v-f7a5199f]{width:calc(100% - 40px)}.left-pick-list .post-view-list label p[data-v-f7a5199f]{overflow:hidden;text-overflow:ellipsis;color:var(--ik-color-font-title);flex:1}.left-pick-list .post-view-list .el-checkbox[data-v-f7a5199f]{display:flex;align-items:center;justify-content:space-between;flex:1}.left-pick-list .post-view-list .el-checkbox[data-v-f7a5199f] .el-checkbox__label{padding-left:0!important}.left-pick-list .post-view-list li .el-radio[data-v-f7a5199f]{margin-right:0}.left-pick-list .post-view-list li .el-radio .el-radio__label[data-v-f7a5199f]{display:flex;align-items:center;width:100%}.left-pick-list .post-view-list li .el-radio .el-radio__label svg[data-v-f7a5199f]{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-f7a5199f]{fill:var(--el-color-primary)}.left-pick-list .post-view-list .checkText[data-v-f7a5199f]{flex:1;width:100%;display:flex;align-items:center;overflow:hidden}.left-pick-list .post-view-list .checkText .side[data-v-f7a5199f]{width:16px;height:16px;margin-right:8px}.left-pick-list .post-view-list .checkText .name_number[data-v-f7a5199f]{font-size:14px;color:var(--ik-color-font-title);height:32px;overflow:hidden;flex:1}.left-pick-list .post-view-list .iconBox[data-v-f7a5199f]{width:32px;height:32px;margin-right:8px}.left-pick-list .post-view-list .title[data-v-f7a5199f]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;height:32px;display:block;width:0;line-height:32px}.left-pick-list .post-view-list .userCount[data-v-f7a5199f]{color:var(--ik-color-font-secondary);margin:0 4px;height:32px}.left-pick-list .post-view-list .nextLevel[data-v-f7a5199f]{color:var(--ik-color-primary);width:40px;display:flex;align-items:center;cursor:pointer;font-size:14px;line-height:40px}.left-pick-list .post-view-list .nextLevel[data-v-f7a5199f]:before{display:inline-block;content:" ";width:1px;height:14px;background-color:#e3e4e9;margin-right:8px}.left-pick-list .post-view-list .nextLevel.is-disabled[data-v-f7a5199f]{opacity:.5;cursor:not-allowed}.left-pick-list[data-v-e03f0d36]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list[data-v-e03f0d36] .el-checkbox{flex:none}.left-pick-list .post-view-list .el-radio-group[data-v-e03f0d36]{padding-top:20px;width:100%}.left-pick-list .post-view-list label[data-v-e03f0d36]{width:100%}.left-pick-list .post-view-list label p[data-v-e03f0d36]{overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px)}.left-pick-list .post-view-list .el-checkbox[data-v-e03f0d36]{display:flex;align-items:center}.left-pick-list .post-view-list .el-checkbox svg[data-v-e03f0d36]{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-e03f0d36]{display:flex;align-items:center;width:100%}.left-pick-list .post-view-list li .el-radio .el-radio__label svg[data-v-e03f0d36]{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-e03f0d36]{fill:var(--el-color-primary)}.left-pick-list .checkText[data-v-e03f0d36]{flex:1;width:100%;display:flex;align-items:center;overflow:hidden}.left-pick-list .checkText .title[data-v-e03f0d36]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;height:32px;display:block;width:0;line-height:32px;font-size:14px;color:var(--ik-color-font-title)}.left-pick-list .side[data-v-e03f0d36]{width:16px;height:16px;margin-right:8px}.left-pick-list .iconBox[data-v-e03f0d36]{width:32px;height:32px;margin-right:8px}.left-pick-list .iconBox+p[data-v-e03f0d36]{font-size:14px;color:var(--ik-color-font-title)}.left-pick-list[data-v-be3b3e45]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list .role-view-list .el-radio-group[data-v-be3b3e45]{padding-top:20px;width:100%}.left-pick-list .role-view-list label[data-v-be3b3e45]{width:100%}.left-pick-list .role-view-list label p[data-v-be3b3e45]{overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px)}.left-pick-list .role-view-list .el-checkbox-group .el-checkbox[data-v-be3b3e45]{width:100%}.left-pick-list .role-view-list .el-checkbox-group .el-checkbox svg[data-v-be3b3e45]{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-be3b3e45]{display:flex;align-items:center;width:100%}.left-pick-list .role-view-list li .el-radio .el-radio__label svg[data-v-be3b3e45]{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-be3b3e45]{fill:var(--el-color-primary)}.left-pick-list .checkText[data-v-be3b3e45]{flex:1;width:100%;display:flex;align-items:center;overflow:hidden}.left-pick-list .checkText .title[data-v-be3b3e45]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;height:32px;display:block;width:0;line-height:32px;font-size:14px;color:var(--ik-color-font-title)}.left-pick-list .side[data-v-be3b3e45]{width:16px;height:16px;margin-right:8px}.left-pick-list .iconBox[data-v-be3b3e45]{width:32px;height:32px;margin-right:8px}.left-pick-list .iconBox+p[data-v-be3b3e45]{font-size:14px;color:var(--ik-color-font-title)}.w-full{width:100%}.p_picker-search-popper{margin-top:-12px!important}.p_p_picker-dialog-modal-user{z-index:8000!important}.p_p_picker-dialog-modal-user .p_p_picker-dialog{position:relative}.p_p_picker-dialog-modal-user .p_p_picker-dialog .el-breadcrumb__inner{color:var(--el-color-primary);cursor:pointer}.p_p_picker-dialog-modal-user .p_p_picker-dialog .el-breadcrumb__inner:hover{opacity:.85}.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog .ik-picker-single{display:flex;width:100%}.p_p_picker-dialog-modal-user .p_p_picker-dialog .el-dialog__body{position:relative;padding:0px var(--el-dialog-padding-primary)}.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog .ik-picker-tab{margin-top:12px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .ik-picker-tab .el-radio-button{flex:1}.p_p_picker-dialog-modal-user .p_p_picker-dialog .ik-picker-tab .el-radio-button .el-radio-button__inner{width:100%}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker{display:flex;margin-top:8px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .el-checkbox{flex:none}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .empty{text-align:center;padding:32px 0}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .sel-list,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .choose-list{display:flex;flex-direction:column;width:306px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .sel-list .choose-item,.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog .dep-use-picker .sel-list .choose-box,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .choose-list .choose-box{display:flex;flex-wrap:wrap;align-content:flex-start}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .sel-list .choose-box .list-group-item,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .choose-list .choose-box .list-group-item{padding:4px;background-color:var(--ik-color-divider)}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .sel-list .choose-box .list-group-item .avatar_box,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .choose-list .choose-box .list-group-item .avatar_box{width:24px;height:24px}.p_p_picker-dialog-modal-user .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-user .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-user .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-user .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-user .p_p_picker-dialog .dep-use-picker .view-list .el-radio{margin-right:0}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .view-list label{width:calc(100% - 55px)}.p_p_picker-dialog-modal-user .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-user .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-user .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}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group{width:100%}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li{width:100%;box-sizing:border-box}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .readonly{pointer-events:none}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li .readonly .el-radio__input{display:none}.p_p_picker-dialog-modal-user .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-user .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-user .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-user .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-user .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-user .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-user .p_p_picker-dialog .dep-use-picker .view-list .el-radio-group li i svg{margin-right:0}.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog .dep-use-picker .choose-list ul{overflow-y:auto;height:var(--d3f7bd36)}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .split-div{margin:0 8px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul{margin:0;padding:0;flex:1}.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog .dep-use-picker ul li .name_number{flex:1}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li div{display:flex;align-items:center}.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog .dep-use-picker ul li .next-child .el-button span{margin-left:3px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li i{font-size:15px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li svg.close{transition:transform .25s;margin-left:4px;width:16px;height:16px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li svg.close:hover{transform:rotate(90deg)}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-radio__label,.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog .dep-use-picker ul li .el-radio__label:hover svg,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label:hover svg{fill:var(--el-color-primary)}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-radio__label span,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label span{display:inline-block}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-radio__label .el-avatar,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label .el-avatar{display:flex;margin:0!important}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-radio__label .el-avatar i,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label .el-avatar i{font-size:20px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-radio__label .el-avatar svg,.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker ul li .el-checkbox__label .el-avatar svg{margin:0}.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog .dep-use-picker .choose-item span{display:inline-block;padding-left:8px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .banner{display:inline-flex;-webkit-user-select:none;user-select:none;flex-wrap:wrap;line-height:30px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .banner .el-breadcrumb__item{float:none;display:contents}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .check-all{display:flex}.p_p_picker-dialog-modal-user .p_p_picker-dialog .dep-use-picker .check-all .el-button{margin-left:8px}.p_p_picker-dialog-modal-user .p_p_picker-dialog .ghost{opacity:.9;background:var(--el-color-primary)!important;color:var(--el-color-white)}.p_p_picker-dialog-modal-user .p_p_picker-dialog .list-group{height:100%;width:100%;color:var(--el-text-color-regular);transition:all .25s}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item{cursor:pointer;border-radius:6px;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(--ik-color-font-title);margin-right:8px;margin-bottom:8px;max-width:100%;overflow-x:hidden}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item .item_info{width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item div svg{fill:var(--el-text-color-secondary)}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item svg{transition:all .25s;fill:transparent}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item:hover{background:var(--el-border-color)!important}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item:hover div svg{fill:var(--el-text-color-regular)}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item:hover svg{fill:var(--el-color-danger)}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item span{padding-left:5px}.p_p_picker-dialog-modal-user .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-user .p_p_picker-dialog li.list-group-item .el-avatar{padding-left:0}.p_p_picker-dialog-modal-user .p_p_picker-dialog li.list-group-item .avatar_name{font-size:10px}.gl-search-card[data-v-403809ec]{background:var(--ik-cencolor-bg);box-shadow:0 10px 30px 6px #c5c9d845}.gl-search-card .in-label[data-v-403809ec] .el-form-item{border-radius:var(--el-border-radius-base);transition:var(--el-transition-box-shadow);background-color:var(--ik-color-bg)!important;padding:3px 8px}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-input__wrapper{box-shadow:0 0 0 1px #fff0 inset;background-color:var(--ik-color-bg)!important;padding:0}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-form-item__label{width:auto!important;color:var(--el-text-color-regular);font-weight:600}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-select:hover:not(.el-select--disabled) .el-input__wrapper{box-shadow:0 0 0 1px #fff0 inset}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px #fff0 inset!important}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-select,.gl-search-card .in-label[data-v-403809ec] .el-form-item .select-trigger{--el-select-input-focus-border-color: transparent;border:none}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-date-editor.el-input,.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-date-editor.el-input__wrapper{width:100%}.gl-search-card .last-col[data-v-403809ec]{margin-bottom:0!important}.gl-search-card.el-card[data-v-403809ec]{border:none}.gl-search-card.el-card[data-v-403809ec] .el-card__body{display:flex;padding:var(--el-card-padding) var(--el-card-padding) 0 var(--el-card-padding)}.gl-search-card[data-v-403809ec] .el-card__header{border-bottom:none}.gl-search-card[data-v-403809ec] .el-card__header h2{font-weight:600}.gl-search-card.noBody[data-v-403809ec] .el-card__body{padding:0}.gl-search-card .last-with-btn[data-v-403809ec]{display:flex}.gl-search-card .last-with-btn .icon-more[data-v-403809ec]{font-size:18px;height:40px;border:none;width:40px;cursor:pointer;margin-left:8px;transition:all .25s;background:#f3f6f9;border-radius:6px}.gl-search-card .last-with-btn[data-v-403809ec] .el-form-item{margin-right:0}.gl-search-card .el-form[data-v-403809ec]{flex:1}.gl-search-card[data-v-403809ec] .el-row .el-form-item{width:calc(100% - 32px)}.gl-search-card[data-v-403809ec] .el-form--inline .el-form-item .el-form-item__content>div{width:100%}.gl-search-form-popper .el-checkbox-group[data-v-403809ec]{max-height:40vh;overflow-y:auto}@media only screen and (min-width: 1750px){.el-col-l-2[data-v-403809ec]{display:block;max-width:50%;flex:0 0 50%}.el-col-l-4[data-v-403809ec]{display:block;max-width:21.6666667%;flex:0 0 21.6666667%}.el-col-l-5[data-v-403809ec]{display:block;max-width:20%;flex:0 0 20%}.el-col-l-6[data-v-403809ec]{display:block;max-width:25%;flex:0 0 25%}.el-col-l-8[data-v-403809ec]{display:block;max-width:33.333333%;flex:0 0 33.333333%}.gl-search-card .el-card__body .el-col-sl-10.last-col .last-form[data-v-403809ec] .el-form-item{width:calc(61% - 10px)!important}}.ik-pack[data-v-403809ec]{display:flex;align-items:center;justify-content:center}.ik-pack .ik-pack-up[data-v-403809ec]{height:14px;border:none;width:60px;cursor:pointer;background:var(--ik-cencolor-bg);border-radius:0 0 14px 14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px 6px #c5c9d845}
+.ik-head[data-v-d79d14fc]{background:var(--ik-head-color-bg);border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.ik-head .ik-head-left[data-v-d79d14fc]{color:var(--ik-color-fs);font-size:20px;font-weight:700}.ik-head .ik-head-right .ik-head-icon[data-v-d79d14fc]{margin-left:10px;width:40px;height:40px;background:#ffffff;border-radius:6px;color:var(--ik-color-primary);font-size:24px;border:none!important}.avatar[data-v-4069f4f8]{width:100%!important;height:100%;border-radius:6px;background-color:var(--ik-color-bg-head);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar svg[data-v-4069f4f8]{fill:var(--ik-color-primary);width:65%;height:65%;margin:0!important}.avatar .user_box[data-v-4069f4f8]{width:100%!important;height:100%}.avatar .avatar_name[data-v-4069f4f8]{width:100%;height:100%;background-color:var(--ik-color-primary);display:flex;align-items:center;justify-content:center;color:var(--ik-color-font-reverse);font-size:14px}.el-avatar[data-v-4069f4f8]{width:100%!important;height:100%!important;display:block;background-color:var(--ik-color-primary)}.left-pick-list[data-v-f7a5199f]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list[data-v-f7a5199f] .el-checkbox{flex:none}.left-pick-list .post-view-list .el-radio-group[data-v-f7a5199f]{width:100%}.left-pick-list .post-view-list label[data-v-f7a5199f]{width:calc(100% - 40px)}.left-pick-list .post-view-list label p[data-v-f7a5199f]{overflow:hidden;text-overflow:ellipsis;color:var(--ik-color-font-title);flex:1}.left-pick-list .post-view-list .el-checkbox[data-v-f7a5199f]{display:flex;align-items:center;justify-content:space-between;flex:1}.left-pick-list .post-view-list .el-checkbox[data-v-f7a5199f] .el-checkbox__label{padding-left:0!important}.left-pick-list .post-view-list li .el-radio[data-v-f7a5199f]{margin-right:0}.left-pick-list .post-view-list li .el-radio .el-radio__label[data-v-f7a5199f]{display:flex;align-items:center;width:100%}.left-pick-list .post-view-list li .el-radio .el-radio__label svg[data-v-f7a5199f]{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-f7a5199f]{fill:var(--el-color-primary)}.left-pick-list .post-view-list .checkText[data-v-f7a5199f]{flex:1;width:100%;display:flex;align-items:center;overflow:hidden}.left-pick-list .post-view-list .checkText .side[data-v-f7a5199f]{width:16px;height:16px;margin-right:8px}.left-pick-list .post-view-list .checkText .name_number[data-v-f7a5199f]{font-size:14px;color:var(--ik-color-font-title);height:32px;overflow:hidden;flex:1}.left-pick-list .post-view-list .iconBox[data-v-f7a5199f]{width:32px;height:32px;margin-right:8px}.left-pick-list .post-view-list .title[data-v-f7a5199f]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;height:32px;display:block;width:0;line-height:32px}.left-pick-list .post-view-list .userCount[data-v-f7a5199f]{color:var(--ik-color-font-secondary);margin:0 4px;height:32px}.left-pick-list .post-view-list .nextLevel[data-v-f7a5199f]{color:var(--ik-color-primary);width:40px;display:flex;align-items:center;cursor:pointer;font-size:14px;line-height:40px}.left-pick-list .post-view-list .nextLevel[data-v-f7a5199f]:before{display:inline-block;content:" ";width:1px;height:14px;background-color:#e3e4e9;margin-right:8px}.left-pick-list .post-view-list .nextLevel.is-disabled[data-v-f7a5199f]{opacity:.5;cursor:not-allowed}.left-pick-list[data-v-e03f0d36]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list[data-v-e03f0d36] .el-checkbox{flex:none}.left-pick-list .post-view-list .el-radio-group[data-v-e03f0d36]{padding-top:20px;width:100%}.left-pick-list .post-view-list label[data-v-e03f0d36]{width:100%}.left-pick-list .post-view-list label p[data-v-e03f0d36]{overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px)}.left-pick-list .post-view-list .el-checkbox[data-v-e03f0d36]{display:flex;align-items:center}.left-pick-list .post-view-list .el-checkbox svg[data-v-e03f0d36]{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-e03f0d36]{display:flex;align-items:center;width:100%}.left-pick-list .post-view-list li .el-radio .el-radio__label svg[data-v-e03f0d36]{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-e03f0d36]{fill:var(--el-color-primary)}.left-pick-list .checkText[data-v-e03f0d36]{flex:1;width:100%;display:flex;align-items:center;overflow:hidden}.left-pick-list .checkText .title[data-v-e03f0d36]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;height:32px;display:block;width:0;line-height:32px;font-size:14px;color:var(--ik-color-font-title)}.left-pick-list .side[data-v-e03f0d36]{width:16px;height:16px;margin-right:8px}.left-pick-list .iconBox[data-v-e03f0d36]{width:32px;height:32px;margin-right:8px}.left-pick-list .iconBox+p[data-v-e03f0d36]{font-size:14px;color:var(--ik-color-font-title)}.left-pick-list[data-v-be3b3e45]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list .role-view-list .el-radio-group[data-v-be3b3e45]{padding-top:20px;width:100%}.left-pick-list .role-view-list label[data-v-be3b3e45]{width:100%}.left-pick-list .role-view-list label p[data-v-be3b3e45]{overflow:hidden;text-overflow:ellipsis;width:calc(100% - 20px)}.left-pick-list .role-view-list .el-checkbox-group .el-checkbox[data-v-be3b3e45]{width:100%}.left-pick-list .role-view-list .el-checkbox-group .el-checkbox svg[data-v-be3b3e45]{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-be3b3e45]{display:flex;align-items:center;width:100%}.left-pick-list .role-view-list li .el-radio .el-radio__label svg[data-v-be3b3e45]{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-be3b3e45]{fill:var(--el-color-primary)}.left-pick-list .checkText[data-v-be3b3e45]{flex:1;width:100%;display:flex;align-items:center;overflow:hidden}.left-pick-list .checkText .title[data-v-be3b3e45]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;height:32px;display:block;width:0;line-height:32px;font-size:14px;color:var(--ik-color-font-title)}.left-pick-list .side[data-v-be3b3e45]{width:16px;height:16px;margin-right:8px}.left-pick-list .iconBox[data-v-be3b3e45]{width:32px;height:32px;margin-right:8px}.left-pick-list .iconBox+p[data-v-be3b3e45]{font-size:14px;color:var(--ik-color-font-title)}.w-full{width:100%}.p_picker-search-popper{margin-top:-12px!important}.p_p_picker-dialog-modal-user{z-index:8000!important}.p_p_picker-dialog-modal-user .el-breadcrumb__inner{color:var(--el-color-primary);cursor:pointer}.p_p_picker-dialog-modal-user .el-breadcrumb__inner:hover{opacity:.85}.p_p_picker-dialog-modal-user .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-user .ik-picker-single{display:flex;width:100%}.p_p_picker-dialog-modal-user .el-dialog__body{position:relative;padding:0px var(--el-dialog-padding-primary)}.p_p_picker-dialog-modal-user .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-user .ik-picker-tab{margin-top:12px}.p_p_picker-dialog-modal-user .ik-picker-tab .el-radio-button{flex:1}.p_p_picker-dialog-modal-user .ik-picker-tab .el-radio-button .el-radio-button__inner{width:100%}.p_p_picker-dialog-modal-user .dep-use-picker{display:flex;margin-top:8px}.p_p_picker-dialog-modal-user .dep-use-picker .el-checkbox{flex:none}.p_p_picker-dialog-modal-user .dep-use-picker .empty{text-align:center;padding:32px 0}.p_p_picker-dialog-modal-user .dep-use-picker .sel-list,.p_p_picker-dialog-modal-user .dep-use-picker .choose-list{display:flex;flex-direction:column;width:306px}.p_p_picker-dialog-modal-user .dep-use-picker .sel-list .choose-item,.p_p_picker-dialog-modal-user .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-user .dep-use-picker .sel-list .choose-box,.p_p_picker-dialog-modal-user .dep-use-picker .choose-list .choose-box{display:flex;flex-wrap:wrap;align-content:flex-start}.p_p_picker-dialog-modal-user .dep-use-picker .sel-list .choose-box .list-group-item,.p_p_picker-dialog-modal-user .dep-use-picker .choose-list .choose-box .list-group-item{padding:4px;background-color:var(--ik-color-divider)}.p_p_picker-dialog-modal-user .dep-use-picker .sel-list .choose-box .list-group-item .avatar_box,.p_p_picker-dialog-modal-user .dep-use-picker .choose-list .choose-box .list-group-item .avatar_box{width:24px;height:24px}.p_p_picker-dialog-modal-user .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-user .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-user .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-user .dep-use-picker .view-list{overflow-y:auto;transition:all .25s ease-in-out;flex:1}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio{margin-right:0}.p_p_picker-dialog-modal-user .dep-use-picker .view-list label{width:calc(100% - 55px)}.p_p_picker-dialog-modal-user .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-user .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-user .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}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group{width:100%}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li{width:100%;box-sizing:border-box}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li .readonly{pointer-events:none}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li .readonly .el-radio__input{display:none}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li .readonly .el-radio__label{padding-left:0}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li .el-radio__label{display:flex;align-items:center}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li .el-radio__label span{margin-right:5px}.p_p_picker-dialog-modal-user .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-user .dep-use-picker .view-list .el-radio-group li .el-radio__label i svg{margin-right:0}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li>svg{fill:var(--el-text-color-regular);margin-right:3px}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li i svg{margin-right:0}.p_p_picker-dialog-modal-user .dep-use-picker .view-list .el-radio-group li .is-checked svg{fill:var(--el-color-primary)}.p_p_picker-dialog-modal-user .dep-use-picker .choose-list ul{overflow-y:auto;height:var(--204e6f3a)}.p_p_picker-dialog-modal-user .dep-use-picker .split-div{margin:0 8px}.p_p_picker-dialog-modal-user .dep-use-picker ul{margin:0;padding:0;flex:1}.p_p_picker-dialog-modal-user .dep-use-picker ul li{display:flex;align-items:center;justify-content:space-between;height:40px}.p_p_picker-dialog-modal-user .dep-use-picker ul li .name_number{flex:1}.p_p_picker-dialog-modal-user .dep-use-picker ul li div{display:flex;align-items:center}.p_p_picker-dialog-modal-user .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-user .dep-use-picker ul li .next-child .el-button span{margin-left:3px}.p_p_picker-dialog-modal-user .dep-use-picker ul li i{font-size:15px}.p_p_picker-dialog-modal-user .dep-use-picker ul li svg.close{transition:transform .25s;margin-left:4px;width:16px;height:16px}.p_p_picker-dialog-modal-user .dep-use-picker ul li svg.close:hover{transform:rotate(90deg)}.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-radio__label,.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-checkbox__label{display:flex;align-items:center;width:calc(100% - 25px)}.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-radio__label:hover svg,.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-checkbox__label:hover svg{fill:var(--el-color-primary)}.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-radio__label span,.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-checkbox__label span{display:inline-block}.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-radio__label .el-avatar,.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-checkbox__label .el-avatar{display:flex;margin:0!important}.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-radio__label .el-avatar i,.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-checkbox__label .el-avatar i{font-size:20px}.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-radio__label .el-avatar svg,.p_p_picker-dialog-modal-user .dep-use-picker ul li .el-checkbox__label .el-avatar svg{margin:0}.p_p_picker-dialog-modal-user .dep-use-picker ul li .is-checked .el-checkbox__label svg{fill:var(--el-checkbox-checked-text-color)}.p_p_picker-dialog-modal-user .dep-use-picker .choose-item span{display:inline-block;padding-left:8px}.p_p_picker-dialog-modal-user .dep-use-picker .banner{display:inline-flex;-webkit-user-select:none;user-select:none;flex-wrap:wrap;line-height:30px}.p_p_picker-dialog-modal-user .dep-use-picker .banner .el-breadcrumb__item{float:none;display:contents}.p_p_picker-dialog-modal-user .dep-use-picker .check-all{display:flex}.p_p_picker-dialog-modal-user .dep-use-picker .check-all .el-button{margin-left:8px}.p_p_picker-dialog-modal-user .ghost{opacity:.9;background:var(--el-color-primary)!important;color:var(--el-color-white)}.p_p_picker-dialog-modal-user .list-group{height:100%;width:100%;color:var(--el-text-color-regular);transition:all .25s}.p_p_picker-dialog-modal-user li.list-group-item{cursor:pointer;border-radius:6px;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(--ik-color-font-title);margin-right:8px;margin-bottom:8px;max-width:100%;overflow-x:hidden}.p_p_picker-dialog-modal-user li.list-group-item .item_info{width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p_p_picker-dialog-modal-user li.list-group-item div svg{fill:var(--el-text-color-secondary)}.p_p_picker-dialog-modal-user li.list-group-item svg{transition:all .25s;fill:transparent}.p_p_picker-dialog-modal-user li.list-group-item:hover{background:var(--el-border-color)!important}.p_p_picker-dialog-modal-user li.list-group-item:hover div svg{fill:var(--el-text-color-regular)}.p_p_picker-dialog-modal-user li.list-group-item:hover svg{fill:var(--el-color-danger)}.p_p_picker-dialog-modal-user li.list-group-item span{padding-left:5px}.p_p_picker-dialog-modal-user li.list-group-item span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.p_p_picker-dialog-modal-user li.list-group-item .el-avatar{padding-left:0}.p_p_picker-dialog-modal-user li.list-group-item .avatar_name{font-size:10px}.gl-search-card[data-v-403809ec]{background:var(--ik-cencolor-bg);box-shadow:0 10px 30px 6px #c5c9d845}.gl-search-card .in-label[data-v-403809ec] .el-form-item{border-radius:var(--el-border-radius-base);transition:var(--el-transition-box-shadow);background-color:var(--ik-color-bg)!important;padding:3px 8px}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-input__wrapper{box-shadow:0 0 0 1px #fff0 inset;background-color:var(--ik-color-bg)!important;padding:0}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-form-item__label{width:auto!important;color:var(--el-text-color-regular);font-weight:600}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-select:hover:not(.el-select--disabled) .el-input__wrapper{box-shadow:0 0 0 1px #fff0 inset}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px #fff0 inset!important}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-select,.gl-search-card .in-label[data-v-403809ec] .el-form-item .select-trigger{--el-select-input-focus-border-color: transparent;border:none}.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-date-editor.el-input,.gl-search-card .in-label[data-v-403809ec] .el-form-item .el-date-editor.el-input__wrapper{width:100%}.gl-search-card .last-col[data-v-403809ec]{margin-bottom:0!important}.gl-search-card.el-card[data-v-403809ec]{border:none}.gl-search-card.el-card[data-v-403809ec] .el-card__body{display:flex;padding:var(--el-card-padding) var(--el-card-padding) 0 var(--el-card-padding)}.gl-search-card[data-v-403809ec] .el-card__header{border-bottom:none}.gl-search-card[data-v-403809ec] .el-card__header h2{font-weight:600}.gl-search-card.noBody[data-v-403809ec] .el-card__body{padding:0}.gl-search-card .last-with-btn[data-v-403809ec]{display:flex}.gl-search-card .last-with-btn .icon-more[data-v-403809ec]{font-size:18px;height:40px;border:none;width:40px;cursor:pointer;margin-left:8px;transition:all .25s;background:#f3f6f9;border-radius:6px}.gl-search-card .last-with-btn[data-v-403809ec] .el-form-item{margin-right:0}.gl-search-card .el-form[data-v-403809ec]{flex:1}.gl-search-card[data-v-403809ec] .el-row .el-form-item{width:calc(100% - 32px)}.gl-search-card[data-v-403809ec] .el-form--inline .el-form-item .el-form-item__content>div{width:100%}.gl-search-form-popper .el-checkbox-group[data-v-403809ec]{max-height:40vh;overflow-y:auto}@media only screen and (min-width: 1750px){.el-col-l-2[data-v-403809ec]{display:block;max-width:50%;flex:0 0 50%}.el-col-l-4[data-v-403809ec]{display:block;max-width:21.6666667%;flex:0 0 21.6666667%}.el-col-l-5[data-v-403809ec]{display:block;max-width:20%;flex:0 0 20%}.el-col-l-6[data-v-403809ec]{display:block;max-width:25%;flex:0 0 25%}.el-col-l-8[data-v-403809ec]{display:block;max-width:33.333333%;flex:0 0 33.333333%}.gl-search-card .el-card__body .el-col-sl-10.last-col .last-form[data-v-403809ec] .el-form-item{width:calc(61% - 10px)!important}}.ik-pack[data-v-403809ec]{display:flex;align-items:center;justify-content:center}.ik-pack .ik-pack-up[data-v-403809ec]{height:14px;border:none;width:60px;cursor:pointer;background:var(--ik-cencolor-bg);border-radius:0 0 14px 14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px 6px #c5c9d845}

package/dist/IKVerticalStepBar/ik.index.es.js

@@ -1,30 +1,30 @@
-import { defineComponent as E, computed as b, resolveComponent as j, openBlock as n, createElementBlock as u, withModifiers as z, normalizeClass as d, normalizeStyle as f, createCommentVNode as _, createElementVNode as h, createBlock as $, withCtx as F, createTextVNode as K, toDisplayString as C, Fragment as N, renderList as O, unref as T } from "vue";
-import { ikColor as W } from "iking-utils-pro";
-const L = (s, p) => {
-  if (s.install = (o) => {
-    for (const e of [s, ...Object.values(p ?? {})])
-      o.component(e.name, e);
-  }, p)
-    for (const [o, e] of Object.entries(p))
-      s[o] = e;
-  return s;
-}, q = (s, p) => {
-  const o = s.__vccOpts || s;
-  for (const [e, i] of p)
-    o[e] = i;
+import { defineComponent as T, computed as k, resolveComponent as z, openBlock as s, createElementBlock as u, normalizeClass as v, normalizeStyle as p, createCommentVNode as m, createElementVNode as f, createBlock as b, withCtx as S, createTextVNode as V, toDisplayString as _, Fragment as j, renderList as F, unref as N } from "vue";
+import { ikColor as q } from "iking-utils-pro";
+const E = (o, d) => {
+  if (o.install = (e) => {
+    for (const i of [o, ...Object.values(d ?? {})])
+      e.component(i.name, i);
+  }, d)
+    for (const [e, i] of Object.entries(d))
+      o[e] = i;
   return o;
-}, X = {
+}, K = (o, d) => {
+  const e = o.__vccOpts || o;
+  for (const [i, n] of d)
+    e[i] = n;
+  return e;
+}, W = {
   key: 0,
   class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
-}, Y = {
+}, X = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, A = ["xlink:href"], D = ["src"], M = {
+}, Y = ["xlink:href"], A = ["src"], D = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, G = ["xlink:href"], H = ["src"], J = /* @__PURE__ */ E({
+}, G = ["xlink:href"], H = ["src"], J = /* @__PURE__ */ T({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -50,12 +50,11 @@ const L = (s, p) => {
     warning: { type: Boolean },
     width: {}
   },
-  emits: ["click"],
-  setup(s, { emit: p }) {
-    const o = s, e = b(() => o), i = b(() => {
+  setup(o) {
+    const d = o, e = k(() => d), i = k(() => {
       const { name: l } = e.value;
       return /^http?:\/\//.test(l) ? "img" : /i-[^:]+:[^:]+/.test(l) ? "unocss" : l != null && l.startsWith("iksig") ? "iksig" : l != null && l.includes(":") ? "iconify" : l != null && l.startsWith("iksvg") ? "svg" : "i";
-    }), v = b(() => {
+    }), n = k(() => {
       const l = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -70,29 +69,27 @@ const L = (s, p) => {
             break;
         }
       e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
-      const y = {
+      const h = {
+        pointerEvents: e.value.disabled ? "none" : "auto",
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...l.length && { transform: l.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
         ...e.value.color && i.value !== "iksig" ? {
           "--ik-color-icon-dark": e.value.color,
-          "--ik-color-icon-light": e.value.colorLight || W.setOpacity(e.value.color, e.value.opacity)
+          "--ik-color-icon-light": e.value.colorLight || q.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (y.width = y.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), y;
-    }), B = p, m = (l) => {
-      e.value.disabled || B("click", l);
-    };
-    return (l, y) => {
-      const w = j("el-tooltip"), x = j("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (n(), u("span", X, [
-        e.value.notip || !e.value.title ? (n(), u(
+      return e.value.width && (h.width = h.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), h;
+    });
+    return (l, h) => {
+      const w = z("el-tooltip"), x = z("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (s(), u("span", W, [
+        e.value.notip || !e.value.title ? (s(), u(
           "i",
           {
             key: 0,
-            onClick: z(m, ["stop"]),
-            class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
               [l.name]: i.value === "unocss",
               "show-bg": e.value.showBg || e.value.bg,
               default: e.value.size === "default",
@@ -105,34 +102,34 @@ const L = (s, p) => {
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: f(v.value)
+            style: p(n.value)
           },
           [
-            _(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            i.value === "iksig" ? (n(), u(
+            m(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            i.value === "iksig" ? (s(), u(
               "i",
               {
                 key: 0,
-                class: d(`iksig ${e.value.name}`),
-                style: f(v.value)
+                class: v(`iksig ${e.value.name}`),
+                style: p(n.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : i.value === "svg" ? (n(), u("svg", Y, [
-              h("use", {
+            )) : i.value === "svg" ? (s(), u("svg", X, [
+              f("use", {
                 "xlink:href": `#${e.value.name}`
-              }, null, 8, A)
-            ])) : i.value === "img" ? (n(), u("img", {
+              }, null, 8, Y)
+            ])) : i.value === "img" ? (s(), u("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, D)) : (n(), u(
+            }, null, 8, A)) : (s(), u(
               "i",
               {
                 key: 3,
-                class: d(e.value.name),
-                style: f(v.value)
+                class: v(e.value.name),
+                style: p(n.value)
               },
               null,
               6
@@ -141,16 +138,16 @@ const L = (s, p) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (n(), $(w, {
+        )) : (s(), b(w, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: F(() => [
-            h(
+          default: S(() => [
+            f(
               "i",
               {
-                class: d(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
                   [l.name]: i.value === "unocss",
                   "show-bg": e.value.showBg || e.value.bg,
                   default: e.value.size === "default",
@@ -162,34 +159,33 @@ const L = (s, p) => {
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                onClick: z(m, ["stop"]),
-                style: f(v.value)
+                style: p(n.value)
               },
               [
-                i.value === "iksig" ? (n(), u(
+                i.value === "iksig" ? (s(), u(
                   "i",
                   {
                     key: 0,
-                    class: d(`iksig ${e.value.name}`),
-                    style: f(v.value)
+                    class: v(`iksig ${e.value.name}`),
+                    style: p(n.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : i.value === "svg" ? (n(), u("svg", M, [
-                  h("use", {
+                )) : i.value === "svg" ? (s(), u("svg", D, [
+                  f("use", {
                     "xlink:href": `#${e.value.name}`
                   }, null, 8, G)
-                ])) : i.value === "img" ? (n(), u("img", {
+                ])) : i.value === "img" ? (s(), u("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, H)) : (n(), u(
+                }, null, 8, H)) : (s(), u(
                   "i",
                   {
                     key: 3,
-                    class: d(e.value.name),
-                    style: f(v.value)
+                    class: v(e.value.name),
+                    style: p(n.value)
                   },
                   null,
                   6
@@ -203,14 +199,13 @@ const L = (s, p) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (n(), $(x, {
+      ])) : (s(), b(x, {
         key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : "",
-        onClick: z(m, ["stop"])
+        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: F(() => [
-          K(
-            C(e.value.title),
+        default: S(() => [
+          V(
+            _(e.value.title),
             1
             /* TEXT */
           )
@@ -221,7 +216,7 @@ const L = (s, p) => {
     };
   }
 });
-const P = /* @__PURE__ */ q(J, [["__scopeId", "data-v-4a1004b9"]]), V = L(P), Q = { class: "content" }, R = { class: "top" }, U = ["onClick"], Z = ["id"], ee = ["onClick"], te = /* @__PURE__ */ E({
+const M = /* @__PURE__ */ K(J, [["__scopeId", "data-v-52806adf"]]), O = E(M), P = { class: "content" }, Q = { class: "top" }, R = ["onClick"], U = ["id"], Z = ["onClick"], ee = /* @__PURE__ */ T({
   __name: "IKVerticalStepBar",
   props: {
     // 当前激活的下标
@@ -249,104 +244,104 @@ const P = /* @__PURE__ */ q(J, [["__scopeId", "data-v-4a1004b9"]]), V = L(P), Q
     }
   },
   emits: ["click", "update:active"],
-  setup(s, { emit: p }) {
-    const o = s, e = p, i = b(() => Number(
-      o.active.indexOf("-") > 0 ? o.active.split("-")[0] : o.active
-    )), v = b(() => o.active.indexOf("-") > 0 ? Number(o.active.split("-")[1]) : 0), B = (c) => {
-      let a = "", t = c + 1;
-      return t < i.value ? a = "before-bg" : t === i.value ? a = "active-bg" : t > i.value && (a = "after-bg"), `${a} index`;
-    }, m = (c) => {
-      let a = "", t = c + 1;
-      return t < i.value ? a = "before-text" : t === i.value ? a = "active-text" : t > i.value && (a = "after-text"), `${a} text`;
-    }, l = (c) => {
-      let a = "", t = c + 1;
-      return t < i.value ? a = "before-style" : t < o.list.length && (a = "after-style"), `${a} bottom`;
-    }, y = (c, a) => {
-      let t = "", r = c + 1, g = a + 1;
-      return r < i.value ? t = "before-text" : r === i.value ? g < v.value ? t = "before-text" : g === v.value ? t = "active-text" : g > v.value && (t = "after-text") : r > i.value && (t = "after-text"), `${t} child-text`;
-    }, w = (c, a) => {
-      o.needClick && (c[o.propsField.children] || (e("update:active", a + ""), e("click", c)));
-    }, x = (c, a) => {
-      c.show = !c.show;
+  setup(o, { emit: d }) {
+    const e = o, i = d, n = k(() => Number(
+      e.active.indexOf("-") > 0 ? e.active.split("-")[0] : e.active
+    )), l = k(() => e.active.indexOf("-") > 0 ? Number(e.active.split("-")[1]) : 0), h = (r) => {
+      let a = "", t = r + 1;
+      return t < n.value ? a = "before-bg" : t === n.value ? a = "active-bg" : t > n.value && (a = "after-bg"), `${a} index`;
+    }, w = (r) => {
+      let a = "", t = r + 1;
+      return t < n.value ? a = "before-text" : t === n.value ? a = "active-text" : t > n.value && (a = "after-text"), `${a} text`;
+    }, x = (r) => {
+      let a = "", t = r + 1;
+      return t < n.value ? a = "before-style" : t < e.list.length && (a = "after-style"), `${a} bottom`;
+    }, L = (r, a) => {
+      let t = "", c = r + 1, y = a + 1;
+      return c < n.value ? t = "before-text" : c === n.value ? y < l.value ? t = "before-text" : y === l.value ? t = "active-text" : y > l.value && (t = "after-text") : c > n.value && (t = "after-text"), `${t} child-text`;
+    }, $ = (r, a) => {
+      e.needClick && (r[e.propsField.children] || (i("update:active", a + ""), i("click", r)));
+    }, B = (r, a) => {
+      r.show = !r.show;
       let t = document.getElementById(`children${a}`);
-      c.show ? t.style.display = "none" : t.style.display = "block";
+      r.show ? t.style.display = "none" : t.style.display = "block";
     };
-    return (c, a) => (n(), u("div", Q, [
-      (n(!0), u(
-        N,
+    return (r, a) => (s(), u("div", P, [
+      (s(!0), u(
+        j,
         null,
-        O(s.list, (t, r) => {
-          var g, S;
-          return n(), u("div", {
+        F(o.list, (t, c) => {
+          var y, I;
+          return s(), u("div", {
             class: "line-block",
-            key: r
+            key: c
           }, [
-            h("div", R, [
-              h(
+            f("div", Q, [
+              f(
                 "div",
                 {
-                  class: d(B(r))
+                  class: v(h(c))
                 },
-                C(r + 1),
+                _(c + 1),
                 3
                 /* TEXT, CLASS */
               ),
-              h("div", {
-                class: d(m(r)),
-                style: f(s.needClick ? "cursor: pointer;" : ""),
-                onClick: (k) => w(t, r + 1)
+              f("div", {
+                class: v(w(c)),
+                style: p(o.needClick ? "cursor: pointer;" : ""),
+                onClick: (g) => $(t, c + 1)
               }, [
-                K(
-                  C(t[s.propsField.name]) + " ",
+                V(
+                  _(t[o.propsField.name]) + " ",
                   1
                   /* TEXT */
                 ),
-                _(` <i\r
+                m(` <i\r
             v-if="item[propsField.children]?.length && !item.show"\r
             class="ikapprove icon-a-putongjiantouzhankai"\r
             @click="changeShow(item, index)"\r
           ></i> `),
-                (g = t[s.propsField.children]) != null && g.length && !t.show ? (n(), $(T(V), {
+                (y = t[o.propsField.children]) != null && y.length && !t.show ? (s(), b(N(O), {
                   key: 0,
                   class: "ikapprove",
-                  onClick: (k) => x(t, r),
+                  onClick: (g) => B(t, c),
                   name: "iksvg_zhankai"
-                }, null, 8, ["onClick"])) : _("v-if", !0),
-                _(` <i\r
+                }, null, 8, ["onClick"])) : m("v-if", !0),
+                m(` <i\r
             v-if="item[propsField.children]?.length && item.show"\r
             @click="changeShow(item, index)"\r
             class="ikapprove icon-a-putongjiantoushouqi"\r
           ></i> `),
-                (S = t[s.propsField.children]) != null && S.length && t.show ? (n(), $(T(V), {
+                (I = t[o.propsField.children]) != null && I.length && t.show ? (s(), b(N(O), {
                   key: 1,
                   class: "ikapprove",
-                  onClick: (k) => x(t, r),
+                  onClick: (g) => B(t, c),
                   name: "iksvg_shouqi"
-                }, null, 8, ["onClick"])) : _("v-if", !0)
-              ], 14, U)
+                }, null, 8, ["onClick"])) : m("v-if", !0)
+              ], 14, R)
             ]),
-            h(
+            f(
               "ul",
               {
-                class: d(l(r))
+                class: v(x(c))
               },
               [
-                h("div", {
-                  id: `children${r}`
+                f("div", {
+                  id: `children${c}`
                 }, [
-                  (n(!0), u(
-                    N,
+                  (s(!0), u(
+                    j,
                     null,
-                    O(t[s.propsField.children], (k, I) => (n(), u("li", {
-                      class: d(y(r, I)),
-                      style: f(s.needClick ? "cursor: pointer;" : ""),
-                      key: I,
-                      onClick: (ie) => w(k, r + 1 + "-" + (I + 1))
-                    }, C(k.name), 15, ee))),
+                    F(t[o.propsField.children], (g, C) => (s(), u("li", {
+                      class: v(L(c, C)),
+                      style: p(o.needClick ? "cursor: pointer;" : ""),
+                      key: C,
+                      onClick: (le) => $(g, c + 1 + "-" + (C + 1))
+                    }, _(g.name), 15, Z))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
-                ], 8, Z)
+                ], 8, U)
               ],
               2
               /* CLASS */
@@ -359,8 +354,8 @@ const P = /* @__PURE__ */ q(J, [["__scopeId", "data-v-4a1004b9"]]), V = L(P), Q
     ]));
   }
 });
-const le = /* @__PURE__ */ q(te, [["__scopeId", "data-v-240cff4f"]]), se = L(le);
+const te = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-240cff4f"]]), ne = E(te);
 export {
-  se as IKVerticalStepBar,
-  se as default
+  ne as IKVerticalStepBar,
+  ne as default
 };

package/dist/IKVerticalStepBar/ik.index.umd.js

@@ -1,9 +1,9 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.index={},d.vue,d["iking-utils-pro"]))})(this,function(d,e,x){"use strict";const _=(a,u)=>{if(a.install=s=>{for(const t of[a,...Object.values(u??{})])s.component(t.name,t)},u)for(const[s,t]of Object.entries(u))a[s]=t;return a},b=(a,u)=>{const s=a.__vccOpts||a;for(const[t,n]of u)s[t]=n;return s},S={key:0,class:"ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"},E={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},$=["xlink:href"],I=["src"],N={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},V=["xlink:href"],j=["src"],T=e.defineComponent({name:"IkSvgIcon",__name:"index",props:{active:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},color:{},colorLight:{},disabled:{type:Boolean,default:!1},error:{type:Boolean},flip:{},name:{},notip:{type:Boolean,default:!1},opacity:{default:.5},padding:{default:"6px"},primary:{type:Boolean},rotate:{},showBg:{type:Boolean,default:!1},size:{default:""},success:{type:Boolean},tableIconType:{},title:{},type:{},warning:{type:Boolean},width:{}},emits:["click"],setup(a,{emit:u}){const s=a,t=e.computed(()=>s),n=e.computed(()=>{const{name:o}=t.value;return/^http?:\/\//.test(o)?"img":/i-[^:]+:[^:]+/.test(o)?"unocss":o!=null&&o.startsWith("iksig")?"iksig":o!=null&&o.includes(":")?"iconify":o!=null&&o.startsWith("iksvg")?"svg":"i"}),p=e.computed(()=>{const o=[];if(t.value.flip)switch(t.value.flip){case"horizontal":o.push("rotateY(180deg)");break;case"vertical":o.push("rotateX(180deg)");break;case"both":o.push("rotateX(180deg)"),o.push("rotateY(180deg)");break}t.value.rotate&&o.push(`rotate(${t.value.rotate%360}deg)`);const m={...t.value.color&&{color:t.value.color},...t.value.size&&{fontSize:typeof t.value.size=="number"?`${t.value.size}px`:t.value.size},...o.length&&{transform:o.join(" ")},padding:t.value.showBg||t.value.bg?t.value.padding:0,...t.value.color&&n.value!=="iksig"?{"--ik-color-icon-dark":t.value.color,"--ik-color-icon-light":t.value.colorLight||x.ikColor.setOpacity(t.value.color,t.value.opacity)}:{}};return t.value.width&&(m.width=m.height=typeof t.value.width=="number"?`${t.value.width}px`:t.value.width),m}),v=u,k=o=>{t.value.disabled||v("click",o)};return(o,m)=>{const h=e.resolveComponent("el-tooltip"),g=e.resolveComponent("el-button");return t.value.tableIconType==="icon"||!t.value.tableIconType?(e.openBlock(),e.createElementBlock("span",S,[t.value.notip||!t.value.title?(e.openBlock(),e.createElementBlock("i",{key:0,onClick:e.withModifiers(k,["stop"]),class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[o.name]:n.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:t.value.primary||t.value.type==="primary",success:o.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active,disabled:t.value.disabled}]),style:e.normalizeStyle(p.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),n.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(p.value)},null,6)):n.value==="svg"?(e.openBlock(),e.createElementBlock("svg",E,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,$)])):n.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,I)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(p.value)},null,6))],6)):(e.openBlock(),e.createBlock(h,{key:1,content:t.value.title,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[o.name]:n.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:o.primary||t.value.type==="primary",success:o.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active}]),onClick:e.withModifiers(k,["stop"]),style:e.normalizeStyle(p.value)},[n.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(p.value)},null,6)):n.value==="svg"?(e.openBlock(),e.createElementBlock("svg",N,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,V)])):n.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,j)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(p.value)},null,6))],6)]),_:1},8,["content"]))])):(e.openBlock(),e.createBlock(g,{key:1,type:["warning","error"].includes(t.value.type)?"danger":"",onClick:e.withModifiers(k,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.title),1)]),_:1},8,["type"]))}}}),L="",C=_(b(T,[["__scopeId","data-v-4a1004b9"]])),F={class:"content"},O={class:"top"},M=["onClick"],q=["id"],D=["onClick"],K=e.defineComponent({__name:"IKVerticalStepBar",props:{active:{type:String,default:""},list:{type:Array,default:()=>[]},needClick:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({name:"name",children:"children"})}},emits:["click","update:active"],setup(a,{emit:u}){const s=a,t=u,n=e.computed(()=>Number(s.active.indexOf("-")>0?s.active.split("-")[0]:s.active)),p=e.computed(()=>s.active.indexOf("-")>0?Number(s.active.split("-")[1]):0),v=c=>{let i="",l=c+1;return l<n.value?i="before-bg":l===n.value?i="active-bg":l>n.value&&(i="after-bg"),`${i} index`},k=c=>{let i="",l=c+1;return l<n.value?i="before-text":l===n.value?i="active-text":l>n.value&&(i="after-text"),`${i} text`},o=c=>{let i="",l=c+1;return l<n.value?i="before-style":l<s.list.length&&(i="after-style"),`${i} bottom`},m=(c,i)=>{let l="",r=c+1,f=i+1;return r<n.value?l="before-text":r===n.value?f<p.value?l="before-text":f===p.value?l="active-text":f>p.value&&(l="after-text"):r>n.value&&(l="after-text"),`${l} child-text`},h=(c,i)=>{s.needClick&&(c[s.propsField.children]||(t("update:active",i+""),t("click",c)))},g=(c,i)=>{c.show=!c.show;let l=document.getElementById(`children${i}`);c.show?l.style.display="none":l.style.display="block"};return(c,i)=>(e.openBlock(),e.createElementBlock("div",F,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.list,(l,r)=>{var f,z;return e.openBlock(),e.createElementBlock("div",{class:"line-block",key:r},[e.createElementVNode("div",O,[e.createElementVNode("div",{class:e.normalizeClass(v(r))},e.toDisplayString(r+1),3),e.createElementVNode("div",{class:e.normalizeClass(k(r)),style:e.normalizeStyle(a.needClick?"cursor: pointer;":""),onClick:y=>h(l,r+1)},[e.createTextVNode(e.toDisplayString(l[a.propsField.name])+" ",1),e.createCommentVNode(` <i\r
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.index={},p.vue,p["iking-utils-pro"]))})(this,function(p,e,z){"use strict";const g=(s,d)=>{if(s.install=t=>{for(const a of[s,...Object.values(d??{})])t.component(a.name,a)},d)for(const[t,a]of Object.entries(d))s[t]=a;return s},v=(s,d)=>{const t=s.__vccOpts||s;for(const[a,i]of d)t[a]=i;return t},x={key:0,class:"ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"},S={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},E=["xlink:href"],$=["src"],I={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},N=["xlink:href"],V=["src"],j=e.defineComponent({name:"IkSvgIcon",__name:"index",props:{active:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},color:{},colorLight:{},disabled:{type:Boolean,default:!1},error:{type:Boolean},flip:{},name:{},notip:{type:Boolean,default:!1},opacity:{default:.5},padding:{default:"6px"},primary:{type:Boolean},rotate:{},showBg:{type:Boolean,default:!1},size:{default:""},success:{type:Boolean},tableIconType:{},title:{},type:{},warning:{type:Boolean},width:{}},setup(s){const d=s,t=e.computed(()=>d),a=e.computed(()=>{const{name:n}=t.value;return/^http?:\/\//.test(n)?"img":/i-[^:]+:[^:]+/.test(n)?"unocss":n!=null&&n.startsWith("iksig")?"iksig":n!=null&&n.includes(":")?"iconify":n!=null&&n.startsWith("iksvg")?"svg":"i"}),i=e.computed(()=>{const n=[];if(t.value.flip)switch(t.value.flip){case"horizontal":n.push("rotateY(180deg)");break;case"vertical":n.push("rotateX(180deg)");break;case"both":n.push("rotateX(180deg)"),n.push("rotateY(180deg)");break}t.value.rotate&&n.push(`rotate(${t.value.rotate%360}deg)`);const u={pointerEvents:t.value.disabled?"none":"auto",...t.value.color&&{color:t.value.color},...t.value.size&&{fontSize:typeof t.value.size=="number"?`${t.value.size}px`:t.value.size},...n.length&&{transform:n.join(" ")},padding:t.value.showBg||t.value.bg?t.value.padding:0,...t.value.color&&a.value!=="iksig"?{"--ik-color-icon-dark":t.value.color,"--ik-color-icon-light":t.value.colorLight||z.ikColor.setOpacity(t.value.color,t.value.opacity)}:{}};return t.value.width&&(u.width=u.height=typeof t.value.width=="number"?`${t.value.width}px`:t.value.width),u});return(n,u)=>{const k=e.resolveComponent("el-tooltip"),y=e.resolveComponent("el-button");return t.value.tableIconType==="icon"||!t.value.tableIconType?(e.openBlock(),e.createElementBlock("span",x,[t.value.notip||!t.value.title?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[n.name]:a.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:t.value.primary||t.value.type==="primary",success:n.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active,disabled:t.value.disabled}]),style:e.normalizeStyle(i.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),a.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(i.value)},null,6)):a.value==="svg"?(e.openBlock(),e.createElementBlock("svg",S,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,E)])):a.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,$)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(i.value)},null,6))],6)):(e.openBlock(),e.createBlock(k,{key:1,content:t.value.title,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[n.name]:a.value==="unocss","show-bg":t.value.showBg||t.value.bg,default:t.value.size==="default",small:t.value.size==="small",big:t.value.size==="big",warning:t.value.warning||t.value.type==="warning",primary:n.primary||t.value.type==="primary",success:n.success||t.value.type==="success",error:t.value.error||t.value.type==="error",active:t.value.active}]),style:e.normalizeStyle(i.value)},[a.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.value.name}`),style:e.normalizeStyle(i.value)},null,6)):a.value==="svg"?(e.openBlock(),e.createElementBlock("svg",I,[e.createElementVNode("use",{"xlink:href":`#${t.value.name}`},null,8,N)])):a.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.name,class:"h-[1em] w-[1em]"},null,8,V)):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(t.value.name),style:e.normalizeStyle(i.value)},null,6))],6)]),_:1},8,["content"]))])):(e.openBlock(),e.createBlock(y,{key:1,type:["warning","error"].includes(t.value.type)?"danger":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.title),1)]),_:1},8,["type"]))}}}),M="",B=g(v(j,[["__scopeId","data-v-52806adf"]])),T={class:"content"},F={class:"top"},O=["onClick"],q=["id"],D=["onClick"],K=e.defineComponent({__name:"IKVerticalStepBar",props:{active:{type:String,default:""},list:{type:Array,default:()=>[]},needClick:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({name:"name",children:"children"})}},emits:["click","update:active"],setup(s,{emit:d}){const t=s,a=d,i=e.computed(()=>Number(t.active.indexOf("-")>0?t.active.split("-")[0]:t.active)),n=e.computed(()=>t.active.indexOf("-")>0?Number(t.active.split("-")[1]):0),u=c=>{let o="",l=c+1;return l<i.value?o="before-bg":l===i.value?o="active-bg":l>i.value&&(o="after-bg"),`${o} index`},k=c=>{let o="",l=c+1;return l<i.value?o="before-text":l===i.value?o="active-text":l>i.value&&(o="after-text"),`${o} text`},y=c=>{let o="",l=c+1;return l<i.value?o="before-style":l<t.list.length&&(o="after-style"),`${o} bottom`},L=(c,o)=>{let l="",r=c+1,m=o+1;return r<i.value?l="before-text":r===i.value?m<n.value?l="before-text":m===n.value?l="active-text":m>n.value&&(l="after-text"):r>i.value&&(l="after-text"),`${l} child-text`},b=(c,o)=>{t.needClick&&(c[t.propsField.children]||(a("update:active",o+""),a("click",c)))},C=(c,o)=>{c.show=!c.show;let l=document.getElementById(`children${o}`);c.show?l.style.display="none":l.style.display="block"};return(c,o)=>(e.openBlock(),e.createElementBlock("div",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.list,(l,r)=>{var m,w;return e.openBlock(),e.createElementBlock("div",{class:"line-block",key:r},[e.createElementVNode("div",F,[e.createElementVNode("div",{class:e.normalizeClass(u(r))},e.toDisplayString(r+1),3),e.createElementVNode("div",{class:e.normalizeClass(k(r)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),onClick:f=>b(l,r+1)},[e.createTextVNode(e.toDisplayString(l[s.propsField.name])+" ",1),e.createCommentVNode(` <i\r
             v-if="item[propsField.children]?.length && !item.show"\r
             class="ikapprove icon-a-putongjiantouzhankai"\r
             @click="changeShow(item, index)"\r
-          ></i> `),(f=l[a.propsField.children])!=null&&f.length&&!l.show?(e.openBlock(),e.createBlock(e.unref(C),{key:0,class:"ikapprove",onClick:y=>g(l,r),name:"iksvg_zhankai"},null,8,["onClick"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(` <i\r
+          ></i> `),(m=l[s.propsField.children])!=null&&m.length&&!l.show?(e.openBlock(),e.createBlock(e.unref(B),{key:0,class:"ikapprove",onClick:f=>C(l,r),name:"iksvg_zhankai"},null,8,["onClick"])):e.createCommentVNode("v-if",!0),e.createCommentVNode(` <i\r
             v-if="item[propsField.children]?.length && item.show"\r
             @click="changeShow(item, index)"\r
             class="ikapprove icon-a-putongjiantoushouqi"\r
-          ></i> `),(z=l[a.propsField.children])!=null&&z.length&&l.show?(e.openBlock(),e.createBlock(e.unref(C),{key:1,class:"ikapprove",onClick:y=>g(l,r),name:"iksvg_shouqi"},null,8,["onClick"])):e.createCommentVNode("v-if",!0)],14,M)]),e.createElementVNode("ul",{class:e.normalizeClass(o(r))},[e.createElementVNode("div",{id:`children${r}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l[a.propsField.children],(y,B)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(m(r,B)),style:e.normalizeStyle(a.needClick?"cursor: pointer;":""),key:B,onClick:A=>h(y,r+1+"-"+(B+1))},e.toDisplayString(y.name),15,D))),128))],8,q)],2)])}),128))]))}}),X="",w=_(b(K,[["__scopeId","data-v-240cff4f"]]));d.IKVerticalStepBar=w,d.default=w,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+          ></i> `),(w=l[s.propsField.children])!=null&&w.length&&l.show?(e.openBlock(),e.createBlock(e.unref(B),{key:1,class:"ikapprove",onClick:f=>C(l,r),name:"iksvg_shouqi"},null,8,["onClick"])):e.createCommentVNode("v-if",!0)],14,O)]),e.createElementVNode("ul",{class:e.normalizeClass(y(r))},[e.createElementVNode("div",{id:`children${r}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l[s.propsField.children],(f,h)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(L(r,h)),style:e.normalizeStyle(s.needClick?"cursor: pointer;":""),key:h,onClick:A=>b(f,r+1+"-"+(h+1))},e.toDisplayString(f.name),15,D))),128))],8,q)],2)])}),128))]))}}),X="",_=g(v(K,[["__scopeId","data-v-240cff4f"]]));p.IKVerticalStepBar=_,p.default=_,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IKVerticalStepBar/style.css

@@ -1 +1 @@
-.row-title[data-v-4a1004b9]{display:flex}.ik-svg-icon.ik-icon-span[data-v-4a1004b9]:not(:first-child){margin-left:var(--ik-margin-s-12)}[data-v-240cff4f]{margin:0;padding:0}.content[data-v-240cff4f]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-240cff4f]{display:flex}.content .line-block .top .index[data-v-240cff4f]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:18px;font-weight:550}.content .line-block .top .text[data-v-240cff4f]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-240cff4f]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-240cff4f]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-240cff4f]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-240cff4f]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg)}.content .line-block .active-bg[data-v-240cff4f]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-240cff4f]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-240cff4f]{margin-left:16px;border-width:0 0 0 1px;padding:10px 0 20px 52px;margin-top:4px;margin-bottom:4px}.content .line-block .before-style[data-v-240cff4f]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-240cff4f]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-240cff4f]{line-height:30px}.content .line-block .child-text[data-v-240cff4f]{padding:5px 0}
+.row-title[data-v-52806adf]{display:flex}.ik-svg-icon.ik-icon-span[data-v-52806adf]:not(:first-child){margin-left:var(--ik-margin-s-12)}[data-v-240cff4f]{margin:0;padding:0}.content[data-v-240cff4f]{width:100%;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;padding:32px 28px}.content .line-block .top[data-v-240cff4f]{display:flex}.content .line-block .top .index[data-v-240cff4f]{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:18px;font-weight:550}.content .line-block .top .text[data-v-240cff4f]{line-height:32px;margin-left:20px;font-size:18px;font-weight:700}.content .line-block .active-text[data-v-240cff4f]{color:var(--ik-step-item-active-color, "#039ef7")}.content .line-block .before-text[data-v-240cff4f]{color:var(--ik-color-font-title)}.content .line-block .after-text[data-v-240cff4f]{color:var(--el-color-info, "#181c3266")}.content .line-block .before-bg[data-v-240cff4f]{color:var(--ik-step-item-active-color, #333)!important;background-color:var(--ik-step-item-num-greater-bg)}.content .line-block .active-bg[data-v-240cff4f]{background-color:var(--ik-step-item-active-color, #039ef7);color:var(--el-color-white, #fff)}.content .line-block .after-bg[data-v-240cff4f]{background-color:var(--ik-step-item-num-bg, #f3f6f9);color:var(--ik-step-item-text-color, #a2a6b8)}.content .line-block .bottom[data-v-240cff4f]{margin-left:16px;border-width:0 0 0 1px;padding:10px 0 20px 52px;margin-top:4px;margin-bottom:4px}.content .line-block .before-style[data-v-240cff4f]{border-color:var(--ik-step-item-active-color, #029ef7);border-style:solid}.content .line-block .after-style[data-v-240cff4f]{border-color:var(--el-color-info, #ccc);border-style:dashed}.content .line-block li[data-v-240cff4f]{line-height:30px}.content .line-block .child-text[data-v-240cff4f]{padding:5px 0}