@hatiolab/things-scene 9.0.0-beta.2 → 9.0.0-beta.21

package/dist/components/root-container.js

@@ -0,0 +1,478 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { error, warn } from '../core/logger';
+import * as Utils from '../core/utils';
+import * as Event from '../event';
+import * as EventMap from '../event-map';
+import ScenePopup from '../layer/action/popup';
+import compile from '../model/compile';
+import * as Style from '../style';
+import Component from './component';
+import ContainerAbstract from './container-abstract';
+import fit from './fit/fit';
+var roots = [];
+if (typeof window !== 'undefined') {
+    window.addEventListener('resize', () => {
+        roots.forEach(p => {
+            p.resize();
+        });
+    });
+}
+/*
+ * RootContainer
+ *
+ * 모든 컴포넌트의 최상위 컨테이너임
+ *
+ * - 루트 정보를 제공함. (get root, )
+ * - 하위 레이어들을 관리함.
+ * - 전체적인 이벤트 리스너를 관리함.
+ * - 전체적인 스타일 정보를 관리함.
+ */
+export default class RootContainer extends ContainerAbstract {
+    constructor(model, context) {
+        super(Object.assign({
+            type: 'root',
+            scale: {
+                x: 1,
+                y: 1
+            }
+        }, model || {}), context);
+        this._maxRefid = 0;
+        model = model || {};
+        this.fitMode = model.model && model.model.fitMode;
+        this._app = context;
+        /* keep container element */
+        this.target_element = model.target_element;
+        /* content model을 만든다. */
+        this.rebuildContentModel(this.model.model);
+        /* 프로세스내의 전체 루트 컨테이너 리스트에 자신을 추가한다. */
+        roots.push(this);
+    }
+    dispose() {
+        ScenePopup.hideAll(this);
+        this._app && this._app.dispose();
+        super.dispose();
+        this._disposeAllResources();
+        this.target_element = null;
+        delete this._refresh_mapping_debouncer;
+        var index = roots.indexOf(this);
+        if (index >= 0)
+            roots.splice(index, 1);
+        this.refidIndexMap.clear();
+        this._maxRefid = 0;
+    }
+    isRoot() {
+        return true;
+    }
+    /* Application Context */
+    get app() {
+        return this._app;
+    }
+    get target_element() {
+        return this._target_element;
+    }
+    set target_element(target) {
+        if (this._ua_event_handler) {
+            this._ua_event_handler.dispose();
+            delete this._ua_event_handler;
+        }
+        if (target) {
+            target.style.position = 'absolute';
+            target.style.cursor = 'default';
+            target.style.overflow = 'hidden';
+            this._ua_event_handler = new Event.UAEventHandler(this, target);
+        }
+        this.forEach(layer => (layer.target = target));
+        this._target_element = target;
+    }
+    /**
+     * Scene 모델의 단위(unit)을 감안한 기본 Scale 값을 제공한다.
+     * 통산 'mm', 'cm' 단위의 Scene은 각 값에 10배를 곱한 수치로 모델링된다.(값을 10으로 나눈값이 실제 단위와 일치한다.)
+     * unitScale의 의미는 scene에 unitScale값으로 scale하면, 각 단위값이 화면과 일치한다는 의미이다.
+     *
+     * 모델링의 수치단위가 픽셀이 아니고, mm, cm, inch 등의 단위인 경우에,
+     * 화면에서의 크기가 실물과 유사하게 보이는 수준의 기본 스케일을 제공하는 기능이다.
+     * 이 값은 내부적으로는, Ruler에서 눈금을 실제 자의 눈금과 일치시키기 위해서 사용한다.
+     */
+    get unitScale() {
+        switch (this.model_layer && this.model_layer.get('unit')) {
+            case 'mm':
+            case 'cm':
+            case 'in':
+                return this.app.PPM / 10;
+            case 'px':
+            default:
+                return 1;
+        }
+    }
+    addTemplate(prefix, component) {
+        var old = this.templateMap[prefix];
+        if (old)
+            error('Template replaced (duplicated)', prefix, component, old);
+        this.templateMap[prefix] = component;
+        delete this.templatePrefixes;
+    }
+    removeTemplate(prefix, component) {
+        var old = this.templateMap[prefix];
+        if (old !== component)
+            warn('Removing template failed (different)', prefix, component, old);
+        else
+            delete this.templateMap[prefix];
+        delete this.templatePrefixes;
+    }
+    findTemplateFor(id) {
+        if (!this.templatePrefixes)
+            this.templatePrefixes = Object.keys(this.templateMap).sort().reverse();
+        var prefix = this.templatePrefixes.find(prefix => {
+            return id.startsWith(prefix);
+        });
+        if (prefix)
+            return this.templateMap[prefix];
+    }
+    addIndex(id, component) {
+        var old = this.indexMap[id];
+        if (old)
+            error('Index replaced (duplicated)', id, component, old);
+        this.indexMap[id] = component;
+    }
+    removeIndex(id, component) {
+        var old = this.indexMap[id];
+        if (old !== component)
+            warn('Removing index failed (different)', id, component, old);
+        else
+            delete this.indexMap[id];
+    }
+    addRefidIndex(refid, component) {
+        if (refid === undefined) {
+            refid = this.getNewRefid();
+            component.set('refid', refid);
+        }
+        this._maxRefid = Math.max(refid, this._maxRefid);
+        var old = this.refidIndexMap.get(refid);
+        if (old) {
+            error('Refid Index replaced (has not to be)', refid, component, old);
+        }
+        this.refidIndexMap.set(refid, component);
+    }
+    removeRefidIndex(refid, component) {
+        if (refid == null) {
+            return;
+        }
+        var old = this.refidIndexMap.get(refid);
+        if (old !== component) {
+            error('Refid Removing index failed (has not to be)', refid, component, old);
+        }
+        else {
+            this.refidIndexMap.delete(refid);
+        }
+    }
+    getNewRefid() {
+        this._maxRefid = (this._maxRefid || 0) + 1;
+        return this._maxRefid;
+    }
+    async subscribe(tag, component) {
+        if (this._app.isViewMode && tag && this._app) {
+            component._subscription = await this._app.subscribe(tag, component);
+        }
+    }
+    async unsubscribe(tag, component) {
+        if (component._subscription) {
+            await component._subscription.unsubscribe();
+            delete component._subscription;
+        }
+    }
+    findById(id) {
+        return this.indexMap[id.replace(/^#/, '')];
+    }
+    findByRefid(refid) {
+        return this.refidIndexMap.get(refid);
+    }
+    findOrCreate(id) {
+        var component = this.indexMap[id];
+        if (!component) {
+            let template = this.findTemplateFor(id);
+            if (template) {
+                let clone = Object.assign(Utils.clone(template.hierarchy), {
+                    id: id,
+                    templatePrefix: ''
+                });
+                component = compile(clone, this.app);
+                this.model_layer.addComponent(component);
+            }
+        }
+        return component;
+    }
+    resize() {
+        this.components.forEach(c => {
+            if (c.resize)
+                c.resize();
+        });
+        this.invalidate();
+    }
+    _disposeAllResources() {
+        this.selected = [];
+        this._focused = null;
+        this._ready = false;
+        /*
+         * 리빌드를 위해서 초기화한다.
+         */
+        if (this.eventEngine) {
+            this.assist_handlers &&
+                this.assist_handlers.forEach(listener => {
+                    this.eventEngine.remove(listener);
+                });
+            this.eventEngine.dispose();
+            delete this.eventEngine;
+        }
+        /* layer 정보에 맞춰서 layer 객체들을 소멸시킨다. */
+        this.assist_layers &&
+            this.assist_layers.forEach(layer => {
+                layer.dispose();
+                this.removeComponent(layer);
+            });
+        delete this.assist_layers;
+        /*
+         * 컨텐츠 모델 레이어를 새로 구축한다
+         */
+        this.model_layer && this.model_layer.dispose();
+        this.model_layer && this.removeComponent(this.model_layer);
+        delete this.model_layer;
+        // indexMap을 초기화한다.
+        this.indexMap = {};
+        this.refidIndexMap = new Map();
+        this.templateMap = {};
+    }
+    rebuildContentModel(contentModel) {
+        this._disposeAllResources();
+        this.eventEngine = new Event.Engine(this);
+        /*
+         * 컨텐츠 모델 레이어를 새로 구축한다
+         */
+        contentModel = contentModel || {};
+        contentModel.type = 'model-layer';
+        this.model_layer = compile(contentModel, this.app);
+        this.addComponent(this.model_layer);
+        // target Element 아래에 기본 레이어를 만든다.
+        // 기본 레이어는 모델을 표현할 바탕 canvas 로 만들어진다.
+        this.model_layer.target = this.target_element;
+        /* layer 정보에 맞춰서 assist layer 객체들을 생성한다. */
+        this.assist_layers = (this.model.layers || []).map(layer => {
+            var compiled = compile(layer, this.app);
+            this.addComponent(compiled);
+            compiled.target = this.target_element;
+            return compiled;
+        });
+        /* Event Handler Map을 추가한다. */
+        this.assist_handlers = (this.model.handlers || []).map(eventMapName => {
+            /* Listener로 임의의 오브젝트를 만들어서 제공한다. */
+            var handler = {};
+            this.eventEngine.add(handler, EventMap.EventMap.get(eventMapName));
+            return handler;
+        });
+        this._ready = true;
+        this.traverse(component => component.ready());
+    }
+    get root() {
+        return this;
+    }
+    get anchors() {
+        return;
+    }
+    /**
+     * 모델들이 다 생성되고 준비되었는지를 알려준다.
+     */
+    get isReady() {
+        return this._ready;
+    }
+    get rootModel() {
+        return this.model_layer;
+    }
+    get stuck() {
+        return true;
+    }
+    get data() {
+        return Object.values(this.indexMap).reduce((result, component) => {
+            let model = component.model;
+            result[model.id] = component.data;
+            return result;
+        }, {});
+    }
+    set data(data) {
+        for (var key in data) {
+            var component = this.findOrCreate(key);
+            if (!component)
+                continue;
+            component.data = data[key];
+        }
+    }
+    get dataByRefid() {
+        var data = {};
+        for (let [refid, component] of this.refidIndexMap.entries()) {
+            data[refid] = component.data;
+        }
+        return data;
+    }
+    set dataByRefid(data) {
+        for (var ref in data) {
+            var component = this.findByRefid(Number(ref));
+            if (!component)
+                continue;
+            component.data = data[ref];
+        }
+    }
+    get values() {
+        return Object.values(this.indexMap).reduce((result, component) => {
+            let model = component.model;
+            result[model.id] = component.value;
+            return result;
+        }, {});
+    }
+    set values(value) {
+        for (var key in value) {
+            var component = this.findOrCreate(key);
+            if (!component)
+                continue;
+            component.value = value[key];
+        }
+    }
+    get valuesByRefid() {
+        var value = {};
+        for (let [refid, component] of this.refidIndexMap.entries()) {
+            value[refid] = component.value;
+        }
+        return value;
+    }
+    set valuesByRefid(value) {
+        for (var ref in value) {
+            var component = this.findByRefid(Number(ref));
+            if (!component)
+                continue;
+            component.value = value[ref];
+        }
+    }
+    get selected() {
+        return (this._selected || []).filter(component => component.parent);
+    }
+    set selected(after) {
+        var before = this._selected;
+        this._selected = after;
+        this.trigger('selected', after, before);
+    }
+    get focused() {
+        return this._focused;
+    }
+    set focused(container) {
+        if (this._focused === container)
+            return;
+        this._focused = container;
+        this.invalidate();
+    }
+    get style() {
+        return this._style;
+    }
+    set style(style) {
+        this._style = style;
+        this._compiled_style = Style.compile(style);
+    }
+    get hasTextProperty() {
+        return false;
+    }
+    render() {
+        this.components.forEach(m => m.draw());
+    }
+    /* 최상위 객체는 항상 true를 리턴해야 한다. */
+    contains(x, y) {
+        return true;
+    }
+    /*
+     * capturePath(path) 파라미터로 주어진 path를 포함하는 컨테이너를 찾는다.
+     * @path
+     * @excepts 컨테이너를 찾을 때 제외되는 대상이다.
+     */
+    capturePath(path, excepts) {
+        return this.model_layer.capturePath(path, excepts);
+    }
+    invalidate() {
+        this.components.forEach(m => m.invalidate());
+    }
+    get eventMap() {
+        return {
+            '(root)': {
+                '(descendant)': {
+                    added: this.onadded,
+                    removed: this.onremoved,
+                    change: this.onchanged
+                }
+            }
+        };
+    }
+    refreshMappings() {
+        if (!this._refresh_mapping_debouncer) {
+            if (this.disposed)
+                return;
+            this._refresh_mapping_debouncer = Utils.debounce(function mapper(comp) {
+                comp.executeMappings();
+                comp.components && comp.components.forEach(child => mapper(child));
+            }, 1000);
+        }
+        this._refresh_mapping_debouncer(this.model_layer);
+    }
+    _addTraverse(component) {
+        if (component.components)
+            component.components.forEach(child => this._addTraverse(child));
+        var { id, refid, tag, templatePrefix } = component.model;
+        this.addRefidIndex(refid, component);
+        if (id)
+            this.addIndex(id, component);
+        if (tag)
+            this.subscribe(tag, component);
+        if (templatePrefix)
+            this.addTemplate(templatePrefix, component);
+        var eventMap = Utils.merge({}, component.eventMap, component.model.eventMap);
+        this.eventEngine.add(component, eventMap);
+    }
+    _removeTraverse(component) {
+        if (component.components)
+            component.components.forEach(child => this._removeTraverse(child));
+        var { id, refid, tag, templatePrefix } = component.model;
+        this.removeRefidIndex(refid, component);
+        if (id)
+            this.removeIndex(id, component);
+        if (tag)
+            this.unsubscribe(tag, component);
+        if (templatePrefix)
+            this.removeTemplate(templatePrefix, component);
+        this.eventEngine.remove(component);
+    }
+    onadded(container, component) {
+        this._addTraverse(component);
+        this.refreshMappings();
+        this.invalidate();
+    }
+    onremoved(container, component) {
+        this._removeTraverse(component);
+        this.invalidate();
+    }
+    onchanged(after, before, hint) {
+        if (before.templatePrefix)
+            this.removeTemplate(before.templatePrefix, hint.origin);
+        if (after.templatePrefix)
+            this.addTemplate(after.templatePrefix, hint.origin);
+        if (before.id)
+            this.removeIndex(before.id, hint.origin);
+        if (after.id)
+            this.addIndex(after.id, hint.origin);
+        if (before.tag)
+            this.unsubscribe(before.tag, hint.origin);
+        if (after.tag)
+            this.subscribe(after.tag, hint.origin);
+        if (before.id != after.id || before.class != after.class)
+            this.refreshMappings();
+    }
+}
+Object.assign(RootContainer.prototype, {
+    fit
+});
+Component.memoize(RootContainer.prototype, 'unitScale', false);
+//# sourceMappingURL=root-container.js.map

package/dist/components/root-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-container.js","sourceRoot":"","sources":["../../src/components/root-container.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { error, warn } from '../core/logger'\nimport * as Utils from '../core/utils'\nimport * as Event from '../event'\nimport * as EventMap from '../event-map'\nimport ScenePopup from '../layer/action/popup'\nimport compile from '../model/compile'\nimport * as Style from '../style'\nimport Component from './component'\nimport ContainerAbstract from './container-abstract'\nimport fit from './fit/fit'\n\nvar roots = []\n\nif (typeof window !== 'undefined') {\n  window.addEventListener('resize', () => {\n    roots.forEach(p => {\n      p.resize()\n    })\n  })\n}\n\n/*\n * RootContainer\n *\n * 모든 컴포넌트의 최상위 컨테이너임\n *\n * - 루트 정보를 제공함. (get root, )\n * - 하위 레이어들을 관리함.\n * - 전체적인 이벤트 리스너를 관리함.\n * - 전체적인 스타일 정보를 관리함.\n */\nexport default class RootContainer extends ContainerAbstract {\n  constructor(model, context) {\n    super(\n      Object.assign(\n        {\n          type: 'root',\n          scale: {\n            x: 1,\n            y: 1\n          }\n        },\n        model || {}\n      ),\n      context\n    )\n\n    this._maxRefid = 0\n\n    model = model || {}\n\n    this.fitMode = model.model && model.model.fitMode\n\n    this._app = context\n\n    /* keep container element */\n    this.target_element = model.target_element\n\n    /* content model을 만든다. */\n    this.rebuildContentModel(this.model.model)\n\n    /* 프로세스내의 전체 루트 컨테이너 리스트에 자신을 추가한다. */\n    roots.push(this)\n  }\n\n  dispose() {\n    ScenePopup.hideAll(this)\n\n    this._app && this._app.dispose()\n\n    super.dispose()\n\n    this._disposeAllResources()\n\n    this.target_element = null\n\n    delete this._refresh_mapping_debouncer\n\n    var index = roots.indexOf(this)\n    if (index >= 0) roots.splice(index, 1)\n\n    this.refidIndexMap.clear()\n    this._maxRefid = 0\n  }\n\n  isRoot() {\n    return true\n  }\n\n  /* Application Context */\n  get app() {\n    return this._app\n  }\n\n  get target_element() {\n    return this._target_element\n  }\n\n  set target_element(target) {\n    if (this._ua_event_handler) {\n      this._ua_event_handler.dispose()\n      delete this._ua_event_handler\n    }\n\n    if (target) {\n      target.style.position = 'absolute'\n      target.style.cursor = 'default'\n      target.style.overflow = 'hidden'\n\n      this._ua_event_handler = new Event.UAEventHandler(this, target)\n    }\n\n    this.forEach(layer => (layer.target = target))\n\n    this._target_element = target\n  }\n\n  /**\n   * Scene 모델의 단위(unit)을 감안한 기본 Scale 값을 제공한다.\n   * 통산 'mm', 'cm' 단위의 Scene은 각 값에 10배를 곱한 수치로 모델링된다.(값을 10으로 나눈값이 실제 단위와 일치한다.)\n   * unitScale의 의미는 scene에 unitScale값으로 scale하면, 각 단위값이 화면과 일치한다는 의미이다.\n   *\n   * 모델링의 수치단위가 픽셀이 아니고, mm, cm, inch 등의 단위인 경우에,\n   * 화면에서의 크기가 실물과 유사하게 보이는 수준의 기본 스케일을 제공하는 기능이다.\n   * 이 값은 내부적으로는, Ruler에서 눈금을 실제 자의 눈금과 일치시키기 위해서 사용한다.\n   */\n  get unitScale() {\n    switch (this.model_layer && this.model_layer.get('unit')) {\n      case 'mm':\n      case 'cm':\n      case 'in':\n        return this.app.PPM / 10\n\n      case 'px':\n      default:\n        return 1\n    }\n  }\n\n  addTemplate(prefix, component) {\n    var old = this.templateMap[prefix]\n    if (old) error('Template replaced (duplicated)', prefix, component, old)\n\n    this.templateMap[prefix] = component\n    delete this.templatePrefixes\n  }\n\n  removeTemplate(prefix, component) {\n    var old = this.templateMap[prefix]\n\n    if (old !== component) warn('Removing template failed (different)', prefix, component, old)\n    else delete this.templateMap[prefix]\n\n    delete this.templatePrefixes\n  }\n\n  findTemplateFor(id) {\n    if (!this.templatePrefixes) this.templatePrefixes = Object.keys(this.templateMap).sort().reverse()\n\n    var prefix = this.templatePrefixes.find(prefix => {\n      return id.startsWith(prefix)\n    })\n    if (prefix) return this.templateMap[prefix]\n  }\n\n  addIndex(id, component) {\n    var old = this.indexMap[id]\n    if (old) error('Index replaced (duplicated)', id, component, old)\n\n    this.indexMap[id] = component\n  }\n\n  removeIndex(id, component) {\n    var old = this.indexMap[id]\n\n    if (old !== component) warn('Removing index failed (different)', id, component, old)\n    else delete this.indexMap[id]\n  }\n\n  addRefidIndex(refid, component) {\n    if (refid === undefined) {\n      refid = this.getNewRefid()\n      component.set('refid', refid)\n    }\n\n    this._maxRefid = Math.max(refid, this._maxRefid)\n\n    var old = this.refidIndexMap.get(refid)\n    if (old) {\n      error('Refid Index replaced (has not to be)', refid, component, old)\n    }\n\n    this.refidIndexMap.set(refid, component)\n  }\n\n  removeRefidIndex(refid, component) {\n    if (refid == null) {\n      return\n    }\n\n    var old = this.refidIndexMap.get(refid)\n\n    if (old !== component) {\n      error('Refid Removing index failed (has not to be)', refid, component, old)\n    } else {\n      this.refidIndexMap.delete(refid)\n    }\n  }\n\n  getNewRefid() {\n    this._maxRefid = (this._maxRefid || 0) + 1\n    return this._maxRefid\n  }\n\n  async subscribe(tag, component) {\n    if (this._app.isViewMode && tag && this._app) {\n      component._subscription = await this._app.subscribe(tag, component)\n    }\n  }\n\n  async unsubscribe(tag, component) {\n    if (component._subscription) {\n      await component._subscription.unsubscribe()\n      delete component._subscription\n    }\n  }\n\n  findById(id) {\n    return this.indexMap[id.replace(/^#/, '')]\n  }\n\n  findByRefid(refid) {\n    return this.refidIndexMap.get(refid)\n  }\n\n  findOrCreate(id) {\n    var component = this.indexMap[id]\n\n    if (!component) {\n      let template = this.findTemplateFor(id)\n      if (template) {\n        let clone = Object.assign(Utils.clone(template.hierarchy), {\n          id: id,\n          templatePrefix: ''\n        })\n        component = compile(clone, this.app)\n        this.model_layer.addComponent(component)\n      }\n    }\n\n    return component\n  }\n\n  resize() {\n    this.components.forEach(c => {\n      if (c.resize) c.resize()\n    })\n    this.invalidate()\n  }\n\n  _disposeAllResources() {\n    this.selected = []\n    this._focused = null\n\n    this._ready = false\n\n    /*\n     * 리빌드를 위해서 초기화한다.\n     */\n\n    if (this.eventEngine) {\n      this.assist_handlers &&\n        this.assist_handlers.forEach(listener => {\n          this.eventEngine.remove(listener)\n        })\n      this.eventEngine.dispose()\n      delete this.eventEngine\n    }\n\n    /* layer 정보에 맞춰서 layer 객체들을 소멸시킨다. */\n    this.assist_layers &&\n      this.assist_layers.forEach(layer => {\n        layer.dispose()\n        this.removeComponent(layer)\n      })\n    delete this.assist_layers\n\n    /*\n     * 컨텐츠 모델 레이어를 새로 구축한다\n     */\n    this.model_layer && this.model_layer.dispose()\n    this.model_layer && this.removeComponent(this.model_layer)\n    delete this.model_layer\n\n    // indexMap을 초기화한다.\n    this.indexMap = {}\n    this.refidIndexMap = new Map()\n    this.templateMap = {}\n  }\n\n  rebuildContentModel(contentModel) {\n    this._disposeAllResources()\n\n    this.eventEngine = new Event.Engine(this)\n\n    /*\n     * 컨텐츠 모델 레이어를 새로 구축한다\n     */\n    contentModel = contentModel || {}\n    contentModel.type = 'model-layer'\n\n    this.model_layer = compile(contentModel, this.app)\n\n    this.addComponent(this.model_layer)\n    // target Element 아래에 기본 레이어를 만든다.\n    // 기본 레이어는 모델을 표현할 바탕 canvas 로 만들어진다.\n    this.model_layer.target = this.target_element\n\n    /* layer 정보에 맞춰서 assist layer 객체들을 생성한다. */\n    this.assist_layers = (this.model.layers || []).map(layer => {\n      var compiled = compile(layer, this.app)\n\n      this.addComponent(compiled)\n      compiled.target = this.target_element\n\n      return compiled\n    })\n\n    /* Event Handler Map을 추가한다. */\n    this.assist_handlers = (this.model.handlers || []).map(eventMapName => {\n      /* Listener로 임의의 오브젝트를 만들어서 제공한다. */\n      var handler = {}\n      this.eventEngine.add(handler, EventMap.EventMap.get(eventMapName))\n      return handler\n    })\n\n    this._ready = true\n    this.traverse(component => component.ready())\n  }\n\n  get root() {\n    return this\n  }\n\n  get anchors() {\n    return\n  }\n\n  /**\n   * 모델들이 다 생성되고 준비되었는지를 알려준다.\n   */\n  get isReady() {\n    return this._ready\n  }\n\n  get rootModel() {\n    return this.model_layer\n  }\n\n  get stuck() {\n    return true\n  }\n\n  get data() {\n    return Object.values(this.indexMap).reduce((result, component) => {\n      let model = component.model\n\n      result[model.id] = component.data\n\n      return result\n    }, {})\n  }\n\n  set data(data) {\n    for (var key in data) {\n      var component = this.findOrCreate(key)\n\n      if (!component) continue\n\n      component.data = data[key]\n    }\n  }\n\n  get dataByRefid() {\n    var data = {}\n\n    for (let [refid, component] of this.refidIndexMap.entries()) {\n      data[refid] = component.data\n    }\n\n    return data\n  }\n\n  set dataByRefid(data) {\n    for (var ref in data) {\n      var component = this.findByRefid(Number(ref))\n      if (!component) continue\n      component.data = data[ref]\n    }\n  }\n\n  get values() {\n    return Object.values(this.indexMap).reduce((result, component) => {\n      let model = component.model\n\n      result[model.id] = component.value\n\n      return result\n    }, {})\n  }\n\n  set values(value) {\n    for (var key in value) {\n      var component = this.findOrCreate(key)\n\n      if (!component) continue\n\n      component.value = value[key]\n    }\n  }\n\n  get valuesByRefid() {\n    var value = {}\n\n    for (let [refid, component] of this.refidIndexMap.entries()) {\n      value[refid] = component.value\n    }\n\n    return value\n  }\n\n  set valuesByRefid(value) {\n    for (var ref in value) {\n      var component = this.findByRefid(Number(ref))\n      if (!component) continue\n      component.value = value[ref]\n    }\n  }\n\n  get selected() {\n    return (this._selected || []).filter(component => component.parent)\n  }\n\n  set selected(after) {\n    var before = this._selected\n    this._selected = after\n\n    this.trigger('selected', after, before)\n  }\n\n  get focused() {\n    return this._focused\n  }\n\n  set focused(container) {\n    if (this._focused === container) return\n\n    this._focused = container\n    this.invalidate()\n  }\n\n  get style() {\n    return this._style\n  }\n\n  set style(style) {\n    this._style = style\n    this._compiled_style = Style.compile(style)\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n\n  render() {\n    this.components.forEach(m => m.draw())\n  }\n\n  /* 최상위 객체는 항상 true를 리턴해야 한다. */\n  contains(x, y) {\n    return true\n  }\n\n  /*\n   * capturePath(path) 파라미터로 주어진 path를 포함하는 컨테이너를 찾는다.\n   * @path\n   * @excepts 컨테이너를 찾을 때 제외되는 대상이다.\n   */\n\n  capturePath(path, excepts) {\n    return this.model_layer.capturePath(path, excepts)\n  }\n\n  invalidate() {\n    this.components.forEach(m => m.invalidate())\n  }\n\n  get eventMap() {\n    return {\n      '(root)': {\n        '(descendant)': {\n          added: this.onadded,\n          removed: this.onremoved,\n          change: this.onchanged\n        }\n      }\n    }\n  }\n\n  refreshMappings() {\n    if (!this._refresh_mapping_debouncer) {\n      if (this.disposed) return\n\n      this._refresh_mapping_debouncer = Utils.debounce(function mapper(comp) {\n        comp.executeMappings()\n        comp.components && comp.components.forEach(child => mapper(child))\n      }, 1000)\n    }\n\n    this._refresh_mapping_debouncer(this.model_layer)\n  }\n\n  _addTraverse(component) {\n    if (component.components) component.components.forEach(child => this._addTraverse(child))\n\n    var { id, refid, tag, templatePrefix } = component.model\n\n    this.addRefidIndex(refid, component)\n\n    if (id) this.addIndex(id, component)\n    if (tag) this.subscribe(tag, component)\n\n    if (templatePrefix) this.addTemplate(templatePrefix, component)\n\n    var eventMap = Utils.merge({}, component.eventMap, component.model.eventMap)\n    this.eventEngine.add(component, eventMap)\n  }\n\n  _removeTraverse(component) {\n    if (component.components) component.components.forEach(child => this._removeTraverse(child))\n\n    var { id, refid, tag, templatePrefix } = component.model\n\n    this.removeRefidIndex(refid, component)\n\n    if (id) this.removeIndex(id, component)\n    if (tag) this.unsubscribe(tag, component)\n\n    if (templatePrefix) this.removeTemplate(templatePrefix, component)\n\n    this.eventEngine.remove(component)\n  }\n\n  onadded(container, component) {\n    this._addTraverse(component)\n    this.refreshMappings()\n\n    this.invalidate()\n  }\n\n  onremoved(container, component) {\n    this._removeTraverse(component)\n\n    this.invalidate()\n  }\n\n  onchanged(after, before, hint) {\n    if (before.templatePrefix) this.removeTemplate(before.templatePrefix, hint.origin)\n\n    if (after.templatePrefix) this.addTemplate(after.templatePrefix, hint.origin)\n\n    if (before.id) this.removeIndex(before.id, hint.origin)\n\n    if (after.id) this.addIndex(after.id, hint.origin)\n\n    if (before.tag) this.unsubscribe(before.tag, hint.origin)\n\n    if (after.tag) this.subscribe(after.tag, hint.origin)\n\n    if (before.id != after.id || before.class != after.class) this.refreshMappings()\n  }\n}\n\nObject.assign(RootContainer.prototype, {\n  fit\n})\n\nComponent.memoize(RootContainer.prototype, 'unitScale', false)\n"]}

package/dist/components/ruler.d.ts

@@ -0,0 +1,16 @@
+declare const Ruler_base: {
+    new (): {
+        [x: string]: any;
+        contains(x: any, y: any): boolean;
+        path: {
+            x: any;
+            y: any;
+        }[];
+        readonly anchors: import("./anchor/anchor").Anchor[];
+    };
+    [x: string]: any;
+};
+export default class Ruler extends Ruler_base {
+    render(ctx: any): void;
+}
+export {};

package/dist/components/ruler.js

@@ -0,0 +1,77 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import Component from './component';
+import Shape from './shape';
+import RectPath from './mixins/rect-path';
+import * as Const from '../const';
+const STEPS = [1, 2, 10, 20, 50, 50, 50, 50, 50, 50];
+export default class Ruler extends RectPath(Shape) {
+    render(ctx) {
+        const { lineWidth = 1, fillStyle = 'lightgray', font = '15px Arial', left, top, rotation, origin, margin, width, height, side = 'bottom', strokeStyle = '#000000', scale = 1 } = this.state;
+        /* 좌표 기준을 0, 0로 하기위해서 이동 */
+        ctx.translate(left, top);
+        // Clipping (여유있게 박스를 잡아주지 않으면.. 회전시 edge가 지저분해보인다.)
+        ctx.beginPath();
+        const clip_bound = Math.round(lineWidth / 2);
+        ctx.rect(-clip_bound, -clip_bound, width + clip_bound * 2, height + clip_bound * 2);
+        ctx.clip();
+        // Boxing
+        ctx.beginPath();
+        ctx.rect(0, 0, width, height);
+        if (fillStyle) {
+            ctx.fillStyle = fillStyle;
+            ctx.fill();
+        }
+        ctx.lineWidth = lineWidth;
+        ctx.strokeStyle = strokeStyle;
+        ctx.stroke();
+        // Draw Scales & Text
+        ctx.beginPath();
+        ctx.font = font;
+        // 자의 눈금을 위쪽에 그리는 경우에는 top_side가 true이다.
+        var top_side = side !== 'bottom';
+        var end_pos = top_side ? 0 : height;
+        var ypos_mm = (height * 4) / 5;
+        var ypos_5m = (height * 2) / 3;
+        var ypos_cm = (height * 1) / 2;
+        var ypos_txt = (height * 3) / 5;
+        if (top_side) {
+            ypos_mm = height - ypos_mm;
+            ypos_5m = height - ypos_5m;
+            ypos_cm = height - ypos_cm;
+            ypos_txt = height - (height * 1.5) / 5;
+        }
+        var ppm = (scale * this.app.PPM) / this.root.unitScale;
+        var idx = Math.ceil(origin / ppm); // First Index
+        var ratio = this.app.PPM / ppm;
+        var step = ratio <= 1.1 ? 1 : STEPS[Math.round(ratio)] || 100;
+        if (step != 1)
+            idx += (step - (idx % step)) % step;
+        var pos = Math.ceil(idx * ppm);
+        var end = origin + width;
+        ctx.fillStyle = strokeStyle;
+        while (pos < end) {
+            if (idx % 10 == 0) {
+                ctx.moveTo(pos - origin, ypos_cm);
+                ctx.lineTo(pos - origin, end_pos);
+                // 센티미터 눈금 글자를 쓴다.
+                let text = (idx / 10).toString();
+                let metrics = ctx.measureText(text);
+                ctx.fillText(text, pos - origin - metrics.width - 6, ypos_txt);
+            }
+            else if (idx % 5 == 0) {
+                ctx.moveTo(pos - origin, ypos_5m);
+                ctx.lineTo(pos - origin, end_pos);
+            }
+            else {
+                ctx.moveTo(pos - origin, ypos_mm);
+                ctx.lineTo(pos - origin, end_pos);
+            }
+            idx += step;
+            pos = Math.ceil(idx * ppm);
+        }
+    }
+}
+Component.register('ruler', Ruler);
+//# sourceMappingURL=ruler.js.map

package/dist/components/ruler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ruler.js","sourceRoot":"","sources":["../../src/components/ruler.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport Component from './component'\nimport Shape from './shape'\nimport RectPath from './mixins/rect-path'\n\nimport * as Const from '../const'\n\nconst STEPS = [1, 2, 10, 20, 50, 50, 50, 50, 50, 50]\n\nexport default class Ruler extends RectPath(Shape) {\n  render(ctx) {\n    const {\n      lineWidth = 1,\n      fillStyle = 'lightgray',\n      font = '15px Arial',\n      left,\n      top,\n      rotation,\n      origin,\n      margin,\n      width,\n      height,\n      side = 'bottom',\n      strokeStyle = '#000000',\n      scale = 1\n    } = this.state\n\n    /* 좌표 기준을 0, 0로 하기위해서 이동 */\n    ctx.translate(left, top)\n\n    // Clipping (여유있게 박스를 잡아주지 않으면.. 회전시 edge가 지저분해보인다.)\n    ctx.beginPath()\n\n    const clip_bound = Math.round(lineWidth / 2)\n    ctx.rect(-clip_bound, -clip_bound, width + clip_bound * 2, height + clip_bound * 2)\n    ctx.clip()\n\n    // Boxing\n    ctx.beginPath()\n\n    ctx.rect(0, 0, width, height)\n\n    if (fillStyle) {\n      ctx.fillStyle = fillStyle\n      ctx.fill()\n    }\n    ctx.lineWidth = lineWidth\n    ctx.strokeStyle = strokeStyle\n\n    ctx.stroke()\n\n    // Draw Scales & Text\n    ctx.beginPath()\n\n    ctx.font = font\n\n    // 자의 눈금을 위쪽에 그리는 경우에는 top_side가 true이다.\n    var top_side = side !== 'bottom'\n\n    var end_pos = top_side ? 0 : height\n\n    var ypos_mm = (height * 4) / 5\n    var ypos_5m = (height * 2) / 3\n    var ypos_cm = (height * 1) / 2\n    var ypos_txt = (height * 3) / 5\n\n    if (top_side) {\n      ypos_mm = height - ypos_mm\n      ypos_5m = height - ypos_5m\n      ypos_cm = height - ypos_cm\n      ypos_txt = height - (height * 1.5) / 5\n    }\n\n    var ppm = (scale * this.app.PPM) / this.root.unitScale\n\n    var idx = Math.ceil(origin / ppm) // First Index\n\n    var ratio = this.app.PPM / ppm\n    var step = ratio <= 1.1 ? 1 : STEPS[Math.round(ratio)] || 100\n\n    if (step != 1) idx += (step - (idx % step)) % step\n\n    var pos = Math.ceil(idx * ppm)\n    var end = origin + width\n\n    ctx.fillStyle = strokeStyle\n\n    while (pos < end) {\n      if (idx % 10 == 0) {\n        ctx.moveTo(pos - origin, ypos_cm)\n        ctx.lineTo(pos - origin, end_pos)\n\n        // 센티미터 눈금 글자를 쓴다.\n        let text = (idx / 10).toString()\n        let metrics = ctx.measureText(text)\n\n        ctx.fillText(text, pos - origin - metrics.width - 6, ypos_txt)\n      } else if (idx % 5 == 0) {\n        ctx.moveTo(pos - origin, ypos_5m)\n        ctx.lineTo(pos - origin, end_pos)\n      } else {\n        ctx.moveTo(pos - origin, ypos_mm)\n        ctx.lineTo(pos - origin, end_pos)\n      }\n\n      idx += step\n      pos = Math.ceil(idx * ppm)\n    }\n  }\n}\n\nComponent.register('ruler', Ruler)\n"]}

package/dist/components/shape.d.ts

@@ -0,0 +1,25 @@
+/// <reference path="../../things-scene.d.ts" />
+/**
+ * Shape 컴포넌트는 단순한 형태의 컴포넌트의 공통 기능을 정의한 추상클래스이다.
+ * 단순한 형태의 컴포넌트란
+ * - 컴포넌트 전체에서 라인 스타일이 하나만 사용된다.
+ * - 컴포넌트 전체에서 FILL 스타일이 하나만 사용된다.
+ *
+ * 이런 단순한 컴포넌트는 render 메쏘드에서 모든 패스를 lineTo로 그리기만 하고
+ * postrender에서 Fill, Stroke을 일괄적으로 한다.
+ */
+export default class Shape extends Component {
+    set rotationX(arg: any);
+    get rotationX(): any;
+    set rotationY(arg: any);
+    get rotationY(): any;
+    set rotationZ(arg: any);
+    get rotationZ(): any;
+    set zPos(arg: any);
+    get zPos(): any;
+    set depth(arg: any);
+    get depth(): any;
+    postrender(context: any): void;
+    render(ctx: any): void;
+}
+import { Component } from "@hatiolab/things-scene";