bk-magic-vue 2.3.2-beta.4 → 2.3.2-beta.6

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 (111) hide show
  1. package/dist/bk-magic-vue.css +4 -4
  2. package/dist/bk-magic-vue.js +1507 -2471
  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/alert.js +5 -11
  10. package/lib/animate-number.js +2 -9
  11. package/lib/badge.js +7 -25
  12. package/lib/big-tree.js +2549 -2788
  13. package/lib/breadcrumb-item.js +3 -10
  14. package/lib/breadcrumb.js +1 -9
  15. package/lib/button.js +1 -9
  16. package/lib/card.js +41 -70
  17. package/lib/cascade.js +442 -698
  18. package/lib/checkbox-group.js +2 -16
  19. package/lib/checkbox.js +972 -1179
  20. package/lib/col.js +9 -17
  21. package/lib/collapse-item.js +1 -10
  22. package/lib/collapse.js +1 -9
  23. package/lib/color-picker.js +38 -96
  24. package/lib/compose-form-item.js +1 -4
  25. package/lib/container.js +3 -11
  26. package/lib/date-picker.js +202 -330
  27. package/lib/dialog.js +2572 -2782
  28. package/lib/diff.js +2 -10
  29. package/lib/directives/clickoutside.js +2 -2
  30. package/lib/directives/overflow-tips.js +57 -73
  31. package/lib/directives/tooltips.js +65 -79
  32. package/lib/directives/transfer-dom.js +1 -4
  33. package/lib/divider.js +1 -9
  34. package/lib/dropdown-menu.js +7 -17
  35. package/lib/exception.js +5 -14
  36. package/lib/fixed-navbar.js +2 -13
  37. package/lib/form-item.js +253 -483
  38. package/lib/form.js +5 -22
  39. package/lib/icon.js +4 -5
  40. package/lib/image-viewer.js +22 -35
  41. package/lib/image.js +45 -72
  42. package/lib/info-box.js +2701 -2918
  43. package/lib/input.js +10 -33
  44. package/lib/link.js +1 -9
  45. package/lib/loading.js +9 -21
  46. package/lib/locale/index.js +5 -11
  47. package/lib/message.js +10 -22
  48. package/lib/navigation-menu-group.js +0 -4
  49. package/lib/navigation-menu-item.js +6 -19
  50. package/lib/navigation-menu.js +1046 -1252
  51. package/lib/navigation.js +34 -39
  52. package/lib/notify.js +20 -34
  53. package/lib/option-group.js +5 -10
  54. package/lib/option.js +15 -20
  55. package/lib/pagination.js +6706 -7013
  56. package/lib/popconfirm.js +66 -83
  57. package/lib/popover.js +55 -66
  58. package/lib/process.js +2 -17
  59. package/lib/progress.js +4 -10
  60. package/lib/radio-button.js +6 -13
  61. package/lib/radio-group.js +2 -9
  62. package/lib/radio.js +6 -13
  63. package/lib/rate.js +5 -21
  64. package/lib/resize-layout.js +11 -20
  65. package/lib/round-progress.js +1 -9
  66. package/lib/row.js +5 -18
  67. package/lib/search-select.js +409 -635
  68. package/lib/select.js +5989 -6261
  69. package/lib/sideslider.js +1560 -1769
  70. package/lib/slider.js +78 -127
  71. package/lib/star.js +3 -11
  72. package/lib/steps.js +1754 -1961
  73. package/lib/swiper.js +20 -33
  74. package/lib/switcher.js +3 -12
  75. package/lib/tab-panel.js +2 -9
  76. package/lib/tab.js +2330 -2536
  77. package/lib/table-column.js +328 -547
  78. package/lib/table-setting-content.js +321 -558
  79. package/lib/table.js +566 -917
  80. package/lib/tag-input.js +397 -649
  81. package/lib/tag.js +2 -10
  82. package/lib/time-picker.js +144 -219
  83. package/lib/timeline.js +23 -35
  84. package/lib/transfer.js +111 -161
  85. package/lib/transition.js +1 -9
  86. package/lib/tree.js +31 -75
  87. package/lib/ui/bk-magic-vue.css +4 -4
  88. package/lib/ui/bk-magic-vue.min.css +1 -1
  89. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  90. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  91. package/lib/ui/button.css +1 -1
  92. package/lib/ui/button.min.css +1 -1
  93. package/lib/ui/button.min.css.map +1 -1
  94. package/lib/ui/dialog.css +2 -2
  95. package/lib/ui/dialog.min.css +1 -1
  96. package/lib/ui/dialog.min.css.map +1 -1
  97. package/lib/ui/info-box.css +2 -2
  98. package/lib/ui/info-box.min.css +1 -1
  99. package/lib/ui/info-box.min.css.map +1 -1
  100. package/lib/ui/popconfirm.css +1 -1
  101. package/lib/ui/popconfirm.min.css +1 -1
  102. package/lib/ui/popconfirm.min.css.map +1 -1
  103. package/lib/upload.js +63 -87
  104. package/lib/utils/deepmerge.js +5 -11
  105. package/lib/utils/pinyin.js +5 -11
  106. package/lib/utils/pop-manager.js +2 -2
  107. package/lib/utils/tippy.js +48 -49
  108. package/lib/version-detail.js +5854 -6081
  109. package/lib/virtual-scroll.js +17 -23
  110. package/lib/zoom-image.js +3 -11
  111. package/package.json +1 -1
package/lib/ui/button.css CHANGED
@@ -19,7 +19,7 @@
19
19
  text-decoration:none;
20
20
  -webkit-transition:background-color ease 0.3s;
21
21
  transition:background-color ease 0.3s;
22
- min-width:68px;
22
+ min-width:64px;
23
23
  position:relative;
24
24
  }
25
25
 
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:68px;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-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-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-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-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-button-loading{width:58px;display:inline-block}.bk-button-text .bk-button-loading div{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-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-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:#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-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-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-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-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-button-loading{width:58px;display:inline-block}.bk-button-text .bk-button-loading div{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-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-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: 68px;\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-icon {\n width: 16px;\n min-width: 16px;\n margin-right: 5px;\n display: inline-block;\n } */\n\n .bk-button-loading {\n width: 58px;\n display: inline-block;\n div {\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 }\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-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 }\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: $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-icon {\n width: 16px;\n min-width: 16px;\n margin-right: 5px;\n display: inline-block;\n } */\n\n .bk-button-loading {\n width: 58px;\n display: inline-block;\n div {\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 }\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-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 }\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/dialog.css CHANGED
@@ -202,7 +202,7 @@
202
202
  }
203
203
 
204
204
  .bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button{
205
- min-width:76px;
205
+ min-width:64px;
206
206
  }
207
207
 
208
208
  .bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button + button{
@@ -239,7 +239,7 @@
239
239
  }
240
240
 
241
241
  .bk-dialog-wrapper .bk-info-box .bk-dialog-footer button{
242
- min-width:96px;
242
+ min-width:88px;
243
243
  }
244
244
 
