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

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 (36) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +46 -66
  3. package/dist/components/OHeaderSearch.vue.d.ts +534 -812
  4. package/dist/components.cjs.js +41 -41
  5. package/dist/components.css +1 -1
  6. package/dist/components.es.js +10253 -11228
  7. package/dist/index.d.ts +0 -1
  8. package/package.json +2 -2
  9. package/src/assets/svg-icons/icon-delete.svg +1 -5
  10. package/src/components/OHeaderSearch.vue +425 -407
  11. package/src/i18n/en.ts +0 -10
  12. package/src/i18n/zh.ts +0 -10
  13. package/src/index.ts +0 -1
  14. package/dist/components/search/OSearchInput.vue.d.ts +0 -1003
  15. package/dist/components/search/composables/useImageSearch.d.ts +0 -48
  16. package/dist/components/search/composables/useKeywordHighlight.d.ts +0 -2
  17. package/dist/components/search/composables/useSearchHistory.d.ts +0 -14
  18. package/dist/components/search/index.d.ts +0 -590
  19. package/dist/components/search/internal/HighlightText.vue.d.ts +0 -9
  20. package/dist/components/search/internal/SearchImageInput.vue.d.ts +0 -716
  21. package/dist/components/search/internal/SearchPanel.vue.d.ts +0 -100
  22. package/dist/components/search/types.d.ts +0 -20
  23. package/src/assets/svg-icons/icon-delete-hover.svg +0 -4
  24. package/src/assets/svg-icons/icon-image-close.svg +0 -4
  25. package/src/assets/svg-icons/icon-image-upload.svg +0 -3
  26. package/src/assets/svg-icons/icon-image-zoomin.svg +0 -3
  27. package/src/assets/svg-icons/icon-refresh.svg +0 -3
  28. package/src/components/search/OSearchInput.vue +0 -463
  29. package/src/components/search/composables/useImageSearch.ts +0 -157
  30. package/src/components/search/composables/useKeywordHighlight.ts +0 -30
  31. package/src/components/search/composables/useSearchHistory.ts +0 -75
  32. package/src/components/search/index.ts +0 -23
  33. package/src/components/search/internal/HighlightText.vue +0 -37
  34. package/src/components/search/internal/SearchImageInput.vue +0 -488
  35. package/src/components/search/internal/SearchPanel.vue +0 -430
  36. package/src/components/search/types.ts +0 -25
