iov-design 2.15.56 → 2.15.58

package/lib/theme-chalk/time-select.css

@@ -1 +1 @@
-.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor .el-input__clear{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-date-editor .el-input__clear:before{margin-right:-12px;color:#777D87;font-size:10px;position:relative;line-height:1}.el-date-editor .el-input__clear:after{border-radius:100%;width:14px;height:14px;background:#E5E6EB}.el-date-editor .el-input__clear:hover:before{color:#FFF}.el-date-editor .el-input__clear:hover:after{background:#777D87}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor.el-input--prefix .el-input__inner{padding-left:12px}.el-date-editor .el-input__prefix{-webkit-transform:none!important;transform:none!important;left:auto;right:1px}.el-date-editor .el-input__icon{padding:0 8px 0 0;font-size:14px;color:#777D87;line-height:36px;position:absolute;top:0;right:0}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:100%;font-size:14px;color:#212026}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#C6C7CA}.el-date-editor .el-range-input::-moz-placeholder{color:#C6C7CA}.el-date-editor .el-range-input:-ms-input-placeholder{color:#C6C7CA}.el-date-editor .el-range-input::-ms-input-placeholder{color:#C6C7CA}.el-date-editor .el-range-input::placeholder{color:#C6C7CA}.el-date-editor .el-range-separator{margin:0;padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;text-align:center;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#212026}.el-range-editor.is-disabled,.el-range-editor.is-disabled input{background-color:#F6F7F8;color:#A2A3AA;cursor:not-allowed}.el-range-editor{position:relative}.el-range-editor .el-input-group__prefix-label{padding:0 12px 0 0;font-size:14px}.el-range-editor--medium .el-input-group__prefix-label,.el-range-editor--medium .el-range-input,.el-range-editor--medium .el-range-separator,.el-range-editor--small .el-input-group__prefix-label,.el-range-editor--small .el-range-input,.el-range-editor--small .el-range-separator{font-size:13px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 12px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active{border-color:#6179FF;-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1)}.el-range-editor.is-active:hover{border-color:#6179FF}.el-range-editor--medium .el-input__icon{height:32px;line-height:32px}.el-range-editor--medium.el-input__inner{height:32px}.el-range-editor--small .el-input__icon{height:30px;line-height:30px}.el-range-editor--small.el-input__inner{height:30px}.el-range-editor--mini .el-input-group__prefix-label,.el-range-editor--mini .el-range-input,.el-range-editor--mini .el-range-separator{font-size:12px}.el-range-editor--mini .el-input__icon{height:26px;line-height:26px}.el-range-editor--mini.el-input__inner{height:26px}.el-range-editor.is-disabled,.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#DCDFE6}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#C6C7CA}.el-range-editor.is-disabled input::-moz-placeholder{color:#C6C7CA}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#C6C7CA}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#C6C7CA}.el-range-editor.is-disabled input::placeholder{color:#C6C7CA}.el-range-editor.is-disabled .el-range-separator{color:#A2A3AA}.el-picker-panel{color:#212026;border:1px solid #E4E7ED;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#FFF;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#FFF;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#212026;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#2F48FF}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#2F48FF}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#2F48FF}.el-picker-panel__icon-btn.is-disabled{color:#A2A3AA}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#FFF;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #EBEEF5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#212026}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#2F48FF}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{display:none;border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:4px}.el-popper[x-placement^=bottom]{margin-top:4px}.el-popper[x-placement^=right]{margin-left:4px}.el-popper[x-placement^=left]{margin-right:4px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#2F48FF;font-weight:700}.time-select-item.disabled{color:#E4E7ED;cursor:not-allowed}.time-select-item:hover{background-color:#F5F7FA;font-weight:700;cursor:pointer}
+.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-date-editor{position:relative;display:inline-block;text-align:left}.el-date-editor .el-input__clear{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-date-editor .el-input__clear:before{margin-right:-12px;color:#777D87;font-size:10px;position:relative;line-height:1}.el-date-editor .el-input__clear:after{border-radius:100%;width:14px;height:14px;background:#E5E6EB}.el-date-editor .el-input__clear:hover:before{color:#FFF}.el-date-editor .el-input__clear:hover:after{background:#777D87}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor.el-input--prefix .el-input__inner{padding-left:12px}.el-date-editor .el-input__prefix{-webkit-transform:none!important;transform:none!important;left:auto;right:1px}.el-date-editor .el-input__icon{padding:0 8px 0 0;font-size:14px;color:#777D87;line-height:36px;position:absolute;top:0;right:0}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:100%;font-size:14px;color:#212026}.el-date-editor .el-range-input::-webkit-input-placeholder{color:#C6C7CA}.el-date-editor .el-range-input::-moz-placeholder{color:#C6C7CA}.el-date-editor .el-range-input:-ms-input-placeholder{color:#C6C7CA}.el-date-editor .el-range-input::-ms-input-placeholder{color:#C6C7CA}.el-date-editor .el-range-input::placeholder{color:#C6C7CA}.el-date-editor .el-range-separator{margin:0;padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;text-align:center;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#777D87}.el-range-editor.is-disabled,.el-range-editor.is-disabled input{background-color:#F6F7F8;color:#A2A3AA;cursor:not-allowed}.el-range-editor{position:relative}.el-range-editor .el-input-group__prefix-label{padding:0 12px 0 0;font-size:14px}.el-range-editor--medium .el-input-group__prefix-label,.el-range-editor--medium .el-range-input,.el-range-editor--medium .el-range-separator,.el-range-editor--small .el-input-group__prefix-label,.el-range-editor--small .el-range-input,.el-range-editor--small .el-range-separator{font-size:13px}.el-range-editor.el-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px 12px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active{border-color:#6179FF;-webkit-box-shadow:0 0 0 2px rgba(47,72,255,.1);box-shadow:0 0 0 2px rgba(47,72,255,.1)}.el-range-editor.is-active:hover{border-color:#6179FF}.el-range-editor--medium .el-input__icon{height:32px;line-height:32px}.el-range-editor--medium.el-input__inner{height:32px}.el-range-editor--small .el-input__icon{height:30px;line-height:30px}.el-range-editor--small.el-input__inner{height:30px}.el-range-editor--mini .el-input-group__prefix-label,.el-range-editor--mini .el-range-input,.el-range-editor--mini .el-range-separator{font-size:12px}.el-range-editor--mini .el-input__icon{height:26px;line-height:26px}.el-range-editor--mini.el-input__inner{height:26px}.el-range-editor.is-disabled,.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:#DCDFE6}.el-range-editor.is-disabled input::-webkit-input-placeholder{color:#C6C7CA}.el-range-editor.is-disabled input::-moz-placeholder{color:#C6C7CA}.el-range-editor.is-disabled input:-ms-input-placeholder{color:#C6C7CA}.el-range-editor.is-disabled input::-ms-input-placeholder{color:#C6C7CA}.el-range-editor.is-disabled input::placeholder{color:#C6C7CA}.el-range-editor.is-disabled .el-range-separator{color:#A2A3AA}.el-picker-panel{color:#212026;border:1px solid #E4E7ED;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#FFF;border-radius:4px;line-height:30px;margin:5px 0}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid #e4e4e4;padding:4px;text-align:right;background-color:#FFF;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:#212026;padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:#2F48FF}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:#2F48FF}.el-picker-panel__btn{border:1px solid #dcdcdc;color:#333;line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:#303133;border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:#2F48FF}.el-picker-panel__icon-btn.is-disabled{color:#A2A3AA}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid #e4e4e4;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;background-color:#FFF;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px #EBEEF5}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:#212026}.el-date-picker__header-label.active,.el-date-picker__header-label:hover{color:#2F48FF}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{display:none;border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:4px}.el-popper[x-placement^=bottom]{margin-top:4px}.el-popper[x-placement^=right]{margin-left:4px}.el-popper[x-placement^=left]{margin-right:4px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.selected:not(.disabled){color:#2F48FF;font-weight:700}.time-select-item.disabled{color:#E4E7ED;cursor:not-allowed}.time-select-item:hover{background-color:#F5F7FA;font-weight:700;cursor:pointer}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iov-design",
-  "version": "2.15.56",
+  "version": "2.15.58",
   "description": "A Component Library for Vue.js.",
   "main": "lib/iov-design.common.js",
   "files": [

package/packages/cascader/src/cascader.vue

@@ -49,18 +49,33 @@
       </template>
     </el-input>
 
-    <div v-if="multiple" class="el-cascader__tags">
+    <transition-group v-if="multiple && collapseTags && checkedNodes.length" class="el-cascader__tags" @after-leave="updateStyle">
+      <template v-for="(tag, index) in presentTags">
+        <el-tag
+          :key="tag.key"
+          v-if="collapseTags && index <= multipleLimitShow - 1"
+          type="info"
+          :size="tagSize"
+          :hit="tag.hitState"
+          :maxWidth="maxWidth"
+          :closable="tag.closable"
+          :class="{'is-disabled': !tag.closable && tag.key !== -1}"
+          disable-transitions
+          @close="deleteTag(tag)">
+          <span>{{ tag.text }}</span>
+        </el-tag>
+      </template>
       <el-tag
-        v-for="tag in presentTags"
-        :key="tag.key"
-        type="info"
+        v-if="collapseTags && (checkedNodes.length > 1 && checkedNodes.length > multipleLimitShow || checkedNodes.length > 0 && collapseTagsFixed)"
+        :closable="false"
         :size="tagSize"
-        :hit="tag.hitState"
-        :closable="tag.closable"
-        :class="{'is-disabled': !tag.closable && tag.key !== -1}"
-        disable-transitions
-        @close="deleteTag(tag)">
-        <span>{{ tag.text }}</span>
+        key="count"
+        type="info"
+        ref="tagsCount"
+        class="el-cascader__tags-count"
+        :class="{'el-cascader__tags-count-fixed': collapseTagsFixed}"
+        disable-transitions>
+        <span class="el-cascader__tags-text">{{collapseTagsFixed ? '' : '+'}}{{ collapseTagsFixed ? checkedNodes.length : checkedNodes.length - multipleLimitShow }}{{ collapseTagsSuffix }}</span>
       </el-tag>
       <input
         v-if="filterable && !isDisabled"
@@ -71,7 +86,33 @@
         @input="e => handleInput(inputValue, e)"
         @click.stop="toggleDropDownVisible(true)"
         @keydown.delete="handleDelete">
-    </div>
+    </transition-group>
+    <transition-group class="el-cascader__tags" @after-leave="updateStyle" v-if="!collapseTags">
+      <template v-for="tag in presentTags">
+        <el-tag
+          :key="tag.key"
+          type="info"
+          :size="tagSize"
+          :hit="tag.hitState"
+          :maxWidth="maxWidth"
+          :closable="tag.closable"
+          :class="{'is-disabled': !tag.closable && tag.key !== -1}"
+          disable-transitions
+          @close="deleteTag(tag)">
+          <span>{{ tag.text }}</span>
+        </el-tag>
+      </template>
+      <input
+        v-if="filterable && !isDisabled"
+        v-model.trim="inputValue"
+        type="text"
+        class="el-cascader__search-input"
+        :placeholder="presentTags.length ? '' : placeholder"
+        @input="e => handleInput(inputValue, e)"
+        @click.stop="toggleDropDownVisible(true)"
+        @keydown.delete="handleDelete">
+    </transition-group>
+
 
     <transition name="el-zoom-in-top" @after-leave="handleDropdownLeave">
       <div
@@ -225,6 +266,22 @@ export default {
       default: true
     },
     collapseTags: Boolean,
+    multipleLimitShow: {
+      type: Number,
+      default: 1
+    },
+    multipleTagMaxWidth: {
+      type: String,
+      default: 'none'
+    },
+    collapseTagsSuffix: {
+      type: String,
+      default: ''
+    },
+    collapseTagsFixed: {
+      type: Boolean,
+      default: false
+    },
     debounce: {
       type: Number,
       default: 300
@@ -248,7 +305,10 @@ export default {
       filtering: false,
       suggestions: [],
       inputInitialHeight: 0,
-      pressDeleteCount: 0
+      pressDeleteCount: 0,
+      inputWidth: 0,
+      tagsLeft: 0,
+      maxWidth: 'none'
     };
   },
 
@@ -357,6 +417,8 @@ export default {
     const { input } = this.$refs;
     if (input && input.$el) {
       this.inputInitialHeight = Math.max(input.$el.offsetHeight, InputSizeMap[this.realSize]) || 36;
+      this.resetInputWidth();
+      this.resetTagsLeft();
     }
 
     if (!this.isEmptyValue(this.value)) {
@@ -389,6 +451,33 @@ export default {
   },
 
   methods: {
+    resetInputWidth() {
+      this.inputWidth = this.$refs.input.$el.getBoundingClientRect().width;
+    },
+    resetTagsLeft() {
+      this.$nextTick(() => {
+        const prefixLabel = this.$el.querySelector('.el-input-group__prefix-label');
+        const prefix = this.$el.querySelector('.el-input__prefix');
+        const inputInner = this.$el.querySelector('.el-input__inner');
+        const prefixLabelWidth = prefixLabel && Math.round(prefixLabel.getBoundingClientRect().width) || 0;
+        const inputPaddingLeft = prefixLabel || prefix ? Math.round(window.getComputedStyle(inputInner).paddingLeft.replace(/px/, '')) : 0;
+        this.tagsLeft = prefixLabelWidth + inputPaddingLeft;
+      });
+    },
+    getMaxWidth() {
+      this.$nextTick(() => {
+        if (this.collapseTags) {
+          if (this.multipleTagMaxWidth && this.multipleTagMaxWidth !== 'none') {
+            this.maxWidth = this.multipleTagMaxWidth;
+          }
+          const tagsCountWidth = this.$refs.tagsCount && this.$refs.tagsCount.$el.clientWidth || 0;
+          const count = this.checkedNodes.length <= this.multipleLimitShow ? this.checkedNodes.length : this.multipleLimitShow;
+          this.maxWidth = Math.floor((this.inputWidth - this.tagsLeft - 32 - tagsCountWidth - 20 - count * 16) / count) + 'px';
+        } else {
+          this.maxWidth = this.multipleTagMaxWidth || 'none';
+        }
+      });
+    },
     getMigratingConfig() {
       return {
         props: {
@@ -515,7 +604,7 @@ export default {
       this.presentText = null;
     },
     computePresentTags() {
-      const { isDisabled, leafOnly, showAllLevels, separator, collapseTags } = this;
+      const { isDisabled, leafOnly, showAllLevels, separator } = this;
       const checkedNodes = this.getCheckedNodes(leafOnly);
       const tags = [];
 
@@ -528,25 +617,29 @@ export default {
       });
 
       if (checkedNodes.length) {
-        const [first, ...rest] = checkedNodes;
-        const restCount = rest.length;
-        tags.push(genTag(first));
-
-        if (restCount) {
-          if (collapseTags) {
-            tags.push({
-              key: -1,
-              text: `+${restCount}`,
-              closable: false
-            });
-          } else {
-            rest.forEach(node => tags.push(genTag(node)));
-          }
-        }
+        checkedNodes.forEach(node => tags.push(genTag(node)));
+        // const [first, ...rest] = checkedNodes;
+        // const restCount = rest.length;
+        // tags.push(genTag(first));
+
+        // console.log(restCount, 'restCount============');
+        // this.restCount = restCount;
+        // if (restCount) {
+        //   if (collapseTags) {
+        //     tags.push({
+        //       key: -1,
+        //       text: `+${restCount}`,
+        //       closable: false
+        //     });
+        //   } else {
+        //     rest.forEach(node => tags.push(genTag(node)));
+        //   }
+        // }
       }
 
       this.checkedNodes = checkedNodes;
       this.presentTags = tags;
+      this.getMaxWidth();
     },
     getSuggestions() {
       let { filterMethod } = this;
@@ -661,7 +754,10 @@ export default {
         } else {
           inputInner.style.height = height;
         }
-        tags.style.left = (prefixLabelWidth + inputPaddingLeft) + 'px';
+        tags.style.left = prefixLabel ? (prefixLabelWidth + inputPaddingLeft - 4) + 'px' : '0px';
+        if (this.checkedNodes.length === 0 && !prefixLabel) {
+          tags.style.left = '12px';
+        }
         if (this.dropDownVisible) {
           this.updatePopper();
         }

package/packages/input/src/input.vue

@@ -106,7 +106,7 @@
   </div>
 </template>
 <script>
-  import { addClass } from 'iov-design/src/utils/dom';
+  import { addClass, removeClass } from 'iov-design/src/utils/dom';
   import emitter from 'iov-design/src/mixins/emitter';
   import Migrating from 'iov-design/src/mixins/migrating';
   import calcTextareaHeight from './calcTextareaHeight';
@@ -383,9 +383,13 @@
         const isButton = pendantEl.querySelector('.el-button');
         if (isSelect) {
           addClass(pendantEl, 'is-select');
+        } else {
+          removeClass(pendantEl, 'is-select');
         }
         if (isButton) {
           addClass(pendantEl, 'is-button');
+        } else {
+          removeClass(pendantEl, 'is-button');
         }
       },
       calcIconOffset(place) {

package/packages/pagination/src/pagination.js

@@ -174,6 +174,7 @@ export default {
         return (
           <span class="el-pagination__sizes">
             <el-select
+              fill
               value={ this.$parent.internalPageSize }
               popperClass={ this.$parent.popperClass || '' }
               size={ this.$parent.small ? 'mini' : 'small' }

package/packages/select/src/select.vue

@@ -1,11 +1,12 @@
 <template>
   <div
     class="el-select"
-    :class="[selectSize ? 'el-select--' + selectSize : '', selectDisabled ? 'is-disabled' : '']"
+    :class="[fill ? 'is-fill' : '', selectSize ? 'el-select--' + selectSize : '', selectDisabled ? 'is-disabled' : '']"
     @click.stop="toggleMenu"
     v-clickoutside="handleClose">
     <div
       class="el-select__tags"
+      :class="{ 'is-focus': visible }"
       v-if="multiple"
       ref="tags"
       :style="{ 'max-width': inputWidth - 32 + 'px', width: (inputWidth - tagsLeft - 32) + 'px', left: tagsLeft + 'px' }">
@@ -17,7 +18,7 @@
             :closable="!selectDisabled"
             :size="collapseTagSize"
             :hit="item.hitState"
-            :maxWidth="multipleTagMaxWidth"
+            :maxWidth="maxWidth"
             type="info"
             @close="deleteTag($event, item)"
             disable-transitions>
@@ -25,14 +26,15 @@
           </el-tag>
         </template>
         <el-tag
-          v-if="selected.length > 1"
+          v-if="selected.length > 1 && selected.length > multipleLimitShow || selected.length > 0 && collapseTagsFixed"
           :closable="false"
           :size="collapseTagSize"
           type="info"
+          ref="tagsCount"
           class="el-select__tags-count"
           :class="{'el-select__tags-count-fixed': collapseTagsFixed}"
           disable-transitions>
-          <span class="el-select__tags-text">{{collapseTagsFixed ? '' : '+'}}{{ selected.length - 1 }}{{ collapseTagsSuffix }}</span>
+          <span class="el-select__tags-text">{{collapseTagsFixed ? '' : '+'}}{{ collapseTagsFixed ? selected.length : selected.length - multipleLimitShow }}{{ collapseTagsSuffix }}</span>
         </el-tag>
       </span>
       <transition-group class="el-tag__group" @after-leave="resetInputHeight" v-if="!collapseTags">
@@ -42,7 +44,7 @@
           :closable="!item.disabled && !selectDisabled"
           :size="collapseTagSize"
           :hit="item.hitState"
-          :maxWidth="multipleTagMaxWidth"
+          :maxWidth="maxWidth"
           type="info"
           @close="deleteTag($event, item)"
           disable-transitions>
@@ -186,6 +188,18 @@
     },
 
     computed: {
+      // maxWidth() {
+      //   if (this.collapseTags) {
+      //     if (this.multipleTagMaxWidth && this.multipleTagMaxWidth !== 'none') {
+      //       return this.multipleTagMaxWidth;
+      //     }
+      //     const tagsCountWidth = this.$refs.tagsCount && this.$refs.tagsCount.$el.clientWidth || 0;
+      //     const count = this.selected.length <= this.multipleLimitShow ? this.selected.length : this.multipleLimitShow;
+      //     return Math.floor((this.inputWidth - this.tagsLeft - 32 - tagsCountWidth - 20 - count * 16) / count) + 'px';
+      //   } else {
+      //     return this.multipleTagMaxWidth || 'none';
+      //   }
+      // },
       _elFormItemSize() {
         return (this.elFormItem || {}).elFormItemSize;
       },
@@ -335,7 +349,8 @@
       popperAppendToBody: {
         type: Boolean,
         default: true
-      }
+      },
+      fill: Boolean
     },
 
     data() {
@@ -362,7 +377,8 @@
         menuVisibleOnFocus: false,
         isOnComposition: false,
         isSilentBlur: false,
-        tagsLeft: 0
+        tagsLeft: 0,
+        maxWidth: 'none'
       };
     },
 
@@ -389,6 +405,7 @@
             this.query = '';
             this.handleQueryChange(this.query);
           }
+          this.getMaxWidth();
         }
         this.setSelected();
         if (this.filterable && !this.multiple) {
@@ -475,6 +492,20 @@
     },
 
     methods: {
+      getMaxWidth() {
+        this.$nextTick(() => {
+          if (this.collapseTags) {
+            if (this.multipleTagMaxWidth && this.multipleTagMaxWidth !== 'none') {
+              this.maxWidth = this.multipleTagMaxWidth;
+            }
+            const tagsCountWidth = this.$refs.tagsCount && this.$refs.tagsCount.$el.clientWidth || 0;
+            const count = this.selected.length <= this.multipleLimitShow ? this.selected.length : this.multipleLimitShow;
+            this.maxWidth = Math.floor((this.inputWidth - this.tagsLeft - 32 - tagsCountWidth - 20 - count * 16) / count) + 'px';
+          } else {
+            this.maxWidth = this.multipleTagMaxWidth || 'none';
+          }
+        });
+      },
       handleNavigate(direction) {
         if (this.isOnComposition) return;
 
@@ -680,7 +711,7 @@
           const inputInner = this.$el.querySelector('.el-input__inner');
           const prefixLabelWidth = prefixLabel && Math.round(prefixLabel.getBoundingClientRect().width) || 0;
           const inputPaddingLeft = prefixLabel || prefix ? Math.round(window.getComputedStyle(inputInner).paddingLeft.replace(/px/, '')) : 0;
-          this.tagsLeft = prefixLabelWidth + inputPaddingLeft;
+          this.tagsLeft = prefixLabel ? (prefixLabelWidth + inputPaddingLeft - 4) : 0;
         });
       },
 

package/packages/table/src/table-body.js

@@ -216,7 +216,7 @@ export default {
     },
 
     getCellClass(rowIndex, columnIndex, row, column) {
-      const classes = [column.id, column.align, column.className];
+      const classes = [column.id, column.align, column.verticalAlign, column.className];
 
       if (this.isColumnHidden(columnIndex)) {
         classes.push('is-hidden');

package/packages/table/src/table-column.js

@@ -32,6 +32,7 @@ export default {
     },
     columnKey: String,
     align: String,
+    verticalAlign: String,
     headerAlign: String,
     showTooltipWhenOverflow: Boolean,
     showOverflowTooltip: Boolean,
@@ -96,6 +97,10 @@ export default {
       return this.align ? 'is-' + this.align : null;
     },
 
+    realVerticalAlign() {
+      return this.verticalAlign ? 'is-' + this.verticalAlign : null;
+    },
+
     realHeaderAlign() {
       return this.headerAlign ? 'is-' + this.headerAlign : this.realAlign;
     }
@@ -201,6 +206,7 @@ export default {
       const aliases = {
         prop: 'property',
         realAlign: 'align',
+        realVerticalAlign: 'verticalAlign',
         realHeaderAlign: 'headerAlign',
         realWidth: 'width'
       };
@@ -265,6 +271,7 @@ export default {
       type: type,
       property: this.prop || this.property,
       align: this.realAlign,
+      verticalAlign: this.realVerticalAlign,
       headerAlign: this.realHeaderAlign,
       showOverflowTooltip: this.showOverflowTooltip || this.showTooltipWhenOverflow,
       // filter 相关属性