bkui-vue 1.0.3-beta.61 → 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 (79) hide show
  1. package/dist/index.cjs.js +69 -69
  2. package/dist/index.esm.js +20154 -19397
  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/components.d.ts +1 -0
  7. package/lib/components.js +1 -0
  8. package/lib/dialog/dialog.css +139 -77
  9. package/lib/dialog/dialog.d.ts +41 -121
  10. package/lib/dialog/dialog.less +10 -65
  11. package/lib/dialog/dialog.variable.css +139 -77
  12. package/lib/dialog/index.d.ts +105 -272
  13. package/lib/dialog/index.js +91 -100
  14. package/lib/dialog/props.d.ts +8 -48
  15. package/lib/info-box/index.d.ts +2 -2
  16. package/lib/info-box/index.js +312 -173
  17. package/lib/info-box/info-box.css +63 -7
  18. package/lib/info-box/info-box.d.ts +17 -16
  19. package/lib/info-box/info-box.less +76 -14
  20. package/lib/info-box/info-box.variable.css +63 -7
  21. package/lib/info-box/render-component.d.ts +4 -0
  22. package/lib/modal/index.d.ts +45 -325
  23. package/lib/modal/index.js +187 -666
  24. package/lib/modal/mask.d.ts +6 -0
  25. package/lib/modal/modal.css +131 -31
  26. package/lib/modal/modal.d.ts +16 -126
  27. package/lib/modal/modal.less +84 -28
  28. package/lib/modal/modal.variable.css +131 -31
  29. package/lib/modal/props.mixin.d.ts +2 -53
  30. package/lib/scrollbar/index.d.ts +14 -0
  31. package/lib/scrollbar/index.js +18737 -0
  32. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +2 -0
  33. package/lib/scrollbar/scrollbar-core/helpers.d.ts +5 -0
  34. package/lib/scrollbar/scrollbar-core/index.d.ts +236 -0
  35. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +5 -0
  36. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +1 -0
  37. package/lib/scrollbar/scrollbar.css +74 -0
  38. package/lib/scrollbar/scrollbar.less +93 -0
  39. package/lib/scrollbar/scrollbar.variable.css +203 -0
  40. package/lib/select/index.d.ts +0 -33
  41. package/lib/select/index.js +2 -4
  42. package/lib/select/select.css +5 -19
  43. package/lib/select/select.d.ts +0 -11
  44. package/lib/select/select.less +6 -26
  45. package/lib/select/select.variable.css +5 -19
  46. package/lib/select/selectTagInput.d.ts +0 -7
  47. package/lib/shared/index.d.ts +0 -1
  48. package/lib/shared/index.js +1 -48
  49. package/lib/sideslider/index.d.ts +31 -222
  50. package/lib/sideslider/index.js +49 -36
  51. package/lib/sideslider/sideslider.css +4 -42
  52. package/lib/sideslider/sideslider.d.ts +14 -105
  53. package/lib/sideslider/sideslider.less +13 -58
  54. package/lib/sideslider/sideslider.variable.css +4 -42
  55. package/lib/table/const.d.ts +1 -1
  56. package/lib/table/index.js +49 -40
  57. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  58. package/lib/table/plugins/use-pagination.d.ts +3 -1
  59. package/lib/table/table.css +97 -42
  60. package/lib/table/table.less +43 -58
  61. package/lib/table/table.variable.css +97 -42
  62. package/lib/table/use-attributes.d.ts +1 -0
  63. package/lib/table/use-render.d.ts +1 -1
  64. package/lib/table-column/index.js +1 -1
  65. package/lib/tree/tree.css +75 -2
  66. package/lib/tree/tree.variable.css +75 -2
  67. package/lib/virtual-render/index.d.ts +4 -0
  68. package/lib/virtual-render/index.js +253 -52
  69. package/lib/virtual-render/props.d.ts +7 -0
  70. package/lib/virtual-render/use-fix-top.d.ts +2 -7
  71. package/lib/virtual-render/use-scrollbar.d.ts +23 -0
  72. package/lib/virtual-render/v-virtual-render.d.ts +2 -1
  73. package/lib/virtual-render/virtual-render.css +75 -2
  74. package/lib/virtual-render/virtual-render.d.ts +2 -0
  75. package/lib/virtual-render/virtual-render.less +3 -3
  76. package/lib/virtual-render/virtual-render.variable.css +75 -2
  77. package/package.json +2 -1
  78. package/lib/icon/image-fill.js +0 -191
  79. package/lib/shared/mask.d.ts +0 -11