@@ -1,716 +0,0 @@
1
- import { nextTick } from '../../../../vue/dist/vue.esm-bundler.js';
2
- import { OSearchUploadImageFn } from '../types';
3
- export interface SearchImageInputPropsT {
4
- modelValue?: string;
5
- imageUrl?: string;
6
- placeholder?: string;
7
- imagePlaceholder?: string;
8
- size?: 'small' | 'medium' | 'large';
9
- enableImageSearch?: boolean;
10
- uploadImage?: OSearchUploadImageFn;
11
- maxImageSize?: number;
12
- imageUploadTooltip?: string;
13
- /** Show preview block below input when true and image staged */
14
- expanded?: boolean;
15
- /** Whether to render the clear icon when there is content */
16
- clearable?: boolean;
17
- /** Show the right suffix area (upload + clear). When false, suffix is empty. */
18
- showSuffix?: boolean;
19
- /** When true, render thumbnail inline inside prefix area (compact mode) */
20
- inlineThumbnail?: boolean;
21
- preview?: boolean;
22
- disabled?: boolean;
23
- allowedImageTypes?: string[];
24
- }
25
- declare function __VLS_template(): {
26
- attrs: Partial<{}>;
27
- slots: {
28
- prefix?(_: {}): any;
29
- suffix?(_: {
30
- hasValue: boolean;
31
- }): any;
32
- preview?(_: {
33
- previewUrl: string;
34
- remove: () => void;
35
- }): any;
36
- };
37
- refs: {
38
- inputRef: ({
39
- $: import('../../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
40
- $data: {};
41
- $props: Partial<{
42
- color: "normal" | "primary" | "success" | "warning" | "danger";
43
- type: "text" | "password";
44
- disabled: boolean;
45
- variant: "solid" | "outline" | "text";
46
- clearable: boolean;
47
- readonly: boolean;
48
- showLength: "auto" | "always" | "never";
49
- inputOnOutlimit: boolean;
50
- showPasswordEvent: "click" | "pointerdown";
51
- autoWidth: boolean;
52
- passwordPlaceholder: string;
53
- onlyNumericInput: boolean;
54
- }> & Omit<{
55
- readonly type: "text" | "password";
56
- readonly color: "primary" | "normal" | "success" | "warning" | "danger";
57
- readonly variant: "text" | "solid" | "outline";
58
- readonly disabled: boolean;
59
- readonly clearable: boolean;
60
- readonly readonly: boolean;
61
- readonly showLength: "never" | "always" | "auto";
62
- readonly inputOnOutlimit: boolean;
63
- readonly showPasswordEvent: "click" | "pointerdown";
64
- readonly autoWidth: boolean;
65
- readonly passwordPlaceholder: string;
66
- readonly onlyNumericInput: boolean;
67
- readonly size?: "small" | "large" | "medium" | undefined;
68
- readonly round?: import('@opensig/opendesign').RoundT | undefined;
69
- readonly placeholder?: string | undefined;
70
- readonly defaultValue?: string | number | undefined;
71
- readonly modelValue?: string | number | undefined;
72
- readonly inputId?: string | undefined;
73
- readonly minLength?: number | undefined;
74
- readonly maxLength?: number | undefined;
75
- readonly getLength?: ((val: string) => number) | undefined;
76
- readonly format?: ((value: string) => string) | undefined;
77
- readonly validate?: ((value: string) => boolean) | undefined;
78
- readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
79
- readonly onInput?: ((evt: Event, value: string) => any) | undefined | undefined;
80
- readonly onClear?: ((evt?: Event | undefined) => any) | undefined | undefined;
81
- readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
82
- readonly onChange?: ((value: string) => any) | undefined | undefined;
83
- readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
84
- readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
85
- readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
86
- } & 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">;
87
- $attrs: import('../../../../vue/dist/vue.esm-bundler.js').Attrs;
88
- $refs: {
89
- [x: string]: unknown;
90
- };
91
- $slots: Readonly<{
92
- [name: string]: import('../../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
93
- }>;
94
- $root: import('../../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
95
- $parent: import('../../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
96
- $host: Element | null;
97
- $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);
98
- $el: any;
99
- $options: import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
100
- size: {
101
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
102
- };
103
- round: {
104
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
105
- };
106
- color: {
107
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
108
- default: string;
109
- };
110
- variant: {
111
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
112
- default: string;
113
- };
114
- modelValue: {
115
- type: (NumberConstructor | StringConstructor)[];
116
- };
117
- defaultValue: {
118
- type: (NumberConstructor | StringConstructor)[];
119
- };
120
- type: {
121
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
122
- default: string;
123
- };
124
- placeholder: {
125
- type: StringConstructor;
126
- };
127
- inputId: {
128
- type: StringConstructor;
129
- };
130
- disabled: {
131
- type: BooleanConstructor;
132
- };
133
- readonly: {
134
- type: BooleanConstructor;
135
- };
136
- clearable: {
137
- type: BooleanConstructor;
138
- };
139
- minLength: {
140
- type: NumberConstructor;
141
- };
142
- maxLength: {
143
- type: NumberConstructor;
144
- };
145
- showLength: {
146
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
147
- default: string;
148
- };
149
- getLength: {
150
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
151
- };
152
- inputOnOutlimit: {
153
- type: BooleanConstructor;
154
- default: boolean;
155
- };
156
- format: {
157
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
158
- };
159
- validate: {
160
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
161
- };
162
- valueOnInvalidChange: {
163
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
164
- };
165
- showPasswordEvent: {
166
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
167
- default: string;
168
- };
169
- autoWidth: {
170
- type: BooleanConstructor;
171
- };
172
- passwordPlaceholder: {
173
- type: StringConstructor;
174
- default: string;
175
- };
176
- onlyNumericInput: {
177
- type: BooleanConstructor;
178
- };
179
- }>> & Readonly<{
180
- onInput?: ((evt: Event, value: string) => any) | undefined;
181
- onClear?: ((evt?: Event | undefined) => any) | undefined;
182
- onBlur?: ((evt: FocusEvent) => any) | undefined;
183
- onChange?: ((value: string) => any) | undefined;
184
- onFocus?: ((evt: FocusEvent) => any) | undefined;
185
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
186
- onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
187
- }>, {
188
- focus: () => void | undefined;
189
- blur: () => void | undefined;
190
- clear: () => void | undefined;
191
- inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
192
- togglePassword: () => void | undefined;
193
- }, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
194
- input: (evt: Event, value: string) => any;
195
- clear: (evt?: Event | undefined) => any;
196
- blur: (evt: FocusEvent) => any;
197
- change: (value: string) => any;
198
- focus: (evt: FocusEvent) => any;
199
- "update:modelValue": (value: string) => any;
200
- pressEnter: (evt: KeyboardEvent) => any;
201
- }, string, {
202
- color: "normal" | "primary" | "success" | "warning" | "danger";
203
- type: "text" | "password";
204
- disabled: boolean;
205
- variant: "solid" | "outline" | "text";
206
- clearable: boolean;
207
- readonly: boolean;
208
- showLength: "auto" | "always" | "never";
209
- inputOnOutlimit: boolean;
210
- showPasswordEvent: "click" | "pointerdown";
211
- autoWidth: boolean;
212
- passwordPlaceholder: string;
213
- onlyNumericInput: boolean;
214
- }, {}, 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> & {
215
- beforeCreate?: (() => void) | (() => void)[];
216
- created?: (() => void) | (() => void)[];
217
- beforeMount?: (() => void) | (() => void)[];
218
- mounted?: (() => void) | (() => void)[];
219
- beforeUpdate?: (() => void) | (() => void)[];
220
- updated?: (() => void) | (() => void)[];
221
- activated?: (() => void) | (() => void)[];
222
- deactivated?: (() => void) | (() => void)[];
223
- beforeDestroy?: (() => void) | (() => void)[];
224
- beforeUnmount?: (() => void) | (() => void)[];
225
- destroyed?: (() => void) | (() => void)[];
226
- unmounted?: (() => void) | (() => void)[];
227
- renderTracked?: ((e: import('../../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
228
- renderTriggered?: ((e: import('../../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
229
- 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)[];
230
- };
231
- $forceUpdate: () => void;
232
- $nextTick: typeof nextTick;
233
- $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;
234
- } & Readonly<{
235
- color: "normal" | "primary" | "success" | "warning" | "danger";
236
- type: "text" | "password";
237
- disabled: boolean;
238
- variant: "solid" | "outline" | "text";
239
- clearable: boolean;
240
- readonly: boolean;
241
- showLength: "auto" | "always" | "never";
242
- inputOnOutlimit: boolean;
243
- showPasswordEvent: "click" | "pointerdown";
244
- autoWidth: boolean;
245
- passwordPlaceholder: string;
246
- onlyNumericInput: boolean;
247
- }> & Omit<Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
248
- size: {
249
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
250
- };
251
- round: {
252
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
253
- };
254
- color: {
255
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
256
- default: string;
257
- };
258
- variant: {
259
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
260
- default: string;
261
- };
262
- modelValue: {
263
- type: (NumberConstructor | StringConstructor)[];
264
- };
265
- defaultValue: {
266
- type: (NumberConstructor | StringConstructor)[];
267
- };
268
- type: {
269
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
270
- default: string;
271
- };
272
- placeholder: {
273
- type: StringConstructor;
274
- };
275
- inputId: {
276
- type: StringConstructor;
277
- };
278
- disabled: {
279
- type: BooleanConstructor;
280
- };
281
- readonly: {
282
- type: BooleanConstructor;
283
- };
284
- clearable: {
285
- type: BooleanConstructor;
286
- };
287
- minLength: {
288
- type: NumberConstructor;
289
- };
290
- maxLength: {
291
- type: NumberConstructor;
292
- };
293
- showLength: {
294
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
295
- default: string;
296
- };
297
- getLength: {
298
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
299
- };
300
- inputOnOutlimit: {
301
- type: BooleanConstructor;
302
- default: boolean;
303
- };
304
- format: {
305
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
306
- };
307
- validate: {
308
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
309
- };
310
- valueOnInvalidChange: {
311
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
312
- };
313
- showPasswordEvent: {
314
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
315
- default: string;
316
- };
317
- autoWidth: {
318
- type: BooleanConstructor;
319
- };
320
- passwordPlaceholder: {
321
- type: StringConstructor;
322
- default: string;
323
- };
324
- onlyNumericInput: {
325
- type: BooleanConstructor;
326
- };
327
- }>> & Readonly<{
328
- onInput?: ((evt: Event, value: string) => any) | undefined;
329
- onClear?: ((evt?: Event | undefined) => any) | undefined;
330
- onBlur?: ((evt: FocusEvent) => any) | undefined;
331
- onChange?: ((value: string) => any) | undefined;
332
- onFocus?: ((evt: FocusEvent) => any) | undefined;
333
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
334
- onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
335
- }>, "type" | "color" | "variant" | "disabled" | "clear" | "blur" | "focus" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
336
- focus: () => void | undefined;
337
- blur: () => void | undefined;
338
- clear: () => void | undefined;
339
- inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
340
- togglePassword: () => void | undefined;
341
- } & {} & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
342
- $slots: Readonly<{
343
- default(): any;
344
- prepend(): any;
345
- append(): any;
346
- prefix(): any;
347
- suffix(): any;
348
- }> & {
349
- default(): any;
350
- prepend(): any;
351
- append(): any;
352
- prefix(): any;
353
- suffix(): any;
354
- };
355
- }) | null;
356
- uploadBtnRef: HTMLSpanElement;
357
- fileInputRef: HTMLInputElement;
358
- };
359
- rootEl: HTMLDivElement;
360
- };
361
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
362
- declare const __VLS_component: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<SearchImageInputPropsT, {
363
- focus: () => void | undefined;
364
- blur: () => void | undefined;
365
- awaitUpload: () => Promise<void>;
366
- getUploadedUrl: () => string;
367
- getIsUploading: () => boolean;
368
- resetImage: () => void;
369
- }, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
370
- [x: string]: any;
371
- } & {
372
- [x: string]: any;
373
- }, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<SearchImageInputPropsT> & Readonly<{
374
- [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
375
- }>, {
376
- size: "small" | "medium" | "large";
377
- disabled: boolean;
378
- preview: boolean;
379
- modelValue: string;
380
- imageUrl: string;
381
- enableImageSearch: boolean;
382
- maxImageSize: number;
383
- expanded: boolean;
384
- clearable: boolean;
385
- showSuffix: boolean;
386
- inlineThumbnail: boolean;
387
- allowedImageTypes: string[];
388
- }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
389
- inputRef: ({
390
- $: import('../../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
391
- $data: {};
392
- $props: Partial<{
393
- color: "normal" | "primary" | "success" | "warning" | "danger";
394
- type: "text" | "password";
395
- disabled: boolean;
396
- variant: "solid" | "outline" | "text";
397
- clearable: boolean;
398
- readonly: boolean;
399
- showLength: "auto" | "always" | "never";
400
- inputOnOutlimit: boolean;
401
- showPasswordEvent: "click" | "pointerdown";
402
- autoWidth: boolean;
403
- passwordPlaceholder: string;
404
- onlyNumericInput: boolean;
405
- }> & Omit<{
406
- readonly type: "text" | "password";
407
- readonly color: "primary" | "normal" | "success" | "warning" | "danger";
408
- readonly variant: "text" | "solid" | "outline";
409
- readonly disabled: boolean;
410
- readonly clearable: boolean;
411
- readonly readonly: boolean;
412
- readonly showLength: "never" | "always" | "auto";
413
- readonly inputOnOutlimit: boolean;
414
- readonly showPasswordEvent: "click" | "pointerdown";
415
- readonly autoWidth: boolean;
416
- readonly passwordPlaceholder: string;
417
- readonly onlyNumericInput: boolean;
418
- readonly size?: "small" | "large" | "medium" | undefined;
419
- readonly round?: import('@opensig/opendesign').RoundT | undefined;
420
- readonly placeholder?: string | undefined;
421
- readonly defaultValue?: string | number | undefined;
422
- readonly modelValue?: string | number | undefined;
423
- readonly inputId?: string | undefined;
424
- readonly minLength?: number | undefined;
425
- readonly maxLength?: number | undefined;
426
- readonly getLength?: ((val: string) => number) | undefined;
427
- readonly format?: ((value: string) => string) | undefined;
428
- readonly validate?: ((value: string) => boolean) | undefined;
429
- readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
430
- readonly onInput?: ((evt: Event, value: string) => any) | undefined | undefined;
431
- readonly onClear?: ((evt?: Event | undefined) => any) | undefined | undefined;
432
- readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
433
- readonly onChange?: ((value: string) => any) | undefined | undefined;
434
- readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
435
- readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
436
- readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
437
- } & 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">;
438
- $attrs: import('../../../../vue/dist/vue.esm-bundler.js').Attrs;
439
- $refs: {
440
- [x: string]: unknown;
441
- };
442
- $slots: Readonly<{
443
- [name: string]: import('../../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
444
- }>;
445
- $root: import('../../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
446
- $parent: import('../../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
447
- $host: Element | null;
448
- $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);
449
- $el: any;
450
- $options: import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
451
- size: {
452
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
453
- };
454
- round: {
455
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
456
- };
457
- color: {
458
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
459
- default: string;
460
- };
461
- variant: {
462
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
463
- default: string;
464
- };
465
- modelValue: {
466
- type: (NumberConstructor | StringConstructor)[];
467
- };
468
- defaultValue: {
469
- type: (NumberConstructor | StringConstructor)[];
470
- };
471
- type: {
472
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
473
- default: string;
474
- };
475
- placeholder: {
476
- type: StringConstructor;
477
- };
478
- inputId: {
479
- type: StringConstructor;
480
- };
481
- disabled: {
482
- type: BooleanConstructor;
483
- };
484
- readonly: {
485
- type: BooleanConstructor;
486
- };
487
- clearable: {
488
- type: BooleanConstructor;
489
- };
490
- minLength: {
491
- type: NumberConstructor;
492
- };
493
- maxLength: {
494
- type: NumberConstructor;
495
- };
496
- showLength: {
497
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
498
- default: string;
499
- };
500
- getLength: {
501
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
502
- };
503
- inputOnOutlimit: {
504
- type: BooleanConstructor;
505
- default: boolean;
506
- };
507
- format: {
508
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
509
- };
510
- validate: {
511
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
512
- };
513
- valueOnInvalidChange: {
514
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
515
- };
516
- showPasswordEvent: {
517
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
518
- default: string;
519
- };
520
- autoWidth: {
521
- type: BooleanConstructor;
522
- };
523
- passwordPlaceholder: {
524
- type: StringConstructor;
525
- default: string;
526
- };
527
- onlyNumericInput: {
528
- type: BooleanConstructor;
529
- };
530
- }>> & Readonly<{
531
- onInput?: ((evt: Event, value: string) => any) | undefined;
532
- onClear?: ((evt?: Event | undefined) => any) | undefined;
533
- onBlur?: ((evt: FocusEvent) => any) | undefined;
534
- onChange?: ((value: string) => any) | undefined;
535
- onFocus?: ((evt: FocusEvent) => any) | undefined;
536
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
537
- onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
538
- }>, {
539
- focus: () => void | undefined;
540
- blur: () => void | undefined;
541
- clear: () => void | undefined;
542
- inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
543
- togglePassword: () => void | undefined;
544
- }, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
545
- input: (evt: Event, value: string) => any;
546
- clear: (evt?: Event | undefined) => any;
547
- blur: (evt: FocusEvent) => any;
548
- change: (value: string) => any;
549
- focus: (evt: FocusEvent) => any;
550
- "update:modelValue": (value: string) => any;
551
- pressEnter: (evt: KeyboardEvent) => any;
552
- }, string, {
553
- color: "normal" | "primary" | "success" | "warning" | "danger";
554
- type: "text" | "password";
555
- disabled: boolean;
556
- variant: "solid" | "outline" | "text";
557
- clearable: boolean;
558
- readonly: boolean;
559
- showLength: "auto" | "always" | "never";
560
- inputOnOutlimit: boolean;
561
- showPasswordEvent: "click" | "pointerdown";
562
- autoWidth: boolean;
563
- passwordPlaceholder: string;
564
- onlyNumericInput: boolean;
565
- }, {}, 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> & {
566
- beforeCreate?: (() => void) | (() => void)[];
567
- created?: (() => void) | (() => void)[];
568
- beforeMount?: (() => void) | (() => void)[];
569
- mounted?: (() => void) | (() => void)[];
570
- beforeUpdate?: (() => void) | (() => void)[];
571
- updated?: (() => void) | (() => void)[];
572
- activated?: (() => void) | (() => void)[];
573
- deactivated?: (() => void) | (() => void)[];
574
- beforeDestroy?: (() => void) | (() => void)[];
575
- beforeUnmount?: (() => void) | (() => void)[];
576
- destroyed?: (() => void) | (() => void)[];
577
- unmounted?: (() => void) | (() => void)[];
578
- renderTracked?: ((e: import('../../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
579
- renderTriggered?: ((e: import('../../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
580
- 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)[];
581
- };
582
- $forceUpdate: () => void;
583
- $nextTick: typeof nextTick;
584
- $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;
585
- } & Readonly<{
586
- color: "normal" | "primary" | "success" | "warning" | "danger";
587
- type: "text" | "password";
588
- disabled: boolean;
589
- variant: "solid" | "outline" | "text";
590
- clearable: boolean;
591
- readonly: boolean;
592
- showLength: "auto" | "always" | "never";
593
- inputOnOutlimit: boolean;
594
- showPasswordEvent: "click" | "pointerdown";
595
- autoWidth: boolean;
596
- passwordPlaceholder: string;
597
- onlyNumericInput: boolean;
598
- }> & Omit<Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
599
- size: {
600
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
601
- };
602
- round: {
603
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
604
- };
605
- color: {
606
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
607
- default: string;
608
- };
609
- variant: {
610
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
611
- default: string;
612
- };
613
- modelValue: {
614
- type: (NumberConstructor | StringConstructor)[];
615
- };
616
- defaultValue: {
617
- type: (NumberConstructor | StringConstructor)[];
618
- };
619
- type: {
620
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
621
- default: string;
622
- };
623
- placeholder: {
624
- type: StringConstructor;
625
- };
626
- inputId: {
627
- type: StringConstructor;
628
- };
629
- disabled: {
630
- type: BooleanConstructor;
631
- };
632
- readonly: {
633
- type: BooleanConstructor;
634
- };
635
- clearable: {
636
- type: BooleanConstructor;
637
- };
638
- minLength: {
639
- type: NumberConstructor;
640
- };
641
- maxLength: {
642
- type: NumberConstructor;
643
- };
644
- showLength: {
645
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
646
- default: string;
647
- };
648
- getLength: {
649
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
650
- };
651
- inputOnOutlimit: {
652
- type: BooleanConstructor;
653
- default: boolean;
654
- };
655
- format: {
656
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
657
- };
658
- validate: {
659
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
660
- };
661
- valueOnInvalidChange: {
662
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
663
- };
664
- showPasswordEvent: {
665
- type: import('../../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
666
- default: string;
667
- };
668
- autoWidth: {
669
- type: BooleanConstructor;
670
- };
671
- passwordPlaceholder: {
672
- type: StringConstructor;
673
- default: string;
674
- };
675
- onlyNumericInput: {
676
- type: BooleanConstructor;
677
- };
678
- }>> & Readonly<{
679
- onInput?: ((evt: Event, value: string) => any) | undefined;
680
- onClear?: ((evt?: Event | undefined) => any) | undefined;
681
- onBlur?: ((evt: FocusEvent) => any) | undefined;
682
- onChange?: ((value: string) => any) | undefined;
683
- onFocus?: ((evt: FocusEvent) => any) | undefined;
684
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
685
- onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
686
- }>, "type" | "color" | "variant" | "disabled" | "clear" | "blur" | "focus" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
687
- focus: () => void | undefined;
688
- blur: () => void | undefined;
689
- clear: () => void | undefined;
690
- inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
691
- togglePassword: () => void | undefined;
692
- } & {} & import('../../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
693
- $slots: Readonly<{
694
- default(): any;
695
- prepend(): any;
696
- append(): any;
697
- prefix(): any;
698
- suffix(): any;
699
- }> & {
700
- default(): any;
701
- prepend(): any;
702
- append(): any;
703
- prefix(): any;
704
- suffix(): any;
705
- };
706
- }) | null;
707
- uploadBtnRef: HTMLSpanElement;
708
- fileInputRef: HTMLInputElement;
709
- }, HTMLDivElement>;
710
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
711
- export default _default;
712
- type __VLS_WithTemplateSlots<T, S> = T & {
713
- new (): {
714
- $slots: S;
715
- };
716
- };