@combos-fun/plugin-a11y 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# @combos-fun/plugin-a11y
+
+Internal workspace package (Combos Fun monorepo).

package/dist/plugin-a11y.cjs.js

@@ -0,0 +1,481 @@
+'use strict';
+
+var tslib = require('tslib');
+var engine = require('@combos-fun/engine');
+var pluginRenderer = require('@combos-fun/plugin-renderer');
+var inspectorDecorator = require('@combos-fun/inspector-decorator');
+
+/**
+ * 生成唯一的标识符
+ * @param len 长度
+ * @param radix 基
+ */
+function uuid(len) {
+    let chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
+    let uuid = [];
+    let radix = chars.length;
+    for (let i = 0; i < len; i++)
+        uuid[i] = chars[0 | (Math.random() * radix)];
+    return uuid.join('');
+}
+/**
+ * 设置 dom 样式
+ * @param div 需要设置样式的dom元素
+ * @param style 样式属性
+ */
+const setStyle = (element, style) => {
+    const { width, height, position, left = 0, top = 0, zIndex, pointerEvents, background } = style;
+    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';
+};
+const setTransform = (element, transform, ratioX, ratioY) => {
+    const { worldTransform } = transform;
+    const { a, b, c, d, tx, ty } = worldTransform;
+    const 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';
+};
+
+class A11y extends engine.Component {
+    static { this.componentName = 'A11y'; }
+    /**
+     * 无障碍组件构造函数
+     * @param param interactive 默认为 false，如果游戏对象可交互，传入 true
+     * @example
+     * // 为游戏对象提供朗读能力
+     * new A11y({hint: '这是一个div'})
+     * // 游戏对象有事件，传入 event 对象
+     * new A11y({hint: '点击事件对象', event: event})
+     * // 无障碍属性
+     * new A11y({hint:'按钮', role: 'button', state: {aria-hidden="true"}})
+     * // 自定义属性
+     * new A11y({hint: '自定义属性', attr: {key: '1'}})
+     */
+    constructor(param) {
+        super();
+        Object.assign(this, param);
+        const { hint = '', event, delay = 0, attr = {}, role = '', props = {}, state = {} } = param;
+        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)}`;
+    }
+}
+tslib.__decorate([
+    inspectorDecorator.type('boolean')
+], A11y.prototype, "interactive", void 0);
+tslib.__decorate([
+    inspectorDecorator.type('string')
+], A11y.prototype, "hint", void 0);
+tslib.__decorate([
+    inspectorDecorator.type('number'),
+    inspectorDecorator.step(1)
+], A11y.prototype, "delay", void 0);
+tslib.__decorate([
+    inspectorDecorator.type('string')
+], A11y.prototype, "role", void 0);
+tslib.__decorate([
+    inspectorDecorator.type('string')
+], A11y.prototype, "a11yId", void 0);
+
+const POSITION = 'absolute';
+const ZINDEX = 3;
+exports.A11yActivate = void 0;
+(function (A11yActivate) {
+    A11yActivate[A11yActivate["ENABLE"] = 0] = "ENABLE";
+    A11yActivate[A11yActivate["DISABLE"] = 1] = "DISABLE";
+    A11yActivate[A11yActivate["CHECK"] = 2] = "CHECK";
+})(exports.A11yActivate || (exports.A11yActivate = {}));
+/**
+ * 无障碍 DOM 的指针事件
+ */
+var PointerEvents;
+(function (PointerEvents) {
+    PointerEvents["NONE"] = "none";
+    PointerEvents["AUTO"] = "auto";
+})(PointerEvents || (PointerEvents = {}));
+/**
+ * 无障碍 DOM 层的样式
+ */
+var MaskBackground;
+(function (MaskBackground) {
+    MaskBackground["DEBUG"] = "rgba(255,0,0,0.5)";
+    MaskBackground["NONE"] = "transparent";
+})(MaskBackground || (MaskBackground = {}));
+/**
+ * 无障碍 DOM 的类型
+ */
+var ElementType;
+(function (ElementType) {
+    ElementType["BUTTON"] = "button";
+    ElementType["DIV"] = "div";
+})(ElementType || (ElementType = {}));
+
+const notAttr = ['hint', 'event', 'delay', 'attr', 'role', 'props', 'state', 'a11yId', 'name'];
+const getEventFunc = function (event, gameObject, e) {
+    ['touchstart', 'touchend', 'tap'].forEach(name => {
+        event.emit(name, {
+            stopPropagation: () => e.stopPropagation(),
+            data: {
+                position: this.eventPosition,
+            },
+            gameObject,
+        });
+    });
+};
+let A11ySystem = class A11ySystem extends engine.System {
+    static { this.systemName = 'A11ySystem'; }
+    /**
+     *
+     * @param opt
+     */
+    /**
+     * 无障碍插件初始化函数
+     * @param opt 无障碍插件选项
+     * @param opt.activate 是否开启无障碍能力，默认为自动根据系统读屏能力进行开启 AUTO | ENABLE | DISABLE
+     * @example
+     * // 开启调试，无障碍区域会显示红色透明背景
+     * new A11ySystem({debug: true})
+     * // 禁用无障碍
+     * new A11ySystem({activate: A11yActivate.DISABLE})
+     */
+    constructor(opt) {
+        super(opt);
+        this.cache = new Map();
+        this.eventCache = new Map();
+        /**
+         *
+         * dom 的 zIndex
+         */
+        this.zIndex = ZINDEX;
+    }
+    get ratioX() {
+        if (this._ratioX) {
+            return this._ratioX;
+        }
+        else {
+            const success = this.setRatio();
+            if (success) {
+                return this._ratioX;
+            }
+            else {
+                return 0;
+            }
+        }
+    }
+    get ratioY() {
+        if (this._ratioY) {
+            return this._ratioY;
+        }
+        else {
+            const success = this.setRatio();
+            if (success) {
+                return this._ratioY;
+            }
+            else {
+                return 0;
+            }
+        }
+    }
+    async init(opt = {}) {
+        const { activate = exports.A11yActivate.CHECK, delay = 100, checkA11yOpen = () => Promise.resolve(false), zIndex } = opt;
+        this.delay = delay;
+        this.zIndex = zIndex || this.zIndex;
+        switch (activate) {
+            case exports.A11yActivate.CHECK:
+                try {
+                    this.activate = await checkA11yOpen();
+                }
+                catch (error) {
+                    this.activate = false;
+                }
+                break;
+            case exports.A11yActivate.DISABLE:
+                this.activate = false;
+                break;
+            case exports.A11yActivate.ENABLE:
+                this.activate = true;
+                break;
+        }
+        this.debug = opt.debug || false;
+        if (this.debug) {
+            this.activate = true;
+        }
+        if (!this.activate)
+            return;
+        // 渲染出父容器
+        const div = document.createElement('div');
+        this.div = div;
+        // 如果存在父容器，则渲染这个 div，子元素则会相对这个 div 进行定位，否则直接相对于 body 进行定位
+        if (this.game.canvas.parentNode) {
+            this.game.canvas.parentNode.insertBefore(this.div, this.game.canvas);
+        }
+    }
+    setRatio() {
+        const { width, height } = this.getCanvasBoundingClientRect();
+        const { renderWidth, renderHeight } = this.getRenderRect();
+        this._ratioX = width / renderWidth;
+        this._ratioY = height / renderHeight;
+        if (width || height) {
+            this.initDiv();
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    getRenderRect() {
+        const { params = { width: 300, height: 300 } } = this.game.getSystem(pluginRenderer.RendererSystem);
+        const { height: renderHeight, width: renderWidth } = params;
+        return { renderWidth, renderHeight };
+    }
+    getCanvasBoundingClientRect() {
+        // 渲染画布相对于视口的实际宽高以及位置，实际的像素
+        const { width, height, left, top } = this.game.canvas.getBoundingClientRect();
+        return { width, height, left, top };
+    }
+    initDiv() {
+        const { pageXOffset, pageYOffset } = window;
+        const { width, height, left, top } = this.getCanvasBoundingClientRect();
+        // 父容器位置
+        const style = {
+            width,
+            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', e => {
+            const currentTarget = e.currentTarget;
+            const { left, top } = currentTarget.getBoundingClientRect();
+            const x = (e.pageX - left) / this.ratioX;
+            const y = (e.pageY - top) / this.ratioY;
+            this.eventPosition = { x, y };
+        }, true);
+    }
+    /**
+     * 监听插件更新
+     */
+    async update() {
+        const changes = this.componentObserver.clear();
+        if (!this.activate) {
+            return;
+        }
+        for (const changed of changes) {
+            switch (changed.type) {
+                case engine.OBSERVER_TYPE.ADD:
+                    changed.componentName === 'Event' && this.addEvent(changed.gameObject);
+                    changed.componentName === 'A11y' && this.add(changed);
+                    break;
+                case engine.OBSERVER_TYPE.CHANGE:
+                    changed.componentName === 'Transform' && this.transformChange(changed);
+                    changed.componentName === 'A11y' && this.change(changed);
+                    break;
+                case engine.OBSERVER_TYPE.REMOVE:
+                    changed.componentName === 'Event' && this.removeEvent(changed);
+                    changed.componentName === 'A11y' && this.remove(changed);
+            }
+        }
+    }
+    change(changed) {
+        const component = changed.component;
+        if (changed.prop.prop[0] === 'hint') {
+            const dom = this.cache.get(component.a11yId);
+            dom?.setAttribute('aria-label', component.hint);
+            dom && this.setPosition(dom, changed.gameObject.transform);
+        }
+    }
+    remove(changed) {
+        const component = changed.component;
+        if (!component)
+            return;
+        const { a11yId } = component;
+        const element = this.div.querySelector(`#${a11yId}`);
+        element && this.div.removeChild(element);
+        this.cache.delete(a11yId);
+    }
+    /**
+     * 监听组件被添加至游戏对象
+     * @param changed 改变的组件
+     */
+    add(changed) {
+        if (!this.activate)
+            return;
+        const component = changed.component;
+        const { gameObject } = changed;
+        const { delay, a11yId: id } = component;
+        let { event } = component;
+        if (!gameObject)
+            return;
+        const { transform } = gameObject;
+        if (!transform)
+            return;
+        const element = document.createElement('div');
+        this.cache.set(id, element);
+        if (!event) {
+            event = gameObject.getComponent('Event');
+        }
+        setTimeout(() => {
+            this.setPosition(element, transform);
+            this.setA11yAttr(element, component);
+            if (event) {
+                this.addEvent(gameObject);
+            }
+            if (gameObject.scene) {
+                this.div.appendChild(element);
+            }
+        }, delay || this.delay);
+    }
+    // 监听 scene 改变
+    transformChange(changed) {
+        const component = changed.component;
+        const { gameObject } = changed;
+        const a11yComponent = gameObject.getComponent(A11y);
+        if (!a11yComponent)
+            return;
+        const { a11yId } = a11yComponent;
+        if (!component.inScene) {
+            // 监听 scene 删除游戏对象
+            const dom = this.div.querySelector(`#${a11yId}`);
+            dom && this.div.removeChild(dom);
+            // this.cache.delete(a11yId)
+        }
+        else {
+            // 监听 scene add
+            // this.div.appendChild(this.cache)
+            if (this.cache.has(a11yId)) {
+                const addDom = this.cache.get(a11yId);
+                addDom && this.div.appendChild(addDom);
+            }
+        }
+    }
+    /**
+     * 为无障碍组件设置监听事件
+     * @param element DOM 元素
+     * @param event 事件组件对象
+     * @param gameObject 游戏对象
+     */
+    setEvent(element, event, gameObject, id) {
+        if (!event) {
+            return;
+        }
+        const func = getEventFunc.bind(this, event, gameObject);
+        this.eventCache.set(id, func);
+        element.addEventListener('click', func);
+    }
+    addEvent(gameObject) {
+        const a11y = gameObject.getComponent(A11y);
+        if (!a11y)
+            return;
+        const event = gameObject.getComponent('Event');
+        if (!event)
+            return;
+        const element = this.cache.get(a11y.a11yId);
+        element && this.setEvent(element, event, gameObject, a11y.a11yId);
+    }
+    removeEvent(changed) {
+        const { gameObject } = changed;
+        const a11y = gameObject.getComponent(A11y);
+        if (!a11y)
+            return;
+        const event = changed.component;
+        if (!event)
+            return;
+        const { a11yId } = a11y;
+        const func = this.eventCache.get(a11yId);
+        const element = this.cache.get(a11yId);
+        element && element.removeEventListener('click', func);
+    }
+    /**
+     * 设置无障碍属性标签
+     * @param element DOM 元素
+     * @param hint 无障碍朗读文字
+     * @param interactive 是否可交互
+     */
+    setA11yAttr(element, component) {
+        const { hint, props = {}, state = {}, role, a11yId: id } = component;
+        const realRole = role || 'text';
+        element.setAttribute('role', realRole);
+        element.setAttribute('aria-label', hint);
+        element.id = id;
+        // 这里兼容
+        const ariaProps = Object.keys(props);
+        for (const key of ariaProps) {
+            element.setAttribute(key, props[key]);
+        }
+        const ariaState = Object.keys(state);
+        for (const key of ariaState) {
+            element.setAttribute(key, state[key]);
+        }
+        for (const key of Object.keys(component)) {
+            if (typeof component[key] === 'string' && notAttr.indexOf(key) === -1 && key.indexOf('_') !== 1) {
+                element.setAttribute(key, component[key]);
+            }
+        }
+    }
+    /**
+     * 将无障碍元素设置到对应的位置
+     * @param element DOM 元素
+     * @param transform 位置属性
+     */
+    setPosition(element, transform) {
+        // 相对画布定位
+        // const { x: anchorX, y: anchorY } = transform.anchor
+        // 游戏对象的宽高
+        const { width, height } = transform.size;
+        // position
+        // const { x: positionX, y: positionY } = transform.position
+        // 设置无障碍 DOM 的样式，龙骨动画默认 2px
+        const 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,
+        };
+        const transformProps = {
+            ...transform,
+        };
+        setStyle(element, style);
+        // 调整 DOM 的位置
+        setTransform(element, transformProps, this.ratioX, this.ratioY);
+    }
+    onDestroy() {
+        this.div.parentElement.removeChild(this.div);
+        this.cache = null;
+        this.eventCache = null;
+        this.div = null;
+    }
+};
+A11ySystem = tslib.__decorate([
+    engine.decorators.componentObserver({
+        A11y: ['hint'],
+        Transform: ['inScene'],
+        Event: [],
+    })
+], A11ySystem);
+var A11ySystem_default = A11ySystem;
+
+exports.A11y = A11y;
+exports.A11ySystem = A11ySystem_default;
+//# sourceMappingURL=plugin-a11y.cjs.js.map