package/lib/sideslider/sideslider.css CHANGED
@@ -1,19 +1,13 @@
1
- .bk-sideslider {
2
- position: fixed;
3
- top: 0;
1
+ .bk-sideslider.is-position-right .bk-modal-wrapper {
4
2
  right: 0;
5
- bottom: 0;
3
+ }
4
+ .bk-sideslider.is-position-left .bk-modal-wrapper {
6
5
  left: 0;
7
6
  }
8
7
  .bk-sideslider .bk-modal-wrapper {
9
- position: absolute;
8
+ position: fixed;
10
9
  top: 0;
11
10
  bottom: 0;
12
- left: auto;
13
- transform: initial;
14
- }
15
- .bk-sideslider .bk-modal-wrapper.scroll-able .bk-modal-content {
16
- overflow: auto;
17
11
  }
18
12
  .bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
19
13
  height: 54px;
@@ -88,35 +82,3 @@
88
82
  background: #fff;
89
83
  align-items: center;
90
84
  }
91
- /* fade-center */
92
- /* slide过渡动画 */
93
- .slide-enter-active,
94
- .slide-leave-active,
95
- .bk-modal-body {
96
- transform: translateX(0);
97
- transition: transform 0.25s;
98
- }
99
- .slide-enter-active {
100
- animation: slider-fade-in 0.25s;
101
- }
102
- .slide-leave-active {
103
- animation: slider-fade-in 0.25s reverse;
104
- }
105
- .slide-enter-from.left,
106
- .slide-leave-to.left {
107
- transform: translateX(-100%);
108
- transition: transform 0.25s;
109
- }
110
- .slide-enter-from.right,
111
- .slide-leave-to.right {
112
- transform: translateX(100%);
113
- transition: transform 0.25s;
114
- }
115
- @keyframes slider-fade-in {
116
- 0% {
117
- opacity: 0;
118
- }
119
- 100% {
120
- opacity: 1;
121
- }
122
- }
package/lib/sideslider/sideslider.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
+ title: import("vue-types").VueTypeValidableDef<string> & {
3
+ default: string;
4
+ } & {
5
+ default: string;
6
+ };
2
7
  direction: {
3
8
  type: StringConstructor;
4
9
  default: string;
@@ -9,18 +14,8 @@ declare const _default: import("vue").DefineComponent<{
9
14
  } & {
10
15
  default: boolean;
11
16
  };
12
- width: import("vue-types").VueTypeDef<string | number> & {
13
- default: string | number;
14
- };
15
- height: import("vue-types").VueTypeDef<string | number> & {
16
- default: string | number;
17
- };
18
- extCls: (import("vue-types").VueTypeValidableDef<string> & {
19
- default: string;
20
- }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
21
- default: () => unknown[];
22
- });
23
- scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
17
+ width: import("vue-types").VueTypeDef<string | number>;
18
+ fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
24
19
  default: boolean;
25
20
  } & {
26
21
  default: boolean;
@@ -40,17 +35,6 @@ declare const _default: import("vue").DefineComponent<{
40
35
  } & {
41
36
  default: boolean;
42
37
  };
43
- fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
44
- default: boolean;
45
- } & {
46
- default: boolean;
47
- };
48
- size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
49
- draggable: import("vue-types").VueTypeValidableDef<boolean> & {
50
- default: boolean;
51
- } & {
52
- default: boolean;
53
- };
54
38
  quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
55
39
  default: boolean;
56
40
  } & {
@@ -60,14 +44,6 @@ declare const _default: import("vue").DefineComponent<{
60
44
  default: string | boolean | (() => HTMLElement);
61
45
  };
62
46
  zIndex: import("vue-types").VueTypeDef<string | number>;
63
- maxHeight: import("vue-types").VueTypeValidableDef<string> & {
64
- default: string;
65
- };
66
- title: import("vue-types").VueTypeValidableDef<string> & {
67
- default: string;
68
- } & {
69
- default: string;
70
- };
71
47
  animateType: import("vue-types").VueTypeValidableDef<string> & {
72
48
  default: string;
73
49
  } & {
@@ -77,30 +53,18 @@ declare const _default: import("vue").DefineComponent<{
77
53
  default: "show" | "if";
78
54
  };
79
55
  beforeClose: import("vue-types").VueTypeDef<unknown>;
80
- dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
81
- multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
82
- default: boolean;
83
- } & {
84
- default: boolean;
85
- };
86
- infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
87
- bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
88
- default: string;
89
- }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
90
- default: () => unknown[];
91
- });
92
56
  left: import("vue-types").VueTypeValidableDef<string> & {
93
57
  default: string;
94
58
  };
