bkui-vue 1.0.3-beta.4 → 1.0.3-beta.41

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 (209) hide show
  1. package/dist/index.cjs.js +70 -70
  2. package/dist/index.esm.js +15540 -14307
  3. package/dist/index.umd.js +69 -69
  4. package/dist/locale/en.esm.js +1 -1
  5. package/dist/locale/en.esm.js.map +1 -1
  6. package/dist/locale/en.umd.js +1 -1
  7. package/dist/locale/en.umd.js.map +1 -1
  8. package/dist/locale/zh-cn.esm.js +1 -1
  9. package/dist/locale/zh-cn.esm.js.map +1 -1
  10. package/dist/locale/zh-cn.umd.js +1 -1
  11. package/dist/locale/zh-cn.umd.js.map +1 -1
  12. package/dist/style.css +1 -1
  13. package/dist/style.variable.css +1 -1
  14. package/lib/affix/affix.variable.css +3 -0
  15. package/lib/alert/alert.variable.css +3 -0
  16. package/lib/backtop/backtop.variable.css +3 -0
  17. package/lib/badge/badge.variable.css +3 -0
  18. package/lib/breadcrumb/breadcrumb.variable.css +3 -0
  19. package/lib/button/button.variable.css +3 -0
  20. package/lib/card/card.variable.css +3 -0
  21. package/lib/cascader/cascader.variable.css +3 -0
  22. package/lib/checkbox/checkbox.variable.css +3 -0
  23. package/lib/code-diff/code-diff.variable.css +3 -0
  24. package/lib/collapse/collapse.variable.css +3 -0
  25. package/lib/collapse-transition/collapse-transition.variable.css +3 -0
  26. package/lib/color-picker/color-picker.variable.css +3 -0
  27. package/lib/components.js +0 -4
  28. package/lib/config-provider/config-provider.d.ts +3 -0
  29. package/lib/config-provider/config-provider.variable.css +3 -0
  30. package/lib/config-provider/index.d.ts +4 -0
  31. package/lib/config-provider/token.d.ts +1 -0
  32. package/lib/container/container.variable.css +3 -0
  33. package/lib/date-picker/base/month-table.d.ts +2 -2
  34. package/lib/date-picker/date-picker.d.ts +1 -0
  35. package/lib/date-picker/date-picker.variable.css +3 -0
  36. package/lib/date-picker/index.d.ts +3 -0
  37. package/lib/date-picker/index.js +69 -31
  38. package/lib/date-picker/interface.d.ts +1 -1
  39. package/lib/date-picker/time-picker.d.ts +1 -0
  40. package/lib/date-picker/utils.d.ts +4 -0
  41. package/lib/dialog/dialog.css +28 -31
  42. package/lib/dialog/dialog.d.ts +11 -0
  43. package/lib/dialog/dialog.less +18 -17
  44. package/lib/dialog/dialog.variable.css +31 -31
  45. package/lib/dialog/index.d.ts +23 -0
  46. package/lib/dialog/index.js +14 -9
  47. package/lib/dialog/props.d.ts +5 -0
  48. package/lib/directives/index.js +0 -1
  49. package/lib/dist.index.js +0 -1
  50. package/lib/divider/divider.variable.css +3 -0
  51. package/lib/dropdown/dropdown.css +3 -1
  52. package/lib/dropdown/dropdown.variable.css +6 -1
  53. package/lib/exception/exception.variable.css +3 -0
  54. package/lib/fixed-navbar/fixed-navbar.variable.css +3 -0
  55. package/lib/form/form.variable.css +3 -0
  56. package/lib/hooks.js +1 -8
  57. package/lib/icon/image-fill.js +82 -167
  58. package/lib/icon/img-error.js +82 -167
  59. package/lib/icon/img-placehoulder.js +82 -167
  60. package/lib/icon/index.d.ts +1 -0
  61. package/lib/icon/index.js +87 -2427
  62. package/lib/icon/info-line.js +82 -167
  63. package/lib/icon/info.js +82 -167
  64. package/lib/icon/left-shape.js +82 -167
  65. package/lib/icon/left-turn-line.js +82 -167
  66. package/lib/icon/loading.js +82 -167
  67. package/lib/icon/narrow-line.js +82 -167
  68. package/lib/icon/original.js +82 -167
  69. package/lib/icon/pdf-fill.js +82 -167
  70. package/lib/icon/play-shape.js +82 -167
  71. package/lib/icon/plus.js +82 -167
  72. package/lib/icon/ppt-fill.js +82 -167
  73. package/lib/icon/qq.js +82 -167
  74. package/lib/icon/right-shape.js +82 -167
  75. package/lib/icon/right-turn-line.js +82 -167
  76. package/lib/icon/search.js +82 -167
  77. package/lib/icon/share.js +82 -167
  78. package/lib/icon/spinner.js +82 -167
  79. package/lib/icon/success.js +82 -167
  80. package/lib/icon/switcher-loading.js +82 -167
  81. package/lib/icon/text-all.d.ts +4 -0
  82. package/lib/icon/text-all.js +191 -0
  83. package/lib/icon/text-file.js +82 -167
  84. package/lib/icon/text-fill.js +82 -167
  85. package/lib/icon/transfer.js +82 -167
  86. package/lib/icon/tree-application-shape.js +82 -167
  87. package/lib/icon/unfull-screen.js +82 -167
  88. package/lib/icon/unvisible.js +82 -167
  89. package/lib/icon/up-shape.js +82 -167
  90. package/lib/icon/upload.js +82 -167
  91. package/lib/icon/video-fill.js +82 -167
  92. package/lib/icon/warn.js +82 -167
  93. package/lib/icon/weixin-pro.js +82 -167
  94. package/lib/icon/weixin.js +82 -167
  95. package/lib/image/image-viewer.variable.css +3 -0
  96. package/lib/image/image.variable.css +3 -0
  97. package/lib/image/index.js +5 -2
  98. package/lib/index.js +0 -1
  99. package/lib/info-box/index.js +40 -455
  100. package/lib/info-box/info-box.css +6 -11
  101. package/lib/info-box/info-box.d.ts +1 -1
  102. package/lib/info-box/info-box.less +6 -10
  103. package/lib/info-box/info-box.variable.css +9 -11
  104. package/lib/input/index.js +5 -0
  105. package/lib/input/input.variable.css +3 -0
  106. package/lib/link/link.variable.css +3 -0
  107. package/lib/loading/loading.variable.css +3 -0
  108. package/lib/locale/index.js +4 -2
  109. package/lib/locale/lang/en.d.ts +1 -0
  110. package/lib/menu/menu.variable.css +3 -0
  111. package/lib/menu/submenu.variable.css +3 -0
  112. package/lib/message/message.variable.css +3 -0
  113. package/lib/modal/index.d.ts +34 -6
  114. package/lib/modal/index.js +14 -15
  115. package/lib/modal/modal.css +10 -15
  116. package/lib/modal/modal.d.ts +13 -2
  117. package/lib/modal/modal.less +5 -5
  118. package/lib/modal/modal.variable.css +13 -15
  119. package/lib/modal/props.mixin.d.ts +5 -0
  120. package/lib/navigation/navigation.variable.css +3 -0
  121. package/lib/notify/notify.variable.css +3 -0
  122. package/lib/pagination/index.js +2 -1
  123. package/lib/pagination/pagination.variable.css +3 -0
  124. package/lib/plugin-popover/index.d.ts +1 -1
  125. package/lib/plugin-popover/index.js +55 -31
  126. package/lib/pop-confirm/pop-confirm.variable.css +3 -0
  127. package/lib/popover/content.d.ts +1 -1
  128. package/lib/popover/index.js +55 -31
  129. package/lib/popover/plugin-popover.d.ts +4 -1
  130. package/lib/popover/popover.css +3 -1
  131. package/lib/popover/popover.less +4 -1
  132. package/lib/popover/popover.variable.css +6 -1
  133. package/lib/preset.d.ts +2 -0
  134. package/lib/preset.js +14 -20
  135. package/lib/process/process.variable.css +3 -0
  136. package/lib/progress/progress.variable.css +3 -0
  137. package/lib/radio/radio.variable.css +3 -0
  138. package/lib/rate/rate.variable.css +3 -0
  139. package/lib/rate/star.variable.css +3 -0
  140. package/lib/resize-layout/resize-layout.variable.css +3 -0
  141. package/lib/search-select/index.js +0 -1
  142. package/lib/search-select/search-select.variable.css +3 -0
  143. package/lib/select/index.d.ts +68 -6
  144. package/lib/select/index.js +1326 -68
  145. package/lib/select/option.d.ts +3 -1
  146. package/lib/select/pinyin/core.d.ts +14 -0
  147. package/lib/select/pinyin/dict.d.ts +34 -0
  148. package/lib/select/pinyin/index.d.ts +2 -0
  149. package/lib/select/select.css +36 -7
  150. package/lib/select/select.d.ts +28 -2
  151. package/lib/select/select.less +43 -13
  152. package/lib/select/select.variable.css +39 -7
  153. package/lib/select/type.d.ts +2 -3
  154. package/lib/shared/index.js +44 -3
  155. package/lib/shared/utils.d.ts +12 -0
  156. package/lib/sideslider/index.d.ts +29 -6
  157. package/lib/sideslider/index.js +5 -2
  158. package/lib/sideslider/sideslider.d.ts +13 -2
  159. package/lib/sideslider/sideslider.variable.css +3 -0
  160. package/lib/slider/slider.variable.css +3 -0
  161. package/lib/steps/steps.variable.css +3 -0
  162. package/lib/styles/mixins/animate.variable.css +3 -0
  163. package/lib/styles/mixins/popper.variable.css +3 -0
  164. package/lib/styles/mixins/scroll.variable.css +3 -0
  165. package/lib/styles/reset.css +1 -3
  166. package/lib/styles/reset.less +3 -6
  167. package/lib/styles/reset.variable.css +4 -3
  168. package/lib/styles/themes/themes.less +5 -0
  169. package/lib/swiper/swiper.variable.css +3 -0
  170. package/lib/switcher/switcher.variable.css +3 -0
  171. package/lib/tab/tab.variable.css +3 -0
  172. package/lib/table/cache.d.ts +11 -3
  173. package/lib/table/components/table-column.d.ts +111 -5
  174. package/lib/table/index.d.ts +66 -5
  175. package/lib/table/index.js +857 -562
  176. package/lib/table/plugins/head-filter.variable.css +3 -0
  177. package/lib/table/plugins/head-sort.d.ts +7 -0
  178. package/lib/table/plugins/head-sort.variable.css +3 -0
  179. package/lib/table/plugins/settings.variable.css +3 -0
  180. package/lib/table/plugins/use-draggable.d.ts +2 -2
  181. package/lib/table/plugins/use-observer-resize.d.ts +5 -0
  182. package/lib/table/props.d.ts +15 -4
  183. package/lib/table/table.css +6 -12
  184. package/lib/table/table.d.ts +7 -0
  185. package/lib/table/table.less +12 -9
  186. package/lib/table/table.variable.css +9 -12
  187. package/lib/table/use-attributes.d.ts +5 -43
  188. package/lib/table/utils.d.ts +5 -4
  189. package/lib/table-column/index.d.ts +235 -119
  190. package/lib/table-column/index.js +221 -30
  191. package/lib/tag/tag.variable.css +3 -0
  192. package/lib/tag-input/index.d.ts +4 -4
  193. package/lib/tag-input/tag-input.d.ts +2 -2
  194. package/lib/tag-input/tag-input.variable.css +3 -0
  195. package/lib/tag-input/tag-props.d.ts +1 -1
  196. package/lib/tag-input/tag-render.d.ts +1 -1
  197. package/lib/time-picker/index.d.ts +38 -35
  198. package/lib/time-picker/time-picker.variable.css +3 -0
  199. package/lib/timeline/index.d.ts +73 -44
  200. package/lib/timeline/index.js +45 -63
  201. package/lib/timeline/timeline.d.ts +42 -29
  202. package/lib/timeline/timeline.variable.css +3 -0
  203. package/lib/transfer/transfer.variable.css +3 -0
  204. package/lib/tree/tree.variable.css +3 -0
  205. package/lib/upload/upload.variable.css +3 -0
  206. package/lib/virtual-render/index.d.ts +9 -9
  207. package/lib/virtual-render/virtual-render.d.ts +3 -3
  208. package/lib/virtual-render/virtual-render.variable.css +3 -0
  209. package/package.json +3 -2
