bkui-vue 1.0.3-beta.60.scrollbar.5 → 1.0.3-beta.61.dialog.1

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 (84) hide show
  1. package/dist/index.cjs.js +61 -63
  2. package/dist/index.esm.js +19978 -19906
  3. package/dist/index.umd.js +61 -63
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/components.d.ts +2 -0
  7. package/lib/components.js +3 -1
  8. package/lib/date-picker/index.js +1 -1
  9. package/lib/dialog/dialog.css +140 -80
  10. package/lib/dialog/dialog.d.ts +41 -121
  11. package/lib/dialog/dialog.less +10 -65
  12. package/lib/dialog/dialog.variable.css +140 -80
  13. package/lib/dialog/index.d.ts +105 -272
  14. package/lib/dialog/index.js +91 -100
  15. package/lib/dialog/props.d.ts +8 -48
  16. package/lib/info-box/index.d.ts +2 -2
  17. package/lib/info-box/index.js +312 -172
  18. package/lib/info-box/info-box.css +63 -7
  19. package/lib/info-box/info-box.d.ts +17 -16
  20. package/lib/info-box/info-box.less +76 -14
  21. package/lib/info-box/info-box.variable.css +63 -7
  22. package/lib/info-box/render-component.d.ts +4 -0
  23. package/lib/modal/hooks.d.ts +1 -1
  24. package/lib/modal/index.d.ts +48 -325
  25. package/lib/modal/index.js +195 -675
  26. package/lib/modal/mask.d.ts +6 -0
  27. package/lib/modal/modal.css +132 -34
  28. package/lib/modal/modal.d.ts +17 -126
  29. package/lib/modal/modal.less +88 -39
  30. package/lib/modal/modal.variable.css +132 -34
  31. package/lib/modal/props.mixin.d.ts +2 -53
  32. package/lib/scrollbar/index.d.ts +14 -0
  33. package/lib/scrollbar/index.js +18737 -0
  34. package/lib/{virtual-render → scrollbar}/scrollbar-core/index.d.ts +31 -8
  35. package/lib/{virtual-render/bk-scrollbar.css → scrollbar/scrollbar.css} +13 -13
  36. package/lib/{virtual-render/bk-scrollbar.less → scrollbar/scrollbar.less} +13 -13
  37. package/lib/{virtual-render/bk-scrollbar.variable.css → scrollbar/scrollbar.variable.css} +13 -13
  38. package/lib/search-select/index.d.ts +327 -12
  39. package/lib/search-select/index.js +620 -340
  40. package/lib/search-select/input.d.ts +6 -1
  41. package/lib/search-select/search-select.css +20 -6
  42. package/lib/search-select/search-select.d.ts +109 -4
  43. package/lib/search-select/search-select.less +16 -12
  44. package/lib/search-select/search-select.variable.css +20 -6
  45. package/lib/search-select/selected.d.ts +107 -5
  46. package/lib/search-select/utils.d.ts +13 -1
  47. package/lib/select/index.d.ts +23 -0
  48. package/lib/select/index.js +4 -1
  49. package/lib/select/select.d.ts +11 -0
  50. package/lib/shared/index.d.ts +0 -1
  51. package/lib/shared/index.js +1 -48
  52. package/lib/sideslider/index.d.ts +31 -222
  53. package/lib/sideslider/index.js +49 -36
  54. package/lib/sideslider/sideslider.css +4 -47
  55. package/lib/sideslider/sideslider.d.ts +14 -105
  56. package/lib/sideslider/sideslider.less +14 -65
  57. package/lib/sideslider/sideslider.variable.css +4 -47
  58. package/lib/table/index.js +37 -28
  59. package/lib/table/plugins/use-pagination.d.ts +3 -1
  60. package/lib/table/table.css +14 -13
  61. package/lib/table/table.less +2 -2
  62. package/lib/table/table.variable.css +14 -13
  63. package/lib/table/use-attributes.d.ts +1 -0
  64. package/lib/timeline/index.js +1 -0
  65. package/lib/tree/tree.css +13 -13
  66. package/lib/tree/tree.variable.css +13 -13
  67. package/lib/upload/index.d.ts +12 -0
  68. package/lib/upload/index.js +21 -30
  69. package/lib/upload/props.d.ts +3 -0
  70. package/lib/upload/upload-trigger.d.ts +6 -0
  71. package/lib/upload/upload.d.ts +6 -0
  72. package/lib/virtual-render/index.js +262 -2175
  73. package/lib/virtual-render/use-scrollbar.d.ts +2 -2
  74. package/lib/virtual-render/virtual-render.css +13 -13
  75. package/lib/virtual-render/virtual-render.less +2 -2
  76. package/lib/virtual-render/virtual-render.variable.css +13 -13
  77. package/package.json +2 -2
  78. package/lib/icon/image-fill.js +0 -191
  79. package/lib/shared/mask.d.ts +0 -11
  80. package/lib/virtual-render/bk-scrollbar.d.ts +0 -10
  81. /package/lib/{virtual-render → scrollbar}/scrollbar-core/can-use-dom.d.ts +0 -0
  82. /package/lib/{virtual-render → scrollbar}/scrollbar-core/helpers.d.ts +0 -0
  83. /package/lib/{virtual-render → scrollbar}/scrollbar-core/mouse-wheel.d.ts +0 -0
  84. /package/lib/{virtual-render → scrollbar}/scrollbar-core/scrollbar-width.d.ts +0 -0
