@sentropic/design-system-vue 0.36.45 → 0.36.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.
- package/README.md +66 -0
- package/dist/AnomalySwimLaneChart.d.ts +11 -0
- package/dist/AnomalySwimLaneChart.d.ts.map +1 -1
- package/dist/AnomalySwimLaneChart.js +6 -1
- package/dist/AnomalySwimLaneChart.js.map +1 -1
- package/dist/AppShell.d.ts +93 -0
- package/dist/AppShell.d.ts.map +1 -0
- package/dist/AppShell.js +34 -0
- package/dist/AppShell.js.map +1 -0
- package/dist/CalendarHeatmapChart.d.ts +11 -0
- package/dist/CalendarHeatmapChart.d.ts.map +1 -1
- package/dist/CalendarHeatmapChart.js +6 -1
- package/dist/CalendarHeatmapChart.js.map +1 -1
- package/dist/ChatThread.d.ts +23 -3
- package/dist/ChatThread.d.ts.map +1 -1
- package/dist/ChatThread.js +41 -6
- package/dist/ChatThread.js.map +1 -1
- package/dist/CodeSnippet.d.ts +40 -0
- package/dist/CodeSnippet.d.ts.map +1 -1
- package/dist/CodeSnippet.js +26 -5
- package/dist/CodeSnippet.js.map +1 -1
- package/dist/Combobox.d.ts +20 -0
- package/dist/Combobox.d.ts.map +1 -1
- package/dist/Combobox.js +4 -2
- package/dist/Combobox.js.map +1 -1
- package/dist/ContextPanel.d.ts +49 -0
- package/dist/ContextPanel.d.ts.map +1 -0
- package/dist/ContextPanel.js +19 -0
- package/dist/ContextPanel.js.map +1 -0
- package/dist/ContourChart.d.ts +11 -0
- package/dist/ContourChart.d.ts.map +1 -1
- package/dist/ContourChart.js +47 -2
- package/dist/ContourChart.js.map +1 -1
- package/dist/Dashboard.d.ts +69 -0
- package/dist/Dashboard.d.ts.map +1 -0
- package/dist/Dashboard.js +40 -0
- package/dist/Dashboard.js.map +1 -0
- package/dist/DashboardGrid.d.ts +102 -0
- package/dist/DashboardGrid.d.ts.map +1 -0
- package/dist/DashboardGrid.js +103 -0
- package/dist/DashboardGrid.js.map +1 -0
- package/dist/DataTable.d.ts +10 -0
- package/dist/DataTable.d.ts.map +1 -1
- package/dist/DataTable.js +2 -1
- package/dist/DataTable.js.map +1 -1
- package/dist/Density2DChart.d.ts +11 -0
- package/dist/Density2DChart.d.ts.map +1 -1
- package/dist/Density2DChart.js +6 -1
- package/dist/Density2DChart.js.map +1 -1
- package/dist/Drawer.d.ts +11 -1
- package/dist/Drawer.d.ts.map +1 -1
- package/dist/Drawer.js +2 -1
- package/dist/Drawer.js.map +1 -1
- package/dist/Dropdown.d.ts.map +1 -1
- package/dist/Dropdown.js +2 -1
- package/dist/Dropdown.js.map +1 -1
- package/dist/FileUploader.d.ts +21 -0
- package/dist/FileUploader.d.ts.map +1 -1
- package/dist/FileUploader.js +46 -4
- package/dist/FileUploader.js.map +1 -1
- package/dist/Footer.d.ts +10 -0
- package/dist/Footer.d.ts.map +1 -1
- package/dist/Footer.js +23 -13
- package/dist/Footer.js.map +1 -1
- package/dist/ForceGraph.d.ts +24 -0
- package/dist/ForceGraph.d.ts.map +1 -1
- package/dist/ForceGraph.js +8 -4
- package/dist/ForceGraph.js.map +1 -1
- package/dist/HeatmapChart.d.ts +11 -0
- package/dist/HeatmapChart.d.ts.map +1 -1
- package/dist/HeatmapChart.js +7 -2
- package/dist/HeatmapChart.js.map +1 -1
- package/dist/KanbanBoard.d.ts +41 -0
- package/dist/KanbanBoard.d.ts.map +1 -0
- package/dist/KanbanBoard.js +32 -0
- package/dist/KanbanBoard.js.map +1 -0
- package/dist/ListReportPage.d.ts +150 -0
- package/dist/ListReportPage.d.ts.map +1 -0
- package/dist/ListReportPage.js +63 -0
- package/dist/ListReportPage.js.map +1 -0
- package/dist/MasterDetail.d.ts +116 -0
- package/dist/MasterDetail.d.ts.map +1 -0
- package/dist/MasterDetail.js +60 -0
- package/dist/MasterDetail.js.map +1 -0
- package/dist/Menu.d.ts.map +1 -1
- package/dist/Menu.js +2 -0
- package/dist/Menu.js.map +1 -1
- package/dist/MenuPopover.d.ts +11 -0
- package/dist/MenuPopover.d.ts.map +1 -1
- package/dist/MenuPopover.js +3 -0
- package/dist/MenuPopover.js.map +1 -1
- package/dist/MenuTriggerButton.d.ts +1 -1
- package/dist/Modal.d.ts +10 -0
- package/dist/Modal.d.ts.map +1 -1
- package/dist/Modal.js +2 -1
- package/dist/Modal.js.map +1 -1
- package/dist/MultiSelect.d.ts +2 -2
- package/dist/NavDrawer.d.ts +6 -0
- package/dist/NavDrawer.d.ts.map +1 -0
- package/dist/NavDrawer.js +10 -0
- package/dist/NavDrawer.js.map +1 -0
- package/dist/NavItem.js +1 -1
- package/dist/NavItem.js.map +1 -1
- package/dist/NavRail.d.ts +61 -0
- package/dist/NavRail.d.ts.map +1 -0
- package/dist/NavRail.js +27 -0
- package/dist/NavRail.js.map +1 -0
- package/dist/NavShell.d.ts +105 -0
- package/dist/NavShell.d.ts.map +1 -0
- package/dist/NavShell.js +34 -0
- package/dist/NavShell.js.map +1 -0
- package/dist/ObjectPage.d.ts +162 -0
- package/dist/ObjectPage.d.ts.map +1 -0
- package/dist/ObjectPage.js +72 -0
- package/dist/ObjectPage.js.map +1 -0
- package/dist/OrderedList.d.ts +10 -1
- package/dist/OrderedList.d.ts.map +1 -1
- package/dist/OrderedList.js +6 -5
- package/dist/OrderedList.js.map +1 -1
- package/dist/Pagination.d.ts +20 -0
- package/dist/Pagination.d.ts.map +1 -1
- package/dist/Pagination.js +6 -13
- package/dist/Pagination.js.map +1 -1
- package/dist/PasswordInput.d.ts +20 -0
- package/dist/PasswordInput.d.ts.map +1 -1
- package/dist/PasswordInput.js +3 -1
- package/dist/PasswordInput.js.map +1 -1
- package/dist/PointAndFigureChart.d.ts.map +1 -1
- package/dist/PointAndFigureChart.js +14 -6
- package/dist/PointAndFigureChart.js.map +1 -1
- package/dist/Popover.d.ts +10 -0
- package/dist/Popover.d.ts.map +1 -1
- package/dist/Popover.js +3 -2
- package/dist/Popover.js.map +1 -1
- package/dist/RenkoChart.d.ts.map +1 -1
- package/dist/RenkoChart.js +29 -4
- package/dist/RenkoChart.js.map +1 -1
- package/dist/SelectableRow.d.ts +11 -0
- package/dist/SelectableRow.d.ts.map +1 -1
- package/dist/SelectableRow.js +11 -4
- package/dist/SelectableRow.js.map +1 -1
- package/dist/SkeletonText.d.ts +10 -0
- package/dist/SkeletonText.d.ts.map +1 -1
- package/dist/SkeletonText.js +2 -1
- package/dist/SkeletonText.js.map +1 -1
- package/dist/Slider.d.ts +10 -0
- package/dist/Slider.d.ts.map +1 -1
- package/dist/Slider.js +2 -0
- package/dist/Slider.js.map +1 -1
- package/dist/StreamingMessage.d.ts +10 -0
- package/dist/StreamingMessage.d.ts.map +1 -1
- package/dist/StreamingMessage.js +10 -2
- package/dist/StreamingMessage.js.map +1 -1
- package/dist/TileGroup.d.ts +20 -0
- package/dist/TileGroup.d.ts.map +1 -1
- package/dist/TileGroup.js +9 -3
- package/dist/TileGroup.js.map +1 -1
- package/dist/Toast.d.ts +20 -0
- package/dist/Toast.d.ts.map +1 -1
- package/dist/Toast.js +11 -7
- package/dist/Toast.js.map +1 -1
- package/dist/Typography.d.ts +1 -1
- package/dist/UnorderedList.d.ts +10 -1
- package/dist/UnorderedList.d.ts.map +1 -1
- package/dist/UnorderedList.js +8 -7
- package/dist/UnorderedList.js.map +1 -1
- package/dist/UtilityPanel.d.ts +72 -0
- package/dist/UtilityPanel.d.ts.map +1 -0
- package/dist/UtilityPanel.js +21 -0
- package/dist/UtilityPanel.js.map +1 -0
- package/dist/Wizard.d.ts +153 -0
- package/dist/Wizard.d.ts.map +1 -0
- package/dist/Wizard.js +75 -0
- package/dist/Wizard.js.map +1 -0
- package/dist/index.d.ts +31 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1010 -569
- package/package.json +1 -1
package/dist/NavRail.js
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const NavRail = defineComponent({
|
|
4
|
+
name: "NavRail",
|
|
5
|
+
props: {
|
|
6
|
+
items: { type: Array, default: () => [] },
|
|
7
|
+
label: { type: String, default: "Primary navigation" },
|
|
8
|
+
activeItemId: { type: String, default: undefined },
|
|
9
|
+
class: { type: String, default: undefined },
|
|
10
|
+
},
|
|
11
|
+
emits: ["itemSelect"],
|
|
12
|
+
setup(props, { slots, emit, attrs }) {
|
|
13
|
+
return () => h("nav", { ...attrs, class: classNames("st-navRail", props.class), "aria-label": props.label }, [
|
|
14
|
+
h("div", { class: "st-navRail__items" }, [
|
|
15
|
+
...props.items.map((item) => {
|
|
16
|
+
const active = item.active === true || item.id === props.activeItemId;
|
|
17
|
+
const content = [item.icon ? h("span", { class: "st-navRail__icon" }, String(item.icon)) : null, h("span", { class: "st-navRail__label" }, item.label), item.badge != null ? h("span", { class: "st-navRail__badge" }, String(item.badge)) : null];
|
|
18
|
+
const common = { key: item.id, class: classNames("st-navRail__item", active && "st-navRail__item--active"), "aria-current": active ? "page" : undefined, onClick: () => !item.disabled && emit("itemSelect", item.id) };
|
|
19
|
+
return item.href && !item.disabled ? h("a", { ...common, href: item.href }, content) : h("button", { ...common, type: "button", disabled: item.disabled }, content);
|
|
20
|
+
}),
|
|
21
|
+
slots.default?.(),
|
|
22
|
+
]),
|
|
23
|
+
slots.footer ? h("footer", { class: "st-navRail__footer" }, slots.footer()) : null,
|
|
24
|
+
]);
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
//# sourceMappingURL=NavRail.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavRail.js","sourceRoot":"","sources":["../src/NavRail.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { type PropType } from "vue";
|
|
2
|
+
export type NavShellVariant = "rail" | "drawer";
|
|
3
|
+
export type NavShellSide = "left" | "right" | "bottom";
|
|
4
|
+
export type NavShellProps = {
|
|
5
|
+
variant?: NavShellVariant;
|
|
6
|
+
title?: string;
|
|
7
|
+
subtitle?: string;
|
|
8
|
+
back?: boolean;
|
|
9
|
+
backLabel?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
open?: boolean;
|
|
12
|
+
side?: NavShellSide;
|
|
13
|
+
class?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const NavShell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
16
|
+
variant: {
|
|
17
|
+
type: PropType<NavShellVariant>;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
20
|
+
title: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
24
|
+
subtitle: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: undefined;
|
|
27
|
+
};
|
|
28
|
+
back: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
32
|
+
backLabel: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
label: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
open: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
side: {
|
|
45
|
+
type: PropType<NavShellSide>;
|
|
46
|
+
default: string;
|
|
47
|
+
};
|
|
48
|
+
class: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
default: undefined;
|
|
51
|
+
};
|
|
52
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
53
|
+
[key: string]: any;
|
|
54
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "back")[], "close" | "back", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
55
|
+
variant: {
|
|
56
|
+
type: PropType<NavShellVariant>;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
59
|
+
title: {
|
|
60
|
+
type: StringConstructor;
|
|
61
|
+
default: undefined;
|
|
62
|
+
};
|
|
63
|
+
subtitle: {
|
|
64
|
+
type: StringConstructor;
|
|
65
|
+
default: undefined;
|
|
66
|
+
};
|
|
67
|
+
back: {
|
|
68
|
+
type: BooleanConstructor;
|
|
69
|
+
default: boolean;
|
|
70
|
+
};
|
|
71
|
+
backLabel: {
|
|
72
|
+
type: StringConstructor;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
75
|
+
label: {
|
|
76
|
+
type: StringConstructor;
|
|
77
|
+
default: undefined;
|
|
78
|
+
};
|
|
79
|
+
open: {
|
|
80
|
+
type: BooleanConstructor;
|
|
81
|
+
default: boolean;
|
|
82
|
+
};
|
|
83
|
+
side: {
|
|
84
|
+
type: PropType<NavShellSide>;
|
|
85
|
+
default: string;
|
|
86
|
+
};
|
|
87
|
+
class: {
|
|
88
|
+
type: StringConstructor;
|
|
89
|
+
default: undefined;
|
|
90
|
+
};
|
|
91
|
+
}>> & Readonly<{
|
|
92
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
93
|
+
onBack?: ((...args: any[]) => any) | undefined;
|
|
94
|
+
}>, {
|
|
95
|
+
open: boolean;
|
|
96
|
+
class: string;
|
|
97
|
+
label: string;
|
|
98
|
+
title: string;
|
|
99
|
+
variant: NavShellVariant;
|
|
100
|
+
subtitle: string;
|
|
101
|
+
back: boolean;
|
|
102
|
+
backLabel: string;
|
|
103
|
+
side: NavShellSide;
|
|
104
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
105
|
+
//# sourceMappingURL=NavShell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavShell.d.ts","sourceRoot":"","sources":["../src/NavShell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ;;cAGU,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAO5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;cAPnB,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAO5B,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;4EAmBhD,CAAC"}
|
package/dist/NavShell.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { Drawer } from "./Drawer.js";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
export const NavShell = defineComponent({
|
|
5
|
+
name: "NavShell",
|
|
6
|
+
props: {
|
|
7
|
+
variant: { type: String, default: "rail" },
|
|
8
|
+
title: { type: String, default: undefined },
|
|
9
|
+
subtitle: { type: String, default: undefined },
|
|
10
|
+
back: { type: Boolean, default: false },
|
|
11
|
+
backLabel: { type: String, default: "Back" },
|
|
12
|
+
label: { type: String, default: undefined },
|
|
13
|
+
open: { type: Boolean, default: false },
|
|
14
|
+
side: { type: String, default: "left" },
|
|
15
|
+
class: { type: String, default: undefined },
|
|
16
|
+
},
|
|
17
|
+
emits: ["back", "close"],
|
|
18
|
+
setup(props, { slots, emit, attrs }) {
|
|
19
|
+
const content = () => [
|
|
20
|
+
props.back || props.title || props.subtitle
|
|
21
|
+
? h("header", { class: "st-navShell__header" }, [
|
|
22
|
+
props.back ? h("button", { type: "button", class: "st-navShell__back", "aria-label": props.backLabel, onClick: () => emit("back") }, "←") : null,
|
|
23
|
+
props.title || props.subtitle ? h("div", { class: "st-navShell__heading" }, [props.title ? h("p", { class: "st-navShell__title" }, props.title) : null, props.subtitle ? h("p", { class: "st-navShell__subtitle" }, props.subtitle) : null]) : null,
|
|
24
|
+
])
|
|
25
|
+
: null,
|
|
26
|
+
slots.search ? h("div", { class: "st-navShell__search" }, slots.search()) : null,
|
|
27
|
+
h("div", { class: "st-navShell__body" }, slots.default?.()),
|
|
28
|
+
];
|
|
29
|
+
return () => props.variant === "drawer"
|
|
30
|
+
? h(Drawer, { open: props.open, title: props.title ?? props.label ?? "Navigation", placement: props.side, class: classNames("st-navShell st-navShell--drawer", props.class), onClose: () => emit("close") }, { default: content, footer: slots.footer })
|
|
31
|
+
: h("aside", { ...attrs, class: classNames("st-navShell st-navShell--rail", props.class), "aria-label": props.label ?? props.title }, [...content(), slots.footer ? h("footer", { class: "st-navShell__footer" }, slots.footer()) : null]);
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=NavShell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavShell.js","sourceRoot":"","sources":["../src/NavShell.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import { type PropType } from "vue";
|
|
2
|
+
export type ObjectPageBreadcrumbItem = {
|
|
3
|
+
label: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
};
|
|
6
|
+
export type ObjectPageKpi = {
|
|
7
|
+
label: string;
|
|
8
|
+
value: string;
|
|
9
|
+
delta?: string;
|
|
10
|
+
};
|
|
11
|
+
export type ObjectPageField = {
|
|
12
|
+
key: string;
|
|
13
|
+
value: string;
|
|
14
|
+
};
|
|
15
|
+
export type ObjectPageColumn = {
|
|
16
|
+
key: string;
|
|
17
|
+
label: string;
|
|
18
|
+
};
|
|
19
|
+
export type ObjectPageRow = {
|
|
20
|
+
id: string;
|
|
21
|
+
[key: string]: unknown;
|
|
22
|
+
};
|
|
23
|
+
export type ObjectPageProps = {
|
|
24
|
+
breadcrumb?: ObjectPageBreadcrumbItem[];
|
|
25
|
+
entityTitle: string;
|
|
26
|
+
entityStatus?: {
|
|
27
|
+
label: string;
|
|
28
|
+
tone?: string;
|
|
29
|
+
};
|
|
30
|
+
primaryAction?: string;
|
|
31
|
+
secondaryAction?: string;
|
|
32
|
+
kpis?: ObjectPageKpi[];
|
|
33
|
+
fieldsTitle?: string;
|
|
34
|
+
fields?: ObjectPageField[];
|
|
35
|
+
relatedTitle?: string;
|
|
36
|
+
relatedColumns?: ObjectPageColumn[];
|
|
37
|
+
relatedRows?: ObjectPageRow[];
|
|
38
|
+
class?: string;
|
|
39
|
+
};
|
|
40
|
+
export declare const ObjectPage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
41
|
+
breadcrumb: {
|
|
42
|
+
type: PropType<ObjectPageBreadcrumbItem[]>;
|
|
43
|
+
default: () => never[];
|
|
44
|
+
};
|
|
45
|
+
entityTitle: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
required: true;
|
|
48
|
+
};
|
|
49
|
+
entityStatus: {
|
|
50
|
+
type: PropType<{
|
|
51
|
+
label: string;
|
|
52
|
+
tone?: string;
|
|
53
|
+
}>;
|
|
54
|
+
default: undefined;
|
|
55
|
+
};
|
|
56
|
+
primaryAction: {
|
|
57
|
+
type: StringConstructor;
|
|
58
|
+
default: undefined;
|
|
59
|
+
};
|
|
60
|
+
secondaryAction: {
|
|
61
|
+
type: StringConstructor;
|
|
62
|
+
default: undefined;
|
|
63
|
+
};
|
|
64
|
+
kpis: {
|
|
65
|
+
type: PropType<ObjectPageKpi[]>;
|
|
66
|
+
default: () => never[];
|
|
67
|
+
};
|
|
68
|
+
fieldsTitle: {
|
|
69
|
+
type: StringConstructor;
|
|
70
|
+
default: undefined;
|
|
71
|
+
};
|
|
72
|
+
fields: {
|
|
73
|
+
type: PropType<ObjectPageField[]>;
|
|
74
|
+
default: () => never[];
|
|
75
|
+
};
|
|
76
|
+
relatedTitle: {
|
|
77
|
+
type: StringConstructor;
|
|
78
|
+
default: undefined;
|
|
79
|
+
};
|
|
80
|
+
relatedColumns: {
|
|
81
|
+
type: PropType<ObjectPageColumn[]>;
|
|
82
|
+
default: () => never[];
|
|
83
|
+
};
|
|
84
|
+
relatedRows: {
|
|
85
|
+
type: PropType<ObjectPageRow[]>;
|
|
86
|
+
default: () => never[];
|
|
87
|
+
};
|
|
88
|
+
class: {
|
|
89
|
+
type: StringConstructor;
|
|
90
|
+
default: undefined;
|
|
91
|
+
};
|
|
92
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
93
|
+
[key: string]: any;
|
|
94
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
95
|
+
breadcrumb: {
|
|
96
|
+
type: PropType<ObjectPageBreadcrumbItem[]>;
|
|
97
|
+
default: () => never[];
|
|
98
|
+
};
|
|
99
|
+
entityTitle: {
|
|
100
|
+
type: StringConstructor;
|
|
101
|
+
required: true;
|
|
102
|
+
};
|
|
103
|
+
entityStatus: {
|
|
104
|
+
type: PropType<{
|
|
105
|
+
label: string;
|
|
106
|
+
tone?: string;
|
|
107
|
+
}>;
|
|
108
|
+
default: undefined;
|
|
109
|
+
};
|
|
110
|
+
primaryAction: {
|
|
111
|
+
type: StringConstructor;
|
|
112
|
+
default: undefined;
|
|
113
|
+
};
|
|
114
|
+
secondaryAction: {
|
|
115
|
+
type: StringConstructor;
|
|
116
|
+
default: undefined;
|
|
117
|
+
};
|
|
118
|
+
kpis: {
|
|
119
|
+
type: PropType<ObjectPageKpi[]>;
|
|
120
|
+
default: () => never[];
|
|
121
|
+
};
|
|
122
|
+
fieldsTitle: {
|
|
123
|
+
type: StringConstructor;
|
|
124
|
+
default: undefined;
|
|
125
|
+
};
|
|
126
|
+
fields: {
|
|
127
|
+
type: PropType<ObjectPageField[]>;
|
|
128
|
+
default: () => never[];
|
|
129
|
+
};
|
|
130
|
+
relatedTitle: {
|
|
131
|
+
type: StringConstructor;
|
|
132
|
+
default: undefined;
|
|
133
|
+
};
|
|
134
|
+
relatedColumns: {
|
|
135
|
+
type: PropType<ObjectPageColumn[]>;
|
|
136
|
+
default: () => never[];
|
|
137
|
+
};
|
|
138
|
+
relatedRows: {
|
|
139
|
+
type: PropType<ObjectPageRow[]>;
|
|
140
|
+
default: () => never[];
|
|
141
|
+
};
|
|
142
|
+
class: {
|
|
143
|
+
type: StringConstructor;
|
|
144
|
+
default: undefined;
|
|
145
|
+
};
|
|
146
|
+
}>> & Readonly<{}>, {
|
|
147
|
+
class: string;
|
|
148
|
+
kpis: ObjectPageKpi[];
|
|
149
|
+
primaryAction: string;
|
|
150
|
+
secondaryAction: string;
|
|
151
|
+
breadcrumb: ObjectPageBreadcrumbItem[];
|
|
152
|
+
entityStatus: {
|
|
153
|
+
label: string;
|
|
154
|
+
tone?: string;
|
|
155
|
+
};
|
|
156
|
+
fieldsTitle: string;
|
|
157
|
+
fields: ObjectPageField[];
|
|
158
|
+
relatedTitle: string;
|
|
159
|
+
relatedColumns: ObjectPageColumn[];
|
|
160
|
+
relatedRows: ObjectPageRow[];
|
|
161
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
162
|
+
//# sourceMappingURL=ObjectPage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectPage.d.ts","sourceRoot":"","sources":["../src/ObjectPage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGxD,MAAM,MAAM,wBAAwB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,eAAe,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC9D,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;cAGU,QAAQ,CAAC,wBAAwB,EAAE,CAAC;;;;;;;;cAEjC,QAAQ,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;;;;;;cAGnD,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;cAEvB,QAAQ,CAAC,eAAe,EAAE,CAAC;;;;;;;;cAEnB,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;cAC/B,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;cAV1B,QAAQ,CAAC,wBAAwB,EAAE,CAAC;;;;;;;;cAEjC,QAAQ,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;;;;;;;;;;;;cAGnD,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;cAEvB,QAAQ,CAAC,eAAe,EAAE,CAAC;;;;;;;;cAEnB,QAAQ,CAAC,gBAAgB,EAAE,CAAC;;;;cAC/B,QAAQ,CAAC,aAAa,EAAE,CAAC;;;;;;;;;;;;;;eARL,MAAM;eAAS,MAAM;;;;;;;4EA6GzE,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { defineComponent, h } from "vue";
|
|
2
|
+
import { classNames } from "./classNames.js";
|
|
3
|
+
export const ObjectPage = defineComponent({
|
|
4
|
+
name: "ObjectPage",
|
|
5
|
+
props: {
|
|
6
|
+
breadcrumb: { type: Array, default: () => [] },
|
|
7
|
+
entityTitle: { type: String, required: true },
|
|
8
|
+
entityStatus: { type: Object, default: undefined },
|
|
9
|
+
primaryAction: { type: String, default: undefined },
|
|
10
|
+
secondaryAction: { type: String, default: undefined },
|
|
11
|
+
kpis: { type: Array, default: () => [] },
|
|
12
|
+
fieldsTitle: { type: String, default: undefined },
|
|
13
|
+
fields: { type: Array, default: () => [] },
|
|
14
|
+
relatedTitle: { type: String, default: undefined },
|
|
15
|
+
relatedColumns: { type: Array, default: () => [] },
|
|
16
|
+
relatedRows: { type: Array, default: () => [] },
|
|
17
|
+
class: { type: String, default: undefined },
|
|
18
|
+
},
|
|
19
|
+
setup(props, { attrs }) {
|
|
20
|
+
return () => h("div", { ...attrs, class: classNames("st-op", props.class) }, [
|
|
21
|
+
h("header", { class: "st-op__header" }, [
|
|
22
|
+
(props.breadcrumb ?? []).length > 0
|
|
23
|
+
? h("nav", { class: "st-breadcrumb" }, (props.breadcrumb ?? []).map((item, i) => item.href
|
|
24
|
+
? h("a", { key: i, href: item.href, class: "st-breadcrumb__item" }, item.label)
|
|
25
|
+
: h("span", { key: i, class: "st-breadcrumb__item" }, item.label)))
|
|
26
|
+
: null,
|
|
27
|
+
h("div", { class: "st-op__title-row" }, [
|
|
28
|
+
h("h1", { class: "st-op__title" }, props.entityTitle),
|
|
29
|
+
props.entityStatus
|
|
30
|
+
? h("span", {
|
|
31
|
+
class: classNames("st-badge", props.entityStatus.tone ? `st-badge--${props.entityStatus.tone}` : undefined),
|
|
32
|
+
}, props.entityStatus.label)
|
|
33
|
+
: null,
|
|
34
|
+
]),
|
|
35
|
+
h("div", { class: "st-op__header-actions" }, [
|
|
36
|
+
props.secondaryAction
|
|
37
|
+
? h("button", { type: "button", class: "st-button st-button--secondary" }, props.secondaryAction)
|
|
38
|
+
: null,
|
|
39
|
+
props.primaryAction
|
|
40
|
+
? h("button", { type: "button", class: "st-button st-button--primary" }, props.primaryAction)
|
|
41
|
+
: null,
|
|
42
|
+
]),
|
|
43
|
+
]),
|
|
44
|
+
(props.kpis ?? []).length > 0
|
|
45
|
+
? h("div", { class: "st-op__kpi-row" }, (props.kpis ?? []).map((kpi, i) => h("div", { key: i, class: "st-kpi-card" }, [
|
|
46
|
+
h("span", { class: "st-kpi-card__label" }, kpi.label),
|
|
47
|
+
h("span", { class: "st-kpi-card__value" }, kpi.value),
|
|
48
|
+
kpi.delta ? h("span", { class: "st-kpi-card__delta" }, kpi.delta) : null,
|
|
49
|
+
])))
|
|
50
|
+
: null,
|
|
51
|
+
(props.fields ?? []).length > 0
|
|
52
|
+
? h("section", { class: "st-op__fields" }, [
|
|
53
|
+
props.fieldsTitle ? h("h2", { class: "st-op__section-title" }, props.fieldsTitle) : null,
|
|
54
|
+
h("dl", { class: "st-op__field-list" }, (props.fields ?? []).flatMap((f) => [
|
|
55
|
+
h("dt", { key: `dt-${f.key}` }, f.key),
|
|
56
|
+
h("dd", { key: `dd-${f.key}` }, f.value),
|
|
57
|
+
])),
|
|
58
|
+
])
|
|
59
|
+
: null,
|
|
60
|
+
(props.relatedRows ?? []).length > 0
|
|
61
|
+
? h("section", { class: "st-op__related" }, [
|
|
62
|
+
props.relatedTitle ? h("h2", { class: "st-op__section-title" }, props.relatedTitle) : null,
|
|
63
|
+
h("table", { class: "st-table" }, [
|
|
64
|
+
h("thead", null, h("tr", null, (props.relatedColumns ?? []).map((col) => h("th", { key: col.key }, col.label)))),
|
|
65
|
+
h("tbody", null, (props.relatedRows ?? []).map((row) => h("tr", { key: row.id }, (props.relatedColumns ?? []).map((col) => h("td", { key: col.key }, String(row[col.key] ?? "")))))),
|
|
66
|
+
]),
|
|
67
|
+
])
|
|
68
|
+
: null,
|
|
69
|
+
]);
|
|
70
|
+
},
|
|
71
|
+
});
|
|
72
|
+
//# sourceMappingURL=ObjectPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectPage.js","sourceRoot":"","sources":["../src/ObjectPage.ts"],"names":[],"mappings":"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"}
|
package/dist/OrderedList.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export type OrderedListItem = {
|
|
2
2
|
content?: unknown;
|
|
3
|
-
label?: unknown;
|
|
4
3
|
children?: OrderedListInput[];
|
|
5
4
|
};
|
|
6
5
|
export type OrderedListInput = unknown;
|
|
7
6
|
export type OrderedListProps = {
|
|
8
7
|
items: OrderedListInput[];
|
|
8
|
+
nested?: boolean;
|
|
9
9
|
class?: string;
|
|
10
10
|
};
|
|
11
11
|
export declare const OrderedList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -13,6 +13,10 @@ export declare const OrderedList: import("vue").DefineComponent<import("vue").Ex
|
|
|
13
13
|
type: () => OrderedListInput[];
|
|
14
14
|
required: true;
|
|
15
15
|
};
|
|
16
|
+
nested: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
16
20
|
class: {
|
|
17
21
|
type: StringConstructor;
|
|
18
22
|
default: undefined;
|
|
@@ -24,11 +28,16 @@ export declare const OrderedList: import("vue").DefineComponent<import("vue").Ex
|
|
|
24
28
|
type: () => OrderedListInput[];
|
|
25
29
|
required: true;
|
|
26
30
|
};
|
|
31
|
+
nested: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
27
35
|
class: {
|
|
28
36
|
type: StringConstructor;
|
|
29
37
|
default: undefined;
|
|
30
38
|
};
|
|
31
39
|
}>> & Readonly<{}>, {
|
|
32
40
|
class: string;
|
|
41
|
+
nested: boolean;
|
|
33
42
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
34
43
|
//# sourceMappingURL=OrderedList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,
|
|
1
|
+
{"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAAE,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4CF,eAAO,MAAM,WAAW;;cAGI,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;;cAAxB,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;4EAelD,CAAC"}
|
package/dist/OrderedList.js
CHANGED
|
@@ -10,32 +10,33 @@ function renderNested(children, ordered) {
|
|
|
10
10
|
function renderListItem(item, index, ordered) {
|
|
11
11
|
if (typeof item === "object" &&
|
|
12
12
|
item !== null &&
|
|
13
|
-
|
|
13
|
+
"content" in item) {
|
|
14
14
|
const cast = item;
|
|
15
15
|
const hasChildren = Array.isArray(cast.children) && cast.children.length > 0;
|
|
16
16
|
return h("li", {
|
|
17
17
|
key: index,
|
|
18
18
|
class: ordered ? "st-orderedList__item" : "st-unorderedList__item",
|
|
19
19
|
}, [
|
|
20
|
-
|
|
21
|
-
hasChildren ? renderNested(cast.children, ordered) :
|
|
20
|
+
cast.content,
|
|
21
|
+
...(hasChildren ? [renderNested(cast.children, ordered)] : []),
|
|
22
22
|
]);
|
|
23
23
|
}
|
|
24
24
|
return h("li", {
|
|
25
25
|
key: index,
|
|
26
26
|
class: ordered ? "st-orderedList__item" : "st-unorderedList__item",
|
|
27
|
-
},
|
|
27
|
+
}, [item]);
|
|
28
28
|
}
|
|
29
29
|
export const OrderedList = defineComponent({
|
|
30
30
|
name: "OrderedList",
|
|
31
31
|
props: {
|
|
32
32
|
items: { type: Array, required: true },
|
|
33
|
+
nested: { type: Boolean, default: false },
|
|
33
34
|
class: { type: String, default: undefined },
|
|
34
35
|
},
|
|
35
36
|
setup(props, { attrs }) {
|
|
36
37
|
return () => h("ol", {
|
|
37
38
|
...attrs,
|
|
38
|
-
class: classNames("st-orderedList", props.class),
|
|
39
|
+
class: classNames("st-orderedList", props.nested && "st-orderedList--nested", props.class),
|
|
39
40
|
}, props.items.map((item, index) => renderListItem(item, index, true)));
|
|
40
41
|
},
|
|
41
42
|
});
|
package/dist/OrderedList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAmB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"OrderedList.js","sourceRoot":"","sources":["../src/OrderedList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAmB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C,SAAS,YAAY,CAAC,QAA4B,EAAE,OAAgB;IAClE,OAAO,CAAC,CACN,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACrB;QACE,KAAK,EAAE,OAAO;YACZ,CAAC,CAAC,uCAAuC;YACzC,CAAC,CAAC,2CAA2C;KAChD,EACD,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CACtE,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,IAAsB,EAAE,KAAa,EAAE,OAAgB;IAC7E,IACE,OAAO,IAAI,KAAK,QAAQ;QACxB,IAAI,KAAK,IAAI;QACb,SAAS,IAAK,IAAgC,EAC9C,CAAC;QACD,MAAM,IAAI,GAAG,IAAuB,CAAC;QACrC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7E,OAAO,CAAC,CACN,IAAI,EACJ;YACE,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;SACnE,EACD;YACE,IAAI,CAAC,OAAqB;YAC1B,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,QAA8B,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SACrF,CACF,CAAC;IACJ,CAAC;IACD,OAAO,CAAC,CACN,IAAI,EACJ;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB;KACnE,EACD,CAAC,IAAI,CAAqC,CAC3C,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;QAClE,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACzC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,IAAI,EACJ;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,IAAI,wBAAwB,EAAE,KAAK,CAAC,KAAK,CAAC;SAC3F,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAiB,CACpF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
|
package/dist/Pagination.d.ts
CHANGED
|
@@ -4,6 +4,8 @@ export type PaginationProps = {
|
|
|
4
4
|
totalItems?: number;
|
|
5
5
|
totalPages?: number;
|
|
6
6
|
pageCount?: number;
|
|
7
|
+
previousLabel?: string;
|
|
8
|
+
nextLabel?: string;
|
|
7
9
|
class?: string;
|
|
8
10
|
};
|
|
9
11
|
export declare const Pagination: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -27,6 +29,14 @@ export declare const Pagination: import("vue").DefineComponent<import("vue").Ext
|
|
|
27
29
|
type: NumberConstructor;
|
|
28
30
|
default: undefined;
|
|
29
31
|
};
|
|
32
|
+
previousLabel: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
nextLabel: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
30
40
|
class: {
|
|
31
41
|
type: StringConstructor;
|
|
32
42
|
default: undefined;
|
|
@@ -54,6 +64,14 @@ export declare const Pagination: import("vue").DefineComponent<import("vue").Ext
|
|
|
54
64
|
type: NumberConstructor;
|
|
55
65
|
default: undefined;
|
|
56
66
|
};
|
|
67
|
+
previousLabel: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
default: string;
|
|
70
|
+
};
|
|
71
|
+
nextLabel: {
|
|
72
|
+
type: StringConstructor;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
57
75
|
class: {
|
|
58
76
|
type: StringConstructor;
|
|
59
77
|
default: undefined;
|
|
@@ -63,6 +81,8 @@ export declare const Pagination: import("vue").DefineComponent<import("vue").Ext
|
|
|
63
81
|
}>, {
|
|
64
82
|
class: string;
|
|
65
83
|
pageSize: number;
|
|
84
|
+
previousLabel: string;
|
|
85
|
+
nextLabel: string;
|
|
66
86
|
totalItems: number;
|
|
67
87
|
totalPages: number;
|
|
68
88
|
pageCount: number;
|
package/dist/Pagination.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAsErB,CAAC"}
|
package/dist/Pagination.js
CHANGED
|
@@ -8,6 +8,8 @@ export const Pagination = defineComponent({
|
|
|
8
8
|
totalItems: { type: Number, default: undefined },
|
|
9
9
|
totalPages: { type: Number, default: undefined },
|
|
10
10
|
pageCount: { type: Number, default: undefined },
|
|
11
|
+
previousLabel: { type: String, default: "Previous" },
|
|
12
|
+
nextLabel: { type: String, default: "Next" },
|
|
11
13
|
class: { type: String, default: undefined },
|
|
12
14
|
},
|
|
13
15
|
emits: ["pageChange"],
|
|
@@ -18,12 +20,6 @@ export const Pagination = defineComponent({
|
|
|
18
20
|
(props.totalItems
|
|
19
21
|
? Math.max(1, Math.ceil(props.totalItems / (props.pageSize ?? 10)))
|
|
20
22
|
: props.page);
|
|
21
|
-
const start = props.totalItems
|
|
22
|
-
? (props.page - 1) * (props.pageSize ?? 10) + 1
|
|
23
|
-
: props.page;
|
|
24
|
-
const end = props.totalItems
|
|
25
|
-
? Math.min(props.page * (props.pageSize ?? 10), props.totalItems)
|
|
26
|
-
: props.page;
|
|
27
23
|
const visiblePages = Array.from({ length: pages }, (_, index) => index + 1);
|
|
28
24
|
return h("nav", {
|
|
29
25
|
...attrs,
|
|
@@ -34,23 +30,20 @@ export const Pagination = defineComponent({
|
|
|
34
30
|
type: "button",
|
|
35
31
|
disabled: props.page <= 1,
|
|
36
32
|
onClick: () => emit("pageChange", props.page - 1),
|
|
37
|
-
},
|
|
38
|
-
h("
|
|
39
|
-
? `${start}-${end} of ${props.totalItems}`
|
|
40
|
-
: `Page ${props.page} of ${pages}`),
|
|
41
|
-
h("span", { class: "st-pagination__pages" }, visiblePages.map((pageNumber) => h("button", {
|
|
33
|
+
}, props.previousLabel),
|
|
34
|
+
...visiblePages.map((pageNumber) => h("button", {
|
|
42
35
|
key: pageNumber,
|
|
43
36
|
type: "button",
|
|
44
37
|
class: classNames("st-pagination__page", pageNumber === props.page && "st-pagination__page--active"),
|
|
45
38
|
"aria-label": `Page ${pageNumber}`,
|
|
46
39
|
"aria-current": pageNumber === props.page ? "page" : undefined,
|
|
47
40
|
onClick: () => emit("pageChange", pageNumber),
|
|
48
|
-
}, String(pageNumber)))
|
|
41
|
+
}, String(pageNumber))),
|
|
49
42
|
h("button", {
|
|
50
43
|
type: "button",
|
|
51
44
|
disabled: props.page >= pages,
|
|
52
45
|
onClick: () => emit("pageChange", props.page + 1),
|
|
53
|
-
},
|
|
46
|
+
}, props.nextLabel),
|
|
54
47
|
]);
|
|
55
48
|
};
|
|
56
49
|
},
|
package/dist/Pagination.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.ts"],"names":[],"mappings":"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"}
|