bkui-vue 1.0.3-beta.60 → 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.
- package/dist/index.cjs.js +52 -50
- package/dist/index.esm.js +14678 -13989
- package/dist/index.umd.js +52 -50
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/affix/index.js +1 -1
- package/lib/alert/index.js +1 -1
- package/lib/animate-number/index.js +7 -8
- package/lib/badge/index.js +1 -1
- package/lib/breadcrumb/index.js +1 -1
- package/lib/button/index.js +1 -1
- package/lib/card/index.js +1 -1
- package/lib/cascader/index.js +38 -42
- package/lib/checkbox/index.js +6 -7
- package/lib/collapse/index.js +11 -12
- package/lib/collapse-transition/index.js +3 -4
- package/lib/color-picker/index.js +10 -13
- package/lib/components.d.ts +0 -1
- package/lib/components.js +1 -2
- package/lib/config-provider/index.js +1 -1
- package/lib/container/index.js +10 -12
- package/lib/date-picker/index.js +2 -2
- package/lib/dialog/dialog.css +9 -7
- package/lib/dialog/dialog.variable.css +9 -7
- package/lib/dialog/index.js +4 -4
- package/lib/directives/index.js +1 -1
- package/lib/divider/index.js +2 -3
- package/lib/dropdown/index.js +6 -8
- package/lib/exception/index.js +1 -1
- package/lib/fixed-navbar/index.js +2 -3
- package/lib/form/index.js +1 -1
- package/lib/icon/angle-double-down-line.js +1 -1
- package/lib/icon/angle-double-left-line.js +1 -1
- package/lib/icon/angle-double-left.js +1 -1
- package/lib/icon/angle-double-right-line.js +1 -1
- package/lib/icon/angle-double-right.js +1 -1
- package/lib/icon/angle-double-up-line.js +1 -1
- package/lib/icon/angle-down-fill.js +1 -1
- package/lib/icon/angle-down-line.js +1 -1
- package/lib/icon/angle-down.js +1 -1
- package/lib/icon/angle-left.js +1 -1
- package/lib/icon/angle-right.js +1 -1
- package/lib/icon/angle-up-fill.js +1 -1
- package/lib/icon/angle-up.js +1 -1
- package/lib/icon/archive-fill.js +1 -1
- package/lib/icon/arrows-left.js +1 -1
- package/lib/icon/arrows-right.js +1 -1
- package/lib/icon/assistant.js +1 -1
- package/lib/icon/audio-fill.js +1 -1
- package/lib/icon/bk.js +1 -1
- package/lib/icon/circle.js +1 -1
- package/lib/icon/close-line.js +1 -1
- package/lib/icon/close.js +1 -1
- package/lib/icon/code.js +1 -1
- package/lib/icon/cog-shape.js +1 -1
- package/lib/icon/collapse-left.js +1 -1
- package/lib/icon/copy-shape.js +1 -1
- package/lib/icon/copy.js +1 -1
- package/lib/icon/data-shape.js +1 -1
- package/lib/icon/del.js +1 -1
- package/lib/icon/doc-fill.js +1 -1
- package/lib/icon/done.js +1 -1
- package/lib/icon/down-shape.js +1 -1
- package/lib/icon/down-small.js +1 -1
- package/lib/icon/edit-line.js +1 -1
- package/lib/icon/ellipsis.js +1 -1
- package/lib/icon/enlarge-line.js +1 -1
- package/lib/icon/error.js +1 -1
- package/lib/icon/excel-fill.js +1 -1
- package/lib/icon/exclamation-circle-shape.js +1 -1
- package/lib/icon/eye.js +1 -1
- package/lib/icon/filliscreen-line.js +1 -1
- package/lib/icon/fix-line.js +1 -1
- package/lib/icon/fix-shape.js +1 -1
- package/lib/icon/folder-open.js +1 -1
- package/lib/icon/folder-shape-open.js +1 -1
- package/lib/icon/folder-shape.js +1 -1
- package/lib/icon/folder.js +1 -1
- package/lib/icon/funnel.js +1 -1
- package/lib/icon/grag-fill.js +1 -1
- package/lib/icon/help-document-fill.js +1 -1
- package/lib/icon/help-fill.js +1 -1
- package/lib/icon/help.js +1 -1
- package/lib/icon/image-fill.js +1 -1
- package/lib/icon/img-error.js +1 -1
- package/lib/icon/img-placehoulder.js +1 -1
- package/lib/icon/info-line.js +1 -1
- package/lib/icon/info.js +1 -1
- package/lib/icon/left-shape.js +1 -1
- package/lib/icon/left-turn-line.js +1 -1
- package/lib/icon/loading.js +1 -1
- package/lib/icon/narrow-line.js +1 -1
- package/lib/icon/original.js +1 -1
- package/lib/icon/pdf-fill.js +1 -1
- package/lib/icon/play-shape.js +1 -1
- package/lib/icon/plus.js +1 -1
- package/lib/icon/ppt-fill.js +1 -1
- package/lib/icon/qq.js +1 -1
- package/lib/icon/right-shape.js +1 -1
- package/lib/icon/right-turn-line.js +1 -1
- package/lib/icon/search.js +1 -1
- package/lib/icon/share.js +1 -1
- package/lib/icon/spinner.js +1 -1
- package/lib/icon/success.js +1 -1
- package/lib/icon/switcher-loading.js +1 -1
- package/lib/icon/text-all.js +1 -1
- package/lib/icon/text-file.js +1 -1
- package/lib/icon/text-fill.js +1 -1
- package/lib/icon/transfer.js +1 -1
- package/lib/icon/tree-application-shape.js +1 -1
- package/lib/icon/unfull-screen.js +1 -1
- package/lib/icon/unvisible.js +1 -1
- package/lib/icon/up-shape.js +1 -1
- package/lib/icon/upload.js +1 -1
- package/lib/icon/video-fill.js +1 -1
- package/lib/icon/warn.js +1 -1
- package/lib/icon/weixin-pro.js +1 -1
- package/lib/icon/weixin.js +1 -1
- package/lib/image/index.js +10 -11
- package/lib/info-box/index.js +4 -5
- package/lib/input/index.js +4 -4
- package/lib/link/index.js +2 -2
- package/lib/loading/index.js +11 -12
- package/lib/menu/index.js +2 -3
- package/lib/message/index.js +1 -1
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +0 -3
- package/lib/modal/index.js +26 -25
- package/lib/modal/modal.css +9 -7
- package/lib/modal/modal.d.ts +0 -1
- package/lib/modal/modal.less +18 -11
- package/lib/modal/modal.variable.css +9 -7
- package/lib/navigation/index.js +7 -9
- package/lib/notify/index.js +1 -1
- package/lib/overflow-title/index.js +9 -10
- package/lib/pagination/index.js +1 -1
- package/lib/plugin-popover/index.js +26 -30
- package/lib/pop-confirm/index.js +4 -5
- package/lib/popover/index.js +26 -30
- package/lib/popover2/index.js +2 -2
- package/lib/process/index.js +4 -4
- package/lib/progress/index.js +5 -6
- package/lib/radio/index.js +6 -7
- package/lib/rate/index.js +1 -1
- package/lib/resize-layout/index.js +1 -1
- package/lib/search-select/index.d.ts +12 -327
- package/lib/search-select/index.js +350 -633
- package/lib/search-select/input.d.ts +2 -7
- package/lib/search-select/search-select.css +6 -20
- package/lib/search-select/search-select.d.ts +4 -109
- package/lib/search-select/search-select.less +12 -16
- package/lib/search-select/search-select.variable.css +6 -20
- package/lib/search-select/selected.d.ts +5 -107
- package/lib/search-select/utils.d.ts +1 -13
- package/lib/select/index.d.ts +9 -32
- package/lib/select/index.js +5 -8
- package/lib/select/select.d.ts +3 -14
- package/lib/shared/index.js +5 -8
- package/lib/sideslider/index.js +4 -4
- package/lib/sideslider/sideslider.css +5 -0
- package/lib/sideslider/sideslider.less +14 -8
- package/lib/sideslider/sideslider.variable.css +5 -0
- package/lib/slider/index.d.ts +3 -3
- package/lib/slider/index.js +19 -20
- package/lib/slider/slider.d.ts +1 -1
- package/lib/steps/index.d.ts +3 -3
- package/lib/steps/index.js +4 -4
- package/lib/steps/steps.d.ts +1 -1
- package/lib/swiper/index.js +1 -1
- package/lib/switcher/index.js +1 -1
- package/lib/tab/index.d.ts +4 -4
- package/lib/tab/index.js +3 -4
- package/lib/tab/tab.d.ts +1 -1
- package/lib/table/const.d.ts +1 -1
- package/lib/table/index.d.ts +9 -9
- package/lib/table/index.js +24 -26
- package/lib/table/plugins/use-fixed-column.d.ts +1 -1
- package/lib/table/table.css +96 -42
- package/lib/table/table.d.ts +3 -3
- package/lib/table/table.less +41 -56
- package/lib/table/table.variable.css +96 -42
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.js +2 -2
- package/lib/tag/index.js +1 -1
- package/lib/tag-input/index.js +3 -4
- package/lib/timeline/index.js +0 -1
- package/lib/transfer/index.d.ts +3 -3
- package/lib/transfer/transfer.d.ts +1 -1
- package/lib/tree/index.js +10 -12
- package/lib/tree/tree.css +75 -2
- package/lib/tree/tree.variable.css +75 -2
- package/lib/upload/index.d.ts +4 -16
- package/lib/upload/index.js +34 -25
- package/lib/upload/props.d.ts +0 -3
- package/lib/upload/upload-trigger.d.ts +0 -6
- package/lib/upload/upload.d.ts +1 -7
- package/lib/virtual-render/bk-scrollbar.css +74 -0
- package/lib/virtual-render/bk-scrollbar.d.ts +10 -0
- package/lib/virtual-render/bk-scrollbar.less +93 -0
- package/lib/virtual-render/bk-scrollbar.variable.css +203 -0
- package/lib/virtual-render/index.d.ts +4 -0
- package/lib/virtual-render/index.js +2542 -235
- package/lib/virtual-render/props.d.ts +7 -0
- package/lib/virtual-render/scrollbar-core/can-use-dom.d.ts +2 -0
- package/lib/virtual-render/scrollbar-core/helpers.d.ts +5 -0
- package/lib/virtual-render/scrollbar-core/index.d.ts +213 -0
- package/lib/virtual-render/scrollbar-core/mouse-wheel.d.ts +5 -0
- package/lib/virtual-render/scrollbar-core/scrollbar-width.d.ts +1 -0
- package/lib/virtual-render/use-fix-top.d.ts +2 -7
- package/lib/virtual-render/use-scrollbar.d.ts +23 -0
- package/lib/virtual-render/v-virtual-render.d.ts +2 -1
- package/lib/virtual-render/virtual-render.css +75 -2
- package/lib/virtual-render/virtual-render.d.ts +2 -0
- package/lib/virtual-render/virtual-render.less +2 -2
- package/lib/virtual-render/virtual-render.variable.css +75 -2
- package/package.json +5 -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;
|
@@ -99,8 +94,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
99
94
|
valueBehavior: PropType<ValueBehavior>;
|
100
95
|
}>> & {
|
101
96
|
onFocus?: (...args: any[]) => any;
|
102
|
-
onDelete?: (...args: any[]) => any;
|
103
97
|
onAdd?: (...args: any[]) => any;
|
98
|
+
onDelete?: (...args: any[]) => any;
|
104
99
|
}, {
|
105
100
|
mode: SearchInputMode;
|
106
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").
|
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
|
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;
|
@@ -187,106 +178,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
187
178
|
valueBehavior: PropType<ValueBehavior>;
|
188
179
|
}>> & {
|
189
180
|
onFocus?: (...args: any[]) => any;
|
190
|
-
onDelete?: (...args: any[]) => any;
|
191
181
|
onAdd?: (...args: any[]) => any;
|
192
|
-
}, {
|
193
|
-
mode: import("./utils").SearchInputMode;
|
194
|
-
conditions: ICommonItem[];
|
195
|
-
showInputBefore: boolean;
|
196
|
-
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
182
|
onDelete?: (...args: any[]) => any;
|
228
|
-
onAdd?: (...args: any[]) => any;
|
229
183
|
}, {
|
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
184
|
mode: import("./utils").SearchInputMode;
|
286
185
|
conditions: ICommonItem[];
|
287
186
|
showInputBefore: boolean;
|
288
187
|
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
|
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
|
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
|
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,
|
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").
|
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
|
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;
|
@@ -124,112 +115,19 @@ declare const _default: import("vue").DefineComponent<{
|
|
124
115
|
valueBehavior: PropType<ValueBehavior>;
|
125
116
|
}>> & {
|
126
117
|
onFocus?: (...args: any[]) => any;
|
127
|
-
onDelete?: (...args: any[]) => any;
|
128
118
|
onAdd?: (...args: any[]) => any;
|
129
|
-
}, {
|
130
|
-
mode: SearchInputMode;
|
131
|
-
conditions: ICommonItem[];
|
132
|
-
showInputBefore: boolean;
|
133
|
-
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
119
|
onDelete?: (...args: any[]) => any;
|
165
|
-
onAdd?: (...args: any[]) => any;
|
166
120
|
}, {
|
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
121
|
mode: SearchInputMode;
|
223
122
|
conditions: ICommonItem[];
|
224
123
|
showInputBefore: boolean;
|
225
124
|
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: (
|
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 {
|
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;
|