@opendesign-plus-test/components 0.0.1-rc.47 → 0.0.1-rc.49

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 (37) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +66 -46
  3. package/dist/components/OHeaderSearch.vue.d.ts +814 -534
  4. package/dist/components/search/OSearchInput.vue.d.ts +1003 -0
  5. package/dist/components/search/composables/useImageSearch.d.ts +48 -0
  6. package/dist/components/search/composables/useKeywordHighlight.d.ts +2 -0
  7. package/dist/components/search/composables/useSearchHistory.d.ts +14 -0
  8. package/dist/components/search/index.d.ts +590 -0
  9. package/dist/components/search/internal/HighlightText.vue.d.ts +9 -0
  10. package/dist/components/search/internal/SearchImageInput.vue.d.ts +716 -0
  11. package/dist/components/search/internal/SearchPanel.vue.d.ts +100 -0
  12. package/dist/components/search/types.d.ts +20 -0
  13. package/dist/components.cjs.js +41 -41
  14. package/dist/components.css +1 -1
  15. package/dist/components.es.js +11307 -10261
  16. package/dist/index.d.ts +1 -0
  17. package/package.json +6 -4
  18. package/src/assets/svg-icons/icon-delete-hover.svg +4 -0
  19. package/src/assets/svg-icons/icon-delete.svg +5 -1
  20. package/src/assets/svg-icons/icon-image-close.svg +4 -0
  21. package/src/assets/svg-icons/icon-image-upload.svg +3 -0
  22. package/src/assets/svg-icons/icon-image-zoomin.svg +3 -0
  23. package/src/assets/svg-icons/icon-refresh.svg +3 -0
  24. package/src/components/OHeaderSearch.vue +436 -415
  25. package/src/components/search/OSearchInput.vue +463 -0
  26. package/src/components/search/composables/useImageSearch.ts +157 -0
  27. package/src/components/search/composables/useKeywordHighlight.ts +30 -0
  28. package/src/components/search/composables/useSearchHistory.ts +75 -0
  29. package/src/components/search/index.ts +23 -0
  30. package/src/components/search/internal/HighlightText.vue +37 -0
  31. package/src/components/search/internal/SearchImageInput.vue +488 -0
  32. package/src/components/search/internal/SearchPanel.vue +430 -0
  33. package/src/components/search/types.ts +25 -0
  34. package/src/i18n/en.ts +10 -0
  35. package/src/i18n/zh.ts +10 -0
  36. package/src/index.ts +1 -0
  37. package/vite.config.ts +4 -0
