bkui-vue 1.0.3-beta.62.dialog.1 → 1.0.3-beta.63

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 (88) hide show
  1. package/dist/index.cjs.js +69 -69
  2. package/dist/index.esm.js +17802 -18626
  3. package/dist/index.umd.js +69 -69
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/checkbox/index.js +4 -4
  7. package/lib/components.d.ts +0 -1
  8. package/lib/components.js +0 -1
  9. package/lib/dialog/dialog.css +77 -139
  10. package/lib/dialog/dialog.d.ts +121 -41
  11. package/lib/dialog/dialog.less +65 -10
  12. package/lib/dialog/dialog.variable.css +77 -139
  13. package/lib/dialog/index.d.ts +272 -105
  14. package/lib/dialog/index.js +100 -91
  15. package/lib/dialog/props.d.ts +48 -8
  16. package/lib/info-box/index.d.ts +2 -2
  17. package/lib/info-box/index.js +173 -312
  18. package/lib/info-box/info-box.css +7 -63
  19. package/lib/info-box/info-box.d.ts +16 -17
  20. package/lib/info-box/info-box.less +14 -76
  21. package/lib/info-box/info-box.variable.css +7 -63
  22. package/lib/modal/index.d.ts +325 -45
  23. package/lib/modal/index.js +666 -187
  24. package/lib/modal/modal.css +31 -131
  25. package/lib/modal/modal.d.ts +126 -16
  26. package/lib/modal/modal.less +28 -84
  27. package/lib/modal/modal.variable.css +31 -131
  28. package/lib/modal/props.mixin.d.ts +53 -2
  29. package/lib/radio/index.js +5 -5
  30. package/lib/select/index.d.ts +33 -0
  31. package/lib/select/index.js +4 -2
  32. package/lib/select/select.css +19 -5
  33. package/lib/select/select.d.ts +11 -0
  34. package/lib/select/select.less +26 -6
  35. package/lib/select/select.variable.css +19 -5
  36. package/lib/select/selectTagInput.d.ts +7 -0
  37. package/lib/shared/index.d.ts +1 -0
  38. package/lib/shared/index.js +48 -1
  39. package/lib/shared/mask.d.ts +11 -0
  40. package/lib/sideslider/index.d.ts +222 -31
  41. package/lib/sideslider/index.js +36 -49
  42. package/lib/sideslider/sideslider.css +42 -4
  43. package/lib/sideslider/sideslider.d.ts +105 -14
  44. package/lib/sideslider/sideslider.less +58 -13
  45. package/lib/sideslider/sideslider.variable.css +42 -4
  46. package/lib/table/const.d.ts +1 -1
  47. package/lib/table/index.d.ts +0 -23
  48. package/lib/table/index.js +43 -176
  49. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  50. package/lib/table/plugins/use-pagination.d.ts +1 -3
  51. package/lib/table/props.d.ts +0 -8
  52. package/lib/table/table.css +42 -97
  53. package/lib/table/table.d.ts +0 -11
  54. package/lib/table/table.less +58 -43
  55. package/lib/table/table.variable.css +42 -97
  56. package/lib/table/use-attributes.d.ts +0 -1
  57. package/lib/table/use-render.d.ts +1 -1
  58. package/lib/table-column/index.js +2 -6
  59. package/lib/tree/index.d.ts +0 -23
  60. package/lib/tree/index.js +3 -9
  61. package/lib/tree/props.d.ts +0 -8
  62. package/lib/tree/tree.css +2 -75
  63. package/lib/tree/tree.d.ts +0 -11
  64. package/lib/tree/tree.variable.css +2 -75
  65. package/lib/virtual-render/index.d.ts +0 -4
  66. package/lib/virtual-render/index.js +52 -253
  67. package/lib/virtual-render/props.d.ts +0 -7
  68. package/lib/virtual-render/use-fix-top.d.ts +7 -2
  69. package/lib/virtual-render/v-virtual-render.d.ts +1 -2
  70. package/lib/virtual-render/virtual-render.css +2 -75
  71. package/lib/virtual-render/virtual-render.d.ts +0 -2
  72. package/lib/virtual-render/virtual-render.less +3 -3
  73. package/lib/virtual-render/virtual-render.variable.css +2 -75
  74. package/package.json +1 -1
  75. package/lib/info-box/render-component.d.ts +0 -4
  76. package/lib/modal/mask.d.ts +0 -6
  77. package/lib/scrollbar/index.d.ts +0 -14
  78. package/lib/scrollbar/index.js +0 -18737
  79. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
  80. package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
  81. package/lib/scrollbar/scrollbar-core/index.d.ts +0 -236
  82. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
  83. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
  84. package/lib/scrollbar/scrollbar.css +0 -74
  85. package/lib/scrollbar/scrollbar.less +0 -93
  86. package/lib/scrollbar/scrollbar.variable.css +0 -203
  87. package/lib/table/plugins/use-shift-key.d.ts +0 -11
  88. package/lib/virtual-render/use-scrollbar.d.ts +0 -23
