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.
Files changed (125) hide show
  1. package/lib/checkbox.js +12 -4
  2. package/lib/index.js +1 -1
  3. package/lib/iov-design.common.js +43 -27
  4. package/lib/radio-group.js +4 -2
  5. package/lib/radio.js +11 -5
  6. package/lib/theme-chalk/cascader-panel.css +1 -1
  7. package/lib/theme-chalk/cascader.css +1 -1
  8. package/lib/theme-chalk/checkbox.css +1 -1
  9. package/lib/theme-chalk/index.css +1 -1
  10. package/lib/theme-chalk/radio.css +1 -1
  11. package/lib/theme-chalk/table-column.css +1 -1
  12. package/lib/theme-chalk/table.css +1 -1
  13. package/lib/theme-chalk/transfer.css +1 -1
  14. package/lib/theme-chalk/tree.css +1 -1
  15. package/package.json +1 -1
  16. package/packages/checkbox/src/checkbox.vue +8 -2
  17. package/packages/radio/src/radio-group.vue +2 -0
  18. package/packages/radio/src/radio.vue +9 -3
  19. package/packages/theme-chalk/gulpfile.js +25 -0
  20. package/packages/theme-chalk/src/checkbox.scss +80 -0
  21. package/packages/theme-chalk/src/radio.scss +1 -0
  22. package/src/index.js +1 -1
  23. package/CHANGELOG.en-US.md +0 -2085
  24. package/CHANGELOG.es.md +0 -2093
  25. package/CHANGELOG.fr-FR.md +0 -2085
  26. package/CHANGELOG.zh-CN.md +0 -2085
  27. package/packages/theme-chalk/lib/alert.css +0 -1
  28. package/packages/theme-chalk/lib/aside.css +0 -1
  29. package/packages/theme-chalk/lib/autocomplete.css +0 -1
  30. package/packages/theme-chalk/lib/avatar.css +0 -1
  31. package/packages/theme-chalk/lib/backtop.css +0 -1
  32. package/packages/theme-chalk/lib/badge.css +0 -1
  33. package/packages/theme-chalk/lib/base.css +0 -1
  34. package/packages/theme-chalk/lib/breadcrumb-item.css +0 -0
  35. package/packages/theme-chalk/lib/breadcrumb.css +0 -1
  36. package/packages/theme-chalk/lib/button-group.css +0 -0
  37. package/packages/theme-chalk/lib/button.css +0 -1
  38. package/packages/theme-chalk/lib/calendar.css +0 -1
  39. package/packages/theme-chalk/lib/card.css +0 -1
  40. package/packages/theme-chalk/lib/carousel-item.css +0 -1
  41. package/packages/theme-chalk/lib/carousel.css +0 -1
  42. package/packages/theme-chalk/lib/cascader-panel.css +0 -1
  43. package/packages/theme-chalk/lib/cascader.css +0 -1
  44. package/packages/theme-chalk/lib/checkbox-button.css +0 -0
  45. package/packages/theme-chalk/lib/checkbox-group.css +0 -0
  46. package/packages/theme-chalk/lib/checkbox.css +0 -1
  47. package/packages/theme-chalk/lib/col.css +0 -1
  48. package/packages/theme-chalk/lib/collapse-item.css +0 -0
  49. package/packages/theme-chalk/lib/collapse.css +0 -1
  50. package/packages/theme-chalk/lib/color-picker.css +0 -1
  51. package/packages/theme-chalk/lib/container.css +0 -1
  52. package/packages/theme-chalk/lib/date-picker.css +0 -1
  53. package/packages/theme-chalk/lib/descriptions-item.css +0 -1
  54. package/packages/theme-chalk/lib/descriptions.css +0 -1
  55. package/packages/theme-chalk/lib/dialog.css +0 -1
  56. package/packages/theme-chalk/lib/display.css +0 -1
  57. package/packages/theme-chalk/lib/divider.css +0 -1
  58. package/packages/theme-chalk/lib/drawer.css +0 -1
  59. package/packages/theme-chalk/lib/dropdown-item.css +0 -0
  60. package/packages/theme-chalk/lib/dropdown-menu.css +0 -0
  61. package/packages/theme-chalk/lib/dropdown.css +0 -1
  62. package/packages/theme-chalk/lib/empty.css +0 -1
  63. package/packages/theme-chalk/lib/fonts/element-icons.ttf +0 -0
  64. package/packages/theme-chalk/lib/fonts/element-icons.woff +0 -0
  65. package/packages/theme-chalk/lib/footer.css +0 -1
  66. package/packages/theme-chalk/lib/form-item.css +0 -0
  67. package/packages/theme-chalk/lib/form.css +0 -1
  68. package/packages/theme-chalk/lib/header.css +0 -1
  69. package/packages/theme-chalk/lib/icon.css +0 -1
  70. package/packages/theme-chalk/lib/image.css +0 -1
  71. package/packages/theme-chalk/lib/index.css +0 -1
  72. package/packages/theme-chalk/lib/infinite-scroll.css +0 -0
  73. package/packages/theme-chalk/lib/infiniteScroll.css +0 -0
  74. package/packages/theme-chalk/lib/input-number.css +0 -1
  75. package/packages/theme-chalk/lib/input.css +0 -1
  76. package/packages/theme-chalk/lib/iovfont.css +0 -1
  77. package/packages/theme-chalk/lib/link.css +0 -1
  78. package/packages/theme-chalk/lib/loading.css +0 -1
  79. package/packages/theme-chalk/lib/main.css +0 -1
  80. package/packages/theme-chalk/lib/menu-item-group.css +0 -0
  81. package/packages/theme-chalk/lib/menu-item.css +0 -0
  82. package/packages/theme-chalk/lib/menu.css +0 -1
  83. package/packages/theme-chalk/lib/message-box.css +0 -1
  84. package/packages/theme-chalk/lib/message.css +0 -1
  85. package/packages/theme-chalk/lib/notification.css +0 -1
  86. package/packages/theme-chalk/lib/option-group.css +0 -1
  87. package/packages/theme-chalk/lib/option.css +0 -1
  88. package/packages/theme-chalk/lib/page-header.css +0 -1
  89. package/packages/theme-chalk/lib/pagination.css +0 -1
  90. package/packages/theme-chalk/lib/popconfirm.css +0 -1
  91. package/packages/theme-chalk/lib/popover.css +0 -1
  92. package/packages/theme-chalk/lib/popper.css +0 -1
  93. package/packages/theme-chalk/lib/progress.css +0 -1
  94. package/packages/theme-chalk/lib/radio-button.css +0 -1
  95. package/packages/theme-chalk/lib/radio-group.css +0 -1
  96. package/packages/theme-chalk/lib/radio.css +0 -1
  97. package/packages/theme-chalk/lib/rate.css +0 -1
  98. package/packages/theme-chalk/lib/reset.css +0 -1
  99. package/packages/theme-chalk/lib/result.css +0 -1
  100. package/packages/theme-chalk/lib/row.css +0 -1
  101. package/packages/theme-chalk/lib/scrollbar.css +0 -1
  102. package/packages/theme-chalk/lib/select-dropdown.css +0 -1
  103. package/packages/theme-chalk/lib/select.css +0 -1
  104. package/packages/theme-chalk/lib/skeleton-item.css +0 -1
  105. package/packages/theme-chalk/lib/skeleton.css +0 -1
  106. package/packages/theme-chalk/lib/slider.css +0 -1
  107. package/packages/theme-chalk/lib/spinner.css +0 -1
  108. package/packages/theme-chalk/lib/statistic.css +0 -1
  109. package/packages/theme-chalk/lib/step.css +0 -1
  110. package/packages/theme-chalk/lib/steps.css +0 -1
  111. package/packages/theme-chalk/lib/submenu.css +0 -0
  112. package/packages/theme-chalk/lib/switch.css +0 -1
  113. package/packages/theme-chalk/lib/tab-pane.css +0 -0
  114. package/packages/theme-chalk/lib/table-column.css +0 -1
  115. package/packages/theme-chalk/lib/table.css +0 -1
  116. package/packages/theme-chalk/lib/tabs.css +0 -1
  117. package/packages/theme-chalk/lib/tag.css +0 -1
  118. package/packages/theme-chalk/lib/time-picker.css +0 -1
  119. package/packages/theme-chalk/lib/time-select.css +0 -1
  120. package/packages/theme-chalk/lib/timeline-item.css +0 -1
  121. package/packages/theme-chalk/lib/timeline.css +0 -1
  122. package/packages/theme-chalk/lib/tooltip.css +0 -1
  123. package/packages/theme-chalk/lib/transfer.css +0 -1
  124. package/packages/theme-chalk/lib/tree.css +0 -1
  125. package/packages/theme-chalk/lib/upload.css +0 -1
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "iov-design",
3
- "version": "2.15.78",
3
+ "version": "2.15.80",
4
4
  "description": "A Component Library for Vue.js.",
5
5
  "main": "lib/iov-design.common.js",
6
6
  "files": [
@@ -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: {
@@ -34,6 +34,8 @@
34
34
  value: {},
35
35
  size: String,
36
36
  button: Boolean,
37
+ card: Boolean,
38
+ radio: Boolean,
37
39
  fill: String,
38
40
  textColor: String,
39
41
  borderColor: String,
@@ -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;
@@ -67,6 +67,7 @@
67
67
  background: #fff;
68
68
  .el-radio__input {
69
69
  float: left;
70
+ margin-top: 1px;
70
71
  font-size: 0;
71
72
  &.is-checked {
72
73
  & + .el-radio__label {
package/src/index.js CHANGED
@@ -212,7 +212,7 @@ if (typeof window !== 'undefined' && window.Vue) {
212
212
  }
213
213
 
214
214
  export default {
215
- version: '2.15.78',
215
+ version: '2.15.80',
216
216
  locale: locale.use,
217
217
  i18n: locale.i18n,
218
218
  install,