@@ -1,3 +1,4 @@
1
+ import { VNode } from 'vue';
1
2
  import { SelectedTypeEnum } from '../shared';
2
3
  declare const _default: import("vue").DefineComponent<{
3
4
  id: {
@@ -23,10 +24,11 @@ declare const _default: import("vue").DefineComponent<{
23
24
  selectedStyle: import("vue").ComputedRef<SelectedTypeEnum>;
24
25
  optionName: import("vue").ComputedRef<string | number>;
25
26
  optionID: import("vue").ComputedRef<unknown>;
26
- isDisabled: import("vue").ComputedRef<boolean>;
27
+ highlightKeyword: import("vue").ComputedRef<boolean>;
27
28
  handleOptionClick: () => void;
28
29
  handleMouseEnter: () => void;
29
30
  resolveClassName: (cls: string) => string;
31
+ transformNode: (str: string) => string | (string | VNode)[];
30
32
  visible: import("vue").Ref<boolean>;
31
33
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
34
  id: {
@@ -0,0 +1,14 @@
1
+ declare namespace _default {
2
+ export { isSupported };
3
+ export { parse };
4
+ export { patchDict };
5
+ export { genToken };
6
+ export function convertToPinyin(str: any, lowerCase: any, separator: any): any;
7
+ }
8
+ export default _default;
9
+ declare function isSupported(force: any): any;
10
+ declare function parse(str: any): any;
11
+ declare function patchDict(patchers: any): void;
12
+ declare function genToken(ch: any): {
13
+ source: any;
14
+ };
@@ -0,0 +1,34 @@
1
+ declare namespace _default {
2
+ export { PINYINS };
3
+ export { UNIHANS };
4
+ export { EXCEPTIONS };
5
+ }
6
+ export default _default;
7
+ declare const PINYINS: string[];
8
+ declare const UNIHANS: string[];
9
+ declare namespace EXCEPTIONS {
10
+ const 曾: string;
11
+ const 沈: string;
12
+ const 嗲: string;
13
+ const 碡: string;
14
+ const 聒: string;
15
+ const 炔: string;
16
+ const 蚵: string;
17
+ const 砉: string;
18
+ const 嬤: string;
19
+ const 嬷: string;
20
+ const 蹒: string;
21
+ const 蹊: string;
22
+ const 丬: string;
23
+ const 霰: string;
24
+ const 莘: string;
25
+ const 豉: string;
26
+ const 饧: string;
27
+ const 筠: string;
28
+ const 长: string;
29
+ const 帧: string;
30
+ const 峙: string;
31
+ const 郍: string;
32
+ const 芎: string;
33
+ const 谁: string;
34
+ }
@@ -0,0 +1,2 @@
1
+ export default pinyin;
2
+ import pinyin from "./core";
@@ -111,6 +111,14 @@
111
111
  .bk-select .bk-select-trigger .bk-select-tag.has-prefix {
112
112
  padding-left: 0;
113
113
  }
114
+ .bk-select .bk-select-trigger .bk-select-tag-wrapper {
115
+ display: flex;
116
+ align-items: center;
117
+ flex-wrap: wrap;
118
+ overflow: hidden;
119
+ gap: 4px;
120
+ padding: 4px 0;
121
+ }
114
122
  .bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
115
123
  height: 30px;
116
124
  }
@@ -121,12 +129,6 @@
121
129
  min-height: 32px;
122
130
  flex-wrap: wrap;
123
131
  }
124
- .bk-select .bk-select-trigger .bk-select-tag-wrapper {
125
- display: flex;
126
- align-items: center;
127
- flex-wrap: wrap;
128
- overflow: hidden;
129
- }
130
132
  .bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
131
133
  border-color: #979ba5;
132
134
  }
@@ -172,7 +174,7 @@
172
174
  width: 1%;
173
175
  height: 22px;
174
176
  padding: 0;
175
- margin: 2px 5px 4px 0;
177
+ margin: 0px 5px 0px 0;
176
178
  background-color: transparent;
177
179
  border: none;
178
180
  flex-grow: 1;
@@ -288,6 +290,29 @@
288
290
  .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options {
289
291
  padding: 4px 0;
290
292
  }
293
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all {
294
+ padding: 4px 0;
295
+ border-bottom: 1px solid #dcdee5;
296
+ }
297
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper {
298
+ display: flex;
299
+ align-items: center;
300
+ height: 32px;
301
+ padding: 0 12px;
302
+ cursor: pointer;
303
+ color: #63656e;
304
+ }
305
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper:hover {
306
+ background-color: #f5f7fa;
307
+ }
308
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper.active {
309
+ background-color: #e1ecff;
310
+ color: #3a84ff;
311
+ }
312
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper .select-all-icon {
313
+ margin-right: 4px;
314
+ font-size: 16px;
315
+ }
291
316
  .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
292
317
  position: relative;
293
318
  display: flex;
@@ -320,6 +345,10 @@
320
345
  text-overflow: ellipsis;
321
346
  white-space: nowrap;
322
347
  }
