@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.
- package/.editorconfig +18 -18
- package/.gulp.json +7 -7
- package/bin/release.mjs +47 -47
- package/dist/chunks/button-radio.js.map +1 -1
- package/dist/chunks/checkboxes-multi-select.js.map +1 -1
- package/dist/chunks/field-cascade-select.js.map +1 -1
- package/dist/chunks/field-file-drag.js.map +1 -1
- package/dist/chunks/field-flatpickr.js.map +1 -1
- package/dist/chunks/field-modal-select.js.map +1 -1
- package/dist/chunks/field-modal-tree.js +2 -2
- package/dist/chunks/field-modal-tree.js.map +1 -1
- package/dist/chunks/field-multi-uploader.js.map +1 -1
- package/dist/chunks/field-repeatable.js.map +1 -1
- package/dist/chunks/field-single-image-drag.js.map +1 -1
- package/dist/chunks/form.js +1 -1
- package/dist/chunks/form.js.map +1 -1
- package/dist/chunks/grid.js.map +1 -1
- package/dist/chunks/http-client.js.map +1 -1
- package/dist/chunks/iframe-modal.js.map +1 -1
- package/dist/chunks/keep-tab.js +1 -1
- package/dist/chunks/keep-tab.js.map +1 -1
- package/dist/chunks/legacy.js +3 -3
- package/dist/chunks/legacy.js.map +1 -1
- package/dist/chunks/list-dependent.js.map +1 -1
- package/dist/chunks/s3-multipart-uploader.js.map +1 -1
- package/dist/chunks/s3-uploader.js.map +1 -1
- package/dist/chunks/show-on.js.map +1 -1
- package/dist/chunks/tinymce.js +14 -4
- package/dist/chunks/tinymce.js.map +1 -1
- package/dist/chunks/ui-bootstrap5.js +9 -2
- package/dist/chunks/ui-bootstrap5.js.map +1 -1
- package/dist/chunks/unicorn.js +94 -46
- package/dist/chunks/unicorn.js.map +1 -1
- package/dist/chunks/validation.js.map +1 -1
- package/dist/editor.css +1 -1
- package/dist/index.d.ts +55 -36
- package/dist/multi-level-menu.css +1 -1
- package/dist/switcher.css +1 -1
- package/dist/unicorn.js +22 -22
- package/fusionfile.mjs +155 -155
- package/package.json +102 -102
- package/scss/bootstrap/multi-level-menu.scss +121 -121
- package/scss/editor.scss +116 -116
- package/scss/field/file-drag.scss +102 -102
- package/scss/field/single-image-drag.scss +88 -88
- package/scss/field/vue-drag-uploader.scss +160 -160
- package/scss/switcher.scss +156 -156
- package/src/app.ts +128 -128
- package/src/bootstrap/button-radio.ts +208 -208
- package/src/bootstrap/keep-tab.ts +155 -155
- package/src/composable/index.ts +21 -21
- package/src/composable/useCheckboxesMultiSelect.ts +22 -22
- package/src/composable/useFieldCascadeSelect.ts +9 -9
- package/src/composable/useFieldFileDrag.ts +9 -9
- package/src/composable/useFieldFlatpickr.ts +3 -3
- package/src/composable/useFieldModalSelect.ts +6 -6
- package/src/composable/useFieldModalTree.ts +3 -3
- package/src/composable/useFieldMultiUploader.ts +3 -3
- package/src/composable/useFieldRepeatable.ts +9 -9
- package/src/composable/useFieldSingleImageDrag.ts +5 -5
- package/src/composable/useForm.ts +43 -43
- package/src/composable/useGrid.ts +57 -57
- package/src/composable/useHttp.ts +9 -8
- package/src/composable/useIframeModal.ts +9 -9
- package/src/composable/useListDependent.ts +26 -26
- package/src/composable/useQueue.ts +13 -13
- package/src/composable/useS3Uploader.ts +32 -32
- package/src/composable/useShowOn.ts +9 -9
- package/src/composable/useStack.ts +13 -13
- package/src/composable/useTinymce.ts +29 -29
- package/src/composable/useTomSelect.ts +72 -72
- package/src/composable/useUIBootstrap5.ts +48 -48
- package/src/composable/useUniDirective.ts +32 -32
- package/src/composable/useValidation.ts +39 -39
- package/src/data.ts +34 -36
- package/src/events.ts +82 -73
- package/src/legacy/legacy.ts +186 -186
- package/src/legacy/loader.ts +125 -125
- package/src/module/checkboxes-multi-select.ts +54 -54
- package/src/module/field-cascade-select.ts +292 -292
- package/src/module/field-file-drag.ts +292 -292
- package/src/module/field-flatpickr.ts +127 -127
- package/src/module/field-modal-select.ts +174 -174
- package/src/module/field-modal-tree.ts +27 -27
- package/src/module/field-multi-uploader.ts +361 -361
- package/src/module/field-repeatable.ts +202 -202
- package/src/module/field-single-image-drag.ts +468 -468
- package/src/module/form.ts +223 -223
- package/src/module/grid.ts +465 -465
- package/src/module/http-client.ts +248 -243
- package/src/module/iframe-modal.ts +167 -167
- package/src/module/list-dependent.ts +321 -321
- package/src/module/s3-multipart-uploader.ts +300 -300
- package/src/module/s3-uploader.ts +234 -234
- package/src/module/show-on.ts +173 -173
- package/src/module/tinymce.ts +279 -263
- package/src/module/ui-bootstrap5.ts +116 -107
- package/src/module/validation.ts +1019 -1019
- package/src/plugin/index.ts +1 -1
- package/src/plugin/php-adapter.ts +65 -65
- package/src/polyfill/form-request-submit.ts +31 -31
- package/src/polyfill/index.ts +9 -9
- package/src/service/animate.ts +58 -58
- package/src/service/crypto.ts +27 -27
- package/src/service/dom-watcher.ts +62 -62
- package/src/service/dom.ts +265 -265
- package/src/service/helper.ts +48 -48
- package/src/service/index.ts +10 -10
- package/src/service/lang.ts +122 -122
- package/src/service/loader.ts +152 -152
- package/src/service/router.ts +118 -118
- package/src/service/ui.ts +525 -497
- package/src/service/uri.ts +106 -106
- package/src/types/base.ts +9 -9
- package/src/types/index.ts +4 -4
- package/src/types/modal-tree.ts +12 -12
- package/src/types/plugin.ts +6 -6
- package/src/types/shims.d.ts +18 -18
- package/src/types/ui.ts +6 -6
- package/src/unicorn.ts +79 -63
- package/src/utilities/arr.ts +25 -25
- package/src/utilities/base.ts +9 -9
- package/src/utilities/data.ts +48 -48
- package/src/utilities/index.ts +5 -5
- package/src/utilities/tree.ts +20 -20
- package/src/vue/components/ModalTree/ModalTreeApp.vue +175 -175
- package/src/vue/components/ModalTree/TreeItem.vue +262 -262
- package/src/vue/components/ModalTree/TreeModal.vue +225 -225
- package/tests/test.js +4 -4
- package/tsconfig.js.json +25 -25
- package/tsconfig.json +17 -17
- package/vite.assets.config.ts +61 -61
- package/vite.config.test.ts +36 -36
- package/vite.config.ts +112 -112
- package/dist/unicorn-next.css +0 -12
package/src/service/uri.ts
CHANGED
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
import { data } from '../data';
|
|
2
|
-
|
|
3
|
-
type UriTypes = 'full' | 'path' | 'root' | 'current' | 'route' | 'script';
|
|
4
|
-
type AssetTypes = 'root' | 'path';
|
|
5
|
-
|
|
6
|
-
export function useSystemUri(): UnicornSystemUri;
|
|
7
|
-
export function useSystemUri(type: UriTypes): string;
|
|
8
|
-
export function useSystemUri(type?: UriTypes, path?: string): UnicornSystemUri | string {
|
|
9
|
-
const uri = UnicornSystemUri.get();
|
|
10
|
-
|
|
11
|
-
if (type) {
|
|
12
|
-
return uri[type](path);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
return uri;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export function useAssetUri(): UnicornAssetUri;
|
|
19
|
-
export function useAssetUri(type?: AssetTypes, path?: string): string;
|
|
20
|
-
export function useAssetUri(type?: AssetTypes, path?: string): UnicornAssetUri | string {
|
|
21
|
-
const asset = UnicornAssetUri.get();
|
|
22
|
-
|
|
23
|
-
if (type) {
|
|
24
|
-
return asset[type](path);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
return asset;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
function uri(type: string) {
|
|
31
|
-
return data('unicorn.uri')[type];
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
function asset(type: string) {
|
|
35
|
-
return uri('asset')[type];
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export function addUriBase(uri: string, type = 'path') {
|
|
39
|
-
if (uri.substring(0, 2) === '/\/' || uri.substring(0, 4) === 'http') {
|
|
40
|
-
return uri;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
return asset(type) + '/' + uri;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
export class UnicornSystemUri extends URL {
|
|
47
|
-
static instance: UnicornSystemUri;
|
|
48
|
-
|
|
49
|
-
static get() {
|
|
50
|
-
return this.instance ??= new this(uri('full'));
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
path(path: string = ''): string {
|
|
54
|
-
return uri('path') + path;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
root(path: string = ''): string {
|
|
58
|
-
return uri('root') + path;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
current(): string {
|
|
62
|
-
return uri('current') || '';
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
full(): string {
|
|
66
|
-
return uri('full') || '';
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
route(): string {
|
|
70
|
-
return uri('route') || '';
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
script(): string {
|
|
74
|
-
return uri('script') || '';
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
routeWithQuery() {
|
|
78
|
-
const route = this.route();
|
|
79
|
-
const query = this.searchParams.toString();
|
|
80
|
-
|
|
81
|
-
return query ? `${route}?${query}` : route;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
routeAndQuery() {
|
|
85
|
-
const route = this.route();
|
|
86
|
-
const query = this.searchParams.toString();
|
|
87
|
-
|
|
88
|
-
return [route, query];
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
export class UnicornAssetUri {
|
|
93
|
-
static instance: UnicornAssetUri;
|
|
94
|
-
|
|
95
|
-
static get() {
|
|
96
|
-
return this.instance ??= new this();
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
path(path: string = ''): string {
|
|
100
|
-
return asset('path') + path;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
root(path: string = ''): string {
|
|
104
|
-
return asset('root') + path;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
1
|
+
import { data } from '../data';
|
|
2
|
+
|
|
3
|
+
type UriTypes = 'full' | 'path' | 'root' | 'current' | 'route' | 'script';
|
|
4
|
+
type AssetTypes = 'root' | 'path';
|
|
5
|
+
|
|
6
|
+
export function useSystemUri(): UnicornSystemUri;
|
|
7
|
+
export function useSystemUri(type: UriTypes): string;
|
|
8
|
+
export function useSystemUri(type?: UriTypes, path?: string): UnicornSystemUri | string {
|
|
9
|
+
const uri = UnicornSystemUri.get();
|
|
10
|
+
|
|
11
|
+
if (type) {
|
|
12
|
+
return uri[type](path);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
return uri;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export function useAssetUri(): UnicornAssetUri;
|
|
19
|
+
export function useAssetUri(type?: AssetTypes, path?: string): string;
|
|
20
|
+
export function useAssetUri(type?: AssetTypes, path?: string): UnicornAssetUri | string {
|
|
21
|
+
const asset = UnicornAssetUri.get();
|
|
22
|
+
|
|
23
|
+
if (type) {
|
|
24
|
+
return asset[type](path);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return asset;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
function uri(type: string) {
|
|
31
|
+
return data('unicorn.uri')[type];
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function asset(type: string) {
|
|
35
|
+
return uri('asset')[type];
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export function addUriBase(uri: string, type = 'path') {
|
|
39
|
+
if (uri.substring(0, 2) === '/\/' || uri.substring(0, 4) === 'http') {
|
|
40
|
+
return uri;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
return asset(type) + '/' + uri;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
export class UnicornSystemUri extends URL {
|
|
47
|
+
static instance: UnicornSystemUri;
|
|
48
|
+
|
|
49
|
+
static get() {
|
|
50
|
+
return this.instance ??= new this(uri('full'));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
path(path: string = ''): string {
|
|
54
|
+
return uri('path') + path;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
root(path: string = ''): string {
|
|
58
|
+
return uri('root') + path;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
current(): string {
|
|
62
|
+
return uri('current') || '';
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
full(): string {
|
|
66
|
+
return uri('full') || '';
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
route(): string {
|
|
70
|
+
return uri('route') || '';
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
script(): string {
|
|
74
|
+
return uri('script') || '';
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
routeWithQuery() {
|
|
78
|
+
const route = this.route();
|
|
79
|
+
const query = this.searchParams.toString();
|
|
80
|
+
|
|
81
|
+
return query ? `${route}?${query}` : route;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
routeAndQuery() {
|
|
85
|
+
const route = this.route();
|
|
86
|
+
const query = this.searchParams.toString();
|
|
87
|
+
|
|
88
|
+
return [route, query];
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
export class UnicornAssetUri {
|
|
93
|
+
static instance: UnicornAssetUri;
|
|
94
|
+
|
|
95
|
+
static get() {
|
|
96
|
+
return this.instance ??= new this();
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
path(path: string = ''): string {
|
|
100
|
+
return asset('path') + path;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
root(path: string = ''): string {
|
|
104
|
+
return asset('root') + path;
|
|
105
|
+
}
|
|
106
|
+
}
|
package/src/types/base.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export type Nullable<T> = T | null | undefined;
|
|
2
|
-
export type MaybeArray<T> = T | T[];
|
|
3
|
-
export type MaybePromise<T> = T | Promise<T>;
|
|
4
|
-
|
|
5
|
-
export interface Dictionary<T = any> {
|
|
6
|
-
[key: string]: T;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export type Constructor<T> = new (...args: any[]) => T;
|
|
1
|
+
export type Nullable<T> = T | null | undefined;
|
|
2
|
+
export type MaybeArray<T> = T | T[];
|
|
3
|
+
export type MaybePromise<T> = T | Promise<T>;
|
|
4
|
+
|
|
5
|
+
export interface Dictionary<T = any> {
|
|
6
|
+
[key: string]: T;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export type Constructor<T> = new (...args: any[]) => T;
|
package/src/types/index.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './base';
|
|
2
|
-
export * from './plugin';
|
|
3
|
-
export * from './ui';
|
|
4
|
-
export * from './modal-tree';
|
|
1
|
+
export * from './base';
|
|
2
|
+
export * from './plugin';
|
|
3
|
+
export * from './ui';
|
|
4
|
+
export * from './modal-tree';
|
package/src/types/modal-tree.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
export type TreeNode<T = any> = {
|
|
3
|
-
key: string | number;
|
|
4
|
-
value: T;
|
|
5
|
-
children: TreeNode<T>[];
|
|
6
|
-
indeterminate?: boolean;
|
|
7
|
-
selected?: boolean;
|
|
8
|
-
};
|
|
9
|
-
export type ModalTreeSource = TreeNode | TreeNode[] | string | (() => any);
|
|
10
|
-
export type ValueGetter = (item: any) => any;
|
|
11
|
-
export type TitleGetter = (item: any) => string;
|
|
12
|
-
export type SearchMatcher = (item: any, q: string) => boolean;
|
|
1
|
+
|
|
2
|
+
export type TreeNode<T = any> = {
|
|
3
|
+
key: string | number;
|
|
4
|
+
value: T;
|
|
5
|
+
children: TreeNode<T>[];
|
|
6
|
+
indeterminate?: boolean;
|
|
7
|
+
selected?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export type ModalTreeSource = TreeNode | TreeNode[] | string | (() => any);
|
|
10
|
+
export type ValueGetter = (item: any) => any;
|
|
11
|
+
export type TitleGetter = (item: any) => string;
|
|
12
|
+
export type SearchMatcher = (item: any, q: string) => boolean;
|
package/src/types/plugin.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { UnicornApp } from '../app';
|
|
2
|
-
|
|
3
|
-
export interface UnicornPlugin {
|
|
4
|
-
install?(app: UnicornApp, options?: Record<string, any>): void;
|
|
5
|
-
uninstall?(app: UnicornApp): void;
|
|
6
|
-
}
|
|
1
|
+
import { UnicornApp } from '../app';
|
|
2
|
+
|
|
3
|
+
export interface UnicornPlugin {
|
|
4
|
+
install?(app: UnicornApp, options?: Record<string, any>): void;
|
|
5
|
+
uninstall?(app: UnicornApp): void;
|
|
6
|
+
}
|
package/src/types/shims.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
declare module '*.scss' {
|
|
2
|
-
const content: { [className: string]: string }
|
|
3
|
-
export default content
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
declare module '*.scss?inline' {
|
|
7
|
-
export default string;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
declare module '*.css?inline' {
|
|
11
|
-
export default string;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
declare module '*.vue' {
|
|
15
|
-
import { defineComponent } from 'vue'
|
|
16
|
-
const component: ReturnType<typeof defineComponent>
|
|
17
|
-
export default component;
|
|
18
|
-
}
|
|
1
|
+
declare module '*.scss' {
|
|
2
|
+
const content: { [className: string]: string }
|
|
3
|
+
export default content
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
declare module '*.scss?inline' {
|
|
7
|
+
export default string;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
declare module '*.css?inline' {
|
|
11
|
+
export default string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare module '*.vue' {
|
|
15
|
+
import { defineComponent } from 'vue'
|
|
16
|
+
const component: ReturnType<typeof defineComponent>
|
|
17
|
+
export default component;
|
|
18
|
+
}
|
package/src/types/ui.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export interface UIThemeInterface {
|
|
2
|
-
renderMessage(messages: string | string[], type?: string):
|
|
3
|
-
|
|
4
|
-
clearMessages(): void;
|
|
5
|
-
}
|
|
6
|
-
|
|
1
|
+
export interface UIThemeInterface {
|
|
2
|
+
renderMessage(messages: string | string[], type?: string): () => any;
|
|
3
|
+
|
|
4
|
+
clearMessages(): void;
|
|
5
|
+
}
|
|
6
|
+
|
package/src/unicorn.ts
CHANGED
|
@@ -1,63 +1,79 @@
|
|
|
1
|
-
import { InjectionKey, UnicornApp } from './app';
|
|
2
|
-
import { polyfill } from './polyfill';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export * from './
|
|
7
|
-
export * from './
|
|
8
|
-
export * from './
|
|
9
|
-
export * from './
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}
|
|
1
|
+
import { InjectionKey, UnicornApp } from './app';
|
|
2
|
+
import { polyfill } from './polyfill';
|
|
3
|
+
import { Dictionary } from './types';
|
|
4
|
+
import { removeCloak } from './utilities';
|
|
5
|
+
|
|
6
|
+
export * from './data';
|
|
7
|
+
export * from './events';
|
|
8
|
+
export * from './service';
|
|
9
|
+
export * from './composable';
|
|
10
|
+
export * from './plugin';
|
|
11
|
+
|
|
12
|
+
export type { UnicornApp };
|
|
13
|
+
|
|
14
|
+
let app: UnicornApp;
|
|
15
|
+
|
|
16
|
+
export function createUnicorn(): UnicornApp {
|
|
17
|
+
polyfill();
|
|
18
|
+
removeCloak();
|
|
19
|
+
|
|
20
|
+
return app = new UnicornApp();
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export function createUnicornWithPlugins(): UnicornApp {
|
|
24
|
+
const app = createUnicorn();
|
|
25
|
+
|
|
26
|
+
// app.use(UnicornUI);
|
|
27
|
+
|
|
28
|
+
// app.use(UnicornDom);
|
|
29
|
+
|
|
30
|
+
return app;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export function useUnicorn(instance?: UnicornApp): UnicornApp {
|
|
34
|
+
if (instance) {
|
|
35
|
+
app = instance;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
return app ??= createUnicorn();
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export const useInject: typeof UnicornApp.prototype.inject = <T = any>(id: InjectionKey<T>, def?: T): T => {
|
|
42
|
+
return useUnicorn().inject<T>(id, def);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export function pushUnicornToGlobal(app?: UnicornApp) {
|
|
46
|
+
// @ts-ignore
|
|
47
|
+
window.u = app ?? useUnicorn();
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export function useMacro<T extends Dictionary>(name: T): T;
|
|
51
|
+
export function useMacro<N extends string, T extends any>(
|
|
52
|
+
name: N,
|
|
53
|
+
prop: T
|
|
54
|
+
): { [K in N]: T };
|
|
55
|
+
export function useMacro(name: string | Dictionary, prop?: any): any {
|
|
56
|
+
const app = useUnicorn();
|
|
57
|
+
|
|
58
|
+
if (typeof name === 'string') {
|
|
59
|
+
app.macro(name, prop!);
|
|
60
|
+
} else {
|
|
61
|
+
for (const k in name) {
|
|
62
|
+
app.macro(k, name[k]!);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
return app;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export async function useLegacy(app?: UnicornApp) {
|
|
70
|
+
app ??= useUnicorn();
|
|
71
|
+
|
|
72
|
+
pushUnicornToGlobal(app);
|
|
73
|
+
|
|
74
|
+
const { useLegacyMethods } = await import('./legacy/legacy');
|
|
75
|
+
|
|
76
|
+
await useLegacyMethods(app);
|
|
77
|
+
|
|
78
|
+
return app;
|
|
79
|
+
}
|
package/src/utilities/arr.ts
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
export function isPlainObject(val: any): val is Record<string, any> {
|
|
3
|
-
return val && typeof val === "object" && !Array.isArray(val);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
export function mergeDeep<T = Record<string, any>>(target: Partial<T>, ...sources: any[]): T {
|
|
7
|
-
let out: any = isPlainObject(target) ? { ...target } : target;
|
|
8
|
-
|
|
9
|
-
for (const source of sources) {
|
|
10
|
-
if (Array.isArray(source)) {
|
|
11
|
-
out = (Array.isArray(out) ? out.concat(source) : source) as T;
|
|
12
|
-
continue;
|
|
13
|
-
}
|
|
14
|
-
if (isPlainObject(source)) {
|
|
15
|
-
out = { ...(isPlainObject(out) ? out : {}) };
|
|
16
|
-
for (const key of Object.keys(source)) {
|
|
17
|
-
out[key] =
|
|
18
|
-
key in out ? mergeDeep(out[key], source[key]) : source[key];
|
|
19
|
-
}
|
|
20
|
-
continue;
|
|
21
|
-
}
|
|
22
|
-
out = source as T;
|
|
23
|
-
}
|
|
24
|
-
return out;
|
|
25
|
-
}
|
|
1
|
+
|
|
2
|
+
export function isPlainObject(val: any): val is Record<string, any> {
|
|
3
|
+
return val && typeof val === "object" && !Array.isArray(val);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
export function mergeDeep<T = Record<string, any>>(target: Partial<T>, ...sources: any[]): T {
|
|
7
|
+
let out: any = isPlainObject(target) ? { ...target } : target;
|
|
8
|
+
|
|
9
|
+
for (const source of sources) {
|
|
10
|
+
if (Array.isArray(source)) {
|
|
11
|
+
out = (Array.isArray(out) ? out.concat(source) : source) as T;
|
|
12
|
+
continue;
|
|
13
|
+
}
|
|
14
|
+
if (isPlainObject(source)) {
|
|
15
|
+
out = { ...(isPlainObject(out) ? out : {}) };
|
|
16
|
+
for (const key of Object.keys(source)) {
|
|
17
|
+
out[key] =
|
|
18
|
+
key in out ? mergeDeep(out[key], source[key]) : source[key];
|
|
19
|
+
}
|
|
20
|
+
continue;
|
|
21
|
+
}
|
|
22
|
+
out = source as T;
|
|
23
|
+
}
|
|
24
|
+
return out;
|
|
25
|
+
}
|
package/src/utilities/base.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { selectAll } from '../service';
|
|
2
|
-
|
|
3
|
-
export function removeCloak() {
|
|
4
|
-
if (globalThis.document == null) {
|
|
5
|
-
return;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
selectAll('[uni-cloak]', (el) => el.removeAttribute('uni-cloak'));
|
|
9
|
-
}
|
|
1
|
+
import { selectAll } from '../service';
|
|
2
|
+
|
|
3
|
+
export function removeCloak() {
|
|
4
|
+
if (globalThis.document == null) {
|
|
5
|
+
return;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
selectAll('[uni-cloak]', (el) => el.removeAttribute('uni-cloak'));
|
|
9
|
+
}
|
package/src/utilities/data.ts
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
export function getData(element: Element, name
|
|
3
|
-
prepareData(element);
|
|
4
|
-
|
|
5
|
-
if (name === undefined) {
|
|
6
|
-
return element.__unicorn;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
return element.__unicorn[name];
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export function setData(element: Element, name: string, value: any) {
|
|
13
|
-
prepareData(element);
|
|
14
|
-
element.__unicorn[name] = value;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export function defData(element: Element, name: string, defCallback: Function) {
|
|
18
|
-
prepareData(element);
|
|
19
|
-
element.__unicorn[name] = element.__unicorn[name] || defCallback(element);
|
|
20
|
-
|
|
21
|
-
return element.__unicorn[name];
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export function removeData(element: Element, name: string) {
|
|
25
|
-
prepareData(element);
|
|
26
|
-
|
|
27
|
-
const v = element.__unicorn[name];
|
|
28
|
-
delete element.__unicorn[name];
|
|
29
|
-
|
|
30
|
-
return v;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export function prepareData<T extends Node>(element: T): T {
|
|
34
|
-
if (!element) {
|
|
35
|
-
return element;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
element.__unicorn = element.__unicorn || {};
|
|
39
|
-
return element;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
declare global {
|
|
43
|
-
interface Node {
|
|
44
|
-
__unicorn?: any;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
|
|
1
|
+
|
|
2
|
+
export function getData(element: Element, name?: string) {
|
|
3
|
+
prepareData(element);
|
|
4
|
+
|
|
5
|
+
if (name === undefined) {
|
|
6
|
+
return element.__unicorn;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
return element.__unicorn[name];
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export function setData(element: Element, name: string, value: any) {
|
|
13
|
+
prepareData(element);
|
|
14
|
+
element.__unicorn[name] = value;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export function defData(element: Element, name: string, defCallback: Function) {
|
|
18
|
+
prepareData(element);
|
|
19
|
+
element.__unicorn[name] = element.__unicorn[name] || defCallback(element);
|
|
20
|
+
|
|
21
|
+
return element.__unicorn[name];
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export function removeData(element: Element, name: string) {
|
|
25
|
+
prepareData(element);
|
|
26
|
+
|
|
27
|
+
const v = element.__unicorn[name];
|
|
28
|
+
delete element.__unicorn[name];
|
|
29
|
+
|
|
30
|
+
return v;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export function prepareData<T extends Node>(element: T): T {
|
|
34
|
+
if (!element) {
|
|
35
|
+
return element;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
element.__unicorn = element.__unicorn || {};
|
|
39
|
+
return element;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare global {
|
|
43
|
+
interface Node {
|
|
44
|
+
__unicorn?: any;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
|
package/src/utilities/index.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from './arr';
|
|
2
|
-
export * from './data';
|
|
3
|
-
export * from './base';
|
|
4
|
-
export * from './tree';
|
|
5
|
-
|
|
1
|
+
export * from './arr';
|
|
2
|
+
export * from './data';
|
|
3
|
+
export * from './base';
|
|
4
|
+
export * from './tree';
|
|
5
|
+
|