bkui-vue 1.0.3-beta.59 → 1.0.3-beta.60.scrollbar.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/dist/index.cjs.js +52 -50
  2. package/dist/index.esm.js +15711 -15010
  3. package/dist/index.umd.js +52 -50
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/index.js +1 -1
  7. package/lib/alert/index.js +1 -1
  8. package/lib/animate-number/index.js +7 -8
  9. package/lib/badge/index.js +1 -1
  10. package/lib/breadcrumb/index.js +1 -1
  11. package/lib/button/index.js +1 -1
  12. package/lib/card/index.js +1 -1
  13. package/lib/cascader/index.js +38 -42
  14. package/lib/checkbox/index.js +6 -7
  15. package/lib/collapse/index.js +11 -12
  16. package/lib/collapse-transition/index.js +3 -4
  17. package/lib/color-picker/index.js +10 -13
  18. package/lib/components.d.ts +0 -1
  19. package/lib/components.js +1 -2
  20. package/lib/config-provider/index.js +1 -1
  21. package/lib/container/index.js +10 -12
  22. package/lib/date-picker/index.js +2 -2
  23. package/lib/dialog/dialog.css +9 -7
  24. package/lib/dialog/dialog.variable.css +9 -7
  25. package/lib/dialog/index.js +4 -4
  26. package/lib/directives/index.js +1 -1
  27. package/lib/divider/index.js +2 -3
  28. package/lib/dropdown/index.js +6 -8
  29. package/lib/exception/index.js +1 -1
  30. package/lib/fixed-navbar/index.js +2 -3
  31. package/lib/form/index.js +1 -1
  32. package/lib/icon/angle-double-down-line.js +1 -1
  33. package/lib/icon/angle-double-left-line.js +1 -1
  34. package/lib/icon/angle-double-left.js +1 -1
  35. package/lib/icon/angle-double-right-line.js +1 -1
  36. package/lib/icon/angle-double-right.js +1 -1
  37. package/lib/icon/angle-double-up-line.js +1 -1
  38. package/lib/icon/angle-down-fill.js +1 -1
  39. package/lib/icon/angle-down-line.js +1 -1
  40. package/lib/icon/angle-down.js +1 -1
  41. package/lib/icon/angle-left.js +1 -1
  42. package/lib/icon/angle-right.js +1 -1
  43. package/lib/icon/angle-up-fill.js +1 -1
  44. package/lib/icon/angle-up.js +1 -1
  45. package/lib/icon/archive-fill.js +1 -1
  46. package/lib/icon/arrows-left.js +1 -1
  47. package/lib/icon/arrows-right.js +1 -1
  48. package/lib/icon/assistant.js +1 -1
  49. package/lib/icon/audio-fill.js +1 -1
  50. package/lib/icon/bk.js +1 -1
  51. package/lib/icon/circle.js +1 -1
  52. package/lib/icon/close-line.js +1 -1
  53. package/lib/icon/close.js +1 -1
  54. package/lib/icon/code.js +1 -1
  55. package/lib/icon/cog-shape.js +1 -1
  56. package/lib/icon/collapse-left.js +1 -1
  57. package/lib/icon/copy-shape.js +1 -1
  58. package/lib/icon/copy.js +1 -1
  59. package/lib/icon/data-shape.js +1 -1
  60. package/lib/icon/del.js +1 -1
  61. package/lib/icon/doc-fill.js +1 -1
  62. package/lib/icon/done.js +1 -1
  63. package/lib/icon/down-shape.js +1 -1
  64. package/lib/icon/down-small.js +1 -1
  65. package/lib/icon/edit-line.js +1 -1
  66. package/lib/icon/ellipsis.js +1 -1
  67. package/lib/icon/enlarge-line.js +1 -1
  68. package/lib/icon/error.js +1 -1
  69. package/lib/icon/excel-fill.js +1 -1
  70. package/lib/icon/exclamation-circle-shape.js +1 -1
  71. package/lib/icon/eye.js +1 -1
  72. package/lib/icon/filliscreen-line.js +1 -1
  73. package/lib/icon/fix-line.js +1 -1
  74. package/lib/icon/fix-shape.js +1 -1
  75. package/lib/icon/folder-open.js +1 -1
  76. package/lib/icon/folder-shape-open.js +1 -1
  77. package/lib/icon/folder-shape.js +1 -1
  78. package/lib/icon/folder.js +1 -1
  79. package/lib/icon/funnel.js +1 -1
  80. package/lib/icon/grag-fill.js +1 -1
  81. package/lib/icon/help-document-fill.js +1 -1
  82. package/lib/icon/help-fill.js +1 -1
  83. package/lib/icon/help.js +1 -1
  84. package/lib/icon/image-fill.js +1 -1
  85. package/lib/icon/img-error.js +1 -1
  86. package/lib/icon/img-placehoulder.js +1 -1
  87. package/lib/icon/info-line.js +1 -1
  88. package/lib/icon/info.js +1 -1
  89. package/lib/icon/left-shape.js +1 -1
  90. package/lib/icon/left-turn-line.js +1 -1
  91. package/lib/icon/loading.js +1 -1
  92. package/lib/icon/narrow-line.js +1 -1
  93. package/lib/icon/original.js +1 -1
  94. package/lib/icon/pdf-fill.js +1 -1
  95. package/lib/icon/play-shape.js +1 -1
  96. package/lib/icon/plus.js +1 -1
  97. package/lib/icon/ppt-fill.js +1 -1
  98. package/lib/icon/qq.js +1 -1
  99. package/lib/icon/right-shape.js +1 -1
  100. package/lib/icon/right-turn-line.js +1 -1
  101. package/lib/icon/search.js +1 -1
  102. package/lib/icon/share.js +1 -1
  103. package/lib/icon/spinner.js +1 -1
  104. package/lib/icon/success.js +1 -1
  105. package/lib/icon/switcher-loading.js +1 -1
  106. package/lib/icon/text-all.js +1 -1
  107. package/lib/icon/text-file.js +1 -1
  108. package/lib/icon/text-fill.js +1 -1
  109. package/lib/icon/transfer.js +1 -1
  110. package/lib/icon/tree-application-shape.js +1 -1
  111. package/lib/icon/unfull-screen.js +1 -1
  112. package/lib/icon/unvisible.js +1 -1
  113. package/lib/icon/up-shape.js +1 -1
  114. package/lib/icon/upload.js +1 -1
  115. package/lib/icon/video-fill.js +1 -1
  116. package/lib/icon/warn.js +1 -1
  117. package/lib/icon/weixin-pro.js +1 -1
  118. package/lib/icon/weixin.js +1 -1
  119. package/lib/image/index.js +10 -11
  120. package/lib/info-box/index.js +4 -5
  121. package/lib/input/index.js +4 -4
  122. package/lib/link/index.js +2 -2
  123. package/lib/loading/index.js +11 -12
  124. package/lib/menu/index.js +2 -3
  125. package/lib/message/index.js +1 -1
  126. package/lib/modal/hooks.d.ts +1 -1
  127. package/lib/modal/index.d.ts +0 -3
  128. package/lib/modal/index.js +26 -25
  129. package/lib/modal/modal.css +9 -7
  130. package/lib/modal/modal.d.ts +0 -1
  131. package/lib/modal/modal.less +18 -11
  132. package/lib/modal/modal.variable.css +9 -7
  133. package/lib/navigation/index.js +7 -9
  134. package/lib/notify/index.js +1 -1
  135. package/lib/overflow-title/index.js +9 -10
  136. package/lib/pagination/index.js +1 -1
  137. package/lib/plugin-popover/index.js +26 -30
  138. package/lib/pop-confirm/index.js +4 -5
  139. package/lib/popover/index.js +26 -30
  140. package/lib/popover2/index.js +2 -2
  141. package/lib/process/index.js +4 -4
  142. package/lib/progress/index.js +5 -6
  143. package/lib/radio/index.js +6 -7
  144. package/lib/rate/index.js +1 -1
  145. package/lib/resize-layout/index.js +1 -1
  146. package/lib/search-select/index.d.ts +12 -321
  147. package/lib/search-select/index.js +224 -424
  148. package/lib/search-select/input.d.ts +2 -6
  149. package/lib/search-select/search-select.css +6 -20
  150. package/lib/search-select/search-select.d.ts +4 -107
  151. package/lib/search-select/search-select.less +12 -16
  152. package/lib/search-select/search-select.variable.css +6 -20
  153. package/lib/search-select/selected.d.ts +5 -105
  154. package/lib/search-select/utils.d.ts +1 -7
  155. package/lib/select/index.d.ts +9 -32
  156. package/lib/select/index.js +5 -8
  157. package/lib/select/select.d.ts +3 -14
  158. package/lib/shared/index.js +5 -8
  159. package/lib/sideslider/index.js +4 -4
  160. package/lib/sideslider/sideslider.css +5 -0
  161. package/lib/sideslider/sideslider.less +14 -8
  162. package/lib/sideslider/sideslider.variable.css +5 -0
  163. package/lib/slider/index.d.ts +3 -3
  164. package/lib/slider/index.js +19 -20
  165. package/lib/slider/slider.d.ts +1 -1
  166. package/lib/steps/index.d.ts +3 -3
  167. package/lib/steps/index.js +4 -4
  168. package/lib/steps/steps.d.ts +1 -1
  169. package/lib/swiper/index.js +1 -1
  170. package/lib/switcher/index.js +1 -1
  171. package/lib/tab/index.d.ts +4 -4
  172. package/lib/tab/index.js +3 -4
  173. package/lib/tab/tab.d.ts +1 -1
  174. package/lib/table/const.d.ts +1 -1
  175. package/lib/table/index.d.ts +9 -9
  176. package/lib/table/index.js +24 -26
  177. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  178. package/lib/table/table.css +96 -42
  179. package/lib/table/table.d.ts +3 -3
  180. package/lib/table/table.less +41 -56
  181. package/lib/table/table.variable.css +96 -42
  182. package/lib/table/use-render.d.ts +1 -1
  183. package/lib/table-column/index.js +2 -2
  184. package/lib/tag/index.js +1 -1
  185. package/lib/tag-input/index.js +3 -4
  186. package/lib/timeline/index.js +0 -1
  187. package/lib/transfer/index.d.ts +3 -3
  188. package/lib/transfer/transfer.d.ts +1 -1
  189. package/lib/tree/index.js +10 -12
  190. package/lib/tree/tree.css +75 -2
  191. package/lib/tree/tree.variable.css +75 -2
  192. package/lib/upload/index.d.ts +4 -4
  193. package/lib/upload/index.js +4 -4
  194. package/lib/upload/upload.d.ts +1 -1
  195. package/lib/virtual-render/bk-scrollbar.css +74 -0
  196. package/lib/virtual-render/bk-scrollbar.d.ts +10 -0
  197. package/lib/virtual-render/bk-scrollbar.less +93 -0
  198. package/lib/virtual-render/bk-scrollbar.variable.css +203 -0
  199. package/lib/virtual-render/index.d.ts +4 -0
  200. package/lib/virtual-render/index.js +2542 -235
  201. package/lib/virtual-render/props.d.ts +7 -0
  202. package/lib/virtual-render/scrollbar-core/can-use-dom.d.ts +2 -0
  203. package/lib/virtual-render/scrollbar-core/helpers.d.ts +5 -0
  204. package/lib/virtual-render/scrollbar-core/index.d.ts +213 -0
  205. package/lib/virtual-render/scrollbar-core/mouse-wheel.d.ts +5 -0
  206. package/lib/virtual-render/scrollbar-core/scrollbar-width.d.ts +1 -0
  207. package/lib/virtual-render/use-fix-top.d.ts +2 -7
  208. package/lib/virtual-render/use-scrollbar.d.ts +23 -0
  209. package/lib/virtual-render/v-virtual-render.d.ts +2 -1
  210. package/lib/virtual-render/virtual-render.css +75 -2
  211. package/lib/virtual-render/virtual-render.d.ts +2 -0
  212. package/lib/virtual-render/virtual-render.less +2 -2
  213. package/lib/virtual-render/virtual-render.variable.css +75 -2
  214. package/package.json +5 -1