package/lib/info-box/info-box.less CHANGED
@@ -1,86 +1,24 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- .@{bk-prefix}-infobox {
4
- font-size: 12px;
5
-
3
+ &.@{bk-prefix}-info-wrapper {
6
4
  .@{bk-prefix}-modal-wrapper {
7
- top: 50%;
8
- left: 50%;
9
- transform: translate(-50%, -50%);
10
- }
11
- }
12
-
13
- .@{bk-prefix}-infobox-header {
14
- padding-top: 24px;
15
- }
16
-
17
- .@{bk-prefix}-infobox-type {
18
- display: flex;
19
- justify-content: center;
20
- align-items: center;
21
- }
5
+ width: 440px;
22
6
 
23
- .@{bk-prefix}-infobox-icon {
24
- width: 42px;
25
- height: 42px;
26
- font-size: 42px;
27
-
28
- &.success {
29
- color: @success-color;
30
- }
31
-
32
- &.warning {
33
- color: @warning-color;
34
- }
35
-
36
- &.danger {
37
- color: @danger-color;
7
+ .@{bk-prefix}-dialog-header {
8
+ .@{bk-prefix}-dialog-title {
9
+ margin-top: 16px;
10
+ }
11
+ }
38
12
  }
39
13
 
40
- &.loading {
41
- color: @primary-color;
14
+ .@{bk-prefix}-dialog-footer {
15
+ button {
16
+ min-width: 88px;
17
+ }
42
18
  }
43
19
  }
44
20
 
45
- .@{bk-prefix}-infobox-title {
46
- padding-right: 24px;
47
- padding-left: 24px;
48
- margin-top: 24px;
49
- font-size: 20px;
50
- line-height: 32px;
51
- color: #313238;
52
- }
53
-
54
- .@{bk-prefix}-infobox-content {
55
- padding-right: 24px;
56
- padding-left: 24px;
57
- margin-top: 16px;
58
- }
59
-
60
- .@{bk-prefix}-infobox-footer {
61
- display: flex;
62
- padding-right: 24px;
63
- padding-bottom: 24px;
64
- padding-left: 24px;
65
- margin-top: 24px;
66
- align-content: center;
67
-
68
- &.is-position-right {
69
- justify-content: right;
70
- }
71
-
72
- &.is-position-center {
73
- justify-content: center;
74
- }
75
-
76
- &.is-position-left {
77
- justify-content: left;
78
- }
79
-
80
- .@{bk-prefix}-button {
81
- min-width: 88px;
82
- & ~ .@{bk-prefix}-button {
83
- margin-left: 8px;
84
- }
85
- }
21
+ .@{bk-prefix}-info-sub-title {
22
+ text-align: center;
23
+ word-break: break-all;
86
24
  }
package/lib/info-box/info-box.variable.css CHANGED
@@ -127,72 +127,16 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-infobox {
131
- font-size: 12px;
130
+ .bk-info-wrapper .bk-modal-wrapper {
131
+ width: 440px;
132
132
  }
133
- .bk-infobox .bk-modal-wrapper {
134
- top: 50%;
135
- left: 50%;
136
- transform: translate(-50%, -50%);
137
- }
138
- .bk-infobox-header {
139
- padding-top: 24px;
140
- }
141
- .bk-infobox-type {
142
- display: flex;
143
- justify-content: center;
144
- align-items: center;
145
- }
146
- .bk-infobox-icon {
147
- width: 42px;
148
- height: 42px;
149
- font-size: 42px;
150
- }
151
- .bk-infobox-icon.success {
152
- color: var(--success-color);
153
- }
154
- .bk-infobox-icon.warning {
155
- color: var(--warning-color);
156
- }
157
- .bk-infobox-icon.danger {
158
- color: var(--danger-color);
159
- }
160
- .bk-infobox-icon.loading {
161
- color: var(--primary-color);
162
- }
163
- .bk-infobox-title {
164
- padding-right: 24px;
165
- padding-left: 24px;
166
- margin-top: 24px;
167
- font-size: 20px;
168
- line-height: 32px;
169
- color: #313238;
170
- }
171
- .bk-infobox-content {
172
- padding-right: 24px;
173
- padding-left: 24px;
133
+ .bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
174
134
  margin-top: 16px;
175
135
  }
176
- .bk-infobox-footer {
177
- display: flex;
178
- padding-right: 24px;
179
- padding-bottom: 24px;
180
- padding-left: 24px;
181
- margin-top: 24px;
182
- align-content: center;
183
- }
184
- .bk-infobox-footer.is-position-right {
185
- justify-content: right;
186
- }
187
- .bk-infobox-footer.is-position-center {
188
- justify-content: center;
189
- }
190
- .bk-infobox-footer.is-position-left {
191
- justify-content: left;
192
- }
193
- .bk-infobox-footer .bk-button {
136
+ .bk-info-wrapper .bk-dialog-footer button {
194
137
  min-width: 88px;
195
138
  }
196
- .bk-infobox-footer .bk-button ~ .bk-button {
197
- margin-left: 8px;
139
+ .bk-info-sub-title {
140
+ text-align: center;
141
+ word-break: break-all;
198
142
  }