@operato/scene-mpi 1.3.7

package/dist/indicator.js

@@ -0,0 +1,544 @@
+const IMAGE = new URL('../../icons/indicator.png', import.meta.url).href;
+import { Component, RectPath, Shape } from '@hatiolab/things-scene';
+import SegmentDisplay from './segment-display';
+import { onMouseDownMButton, onMouseDownFButton, onMouseDownCButton, onMouseDownBigButton } from './indicator-user-action';
+import { onmessage } from './indicator-on-message';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'string',
+            label: 'segment_role',
+            name: 'segments'
+        },
+        {
+            type: 'select',
+            label: 'button_color',
+            name: 'buttonColor',
+            property: {
+                options: [
+                    {
+                        display: 'BASIC',
+                        value: '#0000'
+                    },
+                    {
+                        display: 'YELLOW',
+                        value: '#ff0'
+                    },
+                    {
+                        display: 'GREEN',
+                        value: '#0f0'
+                    },
+                    {
+                        display: 'RED',
+                        value: '#f00'
+                    },
+                    {
+                        display: 'BLUE',
+                        value: '#00f'
+                    }
+                ]
+            }
+        },
+        {
+            type: 'select',
+            label: 'boot_flag',
+            name: 'boot_flag',
+            property: {
+                options: [
+                    {
+                        display: '',
+                        value: ''
+                    },
+                    {
+                        display: 'TRUE',
+                        value: 'true'
+                    },
+                    {
+                        display: 'FALSE',
+                        value: 'false'
+                    }
+                ]
+            }
+        },
+        {
+            type: 'select',
+            label: 'reply_target',
+            name: 'reply_target',
+            property: {
+                options: [
+                    {
+                        display: '',
+                        value: ''
+                    },
+                    {
+                        display: 'MQTT',
+                        value: 'MQTT'
+                    },
+                    {
+                        display: 'GraphQl',
+                        value: 'GraphQl'
+                    }
+                ]
+            }
+        }
+    ],
+    help: 'scene/component/indicator'
+};
+const WIDTH = 449;
+const HEIGHT = 53;
+const RECT_BUTTON_EDGE = 3;
+export default class Indicator extends RectPath(Shape) {
+    constructor() {
+        super(...arguments);
+        this.lit = false;
+        this.ledLit = false;
+        this.store = {};
+        this.conf = {
+            seg_role: ['S', 'S'],
+            alignment: 'R',
+            btn_mode: 'S',
+            btn_intvl: 5,
+            bf_on_msg: '',
+            bf_on_msg_t: 1,
+            bf_on_delay: 1,
+            cncl_delay: 10,
+            blink_if_full: true,
+            off_use_res: false,
+            led_bar_mode: 'S',
+            led_bar_intvl: 5,
+            led_bar_brtns: 6
+        };
+        this.currentTask = 'ready';
+        this.cookedData = {};
+    }
+    static get image() {
+        if (!Indicator._image) {
+            Indicator._image = new Image();
+            Indicator._image.src = IMAGE;
+        }
+        return Indicator._image;
+    }
+    get colors() {
+        return {
+            R: '#f00',
+            G: '#0f0',
+            B: '#00f',
+            C: '#0ff',
+            M: '#f0f',
+            Y: '#ff0',
+            K: '#0000',
+            W: '#fff'
+        };
+    }
+    get btnModes() {
+        return {
+            BLINK: 'B', // 깜박
+            ALWAYS: 'S' // 항상
+        };
+    }
+    get tasks() {
+        return {
+            PICK: 'pick',
+            STOCK: 'stock',
+            FULL: 'full',
+            MODIFY: 'modify',
+            END: 'end',
+            DISPLAY: 'display',
+            READY: 'ready',
+            STRSHOW: 'strshow'
+        };
+    }
+    get alignmentOptions() {
+        return {
+            LEFT: 'L',
+            RIGHT: 'R'
+        };
+    }
+    get segmentRoles() {
+        return {
+            RELAY_SEQ: {
+                INITIAL: 'R',
+                KEY: 'org_relay'
+            },
+            BOXES: {
+                INITIAL: 'B',
+                KEY: 'org_box_qty'
+            },
+            PCS: {
+                INITIAL: 'P',
+                KEY: 'org_ea_qty'
+            }
+        };
+    }
+    get getConf() {
+        return this.conf;
+    }
+    set setConf(conf) {
+        this.conf = conf;
+    }
+    get gateway() {
+        return this.root.findFirst('gateway');
+        // var gateway = this.parent
+        // while (gateway.constructor.name !== ('Gateway' || 'Window')) {
+        //   gateway = gateway.parent
+        // }
+        // if (gateway.constructor.name === 'Window') return
+        // return gateway
+    }
+    get ledRect() {
+        return this.parent.findFirst('rect') || {};
+    }
+    dispose() {
+        super.dispose();
+    }
+    /**
+     *
+     * @param {array} args
+     */
+    setSegmentsState(args) {
+        var stateArr = [];
+        var currentRole = this.store.seg_role ? this.store.seg_role : this.getConf.seg_role;
+        currentRole.forEach((role) => {
+            var ele;
+            args.forEach(arg => {
+                if (role == arg.role && (arg.value || arg.value >= 0)) {
+                    ele = arg.value;
+                }
+            });
+            stateArr.push(ele);
+        });
+        var stateStr = stateArr.join(',');
+        this.setState('segments', stateStr);
+    }
+    /**
+     *
+     * @param {object} data
+     */
+    jobLightOn(data, lit = true) {
+        var toutDisplayMessage = (indicator) => {
+            indicator.displayMessage(indicator.getConf.bf_on_msg, indicator.cookedData.buttonColor, false);
+            setTimeout(() => {
+                toutDelayBeforeLightOn(indicator);
+            }, indicator.getConf.bf_on_msg_t * 100);
+        };
+        var toutDelayBeforeLightOn = (indicator) => {
+            indicator.lightOff();
+            setTimeout(() => {
+                indicator.lightOn(data, lit);
+            }, indicator.getConf.bf_on_delay * 100);
+        };
+        if (typeof this.getConf.bf_on_msg === 'string' && this.getConf.bf_on_msg.length > 0) {
+            toutDisplayMessage(this);
+        }
+        else if (this.getConf.bf_on_delay > 0) {
+            toutDelayBeforeLightOn(this);
+        }
+        else {
+            this.lightOn(data, lit);
+        }
+    }
+    /**
+     *
+     * @param {object} data
+     */
+    lightOn(data, lit = true) {
+        var sublen = 6 / this.getConf.seg_role.length;
+        switch (this.getConf.alignment) {
+            case this.alignmentOptions.LEFT:
+                {
+                    let arr = [];
+                    Object.values(this.segmentRoles).forEach(role => {
+                        if (data[role.KEY] || data[role.KEY] >= 0) {
+                            var obj = {
+                                role: role.INITIAL,
+                                value: data[role.KEY]
+                            };
+                            arr.push(obj);
+                        }
+                    });
+                    this.setSegmentsState(arr);
+                }
+                break;
+            case this.alignmentOptions.RIGHT:
+            default:
+                {
+                    let arr = [];
+                    Object.values(this.segmentRoles).forEach(role => {
+                        if (data[role.KEY] || data[role.KEY] >= 0) {
+                            var obj = {
+                                role: role.INITIAL,
+                                value: ('  ' + data[role.KEY]).substr(-sublen)
+                            };
+                            arr.push(obj);
+                        }
+                    });
+                    this.setSegmentsState(arr);
+                }
+                break;
+        }
+        if (data.buttonColor)
+            this.setState('buttonColor', String(data.buttonColor));
+        this.lit = lit;
+    }
+    lightOff() {
+        this.setState('segments', this.displays.length == 3 ? ',,' : ',');
+        this.setState('buttonColor', '#0000');
+        this.lit = false;
+    }
+    /**
+     *
+     * @param {string} msg
+     * @param {string} color
+     */
+    displayMessage(msg, color = 'K', lit = true) {
+        var eachSegLen = this.displays[0].pattern.length;
+        var allSegLen = eachSegLen * this.displays.length;
+        var d = msg || this.getConf.bf_on_msg;
+        switch (this.conf.alignment) {
+            case this.alignmentOptions.LEFT:
+                {
+                    d = (d + '      ').substr(0, allSegLen);
+                }
+                break;
+            case this.alignmentOptions.RIGHT:
+            default:
+                {
+                    d = ('      ' + d).substr(-allSegLen);
+                }
+                break;
+        }
+        var da = [];
+        var i = 1;
+        var startIdx = 0;
+        while (i <= allSegLen) {
+            if (i % eachSegLen == 0) {
+                da.push(d.substr(startIdx, eachSegLen));
+                startIdx = i;
+            }
+            i++;
+        }
+        this.setState('segments', da.join(','));
+        this.setState('buttonColor', this.colors[color]);
+        this.lit = lit;
+    }
+    rectButtonContains(x, y, WRATE, HRATE) {
+        var left = 310 * WRATE;
+        var top = 8 * HRATE;
+        var width = 62 * WRATE;
+        var height = 36 * HRATE;
+        var extend = RECT_BUTTON_EDGE;
+        return (x < Math.max(left + width, left) + extend &&
+            x > Math.min(left + width, left) - extend &&
+            y < Math.max(top + height, top) + extend &&
+            y > Math.min(top + height, top) - extend);
+    }
+    mfcButtonContains(x, y, WRATE, HRATE) {
+        var left = 38 * WRATE;
+        var top = 14 * HRATE;
+        var width = 17 * WRATE;
+        var height = 25 * HRATE;
+        var extend = RECT_BUTTON_EDGE;
+        if (x < Math.max(left + width, left) + extend &&
+            x > Math.min(left + width, left) - extend &&
+            y < Math.max(top + height, top) + extend &&
+            y > Math.min(top + height, top) - extend) {
+            return 'M';
+        }
+        var rx = 9 * WRATE;
+        var ry = 9 * HRATE;
+        var cx = 70 * WRATE;
+        var cy = 17 * HRATE;
+        var normx = (x - cx) / (rx * 2 - 0.5);
+        var normy = (y - cy) / (ry * 2 - 0.5);
+        if (normx * normx + normy * normy < 0.25) {
+            return 'F';
+        }
+        cx = 70 * WRATE;
+        cy = 39 * HRATE;
+        normx = (x - cx) / (rx * 2 - 0.5);
+        normy = (y - cy) / (ry * 2 - 0.5);
+        if (normx * normx + normy * normy < 0.25) {
+            return 'C';
+        }
+    }
+    onmousedown(e, hint) {
+        var { left, top, width, height } = this.bounds;
+        var WRATE = width / WIDTH;
+        var HRATE = height / HEIGHT;
+        var { x, y } = this.transcoordC2S(e.offsetX, e.offsetY);
+        if (this.rectButtonContains(x - left, y - top, WRATE, HRATE)) {
+            onMouseDownBigButton(this);
+        }
+        else {
+            switch (this.mfcButtonContains(x - left, y - top, WRATE, HRATE)) {
+                case 'M':
+                    onMouseDownMButton(this);
+                    break;
+                case 'F':
+                    onMouseDownFButton(this);
+                    break;
+                case 'C':
+                    onMouseDownCButton(this);
+                    break;
+                default:
+            }
+        }
+    }
+    get displays() {
+        var { width, height } = this.bounds;
+        var WRATE = width / WIDTH;
+        var HRATE = height / HEIGHT;
+        var { segments = new Array(this.getConf.seg_role.length).join(',') } = this.state;
+        return segments.split(',', 3).map((value, idx, array) => {
+            var display = new SegmentDisplay(63 * WRATE, 28 * HRATE);
+            display.pattern = array.length == 2 ? '###' : array.length == 3 ? '##' : '###'; // 3 넘는 건 안 함
+            display.displayAngle = 8;
+            display.digitHeight = 20;
+            display.digitWidth = 11;
+            display.digitDistance = 6;
+            display.segmentWidth = 2.5;
+            display.segmentDistance = 0.2;
+            display.segmentCount = SegmentDisplay.SevenSegment;
+            display.cornerType = SegmentDisplay.SymmetricCorner;
+            display.colorOn = idx == 0 ? '#007dfe' : idx == 1 ? '#fd0000' : '#fee400';
+            display.colorOff = '#2c2c2c';
+            display.setValue(value);
+            return display;
+        });
+    }
+    _drawRectButton(context, WRATE, HRATE, color) {
+        var w = 62 * WRATE;
+        var h = 36 * HRATE;
+        var r = Math.min(7 * WRATE, 7 * HRATE);
+        var edge = Math.floor(r / 2);
+        var highlight = Math.floor(r / 5);
+        if (w < 2 * r)
+            r = w / 2;
+        if (h < 2 * r)
+            r = h / 2;
+        context.beginPath();
+        context.moveTo(r, 0);
+        context.arcTo(w, 0, w, h, r);
+        context.arcTo(w, h, 0, h, r);
+        context.arcTo(0, h, 0, 0, r);
+        context.arcTo(0, 0, w, 0, r);
+        context.globalAlpha = 1;
+        context.fillStyle = color;
+        context.strokeStyle = color;
+        context.lineWidth = edge - 2;
+        context.fill();
+        context.stroke();
+        context.strokeStyle = 'black';
+        context.globalAlpha = 0.3;
+        context.stroke();
+        context.beginPath();
+        context.moveTo(highlight, h - r);
+        context.arcTo(highlight, highlight, r, highlight, r - highlight);
+        context.lineTo(w - r, highlight);
+        context.strokeStyle = 'white';
+        context.globalAlpha = 0.6;
+        context.lineWidth = highlight;
+        context.stroke();
+        context.beginPath();
+        context.moveTo(w - r, highlight);
+        context.arcTo(w - highlight, highlight, w - highlight, r, r - highlight);
+        context.arcTo(w - highlight, h - highlight, w - r, h - highlight, r - highlight);
+        context.arcTo(highlight, h - highlight, highlight, h - r, r - highlight);
+        context.strokeStyle = 'white';
+        context.globalAlpha = 0.4;
+        context.lineWidth = highlight;
+        context.stroke();
+        context.globalAlpha = 1;
+    }
+    _drawMFCButton(context, WRATE, HRATE) {
+        context.textAlign = 'center';
+        context.textBaseline = 'middle';
+        context.font = `${Math.min(13 * WRATE, 13 * HRATE)}px Arial`;
+        context.lineJoin = 'round';
+        var r = Math.min(7 * WRATE, 7 * HRATE);
+        var edge = Math.floor(r / 3);
+        // console.log('r', r, 'wrate', WRATE, 'hrate', HRATE, 'edge', edge)
+        context.lineWidth = edge;
+        context.beginPath();
+        // context.ellipse(96 * WRATE, 27 * HRATE, 7 * WRATE, 7 * HRATE, 0, 0, 2 * Math.PI)
+        context.fillStyle = 'rgba(255, 0, 0, 0.0)';
+        context.strokeStyle = 'rgba(255, 0, 0, 0.0)';
+        context.strokeRect(38 * WRATE, 14 * HRATE, 17 * WRATE, 25 * HRATE);
+        context.fillRect(38 * WRATE, 14 * HRATE, 17 * WRATE, 25 * HRATE);
+        context.fill();
+        // context.fillStyle = 'black'
+        // context.fillText('M', 40 * WRATE, 27 * HRATE)
+        context.beginPath();
+        context.ellipse(70 * WRATE, 15 * HRATE, 9 * WRATE, 9 * HRATE, 0, 0, 2 * Math.PI);
+        context.fillStyle = 'rgba(255, 0, 0, 0.0)';
+        context.fill();
+        // context.fillStyle = 'white'
+        // context.fillText('F', 70 * WRATE, 17 * HRATE)
+        context.beginPath();
+        context.ellipse(70 * WRATE, 39 * HRATE, 9 * WRATE, 9 * HRATE, 0, 0, 2 * Math.PI);
+        context.fillStyle = 'rgba(255, 0, 0, 0.0)';
+        context.fill();
+        // context.fillStyle = 'white'
+        // context.fillText('C', 70 * WRATE, 39 * HRATE)
+    }
+    render(context) {
+        var { left, top, width, height } = this.bounds;
+        var color = this.state.buttonColor || '#0000';
+        var WRATE = width / WIDTH;
+        var HRATE = height / HEIGHT;
+        context.translate(left, top);
+        context.save();
+        context.beginPath();
+        this.drawImage(context, Indicator.image, 0, 0, width, height);
+        this._drawMFCButton(context, WRATE, HRATE);
+        var displays = this.displays;
+        var myCursor = displays.length == 3 ? 1 : 0;
+        context.translate((135 - myCursor * 12) * WRATE, 12 * HRATE);
+        displays[0].draw(context);
+        if (displays.length >= 2) {
+            context.translate((75 - myCursor * 25) * WRATE, 0);
+            displays[1].draw(context);
+        }
+        if (displays.length >= 3) {
+            context.translate((75 - myCursor * 25) * WRATE, 0);
+            displays[2].draw(context);
+        }
+        context.beginPath();
+        context.restore();
+        context.translate(310 * WRATE, 8 * HRATE);
+        this._drawRectButton(context, WRATE, HRATE, color);
+        context.beginPath();
+    }
+    onchangeData(after, before) {
+        super.onchangeData(after, before);
+        onmessage(this, after.data);
+    }
+    get hasTextProperty() {
+        return false;
+    }
+    get nature() {
+        return NATURE;
+    }
+    onButton() {
+        switch (this.currentTask) {
+            case this.tasks.END:
+                {
+                    //  onMouseDownFButton(this);
+                }
+                break;
+            case this.tasks.DISPLAY: {
+                return;
+            }
+            default:
+                {
+                    onMouseDownBigButton(this);
+                }
+                break;
+        }
+    }
+}
+Component.register('indicator', Indicator);
+//# sourceMappingURL=indicator.js.map

