bkui-vue 1.0.3-beta.62 → 1.0.3-beta.62.dialog.2

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 +20255 -19428
  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 +18740 -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/shared/index.d.ts +0 -1
  41. package/lib/shared/index.js +1 -48
  42. package/lib/sideslider/index.d.ts +31 -222
  43. package/lib/sideslider/index.js +49 -36
  44. package/lib/sideslider/sideslider.css +4 -42
  45. package/lib/sideslider/sideslider.d.ts +14 -105
  46. package/lib/sideslider/sideslider.less +13 -58
  47. package/lib/sideslider/sideslider.variable.css +4 -42
  48. package/lib/table/const.d.ts +1 -1
  49. package/lib/table/index.d.ts +23 -0
  50. package/lib/table/index.js +176 -43
  51. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  52. package/lib/table/plugins/use-pagination.d.ts +3 -1
  53. package/lib/table/plugins/use-shift-key.d.ts +11 -0
  54. package/lib/table/props.d.ts +8 -0
  55. package/lib/table/table.css +97 -42
  56. package/lib/table/table.d.ts +11 -0
  57. package/lib/table/table.less +43 -58
  58. package/lib/table/table.variable.css +97 -42
  59. package/lib/table/use-attributes.d.ts +1 -0
  60. package/lib/table/use-render.d.ts +1 -1
  61. package/lib/table-column/index.js +6 -2
  62. package/lib/tree/index.d.ts +23 -0
  63. package/lib/tree/index.js +9 -3
  64. package/lib/tree/props.d.ts +8 -0
  65. package/lib/tree/tree.css +75 -2
  66. package/lib/tree/tree.d.ts +11 -0
  67. package/lib/tree/tree.variable.css +75 -2
  68. package/lib/virtual-render/index.d.ts +4 -0
  69. package/lib/virtual-render/index.js +253 -52
  70. package/lib/virtual-render/props.d.ts +7 -0
  71. package/lib/virtual-render/use-fix-top.d.ts +2 -7
  72. package/lib/virtual-render/use-scrollbar.d.ts +23 -0
  73. package/lib/virtual-render/v-virtual-render.d.ts +2 -1
  74. package/lib/virtual-render/virtual-render.css +75 -2
  75. package/lib/virtual-render/virtual-render.d.ts +2 -0
  76. package/lib/virtual-render/virtual-render.less +3 -3
  77. package/lib/virtual-render/virtual-render.variable.css +75 -2
  78. package/package.json +1 -1
  79. package/lib/shared/mask.d.ts +0 -11
package/lib/virtual-render/virtual-render.css CHANGED
@@ -15,11 +15,84 @@
15
15
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
16
16
  border-radius: 4px;
17
17
  }
18
+ .bk-scrollbar-wrapper {
19
+ position: relative;
20
+ overflow: hidden;
21
+ }
22
+ .bk-scrollbar-wrapper .bk-scrollbar-content-el {
23
+ display: inline-flex;
24
+ flex-direction: column;
25
+ }
26
+ .bk-scrollbar-wrapper .bk-scrollbar-track {
27
+ z-index: 1;
28
+ position: absolute;
29
+ right: 0;
30
+ bottom: 0;
31
+ pointer-events: none;
32
+ overflow: hidden;
33
+ }
34
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
35
+ background-color: #F0F1F5;
36
+ cursor: pointer;
37
+ }
38
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
39
+ background-color: #979BA5;
40
+ }
41
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
42
+ top: 0;
43
+ width: 8px;
44
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
45
+ }
46
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
47
+ left: 0;
48
+ height: 8px;
49
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
50
+ }
51
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
52
+ right: auto;
53
+ left: 0;
54
+ top: 0;
55
+ bottom: 0;
56
+ min-height: 0;
57
+ min-width: 8px;
58
+ width: auto;
59
+ }
60
+ .bk-scrollbar-wrapper .bk-scrollbar-dragging {
61
+ pointer-events: none;
62
+ -webkit-touch-callout: none;
63
+ -webkit-user-select: none;
64
+ -khtml-user-select: none;
65
+ -moz-user-select: none;
66
+ -ms-user-select: none;
67
+ user-select: none;
68
+ }
69
+ .bk-scrollbar-wrapper .bk-scrollbar {
70
+ position: absolute;
71
+ left: 0;
72
+ right: 0;
73
+ min-height: 8px;
74
+ }
75
+ .bk-scrollbar-wrapper .bk-scrollbar::before {
76
+ position: absolute;
77
+ content: '';
78
+ background: #DCDEE5;
79
+ border-radius: 6px;
80
+ left: 1px;
81
+ right: 1px;
82
+ top: 1px;
83
+ bottom: 1px;
84
+ opacity: 0;
85
+ transition: opacity 0.2s 0.9s linear;
86
+ }
87
+ .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
88
+ opacity: 0.9;
89
+ transition-delay: 0s;
90
+ transition-duration: 0s;
91
+ }
18
92
  .bk-virtual-render {
19
93
  position: relative;
20
94
  }
