@windwalker-io/unicorn-next 0.1.0 → 0.1.1

package/src/plugin/index.ts

@@ -1 +1 @@
-export * from './php-adapter';
+export * from './php-adapter';

package/src/plugin/php-adapter.ts

@@ -1,65 +1,65 @@
-import type { UnicornApp } from '../app';
-import {
-  useFieldCascadeSelect,
-  useFieldFileDrag,
-  useFieldFlatpickr,
-  useFieldModalSelect, useFieldModalTree,
-  useFieldRepeatable,
-  useFieldSingleImageDrag,
-  useIframeModal, useS3Uploader,
-  useShowOn, useTomSelect,
-} from '../composable';
-import { useFieldMultiUploader } from '../composable/useFieldMultiUploader';
-import { useTinymce } from '../composable/useTinymce';
-import { useUnicorn } from '../unicorn';
-
-declare module '../app' {
-  export interface UnicornApp {
-    /** @deprecated Only for code generator use. */
-    $ui: typeof methods;
-  }
-}
-
-// @ts-ignore
-declare module '@windwalker-io/unicorn-next' {
-  export interface UnicornApp {
-    /** @deprecated Only for code generator use. */
-    $ui: typeof methods;
-  }
-}
-
-export function useUnicornPhpAdapter(app?: UnicornApp) {
-  app ??= useUnicorn();
-
-  app.use(UnicornPhpAdapter);
-
-  return app.$ui;
-}
-
-const methods = {
-  repeatable: useFieldRepeatable,
-  flatpickr: useFieldFlatpickr,
-  fileDrag: useFieldFileDrag,
-  modalField: useFieldModalSelect,
-  cascadeSelect: useFieldCascadeSelect,
-  sid: useFieldSingleImageDrag,
-  tinymce: {
-    init: useTinymce
-  },
-  s3Uploader: useS3Uploader,
-  iframeModal: useIframeModal,
-  initShowOn: useShowOn,
-  modalTree: useFieldModalTree,
-  multiUploader: useFieldMultiUploader,
-  tomSelect: useTomSelect,
-};
-
-export class UnicornPhpAdapter {
-  static install(app: UnicornApp) {
-    if (app.$ui) {
-      app.$ui = { ...app.$ui, ...methods };
-    } else {
-      app.$ui = methods;
-    }
-  }
-}
+import type { UnicornApp } from '../app';
+import {
+  useFieldCascadeSelect,
+  useFieldFileDrag,
+  useFieldFlatpickr,
+  useFieldModalSelect, useFieldModalTree,
+  useFieldRepeatable,
+  useFieldSingleImageDrag,
+  useIframeModal, useS3Uploader,
+  useShowOn, useTomSelect,
+} from '../composable';
+import { useFieldMultiUploader } from '../composable/useFieldMultiUploader';
+import { useTinymce } from '../composable/useTinymce';
+import { useUnicorn } from '../unicorn';
+
+declare module '../app' {
+  export interface UnicornApp {
+    /** @deprecated Only for code generator use. */
+    $ui: typeof methods;
+  }
+}
+
+// @ts-ignore
+declare module '@windwalker-io/unicorn-next' {
+  export interface UnicornApp {
+    /** @deprecated Only for code generator use. */
+    $ui: typeof methods;
+  }
+}
+
+export function useUnicornPhpAdapter(app?: UnicornApp) {
+  app ??= useUnicorn();
+
+  app.use(UnicornPhpAdapter);
+
+  return app.$ui;
+}
+
+const methods = {
+  repeatable: useFieldRepeatable,
+  flatpickr: useFieldFlatpickr,
+  fileDrag: useFieldFileDrag,
+  modalField: useFieldModalSelect,
+  cascadeSelect: useFieldCascadeSelect,
+  sid: useFieldSingleImageDrag,
+  tinymce: {
+    init: useTinymce
+  },
+  s3Uploader: useS3Uploader,
+  iframeModal: useIframeModal,
+  initShowOn: useShowOn,
+  modalTree: useFieldModalTree,
+  multiUploader: useFieldMultiUploader,
+  tomSelect: useTomSelect,
+};
+
+export class UnicornPhpAdapter {
+  static install(app: UnicornApp) {
+    if (app.$ui) {
+      app.$ui = { ...app.$ui, ...methods };
+    } else {
+      app.$ui = methods;
+    }
+  }
+}

package/src/polyfill/form-request-submit.ts