245
245
  .bk-dialog-wrapper .bk-info-box .bk-dialog-loading{
package/lib/ui/dialog.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-dialog-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1000}.bk-dialog-mask.show-active{display:block;-webkit-animation:mask-fading .4s;animation:mask-fading .4s}.bk-dialog-mask.hide-active{display:none;-webkit-animation:mask-hidding .4s;animation:mask-hidding .4s}.bk-dialog-hidden{display:none!important}.bk-dialog-wrapper{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.bk-dialog-wrapper.bk-dialog-no-mask{pointer-events:none}.bk-dialog-wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bk-dialog-wrapper .bk-dialog{width:auto;margin:0 auto;position:relative;outline:none;top:200px}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen{width:100%!important;top:0;bottom:0;position:absolute}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-content{width:100%;border-radius:0;position:absolute;top:0;bottom:0;margin-bottom:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-body{width:100%;overflow:auto;position:absolute;top:51px;bottom:61px}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-footer{position:absolute;width:100%;bottom:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen.bk-dialog-fullscreen-no-header .bk-dialog-body{top:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen.bk-dialog-fullscreen-no-footer .bk-dialog-body{bottom:0}.bk-dialog-wrapper .bk-dialog-tool{min-height:30px;position:relative}.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close{z-index:1;cursor:pointer;position:absolute;color:#979ba5;top:5px;right:5px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-weight:700;font-size:22px}.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close:hover{background-color:#f0f1f5}.bk-dialog-wrapper .bk-dialog-header{padding:3px 24px 24px;line-height:1.1;text-align:center}.bk-dialog-wrapper .bk-dialog-header .bk-dialog-header-inner,.bk-dialog-wrapper .bk-dialog-header p{display:inline-block;width:100%;font-size:24px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bk-dialog-wrapper .bk-dialog-header .header-aside{font-size:20px}.bk-dialog-wrapper .bk-dialog-header p i,.bk-dialog-wrapper .bk-dialog-header p span{vertical-align:middle}.bk-dialog-wrapper .header-on-left{margin-top:-14px;font-size:20px}.bk-dialog-wrapper .header-on-left div,.bk-dialog-wrapper .header-on-left p{font-size:20px}.bk-dialog-wrapper .bk-dialog-body{padding:3px 24px 26px;font-size:14px;line-height:1.5;color:#63656e}.bk-dialog-wrapper .bk-dialog-content{position:relative;background-color:#fff;border:0;border-radius:2px;background-clip:padding-box;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-no-mask{pointer-events:auto}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-drag{position:absolute}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-drag .bk-dialog-tool{cursor:move}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bk-dialog-wrapper .bk-dialog-footer{padding:12px 24px;background-color:#fafbfd;border-top:1px solid #dcdee5;border-radius:2px}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper{font-size:0}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button{min-width:76px}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button+button{margin-left:8px;margin-bottom:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-header{padding:20px 30px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header{padding:5px 50px 21px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header .bk-dialog-header-inner{font-size:14px;color:#63656e;line-height:1.5;text-align:center;word-break:break-all}.bk-dialog-wrapper .bk-info-box .bk-dialog-body{padding:3px 24px 30px}.bk-dialog-wrapper .bk-info-box .bk-dialog-footer{text-align:center;padding:0 65px 40px;background-color:#fff;border:none;border-radius:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-footer button{min-width:96px}.bk-dialog-wrapper .bk-info-box .bk-dialog-loading{width:58px;height:58px;line-height:58px;font-size:30px;border-radius:50%;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-body{padding:8px 24px 15px;font-size:14px;line-height:1.5;color:#63656e;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-body.loading{padding:3px 24px 15px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header{padding:3px 24px 32px;line-height:1;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header.has-sub-header,.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header.loading{padding:3px 24px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header .header{display:inline-block;width:100%;font-size:24px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header .bk-dialog-header-loading-sub{font-size:14px;margin-top:5px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header{padding:3px 24px 32px;line-height:1;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header.loading{padding:3px 24px 32px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header .header{display:inline-block;width:100%;font-size:14px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark{display:block;margin:0 auto}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error,.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success,.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{width:58px;height:58px;line-height:58px;font-size:30px;color:#fff;border-radius:50%}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{background-color:#ffb848}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error{background-color:#ff5656}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success{background-color:#2dcb56}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mask-fading{0%{display:block;background-color:transparent}to{background-color:rgba(0,0,0,.6)}}@keyframes mask-fading{0%{display:block;background-color:transparent}to{background-color:rgba(0,0,0,.6)}}@-webkit-keyframes mask-hidding{0%{background-color:rgba(0,0,0,.6);display:block}to{background-color:transparent;display:none}}@keyframes mask-hidding{0%{background-color:rgba(0,0,0,.6);display:block}to{background-color:transparent;display:none}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.bk-dialog{width:auto!important;margin:10px}}
1
+ .bk-dialog-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1000}.bk-dialog-mask.show-active{display:block;-webkit-animation:mask-fading .4s;animation:mask-fading .4s}.bk-dialog-mask.hide-active{display:none;-webkit-animation:mask-hidding .4s;animation:mask-hidding .4s}.bk-dialog-hidden{display:none!important}.bk-dialog-wrapper{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.bk-dialog-wrapper.bk-dialog-no-mask{pointer-events:none}.bk-dialog-wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bk-dialog-wrapper .bk-dialog{width:auto;margin:0 auto;position:relative;outline:none;top:200px}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen{width:100%!important;top:0;bottom:0;position:absolute}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-content{width:100%;border-radius:0;position:absolute;top:0;bottom:0;margin-bottom:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-body{width:100%;overflow:auto;position:absolute;top:51px;bottom:61px}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-footer{position:absolute;width:100%;bottom:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen.bk-dialog-fullscreen-no-header .bk-dialog-body{top:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen.bk-dialog-fullscreen-no-footer .bk-dialog-body{bottom:0}.bk-dialog-wrapper .bk-dialog-tool{min-height:30px;position:relative}.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close{z-index:1;cursor:pointer;position:absolute;color:#979ba5;top:5px;right:5px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-weight:700;font-size:22px}.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close:hover{background-color:#f0f1f5}.bk-dialog-wrapper .bk-dialog-header{padding:3px 24px 24px;line-height:1.1;text-align:center}.bk-dialog-wrapper .bk-dialog-header .bk-dialog-header-inner,.bk-dialog-wrapper .bk-dialog-header p{display:inline-block;width:100%;font-size:24px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bk-dialog-wrapper .bk-dialog-header .header-aside{font-size:20px}.bk-dialog-wrapper .bk-dialog-header p i,.bk-dialog-wrapper .bk-dialog-header p span{vertical-align:middle}.bk-dialog-wrapper .header-on-left{margin-top:-14px;font-size:20px}.bk-dialog-wrapper .header-on-left div,.bk-dialog-wrapper .header-on-left p{font-size:20px}.bk-dialog-wrapper .bk-dialog-body{padding:3px 24px 26px;font-size:14px;line-height:1.5;color:#63656e}.bk-dialog-wrapper .bk-dialog-content{position:relative;background-color:#fff;border:0;border-radius:2px;background-clip:padding-box;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-no-mask{pointer-events:auto}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-drag{position:absolute}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-drag .bk-dialog-tool{cursor:move}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bk-dialog-wrapper .bk-dialog-footer{padding:12px 24px;background-color:#fafbfd;border-top:1px solid #dcdee5;border-radius:2px}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper{font-size:0}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button{min-width:64px}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button+button{margin-left:8px;margin-bottom:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-header{padding:20px 30px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header{padding:5px 50px 21px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header .bk-dialog-header-inner{font-size:14px;color:#63656e;line-height:1.5;text-align:center;word-break:break-all}.bk-dialog-wrapper .bk-info-box .bk-dialog-body{padding:3px 24px 30px}.bk-dialog-wrapper .bk-info-box .bk-dialog-footer{text-align:center;padding:0 65px 40px;background-color:#fff;border:none;border-radius:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-footer button{min-width:88px}.bk-dialog-wrapper .bk-info-box .bk-dialog-loading{width:58px;height:58px;line-height:58px;font-size:30px;border-radius:50%;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-body{padding:8px 24px 15px;font-size:14px;line-height:1.5;color:#63656e;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-body.loading{padding:3px 24px 15px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header{padding:3px 24px 32px;line-height:1;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header.has-sub-header,.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header.loading{padding:3px 24px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header .header{display:inline-block;width:100%;font-size:24px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header .bk-dialog-header-loading-sub{font-size:14px;margin-top:5px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header{padding:3px 24px 32px;line-height:1;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header.loading{padding:3px 24px 32px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header .header{display:inline-block;width:100%;font-size:14px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark{display:block;margin:0 auto}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error,.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success,.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{width:58px;height:58px;line-height:58px;font-size:30px;color:#fff;border-radius:50%}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{background-color:#ffb848}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error{background-color:#ff5656}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success{background-color:#2dcb56}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mask-fading{0%{display:block;background-color:transparent}to{background-color:rgba(0,0,0,.6)}}@keyframes mask-fading{0%{display:block;background-color:transparent}to{background-color:rgba(0,0,0,.6)}}@-webkit-keyframes mask-hidding{0%{background-color:rgba(0,0,0,.6);display:block}to{background-color:transparent;display:none}}@keyframes mask-hidding{0%{background-color:rgba(0,0,0,.6);display:block}to{background-color:transparent;display:none}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.bk-dialog{width:auto!important;margin:10px}}
2
2
  /*# sourceMappingURL=dialog.min.css.map */
package/lib/ui/dialog.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["dialog.css"],"names":[],"mappings":"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","file":"dialog.min.css","sourcesContent":["@import './variable.css';\n\n.bk-dialog-mask {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.6);\n height: 100%;\n z-index: 1000;\n\n &.show-active {\n display: block;\n animation: mask-fading .4s;\n }\n\n &.hide-active {\n display: none;\n animation: mask-hidding .4s;\n }\n}\n\n.bk-dialog-hidden {\n display: none !important;\n}\n\n.bk-dialog-wrapper {\n position: fixed;\n overflow: auto;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n &.bk-dialog-no-mask {\n pointer-events: none;\n }\n * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .bk-dialog {\n width: auto;\n margin: 0 auto;\n position: relative;\n outline: none;\n /* flex: 1; */\n top: 200px;\n\n &.bk-dialog-fullscreen {\n width: 100% !important;\n top: 0;\n bottom: 0;\n position: absolute;\n .bk-dialog-content {\n width: 100%;\n border-radius: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n margin-bottom: 0;\n }\n .bk-dialog-body {\n width: 100%;\n overflow: auto;\n position: absolute;\n top: 51px;\n bottom: 61px;\n }\n .bk-dialog-footer {\n position: absolute;\n width: 100%;\n bottom: 0;\n }\n &.bk-dialog-fullscreen-no-header {\n .bk-dialog-body {\n top: 0;\n }\n }\n &.bk-dialog-fullscreen-no-footer {\n .bk-dialog-body {\n bottom: 0;\n }\n }\n }\n }\n\n .bk-dialog-tool {\n min-height: 30px;\n position: relative;\n .bk-dialog-close {\n z-index: 1;\n cursor: pointer;\n position: absolute;\n color: $newBlackColor3;\n top: 5px;\n right: 5px;\n width: 26px;\n height: 26px;\n line-height: 26px;\n text-align: center;\n border-radius: 50%;\n font-weight: 700;\n font-size: $iconNormalSize;\n &:hover {\n background-color: $newGreyColor2;\n }\n }\n }\n\n .bk-dialog-header {\n padding: 3px 24px 24px 24px;\n line-height: 1.1;\n text-align: center;\n p,\n .bk-dialog-header-inner {\n display: inline-block;\n width: 100%;\n font-size: 24px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n }\n .header-aside {\n font-size: 20px;\n }\n p {\n i,\n span {\n vertical-align: middle;\n }\n }\n }\n\n .header-on-left {\n margin-top: -14px;\n font-size: 20px;\n p, div {\n font-size: 20px;\n }\n }\n\n .bk-dialog-body {\n padding: 3px 24px 26px;\n font-size: 14px;\n line-height: 1.5;\n color: $newBlackColor2;\n }\n\n .bk-dialog-content {\n position: relative;\n background-color: $defaultColor;\n border: 0;\n border-radius: 2px;\n background-clip: padding-box;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n &.bk-dialog-content-no-mask {\n pointer-events: auto;\n }\n &.bk-dialog-content-drag {\n position: absolute;\n .bk-dialog-tool {\n cursor: move;\n }\n }\n &.bk-dialog-content-dragging {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n }\n\n .bk-dialog-footer {\n padding: 12px 24px 12px 24px;\n background-color: $newGreyColor3;\n border-top: 1px solid $newGreyColor1;\n border-radius: 2px;\n .footer-wrapper {\n font-size: 0;\n button {\n min-width: 76px;\n }\n button + button {\n margin-left: 8px;\n margin-bottom: 0;\n }\n }\n }\n\n .bk-info-box {\n .bk-dialog-header {\n padding: 20px 30px 10px 30px;\n }\n\n .bk-dialog-sub-header {\n padding: 5px 50px 21px 50px;\n .bk-dialog-header-inner {\n font-size: 14px;\n color: $newBlackColor2;\n line-height: 1.5;\n text-align: center;\n word-break: break-all;\n }\n }\n .bk-dialog-body {\n padding: 3px 24px 30px;\n }\n .bk-dialog-footer {\n text-align: center;\n padding: 0 65px 40px;\n background-color: #fff;\n border: none;\n border-radius: 0;\n button {\n min-width: 96px;\n }\n }\n .bk-dialog-loading {\n width: 58px;\n height: 58px;\n line-height: 58px;\n font-size: 30px;\n border-radius: 50%;\n animation: loading linear 1s infinite;\n }\n\n .bk-dialog-type-body {\n padding: 8px 24px 15px;\n font-size: 14px;\n line-height: 1.5;\n color: $newBlackColor2;\n text-align: center;\n &.loading {\n padding: 3px 24px 15px;\n }\n }\n\n .bk-dialog-type-header {\n padding: 3px 24px 32px 24px;\n line-height: 1;\n text-align: center;\n &.loading,\n &.has-sub-header {\n padding: 3px 24px 10px 24px;\n }\n .header {\n display: inline-block;\n width: 100%;\n font-size: 24px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5;\n margin: 0;\n }\n .bk-dialog-header-loading-sub {\n font-size: 14px;\n margin-top: 5px;\n }\n }\n\n .bk-dialog-type-sub-header {\n padding: 3px 24px 32px 24px;\n line-height: 1;\n text-align: center;\n &.loading {\n padding: 3px 24px 32px 24px;\n }\n .header {\n display: inline-block;\n width: 100%;\n font-size: 14px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5;\n margin: 0;\n }\n }\n\n .bk-dialog-mark {\n display: block;\n margin: 0 auto;\n &.bk-dialog-warning,\n &.bk-dialog-error,\n &.bk-dialog-success {\n width: 58px;\n height: 58px;\n line-height: 58px;\n font-size: 30px;\n color: #fff;\n border-radius: 50%;\n }\n &.bk-dialog-warning {\n background-color: $warningColor;\n }\n &.bk-dialog-error {\n background-color: $dangerColor;\n }\n &.bk-dialog-success {\n background-color: $successColor;\n }\n }\n }\n}\n\n/* loading 的动画 */\n@keyframes loading {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes mask-fading {\n 0% {\n display: block;\n background-color: rgba(0, 0, 0, 0);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.6);\n }\n}\n\n@keyframes mask-hidding {\n 0% {\n background-color: rgba(0, 0, 0, 0.6);\n display: block;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0);\n display: none;\n }\n}\n\n/* loading 的动画 */\n@-webkit-keyframes loading {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (max-width: 768px) {\n .bk-dialog {\n width: auto !important;\n margin: 10px;\n }\n}\n"]}
1
+ {"version":3,"sources":["dialog.css"],"names":[],"mappings":"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","file":"dialog.min.css","sourcesContent":["@import './variable.css';\n\n.bk-dialog-mask {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.6);\n height: 100%;\n z-index: 1000;\n\n &.show-active {\n display: block;\n animation: mask-fading .4s;\n }\n\n &.hide-active {\n display: none;\n animation: mask-hidding .4s;\n }\n}\n\n.bk-dialog-hidden {\n display: none !important;\n}\n\n.bk-dialog-wrapper {\n position: fixed;\n overflow: auto;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n &.bk-dialog-no-mask {\n pointer-events: none;\n }\n * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .bk-dialog {\n width: auto;\n margin: 0 auto;\n position: relative;\n outline: none;\n /* flex: 1; */\n top: 200px;\n\n &.bk-dialog-fullscreen {\n width: 100% !important;\n top: 0;\n bottom: 0;\n position: absolute;\n .bk-dialog-content {\n width: 100%;\n border-radius: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n margin-bottom: 0;\n }\n .bk-dialog-body {\n width: 100%;\n overflow: auto;\n position: absolute;\n top: 51px;\n bottom: 61px;\n }\n .bk-dialog-footer {\n position: absolute;\n width: 100%;\n bottom: 0;\n }\n &.bk-dialog-fullscreen-no-header {\n .bk-dialog-body {\n top: 0;\n }\n }\n &.bk-dialog-fullscreen-no-footer {\n .bk-dialog-body {\n bottom: 0;\n }\n }\n }\n }\n\n .bk-dialog-tool {\n min-height: 30px;\n position: relative;\n .bk-dialog-close {\n z-index: 1;\n cursor: pointer;\n position: absolute;\n color: $newBlackColor3;\n top: 5px;\n right: 5px;\n width: 26px;\n height: 26px;\n line-height: 26px;\n text-align: center;\n border-radius: 50%;\n font-weight: 700;\n font-size: $iconNormalSize;\n &:hover {\n background-color: $newGreyColor2;\n }\n }\n }\n\n .bk-dialog-header {\n padding: 3px 24px 24px 24px;\n line-height: 1.1;\n text-align: center;\n p,\n .bk-dialog-header-inner {\n display: inline-block;\n width: 100%;\n font-size: 24px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n }\n .header-aside {\n font-size: 20px;\n }\n p {\n i,\n span {\n vertical-align: middle;\n }\n }\n }\n\n .header-on-left {\n margin-top: -14px;\n font-size: 20px;\n p, div {\n font-size: 20px;\n }\n }\n\n .bk-dialog-body {\n padding: 3px 24px 26px;\n font-size: 14px;\n line-height: 1.5;\n color: $newBlackColor2;\n }\n\n .bk-dialog-content {\n position: relative;\n background-color: $defaultColor;\n border: 0;\n border-radius: 2px;\n background-clip: padding-box;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n &.bk-dialog-content-no-mask {\n pointer-events: auto;\n }\n &.bk-dialog-content-drag {\n position: absolute;\n .bk-dialog-tool {\n cursor: move;\n }\n }\n &.bk-dialog-content-dragging {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n }\n\n .bk-dialog-footer {\n padding: 12px 24px 12px 24px;\n background-color: $newGreyColor3;\n border-top: 1px solid $newGreyColor1;\n border-radius: 2px;\n .footer-wrapper {\n font-size: 0;\n button {\n min-width: 64px;\n }\n button + button {\n margin-left: 8px;\n margin-bottom: 0;\n }\n }\n }\n\n .bk-info-box {\n .bk-dialog-header {\n padding: 20px 30px 10px 30px;\n }\n\n .bk-dialog-sub-header {\n padding: 5px 50px 21px 50px;\n .bk-dialog-header-inner {\n font-size: 14px;\n color: $newBlackColor2;\n line-height: 1.5;\n text-align: center;\n word-break: break-all;\n }\n }\n .bk-dialog-body {\n padding: 3px 24px 30px;\n }\n .bk-dialog-footer {\n text-align: center;\n padding: 0 65px 40px;\n background-color: #fff;\n border: none;\n border-radius: 0;\n button {\n min-width: 88px;\n }\n }\n .bk-dialog-loading {\n width: 58px;\n height: 58px;\n line-height: 58px;\n font-size: 30px;\n border-radius: 50%;\n animation: loading linear 1s infinite;\n }\n\n .bk-dialog-type-body {\n padding: 8px 24px 15px;\n font-size: 14px;\n line-height: 1.5;\n color: $newBlackColor2;\n text-align: center;\n &.loading {\n padding: 3px 24px 15px;\n }\n }\n\n .bk-dialog-type-header {\n padding: 3px 24px 32px 24px;\n line-height: 1;\n text-align: center;\n &.loading,\n &.has-sub-header {\n padding: 3px 24px 10px 24px;\n }\n .header {\n display: inline-block;\n width: 100%;\n font-size: 24px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5;\n margin: 0;\n }\n .bk-dialog-header-loading-sub {\n font-size: 14px;\n margin-top: 5px;\n }\n }\n\n .bk-dialog-type-sub-header {\n padding: 3px 24px 32px 24px;\n line-height: 1;\n text-align: center;\n &.loading {\n padding: 3px 24px 32px 24px;\n }\n .header {\n display: inline-block;\n width: 100%;\n font-size: 14px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5;\n margin: 0;\n }\n }\n\n .bk-dialog-mark {\n display: block;\n margin: 0 auto;\n &.bk-dialog-warning,\n &.bk-dialog-error,\n &.bk-dialog-success {\n width: 58px;\n height: 58px;\n line-height: 58px;\n font-size: 30px;\n color: #fff;\n border-radius: 50%;\n }\n &.bk-dialog-warning {\n background-color: $warningColor;\n }\n &.bk-dialog-error {\n background-color: $dangerColor;\n }\n &.bk-dialog-success {\n background-color: $successColor;\n }\n }\n }\n}\n\n/* loading 的动画 */\n@keyframes loading {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes mask-fading {\n 0% {\n display: block;\n background-color: rgba(0, 0, 0, 0);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.6);\n }\n}\n\n@keyframes mask-hidding {\n 0% {\n background-color: rgba(0, 0, 0, 0.6);\n display: block;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0);\n display: none;\n }\n}\n\n/* loading 的动画 */\n@-webkit-keyframes loading {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (max-width: 768px) {\n .bk-dialog {\n width: auto !important;\n margin: 10px;\n }\n}\n"]}
package/lib/ui/info-box.css CHANGED
@@ -202,7 +202,7 @@
202
202
  }
203
203
 
204
204
  .bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button{
205
- min-width:76px;
205
+ min-width:64px;
206
206
  }
207
207
 
208
208
  .bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button + button{
@@ -239,7 +239,7 @@
239
239
  }
240
240
 
241
241
  .bk-dialog-wrapper .bk-info-box .bk-dialog-footer button{
242
- min-width:96px;
242
+ min-width:88px;
243
243
  }
244
244
 
245
245
  .bk-dialog-wrapper .bk-info-box .bk-dialog-loading{
package/lib/ui/info-box.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-dialog-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1000}.bk-dialog-mask.show-active{display:block;-webkit-animation:mask-fading .4s;animation:mask-fading .4s}.bk-dialog-mask.hide-active{display:none;-webkit-animation:mask-hidding .4s;animation:mask-hidding .4s}.bk-dialog-hidden{display:none!important}.bk-dialog-wrapper{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.bk-dialog-wrapper.bk-dialog-no-mask{pointer-events:none}.bk-dialog-wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bk-dialog-wrapper .bk-dialog{width:auto;margin:0 auto;position:relative;outline:none;top:200px}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen{width:100%!important;top:0;bottom:0;position:absolute}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-content{width:100%;border-radius:0;position:absolute;top:0;bottom:0;margin-bottom:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-body{width:100%;overflow:auto;position:absolute;top:51px;bottom:61px}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-footer{position:absolute;width:100%;bottom:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen.bk-dialog-fullscreen-no-header .bk-dialog-body{top:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen.bk-dialog-fullscreen-no-footer .bk-dialog-body{bottom:0}.bk-dialog-wrapper .bk-dialog-tool{min-height:30px;position:relative}.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close{z-index:1;cursor:pointer;position:absolute;color:#979ba5;top:5px;right:5px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-weight:700;font-size:22px}.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close:hover{background-color:#f0f1f5}.bk-dialog-wrapper .bk-dialog-header{padding:3px 24px 24px;line-height:1.1;text-align:center}.bk-dialog-wrapper .bk-dialog-header .bk-dialog-header-inner,.bk-dialog-wrapper .bk-dialog-header p{display:inline-block;width:100%;font-size:24px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bk-dialog-wrapper .bk-dialog-header .header-aside{font-size:20px}.bk-dialog-wrapper .bk-dialog-header p i,.bk-dialog-wrapper .bk-dialog-header p span{vertical-align:middle}.bk-dialog-wrapper .header-on-left{margin-top:-14px;font-size:20px}.bk-dialog-wrapper .header-on-left div,.bk-dialog-wrapper .header-on-left p{font-size:20px}.bk-dialog-wrapper .bk-dialog-body{padding:3px 24px 26px;font-size:14px;line-height:1.5;color:#63656e}.bk-dialog-wrapper .bk-dialog-content{position:relative;background-color:#fff;border:0;border-radius:2px;background-clip:padding-box;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-no-mask{pointer-events:auto}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-drag{position:absolute}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-drag .bk-dialog-tool{cursor:move}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bk-dialog-wrapper .bk-dialog-footer{padding:12px 24px;background-color:#fafbfd;border-top:1px solid #dcdee5;border-radius:2px}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper{font-size:0}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button{min-width:76px}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button+button{margin-left:8px;margin-bottom:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-header{padding:20px 30px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header{padding:5px 50px 21px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header .bk-dialog-header-inner{font-size:14px;color:#63656e;line-height:1.5;text-align:center;word-break:break-all}.bk-dialog-wrapper .bk-info-box .bk-dialog-body{padding:3px 24px 30px}.bk-dialog-wrapper .bk-info-box .bk-dialog-footer{text-align:center;padding:0 65px 40px;background-color:#fff;border:none;border-radius:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-footer button{min-width:96px}.bk-dialog-wrapper .bk-info-box .bk-dialog-loading{width:58px;height:58px;line-height:58px;font-size:30px;border-radius:50%;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-body{padding:8px 24px 15px;font-size:14px;line-height:1.5;color:#63656e;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-body.loading{padding:3px 24px 15px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header{padding:3px 24px 32px;line-height:1;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header.has-sub-header,.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header.loading{padding:3px 24px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header .header{display:inline-block;width:100%;font-size:24px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header .bk-dialog-header-loading-sub{font-size:14px;margin-top:5px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header{padding:3px 24px 32px;line-height:1;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header.loading{padding:3px 24px 32px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header .header{display:inline-block;width:100%;font-size:14px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark{display:block;margin:0 auto}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error,.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success,.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{width:58px;height:58px;line-height:58px;font-size:30px;color:#fff;border-radius:50%}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{background-color:#ffb848}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error{background-color:#ff5656}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success{background-color:#2dcb56}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mask-fading{0%{display:block;background-color:transparent}to{background-color:rgba(0,0,0,.6)}}@keyframes mask-fading{0%{display:block;background-color:transparent}to{background-color:rgba(0,0,0,.6)}}@-webkit-keyframes mask-hidding{0%{background-color:rgba(0,0,0,.6);display:block}to{background-color:transparent;display:none}}@keyframes mask-hidding{0%{background-color:rgba(0,0,0,.6);display:block}to{background-color:transparent;display:none}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.bk-dialog{width:auto!important;margin:10px}}
1
+ .bk-dialog-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1000}.bk-dialog-mask.show-active{display:block;-webkit-animation:mask-fading .4s;animation:mask-fading .4s}.bk-dialog-mask.hide-active{display:none;-webkit-animation:mask-hidding .4s;animation:mask-hidding .4s}.bk-dialog-hidden{display:none!important}.bk-dialog-wrapper{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.bk-dialog-wrapper.bk-dialog-no-mask{pointer-events:none}.bk-dialog-wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bk-dialog-wrapper .bk-dialog{width:auto;margin:0 auto;position:relative;outline:none;top:200px}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen{width:100%!important;top:0;bottom:0;position:absolute}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-content{width:100%;border-radius:0;position:absolute;top:0;bottom:0;margin-bottom:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-body{width:100%;overflow:auto;position:absolute;top:51px;bottom:61px}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen .bk-dialog-footer{position:absolute;width:100%;bottom:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen.bk-dialog-fullscreen-no-header .bk-dialog-body{top:0}.bk-dialog-wrapper .bk-dialog.bk-dialog-fullscreen.bk-dialog-fullscreen-no-footer .bk-dialog-body{bottom:0}.bk-dialog-wrapper .bk-dialog-tool{min-height:30px;position:relative}.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close{z-index:1;cursor:pointer;position:absolute;color:#979ba5;top:5px;right:5px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;font-weight:700;font-size:22px}.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close:hover{background-color:#f0f1f5}.bk-dialog-wrapper .bk-dialog-header{padding:3px 24px 24px;line-height:1.1;text-align:center}.bk-dialog-wrapper .bk-dialog-header .bk-dialog-header-inner,.bk-dialog-wrapper .bk-dialog-header p{display:inline-block;width:100%;font-size:24px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bk-dialog-wrapper .bk-dialog-header .header-aside{font-size:20px}.bk-dialog-wrapper .bk-dialog-header p i,.bk-dialog-wrapper .bk-dialog-header p span{vertical-align:middle}.bk-dialog-wrapper .header-on-left{margin-top:-14px;font-size:20px}.bk-dialog-wrapper .header-on-left div,.bk-dialog-wrapper .header-on-left p{font-size:20px}.bk-dialog-wrapper .bk-dialog-body{padding:3px 24px 26px;font-size:14px;line-height:1.5;color:#63656e}.bk-dialog-wrapper .bk-dialog-content{position:relative;background-color:#fff;border:0;border-radius:2px;background-clip:padding-box;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-no-mask{pointer-events:auto}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-drag{position:absolute}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-drag .bk-dialog-tool{cursor:move}.bk-dialog-wrapper .bk-dialog-content.bk-dialog-content-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bk-dialog-wrapper .bk-dialog-footer{padding:12px 24px;background-color:#fafbfd;border-top:1px solid #dcdee5;border-radius:2px}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper{font-size:0}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button{min-width:64px}.bk-dialog-wrapper .bk-dialog-footer .footer-wrapper button+button{margin-left:8px;margin-bottom:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-header{padding:20px 30px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header{padding:5px 50px 21px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header .bk-dialog-header-inner{font-size:14px;color:#63656e;line-height:1.5;text-align:center;word-break:break-all}.bk-dialog-wrapper .bk-info-box .bk-dialog-body{padding:3px 24px 30px}.bk-dialog-wrapper .bk-info-box .bk-dialog-footer{text-align:center;padding:0 65px 40px;background-color:#fff;border:none;border-radius:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-footer button{min-width:88px}.bk-dialog-wrapper .bk-info-box .bk-dialog-loading{width:58px;height:58px;line-height:58px;font-size:30px;border-radius:50%;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-body{padding:8px 24px 15px;font-size:14px;line-height:1.5;color:#63656e;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-body.loading{padding:3px 24px 15px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header{padding:3px 24px 32px;line-height:1;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header.has-sub-header,.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header.loading{padding:3px 24px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header .header{display:inline-block;width:100%;font-size:24px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-header .bk-dialog-header-loading-sub{font-size:14px;margin-top:5px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header{padding:3px 24px 32px;line-height:1;text-align:center}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header.loading{padding:3px 24px 32px}.bk-dialog-wrapper .bk-info-box .bk-dialog-type-sub-header .header{display:inline-block;width:100%;font-size:14px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin:0}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark{display:block;margin:0 auto}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error,.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success,.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{width:58px;height:58px;line-height:58px;font-size:30px;color:#fff;border-radius:50%}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{background-color:#ffb848}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error{background-color:#ff5656}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success{background-color:#2dcb56}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mask-fading{0%{display:block;background-color:transparent}to{background-color:rgba(0,0,0,.6)}}@keyframes mask-fading{0%{display:block;background-color:transparent}to{background-color:rgba(0,0,0,.6)}}@-webkit-keyframes mask-hidding{0%{background-color:rgba(0,0,0,.6);display:block}to{background-color:transparent;display:none}}@keyframes mask-hidding{0%{background-color:rgba(0,0,0,.6);display:block}to{background-color:transparent;display:none}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.bk-dialog{width:auto!important;margin:10px}}
2
2
  /*# sourceMappingURL=info-box.min.css.map */
package/lib/ui/info-box.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["dialog.css"],"names":[],"mappings":"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","file":"info-box.min.css","sourcesContent":["@import './variable.css';\n\n.bk-dialog-mask {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.6);\n height: 100%;\n z-index: 1000;\n\n &.show-active {\n display: block;\n animation: mask-fading .4s;\n }\n\n &.hide-active {\n display: none;\n animation: mask-hidding .4s;\n }\n}\n\n.bk-dialog-hidden {\n display: none !important;\n}\n\n.bk-dialog-wrapper {\n position: fixed;\n overflow: auto;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n &.bk-dialog-no-mask {\n pointer-events: none;\n }\n * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .bk-dialog {\n width: auto;\n margin: 0 auto;\n position: relative;\n outline: none;\n /* flex: 1; */\n top: 200px;\n\n &.bk-dialog-fullscreen {\n width: 100% !important;\n top: 0;\n bottom: 0;\n position: absolute;\n .bk-dialog-content {\n width: 100%;\n border-radius: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n margin-bottom: 0;\n }\n .bk-dialog-body {\n width: 100%;\n overflow: auto;\n position: absolute;\n top: 51px;\n bottom: 61px;\n }\n .bk-dialog-footer {\n position: absolute;\n width: 100%;\n bottom: 0;\n }\n &.bk-dialog-fullscreen-no-header {\n .bk-dialog-body {\n top: 0;\n }\n }\n &.bk-dialog-fullscreen-no-footer {\n .bk-dialog-body {\n bottom: 0;\n }\n }\n }\n }\n\n .bk-dialog-tool {\n min-height: 30px;\n position: relative;\n .bk-dialog-close {\n z-index: 1;\n cursor: pointer;\n position: absolute;\n color: $newBlackColor3;\n top: 5px;\n right: 5px;\n width: 26px;\n height: 26px;\n line-height: 26px;\n text-align: center;\n border-radius: 50%;\n font-weight: 700;\n font-size: $iconNormalSize;\n &:hover {\n background-color: $newGreyColor2;\n }\n }\n }\n\n .bk-dialog-header {\n padding: 3px 24px 24px 24px;\n line-height: 1.1;\n text-align: center;\n p,\n .bk-dialog-header-inner {\n display: inline-block;\n width: 100%;\n font-size: 24px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n }\n .header-aside {\n font-size: 20px;\n }\n p {\n i,\n span {\n vertical-align: middle;\n }\n }\n }\n\n .header-on-left {\n margin-top: -14px;\n font-size: 20px;\n p, div {\n font-size: 20px;\n }\n }\n\n .bk-dialog-body {\n padding: 3px 24px 26px;\n font-size: 14px;\n line-height: 1.5;\n color: $newBlackColor2;\n }\n\n .bk-dialog-content {\n position: relative;\n background-color: $defaultColor;\n border: 0;\n border-radius: 2px;\n background-clip: padding-box;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n &.bk-dialog-content-no-mask {\n pointer-events: auto;\n }\n &.bk-dialog-content-drag {\n position: absolute;\n .bk-dialog-tool {\n cursor: move;\n }\n }\n &.bk-dialog-content-dragging {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n }\n\n .bk-dialog-footer {\n padding: 12px 24px 12px 24px;\n background-color: $newGreyColor3;\n border-top: 1px solid $newGreyColor1;\n border-radius: 2px;\n .footer-wrapper {\n font-size: 0;\n button {\n min-width: 76px;\n }\n button + button {\n margin-left: 8px;\n margin-bottom: 0;\n }\n }\n }\n\n .bk-info-box {\n .bk-dialog-header {\n padding: 20px 30px 10px 30px;\n }\n\n .bk-dialog-sub-header {\n padding: 5px 50px 21px 50px;\n .bk-dialog-header-inner {\n font-size: 14px;\n color: $newBlackColor2;\n line-height: 1.5;\n text-align: center;\n word-break: break-all;\n }\n }\n .bk-dialog-body {\n padding: 3px 24px 30px;\n }\n .bk-dialog-footer {\n text-align: center;\n padding: 0 65px 40px;\n background-color: #fff;\n border: none;\n border-radius: 0;\n button {\n min-width: 96px;\n }\n }\n .bk-dialog-loading {\n width: 58px;\n height: 58px;\n line-height: 58px;\n font-size: 30px;\n border-radius: 50%;\n animation: loading linear 1s infinite;\n }\n\n .bk-dialog-type-body {\n padding: 8px 24px 15px;\n font-size: 14px;\n line-height: 1.5;\n color: $newBlackColor2;\n text-align: center;\n &.loading {\n padding: 3px 24px 15px;\n }\n }\n\n .bk-dialog-type-header {\n padding: 3px 24px 32px 24px;\n line-height: 1;\n text-align: center;\n &.loading,\n &.has-sub-header {\n padding: 3px 24px 10px 24px;\n }\n .header {\n display: inline-block;\n width: 100%;\n font-size: 24px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5;\n margin: 0;\n }\n .bk-dialog-header-loading-sub {\n font-size: 14px;\n margin-top: 5px;\n }\n }\n\n .bk-dialog-type-sub-header {\n padding: 3px 24px 32px 24px;\n line-height: 1;\n text-align: center;\n &.loading {\n padding: 3px 24px 32px 24px;\n }\n .header {\n display: inline-block;\n width: 100%;\n font-size: 14px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5;\n margin: 0;\n }\n }\n\n .bk-dialog-mark {\n display: block;\n margin: 0 auto;\n &.bk-dialog-warning,\n &.bk-dialog-error,\n &.bk-dialog-success {\n width: 58px;\n height: 58px;\n line-height: 58px;\n font-size: 30px;\n color: #fff;\n border-radius: 50%;\n }\n &.bk-dialog-warning {\n background-color: $warningColor;\n }\n &.bk-dialog-error {\n background-color: $dangerColor;\n }\n &.bk-dialog-success {\n background-color: $successColor;\n }\n }\n }\n}\n\n/* loading 的动画 */\n@keyframes loading {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes mask-fading {\n 0% {\n display: block;\n background-color: rgba(0, 0, 0, 0);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.6);\n }\n}\n\n@keyframes mask-hidding {\n 0% {\n background-color: rgba(0, 0, 0, 0.6);\n display: block;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0);\n display: none;\n }\n}\n\n/* loading 的动画 */\n@-webkit-keyframes loading {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (max-width: 768px) {\n .bk-dialog {\n width: auto !important;\n margin: 10px;\n }\n}\n"]}
1
+ {"version":3,"sources":["dialog.css"],"names":[],"mappings":"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","file":"info-box.min.css","sourcesContent":["@import './variable.css';\n\n.bk-dialog-mask {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.6);\n height: 100%;\n z-index: 1000;\n\n &.show-active {\n display: block;\n animation: mask-fading .4s;\n }\n\n &.hide-active {\n display: none;\n animation: mask-hidding .4s;\n }\n}\n\n.bk-dialog-hidden {\n display: none !important;\n}\n\n.bk-dialog-wrapper {\n position: fixed;\n overflow: auto;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1000;\n -webkit-overflow-scrolling: touch;\n outline: 0;\n &.bk-dialog-no-mask {\n pointer-events: none;\n }\n * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .bk-dialog {\n width: auto;\n margin: 0 auto;\n position: relative;\n outline: none;\n /* flex: 1; */\n top: 200px;\n\n &.bk-dialog-fullscreen {\n width: 100% !important;\n top: 0;\n bottom: 0;\n position: absolute;\n .bk-dialog-content {\n width: 100%;\n border-radius: 0;\n position: absolute;\n top: 0;\n bottom: 0;\n margin-bottom: 0;\n }\n .bk-dialog-body {\n width: 100%;\n overflow: auto;\n position: absolute;\n top: 51px;\n bottom: 61px;\n }\n .bk-dialog-footer {\n position: absolute;\n width: 100%;\n bottom: 0;\n }\n &.bk-dialog-fullscreen-no-header {\n .bk-dialog-body {\n top: 0;\n }\n }\n &.bk-dialog-fullscreen-no-footer {\n .bk-dialog-body {\n bottom: 0;\n }\n }\n }\n }\n\n .bk-dialog-tool {\n min-height: 30px;\n position: relative;\n .bk-dialog-close {\n z-index: 1;\n cursor: pointer;\n position: absolute;\n color: $newBlackColor3;\n top: 5px;\n right: 5px;\n width: 26px;\n height: 26px;\n line-height: 26px;\n text-align: center;\n border-radius: 50%;\n font-weight: 700;\n font-size: $iconNormalSize;\n &:hover {\n background-color: $newGreyColor2;\n }\n }\n }\n\n .bk-dialog-header {\n padding: 3px 24px 24px 24px;\n line-height: 1.1;\n text-align: center;\n p,\n .bk-dialog-header-inner {\n display: inline-block;\n width: 100%;\n font-size: 24px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n }\n .header-aside {\n font-size: 20px;\n }\n p {\n i,\n span {\n vertical-align: middle;\n }\n }\n }\n\n .header-on-left {\n margin-top: -14px;\n font-size: 20px;\n p, div {\n font-size: 20px;\n }\n }\n\n .bk-dialog-body {\n padding: 3px 24px 26px;\n font-size: 14px;\n line-height: 1.5;\n color: $newBlackColor2;\n }\n\n .bk-dialog-content {\n position: relative;\n background-color: $defaultColor;\n border: 0;\n border-radius: 2px;\n background-clip: padding-box;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n &.bk-dialog-content-no-mask {\n pointer-events: auto;\n }\n &.bk-dialog-content-drag {\n position: absolute;\n .bk-dialog-tool {\n cursor: move;\n }\n }\n &.bk-dialog-content-dragging {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n }\n\n .bk-dialog-footer {\n padding: 12px 24px 12px 24px;\n background-color: $newGreyColor3;\n border-top: 1px solid $newGreyColor1;\n border-radius: 2px;\n .footer-wrapper {\n font-size: 0;\n button {\n min-width: 64px;\n }\n button + button {\n margin-left: 8px;\n margin-bottom: 0;\n }\n }\n }\n\n .bk-info-box {\n .bk-dialog-header {\n padding: 20px 30px 10px 30px;\n }\n\n .bk-dialog-sub-header {\n padding: 5px 50px 21px 50px;\n .bk-dialog-header-inner {\n font-size: 14px;\n color: $newBlackColor2;\n line-height: 1.5;\n text-align: center;\n word-break: break-all;\n }\n }\n .bk-dialog-body {\n padding: 3px 24px 30px;\n }\n .bk-dialog-footer {\n text-align: center;\n padding: 0 65px 40px;\n background-color: #fff;\n border: none;\n border-radius: 0;\n button {\n min-width: 88px;\n }\n }\n .bk-dialog-loading {\n width: 58px;\n height: 58px;\n line-height: 58px;\n font-size: 30px;\n border-radius: 50%;\n animation: loading linear 1s infinite;\n }\n\n .bk-dialog-type-body {\n padding: 8px 24px 15px;\n font-size: 14px;\n line-height: 1.5;\n color: $newBlackColor2;\n text-align: center;\n &.loading {\n padding: 3px 24px 15px;\n }\n }\n\n .bk-dialog-type-header {\n padding: 3px 24px 32px 24px;\n line-height: 1;\n text-align: center;\n &.loading,\n &.has-sub-header {\n padding: 3px 24px 10px 24px;\n }\n .header {\n display: inline-block;\n width: 100%;\n font-size: 24px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5;\n margin: 0;\n }\n .bk-dialog-header-loading-sub {\n font-size: 14px;\n margin-top: 5px;\n }\n }\n\n .bk-dialog-type-sub-header {\n padding: 3px 24px 32px 24px;\n line-height: 1;\n text-align: center;\n &.loading {\n padding: 3px 24px 32px 24px;\n }\n .header {\n display: inline-block;\n width: 100%;\n font-size: 14px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n line-height: 1.5;\n margin: 0;\n }\n }\n\n .bk-dialog-mark {\n display: block;\n margin: 0 auto;\n &.bk-dialog-warning,\n &.bk-dialog-error,\n &.bk-dialog-success {\n width: 58px;\n height: 58px;\n line-height: 58px;\n font-size: 30px;\n color: #fff;\n border-radius: 50%;\n }\n &.bk-dialog-warning {\n background-color: $warningColor;\n }\n &.bk-dialog-error {\n background-color: $dangerColor;\n }\n &.bk-dialog-success {\n background-color: $successColor;\n }\n }\n }\n}\n\n/* loading 的动画 */\n@keyframes loading {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes mask-fading {\n 0% {\n display: block;\n background-color: rgba(0, 0, 0, 0);\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.6);\n }\n}\n\n@keyframes mask-hidding {\n 0% {\n background-color: rgba(0, 0, 0, 0.6);\n display: block;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0);\n display: none;\n }\n}\n\n/* loading 的动画 */\n@-webkit-keyframes loading {\n from {\n transform: rotate(0);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n@media (max-width: 768px) {\n .bk-dialog {\n width: auto !important;\n margin: 10px;\n }\n}\n"]}
package/lib/ui/popconfirm.css CHANGED
@@ -44,7 +44,7 @@
44
44
  background:transparent;
45
45
  border:transparent;
46
46
  color:#3a84ff;
47
- margin-left:6px
47
+ margin-left:4px
48
48
  }
49
49
 
50
50
  .bk-popconfirm-content .popconfirm-operate button:hover{
package/lib/ui/popconfirm.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-popconfirm-content{font-size:12px}.bk-popconfirm-content .popconfirm-split{display:inline-block;position:absolute;top:13px;background-color:#dcdee5;width:1px;height:12px;margin-left:-2px}.bk-popconfirm-content.popconfirm-more{padding:10px}.bk-popconfirm-content.popconfirm-more .popconfirm-content .title{font-size:16px;color:#313238;padding-bottom:10px}.bk-popconfirm-content.popconfirm-more .popconfirm-content .content{font-size:12px;line-height:20px;color:#63656e;padding-bottom:10px}.bk-popconfirm-content.popconfirm-more .popconfirm-content .is-simple.content{font-size:14px;line-height:24px}.bk-popconfirm-content.popconfirm-more .popconfirm-operate{text-align:right;margin-bottom:2px}.bk-popconfirm-content .popconfirm-operate button{background:transparent;border:transparent;color:#3a84ff;margin-left:6px}.bk-popconfirm-content .popconfirm-operate button:hover{color:#699df4}.bk-popconfirm-content .popconfirm-operate button[type=button]{border-radius:2px;color:#63656e;border:1px solid #c4c6cc}.bk-popconfirm-content .popconfirm-operate button[type=button]:hover{border-color:#979ba5}.bk-popconfirm-content .popconfirm-operate button[type=button].primary{color:#fff;background:#3a84ff;border:#3a84ff}.bk-popconfirm-content .popconfirm-operate button[type=button].primary:hover{background-color:#699df4;border-color:#699df4}.bk-popconfirm-content .popconfirm-operate .default-operate-button{height:26px;padding:0 16px}
1
+ .bk-popconfirm-content{font-size:12px}.bk-popconfirm-content .popconfirm-split{display:inline-block;position:absolute;top:13px;background-color:#dcdee5;width:1px;height:12px;margin-left:-2px}.bk-popconfirm-content.popconfirm-more{padding:10px}.bk-popconfirm-content.popconfirm-more .popconfirm-content .title{font-size:16px;color:#313238;padding-bottom:10px}.bk-popconfirm-content.popconfirm-more .popconfirm-content .content{font-size:12px;line-height:20px;color:#63656e;padding-bottom:10px}.bk-popconfirm-content.popconfirm-more .popconfirm-content .is-simple.content{font-size:14px;line-height:24px}.bk-popconfirm-content.popconfirm-more .popconfirm-operate{text-align:right;margin-bottom:2px}.bk-popconfirm-content .popconfirm-operate button{background:transparent;border:transparent;color:#3a84ff;margin-left:4px}.bk-popconfirm-content .popconfirm-operate button:hover{color:#699df4}.bk-popconfirm-content .popconfirm-operate button[type=button]{border-radius:2px;color:#63656e;border:1px solid #c4c6cc}.bk-popconfirm-content .popconfirm-operate button[type=button]:hover{border-color:#979ba5}.bk-popconfirm-content .popconfirm-operate button[type=button].primary{color:#fff;background:#3a84ff;border:#3a84ff}.bk-popconfirm-content .popconfirm-operate button[type=button].primary:hover{background-color:#699df4;border-color:#699df4}.bk-popconfirm-content .popconfirm-operate .default-operate-button{height:26px;padding:0 16px}
2
2
  /*# sourceMappingURL=popconfirm.min.css.map */
package/lib/ui/popconfirm.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["popconfirm.css"],"names":[],"mappings":"AACA,uBACI,cAoEJ,CAlEI,yCACI,oBAAqB,CACrB,iBAAkB,CAClB,QAAS,CACT,wBAAyB,CACzB,SAAU,CACV,WAAY,CACZ,gBACJ,CACA,uCACI,YAsBJ,CApBQ,kEACI,cAAe,CACf,aAAc,CACd,mBACJ,CACA,oEACI,cAAe,CACf,gBAAiB,CACjB,aAAc,CACd,mBACJ,CACA,8EACI,cAAe,CACf,gBACJ,CAEJ,2DACI,gBAAiB,CACjB,iBACJ,CAGA,kDACI,sBAAuB,CACvB,kBAAmB,CACnB,aAAc,CACd,eAsBJ,CApBI,wDACI,aACJ,CACA,+DACI,iBAAkB,CAClB,aAAc,CACd,wBAaJ,CAZI,qEACI,oBACJ,CACA,uEACI,UAAW,CACX,kBAAmB,CACnB,cAKJ,CAJI,6EACI,wBAAyB,CACzB,oBACJ,CAIZ,mEACI,WAAY,CACZ,cACJ","file":"popconfirm.min.css","sourcesContent":["\n.bk-popconfirm-content {\n font-size: 12px;\n\n .popconfirm-split {\n display: inline-block;\n position: absolute;\n top: 13px;\n background-color: #dcdee5;\n width: 1px;\n height: 12px;\n margin-left: -2px;\n }\n &.popconfirm-more {\n padding: 10px;\n .popconfirm-content {\n .title {\n font-size: 16px;\n color: #313238;\n padding-bottom: 10px;\n }\n .content {\n font-size: 12px;\n line-height: 20px;\n color: #63656e;\n padding-bottom: 10px;\n }\n .is-simple.content {\n font-size: 14px;\n line-height: 24px;\n }\n }\n .popconfirm-operate {\n text-align: right;\n margin-bottom: 2px;\n }\n }\n .popconfirm-operate {\n button {\n background: transparent;\n border: transparent;\n color: #3a84ff;\n margin-left: 6px;\n\n &:hover {\n color: #699df4;\n }\n &[type=\"button\"] {\n border-radius: 2px;\n color: #63656e;\n border: 1px solid #c4c6cc;\n &:hover {\n border-color: #979ba5;\n }\n &.primary {\n color: #fff;\n background: #3a84ff;\n border: #3a84ff;\n &:hover {\n background-color: #699df4;\n border-color: #699df4;\n }\n }\n }\n }\n .default-operate-button {\n height: 26px;\n padding: 0 16px;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["popconfirm.css"],"names":[],"mappings":"AACA,uBACI,cAoEJ,CAlEI,yCACI,oBAAqB,CACrB,iBAAkB,CAClB,QAAS,CACT,wBAAyB,CACzB,SAAU,CACV,WAAY,CACZ,gBACJ,CACA,uCACI,YAsBJ,CApBQ,kEACI,cAAe,CACf,aAAc,CACd,mBACJ,CACA,oEACI,cAAe,CACf,gBAAiB,CACjB,aAAc,CACd,mBACJ,CACA,8EACI,cAAe,CACf,gBACJ,CAEJ,2DACI,gBAAiB,CACjB,iBACJ,CAGA,kDACI,sBAAuB,CACvB,kBAAmB,CACnB,aAAc,CACd,eAsBJ,CApBI,wDACI,aACJ,CACA,+DACI,iBAAkB,CAClB,aAAc,CACd,wBAaJ,CAZI,qEACI,oBACJ,CACA,uEACI,UAAW,CACX,kBAAmB,CACnB,cAKJ,CAJI,6EACI,wBAAyB,CACzB,oBACJ,CAIZ,mEACI,WAAY,CACZ,cACJ","file":"popconfirm.min.css","sourcesContent":["\n.bk-popconfirm-content {\n font-size: 12px;\n\n .popconfirm-split {\n display: inline-block;\n position: absolute;\n top: 13px;\n background-color: #dcdee5;\n width: 1px;\n height: 12px;\n margin-left: -2px;\n }\n &.popconfirm-more {\n padding: 10px;\n .popconfirm-content {\n .title {\n font-size: 16px;\n color: #313238;\n padding-bottom: 10px;\n }\n .content {\n font-size: 12px;\n line-height: 20px;\n color: #63656e;\n padding-bottom: 10px;\n }\n .is-simple.content {\n font-size: 14px;\n line-height: 24px;\n }\n }\n .popconfirm-operate {\n text-align: right;\n margin-bottom: 2px;\n }\n }\n .popconfirm-operate {\n button {\n background: transparent;\n border: transparent;\n color: #3a84ff;\n margin-left: 4px;\n\n &:hover {\n color: #699df4;\n }\n &[type=\"button\"] {\n border-radius: 2px;\n color: #63656e;\n border: 1px solid #c4c6cc;\n &:hover {\n border-color: #979ba5;\n }\n &.primary {\n color: #fff;\n background: #3a84ff;\n border: #3a84ff;\n &:hover {\n background-color: #699df4;\n border-color: #699df4;\n }\n }\n }\n }\n .default-operate-button {\n height: 26px;\n padding: 0 16px;\n }\n }\n}\n"]}