@windwalker-io/unicorn-next 0.1.0 → 0.1.1

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.
Files changed (135) hide show
  1. package/.editorconfig +18 -18
  2. package/.gulp.json +7 -7
  3. package/bin/release.mjs +47 -47
  4. package/dist/chunks/button-radio.js.map +1 -1
  5. package/dist/chunks/checkboxes-multi-select.js.map +1 -1
  6. package/dist/chunks/field-cascade-select.js.map +1 -1
  7. package/dist/chunks/field-file-drag.js.map +1 -1
  8. package/dist/chunks/field-flatpickr.js.map +1 -1
  9. package/dist/chunks/field-modal-select.js.map +1 -1
  10. package/dist/chunks/field-modal-tree.js +2 -2
  11. package/dist/chunks/field-modal-tree.js.map +1 -1
  12. package/dist/chunks/field-multi-uploader.js.map +1 -1
  13. package/dist/chunks/field-repeatable.js.map +1 -1
  14. package/dist/chunks/field-single-image-drag.js.map +1 -1
  15. package/dist/chunks/form.js +1 -1
  16. package/dist/chunks/form.js.map +1 -1
  17. package/dist/chunks/grid.js.map +1 -1
  18. package/dist/chunks/http-client.js.map +1 -1
  19. package/dist/chunks/iframe-modal.js.map +1 -1
  20. package/dist/chunks/keep-tab.js +1 -1
  21. package/dist/chunks/keep-tab.js.map +1 -1
  22. package/dist/chunks/legacy.js +3 -3
  23. package/dist/chunks/legacy.js.map +1 -1
  24. package/dist/chunks/list-dependent.js.map +1 -1
  25. package/dist/chunks/s3-multipart-uploader.js.map +1 -1
  26. package/dist/chunks/s3-uploader.js.map +1 -1
  27. package/dist/chunks/show-on.js.map +1 -1
  28. package/dist/chunks/tinymce.js +14 -4
  29. package/dist/chunks/tinymce.js.map +1 -1
  30. package/dist/chunks/ui-bootstrap5.js +9 -2
  31. package/dist/chunks/ui-bootstrap5.js.map +1 -1
  32. package/dist/chunks/unicorn.js +94 -46
  33. package/dist/chunks/unicorn.js.map +1 -1
  34. package/dist/chunks/validation.js.map +1 -1
  35. package/dist/editor.css +1 -1
  36. package/dist/index.d.ts +55 -36
  37. package/dist/multi-level-menu.css +1 -1
  38. package/dist/switcher.css +1 -1
  39. package/dist/unicorn.js +22 -22
  40. package/fusionfile.mjs +155 -155
  41. package/package.json +102 -102
  42. package/scss/bootstrap/multi-level-menu.scss +121 -121
  43. package/scss/editor.scss +116 -116
  44. package/scss/field/file-drag.scss +102 -102
  45. package/scss/field/single-image-drag.scss +88 -88
  46. package/scss/field/vue-drag-uploader.scss +160 -160
  47. package/scss/switcher.scss +156 -156
  48. package/src/app.ts +128 -128
  49. package/src/bootstrap/button-radio.ts +208 -208
  50. package/src/bootstrap/keep-tab.ts +155 -155
  51. package/src/composable/index.ts +21 -21
  52. package/src/composable/useCheckboxesMultiSelect.ts +22 -22
  53. package/src/composable/useFieldCascadeSelect.ts +9 -9
  54. package/src/composable/useFieldFileDrag.ts +9 -9
  55. package/src/composable/useFieldFlatpickr.ts +3 -3
  56. package/src/composable/useFieldModalSelect.ts +6 -6
  57. package/src/composable/useFieldModalTree.ts +3 -3
  58. package/src/composable/useFieldMultiUploader.ts +3 -3
  59. package/src/composable/useFieldRepeatable.ts +9 -9
  60. package/src/composable/useFieldSingleImageDrag.ts +5 -5
  61. package/src/composable/useForm.ts +43 -43
  62. package/src/composable/useGrid.ts +57 -57
  63. package/src/composable/useHttp.ts +9 -8
  64. package/src/composable/useIframeModal.ts +9 -9
  65. package/src/composable/useListDependent.ts +26 -26
  66. package/src/composable/useQueue.ts +13 -13
  67. package/src/composable/useS3Uploader.ts +32 -32
  68. package/src/composable/useShowOn.ts +9 -9
  69. package/src/composable/useStack.ts +13 -13
  70. package/src/composable/useTinymce.ts +29 -29
  71. package/src/composable/useTomSelect.ts +72 -72
  72. package/src/composable/useUIBootstrap5.ts +48 -48
  73. package/src/composable/useUniDirective.ts +32 -32
  74. package/src/composable/useValidation.ts +39 -39
  75. package/src/data.ts +34 -36
  76. package/src/events.ts +82 -73
  77. package/src/legacy/legacy.ts +186 -186
  78. package/src/legacy/loader.ts +125 -125
  79. package/src/module/checkboxes-multi-select.ts +54 -54
  80. package/src/module/field-cascade-select.ts +292 -292
  81. package/src/module/field-file-drag.ts +292 -292
  82. package/src/module/field-flatpickr.ts +127 -127
  83. package/src/module/field-modal-select.ts +174 -174
  84. package/src/module/field-modal-tree.ts +27 -27
  85. package/src/module/field-multi-uploader.ts +361 -361
  86. package/src/module/field-repeatable.ts +202 -202
  87. package/src/module/field-single-image-drag.ts +468 -468
  88. package/src/module/form.ts +223 -223
  89. package/src/module/grid.ts +465 -465
  90. package/src/module/http-client.ts +248 -243
  91. package/src/module/iframe-modal.ts +167 -167
  92. package/src/module/list-dependent.ts +321 -321
  93. package/src/module/s3-multipart-uploader.ts +300 -300
  94. package/src/module/s3-uploader.ts +234 -234
  95. package/src/module/show-on.ts +173 -173
  96. package/src/module/tinymce.ts +279 -263
  97. package/src/module/ui-bootstrap5.ts +116 -107
  98. package/src/module/validation.ts +1019 -1019
  99. package/src/plugin/index.ts +1 -1
  100. package/src/plugin/php-adapter.ts +65 -65
  101. package/src/polyfill/form-request-submit.ts +31 -31
  102. package/src/polyfill/index.ts +9 -9
  103. package/src/service/animate.ts +58 -58
  104. package/src/service/crypto.ts +27 -27
  105. package/src/service/dom-watcher.ts +62 -62
  106. package/src/service/dom.ts +265 -265
  107. package/src/service/helper.ts +48 -48
  108. package/src/service/index.ts +10 -10
  109. package/src/service/lang.ts +122 -122
  110. package/src/service/loader.ts +152 -152
  111. package/src/service/router.ts +118 -118
  112. package/src/service/ui.ts +525 -497
  113. package/src/service/uri.ts +106 -106
  114. package/src/types/base.ts +9 -9
  115. package/src/types/index.ts +4 -4
  116. package/src/types/modal-tree.ts +12 -12
  117. package/src/types/plugin.ts +6 -6
  118. package/src/types/shims.d.ts +18 -18
  119. package/src/types/ui.ts +6 -6
  120. package/src/unicorn.ts +79 -63
  121. package/src/utilities/arr.ts +25 -25
  122. package/src/utilities/base.ts +9 -9
  123. package/src/utilities/data.ts +48 -48
  124. package/src/utilities/index.ts +5 -5
  125. package/src/utilities/tree.ts +20 -20
  126. package/src/vue/components/ModalTree/ModalTreeApp.vue +175 -175
  127. package/src/vue/components/ModalTree/TreeItem.vue +262 -262
  128. package/src/vue/components/ModalTree/TreeModal.vue +225 -225
  129. package/tests/test.js +4 -4
  130. package/tsconfig.js.json +25 -25
  131. package/tsconfig.json +17 -17
  132. package/vite.assets.config.ts +61 -61
  133. package/vite.config.test.ts +36 -36
  134. package/vite.config.ts +112 -112
  135. package/dist/unicorn-next.css +0 -12
