@thienvu18/designable-shared 2.0.0 → 2.0.2

package/esm/event.js

@@ -1,212 +1,212 @@
-import { isArr, isWindow } from './types';
-import { Subscribable } from './subscribable';
-import { globalThisPolyfill } from './globalThisPolyfill';
-const ATTACHED_SYMBOL = Symbol('ATTACHED_SYMBOL');
-const EVENTS_SYMBOL = Symbol('__EVENTS_SYMBOL__');
-const EVENTS_ONCE_SYMBOL = Symbol('EVENTS_ONCE_SYMBOL');
-const EVENTS_BATCH_SYMBOL = Symbol('EVENTS_BATCH_SYMBOL');
-const DRIVER_INSTANCES_SYMBOL = Symbol('DRIVER_INSTANCES_SYMBOL');
-const isOnlyMode = (mode) => mode === 'onlyOne' || mode === 'onlyChild' || mode === 'onlyParent';
+import { globalThisPolyfill } from './globalThisPolyfill'
+import { Subscribable } from './subscribable'
+import { isArr, isWindow } from './types'
+const ATTACHED_SYMBOL = Symbol('ATTACHED_SYMBOL')
+const EVENTS_SYMBOL = Symbol('__EVENTS_SYMBOL__')
+const EVENTS_ONCE_SYMBOL = Symbol('EVENTS_ONCE_SYMBOL')
+const EVENTS_BATCH_SYMBOL = Symbol('EVENTS_BATCH_SYMBOL')
+const DRIVER_INSTANCES_SYMBOL = Symbol('DRIVER_INSTANCES_SYMBOL')
+const isOnlyMode = (mode) =>
+  mode === 'onlyOne' || mode === 'onlyChild' || mode === 'onlyParent'
 /**
  * 事件驱动器基类
  */
 export class EventDriver {
-    constructor(engine, context) {
-        this.container = document;
-        this.contentWindow = globalThisPolyfill;
-        this.engine = engine;
-        this.context = context;
-    }
-    dispatch(event) {
-        return this.engine.dispatch(event, this.context);
-    }
-    subscribe(subscriber) {
-        return this.engine.subscribe(subscriber);
-    }
-    subscribeTo(type, subscriber) {
-        return this.engine.subscribeTo(type, subscriber);
-    }
-    subscribeWith(type, subscriber) {
-        return this.engine.subscribeWith(type, subscriber);
-    }
-    attach(container) {
-        void container;
-        console.error('attach must implement.');
-    }
-    detach(container) {
-        void container;
-        console.error('attach must implement.');
-    }
-    eventTarget(type) {
-        if (type === 'resize' || type === 'scroll') {
-            if (this.container === this.contentWindow?.document) {
-                return this.contentWindow;
-            }
-        }
-        return this.container;
-    }
-    addEventListener(type, listener, options) {
-        const target = this.eventTarget(type);
-        if (isOnlyMode(options?.mode)) {
-            target[EVENTS_ONCE_SYMBOL] = target[EVENTS_ONCE_SYMBOL] || {};
-            const constructor = this['constructor'];
-            constructor[EVENTS_ONCE_SYMBOL] = constructor[EVENTS_ONCE_SYMBOL] || {};
-            const handler = target[EVENTS_ONCE_SYMBOL][type];
-            const container = constructor[EVENTS_ONCE_SYMBOL][type];
-            if (!handler) {
-                if (container) {
-                    if (options.mode === 'onlyChild') {
-                        if (container.contains(target)) {
-                            container.removeEventListener(type, container[EVENTS_ONCE_SYMBOL][type], options);
-                            delete container[EVENTS_ONCE_SYMBOL][type];
-                        }
-                    }
-                    else if (options.mode === 'onlyParent') {
-                        if (container.contains(target))
-                            return;
-                    }
-                }
-                target.addEventListener(type, listener, options);
-                target[EVENTS_ONCE_SYMBOL][type] = listener;
-                constructor[EVENTS_ONCE_SYMBOL][type] = target;
-            }
-        }
-        else {
-            target[EVENTS_SYMBOL] = target[EVENTS_SYMBOL] || {};
-            target[EVENTS_SYMBOL][type] = target[EVENTS_SYMBOL][type] || new Map();
-            if (!target[EVENTS_SYMBOL][type]?.get?.(listener)) {
-                target.addEventListener(type, listener, options);
-                target[EVENTS_SYMBOL][type]?.set?.(listener, true);
+  constructor(engine, context) {
+    this.container = document
+    this.contentWindow = globalThisPolyfill
+    this.engine = engine
+    this.context = context
+  }
+  dispatch(event) {
+    return this.engine.dispatch(event, this.context)
+  }
+  subscribe(subscriber) {
+    return this.engine.subscribe(subscriber)
+  }
+  subscribeTo(type, subscriber) {
+    return this.engine.subscribeTo(type, subscriber)
+  }
+  subscribeWith(type, subscriber) {
+    return this.engine.subscribeWith(type, subscriber)
+  }
+  attach(container) {
+    void container
+    console.error('attach must implement.')
+  }
+  detach(container) {
+    void container
+    console.error('attach must implement.')
+  }
+  eventTarget(type) {
+    if (type === 'resize' || type === 'scroll') {
+      if (this.container === this.contentWindow?.document) {
+        return this.contentWindow
+      }
+    }
+    return this.container
+  }
+  addEventListener(type, listener, options) {
+    const target = this.eventTarget(type)
+    if (isOnlyMode(options?.mode)) {
+      target[EVENTS_ONCE_SYMBOL] = target[EVENTS_ONCE_SYMBOL] || {}
+      const constructor = this['constructor']
+      constructor[EVENTS_ONCE_SYMBOL] = constructor[EVENTS_ONCE_SYMBOL] || {}
+      const handler = target[EVENTS_ONCE_SYMBOL][type]
+      const container = constructor[EVENTS_ONCE_SYMBOL][type]
+      if (!handler) {
+        if (container) {
+          if (options.mode === 'onlyChild') {
+            if (container.contains(target)) {
+              container.removeEventListener(
+                type,
+                container[EVENTS_ONCE_SYMBOL][type],
+                options
+              )
+              delete container[EVENTS_ONCE_SYMBOL][type]
             }
+          } else if (options.mode === 'onlyParent') {
+            if (container.contains(target)) return
+          }
         }
-    }
-    removeEventListener(type, listener, options) {
-        const target = this.eventTarget(type);
-        if (isOnlyMode(options?.mode)) {
-            const constructor = this['constructor'];
-            constructor[EVENTS_ONCE_SYMBOL] = constructor[EVENTS_ONCE_SYMBOL] || {};
-            target[EVENTS_ONCE_SYMBOL] = target[EVENTS_ONCE_SYMBOL] || {};
-            delete constructor[EVENTS_ONCE_SYMBOL][type];
-            delete target[EVENTS_ONCE_SYMBOL][type];
-            target.removeEventListener(type, listener, options);
-        }
-        else {
-            target[EVENTS_SYMBOL] = target[EVENTS_SYMBOL] || {};
-            target[EVENTS_SYMBOL][type] = target[EVENTS_SYMBOL][type] || new Map();
-            target[EVENTS_SYMBOL][type]?.delete?.(listener);
-            target.removeEventListener(type, listener, options);
-        }
-    }
-    batchAddEventListener(type, listener, options) {
-        this.engine[DRIVER_INSTANCES_SYMBOL] =
-            this.engine[DRIVER_INSTANCES_SYMBOL] || [];
-        if (!this.engine[DRIVER_INSTANCES_SYMBOL].includes(this)) {
-            this.engine[DRIVER_INSTANCES_SYMBOL].push(this);
-        }
-        this.engine[DRIVER_INSTANCES_SYMBOL].forEach((driver) => {
-            const target = driver.eventTarget(type);
-            target[EVENTS_BATCH_SYMBOL] = target[EVENTS_BATCH_SYMBOL] || {};
-            if (!target[EVENTS_BATCH_SYMBOL][type]) {
-                target.addEventListener(type, listener, options);
-                target[EVENTS_BATCH_SYMBOL][type] = listener;
-            }
-        });
-    }
-    batchRemoveEventListener(type, listener, options) {
-        this.engine[DRIVER_INSTANCES_SYMBOL] =
-            this.engine[DRIVER_INSTANCES_SYMBOL] || [];
-        this.engine[DRIVER_INSTANCES_SYMBOL].forEach((driver) => {
-            const target = driver.eventTarget(type);
-            target[EVENTS_BATCH_SYMBOL] = target[EVENTS_BATCH_SYMBOL] || {};
-            target.removeEventListener(type, listener, options);
-            delete target[EVENTS_BATCH_SYMBOL][type];
-        });
-    }
+        target.addEventListener(type, listener, options)
+        target[EVENTS_ONCE_SYMBOL][type] = listener
+        constructor[EVENTS_ONCE_SYMBOL][type] = target
+      }
+    } else {
+      target[EVENTS_SYMBOL] = target[EVENTS_SYMBOL] || {}
+      target[EVENTS_SYMBOL][type] = target[EVENTS_SYMBOL][type] || new Map()
+      if (!target[EVENTS_SYMBOL][type]?.get?.(listener)) {
+        target.addEventListener(type, listener, options)
+        target[EVENTS_SYMBOL][type]?.set?.(listener, true)
+      }
+    }
+  }
+  removeEventListener(type, listener, options) {
+    const target = this.eventTarget(type)
+    if (isOnlyMode(options?.mode)) {
+      const constructor = this['constructor']
+      constructor[EVENTS_ONCE_SYMBOL] = constructor[EVENTS_ONCE_SYMBOL] || {}
+      target[EVENTS_ONCE_SYMBOL] = target[EVENTS_ONCE_SYMBOL] || {}
+      delete constructor[EVENTS_ONCE_SYMBOL][type]
+      delete target[EVENTS_ONCE_SYMBOL][type]
+      target.removeEventListener(type, listener, options)
+    } else {
+      target[EVENTS_SYMBOL] = target[EVENTS_SYMBOL] || {}
+      target[EVENTS_SYMBOL][type] = target[EVENTS_SYMBOL][type] || new Map()
+      target[EVENTS_SYMBOL][type]?.delete?.(listener)
+      target.removeEventListener(type, listener, options)
+    }
+  }
+  batchAddEventListener(type, listener, options) {
+    this.engine[DRIVER_INSTANCES_SYMBOL] =
+      this.engine[DRIVER_INSTANCES_SYMBOL] || []
+    if (!this.engine[DRIVER_INSTANCES_SYMBOL].includes(this)) {
+      this.engine[DRIVER_INSTANCES_SYMBOL].push(this)
+    }
+    this.engine[DRIVER_INSTANCES_SYMBOL].forEach((driver) => {
+      const target = driver.eventTarget(type)
+      target[EVENTS_BATCH_SYMBOL] = target[EVENTS_BATCH_SYMBOL] || {}
+      if (!target[EVENTS_BATCH_SYMBOL][type]) {
+        target.addEventListener(type, listener, options)
+        target[EVENTS_BATCH_SYMBOL][type] = listener
+      }
+    })
+  }
+  batchRemoveEventListener(type, listener, options) {
+    this.engine[DRIVER_INSTANCES_SYMBOL] =
+      this.engine[DRIVER_INSTANCES_SYMBOL] || []
+    this.engine[DRIVER_INSTANCES_SYMBOL].forEach((driver) => {
+      const target = driver.eventTarget(type)
+      target[EVENTS_BATCH_SYMBOL] = target[EVENTS_BATCH_SYMBOL] || {}
+      target.removeEventListener(type, listener, options)
+      delete target[EVENTS_BATCH_SYMBOL][type]
+    })
+  }
 }
 /**
  * 事件引擎
  */
 export class Event extends Subscribable {
-    constructor(props) {
-        super();
-        this.drivers = [];
-        this.containers = [];
-        if (isArr(props?.effects)) {
-            props.effects.forEach((plugin) => {
-                plugin(this);
-            });
-        }
-        if (isArr(props?.drivers)) {
-            this.drivers = props.drivers;
-        }
-    }
-    subscribeTo(type, subscriber) {
-        return this.subscribe((event) => {
-            if (type && event instanceof type) {
-                return subscriber(event);
-            }
-        });
-    }
-    subscribeWith(type, subscriber) {
-        return this.subscribe((event) => {
-            if (isArr(type)) {
-                if (type.includes(event?.type)) {
-                    return subscriber(event);
-                }
-            }
-            else {
-                if (type && event?.type === type) {
-                    return subscriber(event);
-                }
-            }
-        });
-    }
-    attachEvents(container, contentWindow = globalThisPolyfill, context) {
-        if (!container)
-            return;
-        if (isWindow(container)) {
-            return this.attachEvents(container.document, container, context);
+  constructor(props) {
+    super()
+    this.drivers = []
+    this.containers = []
+    if (isArr(props?.effects)) {
+      props.effects.forEach((plugin) => {
+        plugin(this)
+      })
+    }
+    if (isArr(props?.drivers)) {
+      this.drivers = props.drivers
+    }
+  }
+  subscribeTo(type, subscriber) {
+    return this.subscribe((event) => {
+      if (type && event instanceof type) {
+        return subscriber(event)
+      }
+    })
+  }
+  subscribeWith(type, subscriber) {
+    return this.subscribe((event) => {
+      if (isArr(type)) {
+        if (type.includes(event?.type)) {
+          return subscriber(event)
         }
-        if (container[ATTACHED_SYMBOL])
-            return;
-        container[ATTACHED_SYMBOL] = this.drivers.map((EventDriver) => {
-            const driver = new EventDriver(this, context);
-            driver.contentWindow = contentWindow;
-            driver.container = container;
-            driver.attach(container);
-            return driver;
-        });
-        if (!this.containers.includes(container)) {
-            this.containers.push(container);
+      } else {
+        if (type && event?.type === type) {
+          return subscriber(event)
         }
-    }
-    detachEvents(container) {
-        if (!container) {
-            this.containers.forEach((container) => {
-                this.detachEvents(container);
-            });
-            return;
-        }
-        if (isWindow(container)) {
-            return this.detachEvents(container.document);
+      }
+    })
+  }
+  attachEvents(container, contentWindow = globalThisPolyfill, context) {
+    if (!container) return
+    if (isWindow(container)) {
+      return this.attachEvents(container.document, container, context)
+    }
+    if (container[ATTACHED_SYMBOL]) return
+    container[ATTACHED_SYMBOL] = this.drivers.map((EventDriver) => {
+      const driver = new EventDriver(this, context)
+      driver.contentWindow = contentWindow
+      driver.container = container
+      driver.attach(container)
+      return driver
+    })
+    if (!this.containers.includes(container)) {
+      this.containers.push(container)
+    }
+  }
+  detachEvents(container) {
+    if (!container) {
+      this.containers.forEach((container) => {
+        this.detachEvents(container)
+      })
+      return
+    }
+    if (isWindow(container)) {
+      return this.detachEvents(container.document)
+    }
+    if (!container[ATTACHED_SYMBOL]) return
+    container[ATTACHED_SYMBOL].forEach((driver) => {
+      driver.detach(container)
+    })
+    this[DRIVER_INSTANCES_SYMBOL] = this[DRIVER_INSTANCES_SYMBOL] || []
+    this[DRIVER_INSTANCES_SYMBOL] = this[DRIVER_INSTANCES_SYMBOL].reduce(
+      (drivers, driver) => {
+        if (driver.container === container) {
+          driver.detach(container)
+          return drivers
         }
-        if (!container[ATTACHED_SYMBOL])
-            return;
-        container[ATTACHED_SYMBOL].forEach((driver) => {
-            driver.detach(container);
-        });
-        this[DRIVER_INSTANCES_SYMBOL] = this[DRIVER_INSTANCES_SYMBOL] || [];
-        this[DRIVER_INSTANCES_SYMBOL] = this[DRIVER_INSTANCES_SYMBOL].reduce((drivers, driver) => {
-            if (driver.container === container) {
-                driver.detach(container);
-                return drivers;
-            }
-            return drivers.concat(driver);
-        }, []);
-        this.containers = this.containers.filter((item) => item !== container);
-        delete container[ATTACHED_SYMBOL];
-        delete container[EVENTS_SYMBOL];
-        delete container[EVENTS_ONCE_SYMBOL];
-        delete container[EVENTS_BATCH_SYMBOL];
-    }
+        return drivers.concat(driver)
+      },
+      []
+    )
+    this.containers = this.containers.filter((item) => item !== container)
+    delete container[ATTACHED_SYMBOL]
+    delete container[EVENTS_SYMBOL]
+    delete container[EVENTS_ONCE_SYMBOL]
+    delete container[EVENTS_BATCH_SYMBOL]
+  }
 }

package/esm/globalThisPolyfill.d.ts

@@ -1 +1 @@
-export declare const globalThisPolyfill: Window;
+export declare const globalThisPolyfill: Window

package/esm/globalThisPolyfill.js

@@ -1,22 +1,19 @@
 function getGlobalThis() {
-    try {
-        if (typeof self !== 'undefined') {
-            return self;
-        }
+  try {
+    if (typeof self !== 'undefined') {
+      return self
     }
-    catch (e) { }
-    try {
-        if (typeof globalThisPolyfill !== 'undefined') {
-            return globalThisPolyfill;
-        }
+  } catch (e) {}
+  try {
+    if (typeof globalThisPolyfill !== 'undefined') {
+      return globalThisPolyfill
     }
-    catch (e) { }
-    try {
-        if (typeof global !== 'undefined') {
-            return global;
-        }
+  } catch (e) {}
+  try {
+    if (typeof global !== 'undefined') {
+      return global
     }
-    catch (e) { }
-    return Function('return this')();
+  } catch (e) {}
+  return Function('return this')()
 }
-export const globalThisPolyfill = getGlobalThis();
+export const globalThisPolyfill = getGlobalThis()

package/esm/index.d.ts

@@ -1,17 +1,17 @@
-export * from './event';
-export * from './scroller';
-export * from './subscribable';
-export * from './coordinate';
-export * from './types';
-export * from './uid';
-export * from './clone';
-export * from './instanceof';
-export * from './lru';
-export * from './compose';
-export * from './array';
-export * from './keycode';
-export * from './animation';
-export * from './request-idle';
-export * from './element';
-export * from './globalThisPolyfill';
-export * from './observer';
+export * from './animation'
+export * from './array'
+export * from './clone'
+export * from './compose'
+export * from './coordinate'
+export * from './element'
+export * from './event'
+export * from './globalThisPolyfill'
+export * from './instanceof'
+export * from './keycode'
+export * from './lru'
+export * from './observer'
+export * from './request-idle'
+export * from './scroller'
+export * from './subscribable'
+export * from './types'
+export * from './uid'

package/esm/index.js

@@ -1,17 +1,17 @@
-export * from './event';
-export * from './scroller';
-export * from './subscribable';
-export * from './coordinate';
-export * from './types';
-export * from './uid';
-export * from './clone';
-export * from './instanceof';
-export * from './lru';
-export * from './compose';
-export * from './array';
-export * from './keycode';
-export * from './animation';
-export * from './request-idle';
-export * from './element';
-export * from './globalThisPolyfill';
-export * from './observer';
+export * from './animation'
+export * from './array'
+export * from './clone'
+export * from './compose'
+export * from './coordinate'
+export * from './element'
+export * from './event'
+export * from './globalThisPolyfill'
+export * from './instanceof'
+export * from './keycode'
+export * from './lru'
+export * from './observer'
+export * from './request-idle'
+export * from './scroller'
+export * from './subscribable'
+export * from './types'
+export * from './uid'

package/esm/instanceof.d.ts

@@ -1 +1 @@
-export declare const instOf: (value: any, cls: any) => boolean;
+export declare const instOf: (value: any, cls: any) => boolean

package/esm/instanceof.js

@@ -1,11 +1,10 @@
-import { isStr, isFn } from './types';
-import { globalThisPolyfill } from './globalThisPolyfill';
+import { globalThisPolyfill } from './globalThisPolyfill'
+import { isFn, isStr } from './types'
 export const instOf = (value, cls) => {
-    if (isFn(cls))
-        return value instanceof cls;
-    if (isStr(cls))
-        return globalThisPolyfill[cls]
-            ? value instanceof globalThisPolyfill[cls]
-            : false;
-    return false;
-};
+  if (isFn(cls)) return value instanceof cls
+  if (isStr(cls))
+    return globalThisPolyfill[cls]
+      ? value instanceof globalThisPolyfill[cls]
+      : false
+  return false
+}