95
59
  top: import("vue-types").VueTypeValidableDef<string> & {
96
60
  default: string;
97
61
  };
98
- hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
99
- default: number;
62
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
63
+ title: import("vue-types").VueTypeValidableDef<string> & {
64
+ default: string;
100
65
  } & {
101
- default: number;
66
+ default: string;
102
67
  };
103
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
104
68
  direction: {
105
69
  type: StringConstructor;
106
70
  default: string;
@@ -111,18 +75,8 @@ declare const _default: import("vue").DefineComponent<{
111
75
  } & {
112
76
  default: boolean;
113
77
  };
114
- width: import("vue-types").VueTypeDef<string | number> & {
115
- default: string | number;
116
- };
117
- height: import("vue-types").VueTypeDef<string | number> & {
118
- default: string | number;
119
- };
120
- extCls: (import("vue-types").VueTypeValidableDef<string> & {
121
- default: string;
122
- }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
123
- default: () => unknown[];
124
- });
125
- scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
78
+ width: import("vue-types").VueTypeDef<string | number>;
79
+ fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
126
80
  default: boolean;
127
81
  } & {
128
82
  default: boolean;
@@ -142,17 +96,6 @@ declare const _default: import("vue").DefineComponent<{
142
96
  } & {
143
97
  default: boolean;
144
98
  };
145
- fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
146
- default: boolean;
147
- } & {
148
- default: boolean;
149
- };
150
- size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
151
- draggable: import("vue-types").VueTypeValidableDef<boolean> & {
152
- default: boolean;
153
- } & {
154
- default: boolean;
155
- };
156
99
  quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
157
100
  default: boolean;
158
101
  } & {
@@ -162,14 +105,6 @@ declare const _default: import("vue").DefineComponent<{
162
105
  default: string | boolean | (() => HTMLElement);
163
106
  };
164
107
  zIndex: import("vue-types").VueTypeDef<string | number>;
165
- maxHeight: import("vue-types").VueTypeValidableDef<string> & {
166
- default: string;
167
- };
168
- title: import("vue-types").VueTypeValidableDef<string> & {
169
- default: string;
170
- } & {
171
- default: string;
172
- };
173
108
  animateType: import("vue-types").VueTypeValidableDef<string> & {
174
109
  default: string;
175
110
  } & {
@@ -179,29 +114,12 @@ declare const _default: import("vue").DefineComponent<{
179
114
  default: "show" | "if";
180
115
  };
181
116
  beforeClose: import("vue-types").VueTypeDef<unknown>;
182
- dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
183
- multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
184
- default: boolean;
185
- } & {
186
- default: boolean;
187
- };
188
- infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
189
- bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
190
- default: string;
191
- }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
192
- default: () => unknown[];
193
- });
194
117
  left: import("vue-types").VueTypeValidableDef<string> & {
195
118
  default: string;
196
119
  };
197
120
  top: import("vue-types").VueTypeValidableDef<string> & {
198
121
  default: string;
199
122
  };
