bkui-vue 0.0.2-beta.110 → 0.0.2-beta.112
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.
- package/dist/index.cjs.js +43 -43
- package/dist/index.esm.js +5300 -5283
- package/dist/index.umd.js +43 -43
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/affix/affix.css +1 -1
- package/lib/affix/affix.variable.css +2 -2
- package/lib/alert/alert.css +1 -1
- package/lib/alert/alert.variable.css +2 -2
- package/lib/backtop/backtop.css +1 -1
- package/lib/backtop/backtop.variable.css +3 -3
- package/lib/badge/badge.css +9 -3
- package/lib/badge/badge.less +8 -4
- package/lib/badge/badge.variable.css +10 -4
- package/lib/breadcrumb/breadcrumb.css +1 -1
- package/lib/breadcrumb/breadcrumb.variable.css +3 -3
- package/lib/button/button-group.d.ts +2 -2
- package/lib/button/button.css +1 -1
- package/lib/button/button.variable.css +2 -2
- package/lib/button/index.d.ts +2 -2
- package/lib/card/card.css +8 -8
- package/lib/card/card.less +7 -7
- package/lib/card/card.variable.css +10 -10
- package/lib/cascader/cascader.css +1 -1
- package/lib/cascader/cascader.variable.css +3 -3
- package/lib/checkbox/checkbox.css +2 -2
- package/lib/checkbox/checkbox.d.ts +8 -8
- package/lib/checkbox/checkbox.less +1 -1
- package/lib/checkbox/checkbox.variable.css +3 -3
- package/lib/checkbox/index.d.ts +12 -12
- package/lib/code-diff/code-diff.css +1 -1
- package/lib/code-diff/code-diff.variable.css +2 -2
- package/lib/collapse/collapse.css +1 -1
- package/lib/collapse/collapse.variable.css +2 -2
- package/lib/collapse-transition/collapse-transition.css +1 -1
- package/lib/collapse-transition/collapse-transition.variable.css +2 -2
- package/lib/color-picker/color-picker.css +1 -1
- package/lib/color-picker/color-picker.variable.css +2 -2
- package/lib/config-provider/config-provider.css +1 -1
- package/lib/config-provider/config-provider.variable.css +2 -2
- package/lib/container/container.css +1 -1
- package/lib/container/container.variable.css +3 -3
- package/lib/date-picker/date-picker.css +1 -1
- package/lib/date-picker/date-picker.variable.css +2 -2
- package/lib/dialog/dialog.css +8 -7
- package/lib/dialog/dialog.less +7 -6
- package/lib/dialog/dialog.variable.css +10 -9
- package/lib/divider/divider.css +1 -1
- package/lib/divider/divider.variable.css +2 -2
- package/lib/dropdown/dropdown.css +2 -2
- package/lib/dropdown/dropdown.variable.css +4 -4
- package/lib/exception/exception.css +1 -1
- package/lib/exception/exception.variable.css +2 -2
- package/lib/fixed-navbar/fixed-navbar.css +1 -1
- package/lib/fixed-navbar/fixed-navbar.variable.css +2 -2
- package/lib/form/form.css +2 -2
- package/lib/form/form.less +2 -2
- package/lib/form/form.variable.css +3 -3
- package/lib/image/image-viewer.css +1 -1
- package/lib/image/image-viewer.variable.css +2 -2
- package/lib/image/image.css +1 -1
- package/lib/image/image.variable.css +3 -3
- package/lib/info-box/info-box.css +1 -1
- package/lib/info-box/info-box.variable.css +2 -2
- package/lib/input/index.d.ts +4 -4
- package/lib/input/input.css +17 -1
- package/lib/input/input.d.ts +3 -3
- package/lib/input/input.less +19 -0
- package/lib/input/input.variable.css +19 -3
- package/lib/link/link.css +1 -1
- package/lib/link/link.variable.css +2 -2
- package/lib/loading/loading.css +10 -10
- package/lib/loading/loading.less +14 -9
- package/lib/loading/loading.variable.css +12 -12
- package/lib/menu/menu.css +1 -1
- package/lib/menu/menu.variable.css +3 -3
- package/lib/menu/submenu.css +1 -1
- package/lib/menu/submenu.variable.css +2 -2
- package/lib/message/message.css +1 -1
- package/lib/message/message.variable.css +2 -2
- package/lib/modal/modal.css +1 -1
- package/lib/modal/modal.variable.css +3 -3
- package/lib/navigation/navigation.css +1 -1
- package/lib/navigation/navigation.variable.css +2 -2
- package/lib/notify/notify.css +7 -7
- package/lib/notify/notify.less +6 -6
- package/lib/notify/notify.variable.css +8 -8
- package/lib/pagination/index.d.ts +4 -4
- package/lib/pagination/pagination.css +1 -1
- package/lib/pagination/pagination.d.ts +3 -3
- package/lib/pagination/pagination.variable.css +2 -2
- package/lib/plugin-popover/index.js +17 -101
- package/lib/pop-confirm/pop-confirm.css +5 -5
- package/lib/pop-confirm/pop-confirm.less +4 -4
- package/lib/pop-confirm/pop-confirm.variable.css +6 -6
- package/lib/popover/index.js +17 -101
- package/lib/popover/popover.css +2 -2
- package/lib/popover/popover.less +1 -1
- package/lib/popover/popover.variable.css +3 -3
- package/lib/process/process.css +1 -1
- package/lib/process/process.variable.css +2 -2
- package/lib/progress/index.d.ts +4 -4
- package/lib/progress/progress.css +8 -4
- package/lib/progress/progress.d.ts +3 -3
- package/lib/progress/progress.less +8 -3
- package/lib/progress/progress.variable.css +10 -6
- package/lib/radio/index.d.ts +2 -2
- package/lib/radio/radio-button.d.ts +3 -3
- package/lib/radio/radio.css +2 -2
- package/lib/radio/radio.less +1 -1
- package/lib/radio/radio.variable.css +3 -3
- package/lib/rate/index.d.ts +4 -4
- package/lib/rate/index.js +6 -2
- package/lib/rate/rate.css +1 -1
- package/lib/rate/rate.d.ts +2 -2
- package/lib/rate/rate.variable.css +2 -2
- package/lib/rate/star.css +1 -1
- package/lib/rate/star.variable.css +2 -2
- package/lib/resize-layout/resize-layout.css +1 -1
- package/lib/resize-layout/resize-layout.variable.css +2 -2
- package/lib/search-select/search-select.css +1 -1
- package/lib/search-select/search-select.variable.css +3 -3
- package/lib/select/index.d.ts +9 -9
- package/lib/select/index.js +1 -1
- package/lib/select/select.css +1 -1
- package/lib/select/select.d.ts +5 -5
- package/lib/select/select.variable.css +3 -3
- package/lib/shared/index.js +1 -1
- package/lib/shared/vue-types.d.ts +1 -1
- package/lib/sideslider/sideslider.css +1 -1
- package/lib/sideslider/sideslider.variable.css +2 -2
- package/lib/slider/slider.css +1 -1
- package/lib/slider/slider.variable.css +2 -2
- package/lib/steps/index.d.ts +4 -4
- package/lib/steps/steps.css +3 -3
- package/lib/steps/steps.d.ts +3 -3
- package/lib/steps/steps.less +2 -2
- package/lib/steps/steps.variable.css +4 -4
- package/lib/styles/mixins/animate.css +1 -1
- package/lib/styles/mixins/animate.variable.css +2 -2
- package/lib/styles/mixins/mixins.css +1 -1
- package/lib/styles/mixins/mixins.variable.css +1 -1
- package/lib/styles/mixins/popper.css +1 -1
- package/lib/styles/mixins/popper.variable.css +2 -2
- package/lib/styles/mixins/scroll.css +1 -1
- package/lib/styles/mixins/scroll.variable.css +2 -2
- package/lib/styles/reset.css +1 -1
- package/lib/styles/reset.variable.css +2 -2
- package/lib/styles/themes/themes.css +1 -1
- package/lib/styles/themes/themes.less +2 -1
- package/lib/styles/themes/themes.variable.css +1 -1
- package/lib/swiper/swiper.css +1 -1
- package/lib/swiper/swiper.variable.css +2 -2
- package/lib/switcher/index.d.ts +4 -4
- package/lib/switcher/switcher.css +1 -1
- package/lib/switcher/switcher.d.ts +3 -3
- package/lib/switcher/switcher.variable.css +3 -3
- package/lib/tab/tab.css +1 -1
- package/lib/tab/tab.variable.css +2 -2
- package/lib/table/components/table-column.d.ts +4 -4
- package/lib/table/index.d.ts +4 -4
- package/lib/table/index.js +31 -17
- package/lib/table/plugins/head-filter.css +2 -29
- package/lib/table/plugins/head-filter.less +2 -34
- package/lib/table/plugins/head-filter.variable.css +3 -30
- package/lib/table/plugins/head-sort.css +1 -1
- package/lib/table/plugins/head-sort.variable.css +2 -2
- package/lib/table/plugins/settings.css +1 -1
- package/lib/table/plugins/settings.variable.css +2 -2
- package/lib/table/props.d.ts +1 -1
- package/lib/table/table.css +5 -31
- package/lib/table/table.less +1 -0
- package/lib/table/table.variable.css +7 -33
- package/lib/table-column/index.d.ts +10 -10
- package/lib/tag/tag.css +1 -1
- package/lib/tag/tag.variable.css +2 -2
- package/lib/tag-input/tag-input.css +1 -1
- package/lib/tag-input/tag-input.variable.css +2 -2
- package/lib/time-picker/time-picker.css +1 -1
- package/lib/time-picker/time-picker.variable.css +2 -2
- package/lib/timeline/timeline.css +1 -1
- package/lib/timeline/timeline.variable.css +2 -2
- package/lib/transfer/transfer.css +3 -3
- package/lib/transfer/transfer.less +2 -2
- package/lib/transfer/transfer.variable.css +4 -4
- package/lib/tree/index.js +47 -1
- package/lib/tree/tree.css +2 -2
- package/lib/tree/tree.d.ts +4 -0
- package/lib/tree/tree.variable.css +4 -4
- package/lib/upload/upload.css +1 -1
- package/lib/upload/upload.variable.css +3 -3
- package/lib/virtual-render/index.js +71 -30
- package/lib/virtual-render/use-fix-top.d.ts +18 -0
- package/lib/virtual-render/v-virtual-render.d.ts +5 -0
- package/lib/virtual-render/virtual-render.css +1 -1
- package/lib/virtual-render/virtual-render.variable.css +3 -3
- package/package.json +1 -1
@@ -154,7 +154,7 @@
|
|
154
154
|
--input-border-color: var(--light-gray);
|
155
155
|
--input-broder-radius: 3px;
|
156
156
|
--input-shadow-color: #a3c5fd;
|
157
|
-
--input-horizontal-padding:
|
157
|
+
--input-horizontal-padding: 8px;
|
158
158
|
--input-block-color: #f5f7fa;
|
159
159
|
--input-block-hover-color: #eaebf0;
|
160
160
|
--input-icon-size: var(--font-size-medium);
|
@@ -276,7 +276,7 @@
|
|
276
276
|
--input-border-color: var(--light-gray);
|
277
277
|
--input-broder-radius: 3px;
|
278
278
|
--input-shadow-color: #a3c5fd;
|
279
|
-
--input-horizontal-padding:
|
279
|
+
--input-horizontal-padding: 8px;
|
280
280
|
--input-block-color: #f5f7fa;
|
281
281
|
--input-block-hover-color: #eaebf0;
|
282
282
|
--input-icon-size: var(--font-size-medium);
|
package/lib/notify/notify.css
CHANGED
@@ -32,7 +32,7 @@
|
|
32
32
|
--input-border-color: var(--light-gray);
|
33
33
|
--input-broder-radius: 3px;
|
34
34
|
--input-shadow-color: #a3c5fd;
|
35
|
-
--input-horizontal-padding:
|
35
|
+
--input-horizontal-padding: 8px;
|
36
36
|
--input-block-color: #f5f7fa;
|
37
37
|
--input-block-hover-color: #eaebf0;
|
38
38
|
--input-icon-size: var(--font-size-medium);
|
@@ -124,7 +124,7 @@
|
|
124
124
|
position: fixed;
|
125
125
|
display: flex;
|
126
126
|
width: 360px;
|
127
|
-
padding: 24px;
|
127
|
+
padding: 16px 24px;
|
128
128
|
font-size: 14px;
|
129
129
|
line-height: 20px;
|
130
130
|
color: var(--message-color);
|
@@ -135,7 +135,7 @@
|
|
135
135
|
}
|
136
136
|
.bk-notify .bk-notify-icon {
|
137
137
|
position: absolute;
|
138
|
-
top:
|
138
|
+
top: 17px;
|
139
139
|
margin-right: 5px;
|
140
140
|
font-size: 18px;
|
141
141
|
color: var(--primary-color);
|
@@ -150,8 +150,8 @@
|
|
150
150
|
color: var(--danger-color);
|
151
151
|
}
|
152
152
|
.bk-notify .bk-notify-icon.bk-notify-close {
|
153
|
-
top:
|
154
|
-
right:
|
153
|
+
top: 6px;
|
154
|
+
right: 6px;
|
155
155
|
margin-right: 0;
|
156
156
|
font-size: 18px;
|
157
157
|
color: var(--light-gray);
|
@@ -162,9 +162,9 @@
|
|
162
162
|
}
|
163
163
|
.bk-notify .bk-notify-content-header {
|
164
164
|
display: inline-block;
|
165
|
-
padding-left:
|
165
|
+
padding-left: 25px;
|
166
166
|
margin-top: 0;
|
167
|
-
margin-bottom:
|
167
|
+
margin-bottom: 8px;
|
168
168
|
font-size: 16px;
|
169
169
|
font-weight: 700;
|
170
170
|
color: #313238;
|
package/lib/notify/notify.less
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
position: fixed;
|
5
5
|
display: flex;
|
6
6
|
width: 360px;
|
7
|
-
padding: 24px;
|
7
|
+
padding: 16px 24px;
|
8
8
|
font-size: 14px;
|
9
9
|
line-height: 20px;
|
10
10
|
color: @message-color;
|
@@ -15,7 +15,7 @@
|
|
15
15
|
|
16
16
|
.@{bk-prefix}-notify-icon {
|
17
17
|
position: absolute;
|
18
|
-
top:
|
18
|
+
top: 17px;
|
19
19
|
margin-right: 5px;
|
20
20
|
font-size: 18px;
|
21
21
|
color: @primary-color;
|
@@ -34,8 +34,8 @@
|
|
34
34
|
}
|
35
35
|
|
36
36
|
.@{bk-prefix}-notify-icon.@{bk-prefix}-notify-close {
|
37
|
-
top:
|
38
|
-
right:
|
37
|
+
top: 6px;
|
38
|
+
right: 6px;
|
39
39
|
margin-right: 0;
|
40
40
|
font-size: 18px;
|
41
41
|
color: @light-gray;
|
@@ -48,9 +48,9 @@
|
|
48
48
|
|
49
49
|
.@{bk-prefix}-notify-content-header {
|
50
50
|
display: inline-block;
|
51
|
-
padding-left:
|
51
|
+
padding-left: 25px;
|
52
52
|
margin-top: 0;
|
53
|
-
margin-bottom:
|
53
|
+
margin-bottom: 8px;
|
54
54
|
font-size: 16px;
|
55
55
|
font-weight: 700;
|
56
56
|
color: #313238;
|
@@ -154,7 +154,7 @@
|
|
154
154
|
--input-border-color: var(--light-gray);
|
155
155
|
--input-broder-radius: 3px;
|
156
156
|
--input-shadow-color: #a3c5fd;
|
157
|
-
--input-horizontal-padding:
|
157
|
+
--input-horizontal-padding: 8px;
|
158
158
|
--input-block-color: #f5f7fa;
|
159
159
|
--input-block-hover-color: #eaebf0;
|
160
160
|
--input-icon-size: var(--font-size-medium);
|
@@ -276,7 +276,7 @@
|
|
276
276
|
--input-border-color: var(--light-gray);
|
277
277
|
--input-broder-radius: 3px;
|
278
278
|
--input-shadow-color: #a3c5fd;
|
279
|
-
--input-horizontal-padding:
|
279
|
+
--input-horizontal-padding: 8px;
|
280
280
|
--input-block-color: #f5f7fa;
|
281
281
|
--input-block-hover-color: #eaebf0;
|
282
282
|
--input-icon-size: var(--font-size-medium);
|
@@ -368,7 +368,7 @@
|
|
368
368
|
position: fixed;
|
369
369
|
display: flex;
|
370
370
|
width: 360px;
|
371
|
-
padding: 24px;
|
371
|
+
padding: 16px 24px;
|
372
372
|
font-size: 14px;
|
373
373
|
line-height: 20px;
|
374
374
|
color: var(--message-color);
|
@@ -379,7 +379,7 @@
|
|
379
379
|
}
|
380
380
|
.bk-notify .bk-notify-icon {
|
381
381
|
position: absolute;
|
382
|
-
top:
|
382
|
+
top: 17px;
|
383
383
|
margin-right: 5px;
|
384
384
|
font-size: 18px;
|
385
385
|
color: var(--primary-color);
|
@@ -394,8 +394,8 @@
|
|
394
394
|
color: var(--danger-color);
|
395
395
|
}
|
396
396
|
.bk-notify .bk-notify-icon.bk-notify-close {
|
397
|
-
top:
|
398
|
-
right:
|
397
|
+
top: 6px;
|
398
|
+
right: 6px;
|
399
399
|
margin-right: 0;
|
400
400
|
font-size: 18px;
|
401
401
|
color: var(--light-gray);
|
@@ -406,9 +406,9 @@
|
|
406
406
|
}
|
407
407
|
.bk-notify .bk-notify-content-header {
|
408
408
|
display: inline-block;
|
409
|
-
padding-left:
|
409
|
+
padding-left: 25px;
|
410
410
|
margin-top: 0;
|
411
|
-
margin-bottom:
|
411
|
+
margin-bottom: 8px;
|
412
412
|
font-size: 16px;
|
413
413
|
font-weight: 700;
|
414
414
|
color: #313238;
|
@@ -63,7 +63,7 @@ declare const BkPagination: {
|
|
63
63
|
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
64
64
|
[key: string]: any;
|
65
65
|
}>) => void)[];
|
66
|
-
readonly size?: "default" | "small" | "large";
|
66
|
+
readonly size?: "default" | "small" | "large" | "huge";
|
67
67
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
68
68
|
"onUpdate:limit"?: (...args: any[]) => any;
|
69
69
|
onLimitChange?: (...args: any[]) => any;
|
@@ -116,7 +116,7 @@ declare const BkPagination: {
|
|
116
116
|
align: import("vue-types").VueTypeDef<string> & {
|
117
117
|
default: string;
|
118
118
|
};
|
119
|
-
size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
|
119
|
+
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
120
120
|
small: import("vue-types").VueTypeValidableDef<boolean> & {
|
121
121
|
default: boolean;
|
122
122
|
} & {
|
@@ -236,7 +236,7 @@ declare const BkPagination: {
|
|
236
236
|
align: import("vue-types").VueTypeDef<string> & {
|
237
237
|
default: string;
|
238
238
|
};
|
239
|
-
size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
|
239
|
+
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
240
240
|
small: import("vue-types").VueTypeValidableDef<boolean> & {
|
241
241
|
default: boolean;
|
242
242
|
} & {
|
@@ -324,7 +324,7 @@ declare const BkPagination: {
|
|
324
324
|
align: import("vue-types").VueTypeDef<string> & {
|
325
325
|
default: string;
|
326
326
|
};
|
327
|
-
size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
|
327
|
+
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
328
328
|
small: import("vue-types").VueTypeValidableDef<boolean> & {
|
329
329
|
default: boolean;
|
330
330
|
} & {
|
@@ -32,7 +32,7 @@
|
|
32
32
|
--input-border-color: var(--light-gray);
|
33
33
|
--input-broder-radius: 3px;
|
34
34
|
--input-shadow-color: #a3c5fd;
|
35
|
-
--input-horizontal-padding:
|
35
|
+
--input-horizontal-padding: 8px;
|
36
36
|
--input-block-color: #f5f7fa;
|
37
37
|
--input-block-hover-color: #eaebf0;
|
38
38
|
--input-icon-size: var(--font-size-medium);
|
@@ -34,7 +34,7 @@ export declare const paginationProps: {
|
|
34
34
|
align: import("vue-types").VueTypeDef<string> & {
|
35
35
|
default: string;
|
36
36
|
};
|
37
|
-
size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
|
37
|
+
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
38
38
|
small: import("vue-types").VueTypeValidableDef<boolean> & {
|
39
39
|
default: boolean;
|
40
40
|
} & {
|
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
99
99
|
align: import("vue-types").VueTypeDef<string> & {
|
100
100
|
default: string;
|
101
101
|
};
|
102
|
-
size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
|
102
|
+
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
103
103
|
small: import("vue-types").VueTypeValidableDef<boolean> & {
|
104
104
|
default: boolean;
|
105
105
|
} & {
|
@@ -178,7 +178,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
178
178
|
align: import("vue-types").VueTypeDef<string> & {
|
179
179
|
default: string;
|
180
180
|
};
|
181
|
-
size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
|
181
|
+
size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
|
182
182
|
small: import("vue-types").VueTypeValidableDef<boolean> & {
|
183
183
|
default: boolean;
|
184
184
|
} & {
|
@@ -154,7 +154,7 @@
|
|
154
154
|
--input-border-color: var(--light-gray);
|
155
155
|
--input-broder-radius: 3px;
|
156
156
|
--input-shadow-color: #a3c5fd;
|
157
|
-
--input-horizontal-padding:
|
157
|
+
--input-horizontal-padding: 8px;
|
158
158
|
--input-block-color: #f5f7fa;
|
159
159
|
--input-block-hover-color: #eaebf0;
|
160
160
|
--input-icon-size: var(--font-size-medium);
|
@@ -276,7 +276,7 @@
|
|
276
276
|
--input-border-color: var(--light-gray);
|
277
277
|
--input-broder-radius: 3px;
|
278
278
|
--input-shadow-color: #a3c5fd;
|
279
|
-
--input-horizontal-padding:
|
279
|
+
--input-horizontal-padding: 8px;
|
280
280
|
--input-block-color: #f5f7fa;
|
281
281
|
--input-block-hover-color: #eaebf0;
|
282
282
|
--input-icon-size: var(--font-size-medium);
|
@@ -2507,88 +2507,6 @@ const floating_ui_dom_computePosition = (reference, floating, options) => {
|
|
2507
2507
|
|
2508
2508
|
|
2509
2509
|
|
2510
|
-
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js
|
2511
|
-
function _objectDestructuringEmpty(obj) {
|
2512
|
-
if (obj == null) throw new TypeError("Cannot destructure " + obj);
|
2513
|
-
}
|
2514
|
-
;// CONCATENATED MODULE: ../../packages/popover/src/use-platform.tsx
|
2515
|
-
|
2516
|
-
/*
|
2517
|
-
* Tencent is pleased to support the open source community by making
|
2518
|
-
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
2519
|
-
*
|
2520
|
-
* Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
|
2521
|
-
*
|
2522
|
-
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
|
2523
|
-
*
|
2524
|
-
* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
|
2525
|
-
*
|
2526
|
-
* ---------------------------------------------------
|
2527
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
2528
|
-
* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
|
2529
|
-
* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
|
2530
|
-
* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
2531
|
-
*
|
2532
|
-
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
|
2533
|
-
* the Software.
|
2534
|
-
*
|
2535
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
|
2536
|
-
* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
2537
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
|
2538
|
-
* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
2539
|
-
* IN THE SOFTWARE.
|
2540
|
-
*/
|
2541
|
-
/* harmony default export */ const use_platform = (function (fullscreenTarget) {
|
2542
|
-
var getElementRects = function getElementRects(_ref) {
|
2543
|
-
var reference = _ref.reference,
|
2544
|
-
floating = _ref.floating;
|
2545
|
-
var refRect = reference.getBoundingClientRect();
|
2546
|
-
var floatRect = floating.getBoundingClientRect();
|
2547
|
-
return {
|
2548
|
-
reference: {
|
2549
|
-
width: refRect.width,
|
2550
|
-
height: refRect.height,
|
2551
|
-
x: refRect.x,
|
2552
|
-
y: refRect.y
|
2553
|
-
},
|
2554
|
-
floating: {
|
2555
|
-
width: floatRect.width,
|
2556
|
-
height: floatRect.height,
|
2557
|
-
x: floatRect.x,
|
2558
|
-
y: floatRect.y
|
2559
|
-
}
|
2560
|
-
};
|
2561
|
-
};
|
2562
|
-
var getDimensions = function getDimensions(element) {
|
2563
|
-
var _element$getBoundingC = element.getBoundingClientRect(),
|
2564
|
-
width = _element$getBoundingC.width,
|
2565
|
-
height = _element$getBoundingC.height;
|
2566
|
-
return {
|
2567
|
-
width: width,
|
2568
|
-
height: height
|
2569
|
-
};
|
2570
|
-
};
|
2571
|
-
var getClippingRect = function getClippingRect(_ref2) {
|
2572
|
-
var _fullscreenTarget$get;
|
2573
|
-
_objectDestructuringEmpty(_ref2);
|
2574
|
-
var _ref3 = (_fullscreenTarget$get = fullscreenTarget === null || fullscreenTarget === void 0 ? void 0 : fullscreenTarget.getBoundingClientRect()) !== null && _fullscreenTarget$get !== void 0 ? _fullscreenTarget$get : {},
|
2575
|
-
_ref3$width = _ref3.width,
|
2576
|
-
width = _ref3$width === void 0 ? 0 : _ref3$width,
|
2577
|
-
_ref3$height = _ref3.height,
|
2578
|
-
height = _ref3$height === void 0 ? 0 : _ref3$height;
|
2579
|
-
return {
|
2580
|
-
width: width,
|
2581
|
-
height: height,
|
2582
|
-
x: 0,
|
2583
|
-
y: 0
|
2584
|
-
};
|
2585
|
-
};
|
2586
|
-
return {
|
2587
|
-
getElementRects: getElementRects,
|
2588
|
-
getDimensions: getDimensions,
|
2589
|
-
getClippingRect: getClippingRect
|
2590
|
-
};
|
2591
|
-
});
|
2592
2510
|
;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
|
2593
2511
|
const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
|
2594
2512
|
/* harmony default export */ const esm_browser_native = ({
|
@@ -2776,7 +2694,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
2776
2694
|
|
2777
2695
|
|
2778
2696
|
|
2779
|
-
|
2697
|
+
// import usePlatform from './use-platform';
|
2780
2698
|
|
2781
2699
|
/**
|
2782
2700
|
* 解析popover相关配置
|
@@ -2912,10 +2830,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
2912
2830
|
}
|
2913
2831
|
if (isAutoPlacementAvailable()) {
|
2914
2832
|
middleware.push(autoPlacement());
|
2915
|
-
} else {
|
2916
|
-
middleware.unshift(inline());
|
2917
|
-
middleware.push(flip());
|
2918
2833
|
}
|
2834
|
+
middleware.unshift(inline());
|
2835
|
+
middleware.push(flip());
|
2919
2836
|
if (isHideMiddlewareAvailable()) {
|
2920
2837
|
options.middleware.push(hide());
|
2921
2838
|
}
|
@@ -2925,20 +2842,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
2925
2842
|
* 在弹出的全屏元素中,元素相对位置有别于document下面元素
|
2926
2843
|
* 全屏模式下面,需要自定义当前元素的一个platform
|
2927
2844
|
*/
|
2928
|
-
if (isElementFullScreen() || props.isVirtualEl) {
|
2929
|
-
|
2930
|
-
|
2931
|
-
|
2932
|
-
|
2933
|
-
|
2934
|
-
|
2935
|
-
|
2936
|
-
|
2937
|
-
|
2938
|
-
|
2939
|
-
})
|
2940
|
-
});
|
2941
|
-
}
|
2845
|
+
// if (isElementFullScreen() || props.isVirtualEl) {
|
2846
|
+
// const { getElementRects, getDimensions, getClippingRect } = usePlatform(fullScreenTarget.value);
|
2847
|
+
// Object.assign(options, {
|
2848
|
+
// platform: {
|
2849
|
+
// ...(props?.platform ?? {}),
|
2850
|
+
// getElementRects,
|
2851
|
+
// getDimensions,
|
2852
|
+
// getClippingRect,
|
2853
|
+
// },
|
2854
|
+
// });
|
2855
|
+
// }
|
2942
2856
|
return options;
|
2943
2857
|
};
|
2944
2858
|
var resolveTargetElement = function resolveTargetElement(target) {
|
@@ -3420,7 +3334,9 @@ var parentNodeReferId = null;
|
|
3420
3334
|
elReference = _resolvePopElements3.elReference,
|
3421
3335
|
root = _resolvePopElements3.root;
|
3422
3336
|
if (isFullscreen.value) {
|
3423
|
-
|
3337
|
+
var _ref6 = elReference || root || {},
|
3338
|
+
parentNode = _ref6.parentNode;
|
3339
|
+
boundary.value = (fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) || parentNode;
|
3424
3340
|
return;
|
3425
3341
|
}
|
3426
3342
|
boundary.value = getPrefixId(root || elReference);
|
@@ -32,7 +32,7 @@
|
|
32
32
|
--input-border-color: var(--light-gray);
|
33
33
|
--input-broder-radius: 3px;
|
34
34
|
--input-shadow-color: #a3c5fd;
|
35
|
-
--input-horizontal-padding:
|
35
|
+
--input-horizontal-padding: 8px;
|
36
36
|
--input-block-color: #f5f7fa;
|
37
37
|
--input-block-hover-color: #eaebf0;
|
38
38
|
--input-icon-size: var(--font-size-medium);
|
@@ -121,12 +121,12 @@
|
|
121
121
|
--search-select-menu-border-color: var(--disable-color);
|
122
122
|
}
|
123
123
|
.bk-popover.bk-pop-confirm-box {
|
124
|
-
padding: 16px
|
124
|
+
padding: 16px;
|
125
125
|
}
|
126
126
|
.bk-pop-confirm-title {
|
127
127
|
font-size: 14px;
|
128
128
|
color: #313238;
|
129
|
-
padding-bottom:
|
129
|
+
padding-bottom: 16px;
|
130
130
|
}
|
131
131
|
.bk-pop-confirm-icon {
|
132
132
|
color: #FF5656;
|
@@ -134,8 +134,8 @@
|
|
134
134
|
}
|
135
135
|
.bk-pop-confirm-content {
|
136
136
|
font-size: 12px;
|
137
|
-
color: #
|
138
|
-
padding: 0 0
|
137
|
+
color: #63656e;
|
138
|
+
padding: 0 0 16px;
|
139
139
|
}
|
140
140
|
.bk-pop-confirm-simple {
|
141
141
|
font-size: 14px;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
@import '../styles/themes/themes.less';
|
2
2
|
|
3
3
|
.@{bk-prefix}-popover.@{bk-prefix}-pop-confirm-box{
|
4
|
-
padding:
|
4
|
+
padding: 16px;
|
5
5
|
}
|
6
6
|
//.@{bk-prefix}-pop-confirm {
|
7
7
|
.@{bk-prefix}-pop-confirm {
|
@@ -9,7 +9,7 @@
|
|
9
9
|
&-title {
|
10
10
|
font-size: 14px;
|
11
11
|
color: #313238;
|
12
|
-
padding-bottom:
|
12
|
+
padding-bottom: 16px;
|
13
13
|
}
|
14
14
|
&-icon {
|
15
15
|
color: #FF5656;
|
@@ -17,8 +17,8 @@
|
|
17
17
|
}
|
18
18
|
&-content {
|
19
19
|
font-size: 12px;
|
20
|
-
color: #
|
21
|
-
padding: 0 0
|
20
|
+
color: #63656e;
|
21
|
+
padding: 0 0 16px;
|
22
22
|
}
|
23
23
|
&-simple {
|
24
24
|
font-size: 14px;
|
@@ -154,7 +154,7 @@
|
|
154
154
|
--input-border-color: var(--light-gray);
|
155
155
|
--input-broder-radius: 3px;
|
156
156
|
--input-shadow-color: #a3c5fd;
|
157
|
-
--input-horizontal-padding:
|
157
|
+
--input-horizontal-padding: 8px;
|
158
158
|
--input-block-color: #f5f7fa;
|
159
159
|
--input-block-hover-color: #eaebf0;
|
160
160
|
--input-icon-size: var(--font-size-medium);
|
@@ -276,7 +276,7 @@
|
|
276
276
|
--input-border-color: var(--light-gray);
|
277
277
|
--input-broder-radius: 3px;
|
278
278
|
--input-shadow-color: #a3c5fd;
|
279
|
-
--input-horizontal-padding:
|
279
|
+
--input-horizontal-padding: 8px;
|
280
280
|
--input-block-color: #f5f7fa;
|
281
281
|
--input-block-hover-color: #eaebf0;
|
282
282
|
--input-icon-size: var(--font-size-medium);
|
@@ -365,12 +365,12 @@
|
|
365
365
|
--search-select-menu-border-color: var(--disable-color);
|
366
366
|
}
|
367
367
|
.bk-popover.bk-pop-confirm-box {
|
368
|
-
padding: 16px
|
368
|
+
padding: 16px;
|
369
369
|
}
|
370
370
|
.bk-pop-confirm-title {
|
371
371
|
font-size: 14px;
|
372
372
|
color: #313238;
|
373
|
-
padding-bottom:
|
373
|
+
padding-bottom: 16px;
|
374
374
|
}
|
375
375
|
.bk-pop-confirm-icon {
|
376
376
|
color: #FF5656;
|
@@ -378,8 +378,8 @@
|
|
378
378
|
}
|
379
379
|
.bk-pop-confirm-content {
|
380
380
|
font-size: 12px;
|
381
|
-
color: #
|
382
|
-
padding: 0 0
|
381
|
+
color: #63656e;
|
382
|
+
padding: 0 0 16px;
|
383
383
|
}
|
384
384
|
.bk-pop-confirm-simple {
|
385
385
|
font-size: 14px;
|
package/lib/popover/index.js
CHANGED
@@ -2509,88 +2509,6 @@ const floating_ui_dom_computePosition = (reference, floating, options) => {
|
|
2509
2509
|
|
2510
2510
|
|
2511
2511
|
|
2512
|
-
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js
|
2513
|
-
function _objectDestructuringEmpty(obj) {
|
2514
|
-
if (obj == null) throw new TypeError("Cannot destructure " + obj);
|
2515
|
-
}
|
2516
|
-
;// CONCATENATED MODULE: ../../packages/popover/src/use-platform.tsx
|
2517
|
-
|
2518
|
-
/*
|
2519
|
-
* Tencent is pleased to support the open source community by making
|
2520
|
-
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
2521
|
-
*
|
2522
|
-
* Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
|
2523
|
-
*
|
2524
|
-
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
|
2525
|
-
*
|
2526
|
-
* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
|
2527
|
-
*
|
2528
|
-
* ---------------------------------------------------
|
2529
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
2530
|
-
* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
|
2531
|
-
* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
|
2532
|
-
* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
2533
|
-
*
|
2534
|
-
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
|
2535
|
-
* the Software.
|
2536
|
-
*
|
2537
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
|
2538
|
-
* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
2539
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
|
2540
|
-
* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
2541
|
-
* IN THE SOFTWARE.
|
2542
|
-
*/
|
2543
|
-
/* harmony default export */ const use_platform = (function (fullscreenTarget) {
|
2544
|
-
var getElementRects = function getElementRects(_ref) {
|
2545
|
-
var reference = _ref.reference,
|
2546
|
-
floating = _ref.floating;
|
2547
|
-
var refRect = reference.getBoundingClientRect();
|
2548
|
-
var floatRect = floating.getBoundingClientRect();
|
2549
|
-
return {
|
2550
|
-
reference: {
|
2551
|
-
width: refRect.width,
|
2552
|
-
height: refRect.height,
|
2553
|
-
x: refRect.x,
|
2554
|
-
y: refRect.y
|
2555
|
-
},
|
2556
|
-
floating: {
|
2557
|
-
width: floatRect.width,
|
2558
|
-
height: floatRect.height,
|
2559
|
-
x: floatRect.x,
|
2560
|
-
y: floatRect.y
|
2561
|
-
}
|
2562
|
-
};
|
2563
|
-
};
|
2564
|
-
var getDimensions = function getDimensions(element) {
|
2565
|
-
var _element$getBoundingC = element.getBoundingClientRect(),
|
2566
|
-
width = _element$getBoundingC.width,
|
2567
|
-
height = _element$getBoundingC.height;
|
2568
|
-
return {
|
2569
|
-
width: width,
|
2570
|
-
height: height
|
2571
|
-
};
|
2572
|
-
};
|
2573
|
-
var getClippingRect = function getClippingRect(_ref2) {
|
2574
|
-
var _fullscreenTarget$get;
|
2575
|
-
_objectDestructuringEmpty(_ref2);
|
2576
|
-
var _ref3 = (_fullscreenTarget$get = fullscreenTarget === null || fullscreenTarget === void 0 ? void 0 : fullscreenTarget.getBoundingClientRect()) !== null && _fullscreenTarget$get !== void 0 ? _fullscreenTarget$get : {},
|
2577
|
-
_ref3$width = _ref3.width,
|
2578
|
-
width = _ref3$width === void 0 ? 0 : _ref3$width,
|
2579
|
-
_ref3$height = _ref3.height,
|
2580
|
-
height = _ref3$height === void 0 ? 0 : _ref3$height;
|
2581
|
-
return {
|
2582
|
-
width: width,
|
2583
|
-
height: height,
|
2584
|
-
x: 0,
|
2585
|
-
y: 0
|
2586
|
-
};
|
2587
|
-
};
|
2588
|
-
return {
|
2589
|
-
getElementRects: getElementRects,
|
2590
|
-
getDimensions: getDimensions,
|
2591
|
-
getClippingRect: getClippingRect
|
2592
|
-
};
|
2593
|
-
});
|
2594
2512
|
;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
|
2595
2513
|
const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
|
2596
2514
|
/* harmony default export */ const esm_browser_native = ({
|
@@ -2778,7 +2696,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
2778
2696
|
|
2779
2697
|
|
2780
2698
|
|
2781
|
-
|
2699
|
+
// import usePlatform from './use-platform';
|
2782
2700
|
|
2783
2701
|
/**
|
2784
2702
|
* 解析popover相关配置
|
@@ -2914,10 +2832,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
2914
2832
|
}
|
2915
2833
|
if (isAutoPlacementAvailable()) {
|
2916
2834
|
middleware.push(autoPlacement());
|
2917
|
-
} else {
|
2918
|
-
middleware.unshift(inline());
|
2919
|
-
middleware.push(flip());
|
2920
2835
|
}
|
2836
|
+
middleware.unshift(inline());
|
2837
|
+
middleware.push(flip());
|
2921
2838
|
if (isHideMiddlewareAvailable()) {
|
2922
2839
|
options.middleware.push(hide());
|
2923
2840
|
}
|
@@ -2927,20 +2844,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
2927
2844
|
* 在弹出的全屏元素中,元素相对位置有别于document下面元素
|
2928
2845
|
* 全屏模式下面,需要自定义当前元素的一个platform
|
2929
2846
|
*/
|
2930
|
-
if (isElementFullScreen() || props.isVirtualEl) {
|
2931
|
-
|
2932
|
-
|
2933
|
-
|
2934
|
-
|
2935
|
-
|
2936
|
-
|
2937
|
-
|
2938
|
-
|
2939
|
-
|
2940
|
-
|
2941
|
-
})
|
2942
|
-
});
|
2943
|
-
}
|
2847
|
+
// if (isElementFullScreen() || props.isVirtualEl) {
|
2848
|
+
// const { getElementRects, getDimensions, getClippingRect } = usePlatform(fullScreenTarget.value);
|
2849
|
+
// Object.assign(options, {
|
2850
|
+
// platform: {
|
2851
|
+
// ...(props?.platform ?? {}),
|
2852
|
+
// getElementRects,
|
2853
|
+
// getDimensions,
|
2854
|
+
// getClippingRect,
|
2855
|
+
// },
|
2856
|
+
// });
|
2857
|
+
// }
|
2944
2858
|
return options;
|
2945
2859
|
};
|
2946
2860
|
var resolveTargetElement = function resolveTargetElement(target) {
|
@@ -3422,7 +3336,9 @@ var parentNodeReferId = null;
|
|
3422
3336
|
elReference = _resolvePopElements3.elReference,
|
3423
3337
|
root = _resolvePopElements3.root;
|
3424
3338
|
if (isFullscreen.value) {
|
3425
|
-
|
3339
|
+
var _ref6 = elReference || root || {},
|
3340
|
+
parentNode = _ref6.parentNode;
|
3341
|
+
boundary.value = (fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) || parentNode;
|
3426
3342
|
return;
|
3427
3343
|
}
|
3428
3344
|
boundary.value = getPrefixId(root || elReference);
|