348
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item .is-keyword {
349
+ display: inline-flex;
350
+ color: #3a84ff;
351
+ }
323
352
  .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover {
324
353
  background-color: #f5f7fa;
325
354
  }
@@ -296,6 +296,16 @@ declare const _default: import("vue").DefineComponent<{
296
296
  filterOption: {
297
297
  type: FunctionConstructor;
298
298
  };
299
+ searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
300
+ default: boolean;
301
+ } & {
302
+ default: boolean;
303
+ };
304
+ highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
305
+ default: boolean;
306
+ } & {
307
+ default: boolean;
308
+ };
299
309
  }, {
300
310
  t: import("vue").ComputedRef<{
301
311
  noData: string;
@@ -502,6 +512,7 @@ declare const _default: import("vue").DefineComponent<{
502
512
  curContentText: import("vue").ComputedRef<string>;
503
513
  isGroup: import("vue").ComputedRef<boolean>;
504
514
  searchValue: import("vue").Ref<string>;
515
+ curSearchValue: import("vue").ComputedRef<string>;
505
516
  customOptionName: import("vue").Ref<string>;
506
517
  isShowAll: import("vue").ComputedRef<boolean>;
507
518
  isShowSelectAll: import("vue").ComputedRef<boolean>;
@@ -637,6 +648,7 @@ declare const _default: import("vue").DefineComponent<{
637
648
  };
638
649
  }>>>>;
639
650
  isAllSelected: import("vue").ComputedRef<boolean>;
651
+ isAll: import("vue").ComputedRef<boolean>;
640
652
  focusInput: () => void;
641
653
  setHover: () => void;
642
654
  cancelHover: () => void;
@@ -646,7 +658,8 @@ declare const _default: import("vue").DefineComponent<{
646
658
  handleClear: (e: Event) => void;
647
659
  hidePopover: () => void;
648
660
  showPopover: () => void;
649
- handleToggleSelectAll: () => void;
661
+ toggleSelectAll: () => void;
662
+ toggleAll: () => void;
650
663
  handleOptionSelected: (option: OptionInstanceType) => void;
651
664
  handleClickOutside: ({ event }: {
652
665
  event: any;
@@ -662,7 +675,7 @@ declare const _default: import("vue").DefineComponent<{
662
675
  localSelectAllText: import("vue").ComputedRef<string>;
663
676
  resolveClassName: (cls: string) => string;
664
677
  handleCreateCustomOption: (val: string | number, e: KeyboardEvent) => void;
665
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
678
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
666
679
  modelValue: import("vue-types").VueTypeValidableDef<any>;
667
680
  multiple: import("vue-types").VueTypeValidableDef<boolean> & {
668
681
  default: boolean;
@@ -958,6 +971,16 @@ declare const _default: import("vue").DefineComponent<{
958
971
  filterOption: {
959
972
  type: FunctionConstructor;
960
973
  };
974
+ searchWithPinyin: import("vue-types").VueTypeValidableDef<boolean> & {
975
+ default: boolean;
976
+ } & {
977
+ default: boolean;
978
+ };
979
+ highlightKeyword: import("vue-types").VueTypeValidableDef<boolean> & {
980
+ default: boolean;
981
+ } & {
982
+ default: boolean;
983
+ };
961
984
  }>> & {
962
985
  onFocus?: (...args: any[]) => any;
963
986
  onBlur?: (...args: any[]) => any;
@@ -969,6 +992,7 @@ declare const _default: import("vue").DefineComponent<{
969
992
  "onScroll-end"?: (...args: any[]) => any;
970
993
  "onTag-remove"?: (...args: any[]) => any;
971
994
  onDeselect?: (...args: any[]) => any;
995
+ "onSearch-change"?: (...args: any[]) => any;
972
996
  }, {
973
997
  prefix: string;
974
998
  size: "default" | "small" | "large" | "huge";
@@ -986,6 +1010,7 @@ declare const _default: import("vue").DefineComponent<{
986
1010
  withValidate: boolean;
987
1011
  noDataText: string;
988
1012
  showSelectedIcon: boolean;
1013
+ highlightKeyword: boolean;
989
1014
  filterable: boolean;
990
1015
  allowCreate: boolean;
991
1016
  collapseTags: boolean;
@@ -1008,5 +1033,6 @@ declare const _default: import("vue").DefineComponent<{
1008
1033
  allowEmptyValues: unknown[];
1009
1034
  autoFocus: boolean;
1010
1035
  keepSearchValue: boolean;
1036
+ searchWithPinyin: boolean;
1011
1037
  }, {}>;
1012
1038
  export default _default;
@@ -168,6 +168,15 @@
168
168
  padding-left: 0;
169
169
  }
170
170
 
171
+ &-wrapper {
172
+ display: flex;
173
+ align-items: center;
174
+ flex-wrap: wrap;
175
+ overflow: hidden;
176
+ gap: 4px;
177
+ padding: 4px 0;
178
+ }
179
+
171
180
  &.collapse-tag .@{bk-prefix}-select-tag-wrapper {
172
181
  height: 30px;
173
182
  }
@@ -180,13 +189,6 @@
180
189
  flex-wrap: wrap;
181
190
  }
182
191
 
183
- &-wrapper {
184
- display: flex;
185
- align-items: center;
186
- flex-wrap: wrap;
187
- overflow: hidden;
188
- }
189
-
190
192
  &:not(.is-disabled):hover {
191
193
  border-color: #979ba5;
192
194
  }
@@ -223,7 +225,7 @@
223
225
  width: 1%;
224
226
  height: 22px;
225
227
  padding: 0;
226
- margin: 2px 5px 4px 0;
228
+ margin: 0px 5px 0px 0;
227
229
  background-color: transparent;
228
230
  border: none;
229
231
  flex-grow: 1;
@@ -267,7 +269,7 @@
267
269
  padding: 0 10px;
268
270
  margin-right: 10px;
269
271
  color: #63656e;
270
- background-color: #f5f7fa;
272
+ background-color: @select-hover-color;
271
273
  border-right: 1px solid #c4c6cc;
272
274
  align-items: center;
273
275
  }
@@ -331,6 +333,30 @@
331
333
  padding: 4px 0;
332
334
  }
333
335
 
336
+ .@{bk-prefix}-select-all {
337
+ padding: 4px 0;
338
+ border-bottom: 1px solid @border-color;
339
+ .wrapper {
340
+ display: flex;
341
+ align-items: center;
342
+ height: 32px;
343
+ padding: 0 12px;
344
+ cursor: pointer;
345
+ color: @default-color;
346
+ &:hover {
347
+ background-color: @select-hover-color;
348
+ }
349
+ &.active {
350
+ background-color: @select-active-color;
351
+ color: @primary-color;
352
+ }
353
+ .select-all-icon {
354
+ margin-right: 4px;
355
+ font-size: 16px;
356
+ }
357
+ }
358
+ }
359
+
334
360
  .@{bk-prefix}-select-option {
335
361
  position: relative;
336
362
  display: flex;
@@ -360,15 +386,19 @@
360
386
 
361
387
  &-item {
362
388
  .ellipsis();
389
+ .is-keyword {
390
+ display: inline-flex;
391
+ color: @primary-color;
392
+ }
363
393
  }
364
394
 
365
395
  &.is-hover {
366
- background-color: #f5f7fa;
396
+ background-color: @select-hover-color;
367
397
  }
368
398
 
369
399
  &:hover {
370
400
  color: #63656e;
371
- background-color: #f5f7fa;
401
+ background-color: @select-hover-color;
372
402
  }
373
403
 
374
404
  &.is-selected:not(.is-checkbox) {
@@ -390,11 +420,11 @@
390
420
  }
391
421
 
392
422
  &.is-hover {
393
- background-color: #f5f7fa;
423
+ background-color: @select-hover-color;
394
424
  }
395
425
 
396
426
  &:hover {
397
- background-color: #f5f7fa;
427
+ background-color: @select-hover-color;
398
428
  }
399
429
  }
400
430
  }
@@ -12,6 +12,7 @@
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
14
  --disable-bg-color: #f9fafd;
15
+ --border-color: #dcdee5;
15
16
  --font-size-base: 12px;
16
17
  --font-size-medium: 14px;
17
18
  --font-size-large: 16px;
@@ -123,6 +124,8 @@
123
124
  --search-select-placeholder-color: var(--light-gray);
124
125
  --search-select-message-color: var(--danger-color);
125
126
  --search-select-menu-border-color: var(--disable-color);
127
+ --select-active-color: #e1ecff;
128
+ --select-hover-color: #f5f7fa;
126
129
  }
127
130
  @keyframes loading-scale-animate {
128
131
  0% {
@@ -237,6 +240,14 @@
237
240
  .bk-select .bk-select-trigger .bk-select-tag.has-prefix {
238
241
  padding-left: 0;
239
242
  }
243
+ .bk-select .bk-select-trigger .bk-select-tag-wrapper {
244
+ display: flex;
245
+ align-items: center;
246
+ flex-wrap: wrap;
247
+ overflow: hidden;
248
+ gap: 4px;
249
+ padding: 4px 0;
250
+ }
240
251
  .bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
241
252
  height: 30px;
242
253
  }
@@ -247,12 +258,6 @@
247
258
  min-height: 32px;
248
259
  flex-wrap: wrap;
249
260
  }
250
- .bk-select .bk-select-trigger .bk-select-tag-wrapper {
251
- display: flex;
252
- align-items: center;
253
- flex-wrap: wrap;
254
- overflow: hidden;
255
- }
256
261
  .bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
257
262
  border-color: #979ba5;
258
263
  }
@@ -298,7 +303,7 @@
298
303
  width: 1%;
299
304
  height: 22px;
300
305
  padding: 0;
301
- margin: 2px 5px 4px 0;
306
+ margin: 0px 5px 0px 0;
302
307
  background-color: transparent;
303
308
  border: none;
304
309
  flex-grow: 1;
@@ -414,6 +419,29 @@
414
419
  .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options {
415
420
  padding: 4px 0;
416
421
  }
422
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all {
423
+ padding: 4px 0;
424
+ border-bottom: 1px solid #dcdee5;
425
+ }
426
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper {
427
+ display: flex;
428
+ align-items: center;
429
+ height: 32px;
430
+ padding: 0 12px;
431
+ cursor: pointer;
432
+ color: #63656e;
433
+ }
434
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper:hover {
435
+ background-color: #f5f7fa;
436
+ }
437
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper.active {
438
+ background-color: #e1ecff;
439
+ color: #3a84ff;
440
+ }
441
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper .select-all-icon {
442
+ margin-right: 4px;
443
+ font-size: 16px;
444
+ }
417
445
  .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
418
446
  position: relative;
419
447
  display: flex;
@@ -446,6 +474,10 @@
446
474
  text-overflow: ellipsis;
447
475
  white-space: nowrap;
448
476
  }
477
+ .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item .is-keyword {
478
+ display: inline-flex;
479
+ color: #3a84ff;
480
+ }
449
481
  .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover {
450
482
  background-color: #f5f7fa;
451
483
  }
@@ -15,15 +15,14 @@ export interface ISelectContext {
15
15
  activeOptionValue: any;
16
16
  showSelectedIcon: boolean;
17
17
  selectedStyle: SelectedTypeEnum;
18
- isShowAll: Boolean;
19
- allOptionId: any;
18
+ curSearchValue: string;
19
+ highlightKeyword: boolean;
20
20
  register(key: any, option: OptionInstanceType): any;
21
21
  unregister(key: any): any;
22
22
  registerGroup(key: any, option: GroupInstanceType): any;
23
23
  unregisterGroup(key: any): any;
24
24
  handleOptionSelected(option: OptionInstanceType): void;
25
25
  handleGetLabelByValue(value: any): string | number;
26
- handleToggleAll(): void;
27
26
  }
28
27
  export interface IOptionGroupContext {
29
28
  disabled: boolean;
@@ -72,6 +72,7 @@ __webpack_require__.d(__webpack_exports__, {
72
72
  finiteOrDefault: () => (/* reexport */ finiteOrDefault),
73
73
  formItemKey: () => (/* reexport */ formItemKey),
74
74
  formKey: () => (/* reexport */ formKey),
75
+ getFullscreenRoot: () => (/* reexport */ getFullscreenRoot),
75
76
  getPopContainerId: () => (/* reexport */ getPopContainerId),
76
77
  hasOverflowEllipsis: () => (/* reexport */ hasOverflowEllipsis),
77
78
  isArray: () => (/* reexport */ isArray),
@@ -79,6 +80,7 @@ __webpack_require__.d(__webpack_exports__, {
79
80
  isEmpty: () => (/* reexport */ isEmpty),
80
81
  isEmptyObj: () => (/* binding */ isEmptyObj),
81
82
  isFinite: () => (/* reexport */ isNumberFinite),
83
+ isFullScreenContainsElement: () => (/* reexport */ isFullScreenContainsElement),
82
84
  isFunction: () => (/* reexport */ isFunction),
83
85
  isNullOrUndef: () => (/* reexport */ isNullOrUndef),
84
86
  isObject: () => (/* reexport */ isObject),
@@ -1231,6 +1233,7 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
1231
1233
  * IN THE SOFTWARE.
1232
1234
  */
1233
1235
 
1236
+
1234
1237
  var lowerStr = 'abcdefghijklmnopqrstuvwxyz0123456789';
1235
1238
  /**
1236
1239
  * 生成n位长度的字符串
@@ -1315,6 +1318,43 @@ function checkOverflow(el) {
1315
1318
  }
1316
1319
  return isOverflow;
1317
1320
  }
1321
+ /**
1322
+ * 判定是否在全屏模式下包含指定元素
1323
+ * @param target
1324
+ * @returns
1325
+ */
1326
+ var isFullScreenContainsElement = function isFullScreenContainsElement(target) {
1327
+ var _document$fullscreenE, _document$fullscreenE2;
1328
+ if ((_document$fullscreenE = document.fullscreenElement) !== null && _document$fullscreenE !== void 0 && _document$fullscreenE.shadowRoot) {
1329
+ return document.fullscreenElement.shadowRoot.contains(target);
1330
+ }
1331
+ return (_document$fullscreenE2 = document.fullscreenElement) === null || _document$fullscreenE2 === void 0 ? void 0 : _document$fullscreenE2.contains(target);
1332
+ };
1333
+ /**
1334
+ * 当全屏模式开启,获取指定选择器下面的全屏元素
1335
+ * 如果是启用了webcomponent组件,则返回shadowRoot内指定的目标元素
1336
+ * @returns
1337
+ */
1338
+ var getFullscreenRoot = function getFullscreenRoot(selector) {
1339
+ if (helper_isElement(selector)) {
1340
+ if (isFullScreenContainsElement(selector)) {
1341
+ return selector;
1342
+ }
1343
+ }
1344
+ if (typeof selector === 'string') {
1345
+ var target = document.body.querySelector(selector);
1346
+ return getFullscreenRoot(target);
1347
+ }
1348
+ if (document.fullscreenElement) {
1349
+ var _document$fullscreenE3;
1350
+ if ((_document$fullscreenE3 = document.fullscreenElement) !== null && _document$fullscreenE3 !== void 0 && _document$fullscreenE3.shadowRoot) {
1351
+ var _document$fullscreenE4;
1352
+ return (_document$fullscreenE4 = document.fullscreenElement) === null || _document$fullscreenE4 === void 0 ? void 0 : _document$fullscreenE4.shadowRoot;
1353
+ }
1354
+ return document.fullscreenElement;
1355
+ }
1356
+ return document.body;
1357
+ };
1318
1358
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
1319
1359
  function _assertThisInitialized(self) {
1320
1360
  if (self === void 0) {
@@ -1730,8 +1770,7 @@ var BKZIndexManager = /*#__PURE__*/function () {
1730
1770
  this.storageLayerIndexValue[type] = this.storageLayerIndexValue[type] + 1;
1731
1771
  return this.storageLayerIndexValue[type];
1732
1772
  }
1733
- this.storageLayerIndexValue[BKLAYERTYPE.MODAL] = this.storageLayerIndexValue[BKLAYERTYPE.MODAL] + 1;
1734
- return this.storageLayerIndexValue[BKLAYERTYPE.MODAL];
1773
+ this.getNextIndex(BKLAYERTYPE.MODAL);
1735
1774
  }
1736
1775
  /** 获取弹窗类型最新zIndex的值 */
1737
1776
  }, {
@@ -2033,6 +2072,7 @@ var __webpack_exports__filterProperty = __webpack_exports__.filterProperty;
2033
2072
  var __webpack_exports__finiteOrDefault = __webpack_exports__.finiteOrDefault;
2034
2073
  var __webpack_exports__formItemKey = __webpack_exports__.formItemKey;
2035
2074
  var __webpack_exports__formKey = __webpack_exports__.formKey;
2075
+ var __webpack_exports__getFullscreenRoot = __webpack_exports__.getFullscreenRoot;
2036
2076
  var __webpack_exports__getPopContainerId = __webpack_exports__.getPopContainerId;
2037
2077
  var __webpack_exports__hasOverflowEllipsis = __webpack_exports__.hasOverflowEllipsis;
2038
2078
  var __webpack_exports__isArray = __webpack_exports__.isArray;
@@ -2040,6 +2080,7 @@ var __webpack_exports__isElement = __webpack_exports__.isElement;
2040
2080
  var __webpack_exports__isEmpty = __webpack_exports__.isEmpty;
2041
2081
  var __webpack_exports__isEmptyObj = __webpack_exports__.isEmptyObj;
2042
2082
  var __webpack_exports__isFinite = __webpack_exports__.isFinite;
2083
+ var __webpack_exports__isFullScreenContainsElement = __webpack_exports__.isFullScreenContainsElement;
2043
2084
  var __webpack_exports__isFunction = __webpack_exports__.isFunction;
2044
2085
  var __webpack_exports__isNullOrUndef = __webpack_exports__.isNullOrUndef;
2045
2086
  var __webpack_exports__isObject = __webpack_exports__.isObject;
@@ -2072,4 +2113,4 @@ var __webpack_exports__useFormItem = __webpack_exports__.useFormItem;
2072
2113
  var __webpack_exports__valueOrDefault = __webpack_exports__.valueOrDefault;
2073
2114
  var __webpack_exports__withInstall = __webpack_exports__.withInstall;
2074
2115
  var __webpack_exports__withInstallProps = __webpack_exports__.withInstallProps;
2075
- export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__mask as mask, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };
2116
+ export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getFullscreenRoot as getFullscreenRoot, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFullScreenContainsElement as isFullScreenContainsElement, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__mask as mask, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };
@@ -23,3 +23,15 @@ export declare const capitalize: (str: any) => any;
23
23
  * @returns
24
24
  */
25
25
  export declare function checkOverflow(el: any): boolean;
26
+ /**
27
+ * 判定是否在全屏模式下包含指定元素
28
+ * @param target
29
+ * @returns
30
+ */
31
+ export declare const isFullScreenContainsElement: (target: HTMLElement) => boolean;
32
+ /**
33
+ * 当全屏模式开启,获取指定选择器下面的全屏元素
34
+ * 如果是启用了webcomponent组件,则返回shadowRoot内指定的目标元素
35
+ * @returns
36
+ */
37
+ export declare const getFullscreenRoot: (selector?: HTMLElement | string) => any;