package/dist/plugin-a11y.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-a11y.cjs.js","sources":["../lib/utils.ts","../lib/A11y.ts","../lib/constant.ts","../lib/A11ySystem.ts"],"sourcesContent":["import { A11yMaskStyle } from './constant';\n\n/**\n * 生成唯一的标识符\n * @param len 长度\n * @param radix 基\n */\nfunction uuid(len: number) {\n  let chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');\n  let uuid = [];\n  let radix = chars.length;\n  for (let i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];\n  return uuid.join('');\n}\n\n/**\n * 设置 dom 样式\n * @param div 需要设置样式的dom元素\n * @param style 样式属性\n */\nconst setStyle = (element: HTMLElement, style: A11yMaskStyle) => {\n  const { width, height, position, left = 0, top = 0, zIndex, pointerEvents, background } = style;\n  element.style.width = `${width}px`;\n  element.style.height = `${height}px`;\n  element.style.position = position;\n  element.style.left = `${left}`;\n  element.style.top = `${top}`;\n  element.style.zIndex = `${zIndex}`;\n  element.style.pointerEvents = pointerEvents;\n  element.style.background = background;\n  element.style.border = 'none';\n  element.style.overflow = 'hidden';\n};\n\nconst setTransform = (element: HTMLElement, transform, ratioX, ratioY) => {\n  const { worldTransform } = transform;\n  const { a, b, c, d, tx, ty } = worldTransform;\n  const matrix = `matrix(${a}, ${b}, ${c}, ${d}, ${tx * ratioX}, ${ty * ratioY})`;\n  element.style.transform = `${matrix}`;\n  element.style.webkitTransform = `${matrix}`;\n  element.style.transformOrigin = 'left top';\n  element.style.webkitTransformOrigin = 'left top';\n};\n\nexport { setStyle, setTransform, uuid };\n","import {Component} from '@combos-fun/engine';\nimport {type, step} from '@combos-fun/inspector-decorator';\nimport {uuid} from './utils';\n\nexport interface A11yParams {\n  hint: string;\n  event?: Component;\n  delay?: number;\n  role?: string;\n  props?: object;\n  state?: object;\n  attr?: object;\n  a11yId?: string;\n  [propName: string]: string | object | number;\n}\n\nexport default class A11y extends Component<A11yParams> {\n  static componentName: string = 'A11y';\n\n  /**\n   * 是否可交互\n   */\n  @type('boolean') interactive: boolean;\n  /**\n   * 无障碍标签朗读内容\n   */\n  @type('string') hint: string;\n  /**\n   * 弃用，将根据Event组件自动添加\n   * 事件对象\n   */\n  event: Component;\n  /**\n   * 延时加载时间（millisecond）\n   */\n  @type('number') @step(1) delay: number;\n\n  /**\n   * role 属性\n   */\n  @type('string') role: string;\n\n  /**\n   * 弃用，将属性写在component上\n   * aria-value 属性\n   * @example\n   * aria-valuemin = \"0\"\n   */\n  props: object;\n\n  /**\n   * 弃用，将属性写在component上\n   * aria state 属性\n   * @example\n   * aria-hidden = \"true\"\n   */\n  state: object;\n\n  /**\n   * 弃用，将属性写在component上\n   * 传入自定义属性\n   */\n  attr: object;\n\n  /**\n   * 辅助Dom id 自动生成\n   */\n  @type('string') a11yId: string;\n\n  /**\n   * 无障碍组件构造函数\n   * @param param interactive 默认为 false，如果游戏对象可交互，传入 true\n   * @example\n   * // 为游戏对象提供朗读能力\n   * new A11y({hint: '这是一个div'})\n   * // 游戏对象有事件，传入 event 对象\n   * new A11y({hint: '点击事件对象', event: event})\n   * // 无障碍属性\n   * new A11y({hint:'按钮', role: 'button', state: {aria-hidden=\"true\"}})\n   * // 自定义属性\n   * new A11y({hint: '自定义属性', attr: {key: '1'}})\n   */\n  constructor(param: A11yParams) {\n    super();\n    Object.assign(this, param);\n    const { hint = '', event, delay = 0, attr = {}, role = '', props = {}, state = {} } = param;\n    this.hint = hint;\n    this.event = event;\n    this.delay = delay;\n    this.attr = attr;\n    this.role = role;\n    this.props = props;\n    this.state = state;\n    this.a11yId = `_${uuid(6)}`;\n  }\n}\n","export const POSITION = 'absolute';\nexport const ZINDEX = 3;\n\nexport enum A11yActivate {\n  ENABLE = 0,\n  DISABLE = 1,\n  CHECK = 2,\n}\n\n/**\n * 无障碍 DOM 的指针事件\n */\nexport enum PointerEvents {\n  NONE = 'none', // 元素不会成为鼠标事件的target，会被穿透\n  AUTO = 'auto', // 默认值正常\n}\n\n/**\n * 无障碍 DOM 层的样式\n */\nexport enum MaskBackground {\n  DEBUG = 'rgba(255,0,0,0.5)',\n  NONE = 'transparent',\n}\n\n/**\n * 无障碍 DOM 的类型\n */\nexport enum ElementType {\n  BUTTON = 'button',\n  DIV = 'div',\n}\n\n/**\n * 无障碍遮罩层样式\n */\nexport interface A11yMaskStyle {\n  width: number;\n  height: number;\n  background: string;\n  position: string;\n  left?: string;\n  top?: string;\n  zIndex: number;\n  pointerEvents: PointerEvents;\n}\n\n/**\n * 点击事件位置\n */\nexport interface EventPosition {\n  x: number;\n  y: number;\n}\n","import { System, decorators, ComponentChanged, Transform, OBSERVER_TYPE } from '@combos-fun/engine';\nimport type { GameObject } from '@combos-fun/engine';\nimport { RendererSystem } from '@combos-fun/plugin-renderer';\nimport EE from 'eventemitter3';\n\nimport A11y from './A11y';\nimport { setStyle, setTransform } from './utils';\nimport {\n  POSITION,\n  ZINDEX,\n  PointerEvents,\n  MaskBackground,\n  EventPosition,\n  A11yMaskStyle,\n  A11yActivate,\n} from './constant';\n\ninterface SystemParam {\n  debug?: boolean;\n  activate?: A11yActivate;\n  delay?: number;\n  zIndex?: number;\n  checkA11yOpen?: () => Promise<boolean>;\n}\n\nconst notAttr = ['hint', 'event', 'delay', 'attr', 'role', 'props', 'state', 'a11yId', 'name'];\n\nconst getEventFunc = function (event: EE, gameObject: GameObject, e: MouseEvent) {\n  ['touchstart', 'touchend', 'tap'].forEach(name => {\n    event.emit(name, {\n      stopPropagation: () => e.stopPropagation(),\n      data: {\n        position: this.eventPosition,\n      },\n      gameObject,\n    });\n  });\n};\n\n@decorators.componentObserver({\n  A11y: ['hint'],\n  Transform: ['inScene'],\n  Event: [],\n})\nexport default class A11ySystem extends System {\n  static systemName = 'A11ySystem';\n\n  /**\n   * 无障碍覆盖层\n   */\n  div: HTMLDivElement;\n  /**\n   * 是否开启调试\n   */\n  debug: boolean;\n  /**\n   * 横向的比例\n   */\n  _ratioX: number;\n  /**\n   * 纵向的比例\n   */\n  _ratioY: number;\n  /**\n   * 事件坐标\n   */\n  eventPosition: EventPosition;\n  /**\n   * 是否开启无障碍能力\n   */\n  activate: boolean;\n  /**\n   * dom 延迟放置\n   */\n  delay: number;\n  cache: Map<string, HTMLElement> = new Map();\n  eventCache: Map<string, (e: MouseEvent) => void> = new Map();\n  /**\n   * \n   * dom 的 zIndex\n   */\n  zIndex: number = ZINDEX;\n  /**\n   *\n   * @param opt\n   */\n\n  /**\n   * 无障碍插件初始化函数\n   * @param opt 无障碍插件选项\n   * @param opt.activate 是否开启无障碍能力，默认为自动根据系统读屏能力进行开启 AUTO | ENABLE | DISABLE\n   * @example\n   * // 开启调试，无障碍区域会显示红色透明背景\n   * new A11ySystem({debug: true})\n   * // 禁用无障碍\n   * new A11ySystem({activate: A11yActivate.DISABLE})\n   */\n  constructor(opt?: SystemParam) {\n    super(opt);\n  }\n\n  get ratioX() {\n    if (this._ratioX) {\n      return this._ratioX;\n    } else {\n      const success = this.setRatio();\n      if (success) {\n        return this._ratioX;\n      } else {\n        return 0;\n      }\n    }\n  }\n  get ratioY() {\n    if (this._ratioY) {\n      return this._ratioY;\n    } else {\n      const success = this.setRatio();\n      if (success) {\n        return this._ratioY;\n      } else {\n        return 0;\n      }\n    }\n  }\n\n  async init(opt: SystemParam = {}) {\n    const { activate = A11yActivate.CHECK, delay = 100, checkA11yOpen = () => Promise.resolve(false), zIndex } = opt;\n    this.delay = delay;\n    this.zIndex = zIndex || this.zIndex\n    switch (activate) {\n      case A11yActivate.CHECK:\n        try {\n          this.activate = await checkA11yOpen();\n        } catch (error) {\n          this.activate = false;\n        }\n        break;\n      case A11yActivate.DISABLE:\n        this.activate = false;\n        break;\n      case A11yActivate.ENABLE:\n        this.activate = true;\n        break;\n    }\n    this.debug = opt.debug || false;\n    if (this.debug) {\n      this.activate = true;\n    }\n\n    if (!this.activate) return;\n    // 渲染出父容器\n    const div = document.createElement('div');\n    this.div = div;\n    // 如果存在父容器，则渲染这个 div，子元素则会相对这个 div 进行定位，否则直接相对于 body 进行定位\n    if (this.game.canvas.parentNode) {\n      this.game.canvas.parentNode.insertBefore(this.div, this.game.canvas);\n    }\n  }\n  setRatio() {\n    const { width, height } = this.getCanvasBoundingClientRect();\n    const { renderWidth, renderHeight } = this.getRenderRect();\n    this._ratioX = width / renderWidth;\n    this._ratioY = height / renderHeight;\n    if (width || height) {\n      this.initDiv();\n      return true;\n    } else {\n      return false;\n    }\n  }\n  getRenderRect() {\n    const { params = { width: 300, height: 300 } } = this.game.getSystem(RendererSystem);\n    const { height: renderHeight, width: renderWidth } = params;\n    return { renderWidth, renderHeight };\n  }\n  getCanvasBoundingClientRect() {\n    // 渲染画布相对于视口的实际宽高以及位置，实际的像素\n    const { width, height, left, top } = this.game.canvas.getBoundingClientRect();\n    return { width, height, left, top };\n  }\n  initDiv() {\n    const { pageXOffset, pageYOffset } = window;\n\n    const { width, height, left, top } = this.getCanvasBoundingClientRect();\n    // 父容器位置\n    const style: A11yMaskStyle = {\n      width,\n      height,\n      left: `${left + pageXOffset}px`,\n      top: `${top + pageYOffset}px`,\n      position: POSITION,\n      zIndex: this.zIndex,\n      pointerEvents: PointerEvents.NONE,\n      background: MaskBackground.NONE,\n    };\n    setStyle(this.div, style);\n    // 给父容器设置捕获事件，用于监听事件坐标\n    this.div.addEventListener(\n      'click',\n      e => {\n        const currentTarget = e.currentTarget as HTMLDivElement;\n        const { left, top } = currentTarget.getBoundingClientRect();\n        const x = (e.pageX - left) / this.ratioX;\n        const y = (e.pageY - top) / this.ratioY;\n        this.eventPosition = { x, y };\n      },\n      true,\n    );\n  }\n\n  /**\n   * 监听插件更新\n   */\n  async update() {\n    const changes = this.componentObserver.clear();\n    if (!this.activate) {\n      return;\n    }\n    for (const changed of changes) {\n      switch (changed.type) {\n        case OBSERVER_TYPE.ADD:\n          changed.componentName === 'Event' && this.addEvent(changed.gameObject);\n          changed.componentName === 'A11y' && this.add(changed);\n          break;\n        case OBSERVER_TYPE.CHANGE:\n          changed.componentName === 'Transform' && this.transformChange(changed);\n          changed.componentName === 'A11y' && this.change(changed);\n          break;\n        case OBSERVER_TYPE.REMOVE:\n          changed.componentName === 'Event' && this.removeEvent(changed);\n          changed.componentName === 'A11y' && this.remove(changed);\n      }\n    }\n  }\n\n  change(changed: ComponentChanged) {\n    const component = changed.component as A11y\n    if (changed.prop.prop[0] === 'hint') {\n      const dom = this.cache.get(component.a11yId)\n      dom?.setAttribute('aria-label', component.hint)\n      dom && this.setPosition(dom, changed.gameObject.transform)\n    }\n  }\n\n  remove(changed: ComponentChanged) {\n    const component = changed.component as A11y;\n    if (!component) return;\n    const { a11yId } = component;\n    const element = this.div.querySelector(`#${a11yId}`);\n    element && this.div.removeChild(element);\n    this.cache.delete(a11yId);\n  }\n\n  /**\n   * 监听组件被添加至游戏对象\n   * @param changed 改变的组件\n   */\n  add(changed: ComponentChanged) {\n    if (!this.activate) return;\n    const component = changed.component as A11y;\n    const { gameObject } = changed;\n    const { delay, a11yId: id } = component;\n    let { event } = component;\n    if (!gameObject) return;\n    const { transform } = gameObject;\n    if (!transform) return;\n    const element = document.createElement('div');\n    this.cache.set(id, element);\n    if (!event) {\n      event = gameObject.getComponent('Event');\n    }\n    setTimeout(() => {\n      this.setPosition(element, transform);\n      this.setA11yAttr(element, component);\n      if (event) {\n        this.addEvent(gameObject);\n      }\n      if (gameObject.scene) {\n        this.div.appendChild(element);\n      }\n    }, delay || this.delay);\n  }\n\n  // 监听 scene 改变\n  transformChange(changed: ComponentChanged) {\n    const component = changed.component as Transform;\n    const { gameObject } = changed;\n    const a11yComponent = gameObject.getComponent(A11y) as A11y;\n    if (!a11yComponent) return;\n    const { a11yId } = a11yComponent;\n    if (!component.inScene) {\n      // 监听 scene 删除游戏对象\n      const dom = this.div.querySelector(`#${a11yId}`);\n      dom && this.div.removeChild(dom);\n      // this.cache.delete(a11yId)\n    } else {\n      // 监听 scene add\n      // this.div.appendChild(this.cache)\n      if (this.cache.has(a11yId)) {\n        const addDom = this.cache.get(a11yId);\n        addDom && this.div.appendChild(addDom);\n      }\n    }\n  }\n\n  /**\n   * 为无障碍组件设置监听事件\n   * @param element DOM 元素\n   * @param event 事件组件对象\n   * @param gameObject 游戏对象\n   */\n  setEvent(element: HTMLElement, event: EE, gameObject: GameObject, id) {\n    if (!event) {\n      return;\n    }\n    const func = getEventFunc.bind(this, event, gameObject) as (e: MouseEvent) => void;\n    this.eventCache.set(id, func);\n    element.addEventListener('click', func);\n  }\n\n  addEvent(gameObject: GameObject) {\n    const a11y = gameObject.getComponent(A11y) as A11y;\n    if (!a11y) return;\n    const event = gameObject.getComponent('Event');\n    if (!event) return;\n    const element = this.cache.get(a11y.a11yId);\n    element && this.setEvent(element, event, gameObject, a11y.a11yId);\n  }\n\n  removeEvent(changed: ComponentChanged) {\n    const { gameObject } = changed;\n    const a11y = gameObject.getComponent(A11y) as A11y;\n    if (!a11y) return;\n    const event = changed.component;\n    if (!event) return;\n    const { a11yId } = a11y;\n    const func = this.eventCache.get(a11yId);\n    const element = this.cache.get(a11yId);\n    element && element.removeEventListener('click', func);\n  }\n\n  /**\n   * 设置无障碍属性标签\n   * @param element DOM 元素\n   * @param hint 无障碍朗读文字\n   * @param interactive 是否可交互\n   */\n  setA11yAttr(element: HTMLElement, component: A11y) {\n    const { hint, props = {}, state = {}, role, a11yId: id } = component;\n    const realRole = role || 'text';\n    element.setAttribute('role', realRole);\n    element.setAttribute('aria-label', hint);\n    element.id = id;\n\n    // 这里兼容\n    const ariaProps = Object.keys(props);\n    for (const key of ariaProps) {\n      element.setAttribute(key, props[key]);\n    }\n    const ariaState = Object.keys(state);\n    for (const key of ariaState) {\n      element.setAttribute(key, state[key]);\n    }\n\n    for (const key of Object.keys(component)) {\n      if (typeof component[key] === 'string' && notAttr.indexOf(key) === -1 && key.indexOf('_') !== 1) {\n        element.setAttribute(key, component[key]);\n      }\n    }\n  }\n\n  /**\n   * 将无障碍元素设置到对应的位置\n   * @param element DOM 元素\n   * @param transform 位置属性\n   */\n  setPosition(element: HTMLElement, transform: Transform) {\n    // 相对画布定位\n    // const { x: anchorX, y: anchorY } = transform.anchor\n    // 游戏对象的宽高\n    const { width, height } = transform.size;\n    // position\n    // const { x: positionX, y: positionY } = transform.position\n    // 设置无障碍 DOM 的样式，龙骨动画默认 2px\n    const style: A11yMaskStyle = {\n      width: width === 0 ? 1 : width * this.ratioX,\n      height: height === 0 ? 1 : height * this.ratioY,\n      position: POSITION,\n      zIndex: this.zIndex,\n      pointerEvents: PointerEvents.AUTO,\n      background: this.debug ? MaskBackground.DEBUG : MaskBackground.NONE,\n    };\n    const transformProps = {\n      ...transform,\n    };\n    setStyle(element, style);\n    // 调整 DOM 的位置\n    setTransform(element, transformProps, this.ratioX, this.ratioY);\n  }\n  onDestroy() {\n    this.div.parentElement.removeChild(this.div);\n    this.cache = null;\n    this.eventCache = null;\n    this.div = null\n  }\n}\n"],"names":["Component","__decorate","type","step","A11yActivate","System","RendererSystem","OBSERVER_TYPE","decorators"],"mappings":"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"}

package/dist/plugin-a11y.cjs.prod.js

@@ -0,0 +1 @@
+"use strict";var t=require("tslib"),e=require("@combos-fun/engine"),i=require("@combos-fun/plugin-renderer"),n=require("@combos-fun/inspector-decorator");const s=(t,e)=>{const{width:i,height:n,position:s,left:o=0,top:r=0,zIndex:a,pointerEvents:c,background:h}=e;t.style.width=`${i}px`,t.style.height=`${n}px`,t.style.position=s,t.style.left=`${o}`,t.style.top=`${r}`,t.style.zIndex=`${a}`,t.style.pointerEvents=c,t.style.background=h,t.style.border="none",t.style.overflow="hidden"};class o extends e.Component{static{this.componentName="A11y"}constructor(t){super(),Object.assign(this,t);const{hint:e="",event:i,delay:n=0,attr:s={},role:o="",props:r={},state:a={}}=t;this.hint=e,this.event=i,this.delay=n,this.attr=s,this.role=o,this.props=r,this.state=a,this.a11yId=`_${function(t){let e="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),i=[],n=e.length;for(let s=0;s<t;s++)i[s]=e[0|Math.random()*n];return i.join("")}(6)}`}}t.__decorate([n.type("boolean")],o.prototype,"interactive",void 0),t.__decorate([n.type("string")],o.prototype,"hint",void 0),t.__decorate([n.type("number"),n.step(1)],o.prototype,"delay",void 0),t.__decorate([n.type("string")],o.prototype,"role",void 0),t.__decorate([n.type("string")],o.prototype,"a11yId",void 0);const r="absolute";var a,c,h,d;exports.A11yActivate=void 0,(a=exports.A11yActivate||(exports.A11yActivate={}))[a.ENABLE=0]="ENABLE",a[a.DISABLE=1]="DISABLE",a[a.CHECK=2]="CHECK",function(t){t.NONE="none",t.AUTO="auto"}(c||(c={})),function(t){t.DEBUG="rgba(255,0,0,0.5)",t.NONE="transparent"}(h||(h={})),function(t){t.BUTTON="button",t.DIV="div"}(d||(d={}));const p=["hint","event","delay","attr","role","props","state","a11yId","name"],v=function(t,e,i){["touchstart","touchend","tap"].forEach(n=>{t.emit(n,{stopPropagation:()=>i.stopPropagation(),data:{position:this.eventPosition},gameObject:e})})};let l=class extends e.System{static{this.systemName="A11ySystem"}constructor(t){super(t),this.cache=new Map,this.eventCache=new Map,this.zIndex=3}get ratioX(){if(this._ratioX)return this._ratioX;return this.setRatio()?this._ratioX:0}get ratioY(){if(this._ratioY)return this._ratioY;return this.setRatio()?this._ratioY:0}async init(t={}){const{activate:e=exports.A11yActivate.CHECK,delay:i=100,checkA11yOpen:n=()=>Promise.resolve(!1),zIndex:s}=t;switch(this.delay=i,this.zIndex=s||this.zIndex,e){case exports.A11yActivate.CHECK:try{this.activate=await n()}catch(t){this.activate=!1}break;case exports.A11yActivate.DISABLE:this.activate=!1;break;case exports.A11yActivate.ENABLE:this.activate=!0}if(this.debug=t.debug||!1,this.debug&&(this.activate=!0),!this.activate)return;const o=document.createElement("div");this.div=o,this.game.canvas.parentNode&&this.game.canvas.parentNode.insertBefore(this.div,this.game.canvas)}setRatio(){const{width:t,height:e}=this.getCanvasBoundingClientRect(),{renderWidth:i,renderHeight:n}=this.getRenderRect();return this._ratioX=t/i,this._ratioY=e/n,!(!t&&!e)&&(this.initDiv(),!0)}getRenderRect(){const{params:t={width:300,height:300}}=this.game.getSystem(i.RendererSystem),{height:e,width:n}=t;return{renderWidth:n,renderHeight:e}}getCanvasBoundingClientRect(){const{width:t,height:e,left:i,top:n}=this.game.canvas.getBoundingClientRect();return{width:t,height:e,left:i,top:n}}initDiv(){const{pageXOffset:t,pageYOffset:e}=window,{width:i,height:n,left:o,top:a}=this.getCanvasBoundingClientRect(),d={width:i,height:n,left:`${o+t}px`,top:`${a+e}px`,position:r,zIndex:this.zIndex,pointerEvents:c.NONE,background:h.NONE};s(this.div,d),this.div.addEventListener("click",t=>{const e=t.currentTarget,{left:i,top:n}=e.getBoundingClientRect(),s=(t.pageX-i)/this.ratioX,o=(t.pageY-n)/this.ratioY;this.eventPosition={x:s,y:o}},!0)}async update(){const t=this.componentObserver.clear();if(this.activate)for(const i of t)switch(i.type){case e.OBSERVER_TYPE.ADD:"Event"===i.componentName&&this.addEvent(i.gameObject),"A11y"===i.componentName&&this.add(i);break;case e.OBSERVER_TYPE.CHANGE:"Transform"===i.componentName&&this.transformChange(i),"A11y"===i.componentName&&this.change(i);break;case e.OBSERVER_TYPE.REMOVE:"Event"===i.componentName&&this.removeEvent(i),"A11y"===i.componentName&&this.remove(i)}}change(t){const e=t.component;if("hint"===t.prop.prop[0]){const i=this.cache.get(e.a11yId);i?.setAttribute("aria-label",e.hint),i&&this.setPosition(i,t.gameObject.transform)}}remove(t){const e=t.component;if(!e)return;const{a11yId:i}=e,n=this.div.querySelector(`#${i}`);n&&this.div.removeChild(n),this.cache.delete(i)}add(t){if(!this.activate)return;const e=t.component,{gameObject:i}=t,{delay:n,a11yId:s}=e;let{event:o}=e;if(!i)return;const{transform:r}=i;if(!r)return;const a=document.createElement("div");this.cache.set(s,a),o||(o=i.getComponent("Event")),setTimeout(()=>{this.setPosition(a,r),this.setA11yAttr(a,e),o&&this.addEvent(i),i.scene&&this.div.appendChild(a)},n||this.delay)}transformChange(t){const e=t.component,{gameObject:i}=t,n=i.getComponent(o);if(!n)return;const{a11yId:s}=n;if(e.inScene){if(this.cache.has(s)){const t=this.cache.get(s);t&&this.div.appendChild(t)}}else{const t=this.div.querySelector(`#${s}`);t&&this.div.removeChild(t)}}setEvent(t,e,i,n){if(!e)return;const s=v.bind(this,e,i);this.eventCache.set(n,s),t.addEventListener("click",s)}addEvent(t){const e=t.getComponent(o);if(!e)return;const i=t.getComponent("Event");if(!i)return;const n=this.cache.get(e.a11yId);n&&this.setEvent(n,i,t,e.a11yId)}removeEvent(t){const{gameObject:e}=t,i=e.getComponent(o);if(!i)return;if(!t.component)return;const{a11yId:n}=i,s=this.eventCache.get(n),r=this.cache.get(n);r&&r.removeEventListener("click",s)}setA11yAttr(t,e){const{hint:i,props:n={},state:s={},role:o,a11yId:r}=e,a=o||"text";t.setAttribute("role",a),t.setAttribute("aria-label",i),t.id=r;const c=Object.keys(n);for(const e of c)t.setAttribute(e,n[e]);const h=Object.keys(s);for(const e of h)t.setAttribute(e,s[e]);for(const i of Object.keys(e))"string"==typeof e[i]&&-1===p.indexOf(i)&&1!==i.indexOf("_")&&t.setAttribute(i,e[i])}setPosition(t,e){const{width:i,height:n}=e.size,o={width:0===i?1:i*this.ratioX,height:0===n?1:n*this.ratioY,position:r,zIndex:this.zIndex,pointerEvents:c.AUTO,background:this.debug?h.DEBUG:h.NONE},a={...e};s(t,o),((t,e,i,n)=>{const{worldTransform:s}=e,{a:o,b:r,c:a,d:c,tx:h,ty:d}=s,p=`matrix(${o}, ${r}, ${a}, ${c}, ${h*i}, ${d*n})`;t.style.transform=`${p}`,t.style.webkitTransform=`${p}`,t.style.transformOrigin="left top",t.style.webkitTransformOrigin="left top"})(t,a,this.ratioX,this.ratioY)}onDestroy(){this.div.parentElement.removeChild(this.div),this.cache=null,this.eventCache=null,this.div=null}};l=t.__decorate([e.decorators.componentObserver({A11y:["hint"],Transform:["inScene"],Event:[]})],l);var m=l;exports.A11y=o,exports.A11ySystem=m;

package/dist/plugin-a11y.d.ts

@@ -0,0 +1,201 @@
+import { Component, System, ComponentChanged, GameObject, Transform } from '@combos-fun/engine';
+import EE from 'eventemitter3';
+
+interface A11yParams {
+    hint: string;
+    event?: Component;
+    delay?: number;
+    role?: string;
+    props?: object;
+    state?: object;
+    attr?: object;
+    a11yId?: string;
+    [propName: string]: string | object | number;
+}
+declare class A11y extends Component<A11yParams> {
+    static componentName: string;
+    /**
+     * 是否可交互
+     */
+    interactive: boolean;
+    /**
+     * 无障碍标签朗读内容
+     */
+    hint: string;
+    /**
+     * 弃用，将根据Event组件自动添加
+     * 事件对象
+     */
+    event: Component;
+    /**
+     * 延时加载时间（millisecond）
+     */
+    delay: number;
+    /**
+     * role 属性
+     */
+    role: string;
+    /**
+     * 弃用，将属性写在component上
+     * aria-value 属性
+     * @example
+     * aria-valuemin = "0"
+     */
+    props: object;
+    /**
+     * 弃用，将属性写在component上
+     * aria state 属性
+     * @example
+     * aria-hidden = "true"
+     */
+    state: object;
+    /**
+     * 弃用，将属性写在component上
+     * 传入自定义属性
+     */
+    attr: object;
+    /**
+     * 辅助Dom id 自动生成
+     */
+    a11yId: string;
+    /**
+     * 无障碍组件构造函数
+     * @param param interactive 默认为 false，如果游戏对象可交互，传入 true
+     * @example
+     * // 为游戏对象提供朗读能力
+     * new A11y({hint: '这是一个div'})
+     * // 游戏对象有事件，传入 event 对象
+     * new A11y({hint: '点击事件对象', event: event})
+     * // 无障碍属性
+     * new A11y({hint:'按钮', role: 'button', state: {aria-hidden="true"}})
+     * // 自定义属性
+     * new A11y({hint: '自定义属性', attr: {key: '1'}})
+     */
+    constructor(param: A11yParams);
+}
+
+declare enum A11yActivate {
+    ENABLE = 0,
+    DISABLE = 1,
+    CHECK = 2
+}
+/**
+ * 点击事件位置
+ */
+interface EventPosition {
+    x: number;
+    y: number;
+}
+
+interface SystemParam {
+    debug?: boolean;
+    activate?: A11yActivate;
+    delay?: number;
+    zIndex?: number;
+    checkA11yOpen?: () => Promise<boolean>;
+}
+declare class A11ySystem extends System {
+    static systemName: string;
+    /**
+     * 无障碍覆盖层
+     */
+    div: HTMLDivElement;
+    /**
+     * 是否开启调试
+     */
+    debug: boolean;
+    /**
+     * 横向的比例
+     */
+    _ratioX: number;
+    /**
+     * 纵向的比例
+     */
+    _ratioY: number;
+    /**
+     * 事件坐标
+     */
+    eventPosition: EventPosition;
+    /**
+     * 是否开启无障碍能力
+     */
+    activate: boolean;
+    /**
+     * dom 延迟放置
+     */
+    delay: number;
+    cache: Map<string, HTMLElement>;
+    eventCache: Map<string, (e: MouseEvent) => void>;
+    /**
+     *
+     * dom 的 zIndex
+     */
+    zIndex: number;
+    /**
+     *
+     * @param opt
+     */
+    /**
+     * 无障碍插件初始化函数
+     * @param opt 无障碍插件选项
+     * @param opt.activate 是否开启无障碍能力，默认为自动根据系统读屏能力进行开启 AUTO | ENABLE | DISABLE
+     * @example
+     * // 开启调试，无障碍区域会显示红色透明背景
+     * new A11ySystem({debug: true})
+     * // 禁用无障碍
+     * new A11ySystem({activate: A11yActivate.DISABLE})
+     */
+    constructor(opt?: SystemParam);
+    get ratioX(): number;
+    get ratioY(): number;
+    init(opt?: SystemParam): Promise<void>;
+    setRatio(): boolean;
+    getRenderRect(): {
+        renderWidth: number;
+        renderHeight: number;
+    };
+    getCanvasBoundingClientRect(): {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    };
+    initDiv(): void;
+    /**
+     * 监听插件更新
+     */
+    update(): Promise<void>;
+    change(changed: ComponentChanged): void;
+    remove(changed: ComponentChanged): void;
+    /**
+     * 监听组件被添加至游戏对象
+     * @param changed 改变的组件
+     */
+    add(changed: ComponentChanged): void;
+    transformChange(changed: ComponentChanged): void;
+    /**
+     * 为无障碍组件设置监听事件
+     * @param element DOM 元素
+     * @param event 事件组件对象
+     * @param gameObject 游戏对象
+     */
+    setEvent(element: HTMLElement, event: EE, gameObject: GameObject, id: any): void;
+    addEvent(gameObject: GameObject): void;
+    removeEvent(changed: ComponentChanged): void;
+    /**
+     * 设置无障碍属性标签
+     * @param element DOM 元素
+     * @param hint 无障碍朗读文字
+     * @param interactive 是否可交互
+     */
+    setA11yAttr(element: HTMLElement, component: A11y): void;
+    /**
+     * 将无障碍元素设置到对应的位置
+     * @param element DOM 元素
+     * @param transform 位置属性
+     */
+    setPosition(element: HTMLElement, transform: Transform): void;
+    onDestroy(): void;
+}
+
+export { A11y, A11yActivate, A11ySystem };

package/dist/plugin-a11y.esm.js

@@ -0,0 +1,478 @@
+import { __decorate } from 'tslib';
+import { Component, System, OBSERVER_TYPE, decorators } from '@combos-fun/engine';
+import { RendererSystem } from '@combos-fun/plugin-renderer';
+import { type, step } from '@combos-fun/inspector-decorator';
+
+/**
+ * 生成唯一的标识符
+ * @param len 长度
+ * @param radix 基
+ */
+function uuid(len) {
+    let chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
+    let uuid = [];
+    let radix = chars.length;
+    for (let i = 0; i < len; i++)
+        uuid[i] = chars[0 | (Math.random() * radix)];
+    return uuid.join('');
+}
+/**
+ * 设置 dom 样式
+ * @param div 需要设置样式的dom元素
+ * @param style 样式属性
+ */
+const setStyle = (element, style) => {
+    const { width, height, position, left = 0, top = 0, zIndex, pointerEvents, background } = style;
+    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';
+};
+const setTransform = (element, transform, ratioX, ratioY) => {
+    const { worldTransform } = transform;
+    const { a, b, c, d, tx, ty } = worldTransform;
+    const 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';
+};
+
+class A11y extends Component {
+    static { this.componentName = 'A11y'; }
+    /**
+     * 无障碍组件构造函数
+     * @param param interactive 默认为 false，如果游戏对象可交互，传入 true
+     * @example
+     * // 为游戏对象提供朗读能力
+     * new A11y({hint: '这是一个div'})
+     * // 游戏对象有事件，传入 event 对象
+     * new A11y({hint: '点击事件对象', event: event})
+     * // 无障碍属性
+     * new A11y({hint:'按钮', role: 'button', state: {aria-hidden="true"}})
+     * // 自定义属性
+     * new A11y({hint: '自定义属性', attr: {key: '1'}})
+     */
+    constructor(param) {
+        super();
+        Object.assign(this, param);
+        const { hint = '', event, delay = 0, attr = {}, role = '', props = {}, state = {} } = param;
+        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)}`;
+    }
+}
+__decorate([
+    type('boolean')
+], A11y.prototype, "interactive", void 0);
+__decorate([
+    type('string')
+], A11y.prototype, "hint", void 0);
+__decorate([
+    type('number'),
+    step(1)
+], A11y.prototype, "delay", void 0);
+__decorate([
+    type('string')
+], A11y.prototype, "role", void 0);
+__decorate([
+    type('string')
+], A11y.prototype, "a11yId", void 0);
+
+const POSITION = 'absolute';
+const ZINDEX = 3;
+var A11yActivate;
+(function (A11yActivate) {
+    A11yActivate[A11yActivate["ENABLE"] = 0] = "ENABLE";
+    A11yActivate[A11yActivate["DISABLE"] = 1] = "DISABLE";
+    A11yActivate[A11yActivate["CHECK"] = 2] = "CHECK";
+})(A11yActivate || (A11yActivate = {}));
+/**
+ * 无障碍 DOM 的指针事件
+ */
+var PointerEvents;
+(function (PointerEvents) {
+    PointerEvents["NONE"] = "none";
+    PointerEvents["AUTO"] = "auto";
+})(PointerEvents || (PointerEvents = {}));
+/**
+ * 无障碍 DOM 层的样式
+ */
+var MaskBackground;
+(function (MaskBackground) {
+    MaskBackground["DEBUG"] = "rgba(255,0,0,0.5)";
+    MaskBackground["NONE"] = "transparent";
+})(MaskBackground || (MaskBackground = {}));
+/**
+ * 无障碍 DOM 的类型
+ */
+var ElementType;
+(function (ElementType) {
+    ElementType["BUTTON"] = "button";
+    ElementType["DIV"] = "div";
+})(ElementType || (ElementType = {}));
+
+const notAttr = ['hint', 'event', 'delay', 'attr', 'role', 'props', 'state', 'a11yId', 'name'];
+const getEventFunc = function (event, gameObject, e) {
+    ['touchstart', 'touchend', 'tap'].forEach(name => {
+        event.emit(name, {
+            stopPropagation: () => e.stopPropagation(),
+            data: {
+                position: this.eventPosition,
+            },
+            gameObject,
+        });
+    });
+};
+let A11ySystem = class A11ySystem extends System {
+    static { this.systemName = 'A11ySystem'; }
+    /**
+     *
+     * @param opt
+     */
+    /**
+     * 无障碍插件初始化函数
+     * @param opt 无障碍插件选项
+     * @param opt.activate 是否开启无障碍能力，默认为自动根据系统读屏能力进行开启 AUTO | ENABLE | DISABLE
+     * @example
+     * // 开启调试，无障碍区域会显示红色透明背景
+     * new A11ySystem({debug: true})
+     * // 禁用无障碍
+     * new A11ySystem({activate: A11yActivate.DISABLE})
+     */
+    constructor(opt) {
+        super(opt);
+        this.cache = new Map();
+        this.eventCache = new Map();
+        /**
+         *
+         * dom 的 zIndex
+         */
+        this.zIndex = ZINDEX;
+    }
+    get ratioX() {
+        if (this._ratioX) {
+            return this._ratioX;
+        }
+        else {
+            const success = this.setRatio();
+            if (success) {
+                return this._ratioX;
+            }
+            else {
+                return 0;
+            }
+        }
+    }
+    get ratioY() {
+        if (this._ratioY) {
+            return this._ratioY;
+        }
+        else {
+            const success = this.setRatio();
+            if (success) {
+                return this._ratioY;
+            }
+            else {
+                return 0;
+            }
+        }
+    }
+    async init(opt = {}) {
+        const { activate = A11yActivate.CHECK, delay = 100, checkA11yOpen = () => Promise.resolve(false), zIndex } = opt;
+        this.delay = delay;
+        this.zIndex = zIndex || this.zIndex;
+        switch (activate) {
+            case A11yActivate.CHECK:
+                try {
+                    this.activate = await checkA11yOpen();
+                }
+                catch (error) {
+                    this.activate = false;
+                }
+                break;
+            case A11yActivate.DISABLE:
+                this.activate = false;
+                break;
+            case A11yActivate.ENABLE:
+                this.activate = true;
+                break;
+        }
+        this.debug = opt.debug || false;
+        if (this.debug) {
+            this.activate = true;
+        }
+        if (!this.activate)
+            return;
+        // 渲染出父容器
+        const div = document.createElement('div');
+        this.div = div;
+        // 如果存在父容器，则渲染这个 div，子元素则会相对这个 div 进行定位，否则直接相对于 body 进行定位
+        if (this.game.canvas.parentNode) {
+            this.game.canvas.parentNode.insertBefore(this.div, this.game.canvas);
+        }
+    }
+    setRatio() {
+        const { width, height } = this.getCanvasBoundingClientRect();
+        const { renderWidth, renderHeight } = this.getRenderRect();
+        this._ratioX = width / renderWidth;
+        this._ratioY = height / renderHeight;
+        if (width || height) {
+            this.initDiv();
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    getRenderRect() {
+        const { params = { width: 300, height: 300 } } = this.game.getSystem(RendererSystem);
+        const { height: renderHeight, width: renderWidth } = params;
+        return { renderWidth, renderHeight };
+    }
+    getCanvasBoundingClientRect() {
+        // 渲染画布相对于视口的实际宽高以及位置，实际的像素
+        const { width, height, left, top } = this.game.canvas.getBoundingClientRect();
+        return { width, height, left, top };
+    }
+    initDiv() {
+        const { pageXOffset, pageYOffset } = window;
+        const { width, height, left, top } = this.getCanvasBoundingClientRect();
+        // 父容器位置
+        const style = {
+            width,
+            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', e => {
+            const currentTarget = e.currentTarget;
+            const { left, top } = currentTarget.getBoundingClientRect();
+            const x = (e.pageX - left) / this.ratioX;
+            const y = (e.pageY - top) / this.ratioY;
+            this.eventPosition = { x, y };
+        }, true);
+    }
+    /**
+     * 监听插件更新
+     */
+    async update() {
+        const changes = this.componentObserver.clear();
+        if (!this.activate) {
+            return;
+        }
+        for (const changed of changes) {
+            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);
+            }
+        }
+    }
+    change(changed) {
+        const component = changed.component;
+        if (changed.prop.prop[0] === 'hint') {
+            const dom = this.cache.get(component.a11yId);
+            dom?.setAttribute('aria-label', component.hint);
+            dom && this.setPosition(dom, changed.gameObject.transform);
+        }
+    }
+    remove(changed) {
+        const component = changed.component;
+        if (!component)
+            return;
+        const { a11yId } = component;
+        const element = this.div.querySelector(`#${a11yId}`);
+        element && this.div.removeChild(element);
+        this.cache.delete(a11yId);
+    }
+    /**
+     * 监听组件被添加至游戏对象
+     * @param changed 改变的组件
+     */
+    add(changed) {
+        if (!this.activate)
+            return;
+        const component = changed.component;
+        const { gameObject } = changed;
+        const { delay, a11yId: id } = component;
+        let { event } = component;
+        if (!gameObject)
+            return;
+        const { transform } = gameObject;
+        if (!transform)
+            return;
+        const element = document.createElement('div');
+        this.cache.set(id, element);
+        if (!event) {
+            event = gameObject.getComponent('Event');
+        }
+        setTimeout(() => {
+            this.setPosition(element, transform);
+            this.setA11yAttr(element, component);
+            if (event) {
+                this.addEvent(gameObject);
+            }
+            if (gameObject.scene) {
+                this.div.appendChild(element);
+            }
+        }, delay || this.delay);
+    }
+    // 监听 scene 改变
+    transformChange(changed) {
+        const component = changed.component;
+        const { gameObject } = changed;
+        const a11yComponent = gameObject.getComponent(A11y);
+        if (!a11yComponent)
+            return;
+        const { a11yId } = a11yComponent;
+        if (!component.inScene) {
+            // 监听 scene 删除游戏对象
+            const dom = this.div.querySelector(`#${a11yId}`);
+            dom && this.div.removeChild(dom);
+            // this.cache.delete(a11yId)
+        }
+        else {
+            // 监听 scene add
+            // this.div.appendChild(this.cache)
+            if (this.cache.has(a11yId)) {
+                const addDom = this.cache.get(a11yId);
+                addDom && this.div.appendChild(addDom);
+            }
+        }
+    }
+    /**
+     * 为无障碍组件设置监听事件
+     * @param element DOM 元素
+     * @param event 事件组件对象
+     * @param gameObject 游戏对象
+     */
+    setEvent(element, event, gameObject, id) {
+        if (!event) {
+            return;
+        }
+        const func = getEventFunc.bind(this, event, gameObject);
+        this.eventCache.set(id, func);
+        element.addEventListener('click', func);
+    }
+    addEvent(gameObject) {
+        const a11y = gameObject.getComponent(A11y);
+        if (!a11y)
+            return;
+        const event = gameObject.getComponent('Event');
+        if (!event)
+            return;
+        const element = this.cache.get(a11y.a11yId);
+        element && this.setEvent(element, event, gameObject, a11y.a11yId);
+    }
+    removeEvent(changed) {
+        const { gameObject } = changed;
+        const a11y = gameObject.getComponent(A11y);
+        if (!a11y)
+            return;
+        const event = changed.component;
+        if (!event)
+            return;
+        const { a11yId } = a11y;
+        const func = this.eventCache.get(a11yId);
+        const element = this.cache.get(a11yId);
+        element && element.removeEventListener('click', func);
+    }
+    /**
+     * 设置无障碍属性标签
+     * @param element DOM 元素
+     * @param hint 无障碍朗读文字
+     * @param interactive 是否可交互
+     */
+    setA11yAttr(element, component) {
+        const { hint, props = {}, state = {}, role, a11yId: id } = component;
+        const realRole = role || 'text';
+        element.setAttribute('role', realRole);
+        element.setAttribute('aria-label', hint);
+        element.id = id;
+        // 这里兼容
+        const ariaProps = Object.keys(props);
+        for (const key of ariaProps) {
+            element.setAttribute(key, props[key]);
+        }
+        const ariaState = Object.keys(state);
+        for (const key of ariaState) {
+            element.setAttribute(key, state[key]);
+        }
+        for (const key of Object.keys(component)) {
+            if (typeof component[key] === 'string' && notAttr.indexOf(key) === -1 && key.indexOf('_') !== 1) {
+                element.setAttribute(key, component[key]);
+            }
+        }
+    }
+    /**
+     * 将无障碍元素设置到对应的位置
+     * @param element DOM 元素
+     * @param transform 位置属性
+     */
+    setPosition(element, transform) {
+        // 相对画布定位
+        // const { x: anchorX, y: anchorY } = transform.anchor
+        // 游戏对象的宽高
+        const { width, height } = transform.size;
+        // position
+        // const { x: positionX, y: positionY } = transform.position
+        // 设置无障碍 DOM 的样式，龙骨动画默认 2px
+        const 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,
+        };
+        const transformProps = {
+            ...transform,
+        };
+        setStyle(element, style);
+        // 调整 DOM 的位置
+        setTransform(element, transformProps, this.ratioX, this.ratioY);
+    }
+    onDestroy() {
+        this.div.parentElement.removeChild(this.div);
+        this.cache = null;
+        this.eventCache = null;
+        this.div = null;
+    }
+};
+A11ySystem = __decorate([
+    decorators.componentObserver({
+        A11y: ['hint'],
+        Transform: ['inScene'],
+        Event: [],
+    })
+], A11ySystem);
+var A11ySystem_default = A11ySystem;
+
+export { A11y, A11yActivate, A11ySystem_default as A11ySystem };
+//# sourceMappingURL=plugin-a11y.esm.js.map

