@retailcrm/embed-ui-v1-components 0.9.6 → 0.9.7
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/host.d.ts +745 -0
- package/package.json +10 -10
package/dist/host.d.ts
ADDED
|
@@ -0,0 +1,745 @@
|
|
|
1
|
+
import { Alignment } from '@floating-ui/dom';
|
|
2
|
+
import { Component } from 'vue';
|
|
3
|
+
import { ComponentOptionsMixin } from 'vue';
|
|
4
|
+
import { ComponentPropsOptions } from 'vue';
|
|
5
|
+
import { ComponentProvideOptions } from 'vue';
|
|
6
|
+
import { DefineComponent as DefineComponent_2 } from 'vue';
|
|
7
|
+
import { Directive } from 'vue';
|
|
8
|
+
import { EmitsOptions } from 'vue';
|
|
9
|
+
import { EmitsToProps } from 'vue';
|
|
10
|
+
import { ExtractDefaultPropTypes } from 'vue';
|
|
11
|
+
import { ExtractPropTypes } from 'vue';
|
|
12
|
+
import { InjectionKey } from 'vue';
|
|
13
|
+
import { MethodOptions } from 'vue';
|
|
14
|
+
import { Plugin as Plugin_2 } from 'vue';
|
|
15
|
+
import { PropType } from 'vue';
|
|
16
|
+
import { PublicProps } from 'vue';
|
|
17
|
+
import { Ref } from 'vue';
|
|
18
|
+
import { Side } from '@floating-ui/dom';
|
|
19
|
+
import { SlotsType } from 'vue';
|
|
20
|
+
import { Strategy } from '@floating-ui/dom';
|
|
21
|
+
|
|
22
|
+
declare const __VLS_component: DefineComponent_2<ExtractPropTypes< {
|
|
23
|
+
/** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
|
|
24
|
+
id: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: () => string;
|
|
27
|
+
};
|
|
28
|
+
/** Открыто/закрыто */
|
|
29
|
+
opened: {
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
/** Закрываемое. Возможность закрыть модальное окно */
|
|
34
|
+
closable: {
|
|
35
|
+
type: BooleanConstructor;
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
38
|
+
/** Внешний вид: алерт, диалог, popup, hint */
|
|
39
|
+
appearance: {
|
|
40
|
+
type: PropType<APPEARANCE_3>;
|
|
41
|
+
validator: (value: string) => boolean;
|
|
42
|
+
default: APPEARANCE_3;
|
|
43
|
+
};
|
|
44
|
+
/** Время, через которое плавающий элемент удаляется со страницы, если был скрыт */
|
|
45
|
+
disposeTimeout: {
|
|
46
|
+
type: PropType<number | string | null>;
|
|
47
|
+
default: number;
|
|
48
|
+
};
|
|
49
|
+
/** Вывод на весь экран */
|
|
50
|
+
fullscreen: {
|
|
51
|
+
type: BooleanConstructor;
|
|
52
|
+
default: boolean;
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* Резиновое. Размещено в центре страницы. Отступы от любой границы составляет 32 px.
|
|
56
|
+
* Резиновое не может выходить за пределы браузера, так как контент прокручивается внутри него.
|
|
57
|
+
* Шапка и футер у данного типа окна закреплены и не прокручиваются.
|
|
58
|
+
* При достижении ширины 1 680 px окно перестает увеличиваться и фиксируется по центру браузера.
|
|
59
|
+
*/
|
|
60
|
+
responsive: {
|
|
61
|
+
type: BooleanConstructor;
|
|
62
|
+
default: boolean;
|
|
63
|
+
};
|
|
64
|
+
/** Тип прокрутки */
|
|
65
|
+
scrolling: {
|
|
66
|
+
type: PropType<SCROLLING_2>;
|
|
67
|
+
validator: (scrolling: string) => boolean;
|
|
68
|
+
default: SCROLLING_2;
|
|
69
|
+
};
|
|
70
|
+
}>, {
|
|
71
|
+
open(): void;
|
|
72
|
+
close(): void;
|
|
73
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
74
|
+
close: (...args: any[]) => void;
|
|
75
|
+
toggle: (...args: any[]) => void;
|
|
76
|
+
opened: (...args: any[]) => void;
|
|
77
|
+
open: (...args: any[]) => void;
|
|
78
|
+
"close-cancel": (...args: any[]) => void;
|
|
79
|
+
"update:opened": (...args: any[]) => void;
|
|
80
|
+
closed: (...args: any[]) => void;
|
|
81
|
+
"container:scroll:y": (...args: any[]) => void;
|
|
82
|
+
"container:scroll:y:end": (...args: any[]) => void;
|
|
83
|
+
"content:scroll:y:end": (...args: any[]) => void;
|
|
84
|
+
}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
85
|
+
/** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
|
|
86
|
+
id: {
|
|
87
|
+
type: StringConstructor;
|
|
88
|
+
default: () => string;
|
|
89
|
+
};
|
|
90
|
+
/** Открыто/закрыто */
|
|
91
|
+
opened: {
|
|
92
|
+
type: BooleanConstructor;
|
|
93
|
+
default: boolean;
|
|
94
|
+
};
|
|
95
|
+
/** Закрываемое. Возможность закрыть модальное окно */
|
|
96
|
+
closable: {
|
|
97
|
+
type: BooleanConstructor;
|
|
98
|
+
default: boolean;
|
|
99
|
+
};
|
|
100
|
+
/** Внешний вид: алерт, диалог, popup, hint */
|
|
101
|
+
appearance: {
|
|
102
|
+
type: PropType<APPEARANCE_3>;
|
|
103
|
+
validator: (value: string) => boolean;
|
|
104
|
+
default: APPEARANCE_3;
|
|
105
|
+
};
|
|
106
|
+
/** Время, через которое плавающий элемент удаляется со страницы, если был скрыт */
|
|
107
|
+
disposeTimeout: {
|
|
108
|
+
type: PropType<number | string | null>;
|
|
109
|
+
default: number;
|
|
110
|
+
};
|
|
111
|
+
/** Вывод на весь экран */
|
|
112
|
+
fullscreen: {
|
|
113
|
+
type: BooleanConstructor;
|
|
114
|
+
default: boolean;
|
|
115
|
+
};
|
|
116
|
+
/**
|
|
117
|
+
* Резиновое. Размещено в центре страницы. Отступы от любой границы составляет 32 px.
|
|
118
|
+
* Резиновое не может выходить за пределы браузера, так как контент прокручивается внутри него.
|
|
119
|
+
* Шапка и футер у данного типа окна закреплены и не прокручиваются.
|
|
120
|
+
* При достижении ширины 1 680 px окно перестает увеличиваться и фиксируется по центру браузера.
|
|
121
|
+
*/
|
|
122
|
+
responsive: {
|
|
123
|
+
type: BooleanConstructor;
|
|
124
|
+
default: boolean;
|
|
125
|
+
};
|
|
126
|
+
/** Тип прокрутки */
|
|
127
|
+
scrolling: {
|
|
128
|
+
type: PropType<SCROLLING_2>;
|
|
129
|
+
validator: (scrolling: string) => boolean;
|
|
130
|
+
default: SCROLLING_2;
|
|
131
|
+
};
|
|
132
|
+
}>> & Readonly<{
|
|
133
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
134
|
+
onToggle?: ((...args: any[]) => any) | undefined;
|
|
135
|
+
onOpened?: ((...args: any[]) => any) | undefined;
|
|
136
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
137
|
+
"onClose-cancel"?: ((...args: any[]) => any) | undefined;
|
|
138
|
+
"onUpdate:opened"?: ((...args: any[]) => any) | undefined;
|
|
139
|
+
onClosed?: ((...args: any[]) => any) | undefined;
|
|
140
|
+
"onContainer:scroll:y"?: ((...args: any[]) => any) | undefined;
|
|
141
|
+
"onContainer:scroll:y:end"?: ((...args: any[]) => any) | undefined;
|
|
142
|
+
"onContent:scroll:y:end"?: ((...args: any[]) => any) | undefined;
|
|
143
|
+
}>, {
|
|
144
|
+
id: string;
|
|
145
|
+
appearance: APPEARANCE_3;
|
|
146
|
+
disposeTimeout: string | number | null;
|
|
147
|
+
opened: boolean;
|
|
148
|
+
closable: boolean;
|
|
149
|
+
scrolling: SCROLLING_2;
|
|
150
|
+
fullscreen: boolean;
|
|
151
|
+
responsive: boolean;
|
|
152
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
153
|
+
|
|
154
|
+
declare const __VLS_component_2: DefineComponent_2< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
155
|
+
|
|
156
|
+
declare const __VLS_component_3: DefineComponent_2<ExtractPropTypes< {
|
|
157
|
+
size: {
|
|
158
|
+
type: PropType<SIZE_7 | `${SIZE_7}`>;
|
|
159
|
+
default: SIZE_7;
|
|
160
|
+
};
|
|
161
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
162
|
+
size: {
|
|
163
|
+
type: PropType<SIZE_7 | `${SIZE_7}`>;
|
|
164
|
+
default: SIZE_7;
|
|
165
|
+
};
|
|
166
|
+
}>> & Readonly<{}>, {
|
|
167
|
+
size: "sm" | "md" | SIZE_7;
|
|
168
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
169
|
+
|
|
170
|
+
declare function __VLS_template(): {
|
|
171
|
+
attrs: Partial<{}>;
|
|
172
|
+
slots: {
|
|
173
|
+
icon?(_: {
|
|
174
|
+
overlapped: boolean;
|
|
175
|
+
}): any;
|
|
176
|
+
title?(_: {
|
|
177
|
+
overlapped: boolean;
|
|
178
|
+
}): any;
|
|
179
|
+
default?(_: {
|
|
180
|
+
overlapped: boolean;
|
|
181
|
+
}): any;
|
|
182
|
+
default?(_: {
|
|
183
|
+
overlapped: boolean;
|
|
184
|
+
}): any;
|
|
185
|
+
footer?(_: {
|
|
186
|
+
overlapped: boolean;
|
|
187
|
+
}): any;
|
|
188
|
+
footer?(_: {
|
|
189
|
+
overlapped: boolean;
|
|
190
|
+
}): any;
|
|
191
|
+
};
|
|
192
|
+
refs: {};
|
|
193
|
+
rootEl: any;
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
declare function __VLS_template_2(): {
|
|
197
|
+
attrs: Partial<{}>;
|
|
198
|
+
slots: {
|
|
199
|
+
default?(_: {}): any;
|
|
200
|
+
};
|
|
201
|
+
refs: {};
|
|
202
|
+
rootEl: any;
|
|
203
|
+
};
|
|
204
|
+
|
|
205
|
+
declare function __VLS_template_3(): {
|
|
206
|
+
attrs: Partial<{}>;
|
|
207
|
+
slots: {
|
|
208
|
+
default?(_: {}): any;
|
|
209
|
+
};
|
|
210
|
+
refs: {};
|
|
211
|
+
rootEl: any;
|
|
212
|
+
};
|
|
213
|
+
|
|
214
|
+
declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
215
|
+
|
|
216
|
+
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
217
|
+
|
|
218
|
+
declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
|
|
219
|
+
|
|
220
|
+
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
221
|
+
new (): {
|
|
222
|
+
$slots: S;
|
|
223
|
+
};
|
|
224
|
+
};
|
|
225
|
+
|
|
226
|
+
declare type __VLS_WithTemplateSlots_2<T, S> = T & {
|
|
227
|
+
new (): {
|
|
228
|
+
$slots: S;
|
|
229
|
+
};
|
|
230
|
+
};
|
|
231
|
+
|
|
232
|
+
declare type __VLS_WithTemplateSlots_3<T, S> = T & {
|
|
233
|
+
new (): {
|
|
234
|
+
$slots: S;
|
|
235
|
+
};
|
|
236
|
+
};
|
|
237
|
+
|
|
238
|
+
declare type Adaptation = 'flip' | 'shift';
|
|
239
|
+
|
|
240
|
+
declare enum ALIGN {
|
|
241
|
+
LEFT = "left",
|
|
242
|
+
RIGHT = "right"
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
declare enum APPEARANCE {
|
|
246
|
+
OUTLINED = "outlined",
|
|
247
|
+
PRIMARY = "primary",
|
|
248
|
+
SECONDARY = "secondary",
|
|
249
|
+
TERTIARY = "tertiary"
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
declare enum APPEARANCE_2 {
|
|
253
|
+
BREADCRUMBS = "breadcrumbs",
|
|
254
|
+
DEFAULT = "default",
|
|
255
|
+
NAVIGATION = "navigation",
|
|
256
|
+
NAVIGATION_ANCHOR = "navigation-anchor",
|
|
257
|
+
TITLE = "title"
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
declare enum APPEARANCE_3 {
|
|
261
|
+
ALERT = "alert",
|
|
262
|
+
DIALOG = "dialog",
|
|
263
|
+
POPUP = "popup",
|
|
264
|
+
HINT = "hint"
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
declare type DefineComponent<PropsOrPropOptions = object, M extends MethodOptions = MethodOptions, E extends EmitsOptions = EmitsOptions, EE extends string = string, PP = PublicProps, Props = ResolveProps<PropsOrPropOptions, E>, Defaults = ExtractDefaultPropTypes<PropsOrPropOptions>, S extends SlotsType = SlotsType, LC extends Record<string, Component> = Record<string, Component>, Directives extends Record<string, Directive> = Record<string, Directive>, Exposed extends string = string, Provide extends ComponentProvideOptions = ComponentProvideOptions, MakeDefaultsOptional extends boolean = true, TypeRefs extends Record<string, unknown> = Record<string, unknown>, TypeEl extends Element = Element> = DefineComponent_2<PropsOrPropOptions, Record<string, never>, Record<string, never>, Record<string, never>, M, ComponentOptionsMixin, ComponentOptionsMixin, E, EE, PP, Props, Defaults, S, LC, Directives, Exposed, Provide, MakeDefaultsOptional, TypeRefs, TypeEl>;
|
|
268
|
+
|
|
269
|
+
declare type Delay = {
|
|
270
|
+
show?: number;
|
|
271
|
+
hide?: number;
|
|
272
|
+
};
|
|
273
|
+
|
|
274
|
+
declare type Dimensions = `${number}x${number}` | `${number}x-` | `-x${number}`;
|
|
275
|
+
|
|
276
|
+
declare enum DIRECTION {
|
|
277
|
+
LEFT = "left",
|
|
278
|
+
RIGHT = "right"
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
declare type FloatingOptions = {
|
|
282
|
+
placement?: PlacementLiteral | PlacementOptions;
|
|
283
|
+
offsetMainAxis?: number | string;
|
|
284
|
+
offsetCrossAxis?: number | string;
|
|
285
|
+
strategy?: Strategy;
|
|
286
|
+
};
|
|
287
|
+
|
|
288
|
+
export declare const I18nPlugin: Plugin_2;
|
|
289
|
+
|
|
290
|
+
export declare const ImageWorkersKey: InjectionKey<Ref<string[]>>;
|
|
291
|
+
|
|
292
|
+
declare enum INPUTMODE {
|
|
293
|
+
DECIMAL = "decimal",
|
|
294
|
+
EMAIL = "email",
|
|
295
|
+
NONE = "none",
|
|
296
|
+
NUMERIC = "numeric",
|
|
297
|
+
SEARCH = "search",
|
|
298
|
+
TEL = "tel",
|
|
299
|
+
TEXT = "text",
|
|
300
|
+
URL = "url"
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
declare type Locale = 'en-GB' | 'es-ES' | 'ru-RU';
|
|
304
|
+
|
|
305
|
+
declare type Locale_2 = 'en-GB' | 'es-ES' | 'ru-RU';
|
|
306
|
+
|
|
307
|
+
export declare const ModalPlugin: Plugin_2;
|
|
308
|
+
|
|
309
|
+
declare type Numeric = number | string;
|
|
310
|
+
|
|
311
|
+
declare type PlacementLiteral = `${Side}-${Alignment}` | Side;
|
|
312
|
+
|
|
313
|
+
declare type PlacementOptions = {
|
|
314
|
+
side: Side;
|
|
315
|
+
alignment?: Alignment | 'center';
|
|
316
|
+
adaptation?: Adaptation[];
|
|
317
|
+
};
|
|
318
|
+
|
|
319
|
+
declare type Primitive = boolean | number | string | null | undefined;
|
|
320
|
+
|
|
321
|
+
declare type ResolveProps<PropsOrPropOptions, E extends EmitsOptions> = Readonly<PropsOrPropOptions extends ComponentPropsOptions ? ExtractPropTypes<PropsOrPropOptions> : PropsOrPropOptions> & (Record<string, never> extends E ? Record<string, never> : EmitsToProps<E>);
|
|
322
|
+
|
|
323
|
+
declare enum SCROLLING {
|
|
324
|
+
NORMAL = "normal",
|
|
325
|
+
NATIVE = "native",
|
|
326
|
+
NONE = "none"
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
declare enum SCROLLING_2 {
|
|
330
|
+
NORMAL = "normal",
|
|
331
|
+
NATIVE = "native"
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
declare type ShowingOptions = {
|
|
335
|
+
shown?: boolean;
|
|
336
|
+
targetTriggers?: Trigger[] | TriggerSchema;
|
|
337
|
+
popperTriggers?: Trigger[] | TriggerSchema;
|
|
338
|
+
globalTriggers?: Array<'miss-click' | 'reference-hidden'>;
|
|
339
|
+
delay?: Numeric | Delay;
|
|
340
|
+
disposeTimeout?: Numeric | null;
|
|
341
|
+
disabled?: boolean;
|
|
342
|
+
container?: string | null;
|
|
343
|
+
};
|
|
344
|
+
|
|
345
|
+
declare enum SIZE {
|
|
346
|
+
XS = "xs",
|
|
347
|
+
SM = "sm",
|
|
348
|
+
LG = "lg"
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
declare enum SIZE_2 {
|
|
352
|
+
LG = "lg",
|
|
353
|
+
MD = "md",
|
|
354
|
+
SM = "sm",
|
|
355
|
+
XS = "xs"
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
declare enum SIZE_3 {
|
|
359
|
+
ARTICLE = "article",
|
|
360
|
+
BODY = "body",
|
|
361
|
+
PARAGRAPH = "paragraph",
|
|
362
|
+
SMALL = "small",
|
|
363
|
+
TINY = "tiny",
|
|
364
|
+
TITLE01 = "title-01",
|
|
365
|
+
TITLE02 = "title-02"
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
declare enum SIZE_4 {
|
|
369
|
+
LG = "lg",
|
|
370
|
+
SM = "sm"
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
declare enum SIZE_5 {
|
|
374
|
+
LG = "lg",
|
|
375
|
+
MD = "md",
|
|
376
|
+
SM = "sm",
|
|
377
|
+
XS = "xs"
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
declare enum SIZE_6 {
|
|
381
|
+
XS = "xs",
|
|
382
|
+
SM = "sm",
|
|
383
|
+
MD = "md",
|
|
384
|
+
LG = "lg",
|
|
385
|
+
XL = "xl"
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
declare enum SIZE_7 {
|
|
389
|
+
SM = "sm",
|
|
390
|
+
MD = "md"
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
declare enum STATUS {
|
|
394
|
+
NONE = "",
|
|
395
|
+
BUSY = "busy",
|
|
396
|
+
BREAK = "break",
|
|
397
|
+
DINNER = "dinner",
|
|
398
|
+
FREE = "free"
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
declare type TooltipOptions = Omit<UiPopperProperties, 'target' | 'targetTriggers' | 'popperTriggers' | 'globalTriggers'>;
|
|
402
|
+
|
|
403
|
+
declare type Trigger<T extends string = never> = 'hover' | 'focus' | 'click' | 'touch' | T;
|
|
404
|
+
|
|
405
|
+
declare type TriggerSchema<S extends string = never, H extends string = never> = {
|
|
406
|
+
show?: Trigger<S>[];
|
|
407
|
+
hide?: Trigger<H>[];
|
|
408
|
+
};
|
|
409
|
+
|
|
410
|
+
declare enum TYPE {
|
|
411
|
+
EMAIL = "email",
|
|
412
|
+
PASSWORD = "password",
|
|
413
|
+
PHONE = "tel",
|
|
414
|
+
SEARCH = "search",
|
|
415
|
+
TEXT = "text",
|
|
416
|
+
URL = "url"
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
export declare const UiAvatar: DefineComponent<
|
|
420
|
+
UiAvatarProperties
|
|
421
|
+
>;
|
|
422
|
+
|
|
423
|
+
export declare const UiAvatarList: DefineComponent<
|
|
424
|
+
UiAvatarListProperties
|
|
425
|
+
>;
|
|
426
|
+
|
|
427
|
+
declare type UiAvatarListProperties = {
|
|
428
|
+
avatars?: Array<{
|
|
429
|
+
src: string;
|
|
430
|
+
name: string;
|
|
431
|
+
}>;
|
|
432
|
+
size?: SIZE;
|
|
433
|
+
};
|
|
434
|
+
|
|
435
|
+
declare type UiAvatarProperties = {
|
|
436
|
+
src?: string;
|
|
437
|
+
name?: string;
|
|
438
|
+
href?: string;
|
|
439
|
+
status?: STATUS;
|
|
440
|
+
vip?: boolean;
|
|
441
|
+
bad?: boolean;
|
|
442
|
+
size?: SIZE;
|
|
443
|
+
optimize?: boolean | {
|
|
444
|
+
resize?: Dimensions;
|
|
445
|
+
crop?: Dimensions;
|
|
446
|
+
};
|
|
447
|
+
};
|
|
448
|
+
|
|
449
|
+
export declare const UiButton: DefineComponent<
|
|
450
|
+
UiButtonProperties,
|
|
451
|
+
UiButtonMethods
|
|
452
|
+
>;
|
|
453
|
+
|
|
454
|
+
declare type UiButtonMethods = {
|
|
455
|
+
click(): void;
|
|
456
|
+
focus(): void;
|
|
457
|
+
blur(): void;
|
|
458
|
+
};
|
|
459
|
+
|
|
460
|
+
declare type UiButtonProperties = {
|
|
461
|
+
type?: HTMLButtonElement['type'];
|
|
462
|
+
href?: HTMLAnchorElement['href'] | undefined;
|
|
463
|
+
appearance?: APPEARANCE | `${APPEARANCE}`;
|
|
464
|
+
variant?: VARIANT | `${VARIANT}`;
|
|
465
|
+
size?: SIZE_2 | `${SIZE_2}`;
|
|
466
|
+
active?: boolean;
|
|
467
|
+
disabled?: boolean;
|
|
468
|
+
locked?: boolean;
|
|
469
|
+
};
|
|
470
|
+
|
|
471
|
+
export declare const UiCheckbox: DefineComponent<UiCheckboxProperties, UiCheckboxMethods>;
|
|
472
|
+
|
|
473
|
+
declare type UiCheckboxMethods = {
|
|
474
|
+
click(): void;
|
|
475
|
+
focus(): void;
|
|
476
|
+
blur(): void;
|
|
477
|
+
};
|
|
478
|
+
|
|
479
|
+
declare type UiCheckboxProperties = {
|
|
480
|
+
id?: string | undefined;
|
|
481
|
+
name?: string;
|
|
482
|
+
model?: Primitive | Primitive[];
|
|
483
|
+
value?: Primitive;
|
|
484
|
+
indeterminate?: boolean;
|
|
485
|
+
valueOfTruthy?: Primitive;
|
|
486
|
+
valueOfFalsy?: Primitive;
|
|
487
|
+
small?: boolean;
|
|
488
|
+
disabled?: boolean;
|
|
489
|
+
};
|
|
490
|
+
|
|
491
|
+
export declare const UiCopyButton: DefineComponent<UiCopyButtonProperties>;
|
|
492
|
+
|
|
493
|
+
declare type UiCopyButtonProperties = {
|
|
494
|
+
text: string;
|
|
495
|
+
size: SIZE_2;
|
|
496
|
+
tooltipOptions?: TooltipOptions;
|
|
497
|
+
};
|
|
498
|
+
|
|
499
|
+
export declare const UiDate: DefineComponent<
|
|
500
|
+
UiDateProperties
|
|
501
|
+
>;
|
|
502
|
+
|
|
503
|
+
declare type UiDateProperties = {
|
|
504
|
+
date: Date | string;
|
|
505
|
+
withTime: boolean;
|
|
506
|
+
locale?: Locale;
|
|
507
|
+
};
|
|
508
|
+
|
|
509
|
+
export declare const UiError: DefineComponent<UiErrorProperties>;
|
|
510
|
+
|
|
511
|
+
declare type UiErrorProperties = {
|
|
512
|
+
message: string;
|
|
513
|
+
align?: ALIGN | `${ALIGN}`;
|
|
514
|
+
ellipsis?: boolean;
|
|
515
|
+
};
|
|
516
|
+
|
|
517
|
+
export declare const UiImage: DefineComponent<
|
|
518
|
+
UiImageProperties
|
|
519
|
+
>;
|
|
520
|
+
|
|
521
|
+
declare type UiImageProperties = {
|
|
522
|
+
/** Alternative text for HTMLImageElement */
|
|
523
|
+
alt?: string;
|
|
524
|
+
/** Source for HTMLImageElement */
|
|
525
|
+
src?: string;
|
|
526
|
+
resize?: Dimensions | undefined;
|
|
527
|
+
crop?: Dimensions | undefined;
|
|
528
|
+
};
|
|
529
|
+
|
|
530
|
+
export declare const UiLink: DefineComponent<UiLinkProperties>;
|
|
531
|
+
|
|
532
|
+
declare type UiLinkProperties = {
|
|
533
|
+
href?: string;
|
|
534
|
+
external?: boolean;
|
|
535
|
+
appearance?: APPEARANCE_2 | `${APPEARANCE_2}`;
|
|
536
|
+
size?: SIZE_3 | `${SIZE_3}`;
|
|
537
|
+
light?: boolean;
|
|
538
|
+
accent?: boolean;
|
|
539
|
+
dotted?: boolean;
|
|
540
|
+
ellipsis?: boolean;
|
|
541
|
+
};
|
|
542
|
+
|
|
543
|
+
export declare const UiLoader: DefineComponent<UiLoaderProperties>;
|
|
544
|
+
|
|
545
|
+
declare type UiLoaderProperties = {
|
|
546
|
+
diameter?: Numeric;
|
|
547
|
+
thickness?: Numeric;
|
|
548
|
+
transition?: string | null;
|
|
549
|
+
fixed?: boolean;
|
|
550
|
+
overlay?: boolean;
|
|
551
|
+
};
|
|
552
|
+
|
|
553
|
+
export declare const UiModalSidebar: DefineComponent<UiModalSidebarProperties>;
|
|
554
|
+
|
|
555
|
+
declare type UiModalSidebarProperties = {
|
|
556
|
+
id?: string;
|
|
557
|
+
opened?: boolean;
|
|
558
|
+
closable?: boolean;
|
|
559
|
+
direction?: DIRECTION | `${DIRECTION}`;
|
|
560
|
+
disposeTimeout?: number | string | null;
|
|
561
|
+
fixed?: boolean;
|
|
562
|
+
scrolling?: SCROLLING | `${SCROLLING}`;
|
|
563
|
+
size?: SIZE_4 | `${SIZE_4}`;
|
|
564
|
+
};
|
|
565
|
+
|
|
566
|
+
export declare const UiModalWindow: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
567
|
+
|
|
568
|
+
export declare const UiModalWindowSurface: DefineComponent<
|
|
569
|
+
UiModalWindowSurfaceProperties,
|
|
570
|
+
UiModalWindowSurfaceMethods
|
|
571
|
+
>;
|
|
572
|
+
|
|
573
|
+
declare type UiModalWindowSurfaceMethods = {
|
|
574
|
+
open(): void;
|
|
575
|
+
close(): void;
|
|
576
|
+
};
|
|
577
|
+
|
|
578
|
+
declare type UiModalWindowSurfaceProperties = {
|
|
579
|
+
id?: string;
|
|
580
|
+
opened?: boolean;
|
|
581
|
+
closable?: boolean;
|
|
582
|
+
appearance?: APPEARANCE_3 | `${APPEARANCE_3}`;
|
|
583
|
+
fullscreen?: boolean;
|
|
584
|
+
responsive?: boolean;
|
|
585
|
+
disposeTimeout?: number | string | null;
|
|
586
|
+
scrolling?: SCROLLING_2 | `${SCROLLING_2}`;
|
|
587
|
+
};
|
|
588
|
+
|
|
589
|
+
export declare const UiPopper: DefineComponent<
|
|
590
|
+
UiPopperProperties & { target: Ref<HTMLElement | null> },
|
|
591
|
+
UiPopperMethods
|
|
592
|
+
>;
|
|
593
|
+
|
|
594
|
+
export declare const UiPopperConnector: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
595
|
+
|
|
596
|
+
declare type UiPopperMethods = {
|
|
597
|
+
adjust(): Promise<void>;
|
|
598
|
+
dispose(): void;
|
|
599
|
+
show(immediately?: boolean): void;
|
|
600
|
+
hide(immediately?: boolean, reason?: ('generic' | 'by-miss-click')): void;
|
|
601
|
+
};
|
|
602
|
+
|
|
603
|
+
declare type UiPopperProperties = FloatingOptions & ShowingOptions & {
|
|
604
|
+
withArrow?: boolean;
|
|
605
|
+
};
|
|
606
|
+
|
|
607
|
+
export declare const UiPopperTarget: DefineComponent<{ tag?: string }>;
|
|
608
|
+
|
|
609
|
+
export declare const UiRadio: DefineComponent<UiRadioProperties, UiRadioMethods>;
|
|
610
|
+
|
|
611
|
+
declare type UiRadioMethods = {
|
|
612
|
+
click(): void;
|
|
613
|
+
focus(): void;
|
|
614
|
+
blur(): void;
|
|
615
|
+
};
|
|
616
|
+
|
|
617
|
+
declare type UiRadioProperties = {
|
|
618
|
+
id?: string | undefined;
|
|
619
|
+
name?: string;
|
|
620
|
+
model?: Primitive | Primitive[];
|
|
621
|
+
value?: Primitive;
|
|
622
|
+
disabled?: boolean;
|
|
623
|
+
};
|
|
624
|
+
|
|
625
|
+
export declare const UiScrollBox: DefineComponent<
|
|
626
|
+
UiScrollBoxProperties,
|
|
627
|
+
UiScrollBoxMethods
|
|
628
|
+
>;
|
|
629
|
+
|
|
630
|
+
declare type UiScrollBoxMethods = {
|
|
631
|
+
scroll(y: number): void;
|
|
632
|
+
update(): void;
|
|
633
|
+
};
|
|
634
|
+
|
|
635
|
+
declare type UiScrollBoxProperties = {
|
|
636
|
+
tag?: string;
|
|
637
|
+
native?: boolean;
|
|
638
|
+
showOnHover?: boolean;
|
|
639
|
+
showOnMac?: boolean;
|
|
640
|
+
};
|
|
641
|
+
|
|
642
|
+
export declare const UiTag: DefineComponent<UiTagProperties>;
|
|
643
|
+
|
|
644
|
+
declare type UiTagProperties = {
|
|
645
|
+
size?: SIZE_5 | `${SIZE_5}`;
|
|
646
|
+
pinned?: boolean;
|
|
647
|
+
removable?: boolean;
|
|
648
|
+
interactive?: boolean;
|
|
649
|
+
saturated?: boolean;
|
|
650
|
+
background?: string;
|
|
651
|
+
ticker?: boolean;
|
|
652
|
+
};
|
|
653
|
+
|
|
654
|
+
export declare const UiTextbox: DefineComponent<
|
|
655
|
+
UiTextboxProperties,
|
|
656
|
+
UiTextboxMethods
|
|
657
|
+
>;
|
|
658
|
+
|
|
659
|
+
declare type UiTextboxMethods = {
|
|
660
|
+
getSelectionStart(): number | null;
|
|
661
|
+
getSelectionEnd(): number | null;
|
|
662
|
+
setSelectionRange(start: number, end: number): void;
|
|
663
|
+
focus(): void;
|
|
664
|
+
blur(): void;
|
|
665
|
+
select(): void;
|
|
666
|
+
insert(value: string): Promise<void>;
|
|
667
|
+
clear(): void;
|
|
668
|
+
};
|
|
669
|
+
|
|
670
|
+
declare type UiTextboxProperties = {
|
|
671
|
+
id?: string;
|
|
672
|
+
type?: TYPE | `${TYPE}`;
|
|
673
|
+
value?: string | number | null;
|
|
674
|
+
max?: number | `${number}`;
|
|
675
|
+
min?: number | `${number}`;
|
|
676
|
+
step?: number | `${number}` | 'any';
|
|
677
|
+
required?: boolean;
|
|
678
|
+
autocomplete?: 'on' | 'off';
|
|
679
|
+
inputmode?: INPUTMODE | `${INPUTMODE}`;
|
|
680
|
+
maxlength?: number | string;
|
|
681
|
+
/** Максимальное количество знаков после запятой (для inputmode="decimal"). '*' — без ограничений */
|
|
682
|
+
decimals?: number | `${number}` | '*';
|
|
683
|
+
size?: SIZE_6 | `${SIZE_6}`;
|
|
684
|
+
placeholder?: string;
|
|
685
|
+
prefix?: string;
|
|
686
|
+
suffix?: string;
|
|
687
|
+
active?: boolean;
|
|
688
|
+
autofocus?: boolean;
|
|
689
|
+
autoselect?: boolean;
|
|
690
|
+
clearable?: boolean;
|
|
691
|
+
readonly?: boolean;
|
|
692
|
+
disabled?: boolean;
|
|
693
|
+
invalid?: boolean;
|
|
694
|
+
multiline?: boolean;
|
|
695
|
+
rows?: number | `${number}`;
|
|
696
|
+
cols?: number | `${number}`;
|
|
697
|
+
outlined?: boolean;
|
|
698
|
+
};
|
|
699
|
+
|
|
700
|
+
export declare const UiToolbar: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
|
|
701
|
+
|
|
702
|
+
export declare const UiToolbarButton: DefineComponent<
|
|
703
|
+
UiToolbarButtonProperties,
|
|
704
|
+
UiButtonMethods
|
|
705
|
+
>;
|
|
706
|
+
|
|
707
|
+
declare type UiToolbarButtonProperties = Omit<UiButtonProperties, 'appearance' | 'size' | 'type'>;
|
|
708
|
+
|
|
709
|
+
export declare const UiToolbarLink: DefineComponent<UiToolbarLinkProperties>;
|
|
710
|
+
|
|
711
|
+
declare type UiToolbarLinkProperties = Omit<UiLinkProperties, 'size'>;
|
|
712
|
+
|
|
713
|
+
export declare const UiTooltip: DefineComponent<
|
|
714
|
+
UiPopperProperties & { target: Ref<HTMLElement | null> },
|
|
715
|
+
UiPopperMethods
|
|
716
|
+
>;
|
|
717
|
+
|
|
718
|
+
export declare const UiTransition: DefineComponent<UiTransitionProps>;
|
|
719
|
+
|
|
720
|
+
declare type UiTransitionProps = {
|
|
721
|
+
name?: string;
|
|
722
|
+
appear?: boolean;
|
|
723
|
+
};
|
|
724
|
+
|
|
725
|
+
export declare const UiYandexMap: DefineComponent<UiYandexMapProperties>;
|
|
726
|
+
|
|
727
|
+
declare type UiYandexMapProperties = {
|
|
728
|
+
apiKey: string;
|
|
729
|
+
address?: string;
|
|
730
|
+
};
|
|
731
|
+
|
|
732
|
+
declare enum VARIANT {
|
|
733
|
+
DEFAULT = "default",
|
|
734
|
+
SUCCESS = "success",
|
|
735
|
+
DANGER = "danger"
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
export declare class VueI18n {
|
|
739
|
+
private _state;
|
|
740
|
+
constructor(locale?: Locale_2 | undefined);
|
|
741
|
+
get locale(): Locale_2 | undefined;
|
|
742
|
+
set locale(locale: Locale_2 | undefined);
|
|
743
|
+
}
|
|
744
|
+
|
|
745
|
+
export { }
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@retailcrm/embed-ui-v1-components",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.9.
|
|
4
|
+
"version": "0.9.7",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "RetailDriverLLC <integration@retailcrm.ru>",
|
|
7
7
|
"repository": "git@github.com:retailcrm/embed-ui.git",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"scripts": {
|
|
47
47
|
"build": "yarn build:host && yarn build:remote",
|
|
48
48
|
"build:host": "vite build -c ./vite.config.host.ts",
|
|
49
|
-
"build:remote": "vite build -c ./vite.config.remote.ts",
|
|
49
|
+
"build:remote": "vite build -c ./vite.config.remote.ts && sh -c 'cp dist/remote/* dist/ && rm -rf dist/remote'",
|
|
50
50
|
"storybook:build": "storybook build -c storybook -o ./storybook/dist",
|
|
51
51
|
"storybook:serve": "storybook dev -c storybook -p 6006 --no-open"
|
|
52
52
|
},
|
|
@@ -62,13 +62,13 @@
|
|
|
62
62
|
"vue3-perfect-scrollbar": "^1.6.0"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@storybook/addon-a11y": "^10.1.
|
|
66
|
-
"@storybook/addon-docs": "^10.1.
|
|
67
|
-
"@storybook/addon-links": "^10.1.
|
|
68
|
-
"@storybook/addon-themes": "^10.1.
|
|
69
|
-
"@storybook/builder-vite": "^10.1.
|
|
70
|
-
"@storybook/vue3": "^10.1.
|
|
71
|
-
"@storybook/vue3-vite": "^10.1.
|
|
65
|
+
"@storybook/addon-a11y": "^10.1.11",
|
|
66
|
+
"@storybook/addon-docs": "^10.1.11",
|
|
67
|
+
"@storybook/addon-links": "^10.1.11",
|
|
68
|
+
"@storybook/addon-themes": "^10.1.11",
|
|
69
|
+
"@storybook/builder-vite": "^10.1.11",
|
|
70
|
+
"@storybook/vue3": "^10.1.11",
|
|
71
|
+
"@storybook/vue3-vite": "^10.1.11",
|
|
72
72
|
"@types/lodash.isequal": "^4.5.8",
|
|
73
73
|
"@vitejs/plugin-vue": "^6.0.2",
|
|
74
74
|
"@vue/compiler-sfc": "^3.5.25",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"react": "^18.3.1",
|
|
79
79
|
"react-dom": "^18.3.1",
|
|
80
80
|
"remark-gfm": "^4.0.0",
|
|
81
|
-
"storybook": "^10.1.
|
|
81
|
+
"storybook": "^10.1.11",
|
|
82
82
|
"tsx": "^4.21.0",
|
|
83
83
|
"typescript": "^5.9.3",
|
|
84
84
|
"uuid": "^13.0.0",
|