@eva/plugin-a11y 1.2.7-editor.6 → 1.2.7-editor.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-a11y",
-  "version": "1.2.7-editor.6",
+  "version": "1.2.7-editor.9",
   "description": "@eva/plugin-a11y",
   "main": "index.js",
   "module": "dist/plugin-a11y.esm.js",
@@ -18,9 +18,9 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/eva.js": "1.2.7-editor.6",
+    "@eva/eva.js": "1.2.7-editor.9",
     "@eva/inspector-decorator": "0.1.0-alpha.2",
-    "@eva/plugin-renderer": "1.2.7-editor.6",
+    "@eva/plugin-renderer": "1.2.7-editor.9",
     "eventemitter3": "^3.1.2"
   }
 }

package/dist/miniprogram.js

@@ -1,633 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import { documentAlias, windowAlias } from '@eva/miniprogram-adapter';
-import { __extends, __decorate, __metadata, __awaiter, __generator, __values, __assign } from 'tslib';
-import { Component, OBSERVER_TYPE, decorators, System } from '@eva/eva.js/dist/miniprogram';
-import { RendererSystem } from '@eva/plugin-renderer/dist/miniprogram';
-import { Field } from '@eva/inspector-decorator';
-
-function uuid(len) {
-  var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
-  var uuid = [];
-  var radix = chars.length;
-
-  for (var i = 0; i < len; i++) {
-    uuid[i] = chars[0 | Math.random() * radix];
-  }
-
-  return uuid.join('');
-}
-
-var setStyle = function setStyle(element, style) {
-  var width = style.width,
-      height = style.height,
-      position = style.position,
-      _a = style.left,
-      left = _a === void 0 ? 0 : _a,
-      _b = style.top,
-      top = _b === void 0 ? 0 : _b,
-      zIndex = style.zIndex,
-      pointerEvents = style.pointerEvents,
-      background = style.background;
-  element.style.width = width + "px";
-  element.style.height = height + "px";
-  element.style.position = position;
-  element.style.left = "" + left;
-  element.style.top = "" + top;
-  element.style.zIndex = "" + zIndex;
-  element.style.pointerEvents = pointerEvents;
-  element.style.background = background;
-  element.style.border = 'none';
-  element.style.overflow = 'hidden';
-};
-
-var setTransform = function setTransform(element, transform, ratioX, ratioY) {
-  var worldTransform = transform.worldTransform;
-  var a = worldTransform.a,
-      b = worldTransform.b,
-      c = worldTransform.c,
-      d = worldTransform.d,
-      tx = worldTransform.tx,
-      ty = worldTransform.ty;
-  var matrix = "matrix(" + a + ", " + b + ", " + c + ", " + d + ", " + tx * ratioX + ", " + ty * ratioY + ")";
-  element.style.transform = "" + matrix;
-  element.style.webkitTransform = "" + matrix;
-  element.style.transformOrigin = 'left top';
-  element.style.webkitTransformOrigin = 'left top';
-};
-
-var A11y = function (_super) {
-  __extends(A11y, _super);
-
-  function A11y(param) {
-    var _this = _super.call(this) || this;
-
-    _extends(_this, param);
-
-    var _a = param.hint,
-        hint = _a === void 0 ? '' : _a,
-        event = param.event,
-        _b = param.delay,
-        delay = _b === void 0 ? 0 : _b,
-        _c = param.attr,
-        attr = _c === void 0 ? {} : _c,
-        _d = param.role,
-        role = _d === void 0 ? '' : _d,
-        _e = param.props,
-        props = _e === void 0 ? {} : _e,
-        _f = param.state,
-        state = _f === void 0 ? {} : _f;
-    _this.hint = hint;
-    _this.event = event;
-    _this.delay = delay;
-    _this.attr = attr;
-    _this.role = role;
-    _this.props = props;
-    _this.state = state;
-    _this.a11yId = "_" + uuid(6);
-    return _this;
-  }
-
-  A11y.componentName = 'A11y';
-
-  __decorate([Field(), __metadata("design:type", Boolean)], A11y.prototype, "interactive", void 0);
-
-  __decorate([Field(), __metadata("design:type", String)], A11y.prototype, "hint", void 0);
-
-  __decorate([Field({
-    step: 1
-  }), __metadata("design:type", Number)], A11y.prototype, "delay", void 0);
-
-  __decorate([Field(), __metadata("design:type", String)], A11y.prototype, "role", void 0);
-
-  __decorate([Field(), __metadata("design:type", String)], A11y.prototype, "a11yId", void 0);
-
-  return A11y;
-}(Component);
-
-var A11y$1 = A11y;
-var POSITION = 'absolute';
-var ZINDEX = 3;
-var A11yActivate;
-
-(function (A11yActivate) {
-  A11yActivate[A11yActivate["ENABLE"] = 0] = "ENABLE";
-  A11yActivate[A11yActivate["DISABLE"] = 1] = "DISABLE";
-  A11yActivate[A11yActivate["CHECK"] = 2] = "CHECK";
-})(A11yActivate || (A11yActivate = {}));
-
-var PointerEvents;
-
-(function (PointerEvents) {
-  PointerEvents["NONE"] = "none";
-  PointerEvents["AUTO"] = "auto";
-})(PointerEvents || (PointerEvents = {}));
-
-var MaskBackground;
-
-(function (MaskBackground) {
-  MaskBackground["DEBUG"] = "rgba(255,0,0,0.5)";
-  MaskBackground["NONE"] = "transparent";
-})(MaskBackground || (MaskBackground = {}));
-
-var ElementType;
-
-(function (ElementType) {
-  ElementType["BUTTON"] = "button";
-  ElementType["DIV"] = "div";
-})(ElementType || (ElementType = {}));
-
-var notAttr = ['hint', 'event', 'delay', 'attr', 'role', 'props', 'state', 'a11yId', 'name'];
-
-var getEventFunc = function getEventFunc(event, gameObject, e) {
-  var _this = this;
-
-  ['touchstart', 'touchend', 'tap'].forEach(function (name) {
-    event.emit(name, {
-      stopPropagation: function stopPropagation() {
-        return e.stopPropagation();
-      },
-      data: {
-        position: _this.eventPosition
-      },
-      gameObject: gameObject
-    });
-  });
-};
-
-var A11ySystem = function (_super) {
-  __extends(A11ySystem, _super);
-
-  function A11ySystem(opt) {
-    var _this = _super.call(this, opt) || this;
-
-    _this.cache = new Map();
-    _this.eventCache = new Map();
-    _this.zIndex = ZINDEX;
-    return _this;
-  }
-
-  Object.defineProperty(A11ySystem.prototype, "ratioX", {
-    get: function get() {
-      if (this._ratioX) {
-        return this._ratioX;
-      } else {
-        var success = this.setRatio();
-
-        if (success) {
-          return this._ratioX;
-        } else {
-          return 0;
-        }
-      }
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(A11ySystem.prototype, "ratioY", {
-    get: function get() {
-      if (this._ratioY) {
-        return this._ratioY;
-      } else {
-        var success = this.setRatio();
-
-        if (success) {
-          return this._ratioY;
-        } else {
-          return 0;
-        }
-      }
-    },
-    enumerable: false,
-    configurable: true
-  });
-
-  A11ySystem.prototype.init = function (opt) {
-    if (opt === void 0) {
-      opt = {};
-    }
-
-    return __awaiter(this, void 0, void 0, function () {
-      var _a, activate, _b, delay, _c, checkA11yOpen, zIndex, _d, _e, div;
-
-      return __generator(this, function (_f) {
-        switch (_f.label) {
-          case 0:
-            _a = opt.activate, activate = _a === void 0 ? A11yActivate.CHECK : _a, _b = opt.delay, delay = _b === void 0 ? 100 : _b, _c = opt.checkA11yOpen, checkA11yOpen = _c === void 0 ? function () {
-              return Promise.resolve(false);
-            } : _c, zIndex = opt.zIndex;
-            this.delay = delay;
-            this.zIndex = zIndex || this.zIndex;
-            _d = activate;
-
-            switch (_d) {
-              case A11yActivate.CHECK:
-                return [3, 1];
-
-              case A11yActivate.DISABLE:
-                return [3, 5];
-
-              case A11yActivate.ENABLE:
-                return [3, 6];
-            }
-
-            return [3, 7];
-
-          case 1:
-            _f.trys.push([1, 3,, 4]);
-
-            _e = this;
-            return [4, checkA11yOpen()];
-
-          case 2:
-            _e.activate = _f.sent();
-            return [3, 4];
-
-          case 3:
-            _f.sent();
-
-            this.activate = false;
-            return [3, 4];
-
-          case 4:
-            return [3, 7];
-
-          case 5:
-            this.activate = false;
-            return [3, 7];
-
-          case 6:
-            this.activate = true;
-            return [3, 7];
-
-          case 7:
-            this.debug = opt.debug || false;
-
-            if (this.debug) {
-              this.activate = true;
-            }
-
-            if (!this.activate) return [2];
-            div = documentAlias.createElement('div');
-            this.div = div;
-
-            if (this.game.canvas.parentNode) {
-              this.game.canvas.parentNode.insertBefore(this.div, this.game.canvas);
-            }
-
-            return [2];
-        }
-      });
-    });
-  };
-
-  A11ySystem.prototype.setRatio = function () {
-    var _a = this.getCanvasBoundingClientRect(),
-        width = _a.width,
-        height = _a.height;
-
-    var _b = this.getRenderRect(),
-        renderWidth = _b.renderWidth,
-        renderHeight = _b.renderHeight;
-
-    this._ratioX = width / renderWidth;
-    this._ratioY = height / renderHeight;
-
-    if (width || height) {
-      this.initDiv();
-      return true;
-    } else {
-      return false;
-    }
-  };
-
-  A11ySystem.prototype.getRenderRect = function () {
-    var _a = this.game.getSystem(RendererSystem).params,
-        params = _a === void 0 ? {
-      width: 300,
-      height: 300
-    } : _a;
-    var renderHeight = params.height,
-        renderWidth = params.width;
-    return {
-      renderWidth: renderWidth,
-      renderHeight: renderHeight
-    };
-  };
-
-  A11ySystem.prototype.getCanvasBoundingClientRect = function () {
-    var _a = this.game.canvas.getBoundingClientRect(),
-        width = _a.width,
-        height = _a.height,
-        left = _a.left,
-        top = _a.top;
-
-    return {
-      width: width,
-      height: height,
-      left: left,
-      top: top
-    };
-  };
-
-  A11ySystem.prototype.initDiv = function () {
-    var _this = this;
-
-    var pageXOffset = windowAlias.pageXOffset,
-        pageYOffset = windowAlias.pageYOffset;
-
-    var _a = this.getCanvasBoundingClientRect(),
-        width = _a.width,
-        height = _a.height,
-        left = _a.left,
-        top = _a.top;
-
-    var style = {
-      width: width,
-      height: height,
-      left: left + pageXOffset + "px",
-      top: top + pageYOffset + "px",
-      position: POSITION,
-      zIndex: this.zIndex,
-      pointerEvents: PointerEvents.NONE,
-      background: MaskBackground.NONE
-    };
-    setStyle(this.div, style);
-    this.div.addEventListener('click', function (e) {
-      var currentTarget = e.currentTarget;
-
-      var _a = currentTarget.getBoundingClientRect(),
-          left = _a.left,
-          top = _a.top;
-
-      var x = (e.pageX - left) / _this.ratioX;
-      var y = (e.pageY - top) / _this.ratioY;
-      _this.eventPosition = {
-        x: x,
-        y: y
-      };
-    }, true);
-  };
-
-  A11ySystem.prototype.update = function () {
-    return __awaiter(this, void 0, void 0, function () {
-      var changes, changes_1, changes_1_1, changed;
-
-      var e_1, _a;
-
-      return __generator(this, function (_b) {
-        changes = this.componentObserver.clear();
-
-        if (!this.activate) {
-          return [2];
-        }
-
-        try {
-          for (changes_1 = __values(changes), changes_1_1 = changes_1.next(); !changes_1_1.done; changes_1_1 = changes_1.next()) {
-            changed = changes_1_1.value;
-
-            switch (changed.type) {
-              case OBSERVER_TYPE.ADD:
-                changed.componentName === 'Event' && this.addEvent(changed.gameObject);
-                changed.componentName === 'A11y' && this.add(changed);
-                break;
-
-              case OBSERVER_TYPE.CHANGE:
-                changed.componentName === 'Transform' && this.transformChange(changed);
-                changed.componentName === 'A11y' && this.change(changed);
-                break;
-
-              case OBSERVER_TYPE.REMOVE:
-                changed.componentName === 'Event' && this.removeEvent(changed);
-                changed.componentName === 'A11y' && this.remove(changed);
-            }
-          }
-        } catch (e_1_1) {
-          e_1 = {
-            error: e_1_1
-          };
-        } finally {
-          try {
-            if (changes_1_1 && !changes_1_1.done && (_a = changes_1.return)) _a.call(changes_1);
-          } finally {
-            if (e_1) throw e_1.error;
-          }
-        }
-
-        return [2];
-      });
-    });
-  };
-
-  A11ySystem.prototype.change = function (changed) {
-    var component = changed.component;
-
-    if (changed.prop.prop[0] === 'hint') {
-      var dom = this.cache.get(component.a11yId);
-      dom === null || dom === void 0 ? void 0 : dom.setAttribute('aria-label', component.hint);
-      dom && this.setPosition(dom, changed.gameObject.transform);
-    }
-  };
-
-  A11ySystem.prototype.remove = function (changed) {
-    var component = changed.component;
-    if (!component) return;
-    var a11yId = component.a11yId;
-    var element = this.div.querySelector("#" + a11yId);
-    element && this.div.removeChild(element);
-    this.cache.delete(a11yId);
-  };
-
-  A11ySystem.prototype.add = function (changed) {
-    var _this = this;
-
-    if (!this.activate) return;
-    var component = changed.component;
-    var gameObject = changed.gameObject;
-    var delay = component.delay,
-        id = component.a11yId;
-    var event = component.event;
-    if (!gameObject) return;
-    var transform = gameObject.transform;
-    if (!transform) return;
-    var element = documentAlias.createElement('div');
-    this.cache.set(id, element);
-
-    if (!event) {
-      event = gameObject.getComponent('Event');
-    }
-
-    setTimeout(function () {
-      _this.setPosition(element, transform);
-
-      _this.setA11yAttr(element, component);
-
-      if (event) {
-        _this.addEvent(gameObject);
-      }
-
-      if (gameObject.scene) {
-        _this.div.appendChild(element);
-      }
-    }, delay || this.delay);
-  };
-
-  A11ySystem.prototype.transformChange = function (changed) {
-    var component = changed.component;
-    var gameObject = changed.gameObject;
-    var a11yComponent = gameObject.getComponent(A11y$1);
-    if (!a11yComponent) return;
-    var a11yId = a11yComponent.a11yId;
-
-    if (!component.inScene) {
-      var dom = this.div.querySelector("#" + a11yId);
-      dom && this.div.removeChild(dom);
-    } else {
-      if (this.cache.has(a11yId)) {
-        var addDom = this.cache.get(a11yId);
-        addDom && this.div.appendChild(addDom);
-      }
-    }
-  };
-
-  A11ySystem.prototype.setEvent = function (element, event, gameObject, id) {
-    if (!event) {
-      return;
-    }
-
-    var func = getEventFunc.bind(this, event, gameObject);
-    this.eventCache.set(id, func);
-    element.addEventListener('click', func);
-  };
-
-  A11ySystem.prototype.addEvent = function (gameObject) {
-    var a11y = gameObject.getComponent(A11y$1);
-    if (!a11y) return;
-    var event = gameObject.getComponent('Event');
-    if (!event) return;
-    var element = this.cache.get(a11y.a11yId);
-    element && this.setEvent(element, event, gameObject, a11y.a11yId);
-  };
-
-  A11ySystem.prototype.removeEvent = function (changed) {
-    var gameObject = changed.gameObject;
-    var a11y = gameObject.getComponent(A11y$1);
-    if (!a11y) return;
-    var event = changed.component;
-    if (!event) return;
-    var a11yId = a11y.a11yId;
-    var func = this.eventCache.get(a11yId);
-    var element = this.cache.get(a11yId);
-    element && element.removeEventListener('click', func);
-  };
-
-  A11ySystem.prototype.setA11yAttr = function (element, component) {
-    var e_2, _a, e_3, _b, e_4, _c;
-
-    var hint = component.hint,
-        _d = component.props,
-        props = _d === void 0 ? {} : _d,
-        _e = component.state,
-        state = _e === void 0 ? {} : _e,
-        role = component.role,
-        id = component.a11yId;
-    var realRole = role || 'text';
-    element.setAttribute('role', realRole);
-    element.setAttribute('aria-label', hint);
-    element.id = id;
-    var ariaProps = Object.keys(props);
-
-    try {
-      for (var ariaProps_1 = __values(ariaProps), ariaProps_1_1 = ariaProps_1.next(); !ariaProps_1_1.done; ariaProps_1_1 = ariaProps_1.next()) {
-        var key = ariaProps_1_1.value;
-        element.setAttribute(key, props[key]);
-      }
-    } catch (e_2_1) {
-      e_2 = {
-        error: e_2_1
-      };
-    } finally {
-      try {
-        if (ariaProps_1_1 && !ariaProps_1_1.done && (_a = ariaProps_1.return)) _a.call(ariaProps_1);
-      } finally {
-        if (e_2) throw e_2.error;
-      }
-    }
-
-    var ariaState = Object.keys(state);
-
-    try {
-      for (var ariaState_1 = __values(ariaState), ariaState_1_1 = ariaState_1.next(); !ariaState_1_1.done; ariaState_1_1 = ariaState_1.next()) {
-        var key = ariaState_1_1.value;
-        element.setAttribute(key, state[key]);
-      }
-    } catch (e_3_1) {
-      e_3 = {
-        error: e_3_1
-      };
-    } finally {
-      try {
-        if (ariaState_1_1 && !ariaState_1_1.done && (_b = ariaState_1.return)) _b.call(ariaState_1);
-      } finally {
-        if (e_3) throw e_3.error;
-      }
-    }
-
-    try {
-      for (var _f = __values(Object.keys(component)), _g = _f.next(); !_g.done; _g = _f.next()) {
-        var key = _g.value;
-
-        if (typeof component[key] === 'string' && notAttr.indexOf(key) === -1 && key.indexOf('_') !== 1) {
-          element.setAttribute(key, component[key]);
-        }
-      }
-    } catch (e_4_1) {
-      e_4 = {
-        error: e_4_1
-      };
-    } finally {
-      try {
-        if (_g && !_g.done && (_c = _f.return)) _c.call(_f);
-      } finally {
-        if (e_4) throw e_4.error;
-      }
-    }
-  };
-
-  A11ySystem.prototype.setPosition = function (element, transform) {
-    var _a = transform.size,
-        width = _a.width,
-        height = _a.height;
-    var style = {
-      width: width === 0 ? 1 : width * this.ratioX,
-      height: height === 0 ? 1 : height * this.ratioY,
-      position: POSITION,
-      zIndex: this.zIndex,
-      pointerEvents: PointerEvents.AUTO,
-      background: this.debug ? MaskBackground.DEBUG : MaskBackground.NONE
-    };
-
-    var transformProps = __assign({}, transform);
-
-    setStyle(element, style);
-    setTransform(element, transformProps, this.ratioX, this.ratioY);
-  };
-
-  A11ySystem.prototype.onDestroy = function () {
-    this.div.parentElement.removeChild(this.div);
-    this.cache = null;
-    this.eventCache = null;
-    this.div = null;
-  };
-
-  A11ySystem.systemName = 'A11ySystem';
-  A11ySystem = __decorate([decorators.componentObserver({
-    A11y: ['hint'],
-    Transform: ['inScene'],
-    Event: []
-  }), __metadata("design:paramtypes", [Object])], A11ySystem);
-  return A11ySystem;
-}(System);
-
-var A11ySystem$1 = A11ySystem;
-export { A11y$1 as A11y, A11yActivate, A11ySystem$1 as A11ySystem };