@webx-ui/core 0.2.0 → 0.3.1
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/components/Action/Action.d.ts +35 -0
- package/dist/components/Action/index.d.ts +2 -0
- package/dist/components/Action/types.d.ts +37 -0
- package/dist/components/Actions/Actions.d.ts +45 -0
- package/dist/components/Actions/index.d.ts +2 -0
- package/dist/components/Actions/types.d.ts +20 -0
- package/dist/components/Autocomplete/Autocomplete.d.ts +60 -0
- package/dist/components/Autocomplete/index.d.ts +2 -0
- package/dist/components/Autocomplete/types.d.ts +58 -0
- package/dist/components/Badge/Badge.d.ts +31 -0
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Badge/types.d.ts +21 -0
- package/dist/components/Button/Button.d.ts +5 -5
- package/dist/components/Button/types.d.ts +3 -2
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +26 -0
- package/dist/components/ButtonGroup/index.d.ts +2 -0
- package/dist/components/ButtonGroup/types.d.ts +20 -0
- package/dist/components/Cascader/Cascader.d.ts +62 -0
- package/dist/components/Cascader/index.d.ts +2 -0
- package/dist/components/Cascader/types.d.ts +55 -0
- package/dist/components/Checkbox/Checkbox.d.ts +3 -3
- package/dist/components/ColorPicker/ColorPicker.d.ts +5 -5
- package/dist/components/Countdown/Countdown.d.ts +42 -0
- package/dist/components/Countdown/format.d.ts +12 -0
- package/dist/components/Countdown/index.d.ts +3 -0
- package/dist/components/Countdown/types.d.ts +27 -0
- package/dist/components/DatePicker/DatePicker.d.ts +13 -13
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +12 -12
- package/dist/components/DateTimePicker/DateTimePicker.d.ts +6 -6
- package/dist/components/Dropdown/Dropdown.d.ts +46 -0
- package/dist/components/Dropdown/index.d.ts +2 -0
- package/dist/components/Dropdown/types.d.ts +28 -0
- package/dist/components/DropdownItem/DropdownItem.d.ts +32 -0
- package/dist/components/DropdownItem/index.d.ts +2 -0
- package/dist/components/DropdownItem/types.d.ts +20 -0
- package/dist/components/EntityCard/EntityCard.d.ts +40 -0
- package/dist/components/EntityCard/index.d.ts +2 -0
- package/dist/components/EntityCard/types.d.ts +37 -0
- package/dist/components/FormItem/FormItem.d.ts +2 -2
- package/dist/components/Heading/Heading.d.ts +24 -0
- package/dist/components/Heading/index.d.ts +2 -0
- package/dist/components/Heading/types.d.ts +16 -0
- package/dist/components/Icon/Icon.d.ts +8 -0
- package/dist/components/Icon/icons.d.ts +85 -0
- package/dist/components/Icon/index.d.ts +4 -0
- package/dist/components/Icon/types.d.ts +25 -0
- package/dist/components/Indicator/Indicator.d.ts +29 -0
- package/dist/components/Indicator/index.d.ts +2 -0
- package/dist/components/Indicator/types.d.ts +21 -0
- package/dist/components/Input/Input.d.ts +6 -6
- package/dist/components/InputNumber/InputNumber.d.ts +3 -3
- package/dist/components/Link/Link.d.ts +34 -0
- package/dist/components/Link/index.d.ts +2 -0
- package/dist/components/Link/types.d.ts +26 -0
- package/dist/components/Prose/Prose.d.ts +22 -0
- package/dist/components/Prose/index.d.ts +2 -0
- package/dist/components/Prose/types.d.ts +13 -0
- package/dist/components/Radio/Radio.d.ts +2 -2
- package/dist/components/Rate/Rate.d.ts +2 -2
- package/dist/components/RichText/RichText.d.ts +4 -4
- package/dist/components/RichText/ToolbarButton.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +10 -10
- package/dist/components/Slider/Slider.d.ts +1 -1
- package/dist/components/Statistic/Statistic.d.ts +34 -0
- package/dist/components/Statistic/index.d.ts +2 -0
- package/dist/components/Statistic/types.d.ts +24 -0
- package/dist/components/Switch/Switch.d.ts +2 -2
- package/dist/components/Table/Table.d.ts +50 -4
- package/dist/components/TagsInput/TagsInput.d.ts +4 -4
- package/dist/components/Text/Text.d.ts +27 -0
- package/dist/components/Text/index.d.ts +2 -0
- package/dist/components/Text/types.d.ts +21 -0
- package/dist/components/Textarea/Textarea.d.ts +3 -3
- package/dist/components/TimePicker/TimePicker.d.ts +6 -6
- package/dist/components/Timeline/Timeline.d.ts +20 -0
- package/dist/components/Timeline/index.d.ts +2 -0
- package/dist/components/Timeline/types.d.ts +6 -0
- package/dist/components/TimelineItem/TimelineItem.d.ts +29 -0
- package/dist/components/TimelineItem/index.d.ts +2 -0
- package/dist/components/TimelineItem/types.d.ts +21 -0
- package/dist/components/index.d.ts +19 -0
- package/dist/composables/useActions.d.ts +8 -0
- package/dist/composables/useButtonGroup.d.ts +15 -0
- package/dist/composables/useDropdown.d.ts +9 -0
- package/dist/composables/useTimeline.d.ts +8 -0
- package/dist/index.js +3226 -1602
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -22,28 +22,28 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
22
22
|
input: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
|
|
23
23
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
24
24
|
input: (value: string) => any;
|
|
25
|
+
clear: () => any;
|
|
25
26
|
change: (value: string) => any;
|
|
26
27
|
"update:modelValue": (value: InputModelValue) => any;
|
|
27
|
-
clear: () => any;
|
|
28
28
|
blur: (event: FocusEvent) => any;
|
|
29
29
|
focus: (event: FocusEvent) => any;
|
|
30
30
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
31
31
|
onInput?: ((value: string) => any) | undefined;
|
|
32
|
+
onClear?: (() => any) | undefined;
|
|
32
33
|
onChange?: ((value: string) => any) | undefined;
|
|
33
34
|
"onUpdate:modelValue"?: ((value: InputModelValue) => any) | undefined;
|
|
34
|
-
onClear?: (() => any) | undefined;
|
|
35
35
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
36
36
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
37
37
|
}>, {
|
|
38
|
-
type: import('./types').InputNativeType;
|
|
39
38
|
size: import('./types').InputSize;
|
|
39
|
+
type: import('./types').InputNativeType;
|
|
40
40
|
disabled: boolean;
|
|
41
|
-
|
|
41
|
+
placeholder: string;
|
|
42
42
|
ariaLabel: string;
|
|
43
43
|
clearable: boolean;
|
|
44
|
-
placeholder: string;
|
|
45
|
-
readonly: boolean;
|
|
46
44
|
status: import('./types').InputStatus;
|
|
45
|
+
id: string;
|
|
46
|
+
readonly: boolean;
|
|
47
47
|
autocomplete: string;
|
|
48
48
|
maxlength: number;
|
|
49
49
|
showCount: boolean;
|
|
@@ -23,13 +23,13 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
23
23
|
name: string;
|
|
24
24
|
size: import('../..').ControlSize;
|
|
25
25
|
disabled: boolean;
|
|
26
|
-
|
|
26
|
+
placeholder: string;
|
|
27
27
|
ariaLabel: string;
|
|
28
|
+
status: import('../..').ControlStatus;
|
|
29
|
+
id: string;
|
|
28
30
|
min: number;
|
|
29
31
|
max: number;
|
|
30
|
-
placeholder: string;
|
|
31
32
|
readonly: boolean;
|
|
32
|
-
status: import('../..').ControlStatus;
|
|
33
33
|
step: number;
|
|
34
34
|
precision: number;
|
|
35
35
|
controls: boolean;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { LinkProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
icon?(_: {}): any;
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: any;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<LinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
click: (event: MouseEvent) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<LinkProps> & Readonly<{
|
|
15
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
size: import('..').TextSize;
|
|
18
|
+
type: import('./types').LinkType;
|
|
19
|
+
href: string;
|
|
20
|
+
target: string;
|
|
21
|
+
as: string | import('vue').Component;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
rel: string;
|
|
24
|
+
underline: import('./types').LinkUnderline;
|
|
25
|
+
weight: import('..').TextWeight;
|
|
26
|
+
external: boolean;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { TextSize, TextWeight } from '../Text/types';
|
|
3
|
+
export type LinkType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'muted';
|
|
4
|
+
export type LinkUnderline = 'hover' | 'always' | 'never';
|
|
5
|
+
export interface LinkProps {
|
|
6
|
+
href?: string;
|
|
7
|
+
target?: string;
|
|
8
|
+
rel?: string;
|
|
9
|
+
/** Colour role. `default` is the link colour from the tokens. */
|
|
10
|
+
type?: LinkType;
|
|
11
|
+
/** When the underline shows. */
|
|
12
|
+
underline?: LinkUnderline;
|
|
13
|
+
size?: TextSize;
|
|
14
|
+
weight?: TextWeight;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Marks the link as leaving the app: opens in a new tab with a safe `rel`, and
|
|
18
|
+
* appends a small arrow icon.
|
|
19
|
+
*/
|
|
20
|
+
external?: boolean;
|
|
21
|
+
/** Renders through another component — `RouterLink`, say, with `to` in the attrs. */
|
|
22
|
+
as?: string | Component;
|
|
23
|
+
}
|
|
24
|
+
export interface LinkEmits {
|
|
25
|
+
click: [event: MouseEvent];
|
|
26
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ProseProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<ProseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProseProps> & Readonly<{}>, {
|
|
12
|
+
size: import('./types').ProseSize;
|
|
13
|
+
html: string;
|
|
14
|
+
as: string;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type ProseSize = 'sm' | 'md' | 'lg';
|
|
2
|
+
export interface ProseProps {
|
|
3
|
+
/**
|
|
4
|
+
* HTML to render — the output of the rich-text editor, a CMS field, a Markdown
|
|
5
|
+
* renderer. It is injected as-is, so pass only markup you have sanitised on the
|
|
6
|
+
* server; use the default slot for anything you assemble in the template.
|
|
7
|
+
*/
|
|
8
|
+
html?: string;
|
|
9
|
+
/** Text scale of the whole block. */
|
|
10
|
+
size?: ProseSize;
|
|
11
|
+
/** Element to render. */
|
|
12
|
+
as?: string;
|
|
13
|
+
}
|
|
@@ -22,10 +22,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
22
22
|
}>, {
|
|
23
23
|
name: string;
|
|
24
24
|
size: import('../..').ControlSize;
|
|
25
|
-
disabled: boolean;
|
|
26
25
|
label: string;
|
|
27
|
-
|
|
26
|
+
disabled: boolean;
|
|
28
27
|
ariaLabel: string;
|
|
28
|
+
id: string;
|
|
29
29
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
30
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
31
|
export default _default;
|
|
@@ -13,10 +13,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
13
13
|
name: string;
|
|
14
14
|
size: import('../..').ControlSize;
|
|
15
15
|
disabled: boolean;
|
|
16
|
-
id: string;
|
|
17
16
|
ariaLabel: string;
|
|
18
|
-
max: number;
|
|
19
17
|
clearable: boolean;
|
|
18
|
+
id: string;
|
|
19
|
+
max: number;
|
|
20
20
|
readonly: boolean;
|
|
21
21
|
allowHalf: boolean;
|
|
22
22
|
showValue: boolean;
|
|
@@ -20,16 +20,16 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
20
20
|
onFocus?: (() => any) | undefined;
|
|
21
21
|
onUploadError?: ((error: unknown, file: File) => any) | undefined;
|
|
22
22
|
}>, {
|
|
23
|
+
upload: import('./types').RichTextUpload;
|
|
23
24
|
size: import('../..').ControlSize;
|
|
24
25
|
disabled: boolean;
|
|
25
|
-
id: string;
|
|
26
|
-
ariaLabel: string;
|
|
27
26
|
placeholder: string;
|
|
28
|
-
|
|
27
|
+
ariaLabel: string;
|
|
29
28
|
status: import('../..').ControlStatus;
|
|
29
|
+
id: string;
|
|
30
|
+
readonly: boolean;
|
|
30
31
|
minHeight: string;
|
|
31
32
|
tools: RichTextTool[];
|
|
32
|
-
upload: import('./types').RichTextUpload;
|
|
33
33
|
pickImage: import('./types').RichTextImagePicker;
|
|
34
34
|
accept: string[];
|
|
35
35
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -13,8 +13,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
13
13
|
onClick?: (() => any) | undefined;
|
|
14
14
|
}>, {
|
|
15
15
|
text: string;
|
|
16
|
-
disabled: boolean;
|
|
17
16
|
icon: string;
|
|
17
|
+
disabled: boolean;
|
|
18
18
|
active: boolean;
|
|
19
19
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
20
20
|
export default _default;
|
|
@@ -13,33 +13,33 @@ declare function __VLS_template(): {
|
|
|
13
13
|
};
|
|
14
14
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
15
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
close: () => any;
|
|
16
17
|
search: (term: string) => any;
|
|
18
|
+
clear: () => any;
|
|
19
|
+
open: () => any;
|
|
17
20
|
change: (value: SelectModelValue) => any;
|
|
18
21
|
"update:modelValue": (value: SelectModelValue) => any;
|
|
19
|
-
open: () => any;
|
|
20
|
-
clear: () => any;
|
|
21
|
-
close: () => any;
|
|
22
22
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
23
|
+
onClose?: (() => any) | undefined;
|
|
23
24
|
onSearch?: ((term: string) => any) | undefined;
|
|
25
|
+
onClear?: (() => any) | undefined;
|
|
26
|
+
onOpen?: (() => any) | undefined;
|
|
24
27
|
onChange?: ((value: SelectModelValue) => any) | undefined;
|
|
25
28
|
"onUpdate:modelValue"?: ((value: SelectModelValue) => any) | undefined;
|
|
26
|
-
onOpen?: (() => any) | undefined;
|
|
27
|
-
onClear?: (() => any) | undefined;
|
|
28
|
-
onClose?: (() => any) | undefined;
|
|
29
29
|
}>, {
|
|
30
30
|
name: string;
|
|
31
31
|
size: import('../..').ControlSize;
|
|
32
32
|
disabled: boolean;
|
|
33
|
-
|
|
33
|
+
teleport: boolean;
|
|
34
|
+
placeholder: string;
|
|
34
35
|
ariaLabel: string;
|
|
35
36
|
options: import('./types').SelectOption[];
|
|
37
|
+
emptyText: string;
|
|
36
38
|
clearable: boolean;
|
|
37
|
-
placeholder: string;
|
|
38
|
-
teleport: boolean;
|
|
39
39
|
status: import('../..').ControlStatus;
|
|
40
|
+
id: string;
|
|
40
41
|
multiple: boolean;
|
|
41
42
|
filterable: boolean;
|
|
42
|
-
emptyText: string;
|
|
43
43
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
44
44
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
45
45
|
export default _default;
|
|
@@ -13,8 +13,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
13
13
|
name: string;
|
|
14
14
|
size: import('../..').ControlSize;
|
|
15
15
|
disabled: boolean;
|
|
16
|
-
id: string;
|
|
17
16
|
ariaLabel: string;
|
|
17
|
+
id: string;
|
|
18
18
|
range: boolean;
|
|
19
19
|
min: number;
|
|
20
20
|
max: number;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { StatisticProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
title?(_: {}): any;
|
|
6
|
+
prefix?(_: {}): any;
|
|
7
|
+
value?(_: {}): any;
|
|
8
|
+
suffix?(_: {}): any;
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLDivElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<StatisticProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StatisticProps> & Readonly<{}>, {
|
|
16
|
+
size: import('./types').StatisticSize;
|
|
17
|
+
title: string;
|
|
18
|
+
tone: import('..').TextTone;
|
|
19
|
+
align: import('..').TextAlign;
|
|
20
|
+
value: number | string;
|
|
21
|
+
precision: number;
|
|
22
|
+
locale: string;
|
|
23
|
+
grouping: boolean;
|
|
24
|
+
prefix: string;
|
|
25
|
+
suffix: string;
|
|
26
|
+
formatter: (value: number | string | undefined) => string;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { TextAlign, TextTone } from '../Text/types';
|
|
2
|
+
export type StatisticSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
export interface StatisticProps {
|
|
4
|
+
/** The number itself. A string is printed as-is — already formatted upstream. */
|
|
5
|
+
value?: number | string;
|
|
6
|
+
/** Caption above the number. */
|
|
7
|
+
title?: string;
|
|
8
|
+
/** Digits after the decimal point. Left alone, the number keeps its own. */
|
|
9
|
+
precision?: number;
|
|
10
|
+
/** Locale for grouping and the decimal mark. Defaults to the browser's. */
|
|
11
|
+
locale?: string;
|
|
12
|
+
/** Thousands grouping. */
|
|
13
|
+
grouping?: boolean;
|
|
14
|
+
/** Short text before the number — a currency sign, an arrow. */
|
|
15
|
+
prefix?: string;
|
|
16
|
+
/** Short text after the number — a unit, a percent sign. */
|
|
17
|
+
suffix?: string;
|
|
18
|
+
/** Full control over the printed value; wins over `precision` and `grouping`. */
|
|
19
|
+
formatter?: (value: number | string | undefined) => string;
|
|
20
|
+
size?: StatisticSize;
|
|
21
|
+
/** Colour of the number — `success` for growth, `danger` for a drop. */
|
|
22
|
+
tone?: TextTone;
|
|
23
|
+
align?: TextAlign;
|
|
24
|
+
}
|
|
@@ -22,10 +22,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
22
22
|
}>, {
|
|
23
23
|
name: string;
|
|
24
24
|
size: import('../..').ControlSize;
|
|
25
|
-
disabled: boolean;
|
|
26
25
|
label: string;
|
|
27
|
-
|
|
26
|
+
disabled: boolean;
|
|
28
27
|
ariaLabel: string;
|
|
28
|
+
id: string;
|
|
29
29
|
activeValue: ChoiceValue;
|
|
30
30
|
inactiveValue: ChoiceValue;
|
|
31
31
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RowKey, TableProps, TableRow, TableSort, TableState } from './types';
|
|
1
|
+
import { RowKey, TableColumn, TableProps, TableRow, TableSort, TableState, TableSummaryRow } from './types';
|
|
2
2
|
declare const _default: <T extends TableRow = TableRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
3
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
4
4
|
readonly onSearch?: ((term: string) => any) | undefined;
|
|
@@ -13,17 +13,63 @@ declare const _default: <T extends TableRow = TableRow>(__VLS_props: NonNullable
|
|
|
13
13
|
readonly "onSelection-change"?: ((keys: RowKey[], rows: T[]) => any) | undefined;
|
|
14
14
|
readonly "onExpand-change"?: ((keys: RowKey[], rows: T[]) => any) | undefined;
|
|
15
15
|
readonly "onState-change"?: ((state: TableState) => any) | undefined;
|
|
16
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "
|
|
16
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSearch" | "onUpdate:page" | "onUpdate:perPage" | "onUpdate:selected" | "onUpdate:expanded" | "onUpdate:sort" | "onUpdate:search" | "onRow-click" | "onSort-change" | "onSelection-change" | "onExpand-change" | "onState-change"> & ({
|
|
17
17
|
selected?: RowKey[];
|
|
18
18
|
expanded?: RowKey[];
|
|
19
19
|
sort?: TableSort | null;
|
|
20
20
|
search?: string;
|
|
21
21
|
page?: number;
|
|
22
22
|
perPage?: number;
|
|
23
|
-
} & TableProps<T>) &
|
|
23
|
+
} & TableProps<T>) & Partial<{}>> & import('vue').PublicProps;
|
|
24
24
|
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
25
25
|
attrs: any;
|
|
26
|
-
slots:
|
|
26
|
+
slots: Readonly<{
|
|
27
|
+
[key: `header-${string}`]: ((props: {
|
|
28
|
+
column: TableColumn<T>;
|
|
29
|
+
}) => unknown) | undefined;
|
|
30
|
+
[key: `cell-${string}`]: ((props: {
|
|
31
|
+
row: T;
|
|
32
|
+
value: unknown;
|
|
33
|
+
index: number;
|
|
34
|
+
column: TableColumn<T>;
|
|
35
|
+
}) => unknown) | undefined;
|
|
36
|
+
[key: `summary-${string}`]: ((props: {
|
|
37
|
+
row: TableSummaryRow;
|
|
38
|
+
value: unknown;
|
|
39
|
+
}) => unknown) | undefined;
|
|
40
|
+
title?: () => unknown;
|
|
41
|
+
actions?: () => unknown;
|
|
42
|
+
empty?: () => unknown;
|
|
43
|
+
footer?: () => unknown;
|
|
44
|
+
loading?: () => unknown;
|
|
45
|
+
expanded?: (props: {
|
|
46
|
+
row: T;
|
|
47
|
+
index: number;
|
|
48
|
+
}) => unknown;
|
|
49
|
+
}> & {
|
|
50
|
+
[key: `header-${string}`]: ((props: {
|
|
51
|
+
column: TableColumn<T>;
|
|
52
|
+
}) => unknown) | undefined;
|
|
53
|
+
[key: `cell-${string}`]: ((props: {
|
|
54
|
+
row: T;
|
|
55
|
+
value: unknown;
|
|
56
|
+
index: number;
|
|
57
|
+
column: TableColumn<T>;
|
|
58
|
+
}) => unknown) | undefined;
|
|
59
|
+
[key: `summary-${string}`]: ((props: {
|
|
60
|
+
row: TableSummaryRow;
|
|
61
|
+
value: unknown;
|
|
62
|
+
}) => unknown) | undefined;
|
|
63
|
+
title?: () => unknown;
|
|
64
|
+
actions?: () => unknown;
|
|
65
|
+
empty?: () => unknown;
|
|
66
|
+
footer?: () => unknown;
|
|
67
|
+
loading?: () => unknown;
|
|
68
|
+
expanded?: (props: {
|
|
69
|
+
row: T;
|
|
70
|
+
index: number;
|
|
71
|
+
}) => unknown;
|
|
72
|
+
};
|
|
27
73
|
emit: (((evt: "search", term: string) => void) & ((evt: "row-click", row: T, index: number, event: MouseEvent) => void) & ((evt: "sort-change", sort: TableSort | null) => void) & ((evt: "selection-change", keys: RowKey[], rows: T[]) => void) & ((evt: "expand-change", keys: RowKey[], rows: T[]) => void) & ((evt: "state-change", state: TableState) => void)) & (((evt: "update:page", value: number) => void) & ((evt: "update:perPage", value: number) => void) & ((evt: "update:selected", value: RowKey[]) => void) & ((evt: "update:expanded", value: RowKey[]) => void) & ((evt: "update:sort", value: TableSort | null) => void) & ((evt: "update:search", value: string) => void));
|
|
28
74
|
}>) => import('vue').VNode & {
|
|
29
75
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
@@ -17,12 +17,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
17
17
|
name: string;
|
|
18
18
|
size: import('../..').ControlSize;
|
|
19
19
|
disabled: boolean;
|
|
20
|
-
id: string;
|
|
21
|
-
ariaLabel: string;
|
|
22
|
-
max: number;
|
|
23
20
|
placeholder: string;
|
|
24
|
-
|
|
21
|
+
ariaLabel: string;
|
|
25
22
|
emptyText: string;
|
|
23
|
+
status: import('../..').ControlStatus;
|
|
24
|
+
id: string;
|
|
25
|
+
max: number;
|
|
26
26
|
suggestions: string[];
|
|
27
27
|
duplicates: boolean;
|
|
28
28
|
allowCreate: boolean;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { TextProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<TextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TextProps> & Readonly<{}>, {
|
|
12
|
+
size: import('./types').TextSize;
|
|
13
|
+
tone: import('./types').TextTone;
|
|
14
|
+
as: string;
|
|
15
|
+
align: import('./types').TextAlign;
|
|
16
|
+
truncate: boolean | number;
|
|
17
|
+
weight: import('./types').TextWeight;
|
|
18
|
+
italic: boolean;
|
|
19
|
+
mono: boolean;
|
|
20
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
2
|
+
export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
3
|
+
export type TextTone = 'default' | 'strong' | 'muted' | 'placeholder' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'inverse';
|
|
4
|
+
export type TextAlign = 'start' | 'center' | 'end' | 'justify';
|
|
5
|
+
export interface TextProps {
|
|
6
|
+
/** Element to render. Use `p` for a paragraph, `label` beside a control, and so on. */
|
|
7
|
+
as?: string;
|
|
8
|
+
size?: TextSize;
|
|
9
|
+
weight?: TextWeight;
|
|
10
|
+
/** Colour role, taken from the text tokens. */
|
|
11
|
+
tone?: TextTone;
|
|
12
|
+
align?: TextAlign;
|
|
13
|
+
/**
|
|
14
|
+
* Cuts the text off with an ellipsis: `true` on one line, a number over that many
|
|
15
|
+
* lines. The element needs a width to cut against.
|
|
16
|
+
*/
|
|
17
|
+
truncate?: boolean | number;
|
|
18
|
+
italic?: boolean;
|
|
19
|
+
/** Tabular text — ids, hashes, prices in a column. */
|
|
20
|
+
mono?: boolean;
|
|
21
|
+
}
|
|
@@ -23,11 +23,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
23
23
|
}>, {
|
|
24
24
|
size: import('../..').ControlSize;
|
|
25
25
|
disabled: boolean;
|
|
26
|
-
id: string;
|
|
27
|
-
ariaLabel: string;
|
|
28
26
|
placeholder: string;
|
|
29
|
-
|
|
27
|
+
ariaLabel: string;
|
|
30
28
|
status: import('../..').ControlStatus;
|
|
29
|
+
id: string;
|
|
30
|
+
readonly: boolean;
|
|
31
31
|
maxlength: number;
|
|
32
32
|
showCount: boolean;
|
|
33
33
|
resize: "none" | "vertical" | "both";
|
|
@@ -12,7 +12,7 @@ type __VLS_PublicProps = {
|
|
|
12
12
|
} & __VLS_Props;
|
|
13
13
|
declare function __VLS_template(): {
|
|
14
14
|
attrs: Partial<{}>;
|
|
15
|
-
slots:
|
|
15
|
+
slots: Readonly<Record<string, (props: Record<string, unknown>) => unknown>> & Record<string, (props: Record<string, unknown>) => unknown>;
|
|
16
16
|
refs: {};
|
|
17
17
|
rootEl: any;
|
|
18
18
|
};
|
|
@@ -25,15 +25,15 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
25
25
|
name: string;
|
|
26
26
|
size: import('../..').ControlSize;
|
|
27
27
|
disabled: boolean;
|
|
28
|
-
|
|
28
|
+
teleport: boolean | string;
|
|
29
|
+
placeholder: string;
|
|
29
30
|
ariaLabel: string;
|
|
30
31
|
clearable: boolean;
|
|
31
|
-
placeholder: string;
|
|
32
|
-
teleport: boolean | string;
|
|
33
|
-
readonly: boolean;
|
|
34
32
|
status: import('../..').ControlStatus;
|
|
35
|
-
|
|
33
|
+
id: string;
|
|
34
|
+
readonly: boolean;
|
|
36
35
|
format: string;
|
|
36
|
+
valueFormat: string;
|
|
37
37
|
minDate: string | Date;
|
|
38
38
|
maxDate: string | Date;
|
|
39
39
|
seconds: boolean;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TimelineProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLUListElement;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<TimelineProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineProps> & Readonly<{}>, {
|
|
12
|
+
size: import('./types').TimelineSize;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { TimelineItemProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
dot?(_: {}): any;
|
|
6
|
+
title?(_: {}): any;
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: HTMLLIElement;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<TimelineItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
|
|
14
|
+
type: import('./types').TimelineItemType;
|
|
15
|
+
title: string;
|
|
16
|
+
icon: import('..').IconName;
|
|
17
|
+
datetime: string;
|
|
18
|
+
timestamp: string;
|
|
19
|
+
timestampPlacement: import('./types').TimestampPlacement;
|
|
20
|
+
hollow: boolean;
|
|
21
|
+
hideLine: boolean;
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
|
|
23
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { IconName } from '../Icon/types';
|
|
2
|
+
export type TimelineItemType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
3
|
+
export type TimestampPlacement = 'top' | 'bottom';
|
|
4
|
+
export interface TimelineItemProps {
|
|
5
|
+
/** When it happened — any pre-formatted string. */
|
|
6
|
+
timestamp?: string;
|
|
7
|
+
/** Machine-readable value for the `<time datetime>`, e.g. `2026-03-12T09:30:00Z`. */
|
|
8
|
+
datetime?: string;
|
|
9
|
+
/** Above the entry (the usual log order) or under it. */
|
|
10
|
+
timestampPlacement?: TimestampPlacement;
|
|
11
|
+
/** Headline of the entry. */
|
|
12
|
+
title?: string;
|
|
13
|
+
/** Colour of the dot. */
|
|
14
|
+
type?: TimelineItemType;
|
|
15
|
+
/** Draws the dot as a ring — a step that has not happened yet. */
|
|
16
|
+
hollow?: boolean;
|
|
17
|
+
/** Puts an icon inside the dot instead of filling it. */
|
|
18
|
+
icon?: IconName;
|
|
19
|
+
/** Hides the line under this entry — for the last one when the list continues elsewhere. */
|
|
20
|
+
hideLine?: boolean;
|
|
21
|
+
}
|