@@ -1,243 +1,248 @@
1
- import type { AxiosInstance, AxiosRequestConfig, AxiosResponse, CreateAxiosDefaults } from 'axios';
2
- import AxiosStatic, { AxiosError, isAxiosError, isCancel } from 'axios';
3
- import { parseTemplate } from 'url-template';
4
- import { data } from '../data';
5
- import { route } from '../service';
6
-
7
- export interface ApiReturn<T = any> {
8
- success: boolean;
9
- message?: string;
10
- code: number;
11
- status: number;
12
- data: T;
13
- }
14
-
15
- declare module 'axios' {
16
- export interface AxiosRequestConfig {
17
- vars?: Record<string, any>;
18
- methodSimulate?: string;
19
- methodSimulateByHeader?: boolean;
20
- }
21
-
22
- export interface CreateAxiosDefaults {
23
- }
24
- }
25
-
26
- function prepareAxios(axios: AxiosInstance): AxiosInstance {
27
- axios.interceptors.request.use((config) => {
28
- config.headers['X-CSRF-Token'] = data('csrf-token');
29
-
30
- if (config.url && config.url.startsWith('@')) {
31
- config.url = route(config.url);
32
- }
33
-
34
- if (config?.vars && config.url) {
35
- const tmpl = parseTemplate(config.url);
36
- config.url = tmpl.expand(config.vars || {});
37
- }
38
-
39
- // Simulate methods
40
- if (config.methodSimulate) {
41
- if (config.methodSimulateByHeader) {
42
- config.headers['X-HTTP-Method-Override'] = config;
43
- } else if (typeof config.data === 'object') {
44
- config.data['_method'] = config.method;
45
- } else if (typeof config.data === 'string') {
46
- if (config.data.includes('?')) {
47
- config.data += '&_method=' + config.method;
48
- } else {
49
- config.data += '?_method=' + config.method;
50
- }
51
- }
52
-
53
- if (config.method?.toLowerCase() !== 'get') {
54
- config.method = 'POST';
55
- }
56
- }
57
-
58
- return config;
59
- });
60
-
61
- return axios;
62
- }
63
-
64
- export type UnicornHttpClient = ReturnType<typeof createHttpClient>;
65
-
66
- export function createHttpClient(config?: CreateAxiosDefaults | AxiosInstance) {
67
- const axios = config && 'interceptors' in config
68
- ? config
69
- : AxiosStatic.create(config ?? {});
70
-
71
- prepareAxios(axios);
72
-
73
- function requestMiddleware(callback: Parameters<AxiosInstance['interceptors']['request']['use']>[0]) {
74
- return axios.interceptors.request.use(callback);
75
- }
76
-
77
- function responseMiddleware(callback: Parameters<AxiosInstance['interceptors']['response']['use']>[0]) {
78
- return axios.interceptors.response.use(callback);
79
- }
80
-
81
- /**
82
- * Send a GET request.
83
- */
84
- async function get<T = any, D = any>(
85
- url: string,
86
- options: Partial<AxiosRequestConfig> = {}
87
- ): Promise<AxiosResponse<T, D>> {
88
- options.url = url;
89
- options.method = 'GET';
90
-
91
- return request(options);
92
- }
93
-
94
- /**
95
- * Send a POST request.
96
- */
97
- async function post<T = any, D = any>(
98
- url: string,
99
- data?: any,
100
- options: Partial<AxiosRequestConfig> = {}
101
- ): Promise<AxiosResponse<T, D>> {
102
- options.url = url;
103
- options.method = 'POST';
104
- options.data = data;
105
-
106
- return request(options);
107
- }
108
-
109
- /**
110
- * Send a PUT request.
111
- *
112
- * @param {string} url
113
- * @param {any} data
114
- * @param {AxiosRequestConfig} options
115
- *
116
- * @returns {Promise<AxiosResponse>}
117
- */
118
- async function put<T = any, D = any>(
119
- url: string,
120
- data?: any,
121
- options: Partial<AxiosRequestConfig> = {}
122
- ): Promise<AxiosResponse<T, D>> {
123
- options.url = url;
124
- options.method = 'PUT';
125
- options.data = data;
126
-
127
- return request(options);
128
- }
129
-
130
- /**
131
- * Send a PATCH request.
132
- *
133
- * @param {string} url
134
- * @param {any} data
135
- * @param {AxiosRequestConfig} options
136
- *
137
- * @returns {Promise<AxiosResponse>}
138
- */
139
- async function patch<T = any, D = any>(
140
- url: string,
141
- data?: any,
142
- options: Partial<AxiosRequestConfig> = {}
143
- ): Promise<AxiosResponse<T, D>> {
144
- options.url = url;
145
- options.method = 'PATCH';
146
- options.data = data;
147
-
148
- return request(options);
149
- }
150
-
151
- /**
152
- * Send a DELETE request.
153
- *
154
- * @param {string} url
155
- * @param {any} data
156
- * @param {AxiosRequestConfig} options
157
- *
158
- * @returns {Promise<AxiosResponse>}
159
- */
160
- async function deletes<T = any, D = any>(
161
- url: string,
162
- data?: any,
163
- options: Partial<AxiosRequestConfig> = {}
164
- ): Promise<AxiosResponse<T, D>> {
165
- options.url = url;
166
- options.method = 'DELETE';
167
- options.data = data;
168
-
169
- return request(options);
170
- }
171
-
172
- /**
173
- * Send a HEAD request.
174
- *
175
- * @param {string} url
176
- * @param {AxiosRequestConfig} options
177
- *
178
- * @returns {Promise<AxiosResponse>}
179
- */
180
- async function head<T = any, D = any>(
181
- url: string,
182
- options: Partial<AxiosRequestConfig> = {}
183
- ): Promise<AxiosResponse<T, D>> {
184
- options.url = url;
185
- options.method = 'HEAD';
186
-
187
- return request(options);
188
- }
189
-
190
- /**
191
- * Send a OPTIONS request.
192
- *
193
- * @param {string} url
194
- * @param {AxiosRequestConfig} options
195
- *
196
- * @returns {Promise<AxiosResponse>}
197
- */
198
- async function options<T = any, D = any>(
199
- url: string,
200
- options: Partial<AxiosRequestConfig> = {}
201
- ): Promise<AxiosResponse<T, D>> {
202
- options.url = url;
203
- options.method = 'OPTIONS';
204
-
205
- return request(options);
206
- }
207
-
208
- /**
209
- * Send request.
210
- */
211
- async function request<T = any, D = any>(options: AxiosRequestConfig): Promise<AxiosResponse<T, D>> {
212
- try {
213
- return await axios(options);
214
- } catch (e) {
215
- (e as any).originMessage = (e as Error).message;
216
-
217
- const err = e as AxiosError<any>;
218
-
219
- if (err.response?.data?.message) {
220
- err.message = err.response.data.message;
221
- }
222
-
223
- throw err;
224
- }
225
- }
226
-
227
- return {
228
- axios,
229
- request,
230
- get,
231
- post,
232
- put,
233
- patch,
234
- delete: deletes,
235
- head,
236
- options,
237
- requestMiddleware,
238
- responseMiddleware,
239
- isCancel,
240
- AxiosError,
241
- isAxiosError,
242
- };
243
- }
1
+ import type { AxiosInstance, AxiosRequestConfig, AxiosResponse, CreateAxiosDefaults } from 'axios';
2
+ import AxiosStatic, { AxiosError, isAxiosError, isCancel } from 'axios';
3
+ import { parseTemplate } from 'url-template';
4
+ import { data } from '../data';
5
+ import { route } from '../service';
6
+
7
+ export interface ApiReturn<T = any> {
8
+ success: boolean;
9
+ message?: string;
10
+ code: number;
11
+ status: number;
12
+ data: T;
13
+ }
14
+
15
+ declare module 'axios' {
16
+ export interface AxiosRequestConfig {
17
+ vars?: Record<string, any>;
18
+ methodSimulate?: string;
19
+ methodSimulateByHeader?: boolean;
20
+ }
21
+
22
+ export interface CreateAxiosDefaults {
23
+ }
24
+ }
25
+
26
+ function prepareAxios(axios: AxiosInstance): AxiosInstance {
27
+ axios.interceptors.request.use((config) => {
28
+ config.headers['X-CSRF-Token'] = data('csrf-token');
29
+
30
+ if (config.url && config.url.startsWith('@')) {
31
+ config.url = route(config.url);
32
+ }
33
+
34
+ if (config?.vars && config.url) {
35
+ const tmpl = parseTemplate(config.url);
36
+ config.url = tmpl.expand(config.vars || {});
37
+ }
38
+
39
+ // Simulate methods
40
+ if (config.methodSimulate) {
41
+ if (config.methodSimulateByHeader) {
42
+ config.headers['X-HTTP-Method-Override'] = config;
43
+ } else if (typeof config.data === 'object') {
44
+ config.data['_method'] = config.method;
45
+ } else if (typeof config.data === 'string') {
46
+ if (config.data.includes('?')) {
47
+ config.data += '&_method=' + config.method;
48
+ } else {
49
+ config.data += '?_method=' + config.method;
50
+ }
51
+ }
52
+
53
+ if (config.method?.toLowerCase() !== 'get') {
54
+ config.method = 'POST';
55
+ }
56
+ }
57
+
58
+ return config;
59
+ });
60
+
61
+ return axios;
62
+ }
63
+
64
+ export type UnicornHttpClient = ReturnType<typeof createHttpClient>;
65
+
66
+ export function createHttpClient(config?: CreateAxiosDefaults | AxiosInstance) {
67
+ const axios = config && 'interceptors' in config
68
+ ? config
69
+ : AxiosStatic.create(config ?? {});
70
+
71
+ prepareAxios(axios);
72
+
73
+ function requestMiddleware(callback: Parameters<AxiosInstance['interceptors']['request']['use']>[0]) {
74
+ return axios.interceptors.request.use(callback);
75
+ }
76
+
77
+ function responseMiddleware(callback: Parameters<AxiosInstance['interceptors']['response']['use']>[0]) {
78
+ return axios.interceptors.response.use(callback);
79
+ }
80
+
81
+ /**
82
+ * Send a GET request.
83
+ */
84
+ async function get<T = any, D = any>(
85
+ url: string,
86
+ options: Partial<AxiosRequestConfig> = {}
87
+ ): Promise<AxiosResponse<T, D>> {
88
+ options.url = url;
89
+ options.method = 'GET';
90
+
91
+ return request(options);
92
+ }
93
+
94
+ /**
95
+ * Send a POST request.
96
+ */
97
+ async function post<T = any, D = any>(
98
+ url: string,
99
+ data?: any,
100
+ options: Partial<AxiosRequestConfig> = {}
101
+ ): Promise<AxiosResponse<T, D>> {
102
+ options.url = url;
103
+ options.method = 'POST';
104
+ options.data = data;
105
+
106
+ return request(options);
107
+ }
108
+
109
+ /**
110
+ * Send a PUT request.
111
+ *
112
+ * @param {string} url
113
+ * @param {any} data
114
+ * @param {AxiosRequestConfig} options
115
+ *
116
+ * @returns {Promise<AxiosResponse>}
117
+ */
118
+ async function put<T = any, D = any>(
119
+ url: string,
120
+ data?: any,
121
+ options: Partial<AxiosRequestConfig> = {}
122
+ ): Promise<AxiosResponse<T, D>> {
123
+ options.url = url;
124
+ options.method = 'PUT';
125
+ options.data = data;
126
+
127
+ return request(options);
128
+ }
129
+
130
+ /**
131
+ * Send a PATCH request.
132
+ *
133
+ * @param {string} url
134
+ * @param {any} data
135
+ * @param {AxiosRequestConfig} options
136
+ *
137
+ * @returns {Promise<AxiosResponse>}
138
+ */
139
+ async function patch<T = any, D = any>(
140
+ url: string,
141
+ data?: any,
142
+ options: Partial<AxiosRequestConfig> = {}
143
+ ): Promise<AxiosResponse<T, D>> {
144
+ options.url = url;
145
+ options.method = 'PATCH';
146
+ options.data = data;
147
+
148
+ return request(options);
149
+ }
150
+
151
+ /**
152
+ * Send a DELETE request.
153
+ *
154
+ * @param {string} url
155
+ * @param {any} data
156
+ * @param {AxiosRequestConfig} options
157
+ *
158
+ * @returns {Promise<AxiosResponse>}
159
+ */
160
+ async function deletes<T = any, D = any>(
161
+ url: string,
162
+ data?: any,
163
+ options: Partial<AxiosRequestConfig> = {}
164
+ ): Promise<AxiosResponse<T, D>> {
165
+ options.url = url;
166
+ options.method = 'DELETE';
167
+ options.data = data;
168
+
169
+ return request(options);
170
+ }
171
+
172
+ /**
173
+ * Send a HEAD request.
174
+ *
175
+ * @param {string} url
176
+ * @param {AxiosRequestConfig} options
177
+ *
178
+ * @returns {Promise<AxiosResponse>}
179
+ */
180
+ async function head<T = any, D = any>(
181
+ url: string,
182
+ options: Partial<AxiosRequestConfig> = {}
183
+ ): Promise<AxiosResponse<T, D>> {
184
+ options.url = url;
185
+ options.method = 'HEAD';
186
+
187
+ return request(options);
188
+ }
189
+
190
+ /**
191
+ * Send a OPTIONS request.
192
+ *
193
+ * @param {string} url
194
+ * @param {AxiosRequestConfig} options
195
+ *
196
+ * @returns {Promise<AxiosResponse>}
197
+ */
198
+ async function options<T = any, D = any>(
199
+ url: string,
200
+ options: Partial<AxiosRequestConfig> = {}
201
+ ): Promise<AxiosResponse<T, D>> {
202
+ options.url = url;
203
+ options.method = 'OPTIONS';
204
+
205
+ return request(options);
206
+ }
207
+
208
+ /**
209
+ * Send request.
210
+ */
211
+ async function request<T = any, D = any>(options: AxiosRequestConfig): Promise<AxiosResponse<T, D>> {
212
+ try {
213
+ return await axios(options);
214
+ } catch (e) {
215
+ (e as any).originMessage = (e as Error).message;
216
+
217
+ const err = e as AxiosError<any>;
218
+
219
+ if (err.response?.data?.message) {
220
+ err.message = err.response.data.message;
221
+ }
222
+
223
+ throw err;
224
+ }
225
+ }
226
+
227
+ return {
228
+ axios,
229
+ request,
230
+ get,
231
+ post,
232
+ put,
233
+ patch,
234
+ delete: deletes,
235
+ head,
236
+ options,
237
+ requestMiddleware,
238
+ responseMiddleware,
239
+ isCancel,
240
+ AxiosError,
241
+ isAxiosError,
242
+ };
243
+ }
244
+
245
+ export interface UnicornHttpModule {
246
+ UnicornHttpClient: UnicornHttpClient;
247
+ createHttpClient: typeof createHttpClient;
248
+ }