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.
Files changed (197) hide show
  1. package/dist/index.cjs.js +43 -43
  2. package/dist/index.esm.js +5300 -5283
  3. package/dist/index.umd.js +43 -43
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +1 -1
  7. package/lib/affix/affix.variable.css +2 -2
  8. package/lib/alert/alert.css +1 -1
  9. package/lib/alert/alert.variable.css +2 -2
  10. package/lib/backtop/backtop.css +1 -1
  11. package/lib/backtop/backtop.variable.css +3 -3
  12. package/lib/badge/badge.css +9 -3
  13. package/lib/badge/badge.less +8 -4
  14. package/lib/badge/badge.variable.css +10 -4
  15. package/lib/breadcrumb/breadcrumb.css +1 -1
  16. package/lib/breadcrumb/breadcrumb.variable.css +3 -3
  17. package/lib/button/button-group.d.ts +2 -2
  18. package/lib/button/button.css +1 -1
  19. package/lib/button/button.variable.css +2 -2
  20. package/lib/button/index.d.ts +2 -2
  21. package/lib/card/card.css +8 -8
  22. package/lib/card/card.less +7 -7
  23. package/lib/card/card.variable.css +10 -10
  24. package/lib/cascader/cascader.css +1 -1
  25. package/lib/cascader/cascader.variable.css +3 -3
  26. package/lib/checkbox/checkbox.css +2 -2
  27. package/lib/checkbox/checkbox.d.ts +8 -8
  28. package/lib/checkbox/checkbox.less +1 -1
  29. package/lib/checkbox/checkbox.variable.css +3 -3
  30. package/lib/checkbox/index.d.ts +12 -12
  31. package/lib/code-diff/code-diff.css +1 -1
  32. package/lib/code-diff/code-diff.variable.css +2 -2
  33. package/lib/collapse/collapse.css +1 -1
  34. package/lib/collapse/collapse.variable.css +2 -2
  35. package/lib/collapse-transition/collapse-transition.css +1 -1
  36. package/lib/collapse-transition/collapse-transition.variable.css +2 -2
  37. package/lib/color-picker/color-picker.css +1 -1
  38. package/lib/color-picker/color-picker.variable.css +2 -2
  39. package/lib/config-provider/config-provider.css +1 -1
  40. package/lib/config-provider/config-provider.variable.css +2 -2
  41. package/lib/container/container.css +1 -1
  42. package/lib/container/container.variable.css +3 -3
  43. package/lib/date-picker/date-picker.css +1 -1
  44. package/lib/date-picker/date-picker.variable.css +2 -2
  45. package/lib/dialog/dialog.css +8 -7
  46. package/lib/dialog/dialog.less +7 -6
  47. package/lib/dialog/dialog.variable.css +10 -9
  48. package/lib/divider/divider.css +1 -1
  49. package/lib/divider/divider.variable.css +2 -2
  50. package/lib/dropdown/dropdown.css +2 -2
  51. package/lib/dropdown/dropdown.variable.css +4 -4
  52. package/lib/exception/exception.css +1 -1
  53. package/lib/exception/exception.variable.css +2 -2
  54. package/lib/fixed-navbar/fixed-navbar.css +1 -1
  55. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -2
  56. package/lib/form/form.css +2 -2
  57. package/lib/form/form.less +2 -2
  58. package/lib/form/form.variable.css +3 -3
  59. package/lib/image/image-viewer.css +1 -1
  60. package/lib/image/image-viewer.variable.css +2 -2
  61. package/lib/image/image.css +1 -1
  62. package/lib/image/image.variable.css +3 -3
  63. package/lib/info-box/info-box.css +1 -1
  64. package/lib/info-box/info-box.variable.css +2 -2
  65. package/lib/input/index.d.ts +4 -4
  66. package/lib/input/input.css +17 -1
  67. package/lib/input/input.d.ts +3 -3
  68. package/lib/input/input.less +19 -0
  69. package/lib/input/input.variable.css +19 -3
  70. package/lib/link/link.css +1 -1
  71. package/lib/link/link.variable.css +2 -2
  72. package/lib/loading/loading.css +10 -10
  73. package/lib/loading/loading.less +14 -9
  74. package/lib/loading/loading.variable.css +12 -12
  75. package/lib/menu/menu.css +1 -1
  76. package/lib/menu/menu.variable.css +3 -3
  77. package/lib/menu/submenu.css +1 -1
  78. package/lib/menu/submenu.variable.css +2 -2
  79. package/lib/message/message.css +1 -1
  80. package/lib/message/message.variable.css +2 -2
  81. package/lib/modal/modal.css +1 -1
  82. package/lib/modal/modal.variable.css +3 -3
  83. package/lib/navigation/navigation.css +1 -1
  84. package/lib/navigation/navigation.variable.css +2 -2
  85. package/lib/notify/notify.css +7 -7
  86. package/lib/notify/notify.less +6 -6
  87. package/lib/notify/notify.variable.css +8 -8
  88. package/lib/pagination/index.d.ts +4 -4
  89. package/lib/pagination/pagination.css +1 -1
  90. package/lib/pagination/pagination.d.ts +3 -3
  91. package/lib/pagination/pagination.variable.css +2 -2
  92. package/lib/plugin-popover/index.js +17 -101
  93. package/lib/pop-confirm/pop-confirm.css +5 -5
  94. package/lib/pop-confirm/pop-confirm.less +4 -4
  95. package/lib/pop-confirm/pop-confirm.variable.css +6 -6
  96. package/lib/popover/index.js +17 -101
  97. package/lib/popover/popover.css +2 -2
  98. package/lib/popover/popover.less +1 -1
  99. package/lib/popover/popover.variable.css +3 -3
  100. package/lib/process/process.css +1 -1
  101. package/lib/process/process.variable.css +2 -2
  102. package/lib/progress/index.d.ts +4 -4
  103. package/lib/progress/progress.css +8 -4
  104. package/lib/progress/progress.d.ts +3 -3
  105. package/lib/progress/progress.less +8 -3
  106. package/lib/progress/progress.variable.css +10 -6
  107. package/lib/radio/index.d.ts +2 -2
  108. package/lib/radio/radio-button.d.ts +3 -3
  109. package/lib/radio/radio.css +2 -2
  110. package/lib/radio/radio.less +1 -1
  111. package/lib/radio/radio.variable.css +3 -3
  112. package/lib/rate/index.d.ts +4 -4
  113. package/lib/rate/index.js +6 -2
  114. package/lib/rate/rate.css +1 -1
  115. package/lib/rate/rate.d.ts +2 -2
  116. package/lib/rate/rate.variable.css +2 -2
  117. package/lib/rate/star.css +1 -1
  118. package/lib/rate/star.variable.css +2 -2
  119. package/lib/resize-layout/resize-layout.css +1 -1
  120. package/lib/resize-layout/resize-layout.variable.css +2 -2
  121. package/lib/search-select/search-select.css +1 -1
  122. package/lib/search-select/search-select.variable.css +3 -3
  123. package/lib/select/index.d.ts +9 -9
  124. package/lib/select/index.js +1 -1
  125. package/lib/select/select.css +1 -1
  126. package/lib/select/select.d.ts +5 -5
  127. package/lib/select/select.variable.css +3 -3
  128. package/lib/shared/index.js +1 -1
  129. package/lib/shared/vue-types.d.ts +1 -1
  130. package/lib/sideslider/sideslider.css +1 -1
  131. package/lib/sideslider/sideslider.variable.css +2 -2
  132. package/lib/slider/slider.css +1 -1
  133. package/lib/slider/slider.variable.css +2 -2
  134. package/lib/steps/index.d.ts +4 -4
  135. package/lib/steps/steps.css +3 -3
  136. package/lib/steps/steps.d.ts +3 -3
  137. package/lib/steps/steps.less +2 -2
  138. package/lib/steps/steps.variable.css +4 -4
  139. package/lib/styles/mixins/animate.css +1 -1
  140. package/lib/styles/mixins/animate.variable.css +2 -2
  141. package/lib/styles/mixins/mixins.css +1 -1
  142. package/lib/styles/mixins/mixins.variable.css +1 -1
  143. package/lib/styles/mixins/popper.css +1 -1
  144. package/lib/styles/mixins/popper.variable.css +2 -2
  145. package/lib/styles/mixins/scroll.css +1 -1
  146. package/lib/styles/mixins/scroll.variable.css +2 -2
  147. package/lib/styles/reset.css +1 -1
  148. package/lib/styles/reset.variable.css +2 -2
  149. package/lib/styles/themes/themes.css +1 -1
  150. package/lib/styles/themes/themes.less +2 -1
  151. package/lib/styles/themes/themes.variable.css +1 -1
  152. package/lib/swiper/swiper.css +1 -1
  153. package/lib/swiper/swiper.variable.css +2 -2
  154. package/lib/switcher/index.d.ts +4 -4
  155. package/lib/switcher/switcher.css +1 -1
  156. package/lib/switcher/switcher.d.ts +3 -3
  157. package/lib/switcher/switcher.variable.css +3 -3
  158. package/lib/tab/tab.css +1 -1
  159. package/lib/tab/tab.variable.css +2 -2
  160. package/lib/table/components/table-column.d.ts +4 -4
  161. package/lib/table/index.d.ts +4 -4
  162. package/lib/table/index.js +31 -17
  163. package/lib/table/plugins/head-filter.css +2 -29
  164. package/lib/table/plugins/head-filter.less +2 -34
  165. package/lib/table/plugins/head-filter.variable.css +3 -30
  166. package/lib/table/plugins/head-sort.css +1 -1
  167. package/lib/table/plugins/head-sort.variable.css +2 -2
  168. package/lib/table/plugins/settings.css +1 -1
  169. package/lib/table/plugins/settings.variable.css +2 -2
  170. package/lib/table/props.d.ts +1 -1
  171. package/lib/table/table.css +5 -31
  172. package/lib/table/table.less +1 -0
  173. package/lib/table/table.variable.css +7 -33
  174. package/lib/table-column/index.d.ts +10 -10
  175. package/lib/tag/tag.css +1 -1
  176. package/lib/tag/tag.variable.css +2 -2
  177. package/lib/tag-input/tag-input.css +1 -1
  178. package/lib/tag-input/tag-input.variable.css +2 -2
  179. package/lib/time-picker/time-picker.css +1 -1
  180. package/lib/time-picker/time-picker.variable.css +2 -2
  181. package/lib/timeline/timeline.css +1 -1
  182. package/lib/timeline/timeline.variable.css +2 -2
  183. package/lib/transfer/transfer.css +3 -3
  184. package/lib/transfer/transfer.less +2 -2
  185. package/lib/transfer/transfer.variable.css +4 -4
  186. package/lib/tree/index.js +47 -1
  187. package/lib/tree/tree.css +2 -2
  188. package/lib/tree/tree.d.ts +4 -0
  189. package/lib/tree/tree.variable.css +4 -4
  190. package/lib/upload/upload.css +1 -1
  191. package/lib/upload/upload.variable.css +3 -3
  192. package/lib/virtual-render/index.js +71 -30
  193. package/lib/virtual-render/use-fix-top.d.ts +18 -0
  194. package/lib/virtual-render/v-virtual-render.d.ts +5 -0
  195. package/lib/virtual-render/virtual-render.css +1 -1
  196. package/lib/virtual-render/virtual-render.variable.css +3 -3
  197. 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: 10px;
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: 10px;
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);
@@ -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: 10px;
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: 24px;
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: 8px;
154
- right: 12px;
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: 23px;
165
+ padding-left: 25px;
166
166
  margin-top: 0;
