@windwalker-io/unicorn-next 0.1.7 → 0.1.8

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 (125) 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.map +1 -1
  16. package/dist/chunks/grid.js.map +1 -1
  17. package/dist/chunks/http-client.js.map +1 -1
  18. package/dist/chunks/iframe-modal.js.map +1 -1
  19. package/dist/chunks/keep-tab.js.map +1 -1
  20. package/dist/chunks/legacy.js.map +1 -1
  21. package/dist/chunks/list-dependent.js.map +1 -1
  22. package/dist/chunks/s3-multipart-uploader.js +23 -2
  23. package/dist/chunks/s3-multipart-uploader.js.map +1 -1
  24. package/dist/chunks/s3-uploader.js.map +1 -1
  25. package/dist/chunks/show-on.js.map +1 -1
  26. package/dist/chunks/tinymce.js.map +1 -1
  27. package/dist/chunks/ui-bootstrap5.js.map +1 -1
  28. package/dist/chunks/unicorn.js.map +1 -1
  29. package/dist/chunks/validation.js.map +1 -1
  30. package/dist/index.d.ts +29 -13
  31. package/fusionfile.mjs +155 -155
  32. package/package.json +104 -104
  33. package/scss/bootstrap/multi-level-menu.scss +121 -121
  34. package/scss/editor.scss +116 -116
  35. package/scss/field/file-drag.scss +102 -102
  36. package/scss/field/single-image-drag.scss +88 -88
  37. package/scss/field/vue-drag-uploader.scss +160 -160
  38. package/scss/switcher.scss +156 -156
  39. package/src/app.ts +128 -128
  40. package/src/bootstrap/button-radio.ts +208 -208
  41. package/src/bootstrap/keep-tab.ts +155 -155
  42. package/src/composable/index.ts +22 -22
  43. package/src/composable/useCheckboxesMultiSelect.ts +22 -22
  44. package/src/composable/useFieldCascadeSelect.ts +9 -9
  45. package/src/composable/useFieldFileDrag.ts +9 -9
  46. package/src/composable/useFieldFlatpickr.ts +3 -3
  47. package/src/composable/useFieldModalSelect.ts +6 -6
  48. package/src/composable/useFieldModalTree.ts +3 -3
  49. package/src/composable/useFieldMultiUploader.ts +9 -9
  50. package/src/composable/useFieldRepeatable.ts +9 -9
  51. package/src/composable/useFieldSingleImageDrag.ts +9 -9
  52. package/src/composable/useForm.ts +43 -43
  53. package/src/composable/useGrid.ts +57 -57
  54. package/src/composable/useHttp.ts +9 -9
  55. package/src/composable/useIframeModal.ts +10 -10
  56. package/src/composable/useListDependent.ts +26 -26
  57. package/src/composable/useQueue.ts +13 -13
  58. package/src/composable/useS3Uploader.ts +32 -32
  59. package/src/composable/useShowOn.ts +9 -9
  60. package/src/composable/useStack.ts +13 -13
  61. package/src/composable/useTinymce.ts +29 -29
  62. package/src/composable/useTomSelect.ts +72 -72
  63. package/src/composable/useUIBootstrap5.ts +48 -48
  64. package/src/composable/useUniDirective.ts +43 -43
  65. package/src/composable/useValidation.ts +50 -50
  66. package/src/data.ts +34 -34
  67. package/src/events.ts +82 -82
  68. package/src/legacy/legacy.ts +190 -190
  69. package/src/legacy/loader.ts +125 -125
  70. package/src/module/checkboxes-multi-select.ts +54 -54
  71. package/src/module/field-cascade-select.ts +292 -292
  72. package/src/module/field-file-drag.ts +295 -295
  73. package/src/module/field-flatpickr.ts +130 -130
  74. package/src/module/field-modal-select.ts +179 -179
  75. package/src/module/field-modal-tree.ts +31 -31
  76. package/src/module/field-multi-uploader.ts +368 -368
  77. package/src/module/field-repeatable.ts +202 -202
  78. package/src/module/field-single-image-drag.ts +477 -477
  79. package/src/module/form.ts +223 -223
  80. package/src/module/grid.ts +479 -479
  81. package/src/module/http-client.ts +248 -248
  82. package/src/module/iframe-modal.ts +170 -170
  83. package/src/module/list-dependent.ts +321 -321
  84. package/src/module/s3-multipart-uploader.ts +330 -300
  85. package/src/module/s3-uploader.ts +234 -234
  86. package/src/module/show-on.ts +175 -175
  87. package/src/module/tinymce.ts +276 -276
  88. package/src/module/ui-bootstrap5.ts +116 -116
  89. package/src/module/validation.ts +1046 -1046
  90. package/src/plugin/index.ts +1 -1
  91. package/src/plugin/php-adapter.ts +72 -72
  92. package/src/polyfill/form-request-submit.ts +31 -31
  93. package/src/polyfill/index.ts +9 -9
  94. package/src/service/animate.ts +58 -58
  95. package/src/service/crypto.ts +27 -27
  96. package/src/service/dom-watcher.ts +62 -62
  97. package/src/service/dom.ts +265 -265
  98. package/src/service/helper.ts +48 -48
  99. package/src/service/index.ts +10 -10
  100. package/src/service/lang.ts +122 -122
  101. package/src/service/loader.ts +152 -152
  102. package/src/service/router.ts +118 -118
  103. package/src/service/ui.ts +525 -525
  104. package/src/service/uri.ts +106 -106
  105. package/src/types/base.ts +9 -9
  106. package/src/types/index.ts +4 -4
  107. package/src/types/modal-tree.ts +12 -12
  108. package/src/types/plugin.ts +6 -6
  109. package/src/types/shims.d.ts +18 -18
  110. package/src/types/ui.ts +6 -6
  111. package/src/unicorn.ts +79 -79
  112. package/src/utilities/arr.ts +25 -25
  113. package/src/utilities/base.ts +9 -9
  114. package/src/utilities/data.ts +48 -48
  115. package/src/utilities/index.ts +5 -5
  116. package/src/utilities/tree.ts +20 -20
  117. package/src/vue/components/ModalTree/ModalTreeApp.vue +175 -175
  118. package/src/vue/components/ModalTree/TreeItem.vue +262 -262
  119. package/src/vue/components/ModalTree/TreeModal.vue +225 -225
  120. package/tests/test.js +4 -4
  121. package/tsconfig.js.json +25 -25
  122. package/tsconfig.json +17 -17
  123. package/vite.assets.config.ts +61 -61
  124. package/vite.config.test.ts +36 -36
  125. package/vite.config.ts +112 -112
