@mythpe/quasar-ui-qui 0.5.0 → 0.5.2
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 +9 -6
- package/dist/components/MBtn/MBtn.d.ts +35 -0
- package/dist/components/grid/MColumn/MColumn.d.ts +28 -0
- package/dist/components/grid/MContainer/MContainer.d.ts +23 -0
- package/dist/components/grid/MGrid.d.ts +12 -0
- package/dist/components/grid/MRow/MRow.d.ts +11 -0
- package/dist/components/index.d.ts +19 -0
- package/dist/composables/useMyth.d.ts +6765 -0
- package/dist/composables/useMythMeta.d.ts +30 -0
- package/dist/config/config.d.ts +3411 -0
- package/dist/config/grid.d.ts +6 -0
- package/dist/config/index.d.ts +2 -0
- package/dist/index.common.js +1 -0
- package/dist/index.css +2 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +2 -0
- package/dist/index.umd.js +1 -0
- package/dist/types/config.d.ts +69 -0
- package/dist/types/helpers.d.ts +14 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/vue-prop-types.d.ts +5 -0
- package/dist/utils/helpers.d.ts +40 -0
- package/dist/utils/icons.d.ts +4 -0
- package/dist/utils/index.d.ts +21 -0
- package/dist/utils/str.d.ts +67 -0
- package/dist/utils/vee-rules.d.ts +17 -0
- package/dist/vue-plugin.d.ts +16 -0
- package/package.json +31 -20
- package/rREADME.md +0 -147
- package/src/components/MBtn/MBtn.ts +0 -38
- package/src/components/MBtn/MBtn.vue +0 -142
- package/src/components/grid/MColumn/MColumn.ts +0 -15
- package/src/components/grid/MColumn/MColumn.vue +0 -28
- package/src/components/grid/MContainer/MContainer.ts +0 -39
- package/src/components/grid/MContainer/MContainer.vue +0 -66
- package/src/components/grid/MGrid.ts +0 -16
- package/src/components/grid/MGrid.vue +0 -47
- package/src/components/grid/MRow/MRow.ts +0 -15
- package/src/components/grid/MRow/MRow.vue +0 -28
- package/src/components/index.ts +0 -30
- package/src/composables/useMyth.ts +0 -93
- package/src/composables/useMythMeta.ts +0 -40
- package/src/config/config.ts +0 -16
- package/src/config/grid.ts +0 -10
- package/src/config/index.ts +0 -2
- package/src/css/components/m-btn.scss +0 -13
- package/src/css/index.scss +0 -9
- package/src/env.d.ts +0 -14
- package/src/index.common.js +0 -1
- package/src/index.ts +0 -4
- package/src/index.umd.js +0 -2
- package/src/shims-myth.d.ts +0 -6
- package/src/shims-vue.d.ts +0 -22
- package/src/types/config.ts +0 -136
- package/src/types/helpers.ts +0 -21
- package/src/types/index.ts +0 -9
- package/src/types/vue-prop-types.ts +0 -13
- package/src/utils/helpers.ts +0 -446
- package/src/utils/icons.ts +0 -4
- package/src/utils/index.ts +0 -77
- package/src/utils/str.ts +0 -237
- package/src/utils/vee-rules.ts +0 -40
- package/src/vue-plugin.ts +0 -76
package/README.md
CHANGED
|
@@ -26,11 +26,13 @@
|
|
|
26
26
|
### 1. Quasar CLI Project (Recommended)
|
|
27
27
|
|
|
28
28
|
The easiest way to integrate is via the [App Extension](https://www.npmjs.com/package/@mythpe/quasar-app-extension-qui):
|
|
29
|
+
|
|
29
30
|
```bash
|
|
30
|
-
quasar ext add qui
|
|
31
|
+
quasar ext add @mythpe/qui
|
|
31
32
|
```
|
|
32
33
|
|
|
33
34
|
#### Alternative: Manual Package Installation
|
|
35
|
+
|
|
34
36
|
If you prefer not to use the App Extension, install the package manually:
|
|
35
37
|
|
|
36
38
|
```bash
|
|
@@ -42,7 +44,9 @@ pnpm add @mythpe/quasar-ui-qui
|
|
|
42
44
|
```
|
|
43
45
|
|
|
44
46
|
#### Manual Boot Registration
|
|
47
|
+
|
|
45
48
|
Create and register a boot file (`src/boot/myth.[ts|js]`):
|
|
49
|
+
|
|
46
50
|
```js
|
|
47
51
|
import { defineBoot } from '#q-app/wrappers'
|
|
48
52
|
import { install } from '@mythpe/quasar-ui-qui'
|
|
@@ -98,11 +102,10 @@ Add the following tags **after** your Quasar Framework assets:
|
|
|
98
102
|
|
|
99
103
|
## 👨💻 Author & Developer
|
|
100
104
|
|
|
101
|
-
|
|
102
|
-
|
|
|
103
|
-
|
|
|
104
|
-
|
|
|
105
|
-
| 📧 **Email** | mythpe@gmail.com |
|
|
105
|
+
| **Developer** | Ahmed Faiz (MyTh) |
|
|
106
|
+
| :-------------- | :-------------------------------- |
|
|
107
|
+
| 🌐 **Website** | [4myth.com](https://4myth.com) |
|
|
108
|
+
| 📧 **Email** | mythpe@gmail.com |
|
|
106
109
|
| 📱 **WhatsApp** | [+966 59 047 0092](https://wa.me) |
|
|
107
110
|
|
|
108
111
|
## 📄 License
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { QBtnProps } from 'quasar';
|
|
2
|
+
import { ComponentPublicInstance, VNode } from 'vue';
|
|
3
|
+
import { SpinnerType } from '../../types/config';
|
|
4
|
+
export interface MBtnProps extends Omit<QBtnProps, 'label'> {
|
|
5
|
+
/**
|
|
6
|
+
* The text that will be shown on the button
|
|
7
|
+
*/
|
|
8
|
+
label?: string | number | undefined | null;
|
|
9
|
+
/**
|
|
10
|
+
* Removes the default button styles
|
|
11
|
+
*/
|
|
12
|
+
noStyle?: boolean;
|
|
13
|
+
nativeLabel?: boolean | undefined;
|
|
14
|
+
/**
|
|
15
|
+
* Type of loading indicator
|
|
16
|
+
*/
|
|
17
|
+
spinner?: SpinnerType;
|
|
18
|
+
}
|
|
19
|
+
export interface MBtnSlots {
|
|
20
|
+
/**
|
|
21
|
+
* Use for custom content, instead of relying on 'icon' and 'label' props
|
|
22
|
+
*/
|
|
23
|
+
default: () => VNode[];
|
|
24
|
+
/**
|
|
25
|
+
* Override the default QSpinner when in 'loading' state
|
|
26
|
+
*/
|
|
27
|
+
loading: () => VNode[];
|
|
28
|
+
}
|
|
29
|
+
export interface MBtn extends ComponentPublicInstance<MBtnProps> {
|
|
30
|
+
/**
|
|
31
|
+
* Emulate click on MBtn
|
|
32
|
+
* @param evt JS event object
|
|
33
|
+
*/
|
|
34
|
+
click: (evt?: Event) => void;
|
|
35
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ComponentPublicInstance, VNode } from 'vue';
|
|
2
|
+
import { MGridProps } from '../MGrid';
|
|
3
|
+
export interface MColumnProps {
|
|
4
|
+
size?: MGridProps['size'];
|
|
5
|
+
type?: MGridProps['type'];
|
|
6
|
+
}
|
|
7
|
+
export interface MColumnSlots {
|
|
8
|
+
default?: () => VNode[];
|
|
9
|
+
}
|
|
10
|
+
export interface MColumn extends ComponentPublicInstance<MColumnProps> {
|
|
11
|
+
}
|
|
12
|
+
s<__VLS_TypePropsToOption<MColumnProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<MColumnProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_TypePropsToOption<T> = {
|
|
17
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
18
|
+
type: PropType<Required<T>[K]>;
|
|
19
|
+
} : {
|
|
20
|
+
type: PropType<T[K]>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { MContainerProps } from './MContainer';
|
|
2
|
+
import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
|
|
3
|
+
declare var __VLS_1: {};
|
|
4
|
+
type __VLS_Slots = {} & {
|
|
5
|
+
default?: (props: typeof __VLS_1) => any;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_base: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption<MContainerProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<MContainerProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
8
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
9
|
+
declare const _default: typeof __VLS_export;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_TypePropsToOption<T> = {
|
|
12
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
13
|
+
type: PropType<Required<T>[K]>;
|
|
14
|
+
} : {
|
|
15
|
+
type: PropType<T[K]>;
|
|
16
|
+
required: true;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ComponentPublicInstance, VNode } from 'vue';
|
|
2
|
+
import { GridGutterSize, GridGutterType, GridType } from '../../types/config';
|
|
3
|
+
export interface MGridProps {
|
|
4
|
+
gridType: GridType;
|
|
5
|
+
size?: GridGutterSize;
|
|
6
|
+
type?: GridGutterType;
|
|
7
|
+
}
|
|
8
|
+
export interface MGridSlots {
|
|
9
|
+
default?: () => VNode[];
|
|
10
|
+
}
|
|
11
|
+
export interface MGrid extends ComponentPublicInstance<MGridProps> {
|
|
12
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ComponentPublicInstance, VNode } from 'vue';
|
|
2
|
+
import { MGridProps } from '../MGrid';
|
|
3
|
+
export interface MRowProps {
|
|
4
|
+
size?: MGridProps['size'];
|
|
5
|
+
type?: MGridProps['type'];
|
|
6
|
+
}
|
|
7
|
+
export interface MRowSlots {
|
|
8
|
+
default?: () => VNode[];
|
|
9
|
+
}
|
|
10
|
+
export interface MRow extends ComponentPublicInstance<MRowProps> {
|
|
11
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as MBtn, MBtnProps, MBtnSlots } from './MBtn/MBtn';
|
|
2
|
+
import { default as MContainer, MContainerProps, MContainerSlots } from './grid/MContainer/MContainer';
|
|
3
|
+
import { default as MGrid, MGridProps, MGridSlots } from './grid/MGrid';
|
|
4
|
+
import { default as MColumn, MColumnProps, MColumnSlots } from './grid/MColumn/MColumn';
|
|
5
|
+
import { default as MRow, MRowProps, MRowSlots } from './grid/MRow/MRow';
|
|
6
|
+
import { GlobalComponentConstructor } from 'quasar';
|
|
7
|
+
export * from './grid/MGrid';
|
|
8
|
+
export * from './grid/MColumn/MColumn';
|
|
9
|
+
export * from './grid/MContainer/MContainer';
|
|
10
|
+
export * from './grid/MRow/MRow';
|
|
11
|
+
export * from './MBtn/MBtn';
|
|
12
|
+
export { MBtn, MContainer, MGrid, MColumn, MRow };
|
|
13
|
+
export interface MythGlobalComponents {
|
|
14
|
+
MContainer: GlobalComponentConstructor<MContainerProps, MContainerSlots>;
|
|
15
|
+
MGrid: GlobalComponentConstructor<MGridProps, MGridSlots>;
|
|
16
|
+
MColumn: GlobalComponentConstructor<MColumnProps, MColumnSlots>;
|
|
17
|
+
MRow: GlobalComponentConstructor<MRowProps, MRowSlots>;
|
|
18
|
+
MBtn: GlobalComponentConstructor<MBtnProps, MBtnSlots>;
|
|
19
|
+
}
|