21
- .bk-virtual-render .bk-virtual-content,
22
- .bk-virtual-render.bk-virtual-content {
95
+ .bk-virtual-render .bk-virtual-content {
23
96
  position: absolute;
24
97
  top: 0;
25
98
  bottom: 0;
package/lib/virtual-render/virtual-render.d.ts CHANGED
@@ -129,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{
129
129
  } & {
130
130
  default: boolean;
131
131
  };
132
+ scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
132
133
  autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
133
134
  default: boolean;
134
135
  } & {
@@ -264,6 +265,7 @@ declare const _default: import("vue").DefineComponent<{
264
265
  } & {
265
266
  default: boolean;
266
267
  };
268
+ scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
267
269
  autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
268
270
  default: boolean;
269
271
  } & {
package/lib/virtual-render/virtual-render.less CHANGED
@@ -1,11 +1,11 @@
1
1
  @import '../styles/themes/themes.less';
2
2
  @import '../styles/mixins/scroll.less';
3
+ @import '../scrollbar/scrollbar.less';
3
4
 
4
5
  .@{bk-prefix}-virtual-render {
5
6
  position: relative;
6
7
 
7
- .@{bk-prefix}-virtual-content,
8
- &.@{bk-prefix}-virtual-content {
8
+ .@{bk-prefix}-virtual-content {
9
9
  position: absolute;
10
10
  top: 0;
11
11
  bottom: 0;
@@ -18,4 +18,4 @@
18
18
  width: 1px;
19
19
  background: transparent;
20
20
  }
21
- }
21
+ }
package/lib/virtual-render/virtual-render.variable.css CHANGED
@@ -144,11 +144,84 @@
144
144
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
145
145
  border-radius: 4px;
146
146
  }
147
+ .bk-scrollbar-wrapper {
148
+ position: relative;
149
+ overflow: hidden;
150
+ }
151
+ .bk-scrollbar-wrapper .bk-scrollbar-content-el {
152
+ display: inline-flex;
153
+ flex-direction: column;
154
+ }
155
+ .bk-scrollbar-wrapper .bk-scrollbar-track {
156
+ z-index: 1;
157
+ position: absolute;
158
+ right: 0;
159
+ bottom: 0;
160
+ pointer-events: none;
161
+ overflow: hidden;
162
+ }
163
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
164
+ background-color: #F0F1F5;
165
+ cursor: pointer;
166
+ }
167
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
168
+ background-color: #979BA5;
169
+ }
170
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
171
+ top: 0;
172
+ width: 8px;
173
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
174
+ }
175
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
176
+ left: 0;
177
+ height: 8px;
178
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
179
+ }
180
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
181
+ right: auto;
182
+ left: 0;
183
+ top: 0;
184
+ bottom: 0;
185
+ min-height: 0;
186
+ min-width: 8px;
187
+ width: auto;
188
+ }
189
+ .bk-scrollbar-wrapper .bk-scrollbar-dragging {
190
+ pointer-events: none;
191
+ -webkit-touch-callout: none;
192
+ -webkit-user-select: none;
193
+ -khtml-user-select: none;
194
+ -moz-user-select: none;
195
+ -ms-user-select: none;
196
+ user-select: none;
197
+ }
198
+ .bk-scrollbar-wrapper .bk-scrollbar {
199
+ position: absolute;
200
+ left: 0;
201
+ right: 0;
202
+ min-height: 8px;
203
+ }
204
+ .bk-scrollbar-wrapper .bk-scrollbar::before {
205
+ position: absolute;
206
+ content: '';
207
+ background: #DCDEE5;
208
+ border-radius: 6px;
209
+ left: 1px;
210
+ right: 1px;
211
+ top: 1px;
212
+ bottom: 1px;
213
+ opacity: 0;
214
+ transition: opacity 0.2s 0.9s linear;
215
+ }
216
+ .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
217
+ opacity: 0.9;
218
+ transition-delay: 0s;
219
+ transition-duration: 0s;
220
+ }
147
221
  .bk-virtual-render {
148
222
  position: relative;
149
223
  }
150
- .bk-virtual-render .bk-virtual-content,
151
- .bk-virtual-render.bk-virtual-content {
224
+ .bk-virtual-render .bk-virtual-content {
152
225
  position: absolute;
153
226
  top: 0;
154
227
  bottom: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "1.0.3-beta.62",
3
+ "version": "1.0.3-beta.62.dialog.2",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*",
package/lib/shared/mask.d.ts DELETED
@@ -1,11 +0,0 @@
1
- type IMaskOption = {
2
- el: HTMLElement;
3
- mask?: HTMLElement;
4
- backgroundColor?: string;
5
- showMask?: boolean;
6
- };
7
- export declare const mask: {
8
- showMask: (options: IMaskOption) => void;
9
- hideMask: (options: IMaskOption) => void;
10
- };
11
- export {};