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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/bk-magic-vue.css +893 -959
  2. package/dist/bk-magic-vue.js +860 -625
  3. package/dist/bk-magic-vue.min.css +1 -1
  4. package/dist/bk-magic-vue.min.css.gz +0 -0
  5. package/dist/bk-magic-vue.min.css.map +1 -1
  6. package/dist/bk-magic-vue.min.js +1 -1
  7. package/dist/bk-magic-vue.min.js.gz +0 -0
  8. package/dist/bk-magic-vue.min.js.map +1 -1
  9. package/lib/card.js +2981 -203
  10. package/lib/cascade.js +6447 -6411
  11. package/lib/date-picker.js +1 -1
  12. package/lib/dialog.js +484 -9
  13. package/lib/info-box.js +484 -9
  14. package/lib/input.js +2942 -164
  15. package/lib/loading.js +7 -4
  16. package/lib/pagination.js +214 -17
  17. package/lib/rate.js +14 -3
  18. package/lib/resize-layout.js +3 -1
  19. package/lib/select.js +40 -9
  20. package/lib/sideslider.js +802 -336
  21. package/lib/slider.js +3270 -3202
  22. package/lib/star.js +13 -2
  23. package/lib/table.js +214 -17
  24. package/lib/tag-input.js +122 -102
  25. package/lib/time-picker.js +1 -1
  26. package/lib/timeline.js +26 -17
  27. package/lib/transfer.js +1886 -1710
  28. package/lib/ui/badge.css +127 -119
  29. package/lib/ui/badge.min.css +1 -1
  30. package/lib/ui/badge.min.css.map +1 -1
  31. package/lib/ui/bk-magic-vue.css +893 -959
  32. package/lib/ui/bk-magic-vue.min.css +1 -1
  33. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  34. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  35. package/lib/ui/button.css +4 -4
  36. package/lib/ui/button.min.css +1 -1
  37. package/lib/ui/button.min.css.map +1 -1
  38. package/lib/ui/card.css +2 -2
  39. package/lib/ui/card.min.css +1 -1
  40. package/lib/ui/card.min.css.map +1 -1
  41. package/lib/ui/cascade.css +19 -1
  42. package/lib/ui/cascade.min.css +1 -1
  43. package/lib/ui/cascade.min.css.map +1 -1
  44. package/lib/ui/checkbox.css +67 -67
  45. package/lib/ui/checkbox.min.css.map +1 -1
  46. package/lib/ui/dialog.css +4 -4
  47. package/lib/ui/dialog.min.css +1 -1
  48. package/lib/ui/dialog.min.css.map +1 -1
  49. package/lib/ui/exception.css +1 -0
  50. package/lib/ui/exception.min.css +1 -1
  51. package/lib/ui/exception.min.css.map +1 -1
  52. package/lib/ui/form.css +2 -2
  53. package/lib/ui/form.min.css +1 -1
  54. package/lib/ui/form.min.css.map +1 -1
  55. package/lib/ui/info-box.css +4 -4
  56. package/lib/ui/info-box.min.css +1 -1
  57. package/lib/ui/info-box.min.css.map +1 -1
  58. package/lib/ui/input.css +1 -1
  59. package/lib/ui/input.min.css +1 -1
  60. package/lib/ui/input.min.css.map +1 -1
  61. package/lib/ui/link.css +27 -3
  62. package/lib/ui/link.min.css +1 -1
  63. package/lib/ui/link.min.css.map +1 -1
  64. package/lib/ui/loading.css +43 -280
  65. package/lib/ui/loading.min.css +1 -1
  66. package/lib/ui/loading.min.css.map +1 -1
  67. package/lib/ui/notify.css +5 -5
  68. package/lib/ui/notify.min.css +1 -1
  69. package/lib/ui/notify.min.css.map +1 -1
  70. package/lib/ui/overflow-tips.css +3 -2
  71. package/lib/ui/overflow-tips.min.css +1 -1
  72. package/lib/ui/overflow-tips.min.css.map +1 -1
  73. package/lib/ui/pagination.css +1 -1
  74. package/lib/ui/pagination.min.css +1 -1
  75. package/lib/ui/pagination.min.css.map +1 -1
  76. package/lib/ui/popconfirm.css +2 -2
  77. package/lib/ui/popconfirm.min.css +1 -1
  78. package/lib/ui/popconfirm.min.css.map +1 -1
  79. package/lib/ui/popover.css +3 -2
  80. package/lib/ui/popover.min.css +1 -1
  81. package/lib/ui/popover.min.css.map +1 -1
  82. package/lib/ui/process.css +51 -282
  83. package/lib/ui/process.min.css +1 -1
  84. package/lib/ui/process.min.css.map +1 -1
  85. package/lib/ui/progress.css +2 -2
  86. package/lib/ui/progress.min.css +1 -1
  87. package/lib/ui/progress.min.css.map +1 -1
  88. package/lib/ui/radio.css +64 -64
  89. package/lib/ui/radio.min.css +1 -1
  90. package/lib/ui/radio.min.css.map +1 -1
  91. package/lib/ui/resize-layout.css +13 -5
  92. package/lib/ui/resize-layout.min.css +1 -1
  93. package/lib/ui/resize-layout.min.css.map +1 -1
  94. package/lib/ui/sideslider.css +8 -7
  95. package/lib/ui/sideslider.min.css +1 -1
  96. package/lib/ui/sideslider.min.css.map +1 -1
  97. package/lib/ui/star.css +22 -17
  98. package/lib/ui/star.min.css +1 -1
  99. package/lib/ui/star.min.css.map +1 -1
  100. package/lib/ui/steps.css +372 -274
  101. package/lib/ui/steps.min.css +1 -1
  102. package/lib/ui/steps.min.css.map +1 -1
  103. package/lib/ui/tooltips.css +3 -2
  104. package/lib/ui/tooltips.min.css +1 -1
  105. package/lib/ui/tooltips.min.css.map +1 -1
  106. package/lib/ui/transfer.css +122 -121
  107. package/lib/ui/transfer.min.css +1 -1
  108. package/lib/ui/transfer.min.css.map +1 -1
  109. package/lib/ui/tree.css +45 -282
  110. package/lib/ui/tree.min.css +1 -1
  111. package/lib/ui/tree.min.css.map +1 -1
  112. package/lib/version-detail.js +453 -13
  113. package/package.json +3 -4
package/lib/ui/checkbox.css CHANGED
@@ -1,89 +1,89 @@
1
1
  .bk-form-checkbox{
2
- position:relative;
3
- display:inline-block;
4
- vertical-align:middle;
5
- font-size:0;
6
- line-height:18px;
7
- overflow:hidden;
8
- cursor:pointer
2
+ position:relative;
3
+ display:inline-block;
4
+ vertical-align:middle;
5
+ font-size:0;
6
+ line-height:18px;
7
+ overflow:hidden;
8
+ cursor:pointer
9
9
  }
10
10
 
11
11
  .bk-form-checkbox.is-indeterminate:not(.is-checked) .bk-checkbox{
12
- border-color:#3a84ff;
13
- background-color:#3a84ff;
14
- background-clip:content-box;
15
- position:relative
16
- }
12
+ border-color:#3a84ff;
13
+ background-color:#3a84ff;
14
+ background-clip:content-box;
15
+ position:relative
16
+ }
17
17
 
18
18
  .bk-form-checkbox.is-indeterminate:not(.is-checked) .bk-checkbox::after{
19
- content:'';
20
- width:8px;
21
- height:2px;
22
- background:#fff;
23
- position:absolute;
24
- top:50%;
25
- left:50%;
26
- margin-left:-4px;
27
- border-radius:2px;
28
- margin-top:-1px;
29
- display:inline-block;
30
- }
19
+ content:'';
20
+ width:8px;
21
+ height:2px;
22
+ background:#fff;
23
+ position:absolute;
24
+ top:50%;
25
+ left:50%;
26
+ margin-left:-4px;
27
+ border-radius:2px;
28
+ margin-top:-1px;
29
+ display:inline-block;
30
+ }
31
31
 
32
32
  .bk-form-checkbox.is-disabled{
33
- cursor:not-allowed;
34
- }
33
+ cursor:not-allowed;
34
+ }
35
35
 
36
36
  .bk-form-checkbox.is-disabled .bk-checkbox{
37
- border-color:#dcdee5;
38
- background-color:#fafbfd;
39
- }
37
+ border-color:#dcdee5;
38
+ background-color:#fafbfd;
39
+ }
40
40
 
41
41
  .bk-form-checkbox.is-disabled.is-checked .bk-checkbox{
42
- border-color:#dcdee5;
43
- background-color:#dcdee5;
44
- }
42
+ border-color:#dcdee5;
43
+ background-color:#dcdee5;
44
+ }
45
45
 
46
46
  .bk-form-checkbox.is-checked .bk-checkbox{
47
- border-color:#3a84ff;
48
- background-color:#3a84ff;
49
- background-clip:border-box
50
- }
47
+ border-color:#3a84ff;
48
+ background-color:#3a84ff;
49
+ background-clip:border-box
50
+ }
51
51
 
52
52
  .bk-form-checkbox.is-checked .bk-checkbox:after{
53
- content:"";
54
- position:absolute;
55
- top:1px;
56
- left:4px;
57
- width:4px;
58
- height:8px;
59
- border:2px solid #fff;
60
- border-left:0;
61
- border-top:0;
62
- -webkit-transform-origin:center;
63
- transform-origin:center;
64
- -webkit-transform:rotate(45deg) scaleY(1);
65
- transform:rotate(45deg) scaleY(1);
66
- }
53
+ content:'';
54
+ position:absolute;
55
+ top:1px;
56
+ left:4px;
57
+ width:4px;
58
+ height:8px;
59
+ border:2px solid #fff;
60
+ border-left:0;
61
+ border-top:0;
62
+ -webkit-transform-origin:center;
63
+ transform-origin:center;
64
+ -webkit-transform:rotate(45deg) scaleY(1);
65
+ transform:rotate(45deg) scaleY(1);
66
+ }
67
67
 
