iov-design 2.15.78 → 2.15.80
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/checkbox.js +12 -4
- package/lib/index.js +1 -1
- package/lib/iov-design.common.js +43 -27
- package/lib/radio-group.js +4 -2
- package/lib/radio.js +11 -5
- package/lib/theme-chalk/cascader-panel.css +1 -1
- package/lib/theme-chalk/cascader.css +1 -1
- package/lib/theme-chalk/checkbox.css +1 -1
- package/lib/theme-chalk/index.css +1 -1
- package/lib/theme-chalk/radio.css +1 -1
- package/lib/theme-chalk/table-column.css +1 -1
- package/lib/theme-chalk/table.css +1 -1
- package/lib/theme-chalk/transfer.css +1 -1
- package/lib/theme-chalk/tree.css +1 -1
- package/package.json +1 -1
- package/packages/checkbox/src/checkbox.vue +8 -2
- package/packages/radio/src/radio-group.vue +2 -0
- package/packages/radio/src/radio.vue +9 -3
- package/packages/theme-chalk/gulpfile.js +25 -0
- package/packages/theme-chalk/src/checkbox.scss +80 -0
- package/packages/theme-chalk/src/radio.scss +1 -0
- package/src/index.js +1 -1
- package/CHANGELOG.en-US.md +0 -2085
- package/CHANGELOG.es.md +0 -2093
- package/CHANGELOG.fr-FR.md +0 -2085
- package/CHANGELOG.zh-CN.md +0 -2085
- package/packages/theme-chalk/lib/alert.css +0 -1
- package/packages/theme-chalk/lib/aside.css +0 -1
- package/packages/theme-chalk/lib/autocomplete.css +0 -1
- package/packages/theme-chalk/lib/avatar.css +0 -1
- package/packages/theme-chalk/lib/backtop.css +0 -1
- package/packages/theme-chalk/lib/badge.css +0 -1
- package/packages/theme-chalk/lib/base.css +0 -1
- package/packages/theme-chalk/lib/breadcrumb-item.css +0 -0
- package/packages/theme-chalk/lib/breadcrumb.css +0 -1
- package/packages/theme-chalk/lib/button-group.css +0 -0
- package/packages/theme-chalk/lib/button.css +0 -1
- package/packages/theme-chalk/lib/calendar.css +0 -1
- package/packages/theme-chalk/lib/card.css +0 -1
- package/packages/theme-chalk/lib/carousel-item.css +0 -1
- package/packages/theme-chalk/lib/carousel.css +0 -1
- package/packages/theme-chalk/lib/cascader-panel.css +0 -1
- package/packages/theme-chalk/lib/cascader.css +0 -1
- package/packages/theme-chalk/lib/checkbox-button.css +0 -0
- package/packages/theme-chalk/lib/checkbox-group.css +0 -0
- package/packages/theme-chalk/lib/checkbox.css +0 -1
- package/packages/theme-chalk/lib/col.css +0 -1
- package/packages/theme-chalk/lib/collapse-item.css +0 -0
- package/packages/theme-chalk/lib/collapse.css +0 -1
- package/packages/theme-chalk/lib/color-picker.css +0 -1
- package/packages/theme-chalk/lib/container.css +0 -1
- package/packages/theme-chalk/lib/date-picker.css +0 -1
- package/packages/theme-chalk/lib/descriptions-item.css +0 -1
- package/packages/theme-chalk/lib/descriptions.css +0 -1
- package/packages/theme-chalk/lib/dialog.css +0 -1
- package/packages/theme-chalk/lib/display.css +0 -1
- package/packages/theme-chalk/lib/divider.css +0 -1
- package/packages/theme-chalk/lib/drawer.css +0 -1
- package/packages/theme-chalk/lib/dropdown-item.css +0 -0
- package/packages/theme-chalk/lib/dropdown-menu.css +0 -0
- package/packages/theme-chalk/lib/dropdown.css +0 -1
- package/packages/theme-chalk/lib/empty.css +0 -1
- package/packages/theme-chalk/lib/fonts/element-icons.ttf +0 -0
- package/packages/theme-chalk/lib/fonts/element-icons.woff +0 -0
- package/packages/theme-chalk/lib/footer.css +0 -1
- package/packages/theme-chalk/lib/form-item.css +0 -0
- package/packages/theme-chalk/lib/form.css +0 -1
- package/packages/theme-chalk/lib/header.css +0 -1
- package/packages/theme-chalk/lib/icon.css +0 -1
- package/packages/theme-chalk/lib/image.css +0 -1
- package/packages/theme-chalk/lib/index.css +0 -1
- package/packages/theme-chalk/lib/infinite-scroll.css +0 -0
- package/packages/theme-chalk/lib/infiniteScroll.css +0 -0
- package/packages/theme-chalk/lib/input-number.css +0 -1
- package/packages/theme-chalk/lib/input.css +0 -1
- package/packages/theme-chalk/lib/iovfont.css +0 -1
- package/packages/theme-chalk/lib/link.css +0 -1
- package/packages/theme-chalk/lib/loading.css +0 -1
- package/packages/theme-chalk/lib/main.css +0 -1
- package/packages/theme-chalk/lib/menu-item-group.css +0 -0
- package/packages/theme-chalk/lib/menu-item.css +0 -0
- package/packages/theme-chalk/lib/menu.css +0 -1
- package/packages/theme-chalk/lib/message-box.css +0 -1
- package/packages/theme-chalk/lib/message.css +0 -1
- package/packages/theme-chalk/lib/notification.css +0 -1
- package/packages/theme-chalk/lib/option-group.css +0 -1
- package/packages/theme-chalk/lib/option.css +0 -1
- package/packages/theme-chalk/lib/page-header.css +0 -1
- package/packages/theme-chalk/lib/pagination.css +0 -1
- package/packages/theme-chalk/lib/popconfirm.css +0 -1
- package/packages/theme-chalk/lib/popover.css +0 -1
- package/packages/theme-chalk/lib/popper.css +0 -1
- package/packages/theme-chalk/lib/progress.css +0 -1
- package/packages/theme-chalk/lib/radio-button.css +0 -1
- package/packages/theme-chalk/lib/radio-group.css +0 -1
- package/packages/theme-chalk/lib/radio.css +0 -1
- package/packages/theme-chalk/lib/rate.css +0 -1
- package/packages/theme-chalk/lib/reset.css +0 -1
- package/packages/theme-chalk/lib/result.css +0 -1
- package/packages/theme-chalk/lib/row.css +0 -1
- package/packages/theme-chalk/lib/scrollbar.css +0 -1
- package/packages/theme-chalk/lib/select-dropdown.css +0 -1
- package/packages/theme-chalk/lib/select.css +0 -1
- package/packages/theme-chalk/lib/skeleton-item.css +0 -1
- package/packages/theme-chalk/lib/skeleton.css +0 -1
- package/packages/theme-chalk/lib/slider.css +0 -1
- package/packages/theme-chalk/lib/spinner.css +0 -1
- package/packages/theme-chalk/lib/statistic.css +0 -1
- package/packages/theme-chalk/lib/step.css +0 -1
- package/packages/theme-chalk/lib/steps.css +0 -1
- package/packages/theme-chalk/lib/submenu.css +0 -0
- package/packages/theme-chalk/lib/switch.css +0 -1
- package/packages/theme-chalk/lib/tab-pane.css +0 -0
- package/packages/theme-chalk/lib/table-column.css +0 -1
- package/packages/theme-chalk/lib/table.css +0 -1
- package/packages/theme-chalk/lib/tabs.css +0 -1
- package/packages/theme-chalk/lib/tag.css +0 -1
- package/packages/theme-chalk/lib/time-picker.css +0 -1
- package/packages/theme-chalk/lib/time-select.css +0 -1
- package/packages/theme-chalk/lib/timeline-item.css +0 -1
- package/packages/theme-chalk/lib/timeline.css +0 -1
- package/packages/theme-chalk/lib/tooltip.css +0 -1
- package/packages/theme-chalk/lib/transfer.css +0 -1
- package/packages/theme-chalk/lib/tree.css +0 -1
- package/packages/theme-chalk/lib/upload.css +0 -1
package/lib/theme-chalk/tree.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.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}.el-checkbox.is-bordered,.el-checkbox.is-button{padding:0 16px;height:36px;line-height:36px;margin-right:8px}.el-checkbox,.el-checkbox__input{position:relative;display:inline-block}.el-checkbox-button__inner,.el-checkbox__input{vertical-align:middle;white-space:nowrap;outline: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-checkbox{color:#0D1722;font-weight:400;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:32px}.el-checkbox--medium.is-bordered .el-checkbox__label,.el-checkbox--medium.is-button .el-checkbox__label,.el-checkbox--small.is-bordered .el-checkbox__label,.el-checkbox--small.is-button .el-checkbox__label{font-size:13px}.el-checkbox:hover .el-checkbox__inner{border-color:#3F57FF}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color ease .3s;transition:border-color ease .3s}.el-checkbox.is-bordered.is-checked{border-color:#3F57FF}.el-checkbox.is-bordered.is-checked .el-checkbox__label{-webkit-transition:color ease .3s;transition:color ease .3s;color:#3F57FF}.el-checkbox.is-bordered.is-checked.is-disabled{background:#fff;border-color:#C0CDFF}.el-checkbox.is-bordered.is-checked.is-disabled .el-checkbox__label{color:#C0CDFF}.el-checkbox.is-bordered.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-checkbox.is-button{color:#65677A;background:#F2F3F5;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color ease .3s;transition:background-color ease .3s}.el-checkbox.is-button.is-checked{background:#E6ECFE}.el-checkbox.is-button.is-checked .el-checkbox__label{-webkit-transition:color ease .3s;transition:color ease .3s;color:#3F57FF}.el-checkbox.is-button.is-checked.is-disabled{background-color:#F0F4FD}.el-checkbox.is-button.is-checked.is-disabled .el-checkbox__label{color:#C0CDFF}.el-checkbox.is-button.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-checkbox.is-button.is-disabled .el-checkbox__label{color:#C6C7CA}.el-checkbox--medium.is-bordered,.el-checkbox--medium.is-button{padding:0 12px;border-radius:4px;height:32px;line-height:32px}.el-checkbox--medium.is-button{line-height:32px}.el-checkbox--small.is-bordered,.el-checkbox--small.is-button{padding:0 12px;border-radius:4px;height:30px;line-height:30px}.el-checkbox--small.is-button{line-height:30px}.el-checkbox--mini.is-bordered,.el-checkbox--mini.is-button{padding:0 12px;border-radius:4px;height:26px;line-height:26px}.el-checkbox--mini.is-bordered .el-checkbox__label,.el-checkbox--mini.is-button .el-checkbox__label{font-size:12px}.el-checkbox--mini.is-button{line-height:26px}.el-checkbox__input{margin-right:8px;cursor:pointer;line-height:1}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#F6F7F8;border-color:#D2D5DF;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#C0CDFF;border-color:#C0CDFF}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#FFF;border-color:#C0CDFF}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::after{background-color:#C0CDFF}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#C6C7CA;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#3F57FF;border-color:#3F57FF}.el-checkbox__input.is-checked+.el-checkbox__label{color:#0D1722}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#3F57FF}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#FFF;border-color:#D2D5DF}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{margin:-4px 0 0 -4px;content:'';position:absolute;background-color:#3F57FF;width:8px;height:8px;left:50%;top:50%}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #D2D5DF;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#3F57FF}.el-checkbox__inner::before{color:#FFF;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);font-size:12px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;line-height:1;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button__inner{font-weight:400;cursor:pointer;background:#FFF;border:1px solid #D2D5DF;border-left:0;color:#212026;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:0 14px;height:36px;line-height:34px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:0 14px}.el-checkbox-button__inner:hover{color:#2F48FF}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#3F57FF;background-color:#FFF;border-color:#2F48FF;-webkit-box-shadow:-1px 0 0 0 #2F48FF;box-shadow:-1px 0 0 0 #2F48FF}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#2F48FF}.el-checkbox-button.is-checked.is-disabled .el-checkbox-button__inner{background-color:#FFF;color:#C0CDFF;border-color:#C0CDFF;-webkit-box-shadow:-1px 0 0 0 #C0CDFF;box-shadow:-1px 0 0 0 #C0CDFF}.el-checkbox-button.is-checked.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#C0CDFF}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#A2A3AA;cursor:not-allowed;background-image:none;background-color:#F6F7F8;border-color:#DCDFE6;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#F6F7F8}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #D2D5DF;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:0 12px;height:32px;line-height:30px;font-size:13px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:0 12px}.el-checkbox-button--small .el-checkbox-button__inner{padding:0 12px;height:30px;line-height:28px;font-size:13px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:0 12px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:0 12px;height:26px;line-height:24px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:0 12px}.el-checkbox-group{font-size:0}.el-tree{position:relative;cursor:default;background:#FFF;color:#212026}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#2F48FF}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#F5F7FA}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#2F48FF;color:#fff}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:#F5F7FA}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#C6C7CA;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#C6C7CA}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#eef0ff}
|
|
1
|
+
@charset "UTF-8";.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}.el-checkbox.is-bordered,.el-checkbox.is-card{border-radius:4px;-webkit-box-sizing:border-box}.el-checkbox-button__inner,.el-checkbox__input{vertical-align:middle;white-space:nowrap;outline: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-checkbox{color:#0D1722;font-weight:400;font-size:14px;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:32px}.el-checkbox:hover .el-checkbox__inner{border-color:#3F57FF}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-card{margin-right:12px;padding:12px 14px;border:1px solid #DCDFE6;box-sizing:border-box;-webkit-transition:border-color ease .3s;transition:border-color ease .3s;overflow:hidden;background:#fff}.el-checkbox.is-card .el-checkbox__input{float:left;margin-top:1px;font-size:0}.el-checkbox.is-card .el-checkbox__input.is-checked+.el-checkbox__label{color:#3F57FF}.el-checkbox.is-card .el-checkbox__label{font-weight:600;font-size:13px;line-height:18px;color:#3D4158;float:left;overflow:hidden}.el-checkbox.is-card .el-checkbox__desc{margin:4px 0 0;font-weight:400;font-size:12px;line-height:17px;color:#6B707A}.el-checkbox--medium.is-bordered .el-checkbox__label,.el-checkbox--medium.is-button .el-checkbox__label,.el-checkbox--small.is-bordered .el-checkbox__label,.el-checkbox--small.is-button .el-checkbox__label{font-size:13px}.el-checkbox.is-card.is-card-checkbox.is-checked:after{display:none}.el-checkbox.is-card.is-disabled{border-color:#EDEFF3}.el-checkbox.is-card.is-disabled .el-checkbox__label{color:#6B707A}.el-checkbox.is-card.is-disabled .el-checkbox__desc{color:#A2A3AA}.el-checkbox.is-card.is-checked{border-color:#C0CDFF;background:#F0F4FD}.el-checkbox.is-card.is-checked:after{content:'';width:26px;height:24px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjYgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDc2LjAwMDAwMCwgLTYwOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM4LjAwMDAwMCwgNjA5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwwIEwyMiwwIEMyNC4yMDkxMzksMCAyNiwxLjc5MDg2MSAyNiw0IEwyNiwyNCBMMjYsMjQgTDAsMCBaIiBmaWxsPSIjM0Y1N0ZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQXJ0Ym9hcmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuODk2MTk5NiwyLjkwNjM0MzY2IEwxMC44NDMyMDQxLDMuODUxMTk5NjYgQzEwLjk0MDk0NiwzLjk0ODcxOTggMTAuOTQxMTI1OCw0LjEwNzAxMDk0IDEwLjg0MzYwNTYsNC4yMDQ3NTI4MyBDMTAuODQzNDcxOSw0LjIwNDg4NjgyIDEwLjg0MzMzODEsNC4yMDUwMjA2NSAxMC44NDMyMDQxLDQuMjA1MTU0MzQgTDUuOTM3NzczMDMsOS4wOTk0NTYyNyBMNS45Mzc3NzMwMyw5LjA5OTQ1NjI3IEw1LjU1MDM2NjU3LDkuNDg1OTgzOCBDNS40MjY1NTAzOCw5LjYwOTUxOTA4IDUuMjI4MzA5MDksOS42MTYzNDU3OSA1LjA5NjI4ODA3LDkuNTAxNjIwNjIgTDQuNjgzMTA4NzMsOS4xNDI1NzExOSBMNC42ODMxMDg3Myw5LjE0MjU3MTE5IEwyLjA5MDYxMzM2LDYuODg5NzE0MTIgTDEuNTg2MDUwMzMsNi40NTEyNTMwMiBDMS40ODE4MzE0Niw2LjM2MDY4NzY4IDEuNDcwNzYzMDksNi4yMDI3ODM4OCAxLjU2MTMyODQyLDYuMDk4NTY1MDEgQzEuNTYxNDUxNCw2LjA5ODQyMzUgMS41NjE1NzQ1NCw2LjA5ODI4MjEyIDEuNTYxNjk3ODMsNi4wOTgxNDA4OCBMMi40NDEyNTExMSw1LjA5MDU3NDUxIEMyLjUzMTkwNjI4LDQuOTg2NzI1MSAyLjY4OTUxNjYsNC45NzU4NTU0NSAyLjc5MzU2OTcxLDUuMDY2Mjc2NzQgTDMuMjk4OTgxODQsNS41MDU0NzU3MSBMMy4yOTg5ODE4NCw1LjUwNTQ3NTcxIEw1LjEyNjczMTMzLDcuMDkzNzk5NDcgQzUuMTkyNzQwODksNy4xNTExNjIxMiA1LjI5MTg2MDY4LDcuMTQ3NzUwMDcgNS4zNTM3Njk0MSw3LjA4NTk4NDAyIEw5LjA2OTE0MzcyLDMuMzc5MTcyNzIgTDkuMDY5MTQzNzIsMy4zNzkxNzI3MiBMOS41NDMwNDc5NSwyLjkwNjM0MzY2IEM5LjY0MDYzMjg5LDIuODA4OTgwMTEgOS43OTg2MTQ2NSwyLjgwODk4MDExIDkuODk2MTk5NiwyLjkwNjM0MzY2IFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==) no-repeat;background-size:26px 24px;position:absolute;top:-1px;right:-1px}.el-checkbox.is-bordered,.el-checkbox.is-button{padding:0 16px;height:36px;line-height:36px;margin-right:8px}.el-checkbox.is-card.is-checked.is-disabled{border-color:#C0CDFF;background:#F0F4FD}.el-checkbox.is-card.is-checked.is-disabled .el-checkbox__label{color:#3F57FF}.el-checkbox.is-card.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-checkbox.is-bordered{border:1px solid #DCDFE6;box-sizing:border-box;-webkit-transition:border-color ease .3s;transition:border-color ease .3s}.el-checkbox.is-bordered.is-checked{border-color:#3F57FF}.el-checkbox.is-bordered.is-checked .el-checkbox__label{-webkit-transition:color ease .3s;transition:color ease .3s;color:#3F57FF}.el-checkbox.is-bordered.is-checked.is-disabled{background:#fff;border-color:#C0CDFF}.el-checkbox.is-bordered.is-checked.is-disabled .el-checkbox__label{color:#C0CDFF}.el-checkbox.is-bordered.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-checkbox.is-button{color:#65677A;background:#F2F3F5;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color ease .3s;transition:background-color ease .3s}.el-checkbox.is-button.is-checked{background:#E6ECFE}.el-checkbox.is-button.is-checked .el-checkbox__label{-webkit-transition:color ease .3s;transition:color ease .3s;color:#3F57FF}.el-checkbox.is-button.is-checked.is-disabled{background-color:#F0F4FD}.el-checkbox.is-button.is-checked.is-disabled .el-checkbox__label{color:#C0CDFF}.el-checkbox.is-button.is-disabled{cursor:not-allowed;background:#F6F7F8}.el-checkbox.is-button.is-disabled .el-checkbox__label{color:#C6C7CA}.el-checkbox--medium.is-bordered,.el-checkbox--medium.is-button{padding:0 12px;border-radius:4px;height:32px;line-height:32px}.el-checkbox--medium.is-button{line-height:32px}.el-checkbox--small.is-bordered,.el-checkbox--small.is-button{padding:0 12px;border-radius:4px;height:30px;line-height:30px}.el-checkbox--small.is-button{line-height:30px}.el-checkbox--mini.is-bordered,.el-checkbox--mini.is-button{padding:0 12px;border-radius:4px;height:26px;line-height:26px}.el-checkbox--mini.is-bordered .el-checkbox__label,.el-checkbox--mini.is-button .el-checkbox__label{font-size:12px}.el-checkbox--mini.is-button{line-height:26px}.el-checkbox__input{margin-right:8px;cursor:pointer;display:inline-block;line-height:1;position:relative}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#F6F7F8;border-color:#D2D5DF;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#C0CDFF;border-color:#C0CDFF}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#FFF;border-color:#C0CDFF}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::after{background-color:#C0CDFF}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#C6C7CA;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#3F57FF;border-color:#3F57FF}.el-checkbox__input.is-checked+.el-checkbox__label{color:#0D1722}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#3F57FF}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#FFF;border-color:#D2D5DF}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{margin:-4px 0 0 -4px;content:'';position:absolute;background-color:#3F57FF;width:8px;height:8px;left:50%;top:50%}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #D2D5DF;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#3F57FF}.el-checkbox__inner::before{color:#FFF;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);font-size:12px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox-button,.el-checkbox-button__inner{display:inline-block;position:relative}.el-checkbox__label{display:inline-block;line-height:1;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button__inner{font-weight:400;cursor:pointer;background:#FFF;border:1px solid #D2D5DF;border-left:0;color:#212026;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:0 14px;height:36px;line-height:34px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:0 14px}.el-checkbox-button__inner:hover{color:#2F48FF}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#3F57FF;background-color:#FFF;border-color:#2F48FF;-webkit-box-shadow:-1px 0 0 0 #2F48FF;box-shadow:-1px 0 0 0 #2F48FF}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#2F48FF}.el-checkbox-button.is-checked.is-disabled .el-checkbox-button__inner{background-color:#FFF;color:#C0CDFF;border-color:#C0CDFF;-webkit-box-shadow:-1px 0 0 0 #C0CDFF;box-shadow:-1px 0 0 0 #C0CDFF}.el-checkbox-button.is-checked.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#C0CDFF}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#A2A3AA;cursor:not-allowed;background-image:none;background-color:#F6F7F8;border-color:#DCDFE6;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#F6F7F8}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #D2D5DF;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:0 12px;height:32px;line-height:30px;font-size:13px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:0 12px}.el-checkbox-button--small .el-checkbox-button__inner{padding:0 12px;height:30px;line-height:28px;font-size:13px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:0 12px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:0 12px;height:26px;line-height:24px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:0 12px}.el-checkbox-group{font-size:0}.el-tree{position:relative;cursor:default;background:#FFF;color:#212026}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399;font-size:14px}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:#2F48FF}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:#F5F7FA}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:#2F48FF;color:#fff}.el-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:#F5F7FA}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:#C6C7CA;font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.el-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__label{font-size:14px}.el-tree-node__loading-icon{margin-right:8px;font-size:14px;color:#C6C7CA}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#eef0ff}
|
package/package.json
CHANGED
|
@@ -5,13 +5,15 @@
|
|
|
5
5
|
(border || button) && checkboxSize ? 'el-checkbox--' + checkboxSize : '',
|
|
6
6
|
{ 'is-disabled': isDisabled },
|
|
7
7
|
{ 'is-bordered': border },
|
|
8
|
+
{ 'is-card': card},
|
|
9
|
+
{ 'is-card-checkbox': card && checkbox},
|
|
8
10
|
{ 'is-button': button },
|
|
9
11
|
{ 'is-checked': isChecked }
|
|
10
12
|
]"
|
|
11
13
|
:id="id"
|
|
12
14
|
>
|
|
13
15
|
<span class="el-checkbox__input"
|
|
14
|
-
:style="{ display: border || button ? 'none' : '' }"
|
|
16
|
+
:style="{ display: border || button ? 'none' : '' || card && !checkbox ? 'none' : '' }"
|
|
15
17
|
:class="{
|
|
16
18
|
'is-disabled': isDisabled,
|
|
17
19
|
'is-checked': isChecked,
|
|
@@ -52,6 +54,7 @@
|
|
|
52
54
|
<span class="el-checkbox__label" v-if="$slots.default || label">
|
|
53
55
|
<slot></slot>
|
|
54
56
|
<template v-if="!$slots.default">{{label}}</template>
|
|
57
|
+
<p v-if="desc" class="el-checkbox__desc">{{ desc }}</p>
|
|
55
58
|
</span>
|
|
56
59
|
</label>
|
|
57
60
|
</template>
|
|
@@ -176,7 +179,10 @@
|
|
|
176
179
|
controls: String, /* 当indeterminate为真时,为controls提供相关连的checkbox的id,表明元素间的控制关系*/
|
|
177
180
|
border: Boolean,
|
|
178
181
|
button: Boolean,
|
|
179
|
-
size: String
|
|
182
|
+
size: String,
|
|
183
|
+
card: Boolean,
|
|
184
|
+
checkbox: Boolean,
|
|
185
|
+
desc: String
|
|
180
186
|
},
|
|
181
187
|
|
|
182
188
|
methods: {
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
{ 'is-bordered': border },
|
|
9
9
|
{ 'is-button': button || groupButton },
|
|
10
10
|
{ 'is-checked': model === label },
|
|
11
|
-
{ 'is-card': card},
|
|
12
|
-
{ 'is-card-radio': card && radio}
|
|
11
|
+
{ 'is-card': card || groupCard},
|
|
12
|
+
{ 'is-card-radio': (card || groupCard) && (radio || groupRadio)}
|
|
13
13
|
]"
|
|
14
14
|
role="radio"
|
|
15
15
|
:aria-checked="model === label"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
@keydown.space.stop.prevent="model = isDisabled ? model : label"
|
|
19
19
|
>
|
|
20
20
|
<span class="el-radio__input"
|
|
21
|
-
:style="{display: border || button || groupButton || card && !radio ? 'none' : ''}"
|
|
21
|
+
:style="{display: border || button || groupButton || (card || groupCard) && !(radio || groupRadio) ? 'none' : ''}"
|
|
22
22
|
:class="{
|
|
23
23
|
'is-disabled': isDisabled,
|
|
24
24
|
'is-checked': model === label
|
|
@@ -126,6 +126,12 @@
|
|
|
126
126
|
groupButton() {
|
|
127
127
|
return this.isGroup ? this._radioGroup.button : this.button;
|
|
128
128
|
},
|
|
129
|
+
groupCard() {
|
|
130
|
+
return this.isGroup ? this._radioGroup.card : this.card;
|
|
131
|
+
},
|
|
132
|
+
groupRadio() {
|
|
133
|
+
return this.isGroup ? this._radioGroup.radio : this.radio;
|
|
134
|
+
},
|
|
129
135
|
isDisabled() {
|
|
130
136
|
return this.isGroup
|
|
131
137
|
? this._radioGroup.disabled || this.disabled || (this.elForm || {}).disabled
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const { series, src, dest } = require('gulp');
|
|
4
|
+
const sass = require('gulp-sass');
|
|
5
|
+
const autoprefixer = require('gulp-autoprefixer');
|
|
6
|
+
const cssmin = require('gulp-cssmin');
|
|
7
|
+
|
|
8
|
+
function compile() {
|
|
9
|
+
return src('./src/*.scss')
|
|
10
|
+
.pipe(sass.sync())
|
|
11
|
+
.pipe(autoprefixer({
|
|
12
|
+
browsers: ['ie > 9', 'last 2 versions'],
|
|
13
|
+
cascade: false
|
|
14
|
+
}))
|
|
15
|
+
.pipe(cssmin())
|
|
16
|
+
.pipe(dest('./lib'));
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function copyfont() {
|
|
20
|
+
return src('./src/fonts/**')
|
|
21
|
+
.pipe(cssmin())
|
|
22
|
+
.pipe(dest('./lib/fonts'));
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
exports.build = series(compile, copyfont);
|
|
@@ -23,6 +23,86 @@
|
|
|
23
23
|
cursor: not-allowed;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
+
@include when(card) {
|
|
27
|
+
margin-right: 12px;
|
|
28
|
+
padding: 12px 14px;
|
|
29
|
+
border-radius: $--border-radius-base;
|
|
30
|
+
border: 1px solid $--color-line-2;
|
|
31
|
+
box-sizing: border-box;
|
|
32
|
+
transition: border-color ease .3s;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
background: #fff;
|
|
35
|
+
.el-checkbox__input {
|
|
36
|
+
float: left;
|
|
37
|
+
margin-top: 1px;
|
|
38
|
+
font-size: 0;
|
|
39
|
+
&.is-checked {
|
|
40
|
+
& + .el-checkbox__label {
|
|
41
|
+
color: $--color-primary-6;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
.el-checkbox__label {
|
|
46
|
+
font-weight: 600;
|
|
47
|
+
font-size: 13px;
|
|
48
|
+
line-height: 18px;
|
|
49
|
+
color: $--color-text-5;
|
|
50
|
+
float: left;
|
|
51
|
+
overflow: hidden;
|
|
52
|
+
}
|
|
53
|
+
.el-checkbox__desc {
|
|
54
|
+
margin: 4px 0 0;
|
|
55
|
+
font-weight: 400;
|
|
56
|
+
font-size: 12px;
|
|
57
|
+
line-height: 17px;
|
|
58
|
+
color: $--color-text-3;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&.is-card-checkbox {
|
|
62
|
+
&.is-checked:after {
|
|
63
|
+
display: none;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
&.is-disabled {
|
|
68
|
+
background: $--color-primary-1;
|
|
69
|
+
border-color: $--color-line-1;
|
|
70
|
+
.el-checkbox__label {
|
|
71
|
+
color: $--color-text-3;
|
|
72
|
+
}
|
|
73
|
+
.el-checkbox__desc {
|
|
74
|
+
color: $--color-text-2;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&.is-checked {
|
|
79
|
+
border-color: $--color-primary-3;
|
|
80
|
+
background: $--color-primary-1;
|
|
81
|
+
&:after {
|
|
82
|
+
content: '';
|
|
83
|
+
width: 26px;
|
|
84
|
+
height: 24px;
|
|
85
|
+
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjYgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDc2LjAwMDAwMCwgLTYwOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM4LjAwMDAwMCwgNjA5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwwIEwyMiwwIEMyNC4yMDkxMzksMCAyNiwxLjc5MDg2MSAyNiw0IEwyNiwyNCBMMjYsMjQgTDAsMCBaIiBmaWxsPSIjM0Y1N0ZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQXJ0Ym9hcmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTkuODk2MTk5NiwyLjkwNjM0MzY2IEwxMC44NDMyMDQxLDMuODUxMTk5NjYgQzEwLjk0MDk0NiwzLjk0ODcxOTggMTAuOTQxMTI1OCw0LjEwNzAxMDk0IDEwLjg0MzYwNTYsNC4yMDQ3NTI4MyBDMTAuODQzNDcxOSw0LjIwNDg4NjgyIDEwLjg0MzMzODEsNC4yMDUwMjA2NSAxMC44NDMyMDQxLDQuMjA1MTU0MzQgTDUuOTM3NzczMDMsOS4wOTk0NTYyNyBMNS45Mzc3NzMwMyw5LjA5OTQ1NjI3IEw1LjU1MDM2NjU3LDkuNDg1OTgzOCBDNS40MjY1NTAzOCw5LjYwOTUxOTA4IDUuMjI4MzA5MDksOS42MTYzNDU3OSA1LjA5NjI4ODA3LDkuNTAxNjIwNjIgTDQuNjgzMTA4NzMsOS4xNDI1NzExOSBMNC42ODMxMDg3Myw5LjE0MjU3MTE5IEwyLjA5MDYxMzM2LDYuODg5NzE0MTIgTDEuNTg2MDUwMzMsNi40NTEyNTMwMiBDMS40ODE4MzE0Niw2LjM2MDY4NzY4IDEuNDcwNzYzMDksNi4yMDI3ODM4OCAxLjU2MTMyODQyLDYuMDk4NTY1MDEgQzEuNTYxNDUxNCw2LjA5ODQyMzUgMS41NjE1NzQ1NCw2LjA5ODI4MjEyIDEuNTYxNjk3ODMsNi4wOTgxNDA4OCBMMi40NDEyNTExMSw1LjA5MDU3NDUxIEMyLjUzMTkwNjI4LDQuOTg2NzI1MSAyLjY4OTUxNjYsNC45NzU4NTU0NSAyLjc5MzU2OTcxLDUuMDY2Mjc2NzQgTDMuMjk4OTgxODQsNS41MDU0NzU3MSBMMy4yOTg5ODE4NCw1LjUwNTQ3NTcxIEw1LjEyNjczMTMzLDcuMDkzNzk5NDcgQzUuMTkyNzQwODksNy4xNTExNjIxMiA1LjI5MTg2MDY4LDcuMTQ3NzUwMDcgNS4zNTM3Njk0MSw3LjA4NTk4NDAyIEw5LjA2OTE0MzcyLDMuMzc5MTcyNzIgTDkuMDY5MTQzNzIsMy4zNzkxNzI3MiBMOS41NDMwNDc5NSwyLjkwNjM0MzY2IEM5LjY0MDYzMjg5LDIuODA4OTgwMTEgOS43OTg2MTQ2NSwyLjgwODk4MDExIDkuODk2MTk5NiwyLjkwNjM0MzY2IFoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==) no-repeat 0 0;
|
|
86
|
+
background-size: 26px 24px;
|
|
87
|
+
position: absolute;
|
|
88
|
+
top: -1px;
|
|
89
|
+
right: -1px;
|
|
90
|
+
}
|
|
91
|
+
&.is-disabled {
|
|
92
|
+
border-color: $--color-primary-3;
|
|
93
|
+
background: $--color-primary-1;
|
|
94
|
+
.el-checkbox__label {
|
|
95
|
+
color: $--color-primary-6;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
&.is-disabled {
|
|
101
|
+
cursor: not-allowed;
|
|
102
|
+
background: $--color-fill-1;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
26
106
|
@include when(bordered) {
|
|
27
107
|
margin-right: 8px;
|
|
28
108
|
padding: $--checkbox-bordered-padding;
|