bkui-vue 1.0.3-beta.60 → 1.0.3-beta.60.scrollbar.3

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 (206) hide show
  1. package/dist/index.cjs.js +52 -50
  2. package/dist/index.esm.js +14664 -13976
  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 -327
  147. package/lib/search-select/index.js +350 -633
  148. package/lib/search-select/input.d.ts +1 -6
  149. package/lib/search-select/search-select.css +6 -20
  150. package/lib/search-select/search-select.d.ts +4 -109
  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 -107
  154. package/lib/search-select/utils.d.ts +1 -13
  155. package/lib/select/index.d.ts +0 -23
  156. package/lib/select/index.js +5 -8
  157. package/lib/select/select.d.ts +0 -11
  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.js +19 -20
  164. package/lib/steps/index.js +4 -4
  165. package/lib/swiper/index.js +1 -1
  166. package/lib/switcher/index.js +1 -1
  167. package/lib/tab/index.js +3 -4
  168. package/lib/table/const.d.ts +1 -1
  169. package/lib/table/index.js +24 -26
  170. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  171. package/lib/table/table.css +96 -42
  172. package/lib/table/table.less +41 -56
  173. package/lib/table/table.variable.css +96 -42
  174. package/lib/table/use-render.d.ts +1 -1
  175. package/lib/table-column/index.js +2 -2
  176. package/lib/tag/index.js +1 -1
  177. package/lib/tag-input/index.js +3 -4
  178. package/lib/timeline/index.js +0 -1
  179. package/lib/tree/index.js +10 -12
  180. package/lib/tree/tree.css +75 -2
  181. package/lib/tree/tree.variable.css +75 -2
  182. package/lib/upload/index.d.ts +0 -12
  183. package/lib/upload/index.js +34 -25
  184. package/lib/upload/props.d.ts +0 -3
  185. package/lib/upload/upload-trigger.d.ts +0 -6
  186. package/lib/upload/upload.d.ts +0 -6
  187. package/lib/virtual-render/bk-scrollbar.css +74 -0
  188. package/lib/virtual-render/bk-scrollbar.d.ts +10 -0
  189. package/lib/virtual-render/bk-scrollbar.less +93 -0
  190. package/lib/virtual-render/bk-scrollbar.variable.css +203 -0
  191. package/lib/virtual-render/index.d.ts +4 -0
  192. package/lib/virtual-render/index.js +2346 -233
  193. package/lib/virtual-render/props.d.ts +7 -0
  194. package/lib/virtual-render/scrollbar-core/can-use-dom.d.ts +2 -0
  195. package/lib/virtual-render/scrollbar-core/helpers.d.ts +5 -0
  196. package/lib/virtual-render/scrollbar-core/index.d.ts +213 -0
  197. package/lib/virtual-render/scrollbar-core/mouse-wheel.d.ts +5 -0
  198. package/lib/virtual-render/scrollbar-core/scrollbar-width.d.ts +1 -0
  199. package/lib/virtual-render/use-fix-top.d.ts +2 -7
  200. package/lib/virtual-render/use-scrollbar.d.ts +23 -0
  201. package/lib/virtual-render/v-virtual-render.d.ts +2 -1
  202. package/lib/virtual-render/virtual-render.css +75 -2
  203. package/lib/virtual-render/virtual-render.d.ts +2 -0
  204. package/lib/virtual-render/virtual-render.less +2 -2
  205. package/lib/virtual-render/virtual-render.variable.css +75 -2
  206. package/package.json +4 -1
