bk-magic-vue 2.5.9-beta.2 → 2.5.9-beta.21

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 (113) hide show
  1. package/dist/bk-magic-vue.css +893 -959
  2. package/dist/bk-magic-vue.js +860 -625
  3. package/dist/bk-magic-vue.min.css +1 -1
  4. package/dist/bk-magic-vue.min.css.gz +0 -0
  5. package/dist/bk-magic-vue.min.css.map +1 -1
  6. package/dist/bk-magic-vue.min.js +1 -1
  7. package/dist/bk-magic-vue.min.js.gz +0 -0
  8. package/dist/bk-magic-vue.min.js.map +1 -1
  9. package/lib/card.js +2981 -203
  10. package/lib/cascade.js +6447 -6411
  11. package/lib/date-picker.js +1 -1
  12. package/lib/dialog.js +484 -9
  13. package/lib/info-box.js +484 -9
  14. package/lib/input.js +2942 -164
  15. package/lib/loading.js +7 -4
  16. package/lib/pagination.js +214 -17
  17. package/lib/rate.js +14 -3
  18. package/lib/resize-layout.js +3 -1
  19. package/lib/select.js +40 -9
  20. package/lib/sideslider.js +802 -336
  21. package/lib/slider.js +3270 -3202
  22. package/lib/star.js +13 -2
  23. package/lib/table.js +214 -17
  24. package/lib/tag-input.js +122 -102
  25. package/lib/time-picker.js +1 -1
  26. package/lib/timeline.js +26 -17
  27. package/lib/transfer.js +1886 -1710
  28. package/lib/ui/badge.css +127 -119
  29. package/lib/ui/badge.min.css +1 -1
  30. package/lib/ui/badge.min.css.map +1 -1
  31. package/lib/ui/bk-magic-vue.css +893 -959
  32. package/lib/ui/bk-magic-vue.min.css +1 -1
  33. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  34. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  35. package/lib/ui/button.css +4 -4
  36. package/lib/ui/button.min.css +1 -1
  37. package/lib/ui/button.min.css.map +1 -1
  38. package/lib/ui/card.css +2 -2
  39. package/lib/ui/card.min.css +1 -1
  40. package/lib/ui/card.min.css.map +1 -1
  41. package/lib/ui/cascade.css +19 -1
  42. package/lib/ui/cascade.min.css +1 -1
  43. package/lib/ui/cascade.min.css.map +1 -1
  44. package/lib/ui/checkbox.css +67 -67
  45. package/lib/ui/checkbox.min.css.map +1 -1
  46. package/lib/ui/dialog.css +4 -4
  47. package/lib/ui/dialog.min.css +1 -1
  48. package/lib/ui/dialog.min.css.map +1 -1
  49. package/lib/ui/exception.css +1 -0
  50. package/lib/ui/exception.min.css +1 -1
  51. package/lib/ui/exception.min.css.map +1 -1
  52. package/lib/ui/form.css +2 -2
  53. package/lib/ui/form.min.css +1 -1
  54. package/lib/ui/form.min.css.map +1 -1
  55. package/lib/ui/info-box.css +4 -4
  56. package/lib/ui/info-box.min.css +1 -1
  57. package/lib/ui/info-box.min.css.map +1 -1
  58. package/lib/ui/input.css +1 -1
  59. package/lib/ui/input.min.css +1 -1
  60. package/lib/ui/input.min.css.map +1 -1
  61. package/lib/ui/link.css +27 -3
  62. package/lib/ui/link.min.css +1 -1
  63. package/lib/ui/link.min.css.map +1 -1
  64. package/lib/ui/loading.css +43 -280
  65. package/lib/ui/loading.min.css +1 -1
  66. package/lib/ui/loading.min.css.map +1 -1
  67. package/lib/ui/notify.css +5 -5
  68. package/lib/ui/notify.min.css +1 -1
  69. package/lib/ui/notify.min.css.map +1 -1
  70. package/lib/ui/overflow-tips.css +3 -2
  71. package/lib/ui/overflow-tips.min.css +1 -1
  72. package/lib/ui/overflow-tips.min.css.map +1 -1
  73. package/lib/ui/pagination.css +1 -1
  74. package/lib/ui/pagination.min.css +1 -1
  75. package/lib/ui/pagination.min.css.map +1 -1
  76. package/lib/ui/popconfirm.css +2 -2
  77. package/lib/ui/popconfirm.min.css +1 -1
  78. package/lib/ui/popconfirm.min.css.map +1 -1
  79. package/lib/ui/popover.css +3 -2
  80. package/lib/ui/popover.min.css +1 -1
  81. package/lib/ui/popover.min.css.map +1 -1
  82. package/lib/ui/process.css +51 -282
  83. package/lib/ui/process.min.css +1 -1
  84. package/lib/ui/process.min.css.map +1 -1
  85. package/lib/ui/progress.css +2 -2
  86. package/lib/ui/progress.min.css +1 -1
  87. package/lib/ui/progress.min.css.map +1 -1
  88. package/lib/ui/radio.css +64 -64
  89. package/lib/ui/radio.min.css +1 -1
  90. package/lib/ui/radio.min.css.map +1 -1
  91. package/lib/ui/resize-layout.css +13 -5
  92. package/lib/ui/resize-layout.min.css +1 -1
  93. package/lib/ui/resize-layout.min.css.map +1 -1
  94. package/lib/ui/sideslider.css +8 -7
  95. package/lib/ui/sideslider.min.css +1 -1
  96. package/lib/ui/sideslider.min.css.map +1 -1
  97. package/lib/ui/star.css +22 -17
  98. package/lib/ui/star.min.css +1 -1
  99. package/lib/ui/star.min.css.map +1 -1
  100. package/lib/ui/steps.css +372 -274
  101. package/lib/ui/steps.min.css +1 -1
  102. package/lib/ui/steps.min.css.map +1 -1
  103. package/lib/ui/tooltips.css +3 -2
  104. package/lib/ui/tooltips.min.css +1 -1
  105. package/lib/ui/tooltips.min.css.map +1 -1
  106. package/lib/ui/transfer.css +122 -121
  107. package/lib/ui/transfer.min.css +1 -1
  108. package/lib/ui/transfer.min.css.map +1 -1
  109. package/lib/ui/tree.css +45 -282
  110. package/lib/ui/tree.min.css +1 -1
  111. package/lib/ui/tree.min.css.map +1 -1
  112. package/lib/version-detail.js +453 -13
  113. package/package.json +3 -4
package/lib/ui/button.css CHANGED
@@ -126,7 +126,7 @@
126
126
 
127
127
  .bk-button.bk-default.is-disabled,
