@windwalker-io/unicorn-next 0.1.7 → 0.1.9

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 (133) 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 +2 -2
  7. package/dist/chunks/field-cascade-select.js.map +1 -1
  8. package/dist/chunks/field-file-drag.js.map +1 -1
  9. package/dist/chunks/field-flatpickr.js.map +1 -1
  10. package/dist/chunks/field-modal-select.js.map +1 -1
  11. package/dist/chunks/field-modal-tree.js +2 -2
  12. package/dist/chunks/field-modal-tree.js.map +1 -1
  13. package/dist/chunks/field-multi-uploader.js.map +1 -1
  14. package/dist/chunks/field-repeatable.js.map +1 -1
  15. package/dist/chunks/field-single-image-drag.js.map +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/index.js +1 -15
  21. package/dist/chunks/index.js.map +1 -1
  22. package/dist/chunks/keep-tab.js +2 -2
  23. package/dist/chunks/keep-tab.js.map +1 -1
  24. package/dist/chunks/legacy.js +3 -3
  25. package/dist/chunks/legacy.js.map +1 -1
  26. package/dist/chunks/list-dependent.js.map +1 -1
  27. package/dist/chunks/s3-multipart-uploader.js +23 -2
  28. package/dist/chunks/s3-multipart-uploader.js.map +1 -1
  29. package/dist/chunks/s3-uploader.js.map +1 -1
  30. package/dist/chunks/show-on.js +2 -2
  31. package/dist/chunks/show-on.js.map +1 -1
  32. package/dist/chunks/tinymce.js.map +1 -1
  33. package/dist/chunks/ui-bootstrap5.js.map +1 -1
  34. package/dist/chunks/unicorn.js +108 -89
  35. package/dist/chunks/unicorn.js.map +1 -1
  36. package/dist/chunks/validation.js.map +1 -1
  37. package/dist/index.d.ts +28 -6
  38. package/dist/unicorn.js +43 -41
  39. package/fusionfile.mjs +155 -155
  40. package/package.json +104 -104
  41. package/scss/bootstrap/multi-level-menu.scss +121 -121
  42. package/scss/editor.scss +116 -116
  43. package/scss/field/file-drag.scss +102 -102
  44. package/scss/field/single-image-drag.scss +88 -88
  45. package/scss/field/vue-drag-uploader.scss +160 -160
  46. package/scss/switcher.scss +156 -156
  47. package/src/app.ts +128 -128
  48. package/src/bootstrap/button-radio.ts +208 -208
  49. package/src/bootstrap/keep-tab.ts +155 -155
  50. package/src/composable/index.ts +22 -22
  51. package/src/composable/useCheckboxesMultiSelect.ts +22 -22
  52. package/src/composable/useFieldCascadeSelect.ts +9 -9
  53. package/src/composable/useFieldFileDrag.ts +9 -9
  54. package/src/composable/useFieldFlatpickr.ts +3 -3
  55. package/src/composable/useFieldModalSelect.ts +6 -6
  56. package/src/composable/useFieldModalTree.ts +3 -3
  57. package/src/composable/useFieldMultiUploader.ts +9 -9
  58. package/src/composable/useFieldRepeatable.ts +9 -9
  59. package/src/composable/useFieldSingleImageDrag.ts +9 -9
  60. package/src/composable/useForm.ts +43 -43
  61. package/src/composable/useGrid.ts +57 -57
  62. package/src/composable/useHttp.ts +9 -9
  63. package/src/composable/useIframeModal.ts +10 -10
  64. package/src/composable/useListDependent.ts +26 -26
  65. package/src/composable/useQueue.ts +13 -13
  66. package/src/composable/useS3Uploader.ts +32 -32
  67. package/src/composable/useShowOn.ts +9 -9
  68. package/src/composable/useStack.ts +13 -13
  69. package/src/composable/useTinymce.ts +29 -29
  70. package/src/composable/useTomSelect.ts +72 -72
  71. package/src/composable/useUIBootstrap5.ts +48 -48
  72. package/src/composable/useUniDirective.ts +43 -43
  73. package/src/composable/useValidation.ts +50 -50
  74. package/src/data.ts +34 -34
  75. package/src/events.ts +82 -82
  76. package/src/legacy/legacy.ts +190 -190
  77. package/src/legacy/loader.ts +125 -125
  78. package/src/module/checkboxes-multi-select.ts +54 -54
  79. package/src/module/field-cascade-select.ts +292 -292
  80. package/src/module/field-file-drag.ts +295 -295
  81. package/src/module/field-flatpickr.ts +130 -130
  82. package/src/module/field-modal-select.ts +179 -179
  83. package/src/module/field-modal-tree.ts +31 -31
  84. package/src/module/field-multi-uploader.ts +368 -368
  85. package/src/module/field-repeatable.ts +202 -202
  86. package/src/module/field-single-image-drag.ts +477 -477
  87. package/src/module/form.ts +223 -223
  88. package/src/module/grid.ts +479 -479
  89. package/src/module/http-client.ts +248 -248
  90. package/src/module/iframe-modal.ts +170 -170
  91. package/src/module/list-dependent.ts +321 -321
  92. package/src/module/s3-multipart-uploader.ts +330 -300
  93. package/src/module/s3-uploader.ts +234 -234
  94. package/src/module/show-on.ts +175 -175
  95. package/src/module/tinymce.ts +276 -276
  96. package/src/module/ui-bootstrap5.ts +116 -116
  97. package/src/module/validation.ts +1046 -1046
  98. package/src/plugin/index.ts +1 -1
  99. package/src/plugin/php-adapter.ts +72 -72
  100. package/src/polyfill/form-request-submit.ts +31 -31
  101. package/src/polyfill/index.ts +9 -9
  102. package/src/service/animate.ts +58 -58
  103. package/src/service/crypto.ts +27 -27
  104. package/src/service/dom-watcher.ts +62 -62
  105. package/src/service/dom.ts +291 -265
  106. package/src/service/helper.ts +52 -48
  107. package/src/service/index.ts +10 -10
  108. package/src/service/lang.ts +122 -122
  109. package/src/service/loader.ts +152 -152
  110. package/src/service/router.ts +118 -118
  111. package/src/service/ui.ts +525 -525
  112. package/src/service/uri.ts +106 -106
  113. package/src/types/base.ts +9 -9
  114. package/src/types/index.ts +4 -4
  115. package/src/types/modal-tree.ts +12 -12
  116. package/src/types/plugin.ts +6 -6
  117. package/src/types/shims.d.ts +18 -18
  118. package/src/types/ui.ts +6 -6
  119. package/src/unicorn.ts +79 -79
  120. package/src/utilities/arr.ts +25 -25
  121. package/src/utilities/base.ts +9 -9
  122. package/src/utilities/data.ts +48 -48
  123. package/src/utilities/index.ts +5 -5
  124. package/src/utilities/tree.ts +20 -20
  125. package/src/vue/components/ModalTree/ModalTreeApp.vue +175 -175
  126. package/src/vue/components/ModalTree/TreeItem.vue +262 -262
  127. package/src/vue/components/ModalTree/TreeModal.vue +225 -225
  128. package/tests/test.js +4 -4
  129. package/tsconfig.js.json +25 -25
  130. package/tsconfig.json +17 -17
  131. package/vite.assets.config.ts +61 -61
  132. package/vite.config.test.ts +36 -36
  133. 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
+ }