sprintify-ui 0.1.15 → 0.1.16
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 +1 -26
- package/dist/sprintify-ui.es.js +11935 -11825
- package/dist/style.css +1 -1
- package/dist/types/src/components/BaseAutocomplete.vue.d.ts +1 -1
- package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts +2 -2
- package/dist/types/src/components/BaseBelongsTo.vue.d.ts +1 -1
- package/dist/types/src/components/BaseDatePicker.vue.d.ts +1 -1
- package/dist/types/src/components/BaseFileUploader.vue.d.ts +1 -1
- package/dist/types/src/components/BaseHeader.vue.d.ts +1 -1
- package/dist/types/src/components/BaseMediaLibrary.vue.d.ts +1 -1
- package/dist/types/src/components/BaseMediaListItem.vue.d.ts +1 -1
- package/dist/types/src/components/BaseNumber.vue.d.ts +3 -3
- package/dist/types/src/components/BaseTableColumn.vue.d.ts +1 -1
- package/dist/types/src/components/BaseTagAutocomplete.vue.d.ts +1 -1
- package/dist/types/src/composables/mediaQuery.d.ts +2 -2
- package/dist/types/src/i18n/index.d.ts +1 -0
- package/dist/types/src/index.d.ts +0 -178
- package/dist/types/src/stores/i18n.d.ts +5 -0
- package/package.json +7 -6
- package/src/components/BaseAddressForm.vue +8 -7
- package/src/components/BaseAutocomplete.vue +3 -3
- package/src/components/BaseAutocompleteDrawer.vue +2 -1
- package/src/components/BaseAutocompleteFetch.vue +2 -1
- package/src/components/BaseCharacterCounter.vue +2 -1
- package/src/components/BaseClipboard.vue +4 -2
- package/src/components/BaseCropper.vue +2 -5
- package/src/components/BaseCropperModal.vue +3 -2
- package/src/components/BaseDataIterator.vue +6 -7
- package/src/components/BaseDataTable.vue +14 -14
- package/src/components/BaseDatePicker.vue +4 -4
- package/src/components/BaseDateSelect.vue +10 -10
- package/src/components/BaseDialog.vue +5 -6
- package/src/components/BaseDisplayRelativeTime.vue +6 -6
- package/src/components/BaseFilePicker.vue +7 -8
- package/src/components/BaseFileUploader.vue +3 -3
- package/src/components/BaseForm.vue +3 -3
- package/src/components/BaseIconPicker.vue +2 -1
- package/src/components/BaseLayoutNotificationDropdown.vue +3 -2
- package/src/components/BaseMediaLibrary.vue +8 -11
- package/src/components/BaseMediaListItem.vue +4 -3
- package/src/components/BaseNumber.vue +25 -5
- package/src/components/BasePagination.vue +4 -3
- package/src/components/BaseReadMore.vue +2 -1
- package/src/components/BaseSelect.vue +3 -2
- package/src/components/BaseTagAutocomplete.vue +4 -4
- package/src/components/BaseTagAutocompleteFetch.vue +3 -2
- package/src/composables/mediaQuery.ts +2 -2
- package/src/i18n/index.ts +60 -0
- package/src/index.ts +11 -11
- package/src/stores/dialogs.ts +3 -3
- package/src/stores/i18n.ts +14 -0
- package/src/utils/fileSizeFormat.ts +6 -6
- package/src/utils/toHumanList.ts +2 -2
package/README.md
CHANGED
|
@@ -37,13 +37,12 @@ npm i sprintify-ui --save
|
|
|
37
37
|
`qs`
|
|
38
38
|
`tailwindcss`
|
|
39
39
|
`vue`
|
|
40
|
-
`vue-i18n`
|
|
41
40
|
`vue-router`
|
|
42
41
|
|
|
43
42
|
To install them all :
|
|
44
43
|
|
|
45
44
|
```bash
|
|
46
|
-
npm i @vueuse/core axios lodash luxon pinia qs tailwindcss vue vue-
|
|
45
|
+
npm i @vueuse/core axios lodash luxon pinia qs tailwindcss vue vue-router --save
|
|
47
46
|
```
|
|
48
47
|
|
|
49
48
|
### Basic Configuration
|
|
@@ -51,7 +50,6 @@ npm i @vueuse/core axios lodash luxon pinia qs tailwindcss vue vue-i18n vue-rout
|
|
|
51
50
|
```ts
|
|
52
51
|
import { createApp } from 'vue';
|
|
53
52
|
import axios from "axios";
|
|
54
|
-
import { createI18n } from "vue-i18n";
|
|
55
53
|
import { createPinia } from "pinia";
|
|
56
54
|
import { createRouter, createWebHistory } from "vue-router";
|
|
57
55
|
import SprintifyUI from "sprintify-ui";
|
|
@@ -70,24 +68,6 @@ const http = axios.create({
|
|
|
70
68
|
useCredentials: true,
|
|
71
69
|
});
|
|
72
70
|
|
|
73
|
-
/** Vue i18n */
|
|
74
|
-
|
|
75
|
-
const messages = {
|
|
76
|
-
en: {},
|
|
77
|
-
fr: {},
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
messages.en.sui = SprintifyUIMessages.en.sui;
|
|
81
|
-
messages.fr.sui = SprintifyUIMessages.fr.sui;
|
|
82
|
-
|
|
83
|
-
type MessageSchema = typeof messages.en;
|
|
84
|
-
|
|
85
|
-
const i18n = createI18n<[MessageSchema], 'en' | 'fr', false>({
|
|
86
|
-
locale: "en",
|
|
87
|
-
legacy: false,
|
|
88
|
-
messages,
|
|
89
|
-
});
|
|
90
|
-
|
|
91
71
|
/** Vue Router */
|
|
92
72
|
|
|
93
73
|
const router = createRouter({
|
|
@@ -99,14 +79,11 @@ const app = createApp(App);
|
|
|
99
79
|
|
|
100
80
|
/** Vue Plugins */
|
|
101
81
|
|
|
102
|
-
// Import router and i18n *before* importing Sprintify UI plugin
|
|
103
|
-
app.use(i18n);
|
|
104
82
|
app.use(router);
|
|
105
83
|
app.use(createPinia());
|
|
106
84
|
|
|
107
85
|
// Import Sprintify UI plugin
|
|
108
86
|
app.use(SprintifyUI, {
|
|
109
|
-
i18n, // Import your i18n instance
|
|
110
87
|
http, // Default axios instance for <BaseAutocompleteFetch>, <BaseDataIterator>, etc...
|
|
111
88
|
upload_url: "/api/files/upload", // Default upload URL for <BaseFileUploader>
|
|
112
89
|
});
|
|
@@ -225,9 +202,7 @@ Each region must adhere to the following interface:
|
|
|
225
202
|
|
|
226
203
|
```js
|
|
227
204
|
app.use(SprintifyUI, {
|
|
228
|
-
i18n,
|
|
229
205
|
http,
|
|
230
|
-
|
|
231
206
|
// Import while initializing Sprintify UI
|
|
232
207
|
countries: window.yourCountryList,
|
|
233
208
|
regions: window.yourRegionList,
|