200
- hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
201
- default: number;
202
- } & {
203
- default: number;
204
- };
205
123
  }>> & {
206
124
  onHidden?: (...args: any[]) => any;
207
125
  onShown?: (...args: any[]) => any;
@@ -210,26 +128,17 @@ declare const _default: import("vue").DefineComponent<{
210
128
  "onAnimation-end"?: (...args: any[]) => any;
211
129
  }, {
212
130
  title: string;
213
- width: string | number;
214
- height: string | number;
215
- maxHeight: string;
216
- extCls: string | unknown[];
217
131
  top: string;
218
132
  left: string;
219
133
  isShow: boolean;
220
- draggable: boolean;
221
134
  transfer: string | boolean | HTMLElement;
222
135
  direction: string;
223
136
  renderDirective: "show" | "if";
224
- scrollable: boolean;
137
+ fullscreen: boolean;
225
138
  showMask: boolean;
226
139
  closeIcon: boolean;
227
140
  escClose: boolean;
228
- fullscreen: boolean;
229
141
  quickClose: boolean;
230
142
  animateType: string;
231
- multiInstance: boolean;
232
- bodyClass: string | unknown[];
233
- hiddenDelay: number;
234
143
  }, {}>;
235
144
  export default _default;
package/lib/sideslider/sideslider.less CHANGED
@@ -1,25 +1,24 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
3
  .@{bk-prefix}-sideslider {
4
- position: fixed;
5
- top: 0;
6
- right: 0;
7
- bottom: 0;
8
- left: 0;
4
+ &.is-position-right {
5
+ .@{bk-prefix}-modal-wrapper {
6
+ right: 0;
7
+ }
8
+ }
9
+
10
+ &.is-position-left {
11
+ .@{bk-prefix}-modal-wrapper {
12
+ left: 0;
13
+ }
14
+ }
9
15
 
10
16
  .@{bk-prefix}-modal-wrapper {
11
- position: absolute;
17
+ position: fixed;
12
18
  top: 0;
13
19
  bottom: 0;
14
- left: auto;
15
- transform: initial;
16
-
17
- &.scroll-able {
18
- .@{bk-prefix}-modal-content {
19
- overflow: auto;
20
- }
21
- }
22
20
  }
21
+
23
22
  .@{bk-prefix}-modal-footer {
24
23
  &.is-fixed {
25
24
  .@{bk-prefix}-sideslider-footer {
@@ -98,9 +97,6 @@
98
97
  }
99
98
  }
100
99
 
101
- // .@{bk-prefix}-sideslider-content {
102
- // }
103
-
104
100
  .@{bk-prefix}-sideslider-footer {
105
101
  display: flex;
106
102
  width: 100%;
@@ -110,44 +106,3 @@
110
106
  background: #fff;
111
107
  align-items: center;
112
108
  }
113
-
114
- /* fade-center */
115
-
116
- /* slide过渡动画 */
117
- .slide-enter-active,
118
- .slide-leave-active,
119
- .@{bk-prefix}-modal-body {
120
- transform: translateX(0);
121
- transition: transform 0.25s;
122
- }
123
-
124
- .slide-enter-active {
125
- animation: slider-fade-in 0.25s;
126
- }
127
-
128
- .slide-leave-active {
129
- animation: slider-fade-in 0.25s reverse;
130
- }
131
-
132
- .slide-enter-from,
133
- .slide-leave-to {
134
- &.left {
135
- transform: translateX(-100%);
136
- transition: transform 0.25s;
137
- }
138
-
139
- &.right {
140
- transform: translateX(100%);
141
- transition: transform 0.25s;
142
- }
143
- }
144
-
145
- @keyframes slider-fade-in {
146
- 0% {
147
- opacity: 0;
148
- }
149
-
150
- 100% {
151
- opacity: 1;
152
- }
153
- }
package/lib/sideslider/sideslider.variable.css CHANGED
@@ -127,22 +127,16 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-sideslider {
131
- position: fixed;
132
- top: 0;
130
+ .bk-sideslider.is-position-right .bk-modal-wrapper {
133
131
  right: 0;
134
- bottom: 0;
132
+ }
133
+ .bk-sideslider.is-position-left .bk-modal-wrapper {
135
134
  left: 0;
136
135
  }
137
136
  .bk-sideslider .bk-modal-wrapper {
138
- position: absolute;
137
+ position: fixed;
139
138
  top: 0;
140
139
  bottom: 0;
141
- left: auto;
142
- transform: initial;
143
- }
144
- .bk-sideslider .bk-modal-wrapper.scroll-able .bk-modal-content {
145
- overflow: auto;
146
140
  }
147
141
  .bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
148
142
  height: 54px;
@@ -217,35 +211,3 @@
217
211
  background: #fff;
218
212
  align-items: center;
219
213
  }
220
- /* fade-center */
221
- /* slide过渡动画 */
222
- .slide-enter-active,
223
- .slide-leave-active,
224
- .bk-modal-body {
225
- transform: translateX(0);
226
- transition: transform 0.25s;
227
- }
228
- .slide-enter-active {
229
- animation: slider-fade-in 0.25s;
230
- }
231
- .slide-leave-active {
232
- animation: slider-fade-in 0.25s reverse;
233
- }
234
- .slide-enter-from.left,
235
- .slide-leave-to.left {
236
- transform: translateX(-100%);
237
- transition: transform 0.25s;
238
- }
239
- .slide-enter-from.right,
240
- .slide-leave-to.right {
241
- transform: translateX(100%);
242
- transition: transform 0.25s;
243
- }
244
- @keyframes slider-fade-in {
245
- 0% {
246
- opacity: 0;
247
- }
248
- 100% {
249
- opacity: 1;
250
- }
251
- }
package/lib/table/const.d.ts CHANGED
@@ -53,7 +53,7 @@ export declare const COLUMN_ATTRIBUTE: {
53
53
  /**
54
54
  * Y 轴滚动条宽度
55
55
  */
56
- export declare const SCROLLY_WIDTH = 6;
56
+ export declare const SCROLLY_WIDTH = 0;
57
57
  /**
58
58
  * 默认行高
59
59
  */