iov-design 2.15.57 → 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.57",
+  "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/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' }">
@@ -348,7 +349,8 @@
       popperAppendToBody: {
         type: Boolean,
         default: true
-      }
+      },
+      fill: Boolean
     },
 
     data() {
@@ -709,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 相关属性

package/packages/theme-chalk/src/cascader.scss

@@ -66,6 +66,9 @@
     .el-tag--medium {
       height: $--input-medium-height - 8px;
       line-height: $--input-medium-height - 8px;
+      &.el-cascader__tags-count-fixed {
+        min-width: $--input-medium-height - 8px;
+      }
     }
   }
 
@@ -75,6 +78,9 @@
     .el-tag--small {
       height: $--input-small-height - 8px;
       line-height: $--input-small-height - 8px;
+      &.el-cascader__tags-count-fixed {
+        min-width: $--input-small-height - 8px;
+      }
     }
   }
 
@@ -84,6 +90,9 @@
     .el-tag--mini {
       height: $--input-mini-height - 8px;
       line-height: $--input-mini-height - 8px;
+      &.el-cascader__tags-count-fixed {
+        min-width: $--input-mini-height - 8px;
+      }
     }
   }
 
@@ -121,33 +130,63 @@
     align-items: center;
     // pointer-events: none;
 
+    .el-cascader__tags-count-fixed {
+      min-width: $--input-height - 8px;
+      border-radius: 50%;
+      text-align: center;
+      position: absolute;
+      right: 0;
+      justify-content: center;
+    }
     .el-tag {
-      display: inline-flex;
-      align-items: center;
+      box-sizing: border-box;
+      border-color: transparent;
+      margin: 2px 0 2px 4px;
+      padding: 0 6px;
+      border-radius: 2px;
+      display: flex;
       max-width: 100%;
-      margin: 2px 6px 2px 0;
-      text-overflow: ellipsis;
-      color: $--color-text-6;
+      align-items: center;
       pointer-events: auto;
-
-      &.is-disabled {
-        color: $--color-text-3;
-        background: $--color-fill-3;
-      }
-
-      &:not(.is-hit) {
-        border-color: transparent;
+      &.el-cascader__tags-count-fixed {
+        border-radius: 50%;
       }
-
-      > span {
-        flex: 1;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      .iov-icon-close {
-        flex: none;
+      &.el-tag--info {
+        background: $--color-fill-2;
+        color: $--color-text-6;
+        border: 0 none;
+        &.is-disabled {
+          background: $--color-fill-3;
+        }
       }
+      // display: inline-flex;
+      // align-items: center;
+      // max-width: 100%;
+      // padding: 0 6px;
+      // margin: 2px 4px 2px 0;
+      // border-radius: 2px;
+      // text-overflow: ellipsis;
+      // color: $--color-text-6;
+      // pointer-events: auto;
+
+      // &.is-disabled {
+      //   color: $--color-text-3;
+      //   background: $--color-fill-3;
+      // }
+
+      // &:not(.is-hit) {
+      //   border-color: transparent;
+      // }
+
+      // > span {
+      //   flex: 1;
+      //   overflow: hidden;
+      //   text-overflow: ellipsis;
+      // }
+
+      // .iov-icon-close {
+      //   flex: none;
+      // }
     }
   }
 

package/packages/theme-chalk/src/date-picker/picker.scss

@@ -94,7 +94,7 @@
     text-align: center;
     font-size: $--input-font-size;
     align-items: center;
-    color: $--input-font-color;
+    color: $--color-fill-5;
   }
 }
 

package/packages/theme-chalk/src/select.scss

@@ -23,6 +23,60 @@
     }
   }
 
+  &.is-fill {
+    background: $--color-fill-1;
+    border-radius: 4px;
+    .el-input-group--prefix,
+    .el-input-group--suffix {
+      background: $--color-fill-1;
+      border-color: $--color-fill-1;
+      &:hover,
+      &.is-focus {
+        border-color: $--input-focus-border;
+      }
+      &.is-disabled {
+        border-color: $--color-fill-1;
+      }
+    }
+    .el-input__inner {
+      background: $--color-fill-1;
+      border-color: $--color-fill-1;
+    }
+    .el-input {
+      &.is-focus {
+        .el-input__suffix,
+        .el-input__inner,
+        .el-input-group--prefix,
+        .el-input-group--suffix {
+          background: #fff;
+          border-color: $--input-focus-border;
+        }
+        .el-input-group--prefix,
+        .el-input-group--suffix {
+          box-shadow: $--input-box-shadow;
+        }
+      }
+    }
+    .el-input__suffix {
+      background: $--color-fill-1;
+    }
+    &:hover {
+      .el-input__inner {
+        border-color: $--select-border-color-hover;
+      }
+    }
+    .el-select__tags {
+      &.is-focus {
+        .el-tag.el-tag--info {
+          background: $--color-fill-2;
+        }
+      }
+    }
+    .el-tag.el-tag--info {
+      background: #fff;
+    }
+  }
+
   .el-input__inner {
     cursor: pointer;
     padding-right: 35px;
@@ -168,6 +222,7 @@
     border-color: transparent;
     margin: 2px 0 2px 4px;
     padding: 0 6px;
+    border-radius: 2px;
     display: flex;
     max-width: 100%;
     align-items: center;
@@ -176,6 +231,7 @@
     line-height: $--input-height - 8px;
     &.el-select__tags-count-fixed {
       min-width: $--input-height - 8px;
+      border-radius: 50%;
     }
     &.el-tag--info {
       background: $--color-fill-2;

package/packages/theme-chalk/src/table.scss

@@ -145,6 +145,14 @@
     position: relative;
     text-align: left;
 
+    @include when(top) {
+      vertical-align: top;
+    }
+
+    @include when(bottom) {
+      vertical-align: bottom;
+    }
+
     @include when(center) {
       text-align: center;
     }
@@ -307,7 +315,7 @@
 
     .has-gutter {
       .el-table__cell {
-        border-bottom: 0 none;
+        // border-bottom: 0 none;
         &:nth-last-child(2) {
           border-right: 0 none;
         }

package/src/index.js

@@ -212,7 +212,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.15.57',
+  version: '2.15.58',
   locale: locale.use,
   i18n: locale.i18n,
   install,