167
- margin-bottom: 7px;
167
+ margin-bottom: 8px;
168
168
  font-size: 16px;
169
169
  font-weight: 700;
170
170
  color: #313238;
@@ -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: 24px;
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: 8px;
38
- right: 12px;
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: 23px;
51
+ padding-left: 25px;
52
52
  margin-top: 0;
53
- margin-bottom: 7px;
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: 10px;
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: 10px;
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: 24px;
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: 8px;
398
- right: 12px;
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: 23px;
409
+ padding-left: 25px;
410
410
  margin-top: 0;
411
- margin-bottom: 7px;
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: 10px;
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: 10px;
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: 10px;
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
- var _props$platform;
2930
- var _usePlatform = use_platform(fullScreenTarget.value),
2931
- getElementRects = _usePlatform.getElementRects,
2932
- getDimensions = _usePlatform.getDimensions,
2933
- getClippingRect = _usePlatform.getClippingRect;
2934
- Object.assign(options, {
2935
- platform: _objectSpread(_objectSpread({}, (_props$platform = props === null || props === void 0 ? void 0 : props.platform) !== null && _props$platform !== void 0 ? _props$platform : {}), {}, {
2936
- getElementRects: getElementRects,
2937
- getDimensions: getDimensions,
2938
- getClippingRect: getClippingRect
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
- boundary.value = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value;
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: 10px;
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 24px;
124
+ padding: 16px;
125
125
  }
126
126
  .bk-pop-confirm-title {
127
127
  font-size: 14px;
128
128
  color: #313238;
129
- padding-bottom: 12px;
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: #63656E;
138
- padding: 0 0 20px;
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: 16px 24px;
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: 12px;
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: #63656E;
21
- padding: 0 0 20px;
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: 10px;
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: 10px;
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 24px;
368
+ padding: 16px;
369
369
  }
370
370
  .bk-pop-confirm-title {
371
371
  font-size: 14px;
372
372
  color: #313238;
373
- padding-bottom: 12px;
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: #63656E;
382
- padding: 0 0 20px;
381
+ color: #63656e;
382
+ padding: 0 0 16px;
383
383
  }
384
384
  .bk-pop-confirm-simple {
385
385
  font-size: 14px;
@@ -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
- var _props$platform;
2932
- var _usePlatform = use_platform(fullScreenTarget.value),
2933
- getElementRects = _usePlatform.getElementRects,
2934
- getDimensions = _usePlatform.getDimensions,
2935
- getClippingRect = _usePlatform.getClippingRect;
2936
- Object.assign(options, {
2937
- platform: _objectSpread(_objectSpread({}, (_props$platform = props === null || props === void 0 ? void 0 : props.platform) !== null && _props$platform !== void 0 ? _props$platform : {}), {}, {
2938
- getElementRects: getElementRects,
2939
- getDimensions: getDimensions,
2940
- getClippingRect: getClippingRect
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
- boundary.value = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value;
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);