package/lib/info-box/info-box.less CHANGED
@@ -1,24 +1,86 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- &.@{bk-prefix}-info-wrapper {
3
+ .@{bk-prefix}-infobox {
4
+ font-size: 12px;
5
+
4
6
  .@{bk-prefix}-modal-wrapper {
5
- width: 440px;
7
+ top: 50%;
8
+ left: 50%;
9
+ transform: translate(-50%, -50%);
10
+ }
11
+ }
6
12
 
7
- .@{bk-prefix}-dialog-header {
8
- .@{bk-prefix}-dialog-title {
9
- margin-top: 16px;
10
- }
11
- }
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
+ }
22
+
23
+ .@{bk-prefix}-infobox-icon {
24
+ width: 42px;
25
+ height: 42px;
26
+ font-size: 42px;
27
+
28
+ &.success {
29
+ color: @success-color;
12
30
  }
13
31
 
14
- .@{bk-prefix}-dialog-footer {
15
- button {
16
- min-width: 88px;
17
- }
32
+ &.warning {
33
+ color: @warning-color;
34
+ }
35
+
36
+ &.danger {
37
+ color: @danger-color;
38
+ }
39
+
40
+ &.loading {
41
+ color: @primary-color;
18
42
  }
19
43
  }
20
44
 
21
- .@{bk-prefix}-info-sub-title {
22
- text-align: center;
23
- word-break: break-all;
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
+ }
24
86
  }
package/lib/info-box/info-box.variable.css CHANGED
@@ -127,16 +127,72 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-info-wrapper .bk-modal-wrapper {
131
- width: 440px;
130
+ .bk-infobox {
131
+ font-size: 12px;
132
132
  }
133
- .bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
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;
134
174
  margin-top: 16px;
135
175
  }
136
- .bk-info-wrapper .bk-dialog-footer button {
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 {
137
194
  min-width: 88px;
138
195
  }
139
- .bk-info-sub-title {
140
- text-align: center;
141
- word-break: break-all;
196
+ .bk-infobox-footer .bk-button ~ .bk-button {
197
+ margin-left: 8px;
142
198
  }
package/lib/info-box/render-component.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { Props } from './info-box';
2
+ export declare const genDefaultState: () => Required<Props>;
3
+ declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
4
+ export default _default;
package/lib/modal/hooks.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type Ref } from 'vue';
2
2
  import type { ModalProps } from './modal';
3
- export declare const useContentResize: (root: Ref<HTMLElement>, props: ModalProps) => {
3
+ export declare const useContentResize: (root: Ref<HTMLElement>, resizeTarget: Ref<HTMLElement>, props: ModalProps) => {
4
4
  contentStyles: Ref<{}>;
5
5
  isContentScroll: Ref<boolean>;
6
6
  };