68
68
  .bk-form-checkbox .bk-checkbox{
69
- position:relative;
70
- display:inline-block;
71
- vertical-align:middle;
72
- width:16px;
73
- height:16px;
74
- border:1px solid #979ba5;
75
- border-radius:2px
76
- }
69
+ position:relative;
70
+ display:inline-block;
71
+ vertical-align:middle;
72
+ width:16px;
73
+ height:16px;
74
+ border:1px solid #979ba5;
75
+ border-radius:2px
76
+ }
77
77
 
78
78
  .bk-form-checkbox .bk-checkbox:focus{
79
- border-color:#3c96ff;
80
- outline:none;
81
- }
79
+ border-color:#3c96ff;
80
+ outline:none;
81
+ }
82
82
 
83
83
  .bk-form-checkbox .bk-checkbox-text{
84
- display:inline-block;
85
- margin:0 0 0 6px;
86
- vertical-align:middle;
87
- font-size:14px;
88
- color:#63656e;
89
- }
84
+ display:inline-block;
85
+ margin:0 0 0 6px;
86
+ vertical-align:middle;
87
+ font-size:14px;
88
+ color:#63656e;
89
+ }
package/lib/ui/checkbox.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["checkbox.css"],"names":[],"mappings":"AAEA,kBACI,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,WAAY,CACZ,gBAAiB,CACjB,eAAgB,CAChB,cAwFJ,CArFQ,iEACI,oBAA2B,CAC3B,wBAA+B,CAC/B,2BAA4B,CAC5B,iBAeJ,CAbI,uEACI,UAAW,CACX,SAAU,CACV,UAAW,CACX,eAAgB,CAChB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,oBACJ,CAIR,8BACI,kBAUJ,CARI,2CACI,oBAA4B,CAC5B,wBACJ,CAQA,sDACI,oBAA4B,CAC5B,wBACJ,CAIA,0CACI,oBAA2B,CAC3B,wBAA+B,CAC/B,0BAeJ,CAbI,gDACI,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,SAAU,CACV,UAAW,CACX,qBAAsB,CACtB,aAAc,CACd,YAAa,CACb,+BAAwB,CAAxB,uBAAwB,CACxB,yCAAkC,CAAlC,iCACJ,CAIR,+BACI,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,wBAAiC,CACjC,iBAKJ,CAJI,qCACI,oBAAmC,CACnC,YACJ,CAGJ,oCACI,oBAAqB,CACrB,gBAAiB,CACjB,qBAAsB,CACtB,cAAe,CACf,aACJ","file":"checkbox.min.css","sourcesContent":["@import './variable.css';\n\n.bk-form-checkbox {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n font-size: 0;\n line-height: 18px;\n overflow: hidden;\n cursor: pointer;\n\n &.is-indeterminate:not(.is-checked) {\n .bk-checkbox {\n border-color: $newMainColor;\n background-color: $newMainColor;\n background-clip: content-box;\n position: relative;\n\n &::after {\n content: '';\n width: 8px;\n height: 2px;\n background: #fff;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-left: -4px;\n border-radius: 2px;\n margin-top: -1px;\n display: inline-block;\n }\n }\n }\n\n &.is-disabled {\n cursor: not-allowed;\n\n .bk-checkbox {\n border-color: $newGreyColor1;\n background-color: $newGreyColor3;\n }\n\n /* .bk-checkbox-text {\n color: $newGreyColor;\n } */\n }\n\n &.is-disabled.is-checked {\n .bk-checkbox {\n border-color: $newGreyColor1;\n background-color: $newGreyColor1;\n }\n }\n\n &.is-checked {\n .bk-checkbox {\n border-color: $newMainColor;\n background-color: $newMainColor;\n background-clip: border-box;\n\n &:after {\n content: \"\";\n position: absolute;\n top: 1px;\n left: 4px;\n width: 4px;\n height: 8px;\n border: 2px solid #fff;\n border-left: 0;\n border-top: 0;\n transform-origin: center;\n transform: rotate(45deg) scaleY(1);\n }\n }\n }\n\n .bk-checkbox {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n border: 1px solid $newBlackColor3;\n border-radius: 2px;\n &:focus {\n border-color: $formBorderFocusColor;\n outline: none;\n }\n }\n\n .bk-checkbox-text {\n display: inline-block;\n margin: 0 0 0 6px;\n vertical-align: middle;\n font-size: 14px;\n color: $newBlackColor2;\n }\n}\n"]}
1
+ {"version":3,"sources":["checkbox.css"],"names":[],"mappings":"AAEA,kBACE,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,WAAY,CACZ,gBAAiB,CACjB,eAAgB,CAChB,cAwFF,CArFI,iEACE,oBAA2B,CAC3B,wBAA+B,CAC/B,2BAA4B,CAC5B,iBAeF,CAbE,uEACE,UAAW,CACX,SAAU,CACV,UAAW,CACX,eAAgB,CAChB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,oBACF,CAIJ,8BACE,kBAUF,CARE,2CACE,oBAA4B,CAC5B,wBACF,CAQA,sDACE,oBAA4B,CAC5B,wBACF,CAIA,0CACE,oBAA2B,CAC3B,wBAA+B,CAC/B,0BAeF,CAbE,gDACE,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,SAAU,CACV,UAAW,CACX,qBAAsB,CACtB,aAAc,CACd,YAAa,CACb,+BAAwB,CAAxB,uBAAwB,CACxB,yCAAkC,CAAlC,iCACF,CAIJ,+BACE,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,wBAAiC,CACjC,iBAKF,CAJE,qCACE,oBAAmC,CACnC,YACF,CAGF,oCACE,oBAAqB,CACrB,gBAAiB,CACjB,qBAAsB,CACtB,cAAe,CACf,aACF","file":"checkbox.min.css","sourcesContent":["@import './variable.css';\n\n.bk-form-checkbox {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n font-size: 0;\n line-height: 18px;\n overflow: hidden;\n cursor: pointer;\n\n &.is-indeterminate:not(.is-checked) {\n .bk-checkbox {\n border-color: $newMainColor;\n background-color: $newMainColor;\n background-clip: content-box;\n position: relative;\n\n &::after {\n content: '';\n width: 8px;\n height: 2px;\n background: #fff;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-left: -4px;\n border-radius: 2px;\n margin-top: -1px;\n display: inline-block;\n }\n }\n }\n\n &.is-disabled {\n cursor: not-allowed;\n\n .bk-checkbox {\n border-color: $newGreyColor1;\n background-color: $newGreyColor3;\n }\n\n /* .bk-checkbox-text {\n color: $newGreyColor;\n } */\n }\n\n &.is-disabled.is-checked {\n .bk-checkbox {\n border-color: $newGreyColor1;\n background-color: $newGreyColor1;\n }\n }\n\n &.is-checked {\n .bk-checkbox {\n border-color: $newMainColor;\n background-color: $newMainColor;\n background-clip: border-box;\n\n &:after {\n content: '';\n position: absolute;\n top: 1px;\n left: 4px;\n width: 4px;\n height: 8px;\n border: 2px solid #fff;\n border-left: 0;\n border-top: 0;\n transform-origin: center;\n transform: rotate(45deg) scaleY(1);\n }\n }\n }\n\n .bk-checkbox {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n border: 1px solid $newBlackColor3;\n border-radius: 2px;\n &:focus {\n border-color: $formBorderFocusColor;\n outline: none;\n }\n }\n\n .bk-checkbox-text {\n display: inline-block;\n margin: 0 0 0 6px;\n vertical-align: middle;\n font-size: 14px;\n color: $newBlackColor2;\n }\n}\n"]}
package/lib/ui/dialog.css CHANGED
@@ -100,7 +100,7 @@
100
100
  }
101
101
 
102
102
  .bk-dialog-wrapper .bk-dialog-header{
103
- padding:3px 24px 24px 24px;
103
+ padding:0 24px 8px 24px;
104
104
  line-height:1.2;
105
105
  text-align:center;
106
106
  }
@@ -136,7 +136,7 @@
136
136
  }
137
137
 
138
138
  .bk-dialog-wrapper .bk-dialog-body{
139
- padding:3px 24px 26px;
139
+ padding:3px 24px 24px;
140
140
  font-size:14px;
141
141
  line-height:1.5;
142
142
  color:#63656e;
@@ -172,7 +172,7 @@
172
172
  }
173
173
 
174
174
  .bk-dialog-wrapper .bk-dialog-footer{
175
- padding:12px 24px 12px 24px;
175
+ padding:7px 24px 7px 24px;
176
176
  background-color:#fafbfd;
177
177
  border-top:1px solid #dcdee5;
178
178
  border-radius:2px;
@@ -228,7 +228,7 @@
228
228
  color:#63656e;
229
229
  line-height:1.5;
230
230
  text-align:center;
231
- word-break:break-all;
231
+ word-break:break-word;
232
232
  }
233
233
 