@@ -1,31 +1,31 @@
-// @ts-nocheck
-// @see https://github.com/javan/form-request-submit-polyfill
-export function formRequestSubmit(prototype) {
-  if (typeof prototype.requestSubmit == 'function') {
-    return;
-  }
-
-  prototype.requestSubmit = function (submitter) {
-    if (submitter) {
-      validateSubmitter(submitter, this);
-      submitter.click();
-    } else {
-      submitter = document.createElement('input');
-      submitter.type = 'submit';
-      submitter.hidden = true;
-      this.appendChild(submitter);
-      submitter.click();
-      this.removeChild(submitter);
-    }
-  };
-
-  function validateSubmitter(submitter, form) {
-    submitter instanceof HTMLElement || raise(TypeError, 'parameter 1 is not of type \'HTMLElement\'');
-    submitter.type == 'submit' || raise(TypeError, 'The specified element is not a submit button');
-    submitter.form == form || raise(DOMException, 'The specified element is not owned by this form element', 'NotFoundError');
-  }
-
-  function raise(errorConstructor, message, name) {
-    throw new errorConstructor('Failed to execute \'requestSubmit\' on \'HTMLFormElement\': ' + message + '.', name);
-  }
-}
+// @ts-nocheck
+// @see https://github.com/javan/form-request-submit-polyfill
+export function formRequestSubmit(prototype) {
+  if (typeof prototype.requestSubmit == 'function') {
+    return;
+  }
+
+  prototype.requestSubmit = function (submitter) {
+    if (submitter) {
+      validateSubmitter(submitter, this);
+      submitter.click();
+    } else {
+      submitter = document.createElement('input');
+      submitter.type = 'submit';
+      submitter.hidden = true;
+      this.appendChild(submitter);
+      submitter.click();
+      this.removeChild(submitter);
+    }
+  };
+
+  function validateSubmitter(submitter, form) {
+    submitter instanceof HTMLElement || raise(TypeError, 'parameter 1 is not of type \'HTMLElement\'');
+    submitter.type == 'submit' || raise(TypeError, 'The specified element is not a submit button');
+    submitter.form == form || raise(DOMException, 'The specified element is not owned by this form element', 'NotFoundError');
+  }
+
+  function raise(errorConstructor, message, name) {
+    throw new errorConstructor('Failed to execute \'requestSubmit\' on \'HTMLFormElement\': ' + message + '.', name);
+  }
+}

package/src/polyfill/index.ts

@@ -1,9 +1,9 @@
-
-import { formRequestSubmit } from './form-request-submit';
-
-export function polyfill() {
-  // If in browser
-  if (typeof window !== 'undefined') {
-    formRequestSubmit(HTMLFormElement.prototype);
-  }
-}
+
+import { formRequestSubmit } from './form-request-submit';
+
+export function polyfill() {
+  // If in browser
+  if (typeof window !== 'undefined') {
+    formRequestSubmit(HTMLFormElement.prototype);
+  }
+}

package/src/service/animate.ts

@@ -1,58 +1,58 @@
-import { selectOne } from './dom';
-
-export function animateTo(
-  element: HTMLElement,
-  styles: Partial<Record<keyof CSSStyleDeclaration, any>>,
-  options: number | KeyframeAnimationOptions = {}
-): Animation {
-  element = selectOne(element);
-
-  const currentStyles = window.getComputedStyle(element);
-  const transitions: Record<string, any[]> = {};
-
-  for (const name in styles) {
-    const value = styles[name];
-
-    transitions[name] = Array.isArray(value)
-      ? value
-      : [
-        currentStyles.getPropertyValue(name),
-        value
-      ];
-  }
-
-  if (typeof options === 'number') {
-    options = { duration: options };
-  }
-
-  options = Object.assign(
-    {
-      duration: 400,
-      easing: 'linear',
-      fill: 'both'
-    },
-    options
-  );
-
-  const animation = element.animate(
-    transitions,
-    options
-  );
-
-  animation.addEventListener('finish', () => {
-    for (const name in styles) {
-      const value = styles[name];
-
-      element.style.setProperty(
-        name,
-        Array.isArray(value)
-          ? value[value.length - 1]
-          : value
-      );
-    }
-
-    animation.cancel();
-  });
-
-  return animation;
-}
+import { selectOne } from './dom';
+
+export function animateTo(
+  element: HTMLElement,
+  styles: Partial<Record<keyof CSSStyleDeclaration, any>>,
+  options: number | KeyframeAnimationOptions = {}
+): Animation {
+  element = selectOne(element);
+
+  const currentStyles = window.getComputedStyle(element);
+  const transitions: Record<string, any[]> = {};
+
+  for (const name in styles) {
+    const value = styles[name];
+
+    transitions[name] = Array.isArray(value)
+      ? value
+      : [
+        currentStyles.getPropertyValue(name),
+        value
+      ];
+  }
+
+  if (typeof options === 'number') {
+    options = { duration: options };
+  }
+
+  options = Object.assign(
+    {
+      duration: 400,
+      easing: 'linear',
+      fill: 'both'
+    },
+    options
+  );
+
+  const animation = element.animate(
+    transitions,
+    options
+  );
+
+  animation.addEventListener('finish', () => {
+    for (const name in styles) {
+      const value = styles[name];
+
+      element.style.setProperty(
+        name,
+        Array.isArray(value)
+          ? value[value.length - 1]
+          : value
+      );
+    }
+
+    animation.cancel();
+  });
+
+  return animation;
+}

package/src/service/crypto.ts