package/dist/indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator.js","sourceRoot":"","sources":["../src/indicator.ts"],"names":[],"mappings":"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","sourcesContent":["const IMAGE = new URL('../../icons/indicator.png', import.meta.url).href\n\nimport { Component, ComponentNature, RectPath, Shape } from '@hatiolab/things-scene'\nimport SegmentDisplay from './segment-display'\n\nimport {\n  onMouseDownMButton,\n  onMouseDownFButton,\n  onMouseDownCButton,\n  onMouseDownBigButton\n} from './indicator-user-action'\n\nimport { onmessage } from './indicator-on-message'\nimport Gateway from './gateway'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'string',\n      label: 'segment_role',\n      name: 'segments'\n    },\n    {\n      type: 'select',\n      label: 'button_color',\n      name: 'buttonColor',\n      property: {\n        options: [\n          {\n            display: 'BASIC',\n            value: '#0000'\n          },\n          {\n            display: 'YELLOW',\n            value: '#ff0'\n          },\n          {\n            display: 'GREEN',\n            value: '#0f0'\n          },\n          {\n            display: 'RED',\n            value: '#f00'\n          },\n          {\n            display: 'BLUE',\n            value: '#00f'\n          }\n        ]\n      }\n    },\n    {\n      type: 'select',\n      label: 'boot_flag',\n      name: 'boot_flag',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'TRUE',\n            value: 'true'\n          },\n          {\n            display: 'FALSE',\n            value: 'false'\n          }\n        ]\n      }\n    },\n    {\n      type: 'select',\n      label: 'reply_target',\n      name: 'reply_target',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'MQTT',\n            value: 'MQTT'\n          },\n          {\n            display: 'GraphQl',\n            value: 'GraphQl'\n          }\n        ]\n      }\n    }\n  ],\n  help: 'scene/component/indicator'\n}\n\nconst WIDTH = 449\nconst HEIGHT = 53\n\nconst RECT_BUTTON_EDGE = 3\n\nexport default class Indicator extends RectPath(Shape) {\n  lit = false\n  ledLit = false\n  store = {} as any\n  conf = {\n    seg_role: ['S', 'S'],\n    alignment: 'R',\n    btn_mode: 'S',\n    btn_intvl: 5,\n    bf_on_msg: '',\n    bf_on_msg_t: 1,\n    bf_on_delay: 1,\n    cncl_delay: 10,\n    blink_if_full: true,\n    off_use_res: false,\n    led_bar_mode: 'S',\n    led_bar_intvl: 5,\n    led_bar_brtns: 6\n  } as any\n  currentTask = 'ready'\n  cookedData: any = {}\n  readOnly?: boolean\n  version?: any\n\n  static _image: HTMLImageElement\n\n  static get image() {\n    if (!Indicator._image) {\n      Indicator._image = new Image()\n      Indicator._image.src = IMAGE\n    }\n\n    return Indicator._image\n  }\n\n  get colors(): { [key: string]: string } {\n    return {\n      R: '#f00',\n      G: '#0f0',\n      B: '#00f',\n      C: '#0ff',\n      M: '#f0f',\n      Y: '#ff0',\n      K: '#0000',\n      W: '#fff'\n    }\n  }\n\n  get btnModes() {\n    return {\n      BLINK: 'B', // 깜박\n      ALWAYS: 'S' // 항상\n    }\n  }\n\n  get tasks(): { [key: string]: string } {\n    return {\n      PICK: 'pick',\n      STOCK: 'stock',\n      FULL: 'full',\n      MODIFY: 'modify',\n      END: 'end',\n      DISPLAY: 'display',\n      READY: 'ready',\n      STRSHOW: 'strshow'\n    }\n  }\n\n  get alignmentOptions() {\n    return {\n      LEFT: 'L',\n      RIGHT: 'R'\n    }\n  }\n\n  get segmentRoles() {\n    return {\n      RELAY_SEQ: {\n        INITIAL: 'R',\n        KEY: 'org_relay'\n      },\n      BOXES: {\n        INITIAL: 'B',\n        KEY: 'org_box_qty'\n      },\n      PCS: {\n        INITIAL: 'P',\n        KEY: 'org_ea_qty'\n      }\n    }\n  }\n\n  get getConf() {\n    return this.conf\n  }\n\n  set setConf(conf: any) {\n    this.conf = conf\n  }\n\n  get gateway(): Gateway {\n    return this.root.findFirst('gateway') as Gateway\n    // var gateway = this.parent\n    // while (gateway.constructor.name !== ('Gateway' || 'Window')) {\n    //   gateway = gateway.parent\n    // }\n\n    // if (gateway.constructor.name === 'Window') return\n\n    // return gateway\n  }\n\n  get ledRect() {\n    return this.parent.findFirst('rect') || {}\n  }\n\n  dispose() {\n    super.dispose()\n  }\n\n  /**\n   *\n   * @param {array} args\n   */\n  setSegmentsState(args: any[]) {\n    var stateArr: any[] = []\n\n    var currentRole = this.store.seg_role ? this.store.seg_role : this.getConf.seg_role\n    currentRole.forEach((role: any) => {\n      var ele\n      args.forEach(arg => {\n        if (role == arg.role && (arg.value || arg.value >= 0)) {\n          ele = arg.value\n        }\n      })\n      stateArr.push(ele)\n    })\n    var stateStr = stateArr.join(',')\n    this.setState('segments', stateStr)\n  }\n\n  /**\n   *\n   * @param {object} data\n   */\n  jobLightOn(data: any, lit = true) {\n    var toutDisplayMessage = (indicator: Indicator) => {\n      indicator.displayMessage(indicator.getConf.bf_on_msg, indicator.cookedData.buttonColor, false)\n      setTimeout(() => {\n        toutDelayBeforeLightOn(indicator)\n      }, indicator.getConf.bf_on_msg_t * 100)\n    }\n\n    var toutDelayBeforeLightOn = (indicator: Indicator) => {\n      indicator.lightOff()\n      setTimeout(() => {\n        indicator.lightOn(data, lit)\n      }, indicator.getConf.bf_on_delay * 100)\n    }\n\n    if (typeof this.getConf.bf_on_msg === 'string' && this.getConf.bf_on_msg.length > 0) {\n      toutDisplayMessage(this)\n    } else if (this.getConf.bf_on_delay > 0) {\n      toutDelayBeforeLightOn(this)\n    } else {\n      this.lightOn(data, lit)\n    }\n  }\n\n  /**\n   *\n   * @param {object} data\n   */\n  lightOn(data: any, lit = true) {\n    var sublen = 6 / this.getConf.seg_role.length\n    switch (this.getConf.alignment) {\n      case this.alignmentOptions.LEFT:\n        {\n          let arr: any[] = []\n          Object.values(this.segmentRoles).forEach(role => {\n            if (data[role.KEY] || data[role.KEY] >= 0) {\n              var obj = {\n                role: role.INITIAL,\n                value: data[role.KEY]\n              }\n              arr.push(obj)\n            }\n          })\n          this.setSegmentsState(arr)\n        }\n        break\n      case this.alignmentOptions.RIGHT:\n      default:\n        {\n          let arr: any[] = []\n          Object.values(this.segmentRoles).forEach(role => {\n            if (data[role.KEY] || data[role.KEY] >= 0) {\n              var obj = {\n                role: role.INITIAL,\n                value: ('  ' + data[role.KEY]).substr(-sublen)\n              }\n              arr.push(obj)\n            }\n          })\n          this.setSegmentsState(arr)\n        }\n        break\n    }\n    if (data.buttonColor) this.setState('buttonColor', String(data.buttonColor))\n    this.lit = lit\n  }\n\n  lightOff() {\n    this.setState('segments', this.displays.length == 3 ? ',,' : ',')\n    this.setState('buttonColor', '#0000')\n\n    this.lit = false\n  }\n\n  /**\n   *\n   * @param {string} msg\n   * @param {string} color\n   */\n  displayMessage(msg: string, color = 'K', lit = true) {\n    var eachSegLen = this.displays[0].pattern.length\n    var allSegLen = eachSegLen * this.displays.length\n\n    var d = msg || this.getConf.bf_on_msg\n\n    switch (this.conf.alignment) {\n      case this.alignmentOptions.LEFT:\n        {\n          d = (d + '      ').substr(0, allSegLen)\n        }\n        break\n      case this.alignmentOptions.RIGHT:\n      default:\n        {\n          d = ('      ' + d).substr(-allSegLen)\n        }\n        break\n    }\n\n    var da = []\n\n    var i = 1\n    var startIdx = 0\n    while (i <= allSegLen) {\n      if (i % eachSegLen == 0) {\n        da.push(d.substr(startIdx, eachSegLen))\n        startIdx = i\n      }\n      i++\n    }\n    this.setState('segments', da.join(','))\n    this.setState('buttonColor', this.colors[color])\n    this.lit = lit\n  }\n\n  rectButtonContains(x: number, y: number, WRATE: number, HRATE: number) {\n    var left = 310 * WRATE\n    var top = 8 * HRATE\n    var width = 62 * WRATE\n    var height = 36 * HRATE\n\n    var extend = RECT_BUTTON_EDGE\n\n    return (\n      x < Math.max(left + width, left) + extend &&\n      x > Math.min(left + width, left) - extend &&\n      y < Math.max(top + height, top) + extend &&\n      y > Math.min(top + height, top) - extend\n    )\n  }\n\n  mfcButtonContains(x: number, y: number, WRATE: number, HRATE: number) {\n    var left = 38 * WRATE\n    var top = 14 * HRATE\n    var width = 17 * WRATE\n    var height = 25 * HRATE\n\n    var extend = RECT_BUTTON_EDGE\n    if (\n      x < Math.max(left + width, left) + extend &&\n      x > Math.min(left + width, left) - extend &&\n      y < Math.max(top + height, top) + extend &&\n      y > Math.min(top + height, top) - extend\n    ) {\n      return 'M'\n    }\n\n    var rx = 9 * WRATE\n    var ry = 9 * HRATE\n    var cx = 70 * WRATE\n    var cy = 17 * HRATE\n    var normx = (x - cx) / (rx * 2 - 0.5)\n    var normy = (y - cy) / (ry * 2 - 0.5)\n\n    if (normx * normx + normy * normy < 0.25) {\n      return 'F'\n    }\n\n    cx = 70 * WRATE\n    cy = 39 * HRATE\n    normx = (x - cx) / (rx * 2 - 0.5)\n    normy = (y - cy) / (ry * 2 - 0.5)\n\n    if (normx * normx + normy * normy < 0.25) {\n      return 'C'\n    }\n  }\n\n  onmousedown(e: MouseEvent, hint: any) {\n    var { left, top, width, height } = this.bounds\n\n    var WRATE = width / WIDTH\n    var HRATE = height / HEIGHT\n\n    var { x, y } = this.transcoordC2S(e.offsetX, e.offsetY)\n\n    if (this.rectButtonContains(x - left, y - top, WRATE, HRATE)) {\n      onMouseDownBigButton(this)\n    } else {\n      switch (this.mfcButtonContains(x - left, y - top, WRATE, HRATE)) {\n        case 'M':\n          onMouseDownMButton(this)\n          break\n        case 'F':\n          onMouseDownFButton(this)\n          break\n        case 'C':\n          onMouseDownCButton(this)\n          break\n        default:\n      }\n    }\n  }\n\n  get displays() {\n    var { width, height } = this.bounds\n\n    var WRATE = width / WIDTH\n    var HRATE = height / HEIGHT\n\n    var { segments = new Array(this.getConf.seg_role.length).join(',') } = this.state\n\n    return (segments as string).split(',', 3).map((value, idx, array) => {\n      var display = new SegmentDisplay(63 * WRATE, 28 * HRATE)\n\n      display.pattern = array.length == 2 ? '###' : array.length == 3 ? '##' : '###' // 3 넘는 건 안 함\n      display.displayAngle = 8\n      display.digitHeight = 20\n      display.digitWidth = 11\n      display.digitDistance = 6\n      display.segmentWidth = 2.5\n      display.segmentDistance = 0.2\n      display.segmentCount = SegmentDisplay.SevenSegment\n      display.cornerType = SegmentDisplay.SymmetricCorner\n      display.colorOn = idx == 0 ? '#007dfe' : idx == 1 ? '#fd0000' : '#fee400'\n      display.colorOff = '#2c2c2c'\n\n      display.setValue(value)\n\n      return display\n    })\n  }\n\n  _drawRectButton(context: CanvasRenderingContext2D, WRATE: number, HRATE: number, color: string) {\n    var w = 62 * WRATE\n    var h = 36 * HRATE\n    var r = Math.min(7 * WRATE, 7 * HRATE)\n    var edge = Math.floor(r / 2)\n    var highlight = Math.floor(r / 5)\n\n    if (w < 2 * r) r = w / 2\n    if (h < 2 * r) r = h / 2\n\n    context.beginPath()\n    context.moveTo(r, 0)\n    context.arcTo(w, 0, w, h, r)\n    context.arcTo(w, h, 0, h, r)\n    context.arcTo(0, h, 0, 0, r)\n    context.arcTo(0, 0, w, 0, r)\n\n    context.globalAlpha = 1\n    context.fillStyle = color\n    context.strokeStyle = color\n    context.lineWidth = edge - 2\n    context.fill()\n    context.stroke()\n    context.strokeStyle = 'black'\n    context.globalAlpha = 0.3\n    context.stroke()\n\n    context.beginPath()\n    context.moveTo(highlight, h - r)\n    context.arcTo(highlight, highlight, r, highlight, r - highlight)\n    context.lineTo(w - r, highlight)\n    context.strokeStyle = 'white'\n    context.globalAlpha = 0.6\n    context.lineWidth = highlight\n    context.stroke()\n\n    context.beginPath()\n    context.moveTo(w - r, highlight)\n    context.arcTo(w - highlight, highlight, w - highlight, r, r - highlight)\n    context.arcTo(w - highlight, h - highlight, w - r, h - highlight, r - highlight)\n    context.arcTo(highlight, h - highlight, highlight, h - r, r - highlight)\n\n    context.strokeStyle = 'white'\n    context.globalAlpha = 0.4\n    context.lineWidth = highlight\n    context.stroke()\n\n    context.globalAlpha = 1\n  }\n\n  _drawMFCButton(context: CanvasRenderingContext2D, WRATE: number, HRATE: number) {\n    context.textAlign = 'center'\n    context.textBaseline = 'middle'\n    context.font = `${Math.min(13 * WRATE, 13 * HRATE)}px Arial`\n\n    context.lineJoin = 'round'\n    var r = Math.min(7 * WRATE, 7 * HRATE)\n    var edge = Math.floor(r / 3)\n    // console.log('r', r, 'wrate', WRATE, 'hrate', HRATE, 'edge', edge)\n    context.lineWidth = edge\n\n    context.beginPath()\n    // context.ellipse(96 * WRATE, 27 * HRATE, 7 * WRATE, 7 * HRATE, 0, 0, 2 * Math.PI)\n    context.fillStyle = 'rgba(255, 0, 0, 0.0)'\n    context.strokeStyle = 'rgba(255, 0, 0, 0.0)'\n    context.strokeRect(38 * WRATE, 14 * HRATE, 17 * WRATE, 25 * HRATE)\n    context.fillRect(38 * WRATE, 14 * HRATE, 17 * WRATE, 25 * HRATE)\n    context.fill()\n\n    // context.fillStyle = 'black'\n    // context.fillText('M', 40 * WRATE, 27 * HRATE)\n\n    context.beginPath()\n    context.ellipse(70 * WRATE, 15 * HRATE, 9 * WRATE, 9 * HRATE, 0, 0, 2 * Math.PI)\n    context.fillStyle = 'rgba(255, 0, 0, 0.0)'\n    context.fill()\n\n    // context.fillStyle = 'white'\n    // context.fillText('F', 70 * WRATE, 17 * HRATE)\n\n    context.beginPath()\n    context.ellipse(70 * WRATE, 39 * HRATE, 9 * WRATE, 9 * HRATE, 0, 0, 2 * Math.PI)\n    context.fillStyle = 'rgba(255, 0, 0, 0.0)'\n    context.fill()\n\n    // context.fillStyle = 'white'\n    // context.fillText('C', 70 * WRATE, 39 * HRATE)\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n\n    var color = this.state.buttonColor || '#0000'\n\n    var WRATE = width / WIDTH\n    var HRATE = height / HEIGHT\n\n    context.translate(left, top)\n    context.save()\n\n    context.beginPath()\n    this.drawImage(context, Indicator.image, 0, 0, width, height)\n\n    this._drawMFCButton(context, WRATE, HRATE)\n\n    var displays = this.displays\n\n    var myCursor = displays.length == 3 ? 1 : 0\n\n    context.translate((135 - myCursor * 12) * WRATE, 12 * HRATE)\n    displays[0].draw(context)\n\n    if (displays.length >= 2) {\n      context.translate((75 - myCursor * 25) * WRATE, 0)\n      displays[1].draw(context)\n    }\n\n    if (displays.length >= 3) {\n      context.translate((75 - myCursor * 25) * WRATE, 0)\n      displays[2].draw(context)\n    }\n\n    context.beginPath()\n\n    context.restore()\n    context.translate(310 * WRATE, 8 * HRATE)\n    this._drawRectButton(context, WRATE, HRATE, color)\n\n    context.beginPath()\n  }\n\n  onchangeData(after: any, before: any) {\n    super.onchangeData(after, before)\n\n    onmessage(this, after.data)\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  onButton() {\n    switch (this.currentTask) {\n      case this.tasks.END:\n        {\n          //  onMouseDownFButton(this);\n        }\n        break\n      case this.tasks.DISPLAY: {\n        return\n      }\n      default:\n        {\n          onMouseDownBigButton(this)\n        }\n        break\n    }\n  }\n}\n\nComponent.register('indicator', Indicator)\n"]}

package/dist/reply-button.d.ts

@@ -0,0 +1,20 @@
+import { Component, ComponentNature, Shape } from '@hatiolab/things-scene';
+export declare const buttons: {
+    icon: string;
+    handler: typeof onClickReply;
+}[];
+declare const ReplyButton_base: typeof Shape;
+export default class ReplyButton extends ReplyButton_base {
+    static _image?: HTMLImageElement;
+    static get image(): HTMLImageElement;
+    get publisher(): Component | undefined;
+    render(context: CanvasRenderingContext2D): void;
+    onmousedown(e: MouseEvent, hint: any): void;
+    buttonContains(): {
+        icon: string;
+        handler: typeof onClickReply;
+    };
+    get nature(): ComponentNature;
+}
+declare function onClickReply(button: Component): void;
+export {};