@@ -53,18 +53,14 @@ declare const _default: import("vue").DefineComponent<{
53
53
  };
54
54
  documentArrowEvent: (e: KeyboardEvent) => void;
55
55
  handleClickOutside: (e: MouseEvent) => void;
56
- handleInputFocus: () => void;
56
+ handleInputFocus: (e: FocusEvent) => void;
57
57
  handleInputChange: (event: Event) => void;
58
- handleInputPaste: (event: ClipboardEvent) => void;
59
58
  handleLogicalChange: (logical: SearchLogical) => void;
60
59
  handleInputKeyup: (event: KeyboardEvent) => void;
61
60
  handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
62
61
  handleSelectCondtionItem: (item: ICommonItem) => void;
63
62
  handleMenuFooterClick: (item: IMenuFooterItem) => void;
64
63
  resolveClassName: (cls: string) => string;
65
- inputFocusForWrapper: () => void;
66
- inputEnterForWrapper: () => void;
67
- inputClearForWrapper: () => void;
68
64
  t: import("vue").ComputedRef<{
69
65
  pleaseSelect: string;
70
66
  loading: string;
@@ -98,8 +94,8 @@ declare const _default: import("vue").DefineComponent<{
98
94
  valueBehavior: PropType<ValueBehavior>;
99
95
  }>> & {
100
96
  onFocus?: (...args: any[]) => any;
101
- onDelete?: (...args: any[]) => any;
102
97
  onAdd?: (...args: any[]) => any;
98
+ onDelete?: (...args: any[]) => any;
103
99
  }, {
104
100
  mode: SearchInputMode;
105
101
  conditions: ICommonItem[];
@@ -189,7 +189,6 @@
189
189
  margin-top: -4px;
190
190
  color: #63656e;
191
191
  border: none;
192
- flex: 1;
193
192
  }
194
193
  .bk-search-select-container .search-container-input .input-before:before {
195
194
  color: #c4c6cc;
@@ -288,16 +287,12 @@
288
287
  }
289
288
  .bk-search-select-menu .menu-item-mixin {
290
289
  display: flex;
290
+ align-items: center;
291
291
  width: 100%;
292
292
  height: 32px;
293
- max-width: 500px;
294
293
  padding: 0 8px;
295
- overflow: hidden;
296
- text-overflow: ellipsis;
297
- white-space: nowrap;
298
- outline: none;
299
- align-items: center;
300
294
  flex: 0 0 32px;
295
+ outline: none;
301
296
  }
302
297
  .bk-search-select-menu .menu-item-mixin:hover {
303
298
  cursor: pointer;
@@ -317,16 +312,12 @@
317
312
  }
318
313
  .bk-search-select-menu .menu-header-item {
319
314
  display: flex;
315
+ align-items: center;
320
316
  width: 100%;
321
317
  height: 32px;
322
- max-width: 500px;
323
318
  padding: 0 8px;
324
- overflow: hidden;
325
- text-overflow: ellipsis;
326
- white-space: nowrap;
327
- outline: none;
328
- align-items: center;
329
319
  flex: 0 0 32px;
320
+ outline: none;
330
321
  }
331
322
  .bk-search-select-menu .menu-header-item:hover {
332
323
  cursor: pointer;
@@ -369,23 +360,18 @@
369
360
  display: flex;
370
361
  max-height: 240px;
371
362
  padding: 4px 0;
372
- margin: 0;
373
363
  overflow: auto;
374
364
  flex-direction: column;
375
365
  flex: 1;
376
366
  }
377
367
  .bk-search-select-menu .menu-content .menu-item {
378
368
  display: flex;
369
+ align-items: center;
379
370
  width: 100%;
380
371
  height: 32px;
381
- max-width: 500px;
382
372
  padding: 0 8px;
383
- overflow: hidden;
384
- text-overflow: ellipsis;
385
- white-space: nowrap;
386
- outline: none;
387
- align-items: center;
388
373
  flex: 0 0 32px;
374
+ outline: none;
389
375
  white-space: pre;
390
376
  }
391
377
  .bk-search-select-menu .menu-content .menu-item:hover {
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
84
84
  validator(v: ValueBehavior): boolean;
85
85
  };
86
86
  }, {
87
- inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
87
+ inputRef: import("vue").Ref<import("vue").DefineComponent<{
88
88
  data: {
89
89
  type: PropType<ISearchItem[]>;
90
90
  required: true;
@@ -105,10 +105,6 @@ declare const _default: import("vue").DefineComponent<{
105
105
  getMenuList: PropType<GetMenuListFunc>;
106
106
  validateValues: PropType<ValidateValuesFunc>;
107
107
  valueBehavior: PropType<ValueBehavior>;
108
- }>> & {
109
- onFocus?: (...args: any[]) => any;
110
- onDelete?: (...args: any[]) => any;
111
- onAdd?: (...args: any[]) => any;
112
108
  }, {
113
109
  popoverRef: import("vue").Ref<HTMLDivElement>;
114
110
  inputRef: import("vue").Ref<HTMLDivElement>;
@@ -141,18 +137,14 @@ declare const _default: import("vue").DefineComponent<{
141
137
  };
142
138
  documentArrowEvent: (e: KeyboardEvent) => void;
143
139
  handleClickOutside: (e: MouseEvent) => void;
144
- handleInputFocus: () => void;
140
+ handleInputFocus: (e: FocusEvent) => void;
145
141
  handleInputChange: (event: Event) => void;
146
- handleInputPaste: (event: ClipboardEvent) => void;
147
142
  handleLogicalChange: (logical: SearchLogical) => void;
148
143
  handleInputKeyup: (event: KeyboardEvent) => void;
149
144
  handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
150
145
  handleSelectCondtionItem: (item: ICommonItem) => void;
151
146
  handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
152
147
  resolveClassName: (cls: string) => string;
153
- inputFocusForWrapper: () => void;
154
- inputEnterForWrapper: () => void;
155
- inputClearForWrapper: () => void;
156
148
  t: import("vue").ComputedRef<{
157
149
  pleaseSelect: string;
158
150
  loading: string;
@@ -163,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
163
155
  and: string;
164
156
  logical: string;
165
157
  }>;
166
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
158
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], "focus" | "delete" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
167
159
  data: {
168
160
  type: PropType<ISearchItem[]>;
169
161
  required: true;
@@ -186,105 +178,14 @@ declare const _default: import("vue").DefineComponent<{
186
178
  valueBehavior: PropType<ValueBehavior>;
187
179
  }>> & {
188
180
  onFocus?: (...args: any[]) => any;
189
- onDelete?: (...args: any[]) => any;
190
181
  onAdd?: (...args: any[]) => any;
191
- }, {
192
- mode: import("./utils").SearchInputMode;
193
- conditions: ICommonItem[];
194
- showInputBefore: boolean;
195
- showCondition: boolean;
196
- }, true, {}, {}, {
197
- P: {};
198
- B: {};
199
- D: {};
200
- C: {};
201
- M: {};
202
- Defaults: {};
203
- }, Readonly<import("vue").ExtractPropTypes<{
204
- data: {
205
- type: PropType<ISearchItem[]>;
206
- required: true;
207
- };
208
- showInputBefore: BooleanConstructor;
209
- showCondition: BooleanConstructor;
210
- clickOutside: FunctionConstructor;
211
- placeholder: StringConstructor;
212
- conditions: {
213
- type: PropType<ICommonItem[]>;
214
- default: () => any[];
215
- };
216
- defautUsingItem: PropType<SelectedItem>;
217
- mode: {
218
- type: PropType<import("./utils").SearchInputMode>;
219
- default: import("./utils").SearchInputMode;
220
- };
221
- getMenuList: PropType<GetMenuListFunc>;
222
- validateValues: PropType<ValidateValuesFunc>;
223
- valueBehavior: PropType<ValueBehavior>;
224
- }>> & {
225
- onFocus?: (...args: any[]) => any;
226
182
  onDelete?: (...args: any[]) => any;
227
- onAdd?: (...args: any[]) => any;
228
183
  }, {
229
- popoverRef: import("vue").Ref<HTMLDivElement>;
230
- inputRef: import("vue").Ref<HTMLDivElement>;
231
- keyword: import("vue").Ref<string>;
232
- loading: import("vue").Ref<boolean>;
233
- remoteMenuList: import("vue").Ref<{
234
- id: string;
235
- name: string;
236
- disabled?: boolean;
237
- realId?: string;
238
- value?: {
239
- name: string;
240
- id: string;
241
- realId?: string;
242
- isSelected?: boolean;
243
- logical?: SearchLogical;
244
- };
245
- isSelected?: boolean;
246
- logical?: SearchLogical;
247
- }[]>;
248
- menuList: import("vue").Ref<ISearchItem[]>;
249
- menuHoverId: import("vue").Ref<string>;
250
- isFocus: import("vue").Ref<boolean>;
251
- usingItem: import("vue").Ref<SelectedItem>;
252
- showPopover: import("vue").Ref<boolean>;
253
- showNoSelectValueError: import("vue").Ref<boolean>;
254
- debounceSetMenuList: {
255
- (this: any): any;
256
- cancel(): void;
257
- };
258
- documentArrowEvent: (e: KeyboardEvent) => void;
259
- handleClickOutside: (e: MouseEvent) => void;
260
- handleInputFocus: () => void;
261
- handleInputChange: (event: Event) => void;
262
- handleInputPaste: (event: ClipboardEvent) => void;
263
- handleLogicalChange: (logical: SearchLogical) => void;
264
- handleInputKeyup: (event: KeyboardEvent) => void;
265
- handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
266
- handleSelectCondtionItem: (item: ICommonItem) => void;
267
- handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
268
- resolveClassName: (cls: string) => string;
269
- inputFocusForWrapper: () => void;
270
- inputEnterForWrapper: () => void;
271
- inputClearForWrapper: () => void;
272
- t: import("vue").ComputedRef<{
273
- pleaseSelect: string;
274
- loading: string;
275
- filterQueryMustHasValue: string;
276
- ok: string;
277
- cancel: string;
278
- or: string;
279
- and: string;
280
- logical: string;
281
- }>;
282
- }, {}, {}, {}, {
283
184
  mode: import("./utils").SearchInputMode;
284
185
  conditions: ICommonItem[];
285
186
  showInputBefore: boolean;
286
187
  showCondition: boolean;
287
- }>>;
188
+ }, {}>>;
288
189
  wrapRef: import("vue").Ref<HTMLDivElement>;
289
190
  isFocus: import("vue").Ref<boolean>;
290
191
  copyData: ShallowRef<ISearchItem[]>;
@@ -308,7 +209,6 @@ declare const _default: import("vue").DefineComponent<{
308
209
  }[];
309
210
  condition: string;
310
211
  logical: SearchLogical;
311
- nameRenderkey: string;
312
212
  searchItem: {
313
213
  id: string;
314
214
  name: string;
@@ -378,9 +278,6 @@ declare const _default: import("vue").DefineComponent<{
378
278
  readonly showLogical: boolean;
379
279
  isSpecialType: () => boolean;
380
280
  addValue: (item: ICommonItem) => void;
381
- str2Values: (str: string) => ICommonItem[];
382
- addValues: (str: string, mergeValues?: boolean) => void;
383
- getValue: (str: string) => ICommonItem;
384
281
  toValue: () => ISearchValue;
385
282
  toValueKey: () => string;
386
283
  isInValueList: (item: ICommonItem) => boolean;
@@ -2,8 +2,10 @@
2
2
  @import '../styles/themes/themes.less';
3
3
  @import '../styles/mixins/mixins.less';
4
4
 
5
+
5
6
  @search-select-name: ~'@{bk-prefix}-search-select';
6
7
 
8
+
7
9
  .@{search-select-name} {
8
10
  position: relative;
9
11
  z-index: 9;
@@ -39,7 +41,7 @@
39
41
  border-radius: @border-radius-base;
40
42
  outline: none;
41
43
  box-sizing: border-box;
42
- transition: border 0.2s linear;
44
+ transition: border .2s linear;
43
45
  resize: none;
44
46
  flex-direction: row;
45
47
  align-items: center;
@@ -70,7 +72,7 @@
70
72
  margin-top: 4px;
71
73
  overflow: visible;
72
74
  text-align: left;
73
- transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
75
+ transition: max-height .3s cubic-bezier(.4, 0, .2, 1);
74
76
  flex: 1;
75
77
  flex-wrap: wrap;
76
78
  align-items: center;
@@ -89,7 +91,7 @@
89
91
  align-self: center;
90
92
 
91
93
  &.hidden-selected {
92
- visibility: hidden;
94
+ visibility: hidden
93
95
  }
94
96
 
95
97
  &.overflow-selected {
@@ -137,7 +139,6 @@
137
139
  margin-top: -4px;
138
140
  color: @search-select-font-color;
139
141
  border: none;
140
- flex: 1;
141
142
 
142
143
  .input-before {
143
144
  &:before {
@@ -197,7 +198,7 @@
197
198
  display: flex;
198
199
  margin-right: 8px;
199
200
  font-size: 16px;
200
- transition: color 0.2s linear;
201
+ transition: color .2s linear;
201
202
  align-items: center;
202
203
  justify-content: center;
203
204
 
@@ -215,7 +216,7 @@
215
216
  &::-webkit-scrollbar-thumb {
216
217
  background: #e6e9ea;
217
218
  border-radius: 20px;
218
- box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
219
+ box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
219
220
  }
220
221
  }
221
222
 
@@ -254,16 +255,12 @@
254
255
 
255
256
  .menu-item-mixin {
256
257
  display: flex;
258
+ align-items: center;
257
259
  width: 100%;
258
260
  height: 32px;
259
- max-width: 500px;
260
261
  padding: 0 8px;
261
- overflow: hidden;
262
- text-overflow: ellipsis;
263
- white-space: nowrap;
264
- outline: none;
265
- align-items: center;
266
262
  flex: 0 0 32px;
263
+ outline: none;
267
264
 
268
265
  &:hover {
269
266
  cursor: pointer;
@@ -288,7 +285,7 @@
288
285
  .menu-item-mixin();
289
286
 
290
287
  &.is-disabled {
291
- .menu-disabled-mixin();
288
+ .menu-disabled-mixin()
292
289
  }
293
290
  }
294
291
  }
@@ -326,7 +323,6 @@
326
323
  display: flex;
327
324
  max-height: 240px;
328
325
  padding: 4px 0;
329
- margin: 0;
330
326
  overflow: auto;
331
327
  flex-direction: column;
332
328
  flex: 1;
@@ -359,7 +355,7 @@
359
355
  .menu-disabled-mixin();
360
356
 
361
357
  .menu-name {
362
- color: @light-gray;
358
+ color: @light-gray;;
363
359
  }
364
360
  }
365
361
 
@@ -398,7 +394,7 @@
398
394
  }
399
395
 
400
396
  &.is-disabled {
401
- .menu-disabled-mixin();
397
+ .menu-disabled-mixin()
402
398
  }
403
399
  }
404
400
  }
@@ -318,7 +318,6 @@
318
318
  margin-top: -4px;
319
319
  color: #63656e;
320
320
  border: none;
321
- flex: 1;
322
321
  }
323
322
  .bk-search-select-container .search-container-input .input-before:before {
324
323
  color: #c4c6cc;
@@ -417,16 +416,12 @@
417
416
  }
418
417
  .bk-search-select-menu .menu-item-mixin {
419
418
  display: flex;
419
+ align-items: center;
420
420
  width: 100%;
421
421
  height: 32px;
422
- max-width: 500px;
423
422
  padding: 0 8px;
424
- overflow: hidden;
425
- text-overflow: ellipsis;
426
- white-space: nowrap;
427
- outline: none;
428
- align-items: center;
429
423
  flex: 0 0 32px;
424
+ outline: none;
430
425
  }
431
426
  .bk-search-select-menu .menu-item-mixin:hover {
432
427
  cursor: pointer;
@@ -446,16 +441,12 @@
446
441
  }
447
442
  .bk-search-select-menu .menu-header-item {
448
443
  display: flex;
444
+ align-items: center;
449
445
  width: 100%;
450
446
  height: 32px;
451
- max-width: 500px;
452
447
  padding: 0 8px;
453
- overflow: hidden;
454
- text-overflow: ellipsis;
455
- white-space: nowrap;
456
- outline: none;
457
- align-items: center;
458
448
  flex: 0 0 32px;
449
+ outline: none;
459
450
  }
460
451
  .bk-search-select-menu .menu-header-item:hover {
461
452
  cursor: pointer;
@@ -498,23 +489,18 @@
498
489
  display: flex;
499
490
  max-height: 240px;
500
491
  padding: 4px 0;
501
- margin: 0;
502
492
  overflow: auto;
503
493
  flex-direction: column;
504
494
  flex: 1;
505
495
  }
506
496
  .bk-search-select-menu .menu-content .menu-item {
507
497
  display: flex;
498
+ align-items: center;
508
499
  width: 100%;
509
500
  height: 32px;
510
- max-width: 500px;
511
501
  padding: 0 8px;
512
- overflow: hidden;
513
- text-overflow: ellipsis;
514
- white-space: nowrap;
515
- outline: none;
516
- align-items: center;
517
502
  flex: 0 0 32px;
503
+ outline: none;
518
504
  white-space: pre;
519
505
  }
520
506
  .bk-search-select-menu .menu-content .menu-item:hover {
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
21
21
  validateValues: PropType<ValidateValuesFunc>;
22
22
  valueBehavior: PropType<ValueBehavior>;
23
23
  }, {
24
- inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
24
+ inputRef: import("vue").Ref<import("vue").DefineComponent<{
25
25
  data: {
26
26
  type: PropType<ISearchItem[]>;
27
27
  required: true;
@@ -42,10 +42,6 @@ declare const _default: import("vue").DefineComponent<{
42
42
  getMenuList: PropType<GetMenuListFunc>;
43
43
  validateValues: PropType<ValidateValuesFunc>;
44
44
  valueBehavior: PropType<ValueBehavior>;
45
- }>> & {
46
- onFocus?: (...args: any[]) => any;
47
- onDelete?: (...args: any[]) => any;
48
- onAdd?: (...args: any[]) => any;
49
45
  }, {
50
46
  popoverRef: import("vue").Ref<HTMLDivElement>;
51
47
  inputRef: import("vue").Ref<HTMLDivElement>;
@@ -78,18 +74,14 @@ declare const _default: import("vue").DefineComponent<{
78
74
  };
79
75
  documentArrowEvent: (e: KeyboardEvent) => void;
80
76
  handleClickOutside: (e: MouseEvent) => void;
81
- handleInputFocus: () => void;
77
+ handleInputFocus: (e: FocusEvent) => void;
82
78
  handleInputChange: (event: Event) => void;
83
- handleInputPaste: (event: ClipboardEvent) => void;
84
79
  handleLogicalChange: (logical: SearchLogical) => void;
85
80
  handleInputKeyup: (event: KeyboardEvent) => void;
86
81
  handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
87
82
  handleSelectCondtionItem: (item: ICommonItem) => void;
88
83
  handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
89
84
  resolveClassName: (cls: string) => string;
90
- inputFocusForWrapper: () => void;
91
- inputEnterForWrapper: () => void;
92
- inputClearForWrapper: () => void;
93
85
  t: import("vue").ComputedRef<{
94
86
  pleaseSelect: string;
95
87
  loading: string;
@@ -100,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
100
92
  and: string;
101
93
  logical: string;
102
94
  }>;
103
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
95
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], "focus" | "delete" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
104
96
  data: {
105
97
  type: PropType<ISearchItem[]>;
106
98
  required: true;
@@ -123,111 +115,19 @@ declare const _default: import("vue").DefineComponent<{
123
115
  valueBehavior: PropType<ValueBehavior>;
124
116
  }>> & {
125
117
  onFocus?: (...args: any[]) => any;
126
- onDelete?: (...args: any[]) => any;
127
118
  onAdd?: (...args: any[]) => any;
128
- }, {
129
- mode: SearchInputMode;
130
- conditions: ICommonItem[];
131
- showInputBefore: boolean;
132
- showCondition: boolean;
133
- }, true, {}, {}, {
134
- P: {};
135
- B: {};
136
- D: {};
137
- C: {};
138
- M: {};
139
- Defaults: {};
140
- }, Readonly<import("vue").ExtractPropTypes<{
141
- data: {
142
- type: PropType<ISearchItem[]>;
143
- required: true;
144
- };
145
- showInputBefore: BooleanConstructor;
146
- showCondition: BooleanConstructor;
147
- clickOutside: FunctionConstructor;
148
- placeholder: StringConstructor;
149
- conditions: {
150
- type: PropType<ICommonItem[]>;
151
- default: () => any[];
152
- };
153
- defautUsingItem: PropType<SelectedItem>;
154
- mode: {
155
- type: PropType<SearchInputMode>;
156
- default: SearchInputMode;
157
- };
158
- getMenuList: PropType<GetMenuListFunc>;
159
- validateValues: PropType<ValidateValuesFunc>;
160
- valueBehavior: PropType<ValueBehavior>;
161
- }>> & {
162
- onFocus?: (...args: any[]) => any;
163
119
  onDelete?: (...args: any[]) => any;
164
- onAdd?: (...args: any[]) => any;
165
120
  }, {
166
- popoverRef: import("vue").Ref<HTMLDivElement>;
167
- inputRef: import("vue").Ref<HTMLDivElement>;
168
- keyword: import("vue").Ref<string>;
169
- loading: import("vue").Ref<boolean>;
170
- remoteMenuList: import("vue").Ref<{
171
- id: string;
172
- name: string;
173
- disabled?: boolean;
174
- realId?: string;
175
- value?: {
176
- name: string;
177
- id: string;
178
- realId?: string;
179
- isSelected?: boolean;
180
- logical?: SearchLogical;
181
- };
182
- isSelected?: boolean;
183
- logical?: SearchLogical;
184
- }[]>;
185
- menuList: import("vue").Ref<ISearchItem[]>;
186
- menuHoverId: import("vue").Ref<string>;
187
- isFocus: import("vue").Ref<boolean>;
188
- usingItem: import("vue").Ref<SelectedItem>;
189
- showPopover: import("vue").Ref<boolean>;
190
- showNoSelectValueError: import("vue").Ref<boolean>;
191
- debounceSetMenuList: {
192
- (this: any): any;
193
- cancel(): void;
194
- };
195
- documentArrowEvent: (e: KeyboardEvent) => void;
196
- handleClickOutside: (e: MouseEvent) => void;
197
- handleInputFocus: () => void;
198
- handleInputChange: (event: Event) => void;
199
- handleInputPaste: (event: ClipboardEvent) => void;
200
- handleLogicalChange: (logical: SearchLogical) => void;
201
- handleInputKeyup: (event: KeyboardEvent) => void;
202
- handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
203
- handleSelectCondtionItem: (item: ICommonItem) => void;
204
- handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
205
- resolveClassName: (cls: string) => string;
206
- inputFocusForWrapper: () => void;
207
- inputEnterForWrapper: () => void;
208
- inputClearForWrapper: () => void;
209
- t: import("vue").ComputedRef<{
210
- pleaseSelect: string;
211
- loading: string;
212
- filterQueryMustHasValue: string;
213
- ok: string;
214
- cancel: string;
215
- or: string;
216
- and: string;
217
- logical: string;
218
- }>;
219
- }, {}, {}, {}, {
220
121
  mode: SearchInputMode;
221
122
  conditions: ICommonItem[];
222
123
  showInputBefore: boolean;
223
124
  showCondition: boolean;
224
- }>>;
225
- selectedInputRef: import("vue").Ref<HTMLDivElement>;
125
+ }, {}>>;
226
126
  editKey: import("vue").Ref<String>;
227
127
  copySeletedItem: (item: SelectedItem) => SelectedItem;
228
128
  handleDeleteSelected: (index: number) => void;
229
129
  handleEditSeleted: (e: MouseEvent, item: SelectedItem, index: number) => void;
230
- handleInputOutside: (target: Node) => boolean;
130
+ handleInputOutside: () => boolean;
231
131
  handleAddSelected: (item: SelectedItem, index: number) => void;
232
132
  handleInputFocus: (isFocus: boolean) => void;
233
133
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "delete"[], "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1,4 +1,4 @@
1
- import { ComputedRef, InjectionKey, Ref, VNode } from 'vue';
1
+ import { InjectionKey, Ref, VNode } from 'vue';
2
2
  /**
3
3
  * @description: 获取menu list方法
4
4
  * @param {ISearchItem} item 已选择的key字段 为空则代表当前并未选择key字段
@@ -24,8 +24,6 @@ export interface ISearchSelectProvider {
24
24
  onEditBlur: () => void;
25
25
  onValidate: (str: string) => void;
26
26
  editKey: Ref<String>;
27
- searchData: ComputedRef<ISearchItem[]>;
28
- isClickOutside: (target: Node) => boolean;
29
27
  }
30
28
  export declare const SEARCH_SLECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvider>;
31
29
  export declare const useSearchSelectProvider: (data: ISearchSelectProvider) => void;
@@ -80,7 +78,6 @@ export declare class SelectedItem {
80
78
  values: ICommonItem[];
81
79
  condition: string;
82
80
  logical: SearchLogical;
83
- nameRenderkey: string;
84
81
  constructor(searchItem: ISearchItem, type?: SearchItemType);
85
82
  get multiple(): boolean;
86
83
  get placeholder(): string;
@@ -93,9 +90,6 @@ export declare class SelectedItem {
93
90
  get showLogical(): boolean;
94
91
  isSpecialType(): boolean;
95
92
  addValue(item: ICommonItem): void;
96
- str2Values(str: string): ICommonItem[];
97
- addValues(str: string, mergeValues?: boolean): void;
98
- getValue(str: string): ICommonItem;
99
93
  toValue(): ISearchValue;
100
94
  toValueKey(): string;
101
95
  isInValueList(item: ICommonItem): boolean;