@@ -1,43 +1,43 @@
1
- import type { default as WebDirective, WebDirectiveHandler, WebDirectiveOptions } from 'web-directive';
2
- import { Dictionary } from '../types';
3
-
4
- let instances: Dictionary<WebDirective> = {};
5
-
6
- export async function useWebDirective(
7
- name: string,
8
- options: false
9
- ): Promise<void>;
10
- export async function useWebDirective(
11
- name: string,
12
- options?: Partial<WebDirectiveOptions>
13
- ): Promise<WebDirective>;
14
- export async function useWebDirective(
15
- name: string = 'unicorn',
16
- options: Partial<WebDirectiveOptions> | false = {}
17
- ): Promise<WebDirective | void> {
18
- if (options === false) {
19
- delete instances[name];
20
- return;
21
- }
22
-
23
- return instances[name] ??= await createWebDirective(Object.assign({}, options, { prefix: 'uni-' }));
24
- }
25
-
26
- export async function useUniDirective<T extends Element = HTMLElement, M extends Record<string, boolean> = Record<string, boolean>>(
27
- name: string,
28
- handler: WebDirectiveHandler<T, M>,
29
- wdInstance: WebDirective | string = 'unicorn'
30
- ): Promise<void> {
31
- const wd = typeof wdInstance === 'string' ? await useWebDirective(wdInstance) : wdInstance;
32
-
33
- wd.register<T, M>(name, handler);
34
- }
35
-
36
- async function createWebDirective(options: Partial<WebDirectiveOptions> = {}): Promise<WebDirective> {
37
- const WebDirective = (await import('web-directive')).default;
38
-
39
- const wd = new WebDirective(options);
40
- wd.listen();
41
-
42
- return wd;
43
- }
1
+ import type { default as WebDirective, WebDirectiveHandler, WebDirectiveOptions } from 'web-directive';
2
+ import { Dictionary } from '../types';
3
+
4
+ let instances: Dictionary<WebDirective> = {};
5
+
6
+ export async function useWebDirective(
7
+ name: string,
8
+ options: false
9
+ ): Promise<void>;
10
+ export async function useWebDirective(
11
+ name: string,
12
+ options?: Partial<WebDirectiveOptions>
13
+ ): Promise<WebDirective>;
14
+ export async function useWebDirective(
15
+ name: string = 'unicorn',
16
+ options: Partial<WebDirectiveOptions> | false = {}
17
+ ): Promise<WebDirective | void> {
18
+ if (options === false) {
19
+ delete instances[name];
20
+ return;
21
+ }
22
+
23
+ return instances[name] ??= await createWebDirective(Object.assign({}, options, { prefix: 'uni-' }));
24
+ }
25
+
26
+ export async function useUniDirective<T extends Element = HTMLElement, M extends Record<string, boolean> = Record<string, boolean>>(
27
+ name: string,
28
+ handler: WebDirectiveHandler<T, M>,
29
+ wdInstance: WebDirective | string = 'unicorn'
30
+ ): Promise<void> {
31
+ const wd = typeof wdInstance === 'string' ? await useWebDirective(wdInstance) : wdInstance;
32
+
33
+ wd.register<T, M>(name, handler);
34
+ }
35
+
36
+ async function createWebDirective(options: Partial<WebDirectiveOptions> = {}): Promise<WebDirective> {
37
+ const WebDirective = (await import('web-directive')).default;
38
+
39
+ const wd = new WebDirective(options);
40
+ wd.listen();
41
+
42
+ return wd;
43
+ }
@@ -1,50 +1,50 @@
1
- import type {
2
- UnicornFieldValidation,
3
- UnicornFormValidation,
4
- ValidationHandler,
5
- ValidationModule,
6
- ValidatorOptions,
7
- } from '../module/validation';
8
- import { getBoundedInstance } from '../service';
9
-
10
- export type {
11
- ValidationHandler,
12
- ValidationModule,
13
- Validator,
14
- ValidatorOptions,
15
- ValidatorNoticeFunction,
16
- FieldValidationOptions,
17
- FormValidationOptions
18
- } from '../module/validation';
19
-
20
- export async function useFormValidation(): Promise<ValidationModule>;
21
- export async function useFormValidation(selector: string | Element): Promise<UnicornFormValidation | null>;
22
- export async function useFormValidation(selector?: string | Element): Promise<any> {
23
- const module = await import('../module/validation');
24
-
25
- await module.ready;
26
-
27
- if (!selector) {
28
- return module;
29
- }
30
-
31
- return useFormValidationInstance(selector);
32
- }
33
-
34
- export function useFormValidationInstance(selector: string | Element): UnicornFormValidation | null {
35
- return getBoundedInstance<UnicornFormValidation>(selector, 'form.validation');
36
- }
37
-
38
- export function useFieldValidationInstance(selector: string | Element): UnicornFieldValidation | null {
39
- return getBoundedInstance<UnicornFieldValidation>(selector, 'field.validation');
40
- }
41
-
42
- export async function addGlobalValidator<T extends any, E extends HTMLElement, P = Record<string, any>>(
43
- name: string,
44
- validator: ValidationHandler<T, E, P>,
45
- options: ValidatorOptions<E, P> = {}
46
- ): Promise<void> {
47
- const { UnicornFormValidation } = await useFormValidation();
48
-
49
- UnicornFormValidation.addGlobalValidator<T, E, P>(name, validator, options);
50
- }
1
+ import type {
2
+ UnicornFieldValidation,
3
+ UnicornFormValidation,
4
+ ValidationHandler,
5
+ ValidationModule,
6
+ ValidatorOptions,
7
+ } from '../module/validation';
8
+ import { getBoundedInstance } from '../service';
9
+
10
+ export type {
11
+ ValidationHandler,
12
+ ValidationModule,
13
+ Validator,
14
+ ValidatorOptions,
15
+ ValidatorNoticeFunction,
16
+ FieldValidationOptions,
17
+ FormValidationOptions
18
+ } from '../module/validation';
19
+
20
+ export async function useFormValidation(): Promise<ValidationModule>;
21
+ export async function useFormValidation(selector: string | Element): Promise<UnicornFormValidation | null>;
22
+ export async function useFormValidation(selector?: string | Element): Promise<any> {
23
+ const module = await import('../module/validation');
24
+
25
+ await module.ready;
26
+
27
+ if (!selector) {
28
+ return module;
29
+ }
30
+
31
+ return useFormValidationInstance(selector);
32
+ }
33
+
34
+ export function useFormValidationInstance(selector: string | Element): UnicornFormValidation | null {
35
+ return getBoundedInstance<UnicornFormValidation>(selector, 'form.validation');
36
+ }
37
+
38
+ export function useFieldValidationInstance(selector: string | Element): UnicornFieldValidation | null {
39
+ return getBoundedInstance<UnicornFieldValidation>(selector, 'field.validation');
40
+ }
41
+
42
+ export async function addGlobalValidator<T extends any, E extends HTMLElement, P = Record<string, any>>(
43
+ name: string,
44
+ validator: ValidationHandler<T, E, P>,
45
+ options: ValidatorOptions<E, P> = {}
46
+ ): Promise<void> {
47
+ const { UnicornFormValidation } = await useFormValidation();
48
+
49
+ UnicornFormValidation.addGlobalValidator<T, E, P>(name, validator, options);
50
+ }
package/src/data.ts CHANGED
@@ -1,34 +1,34 @@
1
- import { getData, removeData as rmdata, setData } from './utilities';
2
-
3
- export function data(name: string, data?: any): any;
4
- export function data<T = void, R = [T] extends [void] ? any : T | undefined>(name: string): R;
5
- export function data<T = void, R = [T] extends [void] ? any : T | undefined>(ele: Element, name: string): R;
6
- export function data(ele: Element, name: string, value: any): any;
7
- export function data(ele: Element | string, name?: any, value?: any) {
8
- if (!(ele instanceof HTMLElement)) {
9
- value = name;
10
- name = ele;
11
- ele = document as any as Element;
12
- }
13
-
14
- if (name === undefined) {
15
- return getData(ele);
16
- }
17
-
18
- if (value === undefined) {
19
- return getData(ele, name);
20
- }
21
-
22
- setData(ele, name, value);
23
- }
24
-
25
- export function removeData(name: string): any;
26
- export function removeData(ele: Element, name: string): any;
27
- export function removeData(ele: Element|string, name: any = undefined) {
28
- if (!(ele instanceof HTMLElement)) {
29
- name = ele;
30
- ele = document as any as Element;
31
- }
32
-
33
- rmdata(ele, name);
34
- }
1
+ import { getData, removeData as rmdata, setData } from './utilities';
2
+
3
+ export function data(name: string, data?: any): any;
4
+ export function data<T = void, R = [T] extends [void] ? any : T | undefined>(name: string): R;
5
+ export function data<T = void, R = [T] extends [void] ? any : T | undefined>(ele: Element, name: string): R;
6
+ export function data(ele: Element, name: string, value: any): any;
7
+ export function data(ele: Element | string, name?: any, value?: any) {
8
+ if (!(ele instanceof HTMLElement)) {
9
+ value = name;
10
+ name = ele;
11
+ ele = document as any as Element;
12
+ }
13
+
14
+ if (name === undefined) {
15
+ return getData(ele);
16
+ }
17
+
18
+ if (value === undefined) {
19
+ return getData(ele, name);
20
+ }
21
+
22
+ setData(ele, name, value);
23
+ }
24
+
25
+ export function removeData(name: string): any;
26
+ export function removeData(ele: Element, name: string): any;
27
+ export function removeData(ele: Element|string, name: any = undefined) {
28
+ if (!(ele instanceof HTMLElement)) {
29
+ name = ele;
30
+ ele = document as any as Element;
31
+ }
32
+
33
+ rmdata(ele, name);
34
+ }
package/src/events.ts CHANGED
@@ -1,82 +1,82 @@
1
- export abstract class EventMixin implements EventAwareInterface {
2
- _listeners: Record<string, EventHandler[]> = {};
3
-
4
- on<T extends any[]>(event: string, handler: EventHandler<T>): this;
5
- on(event: string | string[], handler: EventHandler): this;
6
- on(event: string | string[], handler: EventHandler): this {
7
- if (Array.isArray(event)) {
8
- for (const e of event) {
9
- this.on(e, handler);
10
- }
11
- return this;
12
- }
13
-
14
- this._listeners[event] ??= [];
15
-
16
- this._listeners[event].push(handler);
17
-
18
- return this;
19
- }
20
-
21
- once<T extends any[]>(event: string, handler: EventHandler<T>): this;
22
- once(event: string | string[], handler: EventHandler): this;
23
- once(event: string | string[], handler: EventHandler): this {
24
- handler.once = true;
25
- return this.on(event, handler);
26
- }
27
-
28
- off(event: string, handler?: EventHandler): this {
29
- if (handler) {
30
- this._listeners[event] = this.listeners(event).filter((listener) => listener !== handler);
31
- return this;
32
- }
33
-
34
- delete this._listeners[event];
35
-
36
- return this;
37
- }
38
-
39
- trigger<T extends any[]>(event: string, ...args: T): this;
40
- trigger(event: string[], ...args: any[]): this;
41
- trigger(event: string | string[], ...args: any[]): this {
42
- if (Array.isArray(event)) {
43
- for (const e of event) {
44
- this.trigger(e);
45
- }
46
- return this;
47
- }
48
-
49
- for (const listener of this.listeners(event)) {
50
- listener(...args);
51
- }
52
-
53
- // Remove once
54
- this._listeners[event] = this.listeners(event).filter((listener) => listener?.once !== true);
55
-
56
- return this;
57
- }
58
-
59
- listeners(event: string): EventHandler[] {
60
- return this._listeners[event] === undefined ? [] : this._listeners[event];
61
- }
62
- }
63
-
64
- // export class EventBus extends Mixin(EventMixin) {
65
- // }
66
-
67
- export type EventHandler<T extends any[] = any[]> = ((...event: T) => void) & { once?: boolean };
68
-
69
- export interface EventAwareInterface {
70
- on<T extends any[]>(event: string, handler: EventHandler<T>): this;
71
- on(event: string | string[], handler: EventHandler): this;
72
-
73
- once<T extends any[]>(event: string, handler: EventHandler<T>): this;
74
- once(event: string | string[], handler: EventHandler): this;
75
-
76
- off(event: string, handler?: EventHandler): this;
77
-
78
- trigger<T extends any[]>(event: string, ...args: T): this;
79
- trigger(event: string[], ...args: any[]): this;
80
-
81
- listeners(event: string): EventHandler[];
82
- }
1
+ export abstract class EventMixin implements EventAwareInterface {
2
+ _listeners: Record<string, EventHandler[]> = {};
3
+
4
+ on<T extends any[]>(event: string, handler: EventHandler<T>): this;
5
+ on(event: string | string[], handler: EventHandler): this;
6
+ on(event: string | string[], handler: EventHandler): this {
7
+ if (Array.isArray(event)) {
8
+ for (const e of event) {
9
+ this.on(e, handler);
10
+ }
11
+ return this;
12
+ }
13
+
14
+ this._listeners[event] ??= [];
15
+
16
+ this._listeners[event].push(handler);
17
+
18
+ return this;
19
+ }
20
+
21
+ once<T extends any[]>(event: string, handler: EventHandler<T>): this;
22
+ once(event: string | string[], handler: EventHandler): this;
23
+ once(event: string | string[], handler: EventHandler): this {
24
+ handler.once = true;
25
+ return this.on(event, handler);
26
+ }
27
+
28
+ off(event: string, handler?: EventHandler): this {
29
+ if (handler) {
30
+ this._listeners[event] = this.listeners(event).filter((listener) => listener !== handler);
31
+ return this;
32
+ }
33
+
34
+ delete this._listeners[event];
35
+
36
+ return this;
37
+ }
38
+
39
+ trigger<T extends any[]>(event: string, ...args: T): this;
40
+ trigger(event: string[], ...args: any[]): this;
41
+ trigger(event: string | string[], ...args: any[]): this {
42
+ if (Array.isArray(event)) {
43
+ for (const e of event) {
44
+ this.trigger(e);
45
+ }
46
+ return this;
47
+ }
48
+
49
+ for (const listener of this.listeners(event)) {
50
+ listener(...args);
51
+ }
52
+
53
+ // Remove once
54
+ this._listeners[event] = this.listeners(event).filter((listener) => listener?.once !== true);
55
+
56
+ return this;
57
+ }
58
+
59
+ listeners(event: string): EventHandler[] {
60
+ return this._listeners[event] === undefined ? [] : this._listeners[event];
61
+ }
62
+ }
63
+
64
+ // export class EventBus extends Mixin(EventMixin) {
65
+ // }
66
+
67
+ export type EventHandler<T extends any[] = any[]> = ((...event: T) => void) & { once?: boolean };
68
+
69
+ export interface EventAwareInterface {
70
+ on<T extends any[]>(event: string, handler: EventHandler<T>): this;
71
+ on(event: string | string[], handler: EventHandler): this;
72
+
73
+ once<T extends any[]>(event: string, handler: EventHandler<T>): this;
74
+ once(event: string | string[], handler: EventHandler): this;
75
+
76
+ off(event: string, handler?: EventHandler): this;
77
+
78
+ trigger<T extends any[]>(event: string, ...args: T): this;
79
+ trigger(event: string[], ...args: any[]): this;
80
+
81
+ listeners(event: string): EventHandler[];
82
+ }