128
128
  .bk-button.bk-default[disabled]{
129
- background-color:#fff;
129
+ background-color:#faf9fd;
130
130
  border-color:#dcdee5;
131
131
  color:#c4c6cc;
132
132
  cursor:not-allowed;
@@ -723,7 +723,7 @@
723
723
 
724
724
  .bk-button-text.is-disabled,
725
725
  .bk-button-text[disabled]{
726
- color:#dcdee5;
726
+ color:#c4c6cc;
727
727
  cursor:not-allowed
728
728
  }
729
729
 
@@ -731,14 +731,14 @@
731
731
  .bk-button-text.is-disabled.hover,
732
732
  .bk-button-text[disabled]:hover,
733
733
  .bk-button-text[disabled].hover{
734
- color:#dcdee5;
734
+ color:#c4c6cc;
735
735
  }
736
736
 
737
737
  .bk-button-text.is-disabled:active,
738
738
  .bk-button-text.is-disabled.active,
739
739
  .bk-button-text[disabled]:active,
740
740
  .bk-button-text[disabled].active{
741
- color:#dcdee5;
741
+ color:#c4c6cc;
742
742
  }
743
743
 
744
744
  .bk-button-text.bk-button-small{
package/lib/ui/button.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-button{height:32px;line-height:30px;display:inline-block;outline:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;padding:0 15px;text-align:center;vertical-align:middle;font-size:14px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#63656e;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:64px;position:relative}.bk-button .bk-loading-wrapper{opacity:0}.bk-button .bk-button-loading{display:inline-block;vertical-align:top;font-size:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bk-button .bk-button-loading div{width:6px;height:6px;border-radius:100%;display:inline-block;vertical-align:middle;background-color:#fff;-webkit-animation:button-loading 1s ease-in-out infinite both;animation:button-loading 1s ease-in-out infinite both}.bk-button .bk-button-loading div+[class^=bounce]{margin-left:4px}.bk-button .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button .bk-button-icon-loading{position:relative;top:2px}.bk-button .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button .bk-icon{line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px;font-size:22px}.bk-button.no-slot{padding:0 10px;height:32px;min-width:32px}.bk-button.no-slot .left-icon{margin-right:0}.bk-button.no-slot .right-icon{margin-left:0}.bk-button.bk-default.hover,.bk-button.bk-default:hover{border-color:#979ba5;color:#63656e}.bk-button.bk-default.active,.bk-button.bk-default:active{border-color:#3a84ff;color:#3a84ff}.bk-button.bk-default.is-disabled,.bk-button.bk-default[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button.bk-default.is-loading{cursor:default}.bk-button.bk-default.is-loading.hover,.bk-button.bk-default.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button.bk-default.is-loading.active,.bk-button.bk-default.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button.bk-default .bk-button-loading div{background-color:#63656e}.bk-button.bk-primary{background:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button.bk-primary.hover,.bk-button.bk-primary:hover{background-color:#699df4;border-color:#699df4;opacity:1}.bk-button.bk-primary.active,.bk-button.bk-primary:active{background-color:#2761dd;border-color:#2761dd}.bk-button.bk-primary.is-disabled,.bk-button.bk-primary[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-primary.is-loading{cursor:default}.bk-button.bk-primary.is-loading.hover,.bk-button.bk-primary.is-loading:hover{background-color:#3a84ff;border-color:#3a84ff;opacity:1}.bk-button.bk-primary.is-loading.active,.bk-button.bk-primary.is-loading:active{background-color:#3a84ff;border-color:#3a84ff}.bk-button.bk-primary.is-loading.is-outline .bk-button-loading div{background-color:#3a84ff}.bk-button.bk-primary.is-loading.is-outline.hover .bk-button-loading div,.bk-button.bk-primary.is-loading.is-outline:hover .bk-button-loading div{background-color:#fff}.bk-button.bk-primary.is-loading.is-outline.active .bk-button-loading div,.bk-button.bk-primary.is-loading.is-outline:active .bk-button-loading div{background-color:#fff}.bk-button.bk-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-primary.is-outline.hover,.bk-button.bk-primary.is-outline:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button.bk-primary.is-outline.active,.bk-button.bk-primary.is-outline:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button.bk-success{background:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button.bk-success.hover,.bk-button.bk-success:hover{background-color:#45e35f;border-color:#45e35f;opacity:1}.bk-button.bk-success.active,.bk-button.bk-success:active{background-color:#1ab943;border-color:#1ab943}.bk-button.bk-success.is-disabled,.bk-button.bk-success[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-success.is-loading{cursor:default}.bk-button.bk-success.is-loading.hover,.bk-button.bk-success.is-loading:hover{background-color:#2dcb56;border-color:#2dcb56;opacity:1}.bk-button.bk-success.is-loading.active,.bk-button.bk-success.is-loading:active{background-color:#2dcb56;border-color:#2dcb56}.bk-button.bk-success.is-loading.is-outline .bk-button-loading div{background-color:#2dcb56}.bk-button.bk-success.is-loading.is-outline.hover .bk-button-loading div,.bk-button.bk-success.is-loading.is-outline:hover .bk-button-loading div{background-color:#fff}.bk-button.bk-success.is-loading.is-outline.active .bk-button-loading div,.bk-button.bk-success.is-loading.is-outline:active .bk-button-loading div{background-color:#fff}.bk-button.bk-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-success.is-outline.hover,.bk-button.bk-success.is-outline:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button.bk-success.is-outline.active,.bk-button.bk-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-warning{background:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button.bk-warning.hover,.bk-button.bk-warning:hover{background-color:#ffb848;border-color:#ffb848;opacity:1}.bk-button.bk-warning.active,.bk-button.bk-warning:active{background-color:#eb9000;border-color:#eb9000}.bk-button.bk-warning.is-disabled,.bk-button.bk-warning[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-warning.is-loading{cursor:default}.bk-button.bk-warning.is-loading.hover,.bk-button.bk-warning.is-loading:hover{background-color:#ff9c01;border-color:#ff9c01;opacity:1}.bk-button.bk-warning.is-loading.active,.bk-button.bk-warning.is-loading:active{background-color:#ff9c01;border-color:#ff9c01}.bk-button.bk-warning.is-loading.is-outline .bk-button-loading div{background-color:#ff9c01}.bk-button.bk-warning.is-loading.is-outline.hover .bk-button-loading div,.bk-button.bk-warning.is-loading.is-outline:hover .bk-button-loading div{background-color:#fff}.bk-button.bk-warning.is-loading.is-outline.active .bk-button-loading div,.bk-button.bk-warning.is-loading.is-outline:active .bk-button-loading div{background-color:#fff}.bk-button.bk-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-warning.is-outline.hover,.bk-button.bk-warning.is-outline:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button.bk-warning.is-outline.active,.bk-button.bk-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-danger{background:#ea3636;border-color:#ea3636;color:#fff}.bk-button.bk-danger.hover,.bk-button.bk-danger:hover{background-color:#ff5656;border-color:#ff5656;opacity:1}.bk-button.bk-danger.active,.bk-button.bk-danger:active{background-color:#db2626;border-color:#db2626}.bk-button.bk-danger.is-disabled,.bk-button.bk-danger[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-danger.is-loading{cursor:default}.bk-button.bk-danger.is-loading.hover,.bk-button.bk-danger.is-loading:hover{background-color:#ea3636;border-color:#ea3636;opacity:1}.bk-button.bk-danger.is-loading.active,.bk-button.bk-danger.is-loading:active{background-color:#ea3636;border-color:#ea3636}.bk-button.bk-danger.is-loading.is-outline .bk-button-loading div{background-color:#ea3636}.bk-button.bk-danger.is-loading.is-outline.hover .bk-button-loading div,.bk-button.bk-danger.is-loading.is-outline:hover .bk-button-loading div{background-color:#fff}.bk-button.bk-danger.is-loading.is-outline.active .bk-button-loading div,.bk-button.bk-danger.is-loading.is-outline:active .bk-button-loading div{background-color:#fff}.bk-button.bk-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-danger.is-outline.hover,.bk-button.bk-danger.is-outline:hover{background-color:#ea3636;border-color:#ea3636;color:#fff}.bk-button.bk-danger.is-outline.active,.bk-button.bk-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button.bk-button-small .bk-icon{font-size:20px}.bk-button.bk-button-large{height:38px;line-height:36px;padding:0 20px;font-size:16px}.bk-button.bk-button-large .bk-icon{font-size:24px}.bk-button.is-outline.is-disabled,.bk-button.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button.is-outline.is-disabled.hover,.bk-button.is-outline.is-disabled:hover,.bk-button.is-outline[disabled].hover,.bk-button.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button.is-outline.is-disabled.active,.bk-button.is-outline.is-disabled:active,.bk-button.is-outline[disabled].active,.bk-button.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-text{border:none;background:none;cursor:pointer;font-size:14px;color:#63656e;text-decoration:none;outline:none;height:22px;padding:0}.bk-button-text .bk-loading-wrapper{display:inline-block}.bk-button-text .bk-button-loading{position:relative;display:inline-block}.bk-button-text .bk-button-loading .bounce{width:7px;height:7px;border-radius:100%;display:inline-block;background-color:#fff;-webkit-animation:button-loading 1.2s ease-in-out infinite both;animation:button-loading 1.2s ease-in-out infinite both}.bk-button-text .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button-text .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button-text .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button-text .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button-text .bk-button-loading .bk-spin{position:relative;top:-1px}.bk-button-text .bk-button-icon-loading{position:relative;top:2px}.bk-button-text .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button-text .bk-icon{width:14px;height:16px;line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px}.bk-button-text .bk-icon.left-icon{margin-right:2px}.bk-button-text .bk-icon.right-icon{margin-left:2px}.bk-button-text.no-slot{padding:0 10px;height:22px}.bk-button-text.no-slot .left-icon{margin-right:0}.bk-button-text.no-slot .right-icon{margin-left:0}.bk-button-text.bk-default.hover,.bk-button-text.bk-default:hover{border-color:#979ba5;color:#63656e}.bk-button-text.bk-default.active,.bk-button-text.bk-default:active{border-color:#3a84ff;color:#3a84ff}.bk-button-text.bk-default.is-disabled,.bk-button-text.bk-default[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-text.bk-default.is-loading{cursor:default}.bk-button-text.bk-default.is-loading.hover,.bk-button-text.bk-default.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-text.bk-default.is-loading.active,.bk-button-text.bk-default.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-text.bk-default .bk-button-loading div{background-color:#63656e}.bk-button-text.bk-primary{color:#3a84ff}.bk-button-text.bk-primary.hover,.bk-button-text.bk-primary:hover{color:#699df4}.bk-button-text.bk-primary.active,.bk-button-text.bk-primary:active{color:#2761dd}.bk-button-text.bk-success{color:#2dcb56}.bk-button-text.bk-success.hover,.bk-button-text.bk-success:hover{color:#45e35f}.bk-button-text.bk-success.active,.bk-button-text.bk-success:active{color:#1ab943}.bk-button-text.bk-warning{color:#ff9c01}.bk-button-text.bk-warning.hover,.bk-button-text.bk-warning:hover{color:#ffb848}.bk-button-text.bk-warning.active,.bk-button-text.bk-warning:active{color:#eb9000}.bk-button-text.bk-danger{color:#ea3636}.bk-button-text.bk-danger.hover,.bk-button-text.bk-danger:hover{color:#ff5656}.bk-button-text.bk-danger.active,.bk-button-text.bk-danger:active{color:#db2626}.bk-button-text.is-disabled,.bk-button-text[disabled]{color:#dcdee5;cursor:not-allowed}.bk-button-text.is-disabled.hover,.bk-button-text.is-disabled:hover,.bk-button-text[disabled].hover,.bk-button-text[disabled]:hover{color:#dcdee5}.bk-button-text.is-disabled.active,.bk-button-text.is-disabled:active,.bk-button-text[disabled].active,.bk-button-text[disabled]:active{color:#dcdee5}.bk-button-text.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button-text.bk-button-large{height:42px;line-height:40px;padding:0 20px;font-size:16px}.bk-button-text.is-outline.is-disabled,.bk-button-text.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-text.is-outline.is-disabled.hover,.bk-button-text.is-outline.is-disabled:hover,.bk-button-text.is-outline[disabled].hover,.bk-button-text.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-text.is-outline.is-disabled.active,.bk-button-text.is-outline.is-disabled:active,.bk-button-text.is-outline[disabled].active,.bk-button-text.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-hover{height:32px;line-height:30px;display:inline-block;outline:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;padding:0 15px;text-align:center;vertical-align:middle;font-size:14px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#63656e;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:68px}.bk-button-hover .bk-loading-wrapper{opacity:0}.bk-button-hover .bk-button-loading{width:58px;display:inline-block}.bk-button-hover .bk-button-loading div{width:6px;height:6px;border-radius:100%;display:inline-block;background-color:#63656e;-webkit-animation:button-loading 1s ease-in-out infinite both;animation:button-loading 1s ease-in-out infinite both}.bk-button-hover .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button-hover .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button-hover .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button-hover .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button-hover .bk-button-icon-loading{position:relative;top:2px}.bk-button-hover .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button-hover .bk-icon{width:14px;height:16px;line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px}.bk-button-hover .bk-icon.left-icon{margin-right:2px}.bk-button-hover .bk-icon.right-icon{margin-left:2px}.bk-button-hover.no-slot{padding:0 10px;height:36px;min-width:36px}.bk-button-hover.no-slot .left-icon{margin-right:0}.bk-button-hover.no-slot .right-icon{margin-left:0}.bk-button-hover.bk-primary{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-primary.hover,.bk-button-hover.bk-primary:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff;opacity:1}.bk-button-hover.bk-primary.active,.bk-button-hover.bk-primary:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button-hover.bk-primary.is-disabled,.bk-button-hover.bk-primary[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-primary.is-loading{cursor:default}.bk-button-hover.bk-primary.is-loading.hover,.bk-button-hover.bk-primary.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-primary.is-loading.active,.bk-button-hover.bk-primary.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button-hover.bk-primary.is-outline.hover,.bk-button-hover.bk-primary.is-outline:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button-hover.bk-primary.is-outline.active,.bk-button-hover.bk-primary.is-outline:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button-hover.bk-success{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-success.hover,.bk-button-hover.bk-success:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff;opacity:1}.bk-button-hover.bk-success.active,.bk-button-hover.bk-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button-hover.bk-success.is-disabled,.bk-button-hover.bk-success[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-success.is-loading{cursor:default}.bk-button-hover.bk-success.is-loading.hover,.bk-button-hover.bk-success.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-success.is-loading.active,.bk-button-hover.bk-success.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button-hover.bk-success.is-outline.hover,.bk-button-hover.bk-success.is-outline:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button-hover.bk-success.is-outline.active,.bk-button-hover.bk-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button-hover.bk-warning{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-warning.hover,.bk-button-hover.bk-warning:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff;opacity:1}.bk-button-hover.bk-warning.active,.bk-button-hover.bk-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button-hover.bk-warning.is-disabled,.bk-button-hover.bk-warning[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-warning.is-loading{cursor:default}.bk-button-hover.bk-warning.is-loading.hover,.bk-button-hover.bk-warning.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-warning.is-loading.active,.bk-button-hover.bk-warning.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button-hover.bk-warning.is-outline.hover,.bk-button-hover.bk-warning.is-outline:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button-hover.bk-warning.is-outline.active,.bk-button-hover.bk-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button-hover.bk-danger{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-danger.hover,.bk-button-hover.bk-danger:hover{background-color:#ea3636;border-color:#ea3636;color:#fff;opacity:1}.bk-button-hover.bk-danger.active,.bk-button-hover.bk-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button-hover.bk-danger.is-disabled,.bk-button-hover.bk-danger[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-danger.is-loading{cursor:default}.bk-button-hover.bk-danger.is-loading.hover,.bk-button-hover.bk-danger.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-danger.is-loading.active,.bk-button-hover.bk-danger.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button-hover.bk-danger.is-outline.hover,.bk-button-hover.bk-danger.is-outline:hover{background-color:#ea3636;border-color:#ea3636;color:#fff}.bk-button-hover.bk-danger.is-outline.active,.bk-button-hover.bk-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button-hover.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button-hover.bk-button-large{height:42px;line-height:40px;padding:0 20px;font-size:16px}.bk-button-hover.is-outline.is-disabled,.bk-button-hover.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.is-outline.is-disabled.hover,.bk-button-hover.is-outline.is-disabled:hover,.bk-button-hover.is-outline[disabled].hover,.bk-button-hover.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-hover.is-outline.is-disabled.active,.bk-button-hover.is-outline.is-disabled:active,.bk-button-hover.is-outline[disabled].active,.bk-button-hover.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}@-webkit-keyframes button-icon-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes button-icon-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bk-button-group{font-size:0;margin-left:1px;display:inline-block}.bk-button-group .bk-button{margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button.hover,.bk-button-group .bk-button:hover{border-color:#3a84ff;color:#3a84ff;position:relative;z-index:1}.bk-button-group .bk-button.is-disabled:hover{border-color:#dcdee5;color:#c4c6cc;position:relative;z-index:0}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button.is-selected{background-color:#e1ecff;border-color:#3a84ff;color:#3a84ff;position:relative;z-index:1}.bk-button-group .bk-button span .bk-icon{margin-left:7px}.bk-text-button{border:none;background:none;color:#3a84ff;cursor:pointer;text-decoration:none}.bk-text-button .bk-icon{margin-right:5px;display:inline-block}.bk-text-button+.bk-text-button{margin-left:15px}.bk-text-button:hover{color:#0082ff;text-decoration:none}.bk-text-button.is-disabled{color:#e6e6e6!important;cursor:not-allowed}.bk-text-button.bk-default{color:#63656e}.bk-text-button.bk-default:hover{color:darken(#63656e,10%)}.bk-text-button.bk-info{color:#699df4}.bk-text-button.bk-info:hover{color:#7ab9fa}.bk-text-button.bk-primary{color:#3a84ff}.bk-text-button.bk-primary:hover{color:#0082ff}.bk-text-button.bk-success{color:#2dcb56}.bk-text-button.bk-success:hover{color:#00c873}.bk-text-button.bk-warning{color:#ff9c01}.bk-text-button.bk-warning:hover{color:#ff9600}.bk-text-button.bk-danger{color:#ea3636}.bk-text-button.bk-danger:hover{color:#f72239}.bk-text-button .bk-icon{width:16px;min-width:16px}@-webkit-keyframes button-loading{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes button-loading{0%{opacity:0}50%{opacity:.5}to{opacity:1}}
1
+ .bk-button{height:32px;line-height:30px;display:inline-block;outline:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;padding:0 15px;text-align:center;vertical-align:middle;font-size:14px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#63656e;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:64px;position:relative}.bk-button .bk-loading-wrapper{opacity:0}.bk-button .bk-button-loading{display:inline-block;vertical-align:top;font-size:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bk-button .bk-button-loading div{width:6px;height:6px;border-radius:100%;display:inline-block;vertical-align:middle;background-color:#fff;-webkit-animation:button-loading 1s ease-in-out infinite both;animation:button-loading 1s ease-in-out infinite both}.bk-button .bk-button-loading div+[class^=bounce]{margin-left:4px}.bk-button .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button .bk-button-icon-loading{position:relative;top:2px}.bk-button .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button .bk-icon{line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px;font-size:22px}.bk-button.no-slot{padding:0 10px;height:32px;min-width:32px}.bk-button.no-slot .left-icon{margin-right:0}.bk-button.no-slot .right-icon{margin-left:0}.bk-button.bk-default.hover,.bk-button.bk-default:hover{border-color:#979ba5;color:#63656e}.bk-button.bk-default.active,.bk-button.bk-default:active{border-color:#3a84ff;color:#3a84ff}.bk-button.bk-default.is-disabled,.bk-button.bk-default[disabled]{background-color:#faf9fd;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button.bk-default.is-loading{cursor:default}.bk-button.bk-default.is-loading.hover,.bk-button.bk-default.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button.bk-default.is-loading.active,.bk-button.bk-default.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button.bk-default .bk-button-loading div{background-color:#63656e}.bk-button.bk-primary{background:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button.bk-primary.hover,.bk-button.bk-primary:hover{background-color:#699df4;border-color:#699df4;opacity:1}.bk-button.bk-primary.active,.bk-button.bk-primary:active{background-color:#2761dd;border-color:#2761dd}.bk-button.bk-primary.is-disabled,.bk-button.bk-primary[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-primary.is-loading{cursor:default}.bk-button.bk-primary.is-loading.hover,.bk-button.bk-primary.is-loading:hover{background-color:#3a84ff;border-color:#3a84ff;opacity:1}.bk-button.bk-primary.is-loading.active,.bk-button.bk-primary.is-loading:active{background-color:#3a84ff;border-color:#3a84ff}.bk-button.bk-primary.is-loading.is-outline .bk-button-loading div{background-color:#3a84ff}.bk-button.bk-primary.is-loading.is-outline.hover .bk-button-loading div,.bk-button.bk-primary.is-loading.is-outline:hover .bk-button-loading div{background-color:#fff}.bk-button.bk-primary.is-loading.is-outline.active .bk-button-loading div,.bk-button.bk-primary.is-loading.is-outline:active .bk-button-loading div{background-color:#fff}.bk-button.bk-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-primary.is-outline.hover,.bk-button.bk-primary.is-outline:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button.bk-primary.is-outline.active,.bk-button.bk-primary.is-outline:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button.bk-success{background:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button.bk-success.hover,.bk-button.bk-success:hover{background-color:#45e35f;border-color:#45e35f;opacity:1}.bk-button.bk-success.active,.bk-button.bk-success:active{background-color:#1ab943;border-color:#1ab943}.bk-button.bk-success.is-disabled,.bk-button.bk-success[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-success.is-loading{cursor:default}.bk-button.bk-success.is-loading.hover,.bk-button.bk-success.is-loading:hover{background-color:#2dcb56;border-color:#2dcb56;opacity:1}.bk-button.bk-success.is-loading.active,.bk-button.bk-success.is-loading:active{background-color:#2dcb56;border-color:#2dcb56}.bk-button.bk-success.is-loading.is-outline .bk-button-loading div{background-color:#2dcb56}.bk-button.bk-success.is-loading.is-outline.hover .bk-button-loading div,.bk-button.bk-success.is-loading.is-outline:hover .bk-button-loading div{background-color:#fff}.bk-button.bk-success.is-loading.is-outline.active .bk-button-loading div,.bk-button.bk-success.is-loading.is-outline:active .bk-button-loading div{background-color:#fff}.bk-button.bk-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-success.is-outline.hover,.bk-button.bk-success.is-outline:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button.bk-success.is-outline.active,.bk-button.bk-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-warning{background:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button.bk-warning.hover,.bk-button.bk-warning:hover{background-color:#ffb848;border-color:#ffb848;opacity:1}.bk-button.bk-warning.active,.bk-button.bk-warning:active{background-color:#eb9000;border-color:#eb9000}.bk-button.bk-warning.is-disabled,.bk-button.bk-warning[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-warning.is-loading{cursor:default}.bk-button.bk-warning.is-loading.hover,.bk-button.bk-warning.is-loading:hover{background-color:#ff9c01;border-color:#ff9c01;opacity:1}.bk-button.bk-warning.is-loading.active,.bk-button.bk-warning.is-loading:active{background-color:#ff9c01;border-color:#ff9c01}.bk-button.bk-warning.is-loading.is-outline .bk-button-loading div{background-color:#ff9c01}.bk-button.bk-warning.is-loading.is-outline.hover .bk-button-loading div,.bk-button.bk-warning.is-loading.is-outline:hover .bk-button-loading div{background-color:#fff}.bk-button.bk-warning.is-loading.is-outline.active .bk-button-loading div,.bk-button.bk-warning.is-loading.is-outline:active .bk-button-loading div{background-color:#fff}.bk-button.bk-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-warning.is-outline.hover,.bk-button.bk-warning.is-outline:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button.bk-warning.is-outline.active,.bk-button.bk-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-danger{background:#ea3636;border-color:#ea3636;color:#fff}.bk-button.bk-danger.hover,.bk-button.bk-danger:hover{background-color:#ff5656;border-color:#ff5656;opacity:1}.bk-button.bk-danger.active,.bk-button.bk-danger:active{background-color:#db2626;border-color:#db2626}.bk-button.bk-danger.is-disabled,.bk-button.bk-danger[disabled]{background-color:#dcdee5;border-color:#dcdee5;color:#fff;cursor:not-allowed}.bk-button.bk-danger.is-loading{cursor:default}.bk-button.bk-danger.is-loading.hover,.bk-button.bk-danger.is-loading:hover{background-color:#ea3636;border-color:#ea3636;opacity:1}.bk-button.bk-danger.is-loading.active,.bk-button.bk-danger.is-loading:active{background-color:#ea3636;border-color:#ea3636}.bk-button.bk-danger.is-loading.is-outline .bk-button-loading div{background-color:#ea3636}.bk-button.bk-danger.is-loading.is-outline.hover .bk-button-loading div,.bk-button.bk-danger.is-loading.is-outline:hover .bk-button-loading div{background-color:#fff}.bk-button.bk-danger.is-loading.is-outline.active .bk-button-loading div,.bk-button.bk-danger.is-loading.is-outline:active .bk-button-loading div{background-color:#fff}.bk-button.bk-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-danger.is-outline.hover,.bk-button.bk-danger.is-outline:hover{background-color:#ea3636;border-color:#ea3636;color:#fff}.bk-button.bk-danger.is-outline.active,.bk-button.bk-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button.bk-button-small .bk-icon{font-size:20px}.bk-button.bk-button-large{height:38px;line-height:36px;padding:0 20px;font-size:16px}.bk-button.bk-button-large .bk-icon{font-size:24px}.bk-button.is-outline.is-disabled,.bk-button.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button.is-outline.is-disabled.hover,.bk-button.is-outline.is-disabled:hover,.bk-button.is-outline[disabled].hover,.bk-button.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button.is-outline.is-disabled.active,.bk-button.is-outline.is-disabled:active,.bk-button.is-outline[disabled].active,.bk-button.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-text{border:none;background:none;cursor:pointer;font-size:14px;color:#63656e;text-decoration:none;outline:none;height:22px;padding:0}.bk-button-text .bk-loading-wrapper{display:inline-block}.bk-button-text .bk-button-loading{position:relative;display:inline-block}.bk-button-text .bk-button-loading .bounce{width:7px;height:7px;border-radius:100%;display:inline-block;background-color:#fff;-webkit-animation:button-loading 1.2s ease-in-out infinite both;animation:button-loading 1.2s ease-in-out infinite both}.bk-button-text .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button-text .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button-text .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button-text .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button-text .bk-button-loading .bk-spin{position:relative;top:-1px}.bk-button-text .bk-button-icon-loading{position:relative;top:2px}.bk-button-text .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button-text .bk-icon{width:14px;height:16px;line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px}.bk-button-text .bk-icon.left-icon{margin-right:2px}.bk-button-text .bk-icon.right-icon{margin-left:2px}.bk-button-text.no-slot{padding:0 10px;height:22px}.bk-button-text.no-slot .left-icon{margin-right:0}.bk-button-text.no-slot .right-icon{margin-left:0}.bk-button-text.bk-default.hover,.bk-button-text.bk-default:hover{border-color:#979ba5;color:#63656e}.bk-button-text.bk-default.active,.bk-button-text.bk-default:active{border-color:#3a84ff;color:#3a84ff}.bk-button-text.bk-default.is-disabled,.bk-button-text.bk-default[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-text.bk-default.is-loading{cursor:default}.bk-button-text.bk-default.is-loading.hover,.bk-button-text.bk-default.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-text.bk-default.is-loading.active,.bk-button-text.bk-default.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-text.bk-default .bk-button-loading div{background-color:#63656e}.bk-button-text.bk-primary{color:#3a84ff}.bk-button-text.bk-primary.hover,.bk-button-text.bk-primary:hover{color:#699df4}.bk-button-text.bk-primary.active,.bk-button-text.bk-primary:active{color:#2761dd}.bk-button-text.bk-success{color:#2dcb56}.bk-button-text.bk-success.hover,.bk-button-text.bk-success:hover{color:#45e35f}.bk-button-text.bk-success.active,.bk-button-text.bk-success:active{color:#1ab943}.bk-button-text.bk-warning{color:#ff9c01}.bk-button-text.bk-warning.hover,.bk-button-text.bk-warning:hover{color:#ffb848}.bk-button-text.bk-warning.active,.bk-button-text.bk-warning:active{color:#eb9000}.bk-button-text.bk-danger{color:#ea3636}.bk-button-text.bk-danger.hover,.bk-button-text.bk-danger:hover{color:#ff5656}.bk-button-text.bk-danger.active,.bk-button-text.bk-danger:active{color:#db2626}.bk-button-text.is-disabled,.bk-button-text[disabled]{color:#c4c6cc;cursor:not-allowed}.bk-button-text.is-disabled.hover,.bk-button-text.is-disabled:hover,.bk-button-text[disabled].hover,.bk-button-text[disabled]:hover{color:#c4c6cc}.bk-button-text.is-disabled.active,.bk-button-text.is-disabled:active,.bk-button-text[disabled].active,.bk-button-text[disabled]:active{color:#c4c6cc}.bk-button-text.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button-text.bk-button-large{height:42px;line-height:40px;padding:0 20px;font-size:16px}.bk-button-text.is-outline.is-disabled,.bk-button-text.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-text.is-outline.is-disabled.hover,.bk-button-text.is-outline.is-disabled:hover,.bk-button-text.is-outline[disabled].hover,.bk-button-text.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-text.is-outline.is-disabled.active,.bk-button-text.is-outline.is-disabled:active,.bk-button-text.is-outline[disabled].active,.bk-button-text.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-hover{height:32px;line-height:30px;display:inline-block;outline:none;cursor:pointer;white-space:nowrap;-webkit-appearance:none;padding:0 15px;text-align:center;vertical-align:middle;font-size:14px;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#63656e;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;min-width:68px}.bk-button-hover .bk-loading-wrapper{opacity:0}.bk-button-hover .bk-button-loading{width:58px;display:inline-block}.bk-button-hover .bk-button-loading div{width:6px;height:6px;border-radius:100%;display:inline-block;background-color:#63656e;-webkit-animation:button-loading 1s ease-in-out infinite both;animation:button-loading 1s ease-in-out infinite both}.bk-button-hover .bk-button-loading .bounce1{-webkit-animation-delay:-.72s;animation-delay:-.72s}.bk-button-hover .bk-button-loading .bounce2{-webkit-animation-delay:-.48s;animation-delay:-.48s}.bk-button-hover .bk-button-loading .bounce3{-webkit-animation-delay:-.24s;animation-delay:-.24s}.bk-button-hover .bk-button-loading .bounce4{-webkit-animation-delay:0s;animation-delay:0s}.bk-button-hover .bk-button-icon-loading{position:relative;top:2px}.bk-button-hover .bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}.bk-button-hover .bk-icon{width:14px;height:16px;line-height:16px;min-width:14px;display:inline-block;position:relative;top:1px}.bk-button-hover .bk-icon.left-icon{margin-right:2px}.bk-button-hover .bk-icon.right-icon{margin-left:2px}.bk-button-hover.no-slot{padding:0 10px;height:36px;min-width:36px}.bk-button-hover.no-slot .left-icon{margin-right:0}.bk-button-hover.no-slot .right-icon{margin-left:0}.bk-button-hover.bk-primary{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-primary.hover,.bk-button-hover.bk-primary:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff;opacity:1}.bk-button-hover.bk-primary.active,.bk-button-hover.bk-primary:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button-hover.bk-primary.is-disabled,.bk-button-hover.bk-primary[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-primary.is-loading{cursor:default}.bk-button-hover.bk-primary.is-loading.hover,.bk-button-hover.bk-primary.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-primary.is-loading.active,.bk-button-hover.bk-primary.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button-hover.bk-primary.is-outline.hover,.bk-button-hover.bk-primary.is-outline:hover{background-color:#3a84ff;border-color:#3a84ff;color:#fff}.bk-button-hover.bk-primary.is-outline.active,.bk-button-hover.bk-primary.is-outline:active{background-color:#2761dd;border-color:#2761dd;color:#fff}.bk-button-hover.bk-success{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-success.hover,.bk-button-hover.bk-success:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff;opacity:1}.bk-button-hover.bk-success.active,.bk-button-hover.bk-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button-hover.bk-success.is-disabled,.bk-button-hover.bk-success[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-success.is-loading{cursor:default}.bk-button-hover.bk-success.is-loading.hover,.bk-button-hover.bk-success.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-success.is-loading.active,.bk-button-hover.bk-success.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button-hover.bk-success.is-outline.hover,.bk-button-hover.bk-success.is-outline:hover{background-color:#2dcb56;border-color:#2dcb56;color:#fff}.bk-button-hover.bk-success.is-outline.active,.bk-button-hover.bk-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button-hover.bk-warning{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-warning.hover,.bk-button-hover.bk-warning:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff;opacity:1}.bk-button-hover.bk-warning.active,.bk-button-hover.bk-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button-hover.bk-warning.is-disabled,.bk-button-hover.bk-warning[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-warning.is-loading{cursor:default}.bk-button-hover.bk-warning.is-loading.hover,.bk-button-hover.bk-warning.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-warning.is-loading.active,.bk-button-hover.bk-warning.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button-hover.bk-warning.is-outline.hover,.bk-button-hover.bk-warning.is-outline:hover{background-color:#ff9c01;border-color:#ff9c01;color:#fff}.bk-button-hover.bk-warning.is-outline.active,.bk-button-hover.bk-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button-hover.bk-danger{background-color:#fff;border-color:#c4c6cc;color:#63656e}.bk-button-hover.bk-danger.hover,.bk-button-hover.bk-danger:hover{background-color:#ea3636;border-color:#ea3636;color:#fff;opacity:1}.bk-button-hover.bk-danger.active,.bk-button-hover.bk-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button-hover.bk-danger.is-disabled,.bk-button-hover.bk-danger[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.bk-danger.is-loading{cursor:default}.bk-button-hover.bk-danger.is-loading.hover,.bk-button-hover.bk-danger.is-loading:hover{background-color:#fff;border-color:#c4c6cc;opacity:1}.bk-button-hover.bk-danger.is-loading.active,.bk-button-hover.bk-danger.is-loading:active{background-color:#fff;border-color:#c4c6cc}.bk-button-hover.bk-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button-hover.bk-danger.is-outline.hover,.bk-button-hover.bk-danger.is-outline:hover{background-color:#ea3636;border-color:#ea3636;color:#fff}.bk-button-hover.bk-danger.is-outline.active,.bk-button-hover.bk-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button-hover.bk-button-small{height:26px;line-height:24px;padding:0 12px;font-size:12px}.bk-button-hover.bk-button-large{height:42px;line-height:40px;padding:0 20px;font-size:16px}.bk-button-hover.is-outline.is-disabled,.bk-button-hover.is-outline[disabled]{background-color:#fff;border-color:#dcdee5;color:#c4c6cc;cursor:not-allowed}.bk-button-hover.is-outline.is-disabled.hover,.bk-button-hover.is-outline.is-disabled:hover,.bk-button-hover.is-outline[disabled].hover,.bk-button-hover.is-outline[disabled]:hover{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}.bk-button-hover.is-outline.is-disabled.active,.bk-button-hover.is-outline.is-disabled:active,.bk-button-hover.is-outline[disabled].active,.bk-button-hover.is-outline[disabled]:active{background-color:#fff;border-color:#dcdee5;color:#c4c6cc}@-webkit-keyframes button-icon-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes button-icon-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bk-button-group{font-size:0;margin-left:1px;display:inline-block}.bk-button-group .bk-button{margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button.hover,.bk-button-group .bk-button:hover{border-color:#3a84ff;color:#3a84ff;position:relative;z-index:1}.bk-button-group .bk-button.is-disabled:hover{border-color:#dcdee5;color:#c4c6cc;position:relative;z-index:0}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button.is-selected{background-color:#e1ecff;border-color:#3a84ff;color:#3a84ff;position:relative;z-index:1}.bk-button-group .bk-button span .bk-icon{margin-left:7px}.bk-text-button{border:none;background:none;color:#3a84ff;cursor:pointer;text-decoration:none}.bk-text-button .bk-icon{margin-right:5px;display:inline-block}.bk-text-button+.bk-text-button{margin-left:15px}.bk-text-button:hover{color:#0082ff;text-decoration:none}.bk-text-button.is-disabled{color:#e6e6e6!important;cursor:not-allowed}.bk-text-button.bk-default{color:#63656e}.bk-text-button.bk-default:hover{color:darken(#63656e,10%)}.bk-text-button.bk-info{color:#699df4}.bk-text-button.bk-info:hover{color:#7ab9fa}.bk-text-button.bk-primary{color:#3a84ff}.bk-text-button.bk-primary:hover{color:#0082ff}.bk-text-button.bk-success{color:#2dcb56}.bk-text-button.bk-success:hover{color:#00c873}.bk-text-button.bk-warning{color:#ff9c01}.bk-text-button.bk-warning:hover{color:#ff9600}.bk-text-button.bk-danger{color:#ea3636}.bk-text-button.bk-danger:hover{color:#f72239}.bk-text-button .bk-icon{width:16px;min-width:16px}@-webkit-keyframes button-loading{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes button-loading{0%{opacity:0}50%{opacity:.5}to{opacity:1}}
2
2
  /*# sourceMappingURL=button.min.css.map */
package/lib/ui/button.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["button.css","mixins/create-button.css","mixins/create-button-hover.css"],"names":[],"mappings":"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","file":"button.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/create-button.css';\n@import './mixins/create-button-hover.css';\n\n.bk-button {\n height: 32px;\n line-height: 30px;\n display: inline-block;\n outline: none;\n cursor: pointer;\n white-space: nowrap;\n -webkit-appearance: none;\n padding: 0 15px;\n text-align: center;\n vertical-align: middle;\n font-size: $fnNormalSize;\n background-color: $defaultColor;\n border: 1px solid $newGreyColor;\n border-radius: 2px;\n box-sizing: border-box;\n color: $newBlackColor2;\n text-decoration: none;\n transition: background-color ease 0.3s;\n min-width: 64px;\n position: relative;\n\n .bk-loading-wrapper {\n opacity: 0;\n }\n\n .bk-button-loading {\n display: inline-block;\n vertical-align: top;\n font-size: 0;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n div {\n width: 6px;\n height: 6px;\n border-radius: 100%;\n display: inline-block;\n vertical-align: middle;\n background-color: $defaultColor;\n animation: button-loading 1s infinite ease-in-out both;\n & + [class^=\"bounce\"] {\n margin-left: 4px;\n }\n }\n .bounce1 {\n animation-delay: -0.72s;\n }\n .bounce2 {\n animation-delay: -0.48s;\n }\n .bounce3 {\n animation-delay: -0.24s;\n }\n .bounce4 {\n animation-delay: 0s;\n }\n }\n\n .bk-button-icon-loading {\n position: relative;\n top: 2px;\n .loading {\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: transparent;\n border-radius: 50%;\n animation: button-icon-loading 1s linear infinite;\n margin: -7px auto 0;\n display: inline-block;\n }\n }\n\n .bk-icon {\n line-height: 16px;\n min-width: 14px;\n display: inline-block;\n position: relative;\n top: 1px;\n font-size: $iconNormalSize;\n /* + span {\n margin-left: 7px;\n } */\n }\n\n &.no-slot {\n padding: 0 10px;\n height: 32px;\n min-width: 32px;\n .left-icon {\n margin-right: 0;\n }\n .right-icon {\n margin-left: 0;\n }\n }\n\n &.bk-default {\n &:hover,\n &.hover {\n border-color: $newBlackColor3;\n color: $newBlackColor2;\n }\n &:active,\n &.active {\n border-color: $newMainColor;\n color: $newMainColor;\n }\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n }\n &.is-loading {\n cursor: default;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n opacity: 1;\n }\n &:active,\n &.active {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n }\n }\n .bk-button-loading {\n div {\n background-color: $newBlackColor2;\n }\n }\n }\n\n &.bk-primary {\n @mixin create-button $newMainColor, $newMainColor1, $newMainColor4;\n }\n\n &.bk-success {\n @mixin create-button $newGreenColor, $newGreenColor1, $newGreenColor4;\n }\n\n &.bk-warning {\n @mixin create-button $newOrangeColor, $newOrangeColor1, $newOrangeColor4;\n }\n\n &.bk-danger {\n @mixin create-button $newRedColor, $newRedColor1, $newRedColor4;\n }\n\n &.bk-button-small {\n height: 26px;\n line-height: 24px;\n padding: 0 12px;\n font-size: $fnSmallSize;\n .bk-icon {\n font-size: $iconSmallSize;\n }\n }\n\n &.bk-button-large {\n height: 38px;\n line-height: 36px;\n padding: 0 20px;\n font-size: $fnLargeSize;\n .bk-icon {\n font-size: $iconLargeSize;\n }\n }\n\n &.is-outline {\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n &.active,\n &:active {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n }\n }\n}\n\n.bk-button-text {\n border: none;\n background: none;\n cursor: pointer;\n font-size: $fnNormalSize;\n color: $newBlackColor2;\n text-decoration: none;\n outline: none;\n height: 22px;\n padding: 0;\n\n .bk-loading-wrapper {\n display: inline-block;\n }\n\n .bk-button-loading {\n position: relative;\n display: inline-block;\n .bounce {\n width: 7px;\n height: 7px;\n border-radius: 100%;\n display: inline-block;\n background-color: $defaultColor;\n animation: button-loading 1.2s infinite ease-in-out both;\n }\n .bounce1 {\n animation-delay: -0.72s;\n }\n .bounce2 {\n animation-delay: -0.48s;\n }\n .bounce3 {\n animation-delay: -0.24s;\n }\n .bounce4 {\n animation-delay: 0s;\n }\n .bk-spin {\n position: relative;\n top: -1px;\n }\n }\n\n .bk-button-icon-loading {\n position: relative;\n top: 2px;\n .loading {\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: transparent;\n border-radius: 50%;\n animation: button-icon-loading 1s linear infinite;\n margin: -7px auto 0;\n display: inline-block;\n }\n }\n\n .bk-icon {\n width: 14px;\n height: 16px;\n line-height: 16px;\n min-width: 14px;\n display: inline-block;\n position: relative;\n top: 1px;\n /* + span {\n margin-left: 7px;\n } */\n &.left-icon {\n margin-right: 2px;\n }\n &.right-icon {\n margin-left: 2px;\n }\n }\n\n &.no-slot {\n padding: 0 10px;\n height: 22px;\n .left-icon {\n margin-right: 0;\n }\n .right-icon {\n margin-left: 0;\n }\n }\n\n &.bk-default {\n &:hover,\n &.hover {\n border-color: $newBlackColor3;\n color: $newBlackColor2;\n }\n &:active,\n &.active {\n border-color: $newMainColor;\n color: $newMainColor;\n }\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n }\n &.is-loading {\n cursor: default;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n opacity: 1;\n }\n &:active,\n &.active {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n }\n }\n .bk-button-loading {\n div {\n background-color: $newBlackColor2;\n }\n }\n }\n\n &.bk-primary {\n color: $newMainColor;\n &:hover,\n &.hover {\n color: $newMainColor1;\n }\n &:active,\n &.active {\n color: $newMainColor4;\n }\n }\n\n &.bk-success {\n color: $newGreenColor;\n &:hover,\n &.hover {\n color: $newGreenColor1;\n }\n &:active,\n &.active {\n color: $newGreenColor4;\n }\n }\n\n &.bk-warning {\n color: $newOrangeColor;\n &:hover,\n &.hover {\n color: $newOrangeColor1;\n }\n &:active,\n &.active {\n color: $newOrangeColor4;\n }\n }\n\n &.bk-danger {\n color: $newRedColor;\n &:hover,\n &.hover {\n color: $newRedColor1;\n }\n &:active,\n &.active {\n color: $newRedColor4;\n }\n }\n\n /* is-disabled 样式要放在 bk-primary bk-success bk-warning bk-danger 后面 */\n &.is-disabled,\n &[disabled] {\n color: $newGreyColor1;\n cursor: not-allowed;\n &:hover,\n &.hover {\n color: $newGreyColor1;\n }\n &:active,\n &.active {\n color: $newGreyColor1;\n }\n }\n\n &.bk-button-small {\n height: 26px;\n line-height: 24px;\n padding: 0 12px;\n font-size: $fnSmallSize;\n }\n\n &.bk-button-large {\n height: 42px;\n line-height: 40px;\n padding: 0 20px;\n font-size: $fnLargeSize;\n }\n\n &.is-outline {\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n &.active,\n &:active {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n }\n }\n}\n\n.bk-button-hover {\n height: 32px;\n line-height: 30px;\n display: inline-block;\n outline: none;\n cursor: pointer;\n white-space: nowrap;\n -webkit-appearance: none;\n padding: 0 15px;\n text-align: center;\n vertical-align: middle;\n font-size: $fnNormalSize;\n background-color: $defaultColor;\n border: 1px solid $newGreyColor;\n border-radius: 2px;\n box-sizing: border-box;\n color: $newBlackColor2;\n text-decoration: none;\n transition: background-color ease 0.3s;\n min-width: 68px;\n\n .bk-loading-wrapper {\n opacity: 0;\n }\n\n .bk-button-loading {\n width: 58px;\n display: inline-block;\n div {\n width: 6px;\n height: 6px;\n border-radius: 100%;\n display: inline-block;\n background-color: $newBlackColor2;\n animation: button-loading 1s infinite ease-in-out both;\n }\n .bounce1 {\n animation-delay: -0.72s;\n }\n .bounce2 {\n animation-delay: -0.48s;\n }\n .bounce3 {\n animation-delay: -0.24s;\n }\n .bounce4 {\n animation-delay: 0s;\n }\n }\n\n .bk-button-icon-loading {\n position: relative;\n top: 2px;\n .loading {\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: transparent;\n border-radius: 50%;\n animation: button-icon-loading 1s linear infinite;\n margin: -7px auto 0;\n display: inline-block;\n }\n }\n\n .bk-icon {\n width: 14px;\n height: 16px;\n line-height: 16px;\n min-width: 14px;\n display: inline-block;\n position: relative;\n top: 1px;\n /* + span {\n margin-left: 7px;\n } */\n &.left-icon {\n margin-right: 2px;\n }\n &.right-icon {\n margin-left: 2px;\n }\n }\n\n &.no-slot {\n padding: 0 10px;\n height: 36px;\n min-width: 36px;\n .left-icon {\n margin-right: 0;\n }\n .right-icon {\n margin-left: 0;\n }\n }\n\n &.bk-primary {\n @mixin create-button-hover $newMainColor, $newMainColor4;\n }\n\n &.bk-success {\n @mixin create-button-hover $newGreenColor, $newGreenColor4;\n }\n\n &.bk-warning {\n @mixin create-button-hover $newOrangeColor, $newOrangeColor4;\n }\n\n &.bk-danger {\n @mixin create-button-hover $newRedColor, $newRedColor4;\n }\n\n &.bk-button-small {\n height: 26px;\n line-height: 24px;\n padding: 0 12px;\n font-size: $fnSmallSize;\n }\n\n &.bk-button-large {\n height: 42px;\n line-height: 40px;\n padding: 0 20px;\n font-size: $fnLargeSize;\n }\n\n &.is-outline {\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n &.active,\n &:active {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n }\n }\n}\n\n@-webkit-keyframes button-icon-loading {\n 0% {\n transform:rotate(0)\n }\n 100% {\n transform:rotate(360deg)\n }\n}\n\n@keyframes button-icon-loading {\n 0% {\n transform:rotate(0)\n }\n 100% {\n transform:rotate(360deg)\n }\n}\n\n.bk-button-group {\n font-size: 0;\n margin-left: 1px;\n display: inline-block;\n .bk-button {\n margin: 0 0 0 -1px;\n border-radius: 0;\n &.hover,\n &:hover {\n border-color: $newMainColor;\n color: $newMainColor;\n position: relative;\n z-index: 1;\n }\n &.is-disabled:hover {\n border-color: $newGreyColor1;\n color: $newGreyColor;\n position: relative;\n z-index: 0;\n }\n &:first-child {\n border-radius: 2px 0 0 2px;\n }\n &:last-child {\n border-radius: 0 2px 2px 0;\n }\n &.is-selected {\n background-color: $newMainColor3;\n border-color: $newMainColor;\n color: $newMainColor;\n position: relative;\n z-index: 1;\n }\n span {\n .bk-icon {\n margin-left: 7px;\n }\n }\n }\n}\n\n.bk-text-button {\n border: none;\n background: none;\n color: $newMainColor;\n cursor: pointer;\n text-decoration: none;\n .bk-icon {\n width: 16px;\n min-width: 16px;\n margin-right: 5px;\n display: inline-block;\n }\n\n +.bk-text-button {\n margin-left: 15px;\n }\n &:hover {\n color: $primaryHoverColor;\n text-decoration: none;\n }\n &.is-disabled {\n color: #e6e6e6 !important;\n cursor: not-allowed;\n }\n &.bk-default {\n color: $fnMainColor;\n &:hover {\n color: darken($fnMainColor, 10%);\n }\n }\n &.bk-info {\n color: $newMainColor1;\n &:hover {\n color: $infoHoverColor;\n }\n }\n &.bk-primary {\n color: $newMainColor;\n &:hover {\n color: $primaryHoverColor;\n }\n }\n &.bk-success {\n color: $newGreenColor;\n &:hover {\n color: $successHoverColor;\n }\n }\n &.bk-warning {\n color: $newOrangeColor;\n &:hover {\n color: $warningHoverColor;\n }\n }\n &.bk-danger {\n color: $newRedColor;\n &:hover {\n color: $dangerHoverColor;\n }\n }\n .bk-icon {\n width: 16px;\n min-width: 16px;\n }\n}\n\n/*\n\n.bk-text-button {\n border: none;\n background: none;\n color: $newMainColor;\n cursor: pointer;\n text-decoration: none;\n .bk-icon {\n width: 16px;\n min-width: 16px;\n margin-right: 5px;\n display: inline-block;\n }\n\n +.bk-text-button {\n margin-left: 15px;\n }\n &:hover {\n color: $primaryHoverColor;\n text-decoration: none;\n }\n &.is-disabled {\n color: #e6e6e6 !important;\n cursor: not-allowed;\n }\n &.bk-default {\n color: $fnMainColor;\n &:hover {\n color: darken($fnMainColor, 10%);\n }\n }\n &.bk-info {\n color: $newMainColor1;\n &:hover {\n color: $infoHoverColor;\n }\n }\n &.bk-primary {\n color: $newMainColor;\n &:hover {\n color: $primaryHoverColor;\n }\n }\n &.bk-success {\n color: $newGreenColor;\n &:hover {\n color: $successHoverColor;\n }\n }\n &.bk-warning {\n color: $newOrangeColor;\n &:hover {\n color: $warningHoverColor;\n }\n }\n &.bk-danger {\n color: $newRedColor;\n &:hover {\n color: $dangerHoverColor;\n }\n }\n .bk-icon {\n width: 16px;\n min-width: 16px;\n }\n}\n\n.bk-radio-group {\n display: inline-block;\n margin-left: 1px;\n .bk-radio-button {\n float: left;\n margin-left: -1px;\n min-width: 100px;\n height: 36px;\n line-height: 34px;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n padding: 0 15px;\n text-align: center;\n vertical-align: middle;\n font-size: $fnNormalSize;\n background-color: $defaultColor;\n border: 1px solid #d6d6d6;\n box-sizing: border-box;\n color: $fnMainColor;\n position: relative;\n &:nth-of-type(1) {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n }\n &:nth-last-of-type(1) {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n &:hover {\n background-color: $defaultHoverColor;\n color: $fnMainColor;\n text-decoration: none;\n opacity: 1;\n }\n &.is-checked {\n color: #fff;\n background-color: $newMainColor;\n border-color: $newMainColor;\n z-index: 10;\n }\n &.is-disabled,\n &[disabled] {\n background-color: #fff !important;\n border-color: #e5e5e5 !important;\n color: #e6e6e6 !important;\n cursor: not-allowed;\n }\n }\n &.bk-radio-mini {\n\n .bk-radio-button {\n height: 24px;\n line-height: 22px;\n padding: 0 7px;\n min-width: 50px;\n font-size: $fnSmallSize;\n }\n }\n &.bk-radio-small {\n .bk-radio-button {\n height: 32px;\n line-height: 30px;\n padding: 0 10px;\n min-width: 80px;\n }\n }\n &.bk-radio-large {\n .bk-radio-button {\n height: 42px;\n line-height: 40px;\n padding: 0 16px;\n min-width: 120px;\n }\n }\n}\n\n */\n\n@-moz-keyframes button-loading {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1.0;\n }\n}\n\n@-webkit-keyframes button-loading {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1.0;\n }\n}\n\n@keyframes button-loading {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1.0;\n }\n}\n","/**\n * @file create-button mixin\n *\n * usage:\n * @mixin create-button red, green, green;\n */\n\n@define-mixin create-button $color, $hover, $active {\n & {\n background: $color;\n border-color: $color;\n color: $defaultColor;\n }\n\n &:hover,\n &.hover {\n background-color: $hover;\n border-color: $hover;\n opacity: 1;\n }\n\n &:active,\n &.active {\n background-color: $active;\n border-color: $active;\n }\n\n &.is-disabled,\n &[disabled] {\n background-color: $newGreyColor1;\n border-color: $newGreyColor1;\n color: $defaultColor;\n cursor: not-allowed;\n }\n\n &.is-loading {\n cursor: default;\n &:hover,\n &.hover {\n background-color: $color;\n border-color: $color;\n opacity: 1;\n }\n &:active,\n &.active {\n background-color: $color;\n border-color: $color;\n }\n &.is-outline {\n .bk-button-loading {\n div {\n background-color: $color;\n }\n }\n &:hover,\n &.hover {\n .bk-button-loading {\n div {\n background-color: #fff;\n }\n }\n }\n &.active,\n &:active {\n .bk-button-loading {\n div {\n background-color: #fff;\n }\n }\n }\n }\n }\n\n &.is-outline {\n color: $color;\n border-color: $color;\n background-color: #fff;\n &:hover,\n &.hover {\n background-color: $color;\n border-color: $color;\n color: #fff;\n }\n &.active,\n &:active {\n background-color: $active;\n border-color: $active;\n color: #fff;\n }\n }\n\n /* &.is-selected {\n background-color: $active !important;\n border-color: $active !important;\n color: #fff !important;\n position: relative;\n z-index: 1;\n cursor: default;\n } */\n}\n","/**\n * @file create-button-hover mixin\n *\n * usage:\n * @mixin create-button-hover green, green;\n */\n\n@define-mixin create-button-hover $hover, $active {\n & {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n color: $newBlackColor2;\n }\n &:hover,\n &.hover {\n background-color: $hover;\n border-color: $hover;\n color: $defaultColor;\n opacity: 1;\n }\n\n &:active,\n &.active {\n background-color: $active;\n border-color: $active;\n color: $defaultColor;\n }\n\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n }\n\n &.is-loading {\n cursor: default;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n opacity: 1;\n }\n &:active,\n &.active {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n }\n }\n\n &.is-outline {\n color: $hover;\n border-color: $hover;\n background-color: $defaultColor;\n &:hover,\n &.hover {\n background-color: $hover;\n border-color: $hover;\n color: $defaultColor;\n }\n &.active,\n &:active {\n background-color: $active;\n border-color: $active;\n color: $defaultColor;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["button.css","mixins/create-button.css","mixins/create-button-hover.css"],"names":[],"mappings":"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","file":"button.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/create-button.css';\n@import './mixins/create-button-hover.css';\n\n.bk-button {\n height: 32px;\n line-height: 30px;\n display: inline-block;\n outline: none;\n cursor: pointer;\n white-space: nowrap;\n -webkit-appearance: none;\n padding: 0 15px;\n text-align: center;\n vertical-align: middle;\n font-size: $fnNormalSize;\n background-color: $defaultColor;\n border: 1px solid $newGreyColor;\n border-radius: 2px;\n box-sizing: border-box;\n color: $newBlackColor2;\n text-decoration: none;\n transition: background-color ease 0.3s;\n min-width: 64px;\n position: relative;\n\n .bk-loading-wrapper {\n opacity: 0;\n }\n\n .bk-button-loading {\n display: inline-block;\n vertical-align: top;\n font-size: 0;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n div {\n width: 6px;\n height: 6px;\n border-radius: 100%;\n display: inline-block;\n vertical-align: middle;\n background-color: $defaultColor;\n animation: button-loading 1s infinite ease-in-out both;\n & + [class^=\"bounce\"] {\n margin-left: 4px;\n }\n }\n .bounce1 {\n animation-delay: -0.72s;\n }\n .bounce2 {\n animation-delay: -0.48s;\n }\n .bounce3 {\n animation-delay: -0.24s;\n }\n .bounce4 {\n animation-delay: 0s;\n }\n }\n\n .bk-button-icon-loading {\n position: relative;\n top: 2px;\n .loading {\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: transparent;\n border-radius: 50%;\n animation: button-icon-loading 1s linear infinite;\n margin: -7px auto 0;\n display: inline-block;\n }\n }\n\n .bk-icon {\n line-height: 16px;\n min-width: 14px;\n display: inline-block;\n position: relative;\n top: 1px;\n font-size: $iconNormalSize;\n /* + span {\n margin-left: 7px;\n } */\n }\n\n &.no-slot {\n padding: 0 10px;\n height: 32px;\n min-width: 32px;\n .left-icon {\n margin-right: 0;\n }\n .right-icon {\n margin-left: 0;\n }\n }\n\n &.bk-default {\n &:hover,\n &.hover {\n border-color: $newBlackColor3;\n color: $newBlackColor2;\n }\n &:active,\n &.active {\n border-color: $newMainColor;\n color: $newMainColor;\n }\n &.is-disabled,\n &[disabled] {\n background-color: #faf9fd;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n }\n &.is-loading {\n cursor: default;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n opacity: 1;\n }\n &:active,\n &.active {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n }\n }\n .bk-button-loading {\n div {\n background-color: $newBlackColor2;\n }\n }\n }\n\n &.bk-primary {\n @mixin create-button $newMainColor, $newMainColor1, $newMainColor4;\n }\n\n &.bk-success {\n @mixin create-button $newGreenColor, $newGreenColor1, $newGreenColor4;\n }\n\n &.bk-warning {\n @mixin create-button $newOrangeColor, $newOrangeColor1, $newOrangeColor4;\n }\n\n &.bk-danger {\n @mixin create-button $newRedColor, $newRedColor1, $newRedColor4;\n }\n\n &.bk-button-small {\n height: 26px;\n line-height: 24px;\n padding: 0 12px;\n font-size: $fnSmallSize;\n .bk-icon {\n font-size: $iconSmallSize;\n }\n }\n\n &.bk-button-large {\n height: 38px;\n line-height: 36px;\n padding: 0 20px;\n font-size: $fnLargeSize;\n .bk-icon {\n font-size: $iconLargeSize;\n }\n }\n\n &.is-outline {\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n &.active,\n &:active {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n }\n }\n}\n\n.bk-button-text {\n border: none;\n background: none;\n cursor: pointer;\n font-size: $fnNormalSize;\n color: $newBlackColor2;\n text-decoration: none;\n outline: none;\n height: 22px;\n padding: 0;\n\n .bk-loading-wrapper {\n display: inline-block;\n }\n\n .bk-button-loading {\n position: relative;\n display: inline-block;\n .bounce {\n width: 7px;\n height: 7px;\n border-radius: 100%;\n display: inline-block;\n background-color: $defaultColor;\n animation: button-loading 1.2s infinite ease-in-out both;\n }\n .bounce1 {\n animation-delay: -0.72s;\n }\n .bounce2 {\n animation-delay: -0.48s;\n }\n .bounce3 {\n animation-delay: -0.24s;\n }\n .bounce4 {\n animation-delay: 0s;\n }\n .bk-spin {\n position: relative;\n top: -1px;\n }\n }\n\n .bk-button-icon-loading {\n position: relative;\n top: 2px;\n .loading {\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: transparent;\n border-radius: 50%;\n animation: button-icon-loading 1s linear infinite;\n margin: -7px auto 0;\n display: inline-block;\n }\n }\n\n .bk-icon {\n width: 14px;\n height: 16px;\n line-height: 16px;\n min-width: 14px;\n display: inline-block;\n position: relative;\n top: 1px;\n /* + span {\n margin-left: 7px;\n } */\n &.left-icon {\n margin-right: 2px;\n }\n &.right-icon {\n margin-left: 2px;\n }\n }\n\n &.no-slot {\n padding: 0 10px;\n height: 22px;\n .left-icon {\n margin-right: 0;\n }\n .right-icon {\n margin-left: 0;\n }\n }\n\n &.bk-default {\n &:hover,\n &.hover {\n border-color: $newBlackColor3;\n color: $newBlackColor2;\n }\n &:active,\n &.active {\n border-color: $newMainColor;\n color: $newMainColor;\n }\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n }\n &.is-loading {\n cursor: default;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n opacity: 1;\n }\n &:active,\n &.active {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n }\n }\n .bk-button-loading {\n div {\n background-color: $newBlackColor2;\n }\n }\n }\n\n &.bk-primary {\n color: $newMainColor;\n &:hover,\n &.hover {\n color: $newMainColor1;\n }\n &:active,\n &.active {\n color: $newMainColor4;\n }\n }\n\n &.bk-success {\n color: $newGreenColor;\n &:hover,\n &.hover {\n color: $newGreenColor1;\n }\n &:active,\n &.active {\n color: $newGreenColor4;\n }\n }\n\n &.bk-warning {\n color: $newOrangeColor;\n &:hover,\n &.hover {\n color: $newOrangeColor1;\n }\n &:active,\n &.active {\n color: $newOrangeColor4;\n }\n }\n\n &.bk-danger {\n color: $newRedColor;\n &:hover,\n &.hover {\n color: $newRedColor1;\n }\n &:active,\n &.active {\n color: $newRedColor4;\n }\n }\n\n /* is-disabled 样式要放在 bk-primary bk-success bk-warning bk-danger 后面 */\n &.is-disabled,\n &[disabled] {\n color: $newGreyColor;\n cursor: not-allowed;\n &:hover,\n &.hover {\n color: $newGreyColor;\n }\n &:active,\n &.active {\n color: $newGreyColor;\n }\n }\n\n &.bk-button-small {\n height: 26px;\n line-height: 24px;\n padding: 0 12px;\n font-size: $fnSmallSize;\n }\n\n &.bk-button-large {\n height: 42px;\n line-height: 40px;\n padding: 0 20px;\n font-size: $fnLargeSize;\n }\n\n &.is-outline {\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n &.active,\n &:active {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n }\n }\n}\n\n.bk-button-hover {\n height: 32px;\n line-height: 30px;\n display: inline-block;\n outline: none;\n cursor: pointer;\n white-space: nowrap;\n -webkit-appearance: none;\n padding: 0 15px;\n text-align: center;\n vertical-align: middle;\n font-size: $fnNormalSize;\n background-color: $defaultColor;\n border: 1px solid $newGreyColor;\n border-radius: 2px;\n box-sizing: border-box;\n color: $newBlackColor2;\n text-decoration: none;\n transition: background-color ease 0.3s;\n min-width: 68px;\n\n .bk-loading-wrapper {\n opacity: 0;\n }\n\n .bk-button-loading {\n width: 58px;\n display: inline-block;\n div {\n width: 6px;\n height: 6px;\n border-radius: 100%;\n display: inline-block;\n background-color: $newBlackColor2;\n animation: button-loading 1s infinite ease-in-out both;\n }\n .bounce1 {\n animation-delay: -0.72s;\n }\n .bounce2 {\n animation-delay: -0.48s;\n }\n .bounce3 {\n animation-delay: -0.24s;\n }\n .bounce4 {\n animation-delay: 0s;\n }\n }\n\n .bk-button-icon-loading {\n position: relative;\n top: 2px;\n .loading {\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: transparent;\n border-radius: 50%;\n animation: button-icon-loading 1s linear infinite;\n margin: -7px auto 0;\n display: inline-block;\n }\n }\n\n .bk-icon {\n width: 14px;\n height: 16px;\n line-height: 16px;\n min-width: 14px;\n display: inline-block;\n position: relative;\n top: 1px;\n /* + span {\n margin-left: 7px;\n } */\n &.left-icon {\n margin-right: 2px;\n }\n &.right-icon {\n margin-left: 2px;\n }\n }\n\n &.no-slot {\n padding: 0 10px;\n height: 36px;\n min-width: 36px;\n .left-icon {\n margin-right: 0;\n }\n .right-icon {\n margin-left: 0;\n }\n }\n\n &.bk-primary {\n @mixin create-button-hover $newMainColor, $newMainColor4;\n }\n\n &.bk-success {\n @mixin create-button-hover $newGreenColor, $newGreenColor4;\n }\n\n &.bk-warning {\n @mixin create-button-hover $newOrangeColor, $newOrangeColor4;\n }\n\n &.bk-danger {\n @mixin create-button-hover $newRedColor, $newRedColor4;\n }\n\n &.bk-button-small {\n height: 26px;\n line-height: 24px;\n padding: 0 12px;\n font-size: $fnSmallSize;\n }\n\n &.bk-button-large {\n height: 42px;\n line-height: 40px;\n padding: 0 20px;\n font-size: $fnLargeSize;\n }\n\n &.is-outline {\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n &.active,\n &:active {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n }\n }\n }\n}\n\n@-webkit-keyframes button-icon-loading {\n 0% {\n transform:rotate(0)\n }\n 100% {\n transform:rotate(360deg)\n }\n}\n\n@keyframes button-icon-loading {\n 0% {\n transform:rotate(0)\n }\n 100% {\n transform:rotate(360deg)\n }\n}\n\n.bk-button-group {\n font-size: 0;\n margin-left: 1px;\n display: inline-block;\n .bk-button {\n margin: 0 0 0 -1px;\n border-radius: 0;\n &.hover,\n &:hover {\n border-color: $newMainColor;\n color: $newMainColor;\n position: relative;\n z-index: 1;\n }\n &.is-disabled:hover {\n border-color: $newGreyColor1;\n color: $newGreyColor;\n position: relative;\n z-index: 0;\n }\n &:first-child {\n border-radius: 2px 0 0 2px;\n }\n &:last-child {\n border-radius: 0 2px 2px 0;\n }\n &.is-selected {\n background-color: $newMainColor3;\n border-color: $newMainColor;\n color: $newMainColor;\n position: relative;\n z-index: 1;\n }\n span {\n .bk-icon {\n margin-left: 7px;\n }\n }\n }\n}\n\n.bk-text-button {\n border: none;\n background: none;\n color: $newMainColor;\n cursor: pointer;\n text-decoration: none;\n .bk-icon {\n width: 16px;\n min-width: 16px;\n margin-right: 5px;\n display: inline-block;\n }\n\n +.bk-text-button {\n margin-left: 15px;\n }\n &:hover {\n color: $primaryHoverColor;\n text-decoration: none;\n }\n &.is-disabled {\n color: #e6e6e6 !important;\n cursor: not-allowed;\n }\n &.bk-default {\n color: $fnMainColor;\n &:hover {\n color: darken($fnMainColor, 10%);\n }\n }\n &.bk-info {\n color: $newMainColor1;\n &:hover {\n color: $infoHoverColor;\n }\n }\n &.bk-primary {\n color: $newMainColor;\n &:hover {\n color: $primaryHoverColor;\n }\n }\n &.bk-success {\n color: $newGreenColor;\n &:hover {\n color: $successHoverColor;\n }\n }\n &.bk-warning {\n color: $newOrangeColor;\n &:hover {\n color: $warningHoverColor;\n }\n }\n &.bk-danger {\n color: $newRedColor;\n &:hover {\n color: $dangerHoverColor;\n }\n }\n .bk-icon {\n width: 16px;\n min-width: 16px;\n }\n}\n\n/*\n\n.bk-text-button {\n border: none;\n background: none;\n color: $newMainColor;\n cursor: pointer;\n text-decoration: none;\n .bk-icon {\n width: 16px;\n min-width: 16px;\n margin-right: 5px;\n display: inline-block;\n }\n\n +.bk-text-button {\n margin-left: 15px;\n }\n &:hover {\n color: $primaryHoverColor;\n text-decoration: none;\n }\n &.is-disabled {\n color: #e6e6e6 !important;\n cursor: not-allowed;\n }\n &.bk-default {\n color: $fnMainColor;\n &:hover {\n color: darken($fnMainColor, 10%);\n }\n }\n &.bk-info {\n color: $newMainColor1;\n &:hover {\n color: $infoHoverColor;\n }\n }\n &.bk-primary {\n color: $newMainColor;\n &:hover {\n color: $primaryHoverColor;\n }\n }\n &.bk-success {\n color: $newGreenColor;\n &:hover {\n color: $successHoverColor;\n }\n }\n &.bk-warning {\n color: $newOrangeColor;\n &:hover {\n color: $warningHoverColor;\n }\n }\n &.bk-danger {\n color: $newRedColor;\n &:hover {\n color: $dangerHoverColor;\n }\n }\n .bk-icon {\n width: 16px;\n min-width: 16px;\n }\n}\n\n.bk-radio-group {\n display: inline-block;\n margin-left: 1px;\n .bk-radio-button {\n float: left;\n margin-left: -1px;\n min-width: 100px;\n height: 36px;\n line-height: 34px;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n padding: 0 15px;\n text-align: center;\n vertical-align: middle;\n font-size: $fnNormalSize;\n background-color: $defaultColor;\n border: 1px solid #d6d6d6;\n box-sizing: border-box;\n color: $fnMainColor;\n position: relative;\n &:nth-of-type(1) {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n }\n &:nth-last-of-type(1) {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n &:hover {\n background-color: $defaultHoverColor;\n color: $fnMainColor;\n text-decoration: none;\n opacity: 1;\n }\n &.is-checked {\n color: #fff;\n background-color: $newMainColor;\n border-color: $newMainColor;\n z-index: 10;\n }\n &.is-disabled,\n &[disabled] {\n background-color: #fff !important;\n border-color: #e5e5e5 !important;\n color: #e6e6e6 !important;\n cursor: not-allowed;\n }\n }\n &.bk-radio-mini {\n\n .bk-radio-button {\n height: 24px;\n line-height: 22px;\n padding: 0 7px;\n min-width: 50px;\n font-size: $fnSmallSize;\n }\n }\n &.bk-radio-small {\n .bk-radio-button {\n height: 32px;\n line-height: 30px;\n padding: 0 10px;\n min-width: 80px;\n }\n }\n &.bk-radio-large {\n .bk-radio-button {\n height: 42px;\n line-height: 40px;\n padding: 0 16px;\n min-width: 120px;\n }\n }\n}\n\n */\n\n@-moz-keyframes button-loading {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1.0;\n }\n}\n\n@-webkit-keyframes button-loading {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1.0;\n }\n}\n\n@keyframes button-loading {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.5;\n }\n 100% {\n opacity: 1.0;\n }\n}\n","/**\n * @file create-button mixin\n *\n * usage:\n * @mixin create-button red, green, green;\n */\n\n@define-mixin create-button $color, $hover, $active {\n & {\n background: $color;\n border-color: $color;\n color: $defaultColor;\n }\n\n &:hover,\n &.hover {\n background-color: $hover;\n border-color: $hover;\n opacity: 1;\n }\n\n &:active,\n &.active {\n background-color: $active;\n border-color: $active;\n }\n\n &.is-disabled,\n &[disabled] {\n background-color: $newGreyColor1;\n border-color: $newGreyColor1;\n color: $defaultColor;\n cursor: not-allowed;\n }\n\n &.is-loading {\n cursor: default;\n &:hover,\n &.hover {\n background-color: $color;\n border-color: $color;\n opacity: 1;\n }\n &:active,\n &.active {\n background-color: $color;\n border-color: $color;\n }\n &.is-outline {\n .bk-button-loading {\n div {\n background-color: $color;\n }\n }\n &:hover,\n &.hover {\n .bk-button-loading {\n div {\n background-color: #fff;\n }\n }\n }\n &.active,\n &:active {\n .bk-button-loading {\n div {\n background-color: #fff;\n }\n }\n }\n }\n }\n\n &.is-outline {\n color: $color;\n border-color: $color;\n background-color: #fff;\n &:hover,\n &.hover {\n background-color: $color;\n border-color: $color;\n color: #fff;\n }\n &.active,\n &:active {\n background-color: $active;\n border-color: $active;\n color: #fff;\n }\n }\n\n /* &.is-selected {\n background-color: $active !important;\n border-color: $active !important;\n color: #fff !important;\n position: relative;\n z-index: 1;\n cursor: default;\n } */\n}\n","/**\n * @file create-button-hover mixin\n *\n * usage:\n * @mixin create-button-hover green, green;\n */\n\n@define-mixin create-button-hover $hover, $active {\n & {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n color: $newBlackColor2;\n }\n &:hover,\n &.hover {\n background-color: $hover;\n border-color: $hover;\n color: $defaultColor;\n opacity: 1;\n }\n\n &:active,\n &.active {\n background-color: $active;\n border-color: $active;\n color: $defaultColor;\n }\n\n &.is-disabled,\n &[disabled] {\n background-color: $defaultColor;\n border-color: $newGreyColor1;\n color: $newGreyColor;\n cursor: not-allowed;\n }\n\n &.is-loading {\n cursor: default;\n &:hover,\n &.hover {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n opacity: 1;\n }\n &:active,\n &.active {\n background-color: $defaultColor;\n border-color: $newGreyColor;\n }\n }\n\n &.is-outline {\n color: $hover;\n border-color: $hover;\n background-color: $defaultColor;\n &:hover,\n &.hover {\n background-color: $hover;\n border-color: $hover;\n color: $defaultColor;\n }\n &.active,\n &:active {\n background-color: $active;\n border-color: $active;\n color: $defaultColor;\n }\n }\n}\n"]}
package/lib/ui/card.css CHANGED
@@ -22,7 +22,7 @@
22
22
  width:100%;
23
23
  height:50px;
24
24
  line-height:50px;
25
- padding:0 20px;
25
+ padding:0 24px;
26
26
  position:relative;
27
27
  }
28
28
 
@@ -86,7 +86,7 @@
86
86
 
87
87
  .bk-card-body{
88
88
  width:100%;
89
- padding:20px 20px;
89
+ padding:16px 24px 24px;
90
90
  }
91
91
 
92
92
  .bk-card-foot{
package/lib/ui/card.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-card{width:100%;background:#fff;border:1px solid #dcdee5;border-radius:2px;position:relative}.bk-card-border-none{border:none;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.bk-card:hover{-webkit-box-shadow:0 3px 6px 0 rgba(99,83,83,.2);box-shadow:0 3px 6px 0 rgba(99,83,83,.2);cursor:pointer}.bk-card-head{width:100%;height:50px;line-height:50px;padding:0 20px;position:relative}.bk-card-head .title{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-card-head.no-line-height{line-height:unset}.bk-card-head .bk-card-head-icon{margin-right:4px;color:#979ba5;cursor:pointer;position:absolute;top:50%;margin-top:-8px}.bk-card .bk-card-head .card-edit{display:inline-block;overflow:hidden}.bk-card .bk-card-head .card-edit i{color:#c4c6cc;margin-left:2px}.bk-card .bk-card-head-left{padding-left:30px}.bk-card .bk-card-head-left .bk-card-head-icon{left:8px}.bk-card .bk-card-head-right{padding-right:30px}.bk-card .bk-card-head-right .bk-card-head-icon{right:8px}.bk-card .collapse{border-bottom:1px solid #f0f2f5}.bk-card .bk-card-input{width:50%;position:absolute;top:50%;margin-top:-16px}.bk-card-body{width:100%;padding:20px}.bk-card-foot{width:100%;height:50px;border-top:1px solid #f0f2f5}
1
+ .bk-card{width:100%;background:#fff;border:1px solid #dcdee5;border-radius:2px;position:relative}.bk-card-border-none{border:none;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.bk-card:hover{-webkit-box-shadow:0 3px 6px 0 rgba(99,83,83,.2);box-shadow:0 3px 6px 0 rgba(99,83,83,.2);cursor:pointer}.bk-card-head{width:100%;height:50px;line-height:50px;padding:0 24px;position:relative}.bk-card-head .title{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-card-head.no-line-height{line-height:unset}.bk-card-head .bk-card-head-icon{margin-right:4px;color:#979ba5;cursor:pointer;position:absolute;top:50%;margin-top:-8px}.bk-card .bk-card-head .card-edit{display:inline-block;overflow:hidden}.bk-card .bk-card-head .card-edit i{color:#c4c6cc;margin-left:2px}.bk-card .bk-card-head-left{padding-left:30px}.bk-card .bk-card-head-left .bk-card-head-icon{left:8px}.bk-card .bk-card-head-right{padding-right:30px}.bk-card .bk-card-head-right .bk-card-head-icon{right:8px}.bk-card .collapse{border-bottom:1px solid #f0f2f5}.bk-card .bk-card-input{width:50%;position:absolute;top:50%;margin-top:-16px}.bk-card-body{width:100%;padding:16px 24px 24px}.bk-card-foot{width:100%;height:50px;border-top:1px solid #f0f2f5}
2
2
  /*# sourceMappingURL=card.min.css.map */
package/lib/ui/card.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["card.css","mixins/ellipsis.css"],"names":[],"mappings":"AAEA,SACI,UAAW,CACX,eAAgB,CAChB,wBAAyB,CACzB,iBAAkB,CAClB,iBACJ,CACA,qBACI,WAAY,CACZ,6CAA2C,CAA3C,qCACJ,CACA,eACI,gDAAiD,CAAjD,wCAAiD,CACjD,cACJ,CACA,cACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,iBAOJ,CANI,qBCfA,oBAAiB,CACjB,aAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBDaA,CACA,6BACI,iBACJ,CAEJ,iCACI,gBAAiB,CACjB,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,OAAQ,CACR,eACJ,CACA,kCACI,oBAAqB,CACrB,eACJ,CACA,oCACI,aAAc,CACd,eACJ,CACA,4BACI,iBACJ,CACA,+CACI,QACJ,CACA,6BACI,kBACJ,CACA,gDACI,SACJ,CACA,mBACI,+BACJ,CACA,wBACI,SAAU,CACV,iBAAkB,CAClB,OAAQ,CACR,gBACJ,CACA,cACI,UAAW,CACX,YACJ,CACA,cACI,UAAW,CACX,WAAY,CACZ,4BACJ","file":"card.min.css","sourcesContent":["@import \"./mixins/ellipsis\";\n\n.bk-card {\n width: 100%;\n background: #fff;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n position: relative;\n}\n.bk-card-border-none {\n border: none;\n box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);\n}\n.bk-card:hover {\n box-shadow: 0px 3px 6px 0px rgba(99, 83, 83, 0.2);\n cursor: pointer;\n}\n.bk-card-head {\n width: 100%;\n height: 50px;\n line-height: 50px;\n padding: 0 20px;\n position: relative;\n .title {\n @mixin ellipsis 90%, inline-block;\n }\n &.no-line-height {\n line-height: unset;\n }\n}\n.bk-card-head .bk-card-head-icon {\n margin-right: 4px;\n color: #979ba5;\n cursor: pointer;\n position: absolute;\n top: 50%;\n margin-top: -8px;\n}\n.bk-card .bk-card-head .card-edit {\n display: inline-block;\n overflow: hidden;\n}\n.bk-card .bk-card-head .card-edit i {\n color: #c4c6cc;\n margin-left: 2px;\n}\n.bk-card .bk-card-head-left {\n padding-left: 30px;\n}\n.bk-card .bk-card-head-left .bk-card-head-icon {\n left: 8px;\n}\n.bk-card .bk-card-head-right {\n padding-right: 30px;\n}\n.bk-card .bk-card-head-right .bk-card-head-icon {\n right: 8px;\n}\n.bk-card .collapse {\n border-bottom: 1px solid #f0f2f5;\n}\n.bk-card .bk-card-input {\n width: 50%;\n position: absolute;\n top: 50%;\n margin-top: -16px;\n}\n.bk-card-body {\n width: 100%;\n padding: 20px 20px;\n}\n.bk-card-foot {\n width: 100%;\n height: 50px;\n border-top: 1px solid #f0f2f5;\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n * @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n display: $display;\n max-width: $maxWidth;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"]}
1
+ {"version":3,"sources":["card.css","mixins/ellipsis.css"],"names":[],"mappings":"AAEA,SACI,UAAW,CACX,eAAgB,CAChB,wBAAyB,CACzB,iBAAkB,CAClB,iBACJ,CACA,qBACI,WAAY,CACZ,6CAA2C,CAA3C,qCACJ,CACA,eACI,gDAAiD,CAAjD,wCAAiD,CACjD,cACJ,CACA,cACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,iBAOJ,CANI,qBCfA,oBAAiB,CACjB,aAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBDaA,CACA,6BACI,iBACJ,CAEJ,iCACI,gBAAiB,CACjB,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,OAAQ,CACR,eACJ,CACA,kCACI,oBAAqB,CACrB,eACJ,CACA,oCACI,aAAc,CACd,eACJ,CACA,4BACI,iBACJ,CACA,+CACI,QACJ,CACA,6BACI,kBACJ,CACA,gDACI,SACJ,CACA,mBACI,+BACJ,CACA,wBACI,SAAU,CACV,iBAAkB,CAClB,OAAQ,CACR,gBACJ,CACA,cACI,UAAW,CACX,sBACJ,CACA,cACI,UAAW,CACX,WAAY,CACZ,4BACJ","file":"card.min.css","sourcesContent":["@import \"./mixins/ellipsis\";\n\n.bk-card {\n width: 100%;\n background: #fff;\n border: 1px solid #dcdee5;\n border-radius: 2px;\n position: relative;\n}\n.bk-card-border-none {\n border: none;\n box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);\n}\n.bk-card:hover {\n box-shadow: 0px 3px 6px 0px rgba(99, 83, 83, 0.2);\n cursor: pointer;\n}\n.bk-card-head {\n width: 100%;\n height: 50px;\n line-height: 50px;\n padding: 0 24px;\n position: relative;\n .title {\n @mixin ellipsis 90%, inline-block;\n }\n &.no-line-height {\n line-height: unset;\n }\n}\n.bk-card-head .bk-card-head-icon {\n margin-right: 4px;\n color: #979ba5;\n cursor: pointer;\n position: absolute;\n top: 50%;\n margin-top: -8px;\n}\n.bk-card .bk-card-head .card-edit {\n display: inline-block;\n overflow: hidden;\n}\n.bk-card .bk-card-head .card-edit i {\n color: #c4c6cc;\n margin-left: 2px;\n}\n.bk-card .bk-card-head-left {\n padding-left: 30px;\n}\n.bk-card .bk-card-head-left .bk-card-head-icon {\n left: 8px;\n}\n.bk-card .bk-card-head-right {\n padding-right: 30px;\n}\n.bk-card .bk-card-head-right .bk-card-head-icon {\n right: 8px;\n}\n.bk-card .collapse {\n border-bottom: 1px solid #f0f2f5;\n}\n.bk-card .bk-card-input {\n width: 50%;\n position: absolute;\n top: 50%;\n margin-top: -16px;\n}\n.bk-card-body {\n width: 100%;\n padding: 16px 24px 24px;\n}\n.bk-card-foot {\n width: 100%;\n height: 50px;\n border-top: 1px solid #f0f2f5;\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n * @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n display: $display;\n max-width: $maxWidth;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"]}
package/lib/ui/cascade.css CHANGED
@@ -41,6 +41,12 @@
41
41
  cursor:not-allowed;
42
42
  }
43
43
 
44
+ .bk-cascade.is-custom-trigger{
45
+ border:none;
46
+ -webkit-box-shadow:none;
47
+ box-shadow:none;
48
+ }
49
+
44
50
  .bk-cascade.is-readonly,
45
51
  .bk-cascade.is-loading{
46
52
  background-color:#fafafa;
@@ -249,9 +255,13 @@
249
255
  padding:0 16px;
250
256
  border-radius:0px 0px 1px 1px;
251
257
  border-top:1px solid #dcdee5;
252
- background:#fafbfd
258
+ background:#fafbfd;
253
259
  }
254
260
 
261
+ .bk-cascade-extension i{
262
+ font-size:12px;
263
+ }
264
+
255
265
  .bk-cascade-extension:hover{
256
266
  background-color:#f0f1f5;
257
267
  }
@@ -313,6 +323,14 @@
313
323
  color:#979BA5;
314
324
  }
315
325
 
326
+ .bk-cascade-panel .bk-option:first-of-type{
327
+ margin-top:4px;
328
+ }
329
+
330
+ .bk-cascade-panel .bk-option:last-of-type{
331
+ margin-bottom:4px;
332
+ }
333
+
316
334
  .bk-cascade-panel .is-multiple{
317
335
  background-color:#fff!important;
318
336
  }
package/lib/ui/cascade.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-cascade{position:relative;border:1px solid #c4c6cc;border-radius:2px;line-height:30px;font-size:12px;color:#63656e;cursor:pointer}.bk-cascade.is-default-trigger.is-unselected:before{position:absolute;height:100%;content:attr(data-placeholder);left:11px;top:0;color:#c3cdd7;pointer-events:none}.bk-cascade.is-focus{border-color:#3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-cascade.is-focus .bk-cascade-angle{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.bk-cascade:focus{border-color:#3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-cascade.is-disabled{background-color:#fafafa;color:#c4c6cc;cursor:not-allowed}.bk-cascade.is-loading,.bk-cascade.is-readonly{background-color:#fafafa;cursor:default}.bk-cascade:hover .bk-cascade-clear{display:block}.bk-cascade .bk-cascade-loading{position:absolute;right:9px;top:8px;width:18px;height:18px}.bk-cascade .bk-cascade-angle{position:absolute;right:2px;top:4px;color:#979ba5;font-size:22px;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.bk-cascade .bk-cascade-clear{display:none;position:absolute;right:6px;top:8px;width:14px;height:14px;line-height:14px;background-color:#c4c6cc;border-radius:50%;text-align:center;font-size:14px;color:#fff;z-index:100}.bk-cascade .bk-cascade-clear:before{display:block;-webkit-transform:scale(.7);transform:scale(.7)}.bk-cascade .bk-cascade-clear:hover{background-color:#979ba5}.bk-cascade .bk-cascade-name{height:30px;padding:0 36px 0 11px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-cascade .bk-tooltip.bk-cascade-dropdown{display:block}.bk-cascade .bk-tooltip.bk-cascade-dropdown>.bk-tooltip-ref{display:block}.bk-cascade-dropdown-content{border:1px solid #dcdee5;border-radius:2px;line-height:32px;background:#fff;color:#63656e;overflow:hidden}.bk-cascade-search-input{width:100%;height:32px;border:none;font-size:12px;outline:0;cursor:text}.bk-cascade-search-input::-webkit-input-placeholder{color:#c3cdd7}.bk-cascade-options{padding:0;list-style:none;overflow-y:auto}.bk-cascade-options::-webkit-scrollbar{width:6px;height:6px}.bk-cascade-options::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-cascade-options.bk-options-single .bk-option.is-highlight,.bk-cascade-options.bk-options-single .bk-option:hover{background-color:#eaf3ff}.bk-cascade-options.bk-options-single .bk-option.is-selected{background-color:#f4f6fa}.bk-cascade-options .bk-option-group .bk-option-group-name{margin:0 16px;border-bottom:1px solid #dcdee5;color:#979ba5}.bk-cascade-options .bk-group-options{margin:0;padding:0;list-style:none}.bk-cascade-options .bk-group-options .bk-option{padding:0 12px}.bk-cascade-options .bk-option{position:relative;cursor:pointer}.bk-cascade-options .bk-option.is-highlight,.bk-cascade-options .bk-option:hover{color:#3a84ff;background-color:#eaf3ff}.bk-cascade-options .bk-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:#fff}.bk-cascade-options .bk-option.is-selected{color:#3a84ff;background-color:#f4f6fa}.bk-cascade-options .bk-option.is-selected.is-disabled{background-color:#fff;color:#c4c6cc}.bk-cascade-options .bk-option.is-selected.is-disabled .bk-option-icon{color:#c4c6cc}.bk-cascade-options .bk-option-content{position:relative;padding:0 16px}.bk-cascade-options .bk-option-content .bk-option-content-default{font-size:0}.bk-cascade-options .bk-option-content .bk-option-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:12px}.bk-cascade-options .bk-option-content .bk-option-icon{position:absolute;right:12px;top:12px;color:#3a84ff;font-size:12px;font-weight:700}.bk-cascade-empty{padding:0 10px;font-size:12px}.bk-cascade-extension{font-size:12px;padding:0 16px;border-radius:0 0 1px 1px;border-top:1px solid #dcdee5;background:#fafbfd}.bk-cascade-extension:hover{background-color:#f0f1f5}.tippy-tooltip.bk-cascade-dropdown-theme[data-size=small]{padding:0;-webkit-box-shadow:0 3px 9px 0 rgba(0,0,0,.1);box-shadow:0 3px 9px 0 rgba(0,0,0,.1)}.tippy-tooltip.bk-cascade-dropdown-theme[data-size=small] .tippy-arrow{display:none}.bk-cacade-search{border:none}.bk-cascade-panel{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.bk-cascade-panel .bk-cascade-panel-ul{float:left;height:100%;padding:0;margin:0;list-style:none;overflow-y:auto}.bk-cascade-panel .bk-cascade-panel-ul::-webkit-scrollbar{width:6px;height:6px}.bk-cascade-panel .bk-cascade-panel-ul::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-cascade-panel .bk-cascade-border{border-right:1px solid #dcdee5}.bk-cascade-panel .bk-option{position:relative}.bk-cascade-panel .bk-option .bk-cascade-right{position:absolute;top:6px;right:5px;font-size:20px;color:#979ba5}.bk-cascade-panel .is-multiple{background-color:#fff!important}.bk-option-none{display:block;font-size:12px;line-height:32px;text-align:center;color:#63656e}.bk-cascade-search{height:calc(100% - 36px)}.bk-option-content{position:relative}.bk-option-content .bk-cascade-check{position:absolute;top:0;left:16px}.bk-option-content .bk-margin-left{margin-left:26px}.bk-cascade-tag-list{padding:5px 36px 0 10px;min-height:30px}.bk-cascade-tag-list:after{display:block;clear:both;content:"";font-size:0;height:0;visibility:hidden}.bk-cascade-tag-list .bk-cascade-tag-item{display:inline-block;cursor:pointer;position:relative;margin:0 6px 5px 0;border-radius:2px;float:left;height:22px;line-height:22px;overflow:hidden;background-color:#f0f1f5}.bk-cascade-tag-list .bk-cascade-tag-item:hover{background-color:#dcdee5}.bk-cascade-tag-list .bk-cascade-tag-item:hover .remove-key{color:#63656e}.bk-cascade-tag-list .bk-cascade-item-name{color:#63656e;font-size:12px;border:none;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;padding:0 5px;min-height:21px;line-height:19px;word-break:break-all;max-width:150px;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.bk-cascade-tag-list .remove-key{position:absolute;width:18px;height:16px;top:3px;right:4px;display:inline-block;text-align:center}.bk-cascade-tag-list .remove-key .icon-close{color:#979ba5;position:absolute;top:0;left:0;display:inline-block;text-align:center;cursor:pointer;font-size:18px}.bk-button-icon-loading{position:relative;top:2px;color:#3a84ff}.bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid #fff;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}
1
+ .bk-cascade{position:relative;border:1px solid #c4c6cc;border-radius:2px;line-height:30px;font-size:12px;color:#63656e;cursor:pointer}.bk-cascade.is-default-trigger.is-unselected:before{position:absolute;height:100%;content:attr(data-placeholder);left:11px;top:0;color:#c3cdd7;pointer-events:none}.bk-cascade.is-focus{border-color:#3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-cascade.is-focus .bk-cascade-angle{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.bk-cascade:focus{border-color:#3a84ff;-webkit-box-shadow:0 0 4px rgba(58,132,255,.4);box-shadow:0 0 4px rgba(58,132,255,.4)}.bk-cascade.is-disabled{background-color:#fafafa;color:#c4c6cc;cursor:not-allowed}.bk-cascade.is-custom-trigger{border:none;-webkit-box-shadow:none;box-shadow:none}.bk-cascade.is-loading,.bk-cascade.is-readonly{background-color:#fafafa;cursor:default}.bk-cascade:hover .bk-cascade-clear{display:block}.bk-cascade .bk-cascade-loading{position:absolute;right:9px;top:8px;width:18px;height:18px}.bk-cascade .bk-cascade-angle{position:absolute;right:2px;top:4px;color:#979ba5;font-size:22px;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.bk-cascade .bk-cascade-clear{display:none;position:absolute;right:6px;top:8px;width:14px;height:14px;line-height:14px;background-color:#c4c6cc;border-radius:50%;text-align:center;font-size:14px;color:#fff;z-index:100}.bk-cascade .bk-cascade-clear:before{display:block;-webkit-transform:scale(.7);transform:scale(.7)}.bk-cascade .bk-cascade-clear:hover{background-color:#979ba5}.bk-cascade .bk-cascade-name{height:30px;padding:0 36px 0 11px;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-cascade .bk-tooltip.bk-cascade-dropdown{display:block}.bk-cascade .bk-tooltip.bk-cascade-dropdown>.bk-tooltip-ref{display:block}.bk-cascade-dropdown-content{border:1px solid #dcdee5;border-radius:2px;line-height:32px;background:#fff;color:#63656e;overflow:hidden}.bk-cascade-search-input{width:100%;height:32px;border:none;font-size:12px;outline:0;cursor:text}.bk-cascade-search-input::-webkit-input-placeholder{color:#c3cdd7}.bk-cascade-options{padding:0;list-style:none;overflow-y:auto}.bk-cascade-options::-webkit-scrollbar{width:6px;height:6px}.bk-cascade-options::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-cascade-options.bk-options-single .bk-option.is-highlight,.bk-cascade-options.bk-options-single .bk-option:hover{background-color:#eaf3ff}.bk-cascade-options.bk-options-single .bk-option.is-selected{background-color:#f4f6fa}.bk-cascade-options .bk-option-group .bk-option-group-name{margin:0 16px;border-bottom:1px solid #dcdee5;color:#979ba5}.bk-cascade-options .bk-group-options{margin:0;padding:0;list-style:none}.bk-cascade-options .bk-group-options .bk-option{padding:0 12px}.bk-cascade-options .bk-option{position:relative;cursor:pointer}.bk-cascade-options .bk-option.is-highlight,.bk-cascade-options .bk-option:hover{color:#3a84ff;background-color:#eaf3ff}.bk-cascade-options .bk-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:#fff}.bk-cascade-options .bk-option.is-selected{color:#3a84ff;background-color:#f4f6fa}.bk-cascade-options .bk-option.is-selected.is-disabled{background-color:#fff;color:#c4c6cc}.bk-cascade-options .bk-option.is-selected.is-disabled .bk-option-icon{color:#c4c6cc}.bk-cascade-options .bk-option-content{position:relative;padding:0 16px}.bk-cascade-options .bk-option-content .bk-option-content-default{font-size:0}.bk-cascade-options .bk-option-content .bk-option-name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:12px}.bk-cascade-options .bk-option-content .bk-option-icon{position:absolute;right:12px;top:12px;color:#3a84ff;font-size:12px;font-weight:700}.bk-cascade-empty{padding:0 10px;font-size:12px}.bk-cascade-extension{font-size:12px;padding:0 16px;border-radius:0 0 1px 1px;border-top:1px solid #dcdee5;background:#fafbfd}.bk-cascade-extension i{font-size:12px}.bk-cascade-extension:hover{background-color:#f0f1f5}.tippy-tooltip.bk-cascade-dropdown-theme[data-size=small]{padding:0;-webkit-box-shadow:0 3px 9px 0 rgba(0,0,0,.1);box-shadow:0 3px 9px 0 rgba(0,0,0,.1)}.tippy-tooltip.bk-cascade-dropdown-theme[data-size=small] .tippy-arrow{display:none}.bk-cacade-search{border:none}.bk-cascade-panel{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.bk-cascade-panel .bk-cascade-panel-ul{float:left;height:100%;padding:0;margin:0;list-style:none;overflow-y:auto}.bk-cascade-panel .bk-cascade-panel-ul::-webkit-scrollbar{width:6px;height:6px}.bk-cascade-panel .bk-cascade-panel-ul::-webkit-scrollbar-thumb{min-height:24px;border-radius:3px;background-color:#dcdee5}.bk-cascade-panel .bk-cascade-border{border-right:1px solid #dcdee5}.bk-cascade-panel .bk-option{position:relative}.bk-cascade-panel .bk-option .bk-cascade-right{position:absolute;top:6px;right:5px;font-size:20px;color:#979ba5}.bk-cascade-panel .bk-option:first-of-type{margin-top:4px}.bk-cascade-panel .bk-option:last-of-type{margin-bottom:4px}.bk-cascade-panel .is-multiple{background-color:#fff!important}.bk-option-none{display:block;font-size:12px;line-height:32px;text-align:center;color:#63656e}.bk-cascade-search{height:calc(100% - 36px)}.bk-option-content{position:relative}.bk-option-content .bk-cascade-check{position:absolute;top:0;left:16px}.bk-option-content .bk-margin-left{margin-left:26px}.bk-cascade-tag-list{padding:5px 36px 0 10px;min-height:30px}.bk-cascade-tag-list:after{display:block;clear:both;content:"";font-size:0;height:0;visibility:hidden}.bk-cascade-tag-list .bk-cascade-tag-item{display:inline-block;cursor:pointer;position:relative;margin:0 6px 5px 0;border-radius:2px;float:left;height:22px;line-height:22px;overflow:hidden;background-color:#f0f1f5}.bk-cascade-tag-list .bk-cascade-tag-item:hover{background-color:#dcdee5}.bk-cascade-tag-list .bk-cascade-tag-item:hover .remove-key{color:#63656e}.bk-cascade-tag-list .bk-cascade-item-name{color:#63656e;font-size:12px;border:none;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;padding:0 5px;min-height:21px;line-height:19px;word-break:break-all;max-width:150px;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.bk-cascade-tag-list .remove-key{position:absolute;width:18px;height:16px;top:3px;right:4px;display:inline-block;text-align:center}.bk-cascade-tag-list .remove-key .icon-close{color:#979ba5;position:absolute;top:0;left:0;display:inline-block;text-align:center;cursor:pointer;font-size:18px}.bk-button-icon-loading{position:relative;top:2px;color:#3a84ff}.bk-button-icon-loading .loading{width:14px;height:14px;border:2px solid;border-right:2px solid #fff;border-radius:50%;-webkit-animation:button-icon-loading 1s linear infinite;animation:button-icon-loading 1s linear infinite;margin:-7px auto 0;display:inline-block}
2
2
  /*# sourceMappingURL=cascade.min.css.map */
package/lib/ui/cascade.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["cascade.css","mixins/ellipsis.css","mixins/scroller.css","mixins/clearfix.css"],"names":[],"mappings":"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","file":"cascade.min.css","sourcesContent":["@import \"./variable.css\";\n@import \"./mixins/scroller.css\";\n@import \"./mixins/clearfix.css\";\n@import \"./mixins/ellipsis\";\n\n$selectedBackground: #f4f6fa;\n$hoverBackground: #eaf3ff;\n$disabledBackground: #fff;\n$singleSelectedBackground: #eaf3ff;\n$disabledColor: #c4c6cc;\n$itemBackground: #F0F1F5;\n\n.bk-cascade {\n position: relative;\n border: 1px solid $newGreyColor;\n border-radius: 2px;\n line-height: 30px;\n font-size: 12px;\n color: $newBlackColor2;\n cursor: pointer;\n &.is-default-trigger.is-unselected:before {\n position: absolute;\n height: 100%;\n content: attr(data-placeholder);\n left: 11px;\n top: 0;\n color: $fnMinorColor;\n pointer-events: none;\n }\n &.is-focus {\n border-color: $newMainColor;\n box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n .bk-cascade-angle {\n transform: rotate(-180deg);\n }\n }\n &:focus {\n border-color: $newMainColor;\n box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n }\n &.is-disabled {\n background-color: #fafafa;\n color: #c4c6cc;\n cursor: not-allowed;\n }\n &.is-readonly,\n &.is-loading {\n background-color: #fafafa;\n cursor: default;\n }\n &:hover {\n .bk-cascade-clear {\n display: block;\n }\n }\n .bk-cascade-loading {\n position: absolute;\n right: 9px;\n top: 8px;\n width: 18px;\n height: 18px;\n }\n .bk-cascade-angle {\n position: absolute;\n right: 2px;\n top: 4px;\n color: #979ba5;\n font-size: $iconNormalSize;\n transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n }\n .bk-cascade-clear {\n display: none;\n position: absolute;\n right: 6px;\n top: 8px;\n width: 14px;\n height: 14px;\n line-height: 14px;\n background-color: #c4c6cc;\n border-radius: 50%;\n text-align: center;\n font-size: $iconSmallestSize;\n color: #fff;\n z-index: 100;\n &:before {\n display: block;\n transform: scale(.7);\n }\n &:hover {\n background-color: #979ba5;\n }\n }\n .bk-cascade-name {\n height: 30px;\n padding: 0 36px 0 11px;\n @mixin ellipsis 100%, block;\n }\n .bk-tooltip.bk-cascade-dropdown {\n display: block;\n & > .bk-tooltip-ref {\n display: block;\n }\n }\n}\n.bk-cascade-dropdown-content {\n border: 1px solid $newGreyColor1;\n border-radius: 2px;\n line-height: 32px;\n background: #fff;\n color: $fnMainColor;\n overflow: hidden;\n}\n.bk-cascade-search-input {\n width: 100%;\n height: 32px;\n /*padding: 0 10px;*/\n border: none;\n /*border-bottom: 1px solid $newGreyColor1;*/\n font-size: 12px;\n outline: 0;\n cursor: text;\n &::-webkit-input-placeholder {\n color: $fnMinorColor;\n }\n}\n.bk-cascade-options {\n padding: 0;\n list-style: none;\n overflow-y: auto;\n @mixin scroller;\n &.bk-options-single {\n .bk-option {\n &:hover,\n &.is-highlight {\n background-color: $hoverBackground;\n }\n &.is-selected {\n background-color: $selectedBackground;\n }\n }\n }\n .bk-option-group {\n .bk-option-group-name {\n margin: 0 16px;\n border-bottom: 1px solid $newGreyColor1;\n color: $newBlackColor3;\n }\n }\n .bk-group-options {\n margin: 0;\n padding: 0;\n list-style: none;\n .bk-option {\n padding: 0 12px;\n }\n }\n .bk-option {\n position: relative;\n cursor: pointer;\n &:hover,\n &.is-highlight {\n color: $newMainColor;\n background-color: $hoverBackground;\n }\n &.is-disabled {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: $disabledBackground;\n }\n &.is-selected {\n color: $newMainColor;\n background-color: $selectedBackground;\n }\n &.is-selected.is-disabled {\n background-color: $disabledBackground;\n color: $disabledColor;\n .bk-option-icon {\n color: $disabledColor;\n }\n }\n }\n .bk-option-content {\n position: relative;\n padding: 0 16px;\n .bk-option-content-default {\n font-size: 0;\n }\n .bk-option-name {\n @mixin ellipsis 100%, inline-block;\n vertical-align: middle;\n font-size: 12px;\n }\n .bk-option-icon {\n position: absolute;\n right: 12px;\n top: 12px;\n color: $newMainColor;\n font-size: 12px;\n font-weight: bold;\n }\n }\n}\n\n.bk-cascade-empty {\n padding: 0 10px;\n font-size: 12px;\n}\n\n.bk-cascade-extension {\n font-size: 12px;\n padding: 0 16px;\n border-radius:0px 0px 1px 1px;\n border-top: 1px solid $newGreyColor1;\n background: $newGreyColor3;\n &:hover {\n background-color: #f0f1f5;\n }\n}\n\n.tippy-tooltip.bk-cascade-dropdown-theme[data-size=small] {\n padding: 0;\n box-shadow: 0 3px 9px 0 rgba(0,0,0,.1);\n .tippy-arrow {\n display: none;\n }\n}\n\n/* cascade其他样式 */\n.bk-cacade-search {\n\tborder: none;\n}\n.bk-cascade-panel {\n height: 100%;\n display: flex;\n\t.bk-cascade-panel-ul {\n\t\tfloat: left;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tlist-style: none;\n\t\toverflow-y: auto;\n\t\t@mixin scroller;\n\t}\n\t.bk-cascade-border {\n\t\tborder-right: 1px solid #DCDEE5;\n\t}\n\t.bk-option {\n\t\tposition: relative;\n\t\t.bk-cascade-right {\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\tright: 5px;\n font-size: 20px;\n color: #979BA5;\n\t\t}\n\t}\n\t.is-multiple {\n\t\tbackground-color: #fff!important;\n\t}\n}\n.bk-option-none {\n display: block;\n font-size: 12px;\n line-height: 32px;\n text-align: center;\n color: #63656E;\n}\n.bk-cascade-search {\n\theight: calc(100% - 36px);\n}\n.bk-option-content {\n\tposition: relative;\n\t.bk-cascade-check {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 16px;\n\t}\n\t.bk-margin-left {\n\t\tmargin-left: 26px;\n\t}\n}\n.bk-cascade-tag-list {\n padding: 5px 36px 0px 10px;\n min-height: 30px;\n @mixin clearfix;\n .bk-cascade-tag-item {\n display: inline-block;\n cursor: pointer;\n position: relative;\n margin: 0 6px 5px 0;\n border-radius: 2px;\n float: left;\n height: 22px;\n line-height: 22px;\n overflow: hidden;\n background-color: $itemBackground;\n &:hover {\n background-color: #dcdee5;\n .remove-key {\n color: $fnMainColor;\n }\n }\n }\n .bk-cascade-item-name {\n display: inline-block;\n color: $fnMainColor;\n font-size: 12px;\n border: none;\n vertical-align: middle;\n box-sizing: border-box;\n overflow: hidden;\n border-radius: 2px;\n padding: 0 5px;\n min-height: 21px;\n line-height: 19px;\n word-break: break-all;\n max-width: 150px;\n overflow: hidden;\n display: inline-block;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .remove-key {\n position: absolute;\n width: 18px;\n height: 16px;\n top: 3px;\n right: 4px;\n display: inline-block;\n text-align: center;\n .icon-close {\n color: #979ba5;\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n text-align: center;\n cursor: pointer;\n font-size: 18px;\n }\n }\n}\n.bk-button-icon-loading {\n position: relative;\n top: 2px;\n color: #3A84FF;\n .loading {\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: #ffffff;\n border-radius: 50%;\n animation: button-icon-loading 1s linear infinite;\n margin: -7px auto 0;\n display: inline-block;\n }\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n * @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n display: $display;\n max-width: $maxWidth;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","/**\n * @file scroller mixin\n *\n * usage:\n * @mixin scroller;\n * @mixin scroller red;\n * @mixin scroller green, 2px;\n */\n\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\n &::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n &::-webkit-scrollbar-thumb {\n min-height: 24px;\n border-radius: 3px;\n background-color: $backgroundColor;\n }\n}\n","/**\n * @file clearfix mixin\n *\n * usage:\n * @mixin clearfix;\n */\n\n@define-mixin clearfix {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n font-size: 0;\n height: 0;\n visibility: hidden;\n }\n}\n"]}
1
+ {"version":3,"sources":["cascade.css","mixins/ellipsis.css","mixins/scroller.css","mixins/clearfix.css"],"names":[],"mappings":"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","file":"cascade.min.css","sourcesContent":["@import \"./variable.css\";\n@import \"./mixins/scroller.css\";\n@import \"./mixins/clearfix.css\";\n@import \"./mixins/ellipsis\";\n\n$selectedBackground: #f4f6fa;\n$hoverBackground: #eaf3ff;\n$disabledBackground: #fff;\n$singleSelectedBackground: #eaf3ff;\n$disabledColor: #c4c6cc;\n$itemBackground: #F0F1F5;\n\n.bk-cascade {\n position: relative;\n border: 1px solid $newGreyColor;\n border-radius: 2px;\n line-height: 30px;\n font-size: 12px;\n color: $newBlackColor2;\n cursor: pointer;\n &.is-default-trigger.is-unselected:before {\n position: absolute;\n height: 100%;\n content: attr(data-placeholder);\n left: 11px;\n top: 0;\n color: $fnMinorColor;\n pointer-events: none;\n }\n &.is-focus {\n border-color: $newMainColor;\n box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n .bk-cascade-angle {\n transform: rotate(-180deg);\n }\n }\n &:focus {\n border-color: $newMainColor;\n box-shadow:0px 0px 4px rgba(58, 132, 255, 0.4);\n }\n &.is-disabled {\n background-color: #fafafa;\n color: #c4c6cc;\n cursor: not-allowed;\n }\n &.is-custom-trigger {\n border: none;\n box-shadow: none;\n }\n &.is-readonly,\n &.is-loading {\n background-color: #fafafa;\n cursor: default;\n }\n &:hover {\n .bk-cascade-clear {\n display: block;\n }\n }\n .bk-cascade-loading {\n position: absolute;\n right: 9px;\n top: 8px;\n width: 18px;\n height: 18px;\n }\n .bk-cascade-angle {\n position: absolute;\n right: 2px;\n top: 4px;\n color: #979ba5;\n font-size: $iconNormalSize;\n transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);\n pointer-events: none;\n }\n .bk-cascade-clear {\n display: none;\n position: absolute;\n right: 6px;\n top: 8px;\n width: 14px;\n height: 14px;\n line-height: 14px;\n background-color: #c4c6cc;\n border-radius: 50%;\n text-align: center;\n font-size: $iconSmallestSize;\n color: #fff;\n z-index: 100;\n &:before {\n display: block;\n transform: scale(.7);\n }\n &:hover {\n background-color: #979ba5;\n }\n }\n .bk-cascade-name {\n height: 30px;\n padding: 0 36px 0 11px;\n @mixin ellipsis 100%, block;\n }\n .bk-tooltip.bk-cascade-dropdown {\n display: block;\n & > .bk-tooltip-ref {\n display: block;\n }\n }\n}\n.bk-cascade-dropdown-content {\n border: 1px solid $newGreyColor1;\n border-radius: 2px;\n line-height: 32px;\n background: #fff;\n color: $fnMainColor;\n overflow: hidden;\n}\n.bk-cascade-search-input {\n width: 100%;\n height: 32px;\n /*padding: 0 10px;*/\n border: none;\n /*border-bottom: 1px solid $newGreyColor1;*/\n font-size: 12px;\n outline: 0;\n cursor: text;\n &::-webkit-input-placeholder {\n color: $fnMinorColor;\n }\n}\n.bk-cascade-options {\n padding: 0;\n list-style: none;\n overflow-y: auto;\n @mixin scroller;\n &.bk-options-single {\n .bk-option {\n &:hover,\n &.is-highlight {\n background-color: $hoverBackground;\n }\n &.is-selected {\n background-color: $selectedBackground;\n }\n }\n }\n .bk-option-group {\n .bk-option-group-name {\n margin: 0 16px;\n border-bottom: 1px solid $newGreyColor1;\n color: $newBlackColor3;\n }\n }\n .bk-group-options {\n margin: 0;\n padding: 0;\n list-style: none;\n .bk-option {\n padding: 0 12px;\n }\n }\n .bk-option {\n position: relative;\n cursor: pointer;\n &:hover,\n &.is-highlight {\n color: $newMainColor;\n background-color: $hoverBackground;\n }\n &.is-disabled {\n color: #c4c6cc;\n cursor: not-allowed;\n background-color: $disabledBackground;\n }\n &.is-selected {\n color: $newMainColor;\n background-color: $selectedBackground;\n }\n &.is-selected.is-disabled {\n background-color: $disabledBackground;\n color: $disabledColor;\n .bk-option-icon {\n color: $disabledColor;\n }\n }\n }\n .bk-option-content {\n position: relative;\n padding: 0 16px;\n .bk-option-content-default {\n font-size: 0;\n }\n .bk-option-name {\n @mixin ellipsis 100%, inline-block;\n vertical-align: middle;\n font-size: 12px;\n }\n .bk-option-icon {\n position: absolute;\n right: 12px;\n top: 12px;\n color: $newMainColor;\n font-size: 12px;\n font-weight: bold;\n }\n }\n}\n\n.bk-cascade-empty {\n padding: 0 10px;\n font-size: 12px;\n}\n\n.bk-cascade-extension {\n font-size: 12px;\n padding: 0 16px;\n border-radius: 0px 0px 1px 1px;\n border-top: 1px solid $newGreyColor1;\n background: $newGreyColor3;\n i {\n font-size: 12px;\n }\n &:hover {\n background-color: #f0f1f5;\n }\n}\n\n.tippy-tooltip.bk-cascade-dropdown-theme[data-size=small] {\n padding: 0;\n box-shadow: 0 3px 9px 0 rgba(0,0,0,.1);\n .tippy-arrow {\n display: none;\n }\n}\n\n/* cascade其他样式 */\n.bk-cacade-search {\n\tborder: none;\n}\n.bk-cascade-panel {\n height: 100%;\n display: flex;\n\t.bk-cascade-panel-ul {\n\t\tfloat: left;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tlist-style: none;\n\t\toverflow-y: auto;\n\t\t@mixin scroller;\n\t}\n\t.bk-cascade-border {\n\t\tborder-right: 1px solid #DCDEE5;\n\t}\n\t.bk-option {\n\t\tposition: relative;\n\t\t.bk-cascade-right {\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\tright: 5px;\n font-size: 20px;\n color: #979BA5;\n\t\t}\n &:first-of-type {\n margin-top: 4px;\n }\n &:last-of-type {\n margin-bottom: 4px;\n }\n\t}\n\t.is-multiple {\n\t\tbackground-color: #fff!important;\n\t}\n}\n.bk-option-none {\n display: block;\n font-size: 12px;\n line-height: 32px;\n text-align: center;\n color: #63656E;\n}\n.bk-cascade-search {\n\theight: calc(100% - 36px);\n}\n.bk-option-content {\n\tposition: relative;\n\t.bk-cascade-check {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 16px;\n\t}\n\t.bk-margin-left {\n\t\tmargin-left: 26px;\n\t}\n}\n.bk-cascade-tag-list {\n padding: 5px 36px 0px 10px;\n min-height: 30px;\n @mixin clearfix;\n .bk-cascade-tag-item {\n display: inline-block;\n cursor: pointer;\n position: relative;\n margin: 0 6px 5px 0;\n border-radius: 2px;\n float: left;\n height: 22px;\n line-height: 22px;\n overflow: hidden;\n background-color: $itemBackground;\n &:hover {\n background-color: #dcdee5;\n .remove-key {\n color: $fnMainColor;\n }\n }\n }\n .bk-cascade-item-name {\n display: inline-block;\n color: $fnMainColor;\n font-size: 12px;\n border: none;\n vertical-align: middle;\n box-sizing: border-box;\n overflow: hidden;\n border-radius: 2px;\n padding: 0 5px;\n min-height: 21px;\n line-height: 19px;\n word-break: break-all;\n max-width: 150px;\n overflow: hidden;\n display: inline-block;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .remove-key {\n position: absolute;\n width: 18px;\n height: 16px;\n top: 3px;\n right: 4px;\n display: inline-block;\n text-align: center;\n .icon-close {\n color: #979ba5;\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n text-align: center;\n cursor: pointer;\n font-size: 18px;\n }\n }\n}\n.bk-button-icon-loading {\n position: relative;\n top: 2px;\n color: #3A84FF;\n .loading {\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: #ffffff;\n border-radius: 50%;\n animation: button-icon-loading 1s linear infinite;\n margin: -7px auto 0;\n display: inline-block;\n }\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n * @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n display: $display;\n max-width: $maxWidth;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","/**\n * @file scroller mixin\n *\n * usage:\n * @mixin scroller;\n * @mixin scroller red;\n * @mixin scroller green, 2px;\n */\n\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\n &::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n }\n &::-webkit-scrollbar-thumb {\n min-height: 24px;\n border-radius: 3px;\n background-color: $backgroundColor;\n }\n}\n","/**\n * @file clearfix mixin\n *\n * usage:\n * @mixin clearfix;\n */\n\n@define-mixin clearfix {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n font-size: 0;\n height: 0;\n visibility: hidden;\n }\n}\n"]}