@@ -0,0 +1,1003 @@
1
+ import { OSearchRecommendItem, OSearchUploadImageFn } from './types';
2
+ export interface OSearchInputPropsT {
3
+ modelValue?: string;
4
+ imageUrl?: string;
5
+ size?: 'small' | 'medium' | 'large';
6
+ placeholder?: string;
7
+ imagePlaceholder?: string;
8
+ /** ---- Image search ---- */
9
+ enableImageSearch?: boolean;
10
+ uploadImage?: OSearchUploadImageFn;
11
+ maxImageSize?: number;
12
+ imageUploadTooltip?: string;
13
+ /** ---- Recommendation lists (controlled by parent) ---- */
14
+ suggestItems?: OSearchRecommendItem[];
15
+ onestepItems?: OSearchRecommendItem[];
16
+ suggestTitle?: string;
17
+ onestepTitle?: string;
18
+ noDataText?: string;
19
+ /** When true, show "no data" placeholder for empty suggest while typing */
20
+ showSuggestEmpty?: boolean;
21
+ highlightKeyword?: boolean;
22
+ debounce?: number;
23
+ /** ---- History ---- */
24
+ enableHistory?: boolean;
25
+ historyItems?: string[];
26
+ maxHistoryCount?: number;
27
+ storeHistory?: boolean;
28
+ storageKey?: string;
29
+ historyTitle?: string;
30
+ /** Auto-record history on search; default true */
31
+ autoSaveHistory?: boolean;
32
+ /** ---- "Did you mean" list (below input) ---- */
33
+ suggestList?: string[];
34
+ suggestListLabel?: string;
35
+ /** When true, render suggestList items as HTML (with v-html on inert string) */
36
+ allowHtmlInSuggest?: boolean;
37
+ /** ---- Misc ---- */
38
+ clearable?: boolean;
39
+ closeOnSearch?: boolean;
40
+ closeOnClickOutside?: boolean;
41
+ /** Show dropdown on focus even when empty (history) */
42
+ openOnFocus?: boolean;
43
+ /** Always show image as inline thumbnail inside the input; never expand preview below */
44
+ alwaysInlineThumbnail?: boolean;
45
+ }
46
+ declare function __VLS_template(): {
47
+ attrs: Partial<{}>;
48
+ slots: {
49
+ 'input-prefix'?(_: {}): any;
50
+ 'input-suffix'?(_: {
51
+ hasValue: boolean;
52
+ }): any;
53
+ 'image-preview'?(_: {
54
+ previewUrl: string;
55
+ remove: () => void;
56
+ }): any;
57
+ dropdown?(_: {
58
+ keyword: string;
59
+ }): any;
60
+ 'onestep-header'?(_: {
61
+ items: OSearchRecommendItem[];
62
+ }): any;
63
+ 'onestep-content'?(_: {
64
+ items: OSearchRecommendItem[];
65
+ keyword: string;
66
+ }): any;
67
+ 'suggest-header'?(_: {
68
+ items: OSearchRecommendItem[];
69
+ }): any;
70
+ 'suggest-content'?(_: {
71
+ items: OSearchRecommendItem[];
72
+ keyword: string;
73
+ }): any;
74
+ 'history-header'?(_: {
75
+ items: string[];
76
+ }): any;
77
+ 'history-content'?(_: {
78
+ items: string[];
79
+ }): any;
80
+ 'suggest-list'?(_: {
81
+ items: string[];
82
+ }): any;
83
+ };
84
+ refs: {
85
+ wrapperRef: HTMLDivElement;
86
+ inputRef: ({
87
+ $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
88
+ $data: {};
89
+ $props: {
90
+ readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
91
+ readonly modelValue?: string | undefined;
92
+ readonly imageUrl?: string | undefined;
93
+ readonly placeholder?: string | undefined;
94
+ readonly imagePlaceholder?: string | undefined;
95
+ readonly size?: "small" | "medium" | "large" | undefined;
96
+ readonly enableImageSearch?: boolean | undefined;
97
+ readonly uploadImage?: OSearchUploadImageFn | undefined;
98
+ readonly maxImageSize?: number | undefined;
99
+ readonly imageUploadTooltip?: string | undefined;
100
+ readonly expanded?: boolean | undefined;
101
+ readonly clearable?: boolean | undefined;
102
+ readonly showSuffix?: boolean | undefined;
103
+ readonly inlineThumbnail?: boolean | undefined;
104
+ readonly preview?: boolean | undefined;
105
+ readonly disabled?: boolean | undefined;
106
+ readonly allowedImageTypes?: string[] | undefined;
107
+ } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps;
108
+ $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
109
+ $refs: {
110
+ [x: string]: unknown;
111
+ } & {
112
+ inputRef: ({
113
+ $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
114
+ $data: {};
115
+ $props: Partial<{
116
+ color: "normal" | "primary" | "success" | "warning" | "danger";
117
+ type: "text" | "password";
118
+ disabled: boolean;
119
+ variant: "solid" | "outline" | "text";
120
+ clearable: boolean;
121
+ readonly: boolean;
122
+ showLength: "auto" | "always" | "never";
123
+ inputOnOutlimit: boolean;
124
+ showPasswordEvent: "click" | "pointerdown";
125
+ autoWidth: boolean;
126
+ passwordPlaceholder: string;
127
+ onlyNumericInput: boolean;
128
+ }> & Omit<{
129
+ readonly type: "text" | "password";
130
+ readonly color: "primary" | "normal" | "success" | "warning" | "danger";
131
+ readonly variant: "text" | "solid" | "outline";
132
+ readonly disabled: boolean;
133
+ readonly clearable: boolean;
134
+ readonly readonly: boolean;
135
+ readonly showLength: "never" | "always" | "auto";
136
+ readonly inputOnOutlimit: boolean;
137
+ readonly showPasswordEvent: "click" | "pointerdown";
138
+ readonly autoWidth: boolean;
139
+ readonly passwordPlaceholder: string;
140
+ readonly onlyNumericInput: boolean;
141
+ readonly size?: "small" | "large" | "medium" | undefined;
142
+ readonly round?: import('@opensig/opendesign').RoundT | undefined;
143
+ readonly placeholder?: string | undefined;
144
+ readonly defaultValue?: string | number | undefined;
145
+ readonly modelValue?: string | number | undefined;
146
+ readonly inputId?: string | undefined;
147
+ readonly minLength?: number | undefined;
148
+ readonly maxLength?: number | undefined;
149
+ readonly getLength?: ((val: string) => number) | undefined;
150
+ readonly format?: ((value: string) => string) | undefined;
151
+ readonly validate?: ((value: string) => boolean) | undefined;
152
+ readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
153
+ readonly onInput?: ((evt: Event, value: string) => any) | undefined | undefined;
154
+ readonly onClear?: ((evt?: Event | undefined) => any) | undefined | undefined;
155
+ readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
156
+ readonly onChange?: ((value: string) => any) | undefined | undefined;
157
+ readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
158
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
159
+ readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
160
+ } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
161
+ $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
162
+ $refs: {
163
+ [x: string]: unknown;
164
+ };
165
+ $slots: Readonly<{
166
+ [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
167
+ }>;
168
+ $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
169
+ $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
170
+ $host: Element | null;
171
+ $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "change", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
172
+ $el: any;
173
+ $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
174
+ size: {
175
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
176
+ };
177
+ round: {
178
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
179
+ };
180
+ color: {
181
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
182
+ default: string;
183
+ };
184
+ variant: {
185
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
186
+ default: string;
187
+ };
188
+ modelValue: {
189
+ type: (NumberConstructor | StringConstructor)[];
190
+ };
191
+ defaultValue: {
192
+ type: (NumberConstructor | StringConstructor)[];
193
+ };
194
+ type: {
195
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
196
+ default: string;
197
+ };
198
+ placeholder: {
199
+ type: StringConstructor;
200
+ };
201
+ inputId: {
202
+ type: StringConstructor;
203
+ };
204
+ disabled: {
205
+ type: BooleanConstructor;
206
+ };
207
+ readonly: {
208
+ type: BooleanConstructor;
209
+ };
210
+ clearable: {
211
+ type: BooleanConstructor;
212
+ };
213
+ minLength: {
214
+ type: NumberConstructor;
215
+ };
216
+ maxLength: {
217
+ type: NumberConstructor;
218
+ };
219
+ showLength: {
220
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
221
+ default: string;
222
+ };
223
+ getLength: {
224
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
225
+ };
226
+ inputOnOutlimit: {
227
+ type: BooleanConstructor;
228
+ default: boolean;
229
+ };
230
+ format: {
231
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
232
+ };
233
+ validate: {
234
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
235
+ };
236
+ valueOnInvalidChange: {
237
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
238
+ };
239
+ showPasswordEvent: {
240
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
241
+ default: string;
242
+ };
243
+ autoWidth: {
244
+ type: BooleanConstructor;
245
+ };
246
+ passwordPlaceholder: {
247
+ type: StringConstructor;
248
+ default: string;
249
+ };
250
+ onlyNumericInput: {
251
+ type: BooleanConstructor;
252
+ };
253
+ }>> & Readonly<{
254
+ onInput?: ((evt: Event, value: string) => any) | undefined;
255
+ onClear?: ((evt?: Event | undefined) => any) | undefined;
256
+ onBlur?: ((evt: FocusEvent) => any) | undefined;
257
+ onChange?: ((value: string) => any) | undefined;
258
+ onFocus?: ((evt: FocusEvent) => any) | undefined;
259
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
260
+ onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
261
+ }>, {
262
+ focus: () => void | undefined;
263
+ blur: () => void | undefined;
264
+ clear: () => void | undefined;
265
+ inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
266
+ togglePassword: () => void | undefined;
267
+ }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
268
+ input: (evt: Event, value: string) => any;
269
+ clear: (evt?: Event | undefined) => any;
270
+ blur: (evt: FocusEvent) => any;
271
+ change: (value: string) => any;
272
+ focus: (evt: FocusEvent) => any;
273
+ "update:modelValue": (value: string) => any;
274
+ pressEnter: (evt: KeyboardEvent) => any;
275
+ }, string, {
276
+ color: "normal" | "primary" | "success" | "warning" | "danger";
277
+ type: "text" | "password";
278
+ disabled: boolean;
279
+ variant: "solid" | "outline" | "text";
280
+ clearable: boolean;
281
+ readonly: boolean;
282
+ showLength: "auto" | "always" | "never";
283
+ inputOnOutlimit: boolean;
284
+ showPasswordEvent: "click" | "pointerdown";
285
+ autoWidth: boolean;
286
+ passwordPlaceholder: string;
287
+ onlyNumericInput: boolean;
288
+ }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
289
+ beforeCreate?: (() => void) | (() => void)[];
290
+ created?: (() => void) | (() => void)[];
291
+ beforeMount?: (() => void) | (() => void)[];
292
+ mounted?: (() => void) | (() => void)[];
293
+ beforeUpdate?: (() => void) | (() => void)[];
294
+ updated?: (() => void) | (() => void)[];
295
+ activated?: (() => void) | (() => void)[];
296
+ deactivated?: (() => void) | (() => void)[];
297
+ beforeDestroy?: (() => void) | (() => void)[];
298
+ beforeUnmount?: (() => void) | (() => void)[];
299
+ destroyed?: (() => void) | (() => void)[];
300
+ unmounted?: (() => void) | (() => void)[];
301
+ renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
302
+ renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
303
+ errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
304
+ };
305
+ $forceUpdate: () => void;
306
+ $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
307
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
308
+ } & Readonly<{
309
+ color: "normal" | "primary" | "success" | "warning" | "danger";
310
+ type: "text" | "password";
311
+ disabled: boolean;
312
+ variant: "solid" | "outline" | "text";
313
+ clearable: boolean;
314
+ readonly: boolean;
315
+ showLength: "auto" | "always" | "never";
316
+ inputOnOutlimit: boolean;
317
+ showPasswordEvent: "click" | "pointerdown";
318
+ autoWidth: boolean;
319
+ passwordPlaceholder: string;
320
+ onlyNumericInput: boolean;
321
+ }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
322
+ size: {
323
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
324
+ };
325
+ round: {
326
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
327
+ };
328
+ color: {
329
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
330
+ default: string;
331
+ };
332
+ variant: {
333
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
334
+ default: string;
335
+ };
336
+ modelValue: {
337
+ type: (NumberConstructor | StringConstructor)[];
338
+ };
339
+ defaultValue: {
340
+ type: (NumberConstructor | StringConstructor)[];
341
+ };
342
+ type: {
343
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
344
+ default: string;
345
+ };
346
+ placeholder: {
347
+ type: StringConstructor;
348
+ };
349
+ inputId: {
350
+ type: StringConstructor;
351
+ };
352
+ disabled: {
353
+ type: BooleanConstructor;
354
+ };
355
+ readonly: {
356
+ type: BooleanConstructor;
357
+ };
358
+ clearable: {
359
+ type: BooleanConstructor;
360
+ };
361
+ minLength: {
362
+ type: NumberConstructor;
363
+ };
364
+ maxLength: {
365
+ type: NumberConstructor;
366
+ };
367
+ showLength: {
368
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
369
+ default: string;
370
+ };
371
+ getLength: {
372
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
373
+ };
374
+ inputOnOutlimit: {
375
+ type: BooleanConstructor;
376
+ default: boolean;
377
+ };
378
+ format: {
379
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
380
+ };
381
+ validate: {
382
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
383
+ };
384
+ valueOnInvalidChange: {
385
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
386
+ };
387
+ showPasswordEvent: {
388
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
389
+ default: string;
390
+ };
391
+ autoWidth: {
392
+ type: BooleanConstructor;
393
+ };
394
+ passwordPlaceholder: {
395
+ type: StringConstructor;
396
+ default: string;
397
+ };
398
+ onlyNumericInput: {
399
+ type: BooleanConstructor;
400
+ };
401
+ }>> & Readonly<{
402
+ onInput?: ((evt: Event, value: string) => any) | undefined;
403
+ onClear?: ((evt?: Event | undefined) => any) | undefined;
404
+ onBlur?: ((evt: FocusEvent) => any) | undefined;
405
+ onChange?: ((value: string) => any) | undefined;
406
+ onFocus?: ((evt: FocusEvent) => any) | undefined;
407
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
408
+ onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
409
+ }>, "type" | "color" | "variant" | "disabled" | "clear" | "blur" | "focus" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
410
+ focus: () => void | undefined;
411
+ blur: () => void | undefined;
412
+ clear: () => void | undefined;
413
+ inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
414
+ togglePassword: () => void | undefined;
415
+ } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
416
+ $slots: Readonly<{
417
+ default(): any;
418
+ prepend(): any;
419
+ append(): any;
420
+ prefix(): any;
421
+ suffix(): any;
422
+ }> & {
423
+ default(): any;
424
+ prepend(): any;
425
+ append(): any;
426
+ prefix(): any;
427
+ suffix(): any;
428
+ };
429
+ }) | null;
430
+ uploadBtnRef: HTMLSpanElement;
431
+ fileInputRef: HTMLInputElement;
432
+ };
433
+ $slots: Readonly<{
434
+ [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
435
+ }>;
436
+ $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
437
+ $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
438
+ $host: Element | null;
439
+ $emit: (event: string, ...args: any[]) => void;
440
+ $el: HTMLDivElement;
441
+ $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
442
+ [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
443
+ }>, {
444
+ focus: () => void | undefined;
445
+ blur: () => void | undefined;
446
+ awaitUpload: () => Promise<void>;
447
+ getUploadedUrl: () => string;
448
+ getIsUploading: () => boolean;
449
+ resetImage: () => void;
450
+ }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
451
+ [x: string]: any;
452
+ } & {
453
+ [x: string]: any;
454
+ }, string, {
455
+ size: "small" | "medium" | "large";
456
+ disabled: boolean;
457
+ preview: boolean;
458
+ modelValue: string;
459
+ imageUrl: string;
460
+ enableImageSearch: boolean;
461
+ maxImageSize: number;
462
+ expanded: boolean;
463
+ clearable: boolean;
464
+ showSuffix: boolean;
465
+ inlineThumbnail: boolean;
466
+ allowedImageTypes: string[];
467
+ }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
468
+ beforeCreate?: (() => void) | (() => void)[];
469
+ created?: (() => void) | (() => void)[];
470
+ beforeMount?: (() => void) | (() => void)[];
471
+ mounted?: (() => void) | (() => void)[];
472
+ beforeUpdate?: (() => void) | (() => void)[];
473
+ updated?: (() => void) | (() => void)[];
474
+ activated?: (() => void) | (() => void)[];
475
+ deactivated?: (() => void) | (() => void)[];
476
+ beforeDestroy?: (() => void) | (() => void)[];
477
+ beforeUnmount?: (() => void) | (() => void)[];
478
+ destroyed?: (() => void) | (() => void)[];
479
+ unmounted?: (() => void) | (() => void)[];
480
+ renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
481
+ renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
482
+ errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
483
+ };
484
+ $forceUpdate: () => void;
485
+ $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
486
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
487
+ } & Readonly<{
488
+ size: "small" | "medium" | "large";
489
+ disabled: boolean;
490
+ preview: boolean;
491
+ modelValue: string;
492
+ imageUrl: string;
493
+ enableImageSearch: boolean;
494
+ maxImageSize: number;
495
+ expanded: boolean;
496
+ clearable: boolean;
497
+ showSuffix: boolean;
498
+ inlineThumbnail: boolean;
499
+ allowedImageTypes: string[];
500
+ }> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
501
+ [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
502
+ }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "preview" | "modelValue" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "expanded" | "clearable" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
503
+ focus: () => void | undefined;
504
+ blur: () => void | undefined;
505
+ awaitUpload: () => Promise<void>;
506
+ getUploadedUrl: () => string;
507
+ getIsUploading: () => boolean;
508
+ resetImage: () => void;
509
+ } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
510
+ $slots: {
511
+ prefix?(_: {}): any;
512
+ suffix?(_: {
513
+ hasValue: boolean;
514
+ }): any;
515
+ preview?(_: {
516
+ previewUrl: string;
517
+ remove: () => void;
518
+ }): any;
519
+ };
520
+ }) | null;
521
+ };
522
+ rootEl: HTMLDivElement;
523
+ };
524
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
525
+ declare const __VLS_component: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<OSearchInputPropsT, {
526
+ focus: () => void | undefined;
527
+ blur: () => void | undefined;
528
+ search: () => Promise<void>;
529
+ saveHistory: (val?: string) => void;
530
+ }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
531
+ [x: string]: any;
532
+ } & {
533
+ [x: string]: any;
534
+ }, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<OSearchInputPropsT> & Readonly<{
535
+ [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
536
+ }>, {
537
+ size: "small" | "medium" | "large";
538
+ modelValue: string;
539
+ imageUrl: string;
540
+ enableImageSearch: boolean;
541
+ maxImageSize: number;
542
+ clearable: boolean;
543
+ onestepItems: OSearchRecommendItem[];
544
+ suggestItems: OSearchRecommendItem[];
545
+ historyItems: string[];
546
+ highlightKeyword: boolean;
547
+ showSuggestEmpty: boolean;
548
+ storageKey: string;
549
+ storeHistory: boolean;
550
+ maxHistoryCount: number;
551
+ debounce: number;
552
+ autoSaveHistory: boolean;
553
+ enableHistory: boolean;
554
+ suggestList: string[];
555
+ allowHtmlInSuggest: boolean;
556
+ closeOnSearch: boolean;
557
+ closeOnClickOutside: boolean;
558
+ openOnFocus: boolean;
559
+ }, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
560
+ wrapperRef: HTMLDivElement;
561
+ inputRef: ({
562
+ $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
563
+ $data: {};
564
+ $props: {
565
+ readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
566
+ readonly modelValue?: string | undefined;
567
+ readonly imageUrl?: string | undefined;
568
+ readonly placeholder?: string | undefined;
569
+ readonly imagePlaceholder?: string | undefined;
570
+ readonly size?: "small" | "medium" | "large" | undefined;
571
+ readonly enableImageSearch?: boolean | undefined;
572
+ readonly uploadImage?: OSearchUploadImageFn | undefined;
573
+ readonly maxImageSize?: number | undefined;
574
+ readonly imageUploadTooltip?: string | undefined;
575
+ readonly expanded?: boolean | undefined;
576
+ readonly clearable?: boolean | undefined;
577
+ readonly showSuffix?: boolean | undefined;
578
+ readonly inlineThumbnail?: boolean | undefined;
579
+ readonly preview?: boolean | undefined;
580
+ readonly disabled?: boolean | undefined;
581
+ readonly allowedImageTypes?: string[] | undefined;
582
+ } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps;
583
+ $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
584
+ $refs: {
585
+ [x: string]: unknown;
586
+ } & {
587
+ inputRef: ({
588
+ $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
589
+ $data: {};
590
+ $props: Partial<{
591
+ color: "normal" | "primary" | "success" | "warning" | "danger";
592
+ type: "text" | "password";
593
+ disabled: boolean;
594
+ variant: "solid" | "outline" | "text";
595
+ clearable: boolean;
596
+ readonly: boolean;
597
+ showLength: "auto" | "always" | "never";
598
+ inputOnOutlimit: boolean;
599
+ showPasswordEvent: "click" | "pointerdown";
600
+ autoWidth: boolean;
601
+ passwordPlaceholder: string;
602
+ onlyNumericInput: boolean;
603
+ }> & Omit<{
604
+ readonly type: "text" | "password";
605
+ readonly color: "primary" | "normal" | "success" | "warning" | "danger";
606
+ readonly variant: "text" | "solid" | "outline";
607
+ readonly disabled: boolean;
608
+ readonly clearable: boolean;
609
+ readonly readonly: boolean;
610
+ readonly showLength: "never" | "always" | "auto";
611
+ readonly inputOnOutlimit: boolean;
612
+ readonly showPasswordEvent: "click" | "pointerdown";
613
+ readonly autoWidth: boolean;
614
+ readonly passwordPlaceholder: string;
615
+ readonly onlyNumericInput: boolean;
616
+ readonly size?: "small" | "large" | "medium" | undefined;
617
+ readonly round?: import('@opensig/opendesign').RoundT | undefined;
618
+ readonly placeholder?: string | undefined;
619
+ readonly defaultValue?: string | number | undefined;
620
+ readonly modelValue?: string | number | undefined;
621
+ readonly inputId?: string | undefined;
622
+ readonly minLength?: number | undefined;
623
+ readonly maxLength?: number | undefined;
624
+ readonly getLength?: ((val: string) => number) | undefined;
625
+ readonly format?: ((value: string) => string) | undefined;
626
+ readonly validate?: ((value: string) => boolean) | undefined;
627
+ readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
628
+ readonly onInput?: ((evt: Event, value: string) => any) | undefined | undefined;
629
+ readonly onClear?: ((evt?: Event | undefined) => any) | undefined | undefined;
630
+ readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
631
+ readonly onChange?: ((value: string) => any) | undefined | undefined;
632
+ readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
633
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
634
+ readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
635
+ } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
636
+ $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
637
+ $refs: {
638
+ [x: string]: unknown;
639
+ };
640
+ $slots: Readonly<{
641
+ [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
642
+ }>;
643
+ $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
644
+ $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
645
+ $host: Element | null;
646
+ $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "change", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
647
+ $el: any;
648
+ $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
649
+ size: {
650
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
651
+ };
652
+ round: {
653
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
654
+ };
655
+ color: {
656
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
657
+ default: string;
658
+ };
659
+ variant: {
660
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
661
+ default: string;
662
+ };
663
+ modelValue: {
664
+ type: (NumberConstructor | StringConstructor)[];
665
+ };
666
+ defaultValue: {
667
+ type: (NumberConstructor | StringConstructor)[];
668
+ };
669
+ type: {
670
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
671
+ default: string;
672
+ };
673
+ placeholder: {
674
+ type: StringConstructor;
675
+ };
676
+ inputId: {
677
+ type: StringConstructor;
678
+ };
679
+ disabled: {
680
+ type: BooleanConstructor;
681
+ };
682
+ readonly: {
683
+ type: BooleanConstructor;
684
+ };
685
+ clearable: {
686
+ type: BooleanConstructor;
687
+ };
688
+ minLength: {
689
+ type: NumberConstructor;
690
+ };
691
+ maxLength: {
692
+ type: NumberConstructor;
693
+ };
694
+ showLength: {
695
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
696
+ default: string;
697
+ };
698
+ getLength: {
699
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
700
+ };
701
+ inputOnOutlimit: {
702
+ type: BooleanConstructor;
703
+ default: boolean;
704
+ };
705
+ format: {
706
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
707
+ };
708
+ validate: {
709
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
710
+ };
711
+ valueOnInvalidChange: {
712
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
713
+ };
714
+ showPasswordEvent: {
715
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
716
+ default: string;
717
+ };
718
+ autoWidth: {
719
+ type: BooleanConstructor;
720
+ };
721
+ passwordPlaceholder: {
722
+ type: StringConstructor;
723
+ default: string;
724
+ };
725
+ onlyNumericInput: {
726
+ type: BooleanConstructor;
727
+ };
728
+ }>> & Readonly<{
729
+ onInput?: ((evt: Event, value: string) => any) | undefined;
730
+ onClear?: ((evt?: Event | undefined) => any) | undefined;
731
+ onBlur?: ((evt: FocusEvent) => any) | undefined;
732
+ onChange?: ((value: string) => any) | undefined;
733
+ onFocus?: ((evt: FocusEvent) => any) | undefined;
734
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
735
+ onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
736
+ }>, {
737
+ focus: () => void | undefined;
738
+ blur: () => void | undefined;
739
+ clear: () => void | undefined;
740
+ inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
741
+ togglePassword: () => void | undefined;
742
+ }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
743
+ input: (evt: Event, value: string) => any;
744
+ clear: (evt?: Event | undefined) => any;
745
+ blur: (evt: FocusEvent) => any;
746
+ change: (value: string) => any;
747
+ focus: (evt: FocusEvent) => any;
748
+ "update:modelValue": (value: string) => any;
749
+ pressEnter: (evt: KeyboardEvent) => any;
750
+ }, string, {
751
+ color: "normal" | "primary" | "success" | "warning" | "danger";
752
+ type: "text" | "password";
753
+ disabled: boolean;
754
+ variant: "solid" | "outline" | "text";
755
+ clearable: boolean;
756
+ readonly: boolean;
757
+ showLength: "auto" | "always" | "never";
758
+ inputOnOutlimit: boolean;
759
+ showPasswordEvent: "click" | "pointerdown";
760
+ autoWidth: boolean;
761
+ passwordPlaceholder: string;
762
+ onlyNumericInput: boolean;
763
+ }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
764
+ beforeCreate?: (() => void) | (() => void)[];
765
+ created?: (() => void) | (() => void)[];
766
+ beforeMount?: (() => void) | (() => void)[];
767
+ mounted?: (() => void) | (() => void)[];
768
+ beforeUpdate?: (() => void) | (() => void)[];
769
+ updated?: (() => void) | (() => void)[];
770
+ activated?: (() => void) | (() => void)[];
771
+ deactivated?: (() => void) | (() => void)[];
772
+ beforeDestroy?: (() => void) | (() => void)[];
773
+ beforeUnmount?: (() => void) | (() => void)[];
774
+ destroyed?: (() => void) | (() => void)[];
775
+ unmounted?: (() => void) | (() => void)[];
776
+ renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
777
+ renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
778
+ errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
779
+ };
780
+ $forceUpdate: () => void;
781
+ $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
782
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
783
+ } & Readonly<{
784
+ color: "normal" | "primary" | "success" | "warning" | "danger";
785
+ type: "text" | "password";
786
+ disabled: boolean;
787
+ variant: "solid" | "outline" | "text";
788
+ clearable: boolean;
789
+ readonly: boolean;
790
+ showLength: "auto" | "always" | "never";
791
+ inputOnOutlimit: boolean;
792
+ showPasswordEvent: "click" | "pointerdown";
793
+ autoWidth: boolean;
794
+ passwordPlaceholder: string;
795
+ onlyNumericInput: boolean;
796
+ }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
797
+ size: {
798
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
799
+ };
800
+ round: {
801
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
802
+ };
803
+ color: {
804
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
805
+ default: string;
806
+ };
807
+ variant: {
808
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
809
+ default: string;
810
+ };
811
+ modelValue: {
812
+ type: (NumberConstructor | StringConstructor)[];
813
+ };
814
+ defaultValue: {
815
+ type: (NumberConstructor | StringConstructor)[];
816
+ };
817
+ type: {
818
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
819
+ default: string;
820
+ };
821
+ placeholder: {
822
+ type: StringConstructor;
823
+ };
824
+ inputId: {
825
+ type: StringConstructor;
826
+ };
827
+ disabled: {
828
+ type: BooleanConstructor;
829
+ };
830
+ readonly: {
831
+ type: BooleanConstructor;
832
+ };
833
+ clearable: {
834
+ type: BooleanConstructor;
835
+ };
836
+ minLength: {
837
+ type: NumberConstructor;
838
+ };
839
+ maxLength: {
840
+ type: NumberConstructor;
841
+ };
842
+ showLength: {
843
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
844
+ default: string;
845
+ };
846
+ getLength: {
847
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
848
+ };
849
+ inputOnOutlimit: {
850
+ type: BooleanConstructor;
851
+ default: boolean;
852
+ };
853
+ format: {
854
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
855
+ };
856
+ validate: {
857
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
858
+ };
859
+ valueOnInvalidChange: {
860
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
861
+ };
862
+ showPasswordEvent: {
863
+ type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
864
+ default: string;
865
+ };
866
+ autoWidth: {
867
+ type: BooleanConstructor;
868
+ };
869
+ passwordPlaceholder: {
870
+ type: StringConstructor;
871
+ default: string;
872
+ };
873
+ onlyNumericInput: {
874
+ type: BooleanConstructor;
875
+ };
876
+ }>> & Readonly<{
877
+ onInput?: ((evt: Event, value: string) => any) | undefined;
878
+ onClear?: ((evt?: Event | undefined) => any) | undefined;
879
+ onBlur?: ((evt: FocusEvent) => any) | undefined;
880
+ onChange?: ((value: string) => any) | undefined;
881
+ onFocus?: ((evt: FocusEvent) => any) | undefined;
882
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
883
+ onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
884
+ }>, "type" | "color" | "variant" | "disabled" | "clear" | "blur" | "focus" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
885
+ focus: () => void | undefined;
886
+ blur: () => void | undefined;
887
+ clear: () => void | undefined;
888
+ inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
889
+ togglePassword: () => void | undefined;
890
+ } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
891
+ $slots: Readonly<{
892
+ default(): any;
893
+ prepend(): any;
894
+ append(): any;
895
+ prefix(): any;
896
+ suffix(): any;
897
+ }> & {
898
+ default(): any;
899
+ prepend(): any;
900
+ append(): any;
901
+ prefix(): any;
902
+ suffix(): any;
903
+ };
904
+ }) | null;
905
+ uploadBtnRef: HTMLSpanElement;
906
+ fileInputRef: HTMLInputElement;
907
+ };
908
+ $slots: Readonly<{
909
+ [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
910
+ }>;
911
+ $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
912
+ $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
913
+ $host: Element | null;
914
+ $emit: (event: string, ...args: any[]) => void;
915
+ $el: HTMLDivElement;
916
+ $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
917
+ [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
918
+ }>, {
919
+ focus: () => void | undefined;
920
+ blur: () => void | undefined;
921
+ awaitUpload: () => Promise<void>;
922
+ getUploadedUrl: () => string;
923
+ getIsUploading: () => boolean;
924
+ resetImage: () => void;
925
+ }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
926
+ [x: string]: any;
927
+ } & {
928
+ [x: string]: any;
929
+ }, string, {
930
+ size: "small" | "medium" | "large";
931
+ disabled: boolean;
932
+ preview: boolean;
933
+ modelValue: string;
934
+ imageUrl: string;
935
+ enableImageSearch: boolean;
936
+ maxImageSize: number;
937
+ expanded: boolean;
938
+ clearable: boolean;
939
+ showSuffix: boolean;
940
+ inlineThumbnail: boolean;
941
+ allowedImageTypes: string[];
942
+ }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
943
+ beforeCreate?: (() => void) | (() => void)[];
944
+ created?: (() => void) | (() => void)[];
945
+ beforeMount?: (() => void) | (() => void)[];
946
+ mounted?: (() => void) | (() => void)[];
947
+ beforeUpdate?: (() => void) | (() => void)[];
948
+ updated?: (() => void) | (() => void)[];
949
+ activated?: (() => void) | (() => void)[];
950
+ deactivated?: (() => void) | (() => void)[];
951
+ beforeDestroy?: (() => void) | (() => void)[];
952
+ beforeUnmount?: (() => void) | (() => void)[];
953
+ destroyed?: (() => void) | (() => void)[];
954
+ unmounted?: (() => void) | (() => void)[];
955
+ renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
956
+ renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
957
+ errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
958
+ };
959
+ $forceUpdate: () => void;
960
+ $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
961
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
962
+ } & Readonly<{
963
+ size: "small" | "medium" | "large";
964
+ disabled: boolean;
965
+ preview: boolean;
966
+ modelValue: string;
967
+ imageUrl: string;
968
+ enableImageSearch: boolean;
969
+ maxImageSize: number;
970
+ expanded: boolean;
971
+ clearable: boolean;
972
+ showSuffix: boolean;
973
+ inlineThumbnail: boolean;
974
+ allowedImageTypes: string[];
975
+ }> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
976
+ [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
977
+ }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "preview" | "modelValue" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "expanded" | "clearable" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
978
+ focus: () => void | undefined;
979
+ blur: () => void | undefined;
980
+ awaitUpload: () => Promise<void>;
981
+ getUploadedUrl: () => string;
982
+ getIsUploading: () => boolean;
983
+ resetImage: () => void;
984
+ } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
985
+ $slots: {
986
+ prefix?(_: {}): any;
987
+ suffix?(_: {
988
+ hasValue: boolean;
989
+ }): any;
990
+ preview?(_: {
991
+ previewUrl: string;
992
+ remove: () => void;
993
+ }): any;
994
+ };
995
+ }) | null;
996
+ }, HTMLDivElement>;
997
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
998
+ export default _default;
999
+ type __VLS_WithTemplateSlots<T, S> = T & {
1000
+ new (): {
1001
+ $slots: S;
1002
+ };
1003
+ };