234
234
  .bk-dialog-wrapper .bk-info-box .bk-dialog-body{
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-header{padding:3px 24px 24px;line-height:1.2;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:20px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bk-dialog-wrapper .bk-dialog-header .header-center{font-size:24px}.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-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-close:hover{background-color:#f0f1f5}.bk-dialog-wrapper .bk-info-box .bk-dialog-header{padding:15px 30px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header{padding:5px 50px 6px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header.has-sub{padding-bottom: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 33px;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 22px;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:20px;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:#63656e;line-height:1.5;margin:0;text-align:center;word-break:break-all}.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:42px;height:42px;line-height:42px;font-size:36px;color:#fff;border-radius:50%}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{background-color:#ffe8c3;color:#ff9c01;font-size:26px}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error{background-color:#fdd;color:#ea3636}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success{background-color:#e5f6ea;color:#3fc06d}@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-header{padding:0 24px 8px;line-height:1.2;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:20px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bk-dialog-wrapper .bk-dialog-header .header-center{font-size:24px}.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 24px;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:7px 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-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-close:hover{background-color:#f0f1f5}.bk-dialog-wrapper .bk-info-box .bk-dialog-header{padding:15px 30px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header{padding:5px 50px 6px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header.has-sub{padding-bottom: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-word}.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 33px;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 22px;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:20px;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:#63656e;line-height:1.5;margin:0;text-align:center;word-break:break-all}.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:42px;height:42px;line-height:42px;font-size:36px;color:#fff;border-radius:50%}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{background-color:#ffe8c3;color:#ff9c01;font-size:26px}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error{background-color:#fdd;color:#ea3636}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success{background-color:#e5f6ea;color:#3fc06d}@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\n }\n\n .bk-dialog-header {\n padding: 3px 24px 24px 24px;\n line-height: 1.2;\n text-align: center;\n p,\n .bk-dialog-header-inner {\n display: inline-block;\n width: 100%;\n font-size: 20px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n }\n .header-center {\n font-size: 24px;\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-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 .bk-info-box {\n .bk-dialog-header {\n padding: 15px 30px 10px 30px;\n }\n\n .bk-dialog-sub-header {\n padding: 5px 50px 6px 50px;\n &.has-sub {\n padding-bottom: 21px;\n }\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 33px;\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 22px 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: 20px;\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: $newBlackColor2;\n line-height: 1.5;\n margin: 0;\n text-align: center;\n word-break: break-all;\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: 42px;\n height: 42px;\n line-height: 42px;\n font-size: 36px;\n color: #fff;\n border-radius: 50%;\n }\n &.bk-dialog-warning {\n background-color: $newOrangeColor3;\n color: $newOrangeColor;\n font-size: 26px;\n }\n &.bk-dialog-error {\n background-color: $newRedColor3;\n color: $newRedColor;\n }\n &.bk-dialog-success {\n background-color: #e5f6ea;\n color: #3fc06d;\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":"AAEA,gBACI,cAAe,CACf,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,+BAAoC,CACpC,WAAY,CACZ,YAWJ,CATI,4BACI,aAAc,CACd,iCAA0B,CAA1B,yBACJ,CAEA,4BACI,YAAa,CACb,kCAA2B,CAA3B,0BACJ,CAGJ,kBACI,sBACJ,CAEA,mBACI,cAAe,CACf,aAAc,CACd,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,YAAa,CACb,gCAAiC,CACjC,SA2RJ,CA1RI,qCACI,mBACJ,CACA,qBACI,6BAAsB,CAAtB,qBAAsB,CACtB,yCACJ,CACA,8BACI,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,YAAa,CAEb,SAsCJ,CApCI,mDACI,oBAAsB,CACtB,KAAM,CACN,QAAS,CACT,iBA+BJ,CA9BI,sEACI,UAAW,CACX,eAAgB,CAChB,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,eACJ,CACA,mEACI,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,WACJ,CACA,qEACI,iBAAkB,CAClB,UAAW,CACX,QACJ,CAEI,kGACI,KACJ,CAGA,kGACI,QACJ,CAKZ,mCACI,eAAgB,CAChB,iBAEJ,CAEA,qCACI,kBAAwB,CACxB,eAAgB,CAChB,iBAqBJ,CApBI,oGAEI,oBAAqB,CACrB,UAAW,CACX,cAAe,CACf,aAAsB,CACtB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CACnB,QACJ,CACA,oDACI,cACJ,CAEI,qFAEI,qBACJ,CAIR,mCACI,gBAAiB,CACjB,cAIJ,CAHI,4EACI,cACJ,CAGJ,mCACI,qBAAsB,CACtB,cAAe,CACf,eAAgB,CAChB,aACJ,CAEA,sCACI,iBAAkB,CAClB,qBAA+B,CAC/B,QAAS,CACT,iBAAkB,CAClB,2BAA4B,CAC5B,6CAA0C,CAA1C,qCAeJ,CAdI,gEACI,mBACJ,CACA,6DACI,iBAIJ,CAHI,6EACI,WACJ,CAEJ,iEACI,wBAAyB,CACzB,qBAAsB,CACtB,oBAAiB,CAAjB,gBACJ,CAGJ,qCACI,gBAA0B,CAC1B,wBAAgC,CAChC,4BAAoC,CACpC,iBAWJ,CAVI,qDACI,WAQJ,CAPI,4DACI,cACJ,CACA,mEACI,eAAgB,CAChB,eACJ,CAIR,oCACI,SAAU,CACV,cAAe,CACf,iBAAkB,CAClB,aAAsB,CACtB,OAAQ,CACR,SAAU,CACV,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,iBAAkB,CAClB,eAAgB,CAChB,cAIJ,CAHI,0CACI,wBACJ,CAIA,kDACI,sBACJ,CAEA,sDACI,oBAWJ,CAVI,8DACI,mBACJ,CACA,8EACI,cAAe,CACf,aAAsB,CACtB,eAAgB,CAChB,iBAAkB,CAClB,qBACJ,CAEJ,gDACI,qBACJ,CACA,kDACI,iBAAkB,CAClB,mBAAoB,CACpB,qBAAsB,CACtB,WAAY,CACZ,eAIJ,CAHI,yDACI,cACJ,CAEJ,mDACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,iBAAkB,CAClB,4CAAqC,CAArC,oCACJ,CAEA,qDACI,qBAAsB,CACtB,cAAe,CACf,eAAgB,CAChB,aAAsB,CACtB,iBAIJ,CAHI,6DACI,qBACJ,CAGJ,uDACI,qBAA2B,CAC3B,aAAc,CACd,iBAoBJ,CAnBI,qIAEI,qBACJ,CACA,+DACI,oBAAqB,CACrB,UAAW,CACX,cAAe,CACf,aAAsB,CACtB,eAAgB,CAChB,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAChB,QACJ,CACA,qFACI,cAAe,CACf,cACJ,CAGJ,2DACI,qBAA2B,CAC3B,aAAc,CACd,iBAcJ,CAbI,mEACI,qBACJ,CACA,mEACI,oBAAqB,CACrB,UAAW,CACX,cAAe,CACf,aAAsB,CACtB,eAAgB,CAChB,QAAS,CACT,iBAAkB,CAClB,oBACJ,CAGJ,gDACI,aAAc,CACd,aAwBJ,CAvBI,oMAGI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,UAAW,CACX,iBACJ,CACA,kEACI,wBAAkC,CAClC,aAAsB,CACtB,cACJ,CACA,gEACI,qBAA+B,CAC/B,aACJ,CACA,kEACI,wBAAyB,CACzB,aACJ,CAMZ,mBACI,GACI,2BAAoB,CAApB,mBACJ,CACA,GACI,+BAAyB,CAAzB,uBACJ,CACJ,CAEA,+BACI,GACI,aAAc,CACd,4BACJ,CACA,GACI,+BACJ,CACJ,CARA,uBACI,GACI,aAAc,CACd,4BACJ,CACA,GACI,+BACJ,CACJ,CAEA,gCACI,GACI,+BAAoC,CACpC,aACJ,CACA,GACI,4BAAkC,CAClC,YACJ,CACJ,CATA,wBACI,GACI,+BAAoC,CACpC,aACJ,CACA,GACI,4BAAkC,CAClC,YACJ,CACJ,CAGA,2BACI,GACI,2BAAoB,CAApB,mBACJ,CACA,GACI,+BAAyB,CAAzB,uBACJ,CACJ,CAEA,yBACI,WACI,oBAAsB,CACtB,WACJ,CACJ","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\n }\n\n .bk-dialog-header {\n padding: 0 24px 8px 24px;\n line-height: 1.2;\n text-align: center;\n p,\n .bk-dialog-header-inner {\n display: inline-block;\n width: 100%;\n font-size: 20px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n }\n .header-center {\n font-size: 24px;\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 24px;\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: 7px 24px 7px 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-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 .bk-info-box {\n .bk-dialog-header {\n padding: 15px 30px 10px 30px;\n }\n\n .bk-dialog-sub-header {\n padding: 5px 50px 6px 50px;\n &.has-sub {\n padding-bottom: 21px;\n }\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-word;\n }\n }\n .bk-dialog-body {\n padding: 3px 24px 30px;\n }\n .bk-dialog-footer {\n text-align: center;\n padding: 0 65px 33px;\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 22px 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: 20px;\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: $newBlackColor2;\n line-height: 1.5;\n margin: 0;\n text-align: center;\n word-break: break-all;\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: 42px;\n height: 42px;\n line-height: 42px;\n font-size: 36px;\n color: #fff;\n border-radius: 50%;\n }\n &.bk-dialog-warning {\n background-color: $newOrangeColor3;\n color: $newOrangeColor;\n font-size: 26px;\n }\n &.bk-dialog-error {\n background-color: $newRedColor3;\n color: $newRedColor;\n }\n &.bk-dialog-success {\n background-color: #e5f6ea;\n color: #3fc06d;\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/exception.css CHANGED
@@ -22,6 +22,7 @@
22
22
  -webkit-box-pack:center;
23
23
  -ms-flex-pack:center;
24
24
  justify-content:center;
25
+ margin-bottom:8px;
25
26
  }
26
27
  .bk-exception-img .exception-image{
27
28
  -o-object-fit:contain;
package/lib/ui/exception.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-exception{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;position:relative}.bk-exception,.bk-exception-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-exception-img{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bk-exception-img .exception-image{-o-object-fit:contain;object-fit:contain;display:block;height:200px;vertical-align:middle}.bk-exception-img.part-img .exception-image{height:100px}.bk-exception-text{font-size:24px;color:#63656e;text-align:center}.bk-exception-text.part-text{font-size:14px}
1
+ .bk-exception{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;position:relative}.bk-exception,.bk-exception-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bk-exception-img{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:8px}.bk-exception-img .exception-image{-o-object-fit:contain;object-fit:contain;display:block;height:200px;vertical-align:middle}.bk-exception-img.part-img .exception-image{height:100px}.bk-exception-text{font-size:24px;color:#63656e;text-align:center}.bk-exception-text.part-text{font-size:14px}
2
2
  /*# sourceMappingURL=exception.min.css.map */
package/lib/ui/exception.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["exception.css"],"names":[],"mappings":"AAAA,cAGI,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBAAsB,CACtB,UAAW,CACX,iBA0BJ,CAzBI,gCALA,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAoBA,CAhBA,kBAGI,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAaJ,CAXI,mCACI,qBAAmB,CAAnB,kBAAmB,CACnB,aAAc,CACd,YAAa,CACb,qBACJ,CAEI,4CACI,YACJ,CAGR,mBACI,cAAe,CACf,aAAc,CACd,iBAIJ,CAHI,6BACI,cACJ","file":"exception.min.css","sourcesContent":[".bk-exception {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n position: relative;\n &-img {\n display: flex;\n align-items: center;\n justify-content: center;\n\n .exception-image {\n object-fit: contain;\n display: block;\n height: 200px;\n vertical-align: middle;\n }\n &.part-img {\n .exception-image{\n height: 100px;\n }\n }\n }\n &-text{\n font-size: 24px;\n color: #63656E;\n text-align: center;\n &.part-text {\n font-size: 14px;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["exception.css"],"names":[],"mappings":"AAAA,cAGI,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBAAsB,CACtB,UAAW,CACX,iBA2BJ,CA1BI,gCALA,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAqBA,CAjBA,kBAGI,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,iBAaJ,CAXI,mCACI,qBAAmB,CAAnB,kBAAmB,CACnB,aAAc,CACd,YAAa,CACb,qBACJ,CAEI,4CACI,YACJ,CAGR,mBACI,cAAe,CACf,aAAc,CACd,iBAIJ,CAHI,6BACI,cACJ","file":"exception.min.css","sourcesContent":[".bk-exception {\n display: flex;\n align-items: center;\n flex-direction: column;\n width: 100%;\n position: relative;\n &-img {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n\n .exception-image {\n object-fit: contain;\n display: block;\n height: 200px;\n vertical-align: middle;\n }\n &.part-img {\n .exception-image{\n height: 100px;\n }\n }\n }\n &-text{\n font-size: 24px;\n color: #63656E;\n text-align: center;\n &.part-text {\n font-size: 14px;\n }\n }\n}\n"]}
package/lib/ui/form.css CHANGED
@@ -92,7 +92,7 @@
92
92
  color:#63656E;
93
93
  -webkit-box-sizing:border-box;
94
94
  box-sizing:border-box;
95
- padding:0 24px 0 0;
95
+ padding:0 22px 0 0;
96
96
  }
97
97
 
98
98
  .bk-form .bk-label .bk-label-text{
@@ -206,7 +206,7 @@
206
206
  }
207
207
 
208
208
  .bk-form-item +.bk-form-item{
209
- margin-top:20px;
209
+ margin-top:22px;
210
210
  }
211
211
 
212
212
  .bk-form-item.is-required .bk-label{
package/lib/ui/form.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-form.bk-inline-form{display:inline-block}.bk-form.bk-inline-form .bk-form-item{display:inline-block;margin-bottom:0;margin-left:8px;vertical-align:middle}.bk-form.bk-inline-form .bk-form-item:first-child{margin-left:0}.bk-form.bk-inline-form .bk-form-item+.bk-form-item{margin-top:0}.bk-form.bk-inline-form .bk-form-item .bk-label{width:auto!important;float:left}.bk-form.bk-inline-form .bk-form-item .bk-form-content{margin-left:0!important;float:left}.bk-form.bk-inline-form .bk-label{width:auto;line-height:32px;display:inline-block;padding:0 15px 0 0}.bk-form.bk-inline-form.is-required>.bk-label:after{right:5px}.bk-form.bk-inline-form .bk-form-content{display:inline-block;margin-left:0}.bk-form.bk-form-vertical .bk-label{width:auto;text-align:left}.bk-form.bk-form-vertical .bk-form-content{clear:both;margin-left:0!important}.bk-form.bk-form-vertical .bk-form-item+.bk-form-item{margin-top:8px}.bk-form.bk-form-vertical .bk-form-item.bk-form-action{margin-top:20px}.bk-form.bk-form-vertical .bk-form-tip{padding:0;margin:10px 0 0;position:relative;height:auto;line-height:1;left:0}.bk-form.bk-form-vertical .bk-form-tip .bk-tip-text{float:none;vertical-align:middle}.bk-form.bk-form-vertical .bk-form-tip .bk-badge{margin-right:5px}.bk-form .bk-label{width:150px;min-height:32px;text-align:right;vertical-align:middle;line-height:32px;float:left;font-size:14px;font-weight:400;color:#63656e;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 24px 0 0}.bk-form .bk-label .bk-label-text{display:inline-block;line-height:20px}.bk-form .bk-label .bk-label-text .bk-icon{cursor:pointer;color:#979ba5;font-size:16px}.bk-form .bk-label.has-desc>span{border-bottom:1px dashed #979ba5;cursor:pointer}.bk-form .bk-form-content{width:auto;min-height:32px;margin-left:150px;position:relative;outline:none;line-height:30px}.bk-form .bk-form-content .form-error-tip{font-size:12px;color:#ea3636;line-height:18px;margin:2px 0 0}.bk-form .bk-form-content .tooltips-icon{position:absolute;z-index:10;right:8px;top:8px;color:#ea3636;cursor:pointer;font-size:16px}.bk-form .bk-form-content>.bk-tip-text{font-size:14px;color:#63656e;margin:10px 0 0}.bk-form .bk-form-content>.bk-form-tip{padding:0;margin:10px 0 0;position:relative;height:auto;line-height:1;left:0}.bk-form .bk-form-content>.bk-form-tip .bk-tip-text{float:none;vertical-align:middle}.bk-form .bk-form-content>.bk-form-tip .bk-badge{margin-right:5px}.bk-form ::-webkit-input-placeholder{color:#c3cdd7}.bk-form ::-moz-placeholder{color:#c3cdd7}.bk-form :-ms-input-placeholder{color:#c3cdd7}.bk-form ::-ms-input-placeholder{color:#c3cdd7}.bk-form ::placeholder{color:#c3cdd7}.bk-form .bk-form-item:before,.bk-form:after{display:table;content:"";clear:both;visibility:hidden;font-size:0}.bk-form input:-webkit-autofill,.bk-form select:-webkit-autofill,.bk-form textarea:-webkit-autofill{background:#fff!important}.bk-form-item{position:relative}.bk-form-item label{margin-bottom:0}.bk-form-item+.bk-form-item{margin-top:20px}.bk-form-item.is-required .bk-label{position:relative}.bk-form-item.is-required .bk-label:after{height:8px;line-height:1;content:"*";color:#ea3636;font-size:12px;position:absolute;display:inline-block;vertical-align:middle;top:50%;-webkit-transform:translate(3px,-50%);transform:translate(3px,-50%)}.bk-form-item.is-readonly input[type=password],.bk-form-item.is-readonly input[type=text],.bk-form-item.is-readonly select,.bk-form-item.is-readonly textarea{background-color:#fafafa}.bk-form-item.is-disabled input[type=password],.bk-form-item.is-disabled input[type=text],.bk-form-item.is-disabled select,.bk-form-item.is-disabled textarea{background-color:#fafafa}.bk-form-item.is-checking .bk-form-content{position:relative}.bk-form-item.is-checking .bk-form-content :after{content:"";width:100%;height:100%;position:absolute;z-index:1000000;cursor:not-allowed;left:0;right:0;top:0;bottom:0;margin:auto}.bk-form-item.is-danger input[type=number],.bk-form-item.is-danger input[type=password],.bk-form-item.is-danger input[type=text],.bk-form-item.is-danger input[type=url],.bk-form-item.is-danger select,.bk-form-item.is-danger textarea,.bk-form-item.is-error input[type=number],.bk-form-item.is-error input[type=password],.bk-form-item.is-error input[type=text],.bk-form-item.is-error input[type=url],.bk-form-item.is-error select,.bk-form-item.is-error textarea{border-color:#ea3636;color:#ea3636}.bk-form-item.is-danger .bk-tag-selector .bk-tag-input,.bk-form-item.is-danger .bk-textarea-wrapper,.bk-form-item.is-error .bk-tag-selector .bk-tag-input,.bk-form-item.is-error .bk-textarea-wrapper{border-color:#ea3636}.bk-form-item.is-danger .bk-form-tip .bk-tip-text,.bk-form-item.is-error .bk-form-tip .bk-tip-text{color:#ea3636}.bk-form-item.is-danger .bk-select,.bk-form-item.is-error .bk-select{border-color:#ea3636}.bk-form-item.is-warning input[type=password],.bk-form-item.is-warning input[type=text],.bk-form-item.is-warning select,.bk-form-item.is-warning textarea{border-color:#ffb848}.bk-form-item.is-success input[type=password],.bk-form-item.is-success input[type=text],.bk-form-item.is-success select,.bk-form-item.is-success textarea{border-color:#2dcb56}.bk-form-item input.bk-success+.bk-form-tip .bk-tip-text,.bk-form-item input.is-success+.bk-form-tip .bk-tip-text,.bk-form-item select.bk-success+.bk-form-tip .bk-tip-text,.bk-form-item select.is-success+.bk-form-tip .bk-tip-text,.bk-form-item textarea.bk-success+.bk-form-tip .bk-tip-text,.bk-form-item textarea.is-success+.bk-form-tip .bk-tip-text{color:#2dcb56}.bk-form-item input.bk-error,.bk-form-item input.is-danger,.bk-form-item select.bk-error,.bk-form-item select.is-danger,.bk-form-item textarea.bk-error,.bk-form-item textarea.is-danger{border-color:#ff5656;background-color:#fff4f4;color:#ff5656}.bk-form-item input.bk-error::-webkit-input-placeholder,.bk-form-item input.is-danger::-webkit-input-placeholder,.bk-form-item select.bk-error::-webkit-input-placeholder,.bk-form-item select.is-danger::-webkit-input-placeholder,.bk-form-item textarea.bk-error::-webkit-input-placeholder,.bk-form-item textarea.is-danger::-webkit-input-placeholder{color:#ff5656}.bk-form-item input.bk-error::-moz-placeholder,.bk-form-item input.is-danger::-moz-placeholder,.bk-form-item select.bk-error::-moz-placeholder,.bk-form-item select.is-danger::-moz-placeholder,.bk-form-item textarea.bk-error::-moz-placeholder,.bk-form-item textarea.is-danger::-moz-placeholder{color:#ff5656}.bk-form-item input.bk-error:-ms-input-placeholder,.bk-form-item input.is-danger:-ms-input-placeholder,.bk-form-item select.bk-error:-ms-input-placeholder,.bk-form-item select.is-danger:-ms-input-placeholder,.bk-form-item textarea.bk-error:-ms-input-placeholder,.bk-form-item textarea.is-danger:-ms-input-placeholder{color:#ff5656}.bk-form-item input.bk-error::-ms-input-placeholder,.bk-form-item input.is-danger::-ms-input-placeholder,.bk-form-item select.bk-error::-ms-input-placeholder,.bk-form-item select.is-danger::-ms-input-placeholder,.bk-form-item textarea.bk-error::-ms-input-placeholder,.bk-form-item textarea.is-danger::-ms-input-placeholder{color:#ff5656}.bk-form-item input.bk-error::placeholder,.bk-form-item input.is-danger::placeholder,.bk-form-item select.bk-error::placeholder,.bk-form-item select.is-danger::placeholder,.bk-form-item textarea.bk-error::placeholder,.bk-form-item textarea.is-danger::placeholder{color:#ff5656}.bk-form-item input.bk-error+.bk-form-tip .bk-tip-text,.bk-form-item input.is-danger+.bk-form-tip .bk-tip-text,.bk-form-item select.bk-error+.bk-form-tip .bk-tip-text,.bk-form-item select.is-danger+.bk-form-tip .bk-tip-text,.bk-form-item textarea.bk-error+.bk-form-tip .bk-tip-text,.bk-form-item textarea.is-danger+.bk-form-tip .bk-tip-text{color:#ff5656}.bk-form-tip{height:36px;line-height:36px;padding:0 10px 0 35px;position:relative;position:absolute;left:100%;top:0}.bk-form-tip .bk-badge{vertical-align:middle}.bk-form-tip .bk-tip-text{float:left;font-size:14px;color:#63656e;display:inline-block;padding:0;margin:0;white-space:nowrap}
1
+ .bk-form.bk-inline-form{display:inline-block}.bk-form.bk-inline-form .bk-form-item{display:inline-block;margin-bottom:0;margin-left:8px;vertical-align:middle}.bk-form.bk-inline-form .bk-form-item:first-child{margin-left:0}.bk-form.bk-inline-form .bk-form-item+.bk-form-item{margin-top:0}.bk-form.bk-inline-form .bk-form-item .bk-label{width:auto!important;float:left}.bk-form.bk-inline-form .bk-form-item .bk-form-content{margin-left:0!important;float:left}.bk-form.bk-inline-form .bk-label{width:auto;line-height:32px;display:inline-block;padding:0 15px 0 0}.bk-form.bk-inline-form.is-required>.bk-label:after{right:5px}.bk-form.bk-inline-form .bk-form-content{display:inline-block;margin-left:0}.bk-form.bk-form-vertical .bk-label{width:auto;text-align:left}.bk-form.bk-form-vertical .bk-form-content{clear:both;margin-left:0!important}.bk-form.bk-form-vertical .bk-form-item+.bk-form-item{margin-top:8px}.bk-form.bk-form-vertical .bk-form-item.bk-form-action{margin-top:20px}.bk-form.bk-form-vertical .bk-form-tip{padding:0;margin:10px 0 0;position:relative;height:auto;line-height:1;left:0}.bk-form.bk-form-vertical .bk-form-tip .bk-tip-text{float:none;vertical-align:middle}.bk-form.bk-form-vertical .bk-form-tip .bk-badge{margin-right:5px}.bk-form .bk-label{width:150px;min-height:32px;text-align:right;vertical-align:middle;line-height:32px;float:left;font-size:14px;font-weight:400;color:#63656e;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 22px 0 0}.bk-form .bk-label .bk-label-text{display:inline-block;line-height:20px}.bk-form .bk-label .bk-label-text .bk-icon{cursor:pointer;color:#979ba5;font-size:16px}.bk-form .bk-label.has-desc>span{border-bottom:1px dashed #979ba5;cursor:pointer}.bk-form .bk-form-content{width:auto;min-height:32px;margin-left:150px;position:relative;outline:none;line-height:30px}.bk-form .bk-form-content .form-error-tip{font-size:12px;color:#ea3636;line-height:18px;margin:2px 0 0}.bk-form .bk-form-content .tooltips-icon{position:absolute;z-index:10;right:8px;top:8px;color:#ea3636;cursor:pointer;font-size:16px}.bk-form .bk-form-content>.bk-tip-text{font-size:14px;color:#63656e;margin:10px 0 0}.bk-form .bk-form-content>.bk-form-tip{padding:0;margin:10px 0 0;position:relative;height:auto;line-height:1;left:0}.bk-form .bk-form-content>.bk-form-tip .bk-tip-text{float:none;vertical-align:middle}.bk-form .bk-form-content>.bk-form-tip .bk-badge{margin-right:5px}.bk-form ::-webkit-input-placeholder{color:#c3cdd7}.bk-form ::-moz-placeholder{color:#c3cdd7}.bk-form :-ms-input-placeholder{color:#c3cdd7}.bk-form ::-ms-input-placeholder{color:#c3cdd7}.bk-form ::placeholder{color:#c3cdd7}.bk-form .bk-form-item:before,.bk-form:after{display:table;content:"";clear:both;visibility:hidden;font-size:0}.bk-form input:-webkit-autofill,.bk-form select:-webkit-autofill,.bk-form textarea:-webkit-autofill{background:#fff!important}.bk-form-item{position:relative}.bk-form-item label{margin-bottom:0}.bk-form-item+.bk-form-item{margin-top:22px}.bk-form-item.is-required .bk-label{position:relative}.bk-form-item.is-required .bk-label:after{height:8px;line-height:1;content:"*";color:#ea3636;font-size:12px;position:absolute;display:inline-block;vertical-align:middle;top:50%;-webkit-transform:translate(3px,-50%);transform:translate(3px,-50%)}.bk-form-item.is-readonly input[type=password],.bk-form-item.is-readonly input[type=text],.bk-form-item.is-readonly select,.bk-form-item.is-readonly textarea{background-color:#fafafa}.bk-form-item.is-disabled input[type=password],.bk-form-item.is-disabled input[type=text],.bk-form-item.is-disabled select,.bk-form-item.is-disabled textarea{background-color:#fafafa}.bk-form-item.is-checking .bk-form-content{position:relative}.bk-form-item.is-checking .bk-form-content :after{content:"";width:100%;height:100%;position:absolute;z-index:1000000;cursor:not-allowed;left:0;right:0;top:0;bottom:0;margin:auto}.bk-form-item.is-danger input[type=number],.bk-form-item.is-danger input[type=password],.bk-form-item.is-danger input[type=text],.bk-form-item.is-danger input[type=url],.bk-form-item.is-danger select,.bk-form-item.is-danger textarea,.bk-form-item.is-error input[type=number],.bk-form-item.is-error input[type=password],.bk-form-item.is-error input[type=text],.bk-form-item.is-error input[type=url],.bk-form-item.is-error select,.bk-form-item.is-error textarea{border-color:#ea3636;color:#ea3636}.bk-form-item.is-danger .bk-tag-selector .bk-tag-input,.bk-form-item.is-danger .bk-textarea-wrapper,.bk-form-item.is-error .bk-tag-selector .bk-tag-input,.bk-form-item.is-error .bk-textarea-wrapper{border-color:#ea3636}.bk-form-item.is-danger .bk-form-tip .bk-tip-text,.bk-form-item.is-error .bk-form-tip .bk-tip-text{color:#ea3636}.bk-form-item.is-danger .bk-select,.bk-form-item.is-error .bk-select{border-color:#ea3636}.bk-form-item.is-warning input[type=password],.bk-form-item.is-warning input[type=text],.bk-form-item.is-warning select,.bk-form-item.is-warning textarea{border-color:#ffb848}.bk-form-item.is-success input[type=password],.bk-form-item.is-success input[type=text],.bk-form-item.is-success select,.bk-form-item.is-success textarea{border-color:#2dcb56}.bk-form-item input.bk-success+.bk-form-tip .bk-tip-text,.bk-form-item input.is-success+.bk-form-tip .bk-tip-text,.bk-form-item select.bk-success+.bk-form-tip .bk-tip-text,.bk-form-item select.is-success+.bk-form-tip .bk-tip-text,.bk-form-item textarea.bk-success+.bk-form-tip .bk-tip-text,.bk-form-item textarea.is-success+.bk-form-tip .bk-tip-text{color:#2dcb56}.bk-form-item input.bk-error,.bk-form-item input.is-danger,.bk-form-item select.bk-error,.bk-form-item select.is-danger,.bk-form-item textarea.bk-error,.bk-form-item textarea.is-danger{border-color:#ff5656;background-color:#fff4f4;color:#ff5656}.bk-form-item input.bk-error::-webkit-input-placeholder,.bk-form-item input.is-danger::-webkit-input-placeholder,.bk-form-item select.bk-error::-webkit-input-placeholder,.bk-form-item select.is-danger::-webkit-input-placeholder,.bk-form-item textarea.bk-error::-webkit-input-placeholder,.bk-form-item textarea.is-danger::-webkit-input-placeholder{color:#ff5656}.bk-form-item input.bk-error::-moz-placeholder,.bk-form-item input.is-danger::-moz-placeholder,.bk-form-item select.bk-error::-moz-placeholder,.bk-form-item select.is-danger::-moz-placeholder,.bk-form-item textarea.bk-error::-moz-placeholder,.bk-form-item textarea.is-danger::-moz-placeholder{color:#ff5656}.bk-form-item input.bk-error:-ms-input-placeholder,.bk-form-item input.is-danger:-ms-input-placeholder,.bk-form-item select.bk-error:-ms-input-placeholder,.bk-form-item select.is-danger:-ms-input-placeholder,.bk-form-item textarea.bk-error:-ms-input-placeholder,.bk-form-item textarea.is-danger:-ms-input-placeholder{color:#ff5656}.bk-form-item input.bk-error::-ms-input-placeholder,.bk-form-item input.is-danger::-ms-input-placeholder,.bk-form-item select.bk-error::-ms-input-placeholder,.bk-form-item select.is-danger::-ms-input-placeholder,.bk-form-item textarea.bk-error::-ms-input-placeholder,.bk-form-item textarea.is-danger::-ms-input-placeholder{color:#ff5656}.bk-form-item input.bk-error::placeholder,.bk-form-item input.is-danger::placeholder,.bk-form-item select.bk-error::placeholder,.bk-form-item select.is-danger::placeholder,.bk-form-item textarea.bk-error::placeholder,.bk-form-item textarea.is-danger::placeholder{color:#ff5656}.bk-form-item input.bk-error+.bk-form-tip .bk-tip-text,.bk-form-item input.is-danger+.bk-form-tip .bk-tip-text,.bk-form-item select.bk-error+.bk-form-tip .bk-tip-text,.bk-form-item select.is-danger+.bk-form-tip .bk-tip-text,.bk-form-item textarea.bk-error+.bk-form-tip .bk-tip-text,.bk-form-item textarea.is-danger+.bk-form-tip .bk-tip-text{color:#ff5656}.bk-form-tip{height:36px;line-height:36px;padding:0 10px 0 35px;position:relative;position:absolute;left:100%;top:0}.bk-form-tip .bk-badge{vertical-align:middle}.bk-form-tip .bk-tip-text{float:left;font-size:14px;color:#63656e;display:inline-block;padding:0;margin:0;white-space:nowrap}
2
2
  /*# sourceMappingURL=form.min.css.map */
package/lib/ui/form.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["form.css"],"names":[],"mappings":"AAGI,wBACI,oBA+CJ,CA7CI,sCACI,oBAAqB,CACrB,eAAgB,CAChB,eAAgB,CAChB,qBAmBJ,CAjBI,kDACI,aACJ,CAEA,oDACI,YACJ,CAEA,gDACI,oBAAsB,CACtB,UACJ,CAEA,uDACI,uBAAyB,CACzB,UACJ,CAGJ,kCACI,UAAW,CACX,gBAAiB,CACjB,oBAAqB,CACrB,kBACJ,CAIQ,oDACI,SACJ,CAIR,yCACI,oBAAqB,CACrB,aACJ,CAKA,oCACI,UAAW,CACX,eACJ,CAEA,2CACI,UAAW,CACX,uBACJ,CAGI,sDACI,cACJ,CAEA,uDACI,eACJ,CAGJ,uCACI,SAAU,CACV,eAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,aAAc,CACd,MAUJ,CARI,oDACI,UAAW,CACX,qBACJ,CAEA,iDACI,gBACJ,CAIR,mBACI,WAAY,CACZ,eAAgB,CAChB,gBAAiB,CACjB,qBAAsB,CACtB,gBAAiB,CACjB,UAAW,CACX,cAAe,CACf,eAAmB,CACnB,aAAc,CACd,6BAAsB,CAAtB,qBAAsB,CACtB,kBAiBJ,CAfI,kCACI,oBAAqB,CACrB,gBAOJ,CALI,2CACI,cAAe,CACf,aAAc,CACd,cACJ,CAGJ,iCACI,gCAAiC,CACjC,cACJ,CAGJ,0BACI,UAAW,CACX,eAAgB,CAChB,iBAAkB,CAClB,iBAAkB,CAClB,YAAa,CACb,gBA0CJ,CAxCI,0CACI,cAAe,CACf,aAAmB,CACnB,gBAAiB,CACjB,cACJ,CAEA,yCACI,iBAAkB,CAClB,UAAW,CACX,SAAU,CACV,OAAQ,CACR,aAAmB,CACnB,cAAe,CACf,cACJ,CAEA,uCACI,cAAe,CACf,aAAmB,CACnB,eACJ,CAEA,uCACI,SAAU,CACV,eAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,aAAc,CACd,MAUJ,CARI,oDACI,UAAW,CACX,qBACJ,CAEA,iDACI,gBACJ,CAIR,qCACI,aACJ,CAFA,4BACI,aACJ,CAFA,gCACI,aACJ,CAFA,iCACI,aACJ,CAFA,uBACI,aACJ,CAEA,6CAEI,aAAc,CACd,UAAW,CACX,UAAW,CACX,iBAAkB,CAClB,WACJ,CAEA,oGAGI,yBACJ,CAGJ,cACI,iBAqKJ,CAnKI,oBACI,eACJ,CAEA,4BACI,eACJ,CAGI,oCACI,iBAcJ,CAZI,0CACI,UAAW,CACX,aAAc,CACd,WAAY,CACZ,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,OAAQ,CACR,qCAA+B,CAA/B,6BACJ,CAMJ,8JAII,wBACJ,CAKA,8JAII,wBACJ,CAIA,2CACI,iBAcJ,CAbI,kDACI,UAAW,CACX,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,eAAgB,CAChB,kBAAmB,CACnB,MAAO,CACP,OAAQ,CACR,KAAM,CACN,QAAS,CACT,WACJ,CAOJ,4cAMI,oBAA0B,CAC1B,aAKJ,CAMA,sMACI,oBAIJ,CAGI,mGACI,aACJ,CAGJ,qEACI,oBAKJ,CAKA,0JAII,oBACJ,CAKA,0JAII,oBACJ,CAUI,8VACI,aACJ,CAIR,yLAMI,oBAA0B,CAC1B,wBAAyB,CACzB,aAWJ,CATI,2VACI,aACJ,CAFA,qSACI,aACJ,CAFA,6TACI,aACJ,CAFA,mUACI,aACJ,CAFA,uQACI,aACJ,CAGI,qVACI,aACJ,CAMZ,aACI,WAAY,CACZ,gBAAiB,CACjB,qBAAsB,CACtB,iBAAkB,CAgBlB,iBAAkB,CAClB,SAAU,CACV,KACJ,CAjBI,uBACI,qBACJ,CAEA,0BACI,UAAW,CACX,cAAe,CACf,aAAmB,CACnB,oBAAqB,CACrB,SAAU,CACV,QAAS,CACT,kBACJ","file":"form.min.css","sourcesContent":["@import './variable.css';\n\n.bk-form {\n &.bk-inline-form {\n display: inline-block;\n\n .bk-form-item {\n display: inline-block;\n margin-bottom: 0;\n margin-left: 8px;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n +.bk-form-item {\n margin-top: 0;\n }\n\n .bk-label {\n width: auto !important;\n float: left;\n }\n\n .bk-form-content {\n margin-left: 0 !important;\n float: left;\n }\n }\n\n .bk-label {\n width: auto;\n line-height: 32px;\n display: inline-block;\n padding: 0 15px 0 0;\n }\n\n &.is-required {\n >.bk-label {\n &:after {\n right: 5px;\n }\n }\n }\n\n .bk-form-content {\n display: inline-block;\n margin-left: 0;\n }\n\n }\n\n &.bk-form-vertical {\n .bk-label {\n width: auto;\n text-align: left;\n }\n\n .bk-form-content {\n clear: both;\n margin-left: 0 !important;\n }\n\n .bk-form-item {\n &+.bk-form-item {\n margin-top: 8px;\n }\n\n &.bk-form-action {\n margin-top: 20px;\n }\n }\n\n .bk-form-tip {\n padding: 0;\n margin: 10px 0 0 0;\n position: relative;\n height: auto;\n line-height: 1;\n left: 0;\n\n .bk-tip-text {\n float: none;\n vertical-align: middle;\n }\n\n .bk-badge {\n margin-right: 5px;\n }\n }\n }\n\n .bk-label {\n width: 150px;\n min-height: 32px;\n text-align: right;\n vertical-align: middle;\n line-height: 32px;\n float: left;\n font-size: 14px;\n font-weight: normal;\n color: #63656E;\n box-sizing: border-box;\n padding: 0 24px 0 0;\n\n .bk-label-text {\n display: inline-block;\n line-height: 20px;\n\n .bk-icon {\n cursor: pointer;\n color: #979BA5;\n font-size: 16px;\n }\n }\n\n &.has-desc > span {\n border-bottom: 1px dashed #979BA5;\n cursor: pointer;\n }\n }\n\n .bk-form-content {\n width: auto;\n min-height: 32px;\n margin-left: 150px;\n position: relative;\n outline: none;\n line-height: 30px;\n\n .form-error-tip {\n font-size: 12px;\n color: $newRedColor;\n line-height: 18px;\n margin: 2px 0 0 0;\n }\n\n .tooltips-icon {\n position: absolute;\n z-index: 10;\n right: 8px;\n top: 8px;\n color: $newRedColor;\n cursor: pointer;\n font-size: 16px;\n }\n\n >.bk-tip-text {\n font-size: 14px;\n color: $fnMainColor;\n margin: 10px 0 0 0;\n }\n\n >.bk-form-tip {\n padding: 0;\n margin: 10px 0 0 0;\n position: relative;\n height: auto;\n line-height: 1;\n left: 0;\n\n .bk-tip-text {\n float: none;\n vertical-align: middle;\n }\n\n .bk-badge {\n margin-right: 5px;\n }\n }\n }\n\n ::placeholder {\n color: $fnMinorColor;\n }\n\n &::after,\n .bk-form-item::before {\n display: table;\n content: \"\";\n clear: both;\n visibility: hidden;\n font-size: 0;\n }\n\n input:-webkit-autofill,\n textarea:-webkit-autofill,\n select:-webkit-autofill {\n background: #fff !important;\n }\n}\n\n.bk-form-item {\n position: relative;\n\n label {\n margin-bottom: 0;\n }\n\n +.bk-form-item {\n margin-top: 20px;\n }\n\n &.is-required {\n .bk-label {\n position: relative;\n\n &:after {\n height: 8px;\n line-height: 1;\n content: '*';\n color: #EA3636;\n font-size: 12px;\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n top: 50%;\n transform: translate(3px, -50%);\n }\n }\n }\n\n &.is-readonly {\n\n input[type=\"text\"],\n input[type=\"password\"],\n textarea,\n select {\n background-color: #fafafa;\n }\n }\n\n &.is-disabled {\n\n input[type=\"text\"],\n input[type=\"password\"],\n textarea,\n select {\n background-color: #fafafa;\n }\n }\n\n &.is-checking {\n .bk-form-content {\n position: relative;\n ::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 1000000;\n cursor: not-allowed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n }\n }\n }\n\n &.is-danger,\n &.is-error {\n\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"number\"],\n input[type=\"url\"],\n textarea,\n select {\n border-color: $newRedColor;\n color: $newRedColor;\n\n /*&::placeholder {\n color: $newRedColor;\n }*/\n }\n\n .bk-textarea-wrapper {\n border-color: $newRedColor;\n }\n\n .bk-tag-selector .bk-tag-input {\n border-color: $newRedColor;\n /*.placeholder {\n color: $newRedColor;\n }*/\n }\n\n .bk-form-tip {\n .bk-tip-text {\n color: $newRedColor;\n }\n }\n\n .bk-select {\n border-color: $newRedColor;\n\n /*&.is-default-trigger.is-unselected:before {\n color: $newRedColor;\n }*/\n }\n }\n\n &.is-warning {\n\n input[type=\"text\"],\n input[type=\"password\"],\n textarea,\n select {\n border-color: $warningColor;\n }\n }\n\n &.is-success {\n\n input[type=\"text\"],\n input[type=\"password\"],\n textarea,\n select {\n border-color: $successColor;\n }\n }\n\n input.bk-success,\n select.bk-success,\n textarea.bk-success,\n input.is-success,\n select.is-success,\n textarea.is-success {\n +.bk-form-tip {\n .bk-tip-text {\n color: $successColor;\n }\n }\n }\n\n input.bk-error,\n select.bk-error,\n textarea.bk-error,\n input.is-danger,\n select.is-danger,\n textarea.is-danger {\n border-color: $dangerColor;\n background-color: #fff4f4;\n color: $dangerColor;\n\n &::placeholder {\n color: $dangerColor;\n }\n\n +.bk-form-tip {\n .bk-tip-text {\n color: $dangerColor;\n }\n }\n }\n\n}\n\n.bk-form-tip {\n height: 36px;\n line-height: 36px;\n padding: 0 10px 0 35px;\n position: relative;\n\n .bk-badge {\n vertical-align: middle;\n }\n\n .bk-tip-text {\n float: left;\n font-size: 14px;\n color: $fnMainColor;\n display: inline-block;\n padding: 0;\n margin: 0;\n white-space: nowrap;\n }\n\n position: absolute;\n left: 100%;\n top: 0;\n}\n"]}
1
+ {"version":3,"sources":["form.css"],"names":[],"mappings":"AAGI,wBACI,oBA+CJ,CA7CI,sCACI,oBAAqB,CACrB,eAAgB,CAChB,eAAgB,CAChB,qBAmBJ,CAjBI,kDACI,aACJ,CAEA,oDACI,YACJ,CAEA,gDACI,oBAAsB,CACtB,UACJ,CAEA,uDACI,uBAAyB,CACzB,UACJ,CAGJ,kCACI,UAAW,CACX,gBAAiB,CACjB,oBAAqB,CACrB,kBACJ,CAIQ,oDACI,SACJ,CAIR,yCACI,oBAAqB,CACrB,aACJ,CAKA,oCACI,UAAW,CACX,eACJ,CAEA,2CACI,UAAW,CACX,uBACJ,CAGI,sDACI,cACJ,CAEA,uDACI,eACJ,CAGJ,uCACI,SAAU,CACV,eAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,aAAc,CACd,MAUJ,CARI,oDACI,UAAW,CACX,qBACJ,CAEA,iDACI,gBACJ,CAIR,mBACI,WAAY,CACZ,eAAgB,CAChB,gBAAiB,CACjB,qBAAsB,CACtB,gBAAiB,CACjB,UAAW,CACX,cAAe,CACf,eAAmB,CACnB,aAAc,CACd,6BAAsB,CAAtB,qBAAsB,CACtB,kBAiBJ,CAfI,kCACI,oBAAqB,CACrB,gBAOJ,CALI,2CACI,cAAe,CACf,aAAc,CACd,cACJ,CAGJ,iCACI,gCAAiC,CACjC,cACJ,CAGJ,0BACI,UAAW,CACX,eAAgB,CAChB,iBAAkB,CAClB,iBAAkB,CAClB,YAAa,CACb,gBA0CJ,CAxCI,0CACI,cAAe,CACf,aAAmB,CACnB,gBAAiB,CACjB,cACJ,CAEA,yCACI,iBAAkB,CAClB,UAAW,CACX,SAAU,CACV,OAAQ,CACR,aAAmB,CACnB,cAAe,CACf,cACJ,CAEA,uCACI,cAAe,CACf,aAAmB,CACnB,eACJ,CAEA,uCACI,SAAU,CACV,eAAkB,CAClB,iBAAkB,CAClB,WAAY,CACZ,aAAc,CACd,MAUJ,CARI,oDACI,UAAW,CACX,qBACJ,CAEA,iDACI,gBACJ,CAIR,qCACI,aACJ,CAFA,4BACI,aACJ,CAFA,gCACI,aACJ,CAFA,iCACI,aACJ,CAFA,uBACI,aACJ,CAEA,6CAEI,aAAc,CACd,UAAW,CACX,UAAW,CACX,iBAAkB,CAClB,WACJ,CAEA,oGAGI,yBACJ,CAGJ,cACI,iBAqKJ,CAnKI,oBACI,eACJ,CAEA,4BACI,eACJ,CAGI,oCACI,iBAcJ,CAZI,0CACI,UAAW,CACX,aAAc,CACd,WAAY,CACZ,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,OAAQ,CACR,qCAA+B,CAA/B,6BACJ,CAMJ,8JAII,wBACJ,CAKA,8JAII,wBACJ,CAIA,2CACI,iBAcJ,CAbI,kDACI,UAAW,CACX,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,eAAgB,CAChB,kBAAmB,CACnB,MAAO,CACP,OAAQ,CACR,KAAM,CACN,QAAS,CACT,WACJ,CAOJ,4cAMI,oBAA0B,CAC1B,aAKJ,CAMA,sMACI,oBAIJ,CAGI,mGACI,aACJ,CAGJ,qEACI,oBAKJ,CAKA,0JAII,oBACJ,CAKA,0JAII,oBACJ,CAUI,8VACI,aACJ,CAIR,yLAMI,oBAA0B,CAC1B,wBAAyB,CACzB,aAWJ,CATI,2VACI,aACJ,CAFA,qSACI,aACJ,CAFA,6TACI,aACJ,CAFA,mUACI,aACJ,CAFA,uQACI,aACJ,CAGI,qVACI,aACJ,CAMZ,aACI,WAAY,CACZ,gBAAiB,CACjB,qBAAsB,CACtB,iBAAkB,CAgBlB,iBAAkB,CAClB,SAAU,CACV,KACJ,CAjBI,uBACI,qBACJ,CAEA,0BACI,UAAW,CACX,cAAe,CACf,aAAmB,CACnB,oBAAqB,CACrB,SAAU,CACV,QAAS,CACT,kBACJ","file":"form.min.css","sourcesContent":["@import './variable.css';\n\n.bk-form {\n &.bk-inline-form {\n display: inline-block;\n\n .bk-form-item {\n display: inline-block;\n margin-bottom: 0;\n margin-left: 8px;\n vertical-align: middle;\n\n &:first-child {\n margin-left: 0;\n }\n\n +.bk-form-item {\n margin-top: 0;\n }\n\n .bk-label {\n width: auto !important;\n float: left;\n }\n\n .bk-form-content {\n margin-left: 0 !important;\n float: left;\n }\n }\n\n .bk-label {\n width: auto;\n line-height: 32px;\n display: inline-block;\n padding: 0 15px 0 0;\n }\n\n &.is-required {\n >.bk-label {\n &:after {\n right: 5px;\n }\n }\n }\n\n .bk-form-content {\n display: inline-block;\n margin-left: 0;\n }\n\n }\n\n &.bk-form-vertical {\n .bk-label {\n width: auto;\n text-align: left;\n }\n\n .bk-form-content {\n clear: both;\n margin-left: 0 !important;\n }\n\n .bk-form-item {\n &+.bk-form-item {\n margin-top: 8px;\n }\n\n &.bk-form-action {\n margin-top: 20px;\n }\n }\n\n .bk-form-tip {\n padding: 0;\n margin: 10px 0 0 0;\n position: relative;\n height: auto;\n line-height: 1;\n left: 0;\n\n .bk-tip-text {\n float: none;\n vertical-align: middle;\n }\n\n .bk-badge {\n margin-right: 5px;\n }\n }\n }\n\n .bk-label {\n width: 150px;\n min-height: 32px;\n text-align: right;\n vertical-align: middle;\n line-height: 32px;\n float: left;\n font-size: 14px;\n font-weight: normal;\n color: #63656E;\n box-sizing: border-box;\n padding: 0 22px 0 0;\n\n .bk-label-text {\n display: inline-block;\n line-height: 20px;\n\n .bk-icon {\n cursor: pointer;\n color: #979BA5;\n font-size: 16px;\n }\n }\n\n &.has-desc > span {\n border-bottom: 1px dashed #979BA5;\n cursor: pointer;\n }\n }\n\n .bk-form-content {\n width: auto;\n min-height: 32px;\n margin-left: 150px;\n position: relative;\n outline: none;\n line-height: 30px;\n\n .form-error-tip {\n font-size: 12px;\n color: $newRedColor;\n line-height: 18px;\n margin: 2px 0 0 0;\n }\n\n .tooltips-icon {\n position: absolute;\n z-index: 10;\n right: 8px;\n top: 8px;\n color: $newRedColor;\n cursor: pointer;\n font-size: 16px;\n }\n\n >.bk-tip-text {\n font-size: 14px;\n color: $fnMainColor;\n margin: 10px 0 0 0;\n }\n\n >.bk-form-tip {\n padding: 0;\n margin: 10px 0 0 0;\n position: relative;\n height: auto;\n line-height: 1;\n left: 0;\n\n .bk-tip-text {\n float: none;\n vertical-align: middle;\n }\n\n .bk-badge {\n margin-right: 5px;\n }\n }\n }\n\n ::placeholder {\n color: $fnMinorColor;\n }\n\n &::after,\n .bk-form-item::before {\n display: table;\n content: \"\";\n clear: both;\n visibility: hidden;\n font-size: 0;\n }\n\n input:-webkit-autofill,\n textarea:-webkit-autofill,\n select:-webkit-autofill {\n background: #fff !important;\n }\n}\n\n.bk-form-item {\n position: relative;\n\n label {\n margin-bottom: 0;\n }\n\n +.bk-form-item {\n margin-top: 22px;\n }\n\n &.is-required {\n .bk-label {\n position: relative;\n\n &:after {\n height: 8px;\n line-height: 1;\n content: '*';\n color: #EA3636;\n font-size: 12px;\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n top: 50%;\n transform: translate(3px, -50%);\n }\n }\n }\n\n &.is-readonly {\n\n input[type=\"text\"],\n input[type=\"password\"],\n textarea,\n select {\n background-color: #fafafa;\n }\n }\n\n &.is-disabled {\n\n input[type=\"text\"],\n input[type=\"password\"],\n textarea,\n select {\n background-color: #fafafa;\n }\n }\n\n &.is-checking {\n .bk-form-content {\n position: relative;\n ::after {\n content: '';\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 1000000;\n cursor: not-allowed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n }\n }\n }\n\n &.is-danger,\n &.is-error {\n\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"number\"],\n input[type=\"url\"],\n textarea,\n select {\n border-color: $newRedColor;\n color: $newRedColor;\n\n /*&::placeholder {\n color: $newRedColor;\n }*/\n }\n\n .bk-textarea-wrapper {\n border-color: $newRedColor;\n }\n\n .bk-tag-selector .bk-tag-input {\n border-color: $newRedColor;\n /*.placeholder {\n color: $newRedColor;\n }*/\n }\n\n .bk-form-tip {\n .bk-tip-text {\n color: $newRedColor;\n }\n }\n\n .bk-select {\n border-color: $newRedColor;\n\n /*&.is-default-trigger.is-unselected:before {\n color: $newRedColor;\n }*/\n }\n }\n\n &.is-warning {\n\n input[type=\"text\"],\n input[type=\"password\"],\n textarea,\n select {\n border-color: $warningColor;\n }\n }\n\n &.is-success {\n\n input[type=\"text\"],\n input[type=\"password\"],\n textarea,\n select {\n border-color: $successColor;\n }\n }\n\n input.bk-success,\n select.bk-success,\n textarea.bk-success,\n input.is-success,\n select.is-success,\n textarea.is-success {\n +.bk-form-tip {\n .bk-tip-text {\n color: $successColor;\n }\n }\n }\n\n input.bk-error,\n select.bk-error,\n textarea.bk-error,\n input.is-danger,\n select.is-danger,\n textarea.is-danger {\n border-color: $dangerColor;\n background-color: #fff4f4;\n color: $dangerColor;\n\n &::placeholder {\n color: $dangerColor;\n }\n\n +.bk-form-tip {\n .bk-tip-text {\n color: $dangerColor;\n }\n }\n }\n\n}\n\n.bk-form-tip {\n height: 36px;\n line-height: 36px;\n padding: 0 10px 0 35px;\n position: relative;\n\n .bk-badge {\n vertical-align: middle;\n }\n\n .bk-tip-text {\n float: left;\n font-size: 14px;\n color: $fnMainColor;\n display: inline-block;\n padding: 0;\n margin: 0;\n white-space: nowrap;\n }\n\n position: absolute;\n left: 100%;\n top: 0;\n}\n"]}
package/lib/ui/info-box.css CHANGED
@@ -100,7 +100,7 @@
100
100
  }
101
101
 
102
102
  .bk-dialog-wrapper .bk-dialog-header{
103
- padding:3px 24px 24px 24px;
103
+ padding:0 24px 8px 24px;
104
104
  line-height:1.2;
105
105
  text-align:center;
106
106
  }
@@ -136,7 +136,7 @@
136
136
  }
137
137
 
138
138
  .bk-dialog-wrapper .bk-dialog-body{
139
- padding:3px 24px 26px;
139
+ padding:3px 24px 24px;
140
140
  font-size:14px;
141
141
  line-height:1.5;
142
142
  color:#63656e;
@@ -172,7 +172,7 @@
172
172
  }
173
173
 
174
174
  .bk-dialog-wrapper .bk-dialog-footer{
175
- padding:12px 24px 12px 24px;
175
+ padding:7px 24px 7px 24px;
176
176
  background-color:#fafbfd;
177
177
  border-top:1px solid #dcdee5;
178
178
  border-radius:2px;
@@ -228,7 +228,7 @@
228
228
  color:#63656e;
229
229
  line-height:1.5;
230
230
  text-align:center;
231
- word-break:break-all;
231
+ word-break:break-word;
232
232
  }
233
233
 
234
234
  .bk-dialog-wrapper .bk-info-box .bk-dialog-body{
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-header{padding:3px 24px 24px;line-height:1.2;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:20px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bk-dialog-wrapper .bk-dialog-header .header-center{font-size:24px}.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-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-close:hover{background-color:#f0f1f5}.bk-dialog-wrapper .bk-info-box .bk-dialog-header{padding:15px 30px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header{padding:5px 50px 6px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header.has-sub{padding-bottom: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 33px;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 22px;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:20px;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:#63656e;line-height:1.5;margin:0;text-align:center;word-break:break-all}.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:42px;height:42px;line-height:42px;font-size:36px;color:#fff;border-radius:50%}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{background-color:#ffe8c3;color:#ff9c01;font-size:26px}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error{background-color:#fdd;color:#ea3636}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success{background-color:#e5f6ea;color:#3fc06d}@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-header{padding:0 24px 8px;line-height:1.2;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:20px;color:#313238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bk-dialog-wrapper .bk-dialog-header .header-center{font-size:24px}.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 24px;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:7px 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-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-close:hover{background-color:#f0f1f5}.bk-dialog-wrapper .bk-info-box .bk-dialog-header{padding:15px 30px 10px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header{padding:5px 50px 6px}.bk-dialog-wrapper .bk-info-box .bk-dialog-sub-header.has-sub{padding-bottom: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-word}.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 33px;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 22px;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:20px;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:#63656e;line-height:1.5;margin:0;text-align:center;word-break:break-all}.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:42px;height:42px;line-height:42px;font-size:36px;color:#fff;border-radius:50%}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-warning{background-color:#ffe8c3;color:#ff9c01;font-size:26px}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-error{background-color:#fdd;color:#ea3636}.bk-dialog-wrapper .bk-info-box .bk-dialog-mark.bk-dialog-success{background-color:#e5f6ea;color:#3fc06d}@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\n }\n\n .bk-dialog-header {\n padding: 3px 24px 24px 24px;\n line-height: 1.2;\n text-align: center;\n p,\n .bk-dialog-header-inner {\n display: inline-block;\n width: 100%;\n font-size: 20px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n }\n .header-center {\n font-size: 24px;\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-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 .bk-info-box {\n .bk-dialog-header {\n padding: 15px 30px 10px 30px;\n }\n\n .bk-dialog-sub-header {\n padding: 5px 50px 6px 50px;\n &.has-sub {\n padding-bottom: 21px;\n }\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 33px;\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 22px 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: 20px;\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: $newBlackColor2;\n line-height: 1.5;\n margin: 0;\n text-align: center;\n word-break: break-all;\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: 42px;\n height: 42px;\n line-height: 42px;\n font-size: 36px;\n color: #fff;\n border-radius: 50%;\n }\n &.bk-dialog-warning {\n background-color: $newOrangeColor3;\n color: $newOrangeColor;\n font-size: 26px;\n }\n &.bk-dialog-error {\n background-color: $newRedColor3;\n color: $newRedColor;\n }\n &.bk-dialog-success {\n background-color: #e5f6ea;\n color: #3fc06d;\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\n }\n\n .bk-dialog-header {\n padding: 0 24px 8px 24px;\n line-height: 1.2;\n text-align: center;\n p,\n .bk-dialog-header-inner {\n display: inline-block;\n width: 100%;\n font-size: 20px;\n color: $newBlackColor1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin: 0;\n }\n .header-center {\n font-size: 24px;\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 24px;\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: 7px 24px 7px 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-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 .bk-info-box {\n .bk-dialog-header {\n padding: 15px 30px 10px 30px;\n }\n\n .bk-dialog-sub-header {\n padding: 5px 50px 6px 50px;\n &.has-sub {\n padding-bottom: 21px;\n }\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-word;\n }\n }\n .bk-dialog-body {\n padding: 3px 24px 30px;\n }\n .bk-dialog-footer {\n text-align: center;\n padding: 0 65px 33px;\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 22px 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: 20px;\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: $newBlackColor2;\n line-height: 1.5;\n margin: 0;\n text-align: center;\n word-break: break-all;\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: 42px;\n height: 42px;\n line-height: 42px;\n font-size: 36px;\n color: #fff;\n border-radius: 50%;\n }\n &.bk-dialog-warning {\n background-color: $newOrangeColor3;\n color: $newOrangeColor;\n font-size: 26px;\n }\n &.bk-dialog-error {\n background-color: $newRedColor3;\n color: $newRedColor;\n }\n &.bk-dialog-success {\n background-color: #e5f6ea;\n color: #3fc06d;\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/input.css CHANGED
@@ -228,7 +228,7 @@
228
228
  font-size:var(--font-size);
229
229
  box-sizing:border-box;
230
230
  border:1px solid #c4c6cc;
231
- padding:0 10px;
231
+ padding:0 10px 0 8px;
232
232
  text-align:left;
233
233
  vertical-align:middle;
234
234
  outline:none;