iking-web-ui-pro 0.2.53 → 0.2.55

package/dist/{IkCalendar → IKCalendar}/style.css

@@ -1 +1 @@
-.avatar[data-v-8031ce9b]{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-8031ce9b]{fill:var(--ik-color-primary);width:65%;height:65%;margin:0!important}.avatar .user_box[data-v-8031ce9b]{width:100%!important;height:100%}.avatar .avatar_name[data-v-8031ce9b]{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-8031ce9b]{width:100%!important;height:100%!important;display:block;background-color:var(--ik-color-primary)}.left-pick-list[data-v-8c34a55d]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list[data-v-8c34a55d] .el-checkbox{flex:none}.left-pick-list .post-view-list .el-radio-group[data-v-8c34a55d]{width:100%}.left-pick-list .post-view-list label[data-v-8c34a55d]{width:calc(100% - 40px)}.left-pick-list .post-view-list label p[data-v-8c34a55d]{overflow:hidden;text-overflow:ellipsis;color:var(--ik-color-font-title);flex:1}.left-pick-list .post-view-list .el-checkbox[data-v-8c34a55d]{display:flex;align-items:center;justify-content:space-between;flex:1}.left-pick-list .post-view-list .el-checkbox[data-v-8c34a55d] .el-checkbox__label{padding-left:0!important}.left-pick-list .post-view-list li .el-radio[data-v-8c34a55d]{margin-right:0}.left-pick-list .post-view-list li .el-radio .el-radio__label[data-v-8c34a55d]{display:flex;align-items:center;width:100%}.left-pick-list .post-view-list li .el-radio .el-radio__label svg[data-v-8c34a55d]{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-8c34a55d]{fill:var(--el-color-primary)}.left-pick-list .post-view-list .checkText[data-v-8c34a55d]{flex:1;width:100%;display:flex;align-items:center;overflow:hidden}.left-pick-list .post-view-list .checkText .side[data-v-8c34a55d]{width:16px;height:16px;margin-right:8px}.left-pick-list .post-view-list .checkText .name_number[data-v-8c34a55d]{font-size:14px;color:var(--ik-color-font-title);height:32px;overflow:hidden;flex:1}.left-pick-list .post-view-list .iconBox[data-v-8c34a55d]{width:32px;height:32px;margin-right:8px}.left-pick-list .post-view-list .title[data-v-8c34a55d]{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-8c34a55d]{color:var(--ik-color-font-secondary);margin:0 4px;height:32px}.left-pick-list .post-view-list .nextLevel[data-v-8c34a55d]{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-8c34a55d]: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-8c34a55d]{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(--775d0d08)}.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}[data-v-1fa0e0e1]{padding:0;margin:0}.demo-app[data-v-1fa0e0e1]{width:70%;margin:auto}.icon[data-v-1fa0e0e1]{width:10%!important;text-align:center}.icon svg[data-v-1fa0e0e1]{width:25px;height:25px;vertical-align:middle}.to[data-v-1fa0e0e1]{width:4%!important;display:inline-block;margin:auto;text-align:center}.personBlock[data-v-1fa0e0e1]{width:85%;padding:1px 11px;line-height:32px;border:1px solid #dcdfe6;border-radius:4px;display:flex;flex-wrap:wrap}.personBlock .placeholder[data-v-1fa0e0e1]{color:#a8abb2}.personBlock .nameBlock[data-v-1fa0e0e1]{display:flex;align-items:center;justify-content:space-around;background:#EAEBED;width:100px;height:30px;margin-right:5px;margin-bottom:3px;border-radius:4px;font-size:12px}.personBlock .nameBlock .info[data-v-1fa0e0e1]{display:flex;align-items:center}.personBlock .nameBlock img[data-v-1fa0e0e1]{width:22px;height:22px;margin-right:5px}.personBlock .nameBlock .close svg[data-v-1fa0e0e1]{width:10px;height:10px;vertical-align:middle}[data-v-1fa0e0e1] .fc-event{width:calc(100% - 4px);padding:0 4px}[data-v-1fa0e0e1] .fc-button{color:var(--el-color-white);border-color:var(--el-color-primary);background-color:var(--el-color-primary)}[data-v-1fa0e0e1] .fc-button:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:none}[data-v-1fa0e0e1] .fc-button-primary:disabled{background-color:var(--el-color-primary-light-5);border-color:var(--el-color-primary-light-5);color:var(--el-color-white)}[data-v-1fa0e0e1] .fc-button-active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-1fa0e0e1] .fc .fc-button-primary:not(:disabled):active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-1fa0e0e1] .fc .fc-button-primary:focus{box-shadow:none!important}.title-line[data-v-1fa0e0e1]{width:100%;display:flex;justify-content:space-between;align-items:center}.title-line .title[data-v-1fa0e0e1]{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
+.avatar[data-v-8031ce9b]{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-8031ce9b]{fill:var(--ik-color-primary);width:65%;height:65%;margin:0!important}.avatar .user_box[data-v-8031ce9b]{width:100%!important;height:100%}.avatar .avatar_name[data-v-8031ce9b]{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-8031ce9b]{width:100%!important;height:100%!important;display:block;background-color:var(--ik-color-primary)}.left-pick-list[data-v-8c34a55d]{display:flex;flex-direction:column;overflow:auto;height:100%}.left-pick-list[data-v-8c34a55d] .el-checkbox{flex:none}.left-pick-list .post-view-list .el-radio-group[data-v-8c34a55d]{width:100%}.left-pick-list .post-view-list label[data-v-8c34a55d]{width:calc(100% - 40px)}.left-pick-list .post-view-list label p[data-v-8c34a55d]{overflow:hidden;text-overflow:ellipsis;color:var(--ik-color-font-title);flex:1}.left-pick-list .post-view-list .el-checkbox[data-v-8c34a55d]{display:flex;align-items:center;justify-content:space-between;flex:1}.left-pick-list .post-view-list .el-checkbox[data-v-8c34a55d] .el-checkbox__label{padding-left:0!important}.left-pick-list .post-view-list li .el-radio[data-v-8c34a55d]{margin-right:0}.left-pick-list .post-view-list li .el-radio .el-radio__label[data-v-8c34a55d]{display:flex;align-items:center;width:100%}.left-pick-list .post-view-list li .el-radio .el-radio__label svg[data-v-8c34a55d]{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-8c34a55d]{fill:var(--el-color-primary)}.left-pick-list .post-view-list .checkText[data-v-8c34a55d]{flex:1;width:100%;display:flex;align-items:center;overflow:hidden}.left-pick-list .post-view-list .checkText .side[data-v-8c34a55d]{width:16px;height:16px;margin-right:8px}.left-pick-list .post-view-list .checkText .name_number[data-v-8c34a55d]{font-size:14px;color:var(--ik-color-font-title);height:32px;overflow:hidden;flex:1}.left-pick-list .post-view-list .iconBox[data-v-8c34a55d]{width:32px;height:32px;margin-right:8px}.left-pick-list .post-view-list .title[data-v-8c34a55d]{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-8c34a55d]{color:var(--ik-color-font-secondary);margin:0 4px;height:32px}.left-pick-list .post-view-list .nextLevel[data-v-8c34a55d]{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-8c34a55d]: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-8c34a55d]{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(--775d0d08)}.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}[data-v-f8cb3591]{padding:0;margin:0}.demo-app[data-v-f8cb3591]{width:70%;margin:auto}.icon[data-v-f8cb3591]{width:10%!important;text-align:center}.icon svg[data-v-f8cb3591]{width:25px;height:25px;vertical-align:middle}.to[data-v-f8cb3591]{width:4%!important;display:inline-block;margin:auto;text-align:center}.personBlock[data-v-f8cb3591]{width:85%;padding:1px 11px;line-height:32px;border:1px solid #dcdfe6;border-radius:4px;display:flex;flex-wrap:wrap}.personBlock .placeholder[data-v-f8cb3591]{color:#a8abb2}.personBlock .nameBlock[data-v-f8cb3591]{display:flex;align-items:center;justify-content:space-around;background:#EAEBED;width:100px;height:30px;margin-right:5px;margin-bottom:3px;border-radius:4px;font-size:12px}.personBlock .nameBlock .info[data-v-f8cb3591]{display:flex;align-items:center}.personBlock .nameBlock img[data-v-f8cb3591]{width:22px;height:22px;margin-right:5px}.personBlock .nameBlock .close svg[data-v-f8cb3591]{width:10px;height:10px;vertical-align:middle}[data-v-f8cb3591] .fc-event{width:calc(100% - 4px);padding:0 4px}[data-v-f8cb3591] .fc-button{color:var(--el-color-white);border-color:var(--el-color-primary);background-color:var(--el-color-primary)}[data-v-f8cb3591] .fc-button:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:none}[data-v-f8cb3591] .fc-button-primary:disabled{background-color:var(--el-color-primary-light-5);border-color:var(--el-color-primary-light-5);color:var(--el-color-white)}[data-v-f8cb3591] .fc-button-active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f8cb3591] .fc .fc-button-primary:not(:disabled):active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f8cb3591] .fc .fc-button-primary:focus{box-shadow:none!important}.title-line[data-v-f8cb3591]{width:100%;display:flex;justify-content:space-between;align-items:center}.title-line .title[data-v-f8cb3591]{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

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

@@ -1,19 +1,19 @@
-import { defineComponent as B, openBlock as d, createElementBlock as v, createElementVNode as u, ref as g, watch as b, nextTick as z, onMounted as R, resolveComponent as O, createVNode as C, withCtx as _, unref as W, createCommentVNode as k, normalizeStyle as m, Fragment as j, renderList as F, normalizeClass as p, renderSlot as V, createTextVNode as A, toDisplayString as L } from "vue";
-const K = (t, s) => {
-  if (t.install = (c) => {
-    for (const r of [t, ...Object.values(s ?? {})])
-      c.component(r.name, r);
+import { defineComponent as B, openBlock as d, createElementBlock as v, createElementVNode as u, ref as g, watch as _, nextTick as b, onMounted as R, resolveComponent as O, createVNode as C, withCtx as z, unref as W, createCommentVNode as k, normalizeStyle as p, Fragment as j, renderList as F, normalizeClass as m, renderSlot as V, createTextVNode as A, toDisplayString as L, pushScopeId as K, popScopeId as q } from "vue";
+const G = (e, s) => {
+  if (e.install = (a) => {
+    for (const r of [e, ...Object.values(s ?? {})])
+      a.component(r.name, r);
   }, s)
-    for (const [c, r] of Object.entries(s))
-      t[c] = r;
-  return t;
+    for (const [a, r] of Object.entries(s))
+      e[a] = r;
+  return e;
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var q = /* @__PURE__ */ B({
+var J = /* @__PURE__ */ B({
   name: "ArrowLeft",
   __name: "arrow-left",
-  setup(t) {
-    return (s, c) => (d(), v("svg", {
+  setup(e) {
+    return (s, a) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -23,11 +23,11 @@ var q = /* @__PURE__ */ B({
       })
     ]));
   }
-}), G = q, J = /* @__PURE__ */ B({
+}), P = J, Q = /* @__PURE__ */ B({
   name: "ArrowRight",
   __name: "arrow-right",
-  setup(t) {
-    return (s, c) => (d(), v("svg", {
+  setup(e) {
+    return (s, a) => (d(), v("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -37,8 +37,16 @@ var q = /* @__PURE__ */ B({
       })
     ]));
   }
-}), P = J;
-const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-hor-step_main" }, Y = ["id", "onClick"], Z = ["id", "onClick"], D = /* @__PURE__ */ B({
+}), U = Q;
+const X = (e) => (K("data-v-a26cdcaf"), e = e(), q(), e), Y = { class: "ik-hor-step-content" }, Z = /* @__PURE__ */ X(() => /* @__PURE__ */ u(
+  "i",
+  { class: "ik-hor-step_line_inner" },
+  null,
+  -1
+  /* HOISTED */
+)), D = [
+  Z
+], x = ["onClick"], ee = { class: "ik-hor-step_main" }, te = ["id", "onClick"], le = ["id", "onClick"], ne = /* @__PURE__ */ B({
   __name: "IKHorizontalStepBar",
   props: {
     spaceNum: {
@@ -81,49 +89,49 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
     }
   },
   emits: ["click", "update:active"],
-  setup(t, { emit: s }) {
-    const c = t, r = s, i = g(!1), I = g(), y = g(), f = g(!1);
-    b(
-      () => c.active,
+  setup(e, { emit: s }) {
+    const a = e, r = s, i = g(!1), I = g(), y = g(), f = g(!1);
+    _(
+      () => a.active,
       (n) => {
-        let e = document.getElementById("stepItemContent"), o = document.getElementById(`stepItem${n}`), a = document.getElementById("stepItem0");
-        const l = o && a ? (o == null ? void 0 : o.offsetLeft) - (a == null ? void 0 : a.offsetLeft) : 0;
-        e && o && (e.scrollLeft = l > (e == null ? void 0 : e.clientWidth) ? l - (e == null ? void 0 : e.offsetLeft) : 0);
+        let t = document.getElementById("stepItemContent"), o = document.getElementById(`stepItem${n}`), c = document.getElementById("stepItem0");
+        const l = o && c ? (o == null ? void 0 : o.offsetLeft) - (c == null ? void 0 : c.offsetLeft) : 0;
+        t && o && (t.scrollLeft = l > (t == null ? void 0 : t.clientWidth) ? l - (t == null ? void 0 : t.offsetLeft) : 0);
       }
-    ), b(
-      () => c.list,
+    ), _(
+      () => a.list,
       () => {
-        z(() => {
-          let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
+        b(() => {
+          let t = document.getElementById("stepItemContent"), o = (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.clientWidth);
           i.value = o, window.addEventListener("resize", n, !0);
         });
         const n = () => {
-          let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
+          let t = document.getElementById("stepItemContent"), o = (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.clientWidth);
           i.value = o;
         };
       },
       { deep: !0 }
     ), R(() => {
-      z(() => {
-        let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
+      b(() => {
+        let t = document.getElementById("stepItemContent"), o = (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.clientWidth);
         i.value = o, window.addEventListener("resize", n, !0);
       });
       const n = () => {
-        let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
+        let t = document.getElementById("stepItemContent"), o = (t == null ? void 0 : t.scrollWidth) > (t == null ? void 0 : t.clientWidth);
         i.value = o;
       };
     });
-    const w = (n, e) => {
-      if (!c.needClick)
+    const w = (n, t) => {
+      if (!a.needClick)
         return;
-      r("update:active", e), r("click", n);
-      let o = document.getElementById("stepItemContent"), a = document.getElementById(`stepItem${e}`), l = document.getElementById("stepItem0");
-      const h = a && l ? (a == null ? void 0 : a.offsetLeft) - (l == null ? void 0 : l.offsetLeft) : 0;
-      o && a && (o.scrollLeft = h > (o == null ? void 0 : o.clientWidth) ? h - (o == null ? void 0 : o.offsetLeft) : 0);
-    }, E = () => {
+      r("update:active", t), r("click", n);
+      let o = document.getElementById("stepItemContent"), c = document.getElementById(`stepItem${t}`), l = document.getElementById("stepItem0");
+      const h = c && l ? (c == null ? void 0 : c.offsetLeft) - (l == null ? void 0 : l.offsetLeft) : 0;
+      o && c && (o.scrollLeft = h > (o == null ? void 0 : o.clientWidth) ? h - (o == null ? void 0 : o.offsetLeft) : 0);
+    }, S = () => {
       let n = document.getElementById("stepItemContent");
       n && (n.scrollLeft = n.scrollLeft - 20);
-    }, $ = () => {
+    }, E = () => {
       let n = document.getElementById("stepItemContent");
       n && (n.scrollLeft = n.scrollLeft + 20);
     }, N = () => {
@@ -133,7 +141,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
         f.value = !0, n && (n.scrollLeft = n.scrollLeft - 20);
       }, 100);
     }, T = () => {
-      clearInterval(y.value), f.value || E();
+      clearInterval(y.value), f.value || S();
     }, H = () => {
       clearInterval(I.value);
       let n = document.getElementById("stepItemContent");
@@ -141,11 +149,11 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
         f.value = !0, n && (n.scrollLeft = n.scrollLeft + 20);
       }, 100);
     }, M = () => {
-      clearInterval(I.value), f.value || $();
+      clearInterval(I.value), f.value || E();
     };
-    return (n, e) => {
+    return (n, t) => {
       const o = O("el-icon");
-      return d(), v("div", Q, [
+      return d(), v("div", Y, [
         i.value ? (d(), v(
           "div",
           {
@@ -153,12 +161,12 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
             class: "icon-left",
             onMousedown: N,
             onMouseup: T,
-            onClick: E
+            onClick: S
           },
           [
             C(o, { class: "operation-icon" }, {
-              default: _(() => [
-                C(W(G), { size: "26px" })
+              default: z(() => [
+                C(W(P), { size: "26px" })
               ]),
               _: 1
               /* STABLE */
@@ -172,7 +180,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
           {
             class: "step-item-content",
             id: "stepItemContent",
-            style: m({
+            style: p({
               justifyContent: i.value ? "flex-start" : "center"
               // width: alignCenter ? `100%` : '',
             })
@@ -181,53 +189,45 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
             (d(!0), v(
               j,
               null,
-              F(t.list, (a, l) => {
+              F(e.list, (c, l) => {
                 var h;
                 return d(), v(
                   "div",
                   {
-                    class: p(`${t.alignCenter ? "ik-hor-step-item" : ""} step-item ${l <= t.active ? "step-item-active" : ""}`),
-                    style: m({ width: t.alignCenter ? `calc(100%/${(h = t.list) == null ? void 0 : h.length})` : "" }),
+                    class: m(`${e.alignCenter ? "ik-hor-step-item" : ""} step-item ${l <= e.active ? "step-item-active" : ""}`),
+                    style: p({ width: e.alignCenter ? `calc(100%/${(h = e.list) == null ? void 0 : h.length})` : "" }),
                     key: l
                   },
                   [
                     u(
                       "div",
                       {
-                        class: p(`${t.alignCenter ? "ik-hor-step_head" : ""} `)
+                        class: m(`${e.alignCenter ? "ik-hor-step_head" : ""} `)
                       },
                       [
                         l !== 0 ? (d(), v(
                           "div",
                           {
                             key: 0,
-                            class: p(`ik-hor-step_line step-border ${l <= t.active ? "step-border-greater-than" : ""}`),
-                            style: m({
-                              width: `${t.spaceNum.indexOf("px") != -1 ? t.spaceNum : `${t.spaceNum}px`}`
+                            class: m(`ik-hor-step_line step-border ${l <= e.active ? "step-border-greater-than" : ""}`),
+                            style: p({
+                              width: `${e.spaceNum.indexOf("px") != -1 ? e.spaceNum : `${e.spaceNum}px`}`
                             })
                           },
-                          e[0] || (e[0] = [
-                            u(
-                              "i",
-                              { class: "ik-hor-step_line_inner" },
-                              null,
-                              -1
-                              /* HOISTED */
-                            )
-                          ]),
+                          D,
                           6
                           /* CLASS, STYLE */
                         )) : k("v-if", !0),
                         u("div", {
-                          class: p(`step-num ${l === t.active ? "step-num-active" : l < t.active ? "step-num-greater-than" : ""}`),
-                          onClick: (S) => w(a, l),
-                          style: m({
-                            backgroundColor: l === t.active && t.activeColor ? t.activeColor : "",
-                            cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
+                          class: m(`step-num ${l === e.active ? "step-num-active" : l < e.active ? "step-num-greater-than" : ""}`),
+                          onClick: ($) => w(c, l),
+                          style: p({
+                            backgroundColor: l === e.active && e.activeColor ? e.activeColor : "",
+                            cursor: c && c.disabled ? "not-allowed" : e.needClick ? "pointer" : "context-menu"
                           })
                         }, [
                           V(n.$slots, "icon", {
-                            data: { item: a, index: l }
+                            data: { item: c, index: l }
                           }, () => [
                             A(
                               L(l + 1),
@@ -235,30 +235,30 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
                               /* TEXT */
                             )
                           ], !0)
-                        ], 14, U)
+                        ], 14, x)
                       ],
                       2
                       /* CLASS */
                     ),
-                    u("div", X, [
+                    u("div", ee, [
                       u("div", {
                         id: `stepItem${l}`,
-                        class: p(`step-label ${t.active === l ? "step-label-active" : l < t.active ? "step-label-greater-than" : ""} step-item-${l}`),
-                        style: m({
-                          color: l === t.active && t.activeColor ? t.activeColor : "",
-                          cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
+                        class: m(`step-label ${e.active === l ? "step-label-active" : l < e.active ? "step-label-greater-than" : ""} step-item-${l}`),
+                        style: p({
+                          color: l === e.active && e.activeColor ? e.activeColor : "",
+                          cursor: c && c.disabled ? "not-allowed" : e.needClick ? "pointer" : "context-menu"
                         }),
-                        onClick: (S) => w(a, l)
-                      }, L(a[t.propsField.title]), 15, Y),
+                        onClick: ($) => w(c, l)
+                      }, L(c[e.propsField.title]), 15, te),
                       u("div", {
                         id: `stepItemDesc${l}`,
-                        class: p(`step-description step-label ${t.active === l ? "step-label-active" : l < t.active ? "step-label-greater-than" : ""} step-item-${l}`),
-                        style: m({
-                          color: l === t.active && t.activeColor ? t.activeColor : "",
-                          cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
+                        class: m(`step-description step-label ${e.active === l ? "step-label-active" : l < e.active ? "step-label-greater-than" : ""} step-item-${l}`),
+                        style: p({
+                          color: l === e.active && e.activeColor ? e.activeColor : "",
+                          cursor: c && c.disabled ? "not-allowed" : e.needClick ? "pointer" : "context-menu"
                         }),
-                        onClick: (S) => w(a, l)
-                      }, L(a[t.propsField.description]), 15, Z)
+                        onClick: ($) => w(c, l)
+                      }, L(c[e.propsField.description]), 15, le)
                     ])
                   ],
                   6
@@ -279,12 +279,12 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
             class: "icon-right",
             onMousedown: H,
             onMouseup: M,
-            onClick: $
+            onClick: E
           },
           [
             C(o, { class: "operation-icon" }, {
-              default: _(() => [
-                C(W(P))
+              default: z(() => [
+                C(W(U))
               ]),
               _: 1
               /* STABLE */
@@ -297,13 +297,13 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
     };
   }
 });
-const x = (t, s) => {
-  const c = t.__vccOpts || t;
+const oe = (e, s) => {
+  const a = e.__vccOpts || e;
   for (const [r, i] of s)
-    c[r] = i;
-  return c;
-}, ee = /* @__PURE__ */ x(D, [["__scopeId", "data-v-a26cdcaf"]]), le = K(ee);
+    a[r] = i;
+  return a;
+}, ce = /* @__PURE__ */ oe(ne, [["__scopeId", "data-v-a26cdcaf"]]), se = G(ce);
 export {
-  le as IKHorizontalStepBar,
-  le as default
+  se as IKHorizontalStepBar,
+  se as default
 };

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

@@ -1 +1 @@
-(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.index={},f.vue))})(this,function(f,e){"use strict";const B=(l,s)=>{if(l.install=r=>{for(const i of[l,...Object.values(s??{})])r.component(i.name,i)},s)for(const[r,i]of Object.entries(s))l[r]=i;return l};/*! Element Plus Icons Vue v2.3.1 */var w=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(l){return(s,r)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"})]))}}),E=w,v=e.defineComponent({name:"ArrowRight",__name:"arrow-right",setup(l){return(s,r)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),S=v;const L={class:"ik-hor-step-content"},z=["onClick"],N={class:"ik-hor-step_main"},$=["id","onClick"],b=["id","onClick"],V=e.defineComponent({__name:"IKHorizontalStepBar",props:{spaceNum:{type:String,default:"58px"},active:{type:Number,default:null},activeColor:{type:String,default:""},needClick:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},alignCenter:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({title:"title",description:"description",value:"value"})}},emits:["click","update:active"],setup(l,{emit:s}){const r=l,i=s,d=e.ref(!1),u=e.ref(),h=e.ref(),m=e.ref(!1);e.watch(()=>r.active,o=>{let t=document.getElementById("stepItemContent"),a=document.getElementById(`stepItem${o}`),c=document.getElementById("stepItem0");const n=a&&c?(a==null?void 0:a.offsetLeft)-(c==null?void 0:c.offsetLeft):0;t&&a&&(t.scrollLeft=n>(t==null?void 0:t.clientWidth)?n-(t==null?void 0:t.offsetLeft):0)}),e.watch(()=>r.list,()=>{e.nextTick(()=>{let t=document.getElementById("stepItemContent"),a=(t==null?void 0:t.scrollWidth)>(t==null?void 0:t.clientWidth);d.value=a,window.addEventListener("resize",o,!0)});const o=()=>{let t=document.getElementById("stepItemContent"),a=(t==null?void 0:t.scrollWidth)>(t==null?void 0:t.clientWidth);d.value=a}},{deep:!0}),e.onMounted(()=>{e.nextTick(()=>{let t=document.getElementById("stepItemContent"),a=(t==null?void 0:t.scrollWidth)>(t==null?void 0:t.clientWidth);d.value=a,window.addEventListener("resize",o,!0)});const o=()=>{let t=document.getElementById("stepItemContent"),a=(t==null?void 0:t.scrollWidth)>(t==null?void 0:t.clientWidth);d.value=a}});const g=(o,t)=>{if(!r.needClick)return;i("update:active",t),i("click",o);let a=document.getElementById("stepItemContent"),c=document.getElementById(`stepItem${t}`),n=document.getElementById("stepItem0");const p=c&&n?(c==null?void 0:c.offsetLeft)-(n==null?void 0:n.offsetLeft):0;a&&c&&(a.scrollLeft=p>(a==null?void 0:a.clientWidth)?p-(a==null?void 0:a.offsetLeft):0)},y=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft-20)},k=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft+20)},_=()=>{clearInterval(h.value);let o=document.getElementById("stepItemContent");m.value=!1,h.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft-20)},100)},T=()=>{clearInterval(h.value),m.value||y()},H=()=>{clearInterval(u.value);let o=document.getElementById("stepItemContent");m.value=!1,u.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft+20)},100)},W=()=>{clearInterval(u.value),m.value||k()};return(o,t)=>{const a=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",L,[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"icon-left",onMousedown:_,onMouseup:T,onClick:y},[e.createVNode(a,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(E),{size:"26px"})]),_:1})],32)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:"step-item-content",id:"stepItemContent",style:e.normalizeStyle({justifyContent:d.value?"flex-start":"center"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.list,(c,n)=>{var p;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${l.alignCenter?"ik-hor-step-item":""} step-item ${n<=l.active?"step-item-active":""}`),style:e.normalizeStyle({width:l.alignCenter?`calc(100%/${(p=l.list)==null?void 0:p.length})`:""}),key:n},[e.createElementVNode("div",{class:e.normalizeClass(`${l.alignCenter?"ik-hor-step_head":""} `)},[n!==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`ik-hor-step_line step-border ${n<=l.active?"step-border-greater-than":""}`),style:e.normalizeStyle({width:`${l.spaceNum.indexOf("px")!=-1?l.spaceNum:`${l.spaceNum}px`}`})},t[0]||(t[0]=[e.createElementVNode("i",{class:"ik-hor-step_line_inner"},null,-1)]),6)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:e.normalizeClass(`step-num ${n===l.active?"step-num-active":n<l.active?"step-num-greater-than":""}`),onClick:I=>g(c,n),style:e.normalizeStyle({backgroundColor:n===l.active&&l.activeColor?l.activeColor:"",cursor:c&&c.disabled?"not-allowed":l.needClick?"pointer":"context-menu"})},[e.renderSlot(o.$slots,"icon",{data:{item:c,index:n}},()=>[e.createTextVNode(e.toDisplayString(n+1),1)],!0)],14,z)],2),e.createElementVNode("div",N,[e.createElementVNode("div",{id:`stepItem${n}`,class:e.normalizeClass(`step-label ${l.active===n?"step-label-active":n<l.active?"step-label-greater-than":""} step-item-${n}`),style:e.normalizeStyle({color:n===l.active&&l.activeColor?l.activeColor:"",cursor:c&&c.disabled?"not-allowed":l.needClick?"pointer":"context-menu"}),onClick:I=>g(c,n)},e.toDisplayString(c[l.propsField.title]),15,$),e.createElementVNode("div",{id:`stepItemDesc${n}`,class:e.normalizeClass(`step-description step-label ${l.active===n?"step-label-active":n<l.active?"step-label-greater-than":""} step-item-${n}`),style:e.normalizeStyle({color:n===l.active&&l.activeColor?l.activeColor:"",cursor:c&&c.disabled?"not-allowed":l.needClick?"pointer":"context-menu"}),onClick:I=>g(c,n)},e.toDisplayString(c[l.propsField.description]),15,b)])],6)}),128))],4),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"icon-right",onMousedown:H,onMouseup:W,onClick:k},[e.createVNode(a,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(S))]),_:1})],32)):e.createCommentVNode("v-if",!0)])}}}),M="",C=B(((l,s)=>{const r=l.__vccOpts||l;for(const[i,d]of s)r[i]=d;return r})(V,[["__scopeId","data-v-a26cdcaf"]]));f.IKHorizontalStepBar=C,f.default=C,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.index={},f.vue))})(this,function(f,e){"use strict";const B=(t,r)=>{if(t.install=s=>{for(const i of[t,...Object.values(r??{})])s.component(i.name,i)},r)for(const[s,i]of Object.entries(r))t[s]=i;return t};/*! Element Plus Icons Vue v2.3.1 */var w=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(t){return(r,s)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"})]))}}),E=w,S=e.defineComponent({name:"ArrowRight",__name:"arrow-right",setup(t){return(r,s)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),v=S;const L=t=>(e.pushScopeId("data-v-a26cdcaf"),t=t(),e.popScopeId(),t),z={class:"ik-hor-step-content"},_=[L(()=>e.createElementVNode("i",{class:"ik-hor-step_line_inner"},null,-1))],N=["onClick"],$={class:"ik-hor-step_main"},b=["id","onClick"],V=["id","onClick"],T=e.defineComponent({__name:"IKHorizontalStepBar",props:{spaceNum:{type:String,default:"58px"},active:{type:Number,default:null},activeColor:{type:String,default:""},needClick:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},alignCenter:{type:Boolean,default:!1},propsField:{type:Object,default:()=>({title:"title",description:"description",value:"value"})}},emits:["click","update:active"],setup(t,{emit:r}){const s=t,i=r,d=e.ref(!1),u=e.ref(),h=e.ref(),m=e.ref(!1);e.watch(()=>s.active,o=>{let l=document.getElementById("stepItemContent"),c=document.getElementById(`stepItem${o}`),a=document.getElementById("stepItem0");const n=c&&a?(c==null?void 0:c.offsetLeft)-(a==null?void 0:a.offsetLeft):0;l&&c&&(l.scrollLeft=n>(l==null?void 0:l.clientWidth)?n-(l==null?void 0:l.offsetLeft):0)}),e.watch(()=>s.list,()=>{e.nextTick(()=>{let l=document.getElementById("stepItemContent"),c=(l==null?void 0:l.scrollWidth)>(l==null?void 0:l.clientWidth);d.value=c,window.addEventListener("resize",o,!0)});const o=()=>{let l=document.getElementById("stepItemContent"),c=(l==null?void 0:l.scrollWidth)>(l==null?void 0:l.clientWidth);d.value=c}},{deep:!0}),e.onMounted(()=>{e.nextTick(()=>{let l=document.getElementById("stepItemContent"),c=(l==null?void 0:l.scrollWidth)>(l==null?void 0:l.clientWidth);d.value=c,window.addEventListener("resize",o,!0)});const o=()=>{let l=document.getElementById("stepItemContent"),c=(l==null?void 0:l.scrollWidth)>(l==null?void 0:l.clientWidth);d.value=c}});const g=(o,l)=>{if(!s.needClick)return;i("update:active",l),i("click",o);let c=document.getElementById("stepItemContent"),a=document.getElementById(`stepItem${l}`),n=document.getElementById("stepItem0");const p=a&&n?(a==null?void 0:a.offsetLeft)-(n==null?void 0:n.offsetLeft):0;c&&a&&(c.scrollLeft=p>(c==null?void 0:c.clientWidth)?p-(c==null?void 0:c.offsetLeft):0)},y=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft-20)},k=()=>{let o=document.getElementById("stepItemContent");o&&(o.scrollLeft=o.scrollLeft+20)},H=()=>{clearInterval(h.value);let o=document.getElementById("stepItemContent");m.value=!1,h.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft-20)},100)},W=()=>{clearInterval(h.value),m.value||y()},M=()=>{clearInterval(u.value);let o=document.getElementById("stepItemContent");m.value=!1,u.value=setInterval(()=>{m.value=!0,o&&(o.scrollLeft=o.scrollLeft+20)},100)},j=()=>{clearInterval(u.value),m.value||k()};return(o,l)=>{const c=e.resolveComponent("el-icon");return e.openBlock(),e.createElementBlock("div",z,[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"icon-left",onMousedown:H,onMouseup:W,onClick:y},[e.createVNode(c,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(E),{size:"26px"})]),_:1})],32)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:"step-item-content",id:"stepItemContent",style:e.normalizeStyle({justifyContent:d.value?"flex-start":"center"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,(a,n)=>{var p;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${t.alignCenter?"ik-hor-step-item":""} step-item ${n<=t.active?"step-item-active":""}`),style:e.normalizeStyle({width:t.alignCenter?`calc(100%/${(p=t.list)==null?void 0:p.length})`:""}),key:n},[e.createElementVNode("div",{class:e.normalizeClass(`${t.alignCenter?"ik-hor-step_head":""} `)},[n!==0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`ik-hor-step_line step-border ${n<=t.active?"step-border-greater-than":""}`),style:e.normalizeStyle({width:`${t.spaceNum.indexOf("px")!=-1?t.spaceNum:`${t.spaceNum}px`}`})},_,6)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{class:e.normalizeClass(`step-num ${n===t.active?"step-num-active":n<t.active?"step-num-greater-than":""}`),onClick:I=>g(a,n),style:e.normalizeStyle({backgroundColor:n===t.active&&t.activeColor?t.activeColor:"",cursor:a&&a.disabled?"not-allowed":t.needClick?"pointer":"context-menu"})},[e.renderSlot(o.$slots,"icon",{data:{item:a,index:n}},()=>[e.createTextVNode(e.toDisplayString(n+1),1)],!0)],14,N)],2),e.createElementVNode("div",$,[e.createElementVNode("div",{id:`stepItem${n}`,class:e.normalizeClass(`step-label ${t.active===n?"step-label-active":n<t.active?"step-label-greater-than":""} step-item-${n}`),style:e.normalizeStyle({color:n===t.active&&t.activeColor?t.activeColor:"",cursor:a&&a.disabled?"not-allowed":t.needClick?"pointer":"context-menu"}),onClick:I=>g(a,n)},e.toDisplayString(a[t.propsField.title]),15,b),e.createElementVNode("div",{id:`stepItemDesc${n}`,class:e.normalizeClass(`step-description step-label ${t.active===n?"step-label-active":n<t.active?"step-label-greater-than":""} step-item-${n}`),style:e.normalizeStyle({color:n===t.active&&t.activeColor?t.activeColor:"",cursor:a&&a.disabled?"not-allowed":t.needClick?"pointer":"context-menu"}),onClick:I=>g(a,n)},e.toDisplayString(a[t.propsField.description]),15,V)])],6)}),128))],4),d.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"icon-right",onMousedown:M,onMouseup:j,onClick:k},[e.createVNode(c,{class:"operation-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(v))]),_:1})],32)):e.createCommentVNode("v-if",!0)])}}}),R="",C=B(((t,r)=>{const s=t.__vccOpts||t;for(const[i,d]of r)s[i]=d;return s})(T,[["__scopeId","data-v-a26cdcaf"]]));f.IKHorizontalStepBar=C,f.default=C,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});