my-admin-framework 0.0.4
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 +98 -0
- package/dist/App.vue.d.ts +2 -0
- package/dist/components/HelloWorld.vue.d.ts +5 -0
- package/dist/components/MaAccordion.vue.d.ts +27 -0
- package/dist/components/MaAccordionItem.vue.d.ts +22 -0
- package/dist/components/MaActivityFeed.vue.d.ts +31 -0
- package/dist/components/MaAiAssistant.vue.d.ts +17 -0
- package/dist/components/MaAiChat.vue.d.ts +5 -0
- package/dist/components/MaAlert.vue.d.ts +38 -0
- package/dist/components/MaAvatar.vue.d.ts +32 -0
- package/dist/components/MaBadge.vue.d.ts +31 -0
- package/dist/components/MaBlogCard.vue.d.ts +30 -0
- package/dist/components/MaBreadcrumb.vue.d.ts +33 -0
- package/dist/components/MaButton.vue.d.ts +39 -0
- package/dist/components/MaCalendar.vue.d.ts +45 -0
- package/dist/components/MaCard.vue.d.ts +38 -0
- package/dist/components/MaChart.vue.d.ts +14 -0
- package/dist/components/MaCheckbox.vue.d.ts +38 -0
- package/dist/components/MaCheckout.vue.d.ts +33 -0
- package/dist/components/MaCol.vue.d.ts +43 -0
- package/dist/components/MaCommandPalette.vue.d.ts +21 -0
- package/dist/components/MaConfirmModal.vue.d.ts +16 -0
- package/dist/components/MaCourseCard.vue.d.ts +48 -0
- package/dist/components/MaDatePicker.vue.d.ts +21 -0
- package/dist/components/MaDrawer.vue.d.ts +34 -0
- package/dist/components/MaDropdown.vue.d.ts +23 -0
- package/dist/components/MaEmpty.vue.d.ts +24 -0
- package/dist/components/MaErrorBoundary.vue.d.ts +17 -0
- package/dist/components/MaFaq.vue.d.ts +16 -0
- package/dist/components/MaFooter.vue.d.ts +33 -0
- package/dist/components/MaFormGroup.vue.d.ts +32 -0
- package/dist/components/MaHeader.vue.d.ts +19 -0
- package/dist/components/MaIcon.vue.d.ts +11 -0
- package/dist/components/MaInput.vue.d.ts +56 -0
- package/dist/components/MaJobCard.vue.d.ts +27 -0
- package/dist/components/MaJobListing.vue.d.ts +37 -0
- package/dist/components/MaKanban.vue.d.ts +49 -0
- package/dist/components/MaLayout.vue.d.ts +29 -0
- package/dist/components/MaModal.vue.d.ts +39 -0
- package/dist/components/MaNavbar.vue.d.ts +28 -0
- package/dist/components/MaNewsletter.vue.d.ts +26 -0
- package/dist/components/MaNotification.vue.d.ts +40 -0
- package/dist/components/MaPagination.vue.d.ts +31 -0
- package/dist/components/MaPricingCard.vue.d.ts +20 -0
- package/dist/components/MaProgress.vue.d.ts +16 -0
- package/dist/components/MaPropertyCard.vue.d.ts +45 -0
- package/dist/components/MaRadio.vue.d.ts +36 -0
- package/dist/components/MaRecipe.vue.d.ts +46 -0
- package/dist/components/MaRichTextEditor.vue.d.ts +22 -0
- package/dist/components/MaRow.vue.d.ts +26 -0
- package/dist/components/MaSelect.vue.d.ts +52 -0
- package/dist/components/MaShoppingCart.vue.d.ts +50 -0
- package/dist/components/MaSidebar.vue.d.ts +18 -0
- package/dist/components/MaSkeleton.vue.d.ts +11 -0
- package/dist/components/MaSpinner.vue.d.ts +10 -0
- package/dist/components/MaStatWidget.vue.d.ts +31 -0
- package/dist/components/MaStatistic.vue.d.ts +29 -0
- package/dist/components/MaStep.vue.d.ts +25 -0
- package/dist/components/MaSteps.vue.d.ts +26 -0
- package/dist/components/MaSwitch.vue.d.ts +39 -0
- package/dist/components/MaTable.vue.d.ts +83 -0
- package/dist/components/MaTabs.vue.d.ts +30 -0
- package/dist/components/MaTag.vue.d.ts +37 -0
- package/dist/components/MaTaskList.vue.d.ts +19 -0
- package/dist/components/MaTeamMember.vue.d.ts +43 -0
- package/dist/components/MaTestimonial.vue.d.ts +18 -0
- package/dist/components/MaTextarea.vue.d.ts +16 -0
- package/dist/components/MaThemeCustomizer.vue.d.ts +2 -0
- package/dist/components/MaTimePicker.vue.d.ts +23 -0
- package/dist/components/MaTimeline.vue.d.ts +17 -0
- package/dist/components/MaTimelineItem.vue.d.ts +24 -0
- package/dist/components/MaToast.vue.d.ts +11 -0
- package/dist/components/MaTooltip.vue.d.ts +31 -0
- package/dist/components/MaTree.vue.d.ts +45 -0
- package/dist/components/MaTreeSelect.vue.d.ts +27 -0
- package/dist/components/MaUpload.vue.d.ts +21 -0
- package/dist/components/MaUserProfile.vue.d.ts +31 -0
- package/dist/components/MaVideoThumbnail.vue.d.ts +61 -0
- package/dist/components/__tests__/MaButton.spec.d.ts +1 -0
- package/dist/components/__tests__/MaTable.spec.d.ts +1 -0
- package/dist/composables/useA11y.d.ts +4 -0
- package/dist/composables/useBreakpoint.d.ts +8 -0
- package/dist/composables/useCrud.d.ts +41 -0
- package/dist/composables/useForm.d.ts +25 -0
- package/dist/composables/useNotification.d.ts +33 -0
- package/dist/composables/usePermission.d.ts +9 -0
- package/dist/composables/useRouterHelper.d.ts +9 -0
- package/dist/composables/useTheme.d.ts +14 -0
- package/dist/composables/useToast.d.ts +8 -0
- package/dist/directives/v-permission.d.ts +2 -0
- package/dist/index.d.ts +93 -0
- package/dist/locale/__tests__/locale.spec.d.ts +1 -0
- package/dist/locale/en.d.ts +44 -0
- package/dist/locale/index.d.ts +50 -0
- package/dist/main.d.ts +0 -0
- package/dist/my-admin-framework.css +1 -0
- package/dist/my-admin-framework.js +11701 -0
- package/dist/my-admin-framework.umd.cjs +129 -0
- package/dist/plugins/globalErrorHandler.d.ts +4 -0
- package/dist/utils/confirm.d.ts +10 -0
- package/dist/utils/request.d.ts +16 -0
- package/dist/utils/security.d.ts +10 -0
- package/dist/vite.svg +1 -0
- package/package.json +73 -0
package/README.md
ADDED
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
# MyAdmin Framework
|
|
2
|
+
|
|
3
|
+
A professional, lightweight Vue 3 Admin Framework built with TypeScript and Vite.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- 🚀 **Vue 3 + TypeScript**: Built with the latest stack.
|
|
8
|
+
- 🎨 **Modern Design**: Clean, consistent UI components.
|
|
9
|
+
- 📱 **Responsive**: Mobile-first grid system.
|
|
10
|
+
- 🧩 **Rich Components**: From basic buttons to complex charts and tables.
|
|
11
|
+
- 🌗 **Dark Mode**: Built-in support for dark theme.
|
|
12
|
+
- 📦 **Lightweight**: Modular and tree-shakable.
|
|
13
|
+
|
|
14
|
+
## Installation
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npm install my-admin-framework
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## Usage
|
|
21
|
+
|
|
22
|
+
```typescript
|
|
23
|
+
import { createApp } from 'vue'
|
|
24
|
+
import MyAdminFramework from 'my-admin-framework'
|
|
25
|
+
import 'my-admin-framework/dist/my-admin-framework.css'
|
|
26
|
+
|
|
27
|
+
const app = createApp(App)
|
|
28
|
+
app.use(MyAdminFramework)
|
|
29
|
+
app.mount('#app')
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## Components
|
|
33
|
+
|
|
34
|
+
### Layout & Grid
|
|
35
|
+
- **MaLayout**: Main application shell with sidebar and header slots.
|
|
36
|
+
- **MaRow**: Grid row container with gutter support.
|
|
37
|
+
- **MaCol**: Grid column with responsive spans (xs, sm, md, lg, xl).
|
|
38
|
+
- **MaSidebar**: Collapsible sidebar navigation.
|
|
39
|
+
- **MaHeader**: Top header bar.
|
|
40
|
+
- **MaCard**: Content container with title and actions.
|
|
41
|
+
|
|
42
|
+
### Data Entry
|
|
43
|
+
- **MaInput**: Text input with labels and error states.
|
|
44
|
+
- **MaSelect**: Dropdown select menu.
|
|
45
|
+
- **MaCheckbox**: Checkbox input.
|
|
46
|
+
- **MaRadio**: Radio button group.
|
|
47
|
+
- **MaSwitch**: Toggle switch.
|
|
48
|
+
- **MaTextarea**: Multi-line text input.
|
|
49
|
+
- **MaDatePicker**: Date selection input.
|
|
50
|
+
- **MaUpload**: Drag-and-drop file upload.
|
|
51
|
+
- **MaFormGroup**: Wrapper for form controls.
|
|
52
|
+
|
|
53
|
+
### Data Display
|
|
54
|
+
- **MaTable**: Advanced data table with sorting and pagination.
|
|
55
|
+
- **MaChart**: Interactive charts powered by ApexCharts.
|
|
56
|
+
- **MaAvatar**: User avatars (image, text, icon).
|
|
57
|
+
- **MaTag**: Status tags and labels.
|
|
58
|
+
- **MaBadge**: Notification badges.
|
|
59
|
+
- **MaTooltip**: Hover tooltips.
|
|
60
|
+
- **MaBreadcrumb**: Navigation breadcrumbs.
|
|
61
|
+
- **MaTabs**: Tabbed interface.
|
|
62
|
+
|
|
63
|
+
### Feedback
|
|
64
|
+
- **MaAlert**: Contextual alert messages.
|
|
65
|
+
- **MaToast**: Toast notifications.
|
|
66
|
+
- **MaModal**: Dialog modals.
|
|
67
|
+
|
|
68
|
+
## Example: Dashboard Layout
|
|
69
|
+
|
|
70
|
+
```vue
|
|
71
|
+
<template>
|
|
72
|
+
<MaLayout>
|
|
73
|
+
<template #sidebar>
|
|
74
|
+
<MaSidebar>...</MaSidebar>
|
|
75
|
+
</template>
|
|
76
|
+
<template #header>
|
|
77
|
+
<MaHeader>...</MaHeader>
|
|
78
|
+
</template>
|
|
79
|
+
|
|
80
|
+
<MaRow :gutter="[24, 24]">
|
|
81
|
+
<MaCol :span="12">
|
|
82
|
+
<MaCard title="Sales">
|
|
83
|
+
<MaChart type="line" :series="series" />
|
|
84
|
+
</MaCard>
|
|
85
|
+
</MaCol>
|
|
86
|
+
<MaCol :span="12">
|
|
87
|
+
<MaCard title="Users">
|
|
88
|
+
<MaTable :data="users" :columns="columns" pagination />
|
|
89
|
+
</MaCard>
|
|
90
|
+
</MaCol>
|
|
91
|
+
</MaRow>
|
|
92
|
+
</MaLayout>
|
|
93
|
+
</template>
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
## License
|
|
97
|
+
|
|
98
|
+
MIT
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
msg: string;
|
|
3
|
+
};
|
|
4
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
modelValue?: string | number | (string | number)[];
|
|
3
|
+
multiple?: boolean;
|
|
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<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (...args: any[]) => void;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
17
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
multiple: boolean;
|
|
20
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
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,22 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
title?: string;
|
|
3
|
+
name: string | number;
|
|
4
|
+
};
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
title?(_: {}): 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<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
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,31 @@
|
|
|
1
|
+
interface ActivityItem {
|
|
2
|
+
title: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
time: string;
|
|
5
|
+
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
6
|
+
icon?: any;
|
|
7
|
+
}
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
title?: string;
|
|
10
|
+
items: ActivityItem[];
|
|
11
|
+
};
|
|
12
|
+
declare function __VLS_template(): {
|
|
13
|
+
attrs: Partial<{}>;
|
|
14
|
+
slots: {
|
|
15
|
+
extra?(_: {}): any;
|
|
16
|
+
icon?(_: {
|
|
17
|
+
item: ActivityItem;
|
|
18
|
+
}): any;
|
|
19
|
+
};
|
|
20
|
+
refs: {};
|
|
21
|
+
rootEl: HTMLDivElement;
|
|
22
|
+
};
|
|
23
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
24
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
25
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
title?: string;
|
|
3
|
+
welcomeMessage?: string;
|
|
4
|
+
model?: string;
|
|
5
|
+
endpoint?: string;
|
|
6
|
+
systemPrompt?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
9
|
+
title: string;
|
|
10
|
+
welcomeMessage: string;
|
|
11
|
+
model: string;
|
|
12
|
+
endpoint: string;
|
|
13
|
+
systemPrompt: string;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
15
|
+
messagesContainer: HTMLDivElement;
|
|
16
|
+
}, HTMLDivElement>;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
2
|
+
messagesContainer: HTMLDivElement;
|
|
3
|
+
messageInput: HTMLTextAreaElement;
|
|
4
|
+
}, HTMLDivElement>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
type?: 'success' | 'warning' | 'error' | 'info';
|
|
3
|
+
variant?: 'light' | 'solid' | 'outline';
|
|
4
|
+
title?: string;
|
|
5
|
+
closable?: boolean;
|
|
6
|
+
showIcon?: boolean;
|
|
7
|
+
banner?: boolean;
|
|
8
|
+
icon?: string;
|
|
9
|
+
};
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
icon?(_: {}): any;
|
|
14
|
+
title?(_: {}): any;
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
};
|
|
17
|
+
refs: {};
|
|
18
|
+
rootEl: any;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
close: (...args: any[]) => void;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
24
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
variant: "light" | "solid" | "outline";
|
|
27
|
+
type: "success" | "warning" | "error" | "info";
|
|
28
|
+
closable: boolean;
|
|
29
|
+
showIcon: boolean;
|
|
30
|
+
banner: boolean;
|
|
31
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
src?: string;
|
|
3
|
+
alt?: string;
|
|
4
|
+
size?: 'small' | 'medium' | 'large' | number;
|
|
5
|
+
shape?: 'circle' | 'square';
|
|
6
|
+
text?: string;
|
|
7
|
+
icon?: string;
|
|
8
|
+
bgColor?: string;
|
|
9
|
+
color?: string;
|
|
10
|
+
};
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
default?(_: {}): any;
|
|
15
|
+
icon?(_: {}): any;
|
|
16
|
+
};
|
|
17
|
+
refs: {};
|
|
18
|
+
rootEl: HTMLDivElement;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
22
|
+
size: "small" | "medium" | "large" | number;
|
|
23
|
+
shape: "circle" | "square";
|
|
24
|
+
alt: string;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
26
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
value?: string | number;
|
|
3
|
+
max?: number;
|
|
4
|
+
dot?: boolean;
|
|
5
|
+
showZero?: boolean;
|
|
6
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
|
|
7
|
+
status?: 'success' | 'processing' | 'default' | 'error' | 'warning';
|
|
8
|
+
bgColor?: string;
|
|
9
|
+
textColor?: string;
|
|
10
|
+
};
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
default?(_: {}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: HTMLDivElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
21
|
+
color: "primary" | "secondary" | "success" | "danger" | "warning" | "info";
|
|
22
|
+
dot: boolean;
|
|
23
|
+
showZero: boolean;
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
25
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
title: string;
|
|
3
|
+
excerpt?: string;
|
|
4
|
+
author: string;
|
|
5
|
+
authorRole?: string;
|
|
6
|
+
authorAvatar?: string;
|
|
7
|
+
date: Date | string;
|
|
8
|
+
image?: string;
|
|
9
|
+
category?: string;
|
|
10
|
+
tags?: string[];
|
|
11
|
+
readTime?: number;
|
|
12
|
+
url?: string;
|
|
13
|
+
variant?: 'default' | 'compact' | 'minimal' | 'horizontal';
|
|
14
|
+
featured?: boolean;
|
|
15
|
+
showBookmark?: boolean;
|
|
16
|
+
maxTags?: number;
|
|
17
|
+
}
|
|
18
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
+
click: () => any;
|
|
20
|
+
bookmark: (bookmarked: boolean) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
22
|
+
onClick?: (() => any) | undefined;
|
|
23
|
+
onBookmark?: ((bookmarked: boolean) => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
variant: "default" | "compact" | "minimal" | "horizontal";
|
|
26
|
+
featured: boolean;
|
|
27
|
+
showBookmark: boolean;
|
|
28
|
+
maxTags: number;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
interface BreadcrumbItem {
|
|
2
|
+
label: string;
|
|
3
|
+
to?: string | object;
|
|
4
|
+
icon?: string;
|
|
5
|
+
}
|
|
6
|
+
type __VLS_Props = {
|
|
7
|
+
items: BreadcrumbItem[];
|
|
8
|
+
separator?: string;
|
|
9
|
+
separatorIcon?: string;
|
|
10
|
+
};
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
'item-icon'?(_: {
|
|
15
|
+
item: BreadcrumbItem;
|
|
16
|
+
}): any;
|
|
17
|
+
separator?(_: {}): any;
|
|
18
|
+
};
|
|
19
|
+
refs: {};
|
|
20
|
+
rootEl: HTMLElement;
|
|
21
|
+
};
|
|
22
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
23
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
24
|
+
separator: string;
|
|
25
|
+
separatorIcon: string;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
27
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
variant?: 'solid' | 'outline' | 'ghost' | 'text';
|
|
3
|
+
color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
|
|
4
|
+
size?: 'small' | 'medium' | 'large';
|
|
5
|
+
block?: boolean;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
icon?: string;
|
|
9
|
+
ariaLabel?: string;
|
|
10
|
+
};
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
icon?(_: {}): any;
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
};
|
|
17
|
+
refs: {};
|
|
18
|
+
rootEl: HTMLButtonElement;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
click: (...args: any[]) => void;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
24
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
variant: "solid" | "outline" | "ghost" | "text";
|
|
27
|
+
color: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
|
|
28
|
+
size: "small" | "medium" | "large";
|
|
29
|
+
block: boolean;
|
|
30
|
+
loading: boolean;
|
|
31
|
+
disabled: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
interface CalendarEvent {
|
|
2
|
+
id: string | number;
|
|
3
|
+
title: string;
|
|
4
|
+
date: Date | string;
|
|
5
|
+
type?: 'primary' | 'success' | 'warning' | 'error' | 'danger' | 'info';
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
}
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
modelValue?: Date;
|
|
10
|
+
events?: CalendarEvent[];
|
|
11
|
+
};
|
|
12
|
+
declare function __VLS_template(): {
|
|
13
|
+
attrs: Partial<{}>;
|
|
14
|
+
slots: {
|
|
15
|
+
actions?(_: {}): any;
|
|
16
|
+
'date-cell'?(_: {
|
|
17
|
+
date: Date;
|
|
18
|
+
events: CalendarEvent[];
|
|
19
|
+
}): any;
|
|
20
|
+
};
|
|
21
|
+
refs: {};
|
|
22
|
+
rootEl: HTMLDivElement;
|
|
23
|
+
};
|
|
24
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
25
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
26
|
+
"update:modelValue": (...args: any[]) => void;
|
|
27
|
+
change: (...args: any[]) => void;
|
|
28
|
+
"date-click": (...args: any[]) => void;
|
|
29
|
+
"event-click": (...args: any[]) => void;
|
|
30
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
31
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
32
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
33
|
+
"onDate-click"?: ((...args: any[]) => any) | undefined;
|
|
34
|
+
"onEvent-click"?: ((...args: any[]) => any) | undefined;
|
|
35
|
+
}>, {
|
|
36
|
+
modelValue: Date;
|
|
37
|
+
events: CalendarEvent[];
|
|
38
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
39
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
40
|
+
export default _default;
|
|
41
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
42
|
+
new (): {
|
|
43
|
+
$slots: S;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
title?: string;
|
|
3
|
+
bordered?: boolean;
|
|
4
|
+
loading?: boolean;
|
|
5
|
+
shadow?: 'always' | 'hover' | 'never';
|
|
6
|
+
collapsible?: boolean;
|
|
7
|
+
removable?: boolean;
|
|
8
|
+
maximizable?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
header?(_: {}): any;
|
|
14
|
+
extra?(_: {}): any;
|
|
15
|
+
cover?(_: {}): any;
|
|
16
|
+
default?(_: {}): any;
|
|
17
|
+
actions?(_: {}): any;
|
|
18
|
+
footer?(_: {}): any;
|
|
19
|
+
};
|
|
20
|
+
refs: {};
|
|
21
|
+
rootEl: any;
|
|
22
|
+
};
|
|
23
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
24
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
25
|
+
loading: boolean;
|
|
26
|
+
bordered: boolean;
|
|
27
|
+
shadow: "always" | "hover" | "never";
|
|
28
|
+
collapsible: boolean;
|
|
29
|
+
removable: boolean;
|
|
30
|
+
maximizable: boolean;
|
|
31
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface ChartProps {
|
|
2
|
+
type?: "area" | "line" | "bar" | "histogram" | "pie" | "donut" | "radialBar" | "rangeBar" | "scatter" | "bubble" | "heatmap" | "candlestick" | "radar" | "polarArea";
|
|
3
|
+
height?: number | string;
|
|
4
|
+
series: any[];
|
|
5
|
+
options?: any;
|
|
6
|
+
categories?: string[];
|
|
7
|
+
colors?: string[];
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<ChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ChartProps> & Readonly<{}>, {
|
|
10
|
+
type: "area" | "line" | "bar" | "histogram" | "pie" | "donut" | "radialBar" | "rangeBar" | "scatter" | "bubble" | "heatmap" | "candlestick" | "radar" | "polarArea";
|
|
11
|
+
height: number | string;
|
|
12
|
+
colors: string[];
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
modelValue?: boolean | any[];
|
|
3
|
+
value?: any;
|
|
4
|
+
label?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
indeterminate?: boolean;
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
9
|
+
};
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {};
|
|
16
|
+
rootEl: HTMLLabelElement;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
"update:modelValue": (...args: any[]) => void;
|
|
21
|
+
change: (...args: any[]) => void;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
24
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
color: "primary" | "success" | "warning" | "danger" | "info";
|
|
27
|
+
size: "small" | "medium" | "large";
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
modelValue: boolean | any[];
|
|
30
|
+
indeterminate: boolean;
|
|
31
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
|
|
32
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export interface CheckoutItem {
|
|
2
|
+
id: number | string;
|
|
3
|
+
name: string;
|
|
4
|
+
price: number;
|
|
5
|
+
quantity: number;
|
|
6
|
+
image?: string;
|
|
7
|
+
}
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
items: CheckoutItem[];
|
|
10
|
+
shippingCost?: number;
|
|
11
|
+
taxRate?: number;
|
|
12
|
+
discount?: number;
|
|
13
|
+
showSteps?: boolean;
|
|
14
|
+
allowPromoCode?: boolean;
|
|
15
|
+
allowBillingDifferent?: boolean;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
complete: (data: any) => any;
|
|
19
|
+
"step-change": (step: number) => any;
|
|
20
|
+
"promo-applied": (code: string) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
22
|
+
onComplete?: ((data: any) => any) | undefined;
|
|
23
|
+
"onStep-change"?: ((step: number) => any) | undefined;
|
|
24
|
+
"onPromo-applied"?: ((code: string) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
taxRate: number;
|
|
27
|
+
shippingCost: number;
|
|
28
|
+
discount: number;
|
|
29
|
+
showSteps: boolean;
|
|
30
|
+
allowPromoCode: boolean;
|
|
31
|
+
allowBillingDifferent: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
33
|
+
export default _default;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
interface ColProps {
|
|
2
|
+
span?: number | string;
|
|
3
|
+
offset?: number | string;
|
|
4
|
+
xs?: number | {
|
|
5
|
+
span?: number;
|
|
6
|
+
offset?: number;
|
|
7
|
+
};
|
|
8
|
+
sm?: number | {
|
|
9
|
+
span?: number;
|
|
10
|
+
offset?: number;
|
|
11
|
+
};
|
|
12
|
+
md?: number | {
|
|
13
|
+
span?: number;
|
|
14
|
+
offset?: number;
|
|
15
|
+
};
|
|
16
|
+
lg?: number | {
|
|
17
|
+
span?: number;
|
|
18
|
+
offset?: number;
|
|
19
|
+
};
|
|
20
|
+
xl?: number | {
|
|
21
|
+
span?: number;
|
|
22
|
+
offset?: number;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
declare function __VLS_template(): {
|
|
26
|
+
attrs: Partial<{}>;
|
|
27
|
+
slots: {
|
|
28
|
+
default?(_: {}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {};
|
|
31
|
+
rootEl: HTMLDivElement;
|
|
32
|
+
};
|
|
33
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
34
|
+
declare const __VLS_component: import('vue').DefineComponent<ColProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ColProps> & Readonly<{}>, {
|
|
35
|
+
span: number | string;
|
|
36
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
37
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
38
|
+
export default _default;
|
|
39
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
40
|
+
new (): {
|
|
41
|
+
$slots: S;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface CommandItem {
|
|
2
|
+
id: string;
|
|
3
|
+
label: string;
|
|
4
|
+
icon?: any;
|
|
5
|
+
shortcut?: string;
|
|
6
|
+
action: () => void;
|
|
7
|
+
}
|
|
8
|
+
export interface CommandGroup {
|
|
9
|
+
name: string;
|
|
10
|
+
items: CommandItem[];
|
|
11
|
+
}
|
|
12
|
+
type __VLS_Props = {
|
|
13
|
+
groups: CommandGroup[];
|
|
14
|
+
};
|
|
15
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {
|
|
16
|
+
open: () => void;
|
|
17
|
+
close: () => void;
|
|
18
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
19
|
+
inputRef: HTMLInputElement;
|
|
20
|
+
}, any>;
|
|
21
|
+
export default _default;
|