@codemonster-ru/vueforge 0.60.0 → 0.62.0
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/README.md +94 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.ts.mjs +4522 -4194
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/empty-state.test.d.ts +1 -0
- package/dist/package/components/__tests__/splitter.test.d.ts +1 -0
- package/dist/package/components/empty-state.vue.d.ts +35 -0
- package/dist/package/components/splitter-context.d.ts +15 -0
- package/dist/package/components/splitter-panel.vue.d.ts +24 -0
- package/dist/package/components/splitter.vue.d.ts +41 -0
- package/dist/package/config/theme-core.d.ts +45 -0
- package/dist/package/themes/default/components/empty-state.d.ts +33 -0
- package/dist/package/themes/default/components/splitter.d.ts +12 -0
- package/dist/package/themes/default/index.d.ts +43 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
type Size = 'small' | 'normal' | 'large';
|
|
2
|
+
type Variant = 'filled' | 'outlined';
|
|
3
|
+
interface Props {
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
size?: Size;
|
|
8
|
+
variant?: Variant;
|
|
9
|
+
}
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
icon?(_: {}): any;
|
|
14
|
+
title?(_: {}): any;
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
actions?(_: {}): any;
|
|
17
|
+
};
|
|
18
|
+
refs: {};
|
|
19
|
+
rootEl: HTMLDivElement;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
23
|
+
title: string;
|
|
24
|
+
icon: string;
|
|
25
|
+
size: Size;
|
|
26
|
+
variant: Variant;
|
|
27
|
+
description: string;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComputedRef, InjectionKey, StyleValue } from 'vue';
|
|
2
|
+
export type SplitterDirection = 'horizontal' | 'vertical';
|
|
3
|
+
export type SplitterPanelConfig = {
|
|
4
|
+
id: string;
|
|
5
|
+
size?: number;
|
|
6
|
+
minSize?: number;
|
|
7
|
+
};
|
|
8
|
+
export type SplitterContext = {
|
|
9
|
+
direction: ComputedRef<SplitterDirection>;
|
|
10
|
+
disabled: ComputedRef<boolean>;
|
|
11
|
+
registerPanel: (config: Omit<SplitterPanelConfig, 'id'>) => string;
|
|
12
|
+
unregisterPanel: (id: string) => void;
|
|
13
|
+
getPanelStyle: (id: string) => StyleValue;
|
|
14
|
+
};
|
|
15
|
+
export declare const splitterKey: InjectionKey<SplitterContext>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
size?: number;
|
|
3
|
+
minSize?: number;
|
|
4
|
+
}
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: HTMLDivElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
15
|
+
size: number;
|
|
16
|
+
minSize: number;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { SplitterDirection } from './splitter-context';
|
|
2
|
+
interface Props {
|
|
3
|
+
modelValue?: Array<number>;
|
|
4
|
+
minSizes?: Array<number>;
|
|
5
|
+
direction?: SplitterDirection;
|
|
6
|
+
gutterSize?: number | string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {
|
|
15
|
+
root: HTMLDivElement;
|
|
16
|
+
};
|
|
17
|
+
rootEl: HTMLDivElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
change: (...args: any[]) => void;
|
|
22
|
+
"update:modelValue": (...args: any[]) => void;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
24
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
}>, {
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
modelValue: Array<number>;
|
|
29
|
+
direction: SplitterDirection;
|
|
30
|
+
minSizes: Array<number>;
|
|
31
|
+
gutterSize: number | string;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
33
|
+
root: HTMLDivElement;
|
|
34
|
+
}, HTMLDivElement>;
|
|
35
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
38
|
+
new (): {
|
|
39
|
+
$slots: S;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -1402,6 +1402,17 @@ export type VirtualScrollerTokens = {
|
|
|
1402
1402
|
emptyPadding?: string;
|
|
1403
1403
|
emptyColor?: string;
|
|
1404
1404
|
};
|
|
1405
|
+
export type SplitterTokens = {
|
|
1406
|
+
borderColor?: string;
|
|
1407
|
+
borderRadius?: string;
|
|
1408
|
+
panelBackgroundColor?: string;
|
|
1409
|
+
handleWidth?: string;
|
|
1410
|
+
handleHeight?: string;
|
|
1411
|
+
handleRadius?: string;
|
|
1412
|
+
handleColor?: string;
|
|
1413
|
+
gutterActiveBackgroundColor?: string;
|
|
1414
|
+
disabledOpacity?: string;
|
|
1415
|
+
};
|
|
1405
1416
|
export type StepperTokens = {
|
|
1406
1417
|
gap?: string;
|
|
1407
1418
|
itemGap?: string;
|
|
@@ -1622,6 +1633,38 @@ export type AlertTokens = {
|
|
|
1622
1633
|
textColor?: string;
|
|
1623
1634
|
};
|
|
1624
1635
|
};
|
|
1636
|
+
export type EmptyStateTokens = {
|
|
1637
|
+
gap?: string;
|
|
1638
|
+
bodyGap?: string;
|
|
1639
|
+
padding?: string;
|
|
1640
|
+
borderRadius?: string;
|
|
1641
|
+
borderColor?: string;
|
|
1642
|
+
backgroundColor?: string;
|
|
1643
|
+
textColor?: string;
|
|
1644
|
+
maxWidth?: string;
|
|
1645
|
+
iconSize?: string;
|
|
1646
|
+
iconColor?: string;
|
|
1647
|
+
titleFontSize?: string;
|
|
1648
|
+
titleLineHeight?: string;
|
|
1649
|
+
titleFontWeight?: string;
|
|
1650
|
+
titleColor?: string;
|
|
1651
|
+
descriptionFontSize?: string;
|
|
1652
|
+
descriptionLineHeight?: string;
|
|
1653
|
+
descriptionColor?: string;
|
|
1654
|
+
actionsGap?: string;
|
|
1655
|
+
small?: {
|
|
1656
|
+
padding?: string;
|
|
1657
|
+
iconSize?: string;
|
|
1658
|
+
titleFontSize?: string;
|
|
1659
|
+
descriptionFontSize?: string;
|
|
1660
|
+
};
|
|
1661
|
+
large?: {
|
|
1662
|
+
padding?: string;
|
|
1663
|
+
iconSize?: string;
|
|
1664
|
+
titleFontSize?: string;
|
|
1665
|
+
descriptionFontSize?: string;
|
|
1666
|
+
};
|
|
1667
|
+
};
|
|
1625
1668
|
export type BadgeSeverityTokens = {
|
|
1626
1669
|
backgroundColor?: string;
|
|
1627
1670
|
textColor?: string;
|
|
@@ -1818,11 +1861,13 @@ export type ThemeComponentTokens = {
|
|
|
1818
1861
|
skeleton?: SkeletonTokens;
|
|
1819
1862
|
progress?: ProgressTokens;
|
|
1820
1863
|
slider?: SliderTokens;
|
|
1864
|
+
splitter?: SplitterTokens;
|
|
1821
1865
|
stepper?: StepperTokens;
|
|
1822
1866
|
timeline?: TimelineTokens;
|
|
1823
1867
|
datatable?: DataTableTokens;
|
|
1824
1868
|
toast?: ToastTokens;
|
|
1825
1869
|
alert?: AlertTokens;
|
|
1870
|
+
emptyState?: EmptyStateTokens;
|
|
1826
1871
|
badge?: BadgeTokens;
|
|
1827
1872
|
chip?: ChipTokens;
|
|
1828
1873
|
filterChips?: FilterChipsTokens;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
bodyGap: string;
|
|
4
|
+
padding: string;
|
|
5
|
+
borderRadius: string;
|
|
6
|
+
borderColor: string;
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
textColor: string;
|
|
9
|
+
maxWidth: string;
|
|
10
|
+
iconSize: string;
|
|
11
|
+
iconColor: string;
|
|
12
|
+
titleFontSize: string;
|
|
13
|
+
titleLineHeight: string;
|
|
14
|
+
titleFontWeight: string;
|
|
15
|
+
titleColor: string;
|
|
16
|
+
descriptionFontSize: string;
|
|
17
|
+
descriptionLineHeight: string;
|
|
18
|
+
descriptionColor: string;
|
|
19
|
+
actionsGap: string;
|
|
20
|
+
small: {
|
|
21
|
+
padding: string;
|
|
22
|
+
iconSize: string;
|
|
23
|
+
titleFontSize: string;
|
|
24
|
+
descriptionFontSize: string;
|
|
25
|
+
};
|
|
26
|
+
large: {
|
|
27
|
+
padding: string;
|
|
28
|
+
iconSize: string;
|
|
29
|
+
titleFontSize: string;
|
|
30
|
+
descriptionFontSize: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
borderColor: string;
|
|
3
|
+
borderRadius: string;
|
|
4
|
+
panelBackgroundColor: string;
|
|
5
|
+
handleWidth: string;
|
|
6
|
+
handleHeight: string;
|
|
7
|
+
handleRadius: string;
|
|
8
|
+
handleColor: string;
|
|
9
|
+
gutterActiveBackgroundColor: string;
|
|
10
|
+
disabledOpacity: string;
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
@@ -1522,6 +1522,38 @@ declare const _default: {
|
|
|
1522
1522
|
textColor: string;
|
|
1523
1523
|
};
|
|
1524
1524
|
};
|
|
1525
|
+
emptyState: {
|
|
1526
|
+
gap: string;
|
|
1527
|
+
bodyGap: string;
|
|
1528
|
+
padding: string;
|
|
1529
|
+
borderRadius: string;
|
|
1530
|
+
borderColor: string;
|
|
1531
|
+
backgroundColor: string;
|
|
1532
|
+
textColor: string;
|
|
1533
|
+
maxWidth: string;
|
|
1534
|
+
iconSize: string;
|
|
1535
|
+
iconColor: string;
|
|
1536
|
+
titleFontSize: string;
|
|
1537
|
+
titleLineHeight: string;
|
|
1538
|
+
titleFontWeight: string;
|
|
1539
|
+
titleColor: string;
|
|
1540
|
+
descriptionFontSize: string;
|
|
1541
|
+
descriptionLineHeight: string;
|
|
1542
|
+
descriptionColor: string;
|
|
1543
|
+
actionsGap: string;
|
|
1544
|
+
small: {
|
|
1545
|
+
padding: string;
|
|
1546
|
+
iconSize: string;
|
|
1547
|
+
titleFontSize: string;
|
|
1548
|
+
descriptionFontSize: string;
|
|
1549
|
+
};
|
|
1550
|
+
large: {
|
|
1551
|
+
padding: string;
|
|
1552
|
+
iconSize: string;
|
|
1553
|
+
titleFontSize: string;
|
|
1554
|
+
descriptionFontSize: string;
|
|
1555
|
+
};
|
|
1556
|
+
};
|
|
1525
1557
|
progress: {
|
|
1526
1558
|
width: string;
|
|
1527
1559
|
height: string;
|
|
@@ -1791,6 +1823,17 @@ declare const _default: {
|
|
|
1791
1823
|
valueFontSize: string;
|
|
1792
1824
|
};
|
|
1793
1825
|
};
|
|
1826
|
+
splitter: {
|
|
1827
|
+
borderColor: string;
|
|
1828
|
+
borderRadius: string;
|
|
1829
|
+
panelBackgroundColor: string;
|
|
1830
|
+
handleWidth: string;
|
|
1831
|
+
handleHeight: string;
|
|
1832
|
+
handleRadius: string;
|
|
1833
|
+
handleColor: string;
|
|
1834
|
+
gutterActiveBackgroundColor: string;
|
|
1835
|
+
disabledOpacity: string;
|
|
1836
|
+
};
|
|
1794
1837
|
stepper: {
|
|
1795
1838
|
gap: string;
|
|
1796
1839
|
itemGap: string;
|