@@ -53,19 +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: () => Promise<void>;
67
- inputClearForWrapper: () => void;
68
- deleteInputTextNode: () => void;
69
64
  t: import("vue").ComputedRef<{
70
65
  pleaseSelect: string;
71
66
  loading: string;
@@ -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,19 +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: () => Promise<void>;
155
- inputClearForWrapper: () => void;
156
- deleteInputTextNode: () => void;
157
148
  t: import("vue").ComputedRef<{
158
149
  pleaseSelect: string;
159
150
  loading: string;
@@ -164,7 +155,7 @@ declare const _default: import("vue").DefineComponent<{
164
155
  and: string;
165
156
  logical: string;
166
157
  }>;
167
- }, 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<{
168
159
  data: {
169
160
  type: PropType<ISearchItem[]>;
170
161
  required: true;
@@ -194,99 +185,7 @@ declare const _default: import("vue").DefineComponent<{
194
185
  conditions: ICommonItem[];
195
186
  showInputBefore: boolean;
196
187
  showCondition: boolean;
197
- }, true, {}, {}, {
198
- P: {};
199
- B: {};
200
- D: {};
201
- C: {};
202
- M: {};
203
- Defaults: {};
204
- }, Readonly<import("vue").ExtractPropTypes<{
205
- data: {
206
- type: PropType<ISearchItem[]>;
207
- required: true;
208
- };
209
- showInputBefore: BooleanConstructor;
210
- showCondition: BooleanConstructor;
211
- clickOutside: FunctionConstructor;
212
- placeholder: StringConstructor;
213
- conditions: {
214
- type: PropType<ICommonItem[]>;
215
- default: () => any[];
216
- };
217
- defautUsingItem: PropType<SelectedItem>;
218
- mode: {
219
- type: PropType<import("./utils").SearchInputMode>;
220
- default: import("./utils").SearchInputMode;
221
- };
222
- getMenuList: PropType<GetMenuListFunc>;
223
- validateValues: PropType<ValidateValuesFunc>;
224
- valueBehavior: PropType<ValueBehavior>;
225
- }>> & {
226
- onFocus?: (...args: any[]) => any;
227
- onDelete?: (...args: any[]) => any;
228
- onAdd?: (...args: any[]) => any;
229
- }, {
230
- popoverRef: import("vue").Ref<HTMLDivElement>;
231
- inputRef: import("vue").Ref<HTMLDivElement>;
232
- keyword: import("vue").Ref<string>;
233
- loading: import("vue").Ref<boolean>;
234
- remoteMenuList: import("vue").Ref<{
235
- id: string;
236
- name: string;
237
- disabled?: boolean;
238
- realId?: string;
239
- value?: {
240
- name: string;
241
- id: string;
242
- realId?: string;
243
- isSelected?: boolean;
244
- logical?: SearchLogical;
245
- };
246
- isSelected?: boolean;
247
- logical?: SearchLogical;
248
- }[]>;
249
- menuList: import("vue").Ref<ISearchItem[]>;
250
- menuHoverId: import("vue").Ref<string>;
251
- isFocus: import("vue").Ref<boolean>;
252
- usingItem: import("vue").Ref<SelectedItem>;
253
- showPopover: import("vue").Ref<boolean>;
254
- showNoSelectValueError: import("vue").Ref<boolean>;
255
- debounceSetMenuList: {
256
- (this: any): any;
257
- cancel(): void;
258
- };
259
- documentArrowEvent: (e: KeyboardEvent) => void;
260
- handleClickOutside: (e: MouseEvent) => void;
261
- handleInputFocus: () => void;
262
- handleInputChange: (event: Event) => void;
263
- handleInputPaste: (event: ClipboardEvent) => void;
264
- handleLogicalChange: (logical: SearchLogical) => void;
265
- handleInputKeyup: (event: KeyboardEvent) => void;
266
- handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
267
- handleSelectCondtionItem: (item: ICommonItem) => void;
268
- handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
269
- resolveClassName: (cls: string) => string;
270
- inputFocusForWrapper: () => void;
271
- inputEnterForWrapper: () => Promise<void>;
272
- inputClearForWrapper: () => void;
273
- deleteInputTextNode: () => void;
274
- t: import("vue").ComputedRef<{
275
- pleaseSelect: string;
276
- loading: string;
277
- filterQueryMustHasValue: string;
278
- ok: string;
279
- cancel: string;
280
- or: string;
281
- and: string;
282
- logical: string;
283
- }>;
284
- }, {}, {}, {}, {
285
- mode: import("./utils").SearchInputMode;
286
- conditions: ICommonItem[];
287
- showInputBefore: boolean;
288
- showCondition: boolean;
289
- }>>;
188
+ }, {}>>;
290
189
  wrapRef: import("vue").Ref<HTMLDivElement>;
291
190
  isFocus: import("vue").Ref<boolean>;
292
191
  copyData: ShallowRef<ISearchItem[]>;
@@ -310,7 +209,6 @@ declare const _default: import("vue").DefineComponent<{
310
209
  }[];
311
210
  condition: string;
312
211
  logical: SearchLogical;
313
- nameRenderkey: string;
314
212
  searchItem: {
315
213
  id: string;
316
214
  name: string;
@@ -380,9 +278,6 @@ declare const _default: import("vue").DefineComponent<{
380
278
  readonly showLogical: boolean;
381
279
  isSpecialType: () => boolean;
382
280
  addValue: (item: ICommonItem) => void;
383
- str2Values: (str: string) => ICommonItem[];
384
- addValues: (str: string, mergeValues?: boolean) => void;
385
- getValue: (str: string) => ICommonItem;
386
281
  toValue: () => ISearchValue;
387
282
  toValueKey: () => string;
388
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,19 +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: () => Promise<void>;
92
- inputClearForWrapper: () => void;
93
- deleteInputTextNode: () => void;
94
85
  t: import("vue").ComputedRef<{
95
86
  pleaseSelect: string;
96
87
  loading: string;
@@ -101,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
101
92
  and: string;
102
93
  logical: string;
103
94
  }>;
104
- }, 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<{
105
96
  data: {
106
97
  type: PropType<ISearchItem[]>;
107
98
  required: true;
@@ -131,105 +122,12 @@ declare const _default: import("vue").DefineComponent<{
131
122
  conditions: ICommonItem[];
132
123
  showInputBefore: boolean;
133
124
  showCondition: boolean;
134
- }, true, {}, {}, {
135
- P: {};
136
- B: {};
137
- D: {};
138
- C: {};
139
- M: {};
140
- Defaults: {};
141
- }, Readonly<import("vue").ExtractPropTypes<{
142
- data: {
143
- type: PropType<ISearchItem[]>;
144
- required: true;
145
- };
146
- showInputBefore: BooleanConstructor;
147
- showCondition: BooleanConstructor;
148
- clickOutside: FunctionConstructor;
149
- placeholder: StringConstructor;
150
- conditions: {
151
- type: PropType<ICommonItem[]>;
152
- default: () => any[];
153
- };
154
- defautUsingItem: PropType<SelectedItem>;
155
- mode: {
156
- type: PropType<SearchInputMode>;
157
- default: SearchInputMode;
158
- };
159
- getMenuList: PropType<GetMenuListFunc>;
160
- validateValues: PropType<ValidateValuesFunc>;
161
- valueBehavior: PropType<ValueBehavior>;
162
- }>> & {
163
- onFocus?: (...args: any[]) => any;
164
- onDelete?: (...args: any[]) => any;
165
- onAdd?: (...args: any[]) => any;
166
- }, {
167
- popoverRef: import("vue").Ref<HTMLDivElement>;
168
- inputRef: import("vue").Ref<HTMLDivElement>;
169
- keyword: import("vue").Ref<string>;
170
- loading: import("vue").Ref<boolean>;
171
- remoteMenuList: import("vue").Ref<{
172
- id: string;
173
- name: string;
174
- disabled?: boolean;
175
- realId?: string;
176
- value?: {
177
- name: string;
178
- id: string;
179
- realId?: string;
180
- isSelected?: boolean;
181
- logical?: SearchLogical;
182
- };
183
- isSelected?: boolean;
184
- logical?: SearchLogical;
185
- }[]>;
186
- menuList: import("vue").Ref<ISearchItem[]>;
187
- menuHoverId: import("vue").Ref<string>;
188
- isFocus: import("vue").Ref<boolean>;
189
- usingItem: import("vue").Ref<SelectedItem>;
190
- showPopover: import("vue").Ref<boolean>;
191
- showNoSelectValueError: import("vue").Ref<boolean>;
192
- debounceSetMenuList: {
193
- (this: any): any;
194
- cancel(): void;
195
- };
196
- documentArrowEvent: (e: KeyboardEvent) => void;
197
- handleClickOutside: (e: MouseEvent) => void;
198
- handleInputFocus: () => void;
199
- handleInputChange: (event: Event) => void;
200
- handleInputPaste: (event: ClipboardEvent) => void;
201
- handleLogicalChange: (logical: SearchLogical) => void;
202
- handleInputKeyup: (event: KeyboardEvent) => void;
203
- handleSelectItem: (item: ICommonItem, type?: import("./utils").SearchItemType) => Promise<void>;
204
- handleSelectCondtionItem: (item: ICommonItem) => void;
205
- handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
206
- resolveClassName: (cls: string) => string;
207
- inputFocusForWrapper: () => void;
208
- inputEnterForWrapper: () => Promise<void>;
209
- inputClearForWrapper: () => void;
210
- deleteInputTextNode: () => void;
211
- t: import("vue").ComputedRef<{
212
- pleaseSelect: string;
213
- loading: string;
214
- filterQueryMustHasValue: string;
215
- ok: string;
216
- cancel: string;
217
- or: string;
218
- and: string;
219
- logical: string;
220
- }>;
221
- }, {}, {}, {}, {
222
- mode: SearchInputMode;
223
- conditions: ICommonItem[];
224
- showInputBefore: boolean;
225
- showCondition: boolean;
226
- }>>;
227
- selectedInputRef: import("vue").Ref<HTMLDivElement>;
125
+ }, {}>>;
228
126
  editKey: import("vue").Ref<String>;
229
127
  copySeletedItem: (item: SelectedItem) => SelectedItem;
230
128
  handleDeleteSelected: (index: number) => void;
231
129
  handleEditSeleted: (e: MouseEvent, item: SelectedItem, index: number) => void;
232
- handleInputOutside: (target: Node) => boolean;
130
+ handleInputOutside: () => boolean;
233
131
  handleAddSelected: (item: SelectedItem, index: number) => void;
234
132
  handleInputFocus: (isFocus: boolean) => void;
235
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字段
@@ -9,10 +9,6 @@ export declare enum ValueBehavior {
9
9
  ALL = "all",
10
10
  NEEDKEY = "need-key"
11
11
  }
12
- export declare enum DeleteBehavior {
13
- CHAR = "delete-char",
14
- VALUE = "delete-value"
15
- }
16
12
  export type GetMenuListFunc = (item: ISearchItem, keyword: string) => Promise<ISearchItem[]>;
17
13
  export type ValidateValuesFunc = (item: ISearchItem, values: ICommonItem[]) => Promise<string | true>;
18
14
  export type MenuSlotParams = {
@@ -28,8 +24,6 @@ export interface ISearchSelectProvider {
28
24
  onEditBlur: () => void;
29
25
  onValidate: (str: string) => void;
30
26
  editKey: Ref<String>;
31
- searchData: ComputedRef<ISearchItem[]>;
32
- isClickOutside: (target: Node) => boolean;
33
27
  }
34
28
  export declare const SEARCH_SLECT_PROVIDER_KEY: InjectionKey<ISearchSelectProvider>;
35
29
  export declare const useSearchSelectProvider: (data: ISearchSelectProvider) => void;
@@ -51,8 +45,6 @@ export interface ISearchValue extends Omit<ICommonItem, 'disabled' | 'value'> {
51
45
  type?: SearchItemType;
52
46
  values?: Omit<ICommonItem, 'disabled' | 'logical'>[];
53
47
  }
54
- export declare const ValueSplitRegex: RegExp;
55
- export declare const ValueSplitTestRegex: RegExp;
56
48
  export interface ISearchItem {
57
49
  id: string;
58
50
  name: string;
@@ -86,7 +78,6 @@ export declare class SelectedItem {
86
78
  values: ICommonItem[];
87
79
  condition: string;
88
80
  logical: SearchLogical;
89
- nameRenderkey: string;
90
81
  constructor(searchItem: ISearchItem, type?: SearchItemType);
91
82
  get multiple(): boolean;
92
83
  get placeholder(): string;
@@ -99,9 +90,6 @@ export declare class SelectedItem {
99
90
  get showLogical(): boolean;
100
91
  isSpecialType(): boolean;
101
92
  addValue(item: ICommonItem): void;
102
- str2Values(str: string): ICommonItem[];
103
- addValues(str: string, mergeValues?: boolean): void;
104
- getValue(str: string): ICommonItem;
105
93
  toValue(): ISearchValue;
106
94
  toValueKey(): string;
107
95
  isInValueList(item: ICommonItem): boolean;