@@ -1,27 +1,27 @@
-import { uid, tid, randomBytes, randomBytesString } from '@lyrasoft/ts-toolkit/generic';
-
-export function base64UrlEncode(string: string): string {
-  return btoa(String(string))
-    .replace(/\+/, '-')
-    .replace(new RegExp('\\/'), '_')
-    .replace(/=+$/, '');
-}
-
-/**
- * Base64 URL decode
- */
-export function base64UrlDecode(string: string): string {
-  return atob(
-    String(string)
-      .replace(/-/, '+')
-      .replace(/_/, '/')
-  );
-}
-
-export { uid, tid, randomBytes, randomBytesString };
-
-let globalSerial = 1;
-
-export function serial(): number {
-  return globalSerial++;
-}
+import { uid, tid, randomBytes, randomBytesString } from '@lyrasoft/ts-toolkit/generic';
+
+export function base64UrlEncode(string: string): string {
+  return btoa(String(string))
+    .replace(/\+/, '-')
+    .replace(new RegExp('\\/'), '_')
+    .replace(/=+$/, '');
+}
+
+/**
+ * Base64 URL decode
+ */
+export function base64UrlDecode(string: string): string {
+  return atob(
+    String(string)
+      .replace(/-/, '+')
+      .replace(/_/, '/')
+  );
+}
+
+export { uid, tid, randomBytes, randomBytesString };
+
+let globalSerial = 1;
+
+export function serial(): number {
+  return globalSerial++;
+}

package/src/service/dom-watcher.ts

@@ -1,62 +1,62 @@
-export function watchAttributes<T extends HTMLElement>(el: T, callback?: AttributeMutationCallback<T>) {
-  return new AttributeMutationObserver<T>(el, callback);
-}
-
-export type AttributeMutationCallback<T extends HTMLElement = HTMLElement> = (el: T, name: string, value: any, oldValue: any) => void;
-export type AttributeWatcher<T extends HTMLElement = HTMLElement> = (el: T, value: any, oldValue: any) => void;
-
-export class AttributeMutationObserver<T extends HTMLElement> {
-  observer: MutationObserver;
-  watches: Record<string, (AttributeWatcher<T>)[]> = {};
-
-  constructor(protected element: T, public callback?: (el: T, name: string, value: any, oldValue: any) => void) {
-    this.element = element;
-
-    this.observer = new MutationObserver((mutations) => {
-      for (const mutation of mutations) {
-        if (mutation.type === 'attributes') {
-          const attrName = mutation.attributeName!;
-          const target = mutation.target as T;
-          const value = target.getAttribute(attrName);
-
-          this.callback?.(
-            target,
-            attrName,
-            value,
-            mutation.oldValue
-          );
-
-          if (this.watches[attrName]) {
-            for (const watch of this.watches[attrName]) {
-              watch(target, value, mutation.oldValue);
-            }
-          }
-        }
-      }
-    });
-
-    this.observe();
-  }
-
-  watch(name: string, callback: AttributeWatcher<T>): () => void {
-    this.watches[name] ??= [];
-    this.watches[name].push(callback);
-
-    return () => {
-      this.watches[name] = this.watches[name].filter(fn => fn !== callback);
-    };
-  }
-
-  observe() {
-    this.observer.observe(this.element, {
-      attributes: true,
-      attributeOldValue: true,
-    });
-  }
-
-  disconnect() {
-    this.observer.disconnect();
-  }
-}
-
-
+export function watchAttributes<T extends HTMLElement>(el: T, callback?: AttributeMutationCallback<T>) {
+  return new AttributeMutationObserver<T>(el, callback);
+}
+
+export type AttributeMutationCallback<T extends HTMLElement = HTMLElement> = (el: T, name: string, value: any, oldValue: any) => void;
+export type AttributeWatcher<T extends HTMLElement = HTMLElement> = (el: T, value: any, oldValue: any) => void;
+
+export class AttributeMutationObserver<T extends HTMLElement> {
+  observer: MutationObserver;
+  watches: Record<string, (AttributeWatcher<T>)[]> = {};
+
+  constructor(protected element: T, public callback?: (el: T, name: string, value: any, oldValue: any) => void) {
+    this.element = element;
+
+    this.observer = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        if (mutation.type === 'attributes') {
+          const attrName = mutation.attributeName!;
+          const target = mutation.target as T;
+          const value = target.getAttribute(attrName);
+
+          this.callback?.(
+            target,
+            attrName,
+            value,
+            mutation.oldValue
+          );
+
+          if (this.watches[attrName]) {
+            for (const watch of this.watches[attrName]) {
+              watch(target, value, mutation.oldValue);
+            }
+          }
+        }
+      }
+    });
+
+    this.observe();
+  }
+
+  watch(name: string, callback: AttributeWatcher<T>): () => void {
+    this.watches[name] ??= [];
+    this.watches[name].push(callback);
+
+    return () => {
+      this.watches[name] = this.watches[name].filter(fn => fn !== callback);
+    };
+  }
+
+  observe() {
+    this.observer.observe(this.element, {
+      attributes: true,
+      attributeOldValue: true,
+    });
+  }
+
+  disconnect() {
+    this.observer.disconnect();
+  }
+}
+
+