@mythpe/quasar-ui-qui 0.0.23-dev → 0.0.24-dev
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/index.d.ts +4 -0
- package/package.json +8 -5
- package/src/components/form/MAvatarViewer.vue +324 -0
- package/src/components/form/MBtn.vue +258 -91
- package/src/components/form/MCheckbox.vue +123 -0
- package/src/components/form/MColor.vue +122 -0
- package/src/components/form/MDate.vue +47 -0
- package/src/components/form/MEditor.vue +285 -0
- package/src/components/form/MEmail.vue +40 -0
- package/src/components/form/MField.vue +142 -0
- package/src/components/form/MFile.vue +209 -0
- package/src/components/form/MForm.vue +83 -0
- package/src/components/form/MHidden.vue +83 -0
- package/src/components/form/MHiddenInput.vue +55 -0
- package/src/components/form/MInput.vue +62 -65
- package/src/components/form/MInputFieldControl.vue +4 -1
- package/src/components/form/MInputLabel.vue +6 -2
- package/src/components/form/MMobile.vue +37 -0
- package/src/components/form/MPicker.vue +310 -0
- package/src/components/form/MRadio.vue +175 -0
- package/src/components/form/MSelect.vue +343 -0
- package/src/components/form/MTime.vue +45 -0
- package/src/components/form/index.ts +38 -1
- package/src/components/grid/MBlock.vue +31 -17
- package/src/components/grid/MCol.vue +2 -14
- package/src/components/grid/MContainer.vue +21 -12
- package/src/components/grid/MHelpRow.vue +4 -9
- package/src/components/grid/MRow.vue +22 -9
- package/src/components/index.ts +1 -0
- package/src/components/transition/MFadeTransition.vue +27 -0
- package/src/components/transition/MFadeXTransition.vue +26 -0
- package/src/components/transition/MTransition.vue +41 -0
- package/src/components/transition/index.ts +13 -0
- package/src/components/typography/index.ts +1 -0
- package/src/composable/index.ts +3 -1
- package/src/composable/{useHelpersMyth.ts → useBindInput.ts} +92 -62
- package/src/composable/useError.ts +11 -0
- package/src/composable/useMyth.ts +280 -3
- package/src/composable/useValue.ts +12 -0
- package/src/index.sass +7 -33
- package/src/style/m-container.sass +13 -0
- package/src/style/main.sass +42 -0
- package/src/types/api-helpers.d.ts +120 -0
- package/src/types/components.d.ts +550 -52
- package/src/types/dt.d.ts +142 -0
- package/src/types/index.d.ts +128 -47
- package/src/types/lodash.d.ts +26 -0
- package/src/types/quasar-helpers.d.ts +7 -0
- package/src/types/theme.d.ts +12 -0
- package/src/utils/Helpers.ts +321 -0
- package/src/utils/Str.ts +210 -0
- package/src/utils/index.ts +2 -0
- package/src/utils/myth.ts +75 -22
- package/src/utils/vee-rules.ts +2 -1
- package/src/utils/vue-plugin.ts +80 -3
- package/tsconfig.json +8 -11
package/src/utils/vue-plugin.ts
CHANGED
|
@@ -9,16 +9,88 @@
|
|
|
9
9
|
import type { App } from 'vue'
|
|
10
10
|
import { name, version } from '../../package.json'
|
|
11
11
|
import { myth } from './myth'
|
|
12
|
-
import {
|
|
12
|
+
import {
|
|
13
|
+
MAvatarViewer,
|
|
14
|
+
MBlock,
|
|
15
|
+
MBtn,
|
|
16
|
+
MCheckbox,
|
|
17
|
+
MCol,
|
|
18
|
+
MColor,
|
|
19
|
+
MColumn,
|
|
20
|
+
MContainer,
|
|
21
|
+
MDate,
|
|
22
|
+
MEditor,
|
|
23
|
+
MEmail,
|
|
24
|
+
MFadeTransition,
|
|
25
|
+
MFadeXTransition,
|
|
26
|
+
MField,
|
|
27
|
+
MFile,
|
|
28
|
+
MForm,
|
|
29
|
+
MHelpRow,
|
|
30
|
+
MHidden,
|
|
31
|
+
MHiddenInput,
|
|
32
|
+
MInput,
|
|
33
|
+
MInputFieldControl,
|
|
34
|
+
MInputLabel,
|
|
35
|
+
MMobile,
|
|
36
|
+
MPicker,
|
|
37
|
+
MRadio,
|
|
38
|
+
MRow,
|
|
39
|
+
MSelect,
|
|
40
|
+
MTime,
|
|
41
|
+
MTransition,
|
|
42
|
+
MTypingString
|
|
43
|
+
} from '../components'
|
|
13
44
|
|
|
14
|
-
|
|
15
|
-
|
|
45
|
+
import type { InstallOptions } from '../types'
|
|
46
|
+
|
|
47
|
+
function install (app: App, options: InstallOptions = {}) {
|
|
48
|
+
if (options.rounded !== undefined) {
|
|
49
|
+
myth.rounded.value = options.rounded
|
|
50
|
+
}
|
|
51
|
+
if (options.shadow !== undefined) {
|
|
52
|
+
myth.shadow.value = options.shadow
|
|
53
|
+
}
|
|
54
|
+
if (options.fluid !== undefined) {
|
|
55
|
+
myth.setFluid(options.fluid)
|
|
56
|
+
}
|
|
57
|
+
if (options.size !== undefined) {
|
|
58
|
+
myth.setSize(options.size)
|
|
59
|
+
}
|
|
60
|
+
if (options.props !== undefined) {
|
|
61
|
+
myth.withProps(options.props)
|
|
62
|
+
}
|
|
63
|
+
if (options.rules !== undefined) {
|
|
64
|
+
myth.withRules(options.rules)
|
|
65
|
+
}
|
|
66
|
+
if (options.themeBtn !== undefined) {
|
|
67
|
+
myth.themeBtn.value = options.themeBtn
|
|
68
|
+
}
|
|
69
|
+
if (options.themeInput !== undefined) {
|
|
70
|
+
myth.themeInput.value = options.themeInput
|
|
71
|
+
}
|
|
16
72
|
|
|
17
73
|
// Form.
|
|
74
|
+
app.component('MAvatarViewer', MAvatarViewer)
|
|
18
75
|
app.component('MBtn', MBtn)
|
|
76
|
+
app.component('MCheckbox', MCheckbox)
|
|
77
|
+
app.component('MColor', MColor)
|
|
78
|
+
app.component('MDate', MDate)
|
|
79
|
+
app.component('MEditor', MEditor)
|
|
80
|
+
app.component('MEmail', MEmail)
|
|
81
|
+
app.component('MField', MField)
|
|
82
|
+
app.component('MFile', MFile)
|
|
83
|
+
app.component('MForm', MForm)
|
|
84
|
+
app.component('MHidden', MHidden)
|
|
85
|
+
app.component('MHiddenInput', MHiddenInput)
|
|
19
86
|
app.component('MInput', MInput)
|
|
20
87
|
app.component('MInputFieldControl', MInputFieldControl)
|
|
21
88
|
app.component('MInputLabel', MInputLabel)
|
|
89
|
+
app.component('MMobile', MMobile)
|
|
90
|
+
app.component('MPicker', MPicker)
|
|
91
|
+
app.component('MRadio', MRadio)
|
|
92
|
+
app.component('MSelect', MSelect)
|
|
93
|
+
app.component('MTime', MTime)
|
|
22
94
|
|
|
23
95
|
// Grid.
|
|
24
96
|
app.component('MBlock', MBlock)
|
|
@@ -30,6 +102,11 @@ function install (app: App, options = {}) {
|
|
|
30
102
|
|
|
31
103
|
// Typography.
|
|
32
104
|
app.component('MTypingString', MTypingString)
|
|
105
|
+
|
|
106
|
+
// Transitions.
|
|
107
|
+
app.component('MTransition', MTransition)
|
|
108
|
+
app.component('MFadeTransition', MFadeTransition)
|
|
109
|
+
app.component('MFadeXTransition', MFadeXTransition)
|
|
33
110
|
}
|
|
34
111
|
|
|
35
112
|
export {
|
package/tsconfig.json
CHANGED
|
@@ -19,15 +19,12 @@
|
|
|
19
19
|
"allowUnusedLabels": false,
|
|
20
20
|
"noImplicitOverride": true,
|
|
21
21
|
"exactOptionalPropertyTypes": false,
|
|
22
|
-
"noUncheckedIndexedAccess": true
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"./dist",
|
|
31
|
-
"./node_modules",
|
|
32
|
-
]
|
|
22
|
+
"noUncheckedIndexedAccess": true,
|
|
23
|
+
"types": [
|
|
24
|
+
"vite/client"
|
|
25
|
+
],
|
|
26
|
+
"noImplicitAny": false,
|
|
27
|
+
"moduleResolution": "Bundler",
|
|
28
|
+
"newLine": "lf"
|
|
29
|
+
}
|
|
33
30
|
}
|