package/dist/plugin-a11y.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-a11y.esm.js","sources":["../lib/utils.ts","../lib/A11y.ts","../lib/constant.ts","../lib/A11ySystem.ts"],"sourcesContent":["import { A11yMaskStyle } from './constant';\n\n/**\n * 生成唯一的标识符\n * @param len 长度\n * @param radix 基\n */\nfunction uuid(len: number) {\n  let chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');\n  let uuid = [];\n  let radix = chars.length;\n  for (let i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];\n  return uuid.join('');\n}\n\n/**\n * 设置 dom 样式\n * @param div 需要设置样式的dom元素\n * @param style 样式属性\n */\nconst setStyle = (element: HTMLElement, style: A11yMaskStyle) => {\n  const { width, height, position, left = 0, top = 0, zIndex, pointerEvents, background } = style;\n  element.style.width = `${width}px`;\n  element.style.height = `${height}px`;\n  element.style.position = position;\n  element.style.left = `${left}`;\n  element.style.top = `${top}`;\n  element.style.zIndex = `${zIndex}`;\n  element.style.pointerEvents = pointerEvents;\n  element.style.background = background;\n  element.style.border = 'none';\n  element.style.overflow = 'hidden';\n};\n\nconst setTransform = (element: HTMLElement, transform, ratioX, ratioY) => {\n  const { worldTransform } = transform;\n  const { a, b, c, d, tx, ty } = worldTransform;\n  const matrix = `matrix(${a}, ${b}, ${c}, ${d}, ${tx * ratioX}, ${ty * ratioY})`;\n  element.style.transform = `${matrix}`;\n  element.style.webkitTransform = `${matrix}`;\n  element.style.transformOrigin = 'left top';\n  element.style.webkitTransformOrigin = 'left top';\n};\n\nexport { setStyle, setTransform, uuid };\n","import {Component} from '@combos-fun/engine';\nimport {type, step} from '@combos-fun/inspector-decorator';\nimport {uuid} from './utils';\n\nexport interface A11yParams {\n  hint: string;\n  event?: Component;\n  delay?: number;\n  role?: string;\n  props?: object;\n  state?: object;\n  attr?: object;\n  a11yId?: string;\n  [propName: string]: string | object | number;\n}\n\nexport default class A11y extends Component<A11yParams> {\n  static componentName: string = 'A11y';\n\n  /**\n   * 是否可交互\n   */\n  @type('boolean') interactive: boolean;\n  /**\n   * 无障碍标签朗读内容\n   */\n  @type('string') hint: string;\n  /**\n   * 弃用，将根据Event组件自动添加\n   * 事件对象\n   */\n  event: Component;\n  /**\n   * 延时加载时间（millisecond）\n   */\n  @type('number') @step(1) delay: number;\n\n  /**\n   * role 属性\n   */\n  @type('string') role: string;\n\n  /**\n   * 弃用，将属性写在component上\n   * aria-value 属性\n   * @example\n   * aria-valuemin = \"0\"\n   */\n  props: object;\n\n  /**\n   * 弃用，将属性写在component上\n   * aria state 属性\n   * @example\n   * aria-hidden = \"true\"\n   */\n  state: object;\n\n  /**\n   * 弃用，将属性写在component上\n   * 传入自定义属性\n   */\n  attr: object;\n\n  /**\n   * 辅助Dom id 自动生成\n   */\n  @type('string') a11yId: string;\n\n  /**\n   * 无障碍组件构造函数\n   * @param param interactive 默认为 false，如果游戏对象可交互，传入 true\n   * @example\n   * // 为游戏对象提供朗读能力\n   * new A11y({hint: '这是一个div'})\n   * // 游戏对象有事件，传入 event 对象\n   * new A11y({hint: '点击事件对象', event: event})\n   * // 无障碍属性\n   * new A11y({hint:'按钮', role: 'button', state: {aria-hidden=\"true\"}})\n   * // 自定义属性\n   * new A11y({hint: '自定义属性', attr: {key: '1'}})\n   */\n  constructor(param: A11yParams) {\n    super();\n    Object.assign(this, param);\n    const { hint = '', event, delay = 0, attr = {}, role = '', props = {}, state = {} } = param;\n    this.hint = hint;\n    this.event = event;\n    this.delay = delay;\n    this.attr = attr;\n    this.role = role;\n    this.props = props;\n    this.state = state;\n    this.a11yId = `_${uuid(6)}`;\n  }\n}\n","export const POSITION = 'absolute';\nexport const ZINDEX = 3;\n\nexport enum A11yActivate {\n  ENABLE = 0,\n  DISABLE = 1,\n  CHECK = 2,\n}\n\n/**\n * 无障碍 DOM 的指针事件\n */\nexport enum PointerEvents {\n  NONE = 'none', // 元素不会成为鼠标事件的target，会被穿透\n  AUTO = 'auto', // 默认值正常\n}\n\n/**\n * 无障碍 DOM 层的样式\n */\nexport enum MaskBackground {\n  DEBUG = 'rgba(255,0,0,0.5)',\n  NONE = 'transparent',\n}\n\n/**\n * 无障碍 DOM 的类型\n */\nexport enum ElementType {\n  BUTTON = 'button',\n  DIV = 'div',\n}\n\n/**\n * 无障碍遮罩层样式\n */\nexport interface A11yMaskStyle {\n  width: number;\n  height: number;\n  background: string;\n  position: string;\n  left?: string;\n  top?: string;\n  zIndex: number;\n  pointerEvents: PointerEvents;\n}\n\n/**\n * 点击事件位置\n */\nexport interface EventPosition {\n  x: number;\n  y: number;\n}\n","import { System, decorators, ComponentChanged, Transform, OBSERVER_TYPE } from '@combos-fun/engine';\nimport type { GameObject } from '@combos-fun/engine';\nimport { RendererSystem } from '@combos-fun/plugin-renderer';\nimport EE from 'eventemitter3';\n\nimport A11y from './A11y';\nimport { setStyle, setTransform } from './utils';\nimport {\n  POSITION,\n  ZINDEX,\n  PointerEvents,\n  MaskBackground,\n  EventPosition,\n  A11yMaskStyle,\n  A11yActivate,\n} from './constant';\n\ninterface SystemParam {\n  debug?: boolean;\n  activate?: A11yActivate;\n  delay?: number;\n  zIndex?: number;\n  checkA11yOpen?: () => Promise<boolean>;\n}\n\nconst notAttr = ['hint', 'event', 'delay', 'attr', 'role', 'props', 'state', 'a11yId', 'name'];\n\nconst getEventFunc = function (event: EE, gameObject: GameObject, e: MouseEvent) {\n  ['touchstart', 'touchend', 'tap'].forEach(name => {\n    event.emit(name, {\n      stopPropagation: () => e.stopPropagation(),\n      data: {\n        position: this.eventPosition,\n      },\n      gameObject,\n    });\n  });\n};\n\n@decorators.componentObserver({\n  A11y: ['hint'],\n  Transform: ['inScene'],\n  Event: [],\n})\nexport default class A11ySystem extends System {\n  static systemName = 'A11ySystem';\n\n  /**\n   * 无障碍覆盖层\n   */\n  div: HTMLDivElement;\n  /**\n   * 是否开启调试\n   */\n  debug: boolean;\n  /**\n   * 横向的比例\n   */\n  _ratioX: number;\n  /**\n   * 纵向的比例\n   */\n  _ratioY: number;\n  /**\n   * 事件坐标\n   */\n  eventPosition: EventPosition;\n  /**\n   * 是否开启无障碍能力\n   */\n  activate: boolean;\n  /**\n   * dom 延迟放置\n   */\n  delay: number;\n  cache: Map<string, HTMLElement> = new Map();\n  eventCache: Map<string, (e: MouseEvent) => void> = new Map();\n  /**\n   * \n   * dom 的 zIndex\n   */\n  zIndex: number = ZINDEX;\n  /**\n   *\n   * @param opt\n   */\n\n  /**\n   * 无障碍插件初始化函数\n   * @param opt 无障碍插件选项\n   * @param opt.activate 是否开启无障碍能力，默认为自动根据系统读屏能力进行开启 AUTO | ENABLE | DISABLE\n   * @example\n   * // 开启调试，无障碍区域会显示红色透明背景\n   * new A11ySystem({debug: true})\n   * // 禁用无障碍\n   * new A11ySystem({activate: A11yActivate.DISABLE})\n   */\n  constructor(opt?: SystemParam) {\n    super(opt);\n  }\n\n  get ratioX() {\n    if (this._ratioX) {\n      return this._ratioX;\n    } else {\n      const success = this.setRatio();\n      if (success) {\n        return this._ratioX;\n      } else {\n        return 0;\n      }\n    }\n  }\n  get ratioY() {\n    if (this._ratioY) {\n      return this._ratioY;\n    } else {\n      const success = this.setRatio();\n      if (success) {\n        return this._ratioY;\n      } else {\n        return 0;\n      }\n    }\n  }\n\n  async init(opt: SystemParam = {}) {\n    const { activate = A11yActivate.CHECK, delay = 100, checkA11yOpen = () => Promise.resolve(false), zIndex } = opt;\n    this.delay = delay;\n    this.zIndex = zIndex || this.zIndex\n    switch (activate) {\n      case A11yActivate.CHECK:\n        try {\n          this.activate = await checkA11yOpen();\n        } catch (error) {\n          this.activate = false;\n        }\n        break;\n      case A11yActivate.DISABLE:\n        this.activate = false;\n        break;\n      case A11yActivate.ENABLE:\n        this.activate = true;\n        break;\n    }\n    this.debug = opt.debug || false;\n    if (this.debug) {\n      this.activate = true;\n    }\n\n    if (!this.activate) return;\n    // 渲染出父容器\n    const div = document.createElement('div');\n    this.div = div;\n    // 如果存在父容器，则渲染这个 div，子元素则会相对这个 div 进行定位，否则直接相对于 body 进行定位\n    if (this.game.canvas.parentNode) {\n      this.game.canvas.parentNode.insertBefore(this.div, this.game.canvas);\n    }\n  }\n  setRatio() {\n    const { width, height } = this.getCanvasBoundingClientRect();\n    const { renderWidth, renderHeight } = this.getRenderRect();\n    this._ratioX = width / renderWidth;\n    this._ratioY = height / renderHeight;\n    if (width || height) {\n      this.initDiv();\n      return true;\n    } else {\n      return false;\n    }\n  }\n  getRenderRect() {\n    const { params = { width: 300, height: 300 } } = this.game.getSystem(RendererSystem);\n    const { height: renderHeight, width: renderWidth } = params;\n    return { renderWidth, renderHeight };\n  }\n  getCanvasBoundingClientRect() {\n    // 渲染画布相对于视口的实际宽高以及位置，实际的像素\n    const { width, height, left, top } = this.game.canvas.getBoundingClientRect();\n    return { width, height, left, top };\n  }\n  initDiv() {\n    const { pageXOffset, pageYOffset } = window;\n\n    const { width, height, left, top } = this.getCanvasBoundingClientRect();\n    // 父容器位置\n    const style: A11yMaskStyle = {\n      width,\n      height,\n      left: `${left + pageXOffset}px`,\n      top: `${top + pageYOffset}px`,\n      position: POSITION,\n      zIndex: this.zIndex,\n      pointerEvents: PointerEvents.NONE,\n      background: MaskBackground.NONE,\n    };\n    setStyle(this.div, style);\n    // 给父容器设置捕获事件，用于监听事件坐标\n    this.div.addEventListener(\n      'click',\n      e => {\n        const currentTarget = e.currentTarget as HTMLDivElement;\n        const { left, top } = currentTarget.getBoundingClientRect();\n        const x = (e.pageX - left) / this.ratioX;\n        const y = (e.pageY - top) / this.ratioY;\n        this.eventPosition = { x, y };\n      },\n      true,\n    );\n  }\n\n  /**\n   * 监听插件更新\n   */\n  async update() {\n    const changes = this.componentObserver.clear();\n    if (!this.activate) {\n      return;\n    }\n    for (const changed of changes) {\n      switch (changed.type) {\n        case OBSERVER_TYPE.ADD:\n          changed.componentName === 'Event' && this.addEvent(changed.gameObject);\n          changed.componentName === 'A11y' && this.add(changed);\n          break;\n        case OBSERVER_TYPE.CHANGE:\n          changed.componentName === 'Transform' && this.transformChange(changed);\n          changed.componentName === 'A11y' && this.change(changed);\n          break;\n        case OBSERVER_TYPE.REMOVE:\n          changed.componentName === 'Event' && this.removeEvent(changed);\n          changed.componentName === 'A11y' && this.remove(changed);\n      }\n    }\n  }\n\n  change(changed: ComponentChanged) {\n    const component = changed.component as A11y\n    if (changed.prop.prop[0] === 'hint') {\n      const dom = this.cache.get(component.a11yId)\n      dom?.setAttribute('aria-label', component.hint)\n      dom && this.setPosition(dom, changed.gameObject.transform)\n    }\n  }\n\n  remove(changed: ComponentChanged) {\n    const component = changed.component as A11y;\n    if (!component) return;\n    const { a11yId } = component;\n    const element = this.div.querySelector(`#${a11yId}`);\n    element && this.div.removeChild(element);\n    this.cache.delete(a11yId);\n  }\n\n  /**\n   * 监听组件被添加至游戏对象\n   * @param changed 改变的组件\n   */\n  add(changed: ComponentChanged) {\n    if (!this.activate) return;\n    const component = changed.component as A11y;\n    const { gameObject } = changed;\n    const { delay, a11yId: id } = component;\n    let { event } = component;\n    if (!gameObject) return;\n    const { transform } = gameObject;\n    if (!transform) return;\n    const element = document.createElement('div');\n    this.cache.set(id, element);\n    if (!event) {\n      event = gameObject.getComponent('Event');\n    }\n    setTimeout(() => {\n      this.setPosition(element, transform);\n      this.setA11yAttr(element, component);\n      if (event) {\n        this.addEvent(gameObject);\n      }\n      if (gameObject.scene) {\n        this.div.appendChild(element);\n      }\n    }, delay || this.delay);\n  }\n\n  // 监听 scene 改变\n  transformChange(changed: ComponentChanged) {\n    const component = changed.component as Transform;\n    const { gameObject } = changed;\n    const a11yComponent = gameObject.getComponent(A11y) as A11y;\n    if (!a11yComponent) return;\n    const { a11yId } = a11yComponent;\n    if (!component.inScene) {\n      // 监听 scene 删除游戏对象\n      const dom = this.div.querySelector(`#${a11yId}`);\n      dom && this.div.removeChild(dom);\n      // this.cache.delete(a11yId)\n    } else {\n      // 监听 scene add\n      // this.div.appendChild(this.cache)\n      if (this.cache.has(a11yId)) {\n        const addDom = this.cache.get(a11yId);\n        addDom && this.div.appendChild(addDom);\n      }\n    }\n  }\n\n  /**\n   * 为无障碍组件设置监听事件\n   * @param element DOM 元素\n   * @param event 事件组件对象\n   * @param gameObject 游戏对象\n   */\n  setEvent(element: HTMLElement, event: EE, gameObject: GameObject, id) {\n    if (!event) {\n      return;\n    }\n    const func = getEventFunc.bind(this, event, gameObject) as (e: MouseEvent) => void;\n    this.eventCache.set(id, func);\n    element.addEventListener('click', func);\n  }\n\n  addEvent(gameObject: GameObject) {\n    const a11y = gameObject.getComponent(A11y) as A11y;\n    if (!a11y) return;\n    const event = gameObject.getComponent('Event');\n    if (!event) return;\n    const element = this.cache.get(a11y.a11yId);\n    element && this.setEvent(element, event, gameObject, a11y.a11yId);\n  }\n\n  removeEvent(changed: ComponentChanged) {\n    const { gameObject } = changed;\n    const a11y = gameObject.getComponent(A11y) as A11y;\n    if (!a11y) return;\n    const event = changed.component;\n    if (!event) return;\n    const { a11yId } = a11y;\n    const func = this.eventCache.get(a11yId);\n    const element = this.cache.get(a11yId);\n    element && element.removeEventListener('click', func);\n  }\n\n  /**\n   * 设置无障碍属性标签\n   * @param element DOM 元素\n   * @param hint 无障碍朗读文字\n   * @param interactive 是否可交互\n   */\n  setA11yAttr(element: HTMLElement, component: A11y) {\n    const { hint, props = {}, state = {}, role, a11yId: id } = component;\n    const realRole = role || 'text';\n    element.setAttribute('role', realRole);\n    element.setAttribute('aria-label', hint);\n    element.id = id;\n\n    // 这里兼容\n    const ariaProps = Object.keys(props);\n    for (const key of ariaProps) {\n      element.setAttribute(key, props[key]);\n    }\n    const ariaState = Object.keys(state);\n    for (const key of ariaState) {\n      element.setAttribute(key, state[key]);\n    }\n\n    for (const key of Object.keys(component)) {\n      if (typeof component[key] === 'string' && notAttr.indexOf(key) === -1 && key.indexOf('_') !== 1) {\n        element.setAttribute(key, component[key]);\n      }\n    }\n  }\n\n  /**\n   * 将无障碍元素设置到对应的位置\n   * @param element DOM 元素\n   * @param transform 位置属性\n   */\n  setPosition(element: HTMLElement, transform: Transform) {\n    // 相对画布定位\n    // const { x: anchorX, y: anchorY } = transform.anchor\n    // 游戏对象的宽高\n    const { width, height } = transform.size;\n    // position\n    // const { x: positionX, y: positionY } = transform.position\n    // 设置无障碍 DOM 的样式，龙骨动画默认 2px\n    const style: A11yMaskStyle = {\n      width: width === 0 ? 1 : width * this.ratioX,\n      height: height === 0 ? 1 : height * this.ratioY,\n      position: POSITION,\n      zIndex: this.zIndex,\n      pointerEvents: PointerEvents.AUTO,\n      background: this.debug ? MaskBackground.DEBUG : MaskBackground.NONE,\n    };\n    const transformProps = {\n      ...transform,\n    };\n    setStyle(element, style);\n    // 调整 DOM 的位置\n    setTransform(element, transformProps, this.ratioX, this.ratioY);\n  }\n  onDestroy() {\n    this.div.parentElement.removeChild(this.div);\n    this.cache = null;\n    this.eventCache = null;\n    this.div = null\n  }\n}\n"],"names":[],"mappings":"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"}

package/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/plugin-a11y.cjs.prod.js');
+} else {
+  module.exports = require('./dist/plugin-a11y.cjs.js');
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@combos-fun/plugin-a11y",
+  "version": "0.0.1",
+  "description": "@combos-fun/plugin-a11y",
+  "main": "index.js",
+  "module": "dist/plugin-a11y.esm.js",
+  "bundle": "CombosFun.plugin.a11y",
+  "unpkg": "dist/CombosFun.plugin.a11y.min.js",
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "types": "dist/plugin-a11y.d.ts",
+  "keywords": [
+    "combos-fun",
+    "game"
+  ],
+  "author": "sun668 <q947692259@gmail.com>",
+  "dependencies": {
+    "eventemitter3": "^5.0.4",
+    "@combos-fun/inspector-decorator": "0.0.1",
+    "@combos-fun/plugin-renderer": "0.0.1",
+    "@combos-fun/engine": "0.0.1"
+  },
+  "scripts": {
+    "build": "node ../../scripts/build-package.mjs"
+  }
+}