@thienvu18/designable-shared 2.0.0 → 2.0.2

package/lib/event.js

@@ -1,217 +1,221 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Event = exports.EventDriver = void 0;
-const types_1 = require("./types");
-const subscribable_1 = require("./subscribable");
-const globalThisPolyfill_1 = require("./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';
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.Event = exports.EventDriver = void 0
+const types_1 = require('./types')
+const subscribable_1 = require('./subscribable')
+const globalThisPolyfill_1 = require('./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'
 /**
  * 事件驱动器基类
  */
 class EventDriver {
-    constructor(engine, context) {
-        this.container = document;
-        this.contentWindow = globalThisPolyfill_1.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_1.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]
+    })
+  }
 }
-exports.EventDriver = EventDriver;
+exports.EventDriver = EventDriver
 /**
  * 事件引擎
  */
 class Event extends subscribable_1.Subscribable {
-    constructor(props) {
-        super();
-        this.drivers = [];
-        this.containers = [];
-        if ((0, types_1.isArr)(props?.effects)) {
-            props.effects.forEach((plugin) => {
-                plugin(this);
-            });
-        }
-        if ((0, types_1.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 ((0, types_1.isArr)(type)) {
-                if (type.includes(event?.type)) {
-                    return subscriber(event);
-                }
-            }
-            else {
-                if (type && event?.type === type) {
-                    return subscriber(event);
-                }
-            }
-        });
-    }
-    attachEvents(container, contentWindow = globalThisPolyfill_1.globalThisPolyfill, context) {
-        if (!container)
-            return;
-        if ((0, types_1.isWindow)(container)) {
-            return this.attachEvents(container.document, container, context);
+  constructor(props) {
+    super()
+    this.drivers = []
+    this.containers = []
+    if ((0, types_1.isArr)(props?.effects)) {
+      props.effects.forEach((plugin) => {
+        plugin(this)
+      })
+    }
+    if ((0, types_1.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 ((0, types_1.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 ((0, types_1.isWindow)(container)) {
-            return this.detachEvents(container.document);
+      }
+    })
+  }
+  attachEvents(
+    container,
+    contentWindow = globalThisPolyfill_1.globalThisPolyfill,
+    context
+  ) {
+    if (!container) return
+    if ((0, types_1.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 ((0, types_1.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]
+  }
 }
-exports.Event = Event;
+exports.Event = Event

package/lib/globalThisPolyfill.d.ts

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

package/lib/globalThisPolyfill.js

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.globalThisPolyfill = void 0;
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.globalThisPolyfill = void 0
 function getGlobalThis() {
-    try {
-        if (typeof self !== 'undefined') {
-            return self;
-        }
+  try {
+    if (typeof self !== 'undefined') {
+      return self
     }
-    catch (e) { }
-    try {
-        if (typeof exports.globalThisPolyfill !== 'undefined') {
-            return exports.globalThisPolyfill;
-        }
+  } catch (e) {}
+  try {
+    if (typeof exports.globalThisPolyfill !== 'undefined') {
+      return exports.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')()
 }
-exports.globalThisPolyfill = getGlobalThis();
+exports.globalThisPolyfill = getGlobalThis()

package/lib/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/lib/index.js

@@ -1,33 +1,49 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./event"), exports);
-__exportStar(require("./scroller"), exports);
-__exportStar(require("./subscribable"), exports);
-__exportStar(require("./coordinate"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./uid"), exports);
-__exportStar(require("./clone"), exports);
-__exportStar(require("./instanceof"), exports);
-__exportStar(require("./lru"), exports);
-__exportStar(require("./compose"), exports);
-__exportStar(require("./array"), exports);
-__exportStar(require("./keycode"), exports);
-__exportStar(require("./animation"), exports);
-__exportStar(require("./request-idle"), exports);
-__exportStar(require("./element"), exports);
-__exportStar(require("./globalThisPolyfill"), exports);
-__exportStar(require("./observer"), exports);
+'use strict'
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        var desc = Object.getOwnPropertyDescriptor(m, k)
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k]
+            },
+          }
+        }
+        Object.defineProperty(o, k2, desc)
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        o[k2] = m[k]
+      })
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p)
+  }
+Object.defineProperty(exports, '__esModule', { value: true })
+__exportStar(require('./event'), exports)
+__exportStar(require('./scroller'), exports)
+__exportStar(require('./subscribable'), exports)
+__exportStar(require('./coordinate'), exports)
+__exportStar(require('./types'), exports)
+__exportStar(require('./uid'), exports)
+__exportStar(require('./clone'), exports)
+__exportStar(require('./instanceof'), exports)
+__exportStar(require('./lru'), exports)
+__exportStar(require('./compose'), exports)
+__exportStar(require('./array'), exports)
+__exportStar(require('./keycode'), exports)
+__exportStar(require('./animation'), exports)
+__exportStar(require('./request-idle'), exports)
+__exportStar(require('./element'), exports)
+__exportStar(require('./globalThisPolyfill'), exports)
+__exportStar(require('./observer'), exports)

package/lib/instanceof.d.ts

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

package/lib/instanceof.js

@@ -1,15 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.instOf = void 0;
-const types_1 = require("./types");
-const globalThisPolyfill_1 = require("./globalThisPolyfill");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.instOf = void 0
+const types_1 = require('./types')
+const globalThisPolyfill_1 = require('./globalThisPolyfill')
 const instOf = (value, cls) => {
-    if ((0, types_1.isFn)(cls))
-        return value instanceof cls;
-    if ((0, types_1.isStr)(cls))
-        return globalThisPolyfill_1.globalThisPolyfill[cls]
-            ? value instanceof globalThisPolyfill_1.globalThisPolyfill[cls]
-            : false;
-    return false;
-};
-exports.instOf = instOf;
+  if ((0, types_1.isFn)(cls)) return value instanceof cls
+  if ((0, types_1.isStr)(cls))
+    return globalThisPolyfill_1.globalThisPolyfill[cls]
+      ? value instanceof globalThisPolyfill_1.globalThisPolyfill[cls]
+      : false
+  return false
+}
+exports.instOf = instOf