dom-render 1.0.90 → 1.0.91

package/operators/OperatorExecuterAttrRequire.js

@@ -0,0 +1,55 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OperatorExecuterAttrRequire = void 0;
+var OperatorExecuter_1 = require("./OperatorExecuter");
+// export type OperatorAround = {
+//     beforeAttr?: (value: string, obj: any) => string,
+//     before?: (data: any, obj: any) => any,
+//     after?: (data: any, obj: any) => void,
+// }
+//
+// export enum ExecuteState {
+//     EXECUTE,
+//     NO_EXECUTE,
+//     STOP
+// }
+//
+// export type AfterCallBack = {
+//     onAttrInitCallBacks: AttrInitCallBack[],
+//     onElementInitCallBacks: ElementInitCallBack[],
+//     onThisComponentSetCallBacks: ComponentSet[]
+// }
+var OperatorExecuterAttrRequire = /** @class */ (function (_super) {
+    __extends(OperatorExecuterAttrRequire, _super);
+    function OperatorExecuterAttrRequire(rawSet, render, returnContainer, elementSource, source, afterCallBack, startingExecute) {
+        if (startingExecute === void 0) { startingExecute = true; }
+        return _super.call(this, rawSet, render, returnContainer, elementSource, source, afterCallBack, startingExecute) || this;
+    }
+    ;
+    // executes(): ExecuteState {
+    //      return ExecuteState.EXECUTE;
+    //  }
+    OperatorExecuterAttrRequire.prototype.execute = function (data) {
+        if (!this.elementSource.attr) {
+            return OperatorExecuter_1.ExecuteState.NO_EXECUTE;
+        }
+        return this.executeAttrRequire(data);
+    };
+    return OperatorExecuterAttrRequire;
+}(OperatorExecuter_1.OperatorExecuter));
+exports.OperatorExecuterAttrRequire = OperatorExecuterAttrRequire;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dom-render",
-  "version": "1.0.90",
+  "version": "1.0.91",
   "main": "DomRender.js",
   "license": "MIT",
   "description": "html view template engine",

package/rawsets/RawSet.d.ts

@@ -48,7 +48,7 @@ export declare class RawSet {
     static readonly DR_ON_CONSTRUCTOR_ARGUMENTS_OPTIONNAME = "dr-on-constructor:arguments";
     static readonly drAttrsOriginName: Attrs;
     static readonly DR_TAGS: never[];
-    static readonly DR_ATTRIBUTES: string[];
+    static readonly DR_ATTRIBUTES: readonly ["dr", "dr-appender", "dr-if", "dr-for-of", "dr-for", "dr-this", "dr-form", "dr-pre", "dr-inner-html", "dr-inner-text", "dr-repeat", "dr-detect"];
     constructor(uuid: string, type: RawSetType, point: {
         start: Comment | Text | HTMLMetaElement;
         node: Node;

package/rawsets/RawSet.js

@@ -31,7 +31,7 @@ var DomUtils_1 = require("../utils/dom/DomUtils");
 var DrPre_1 = require("../operators/DrPre");
 var Dr_1 = require("../operators/Dr");
 var DrIf_1 = require("../operators/DrIf");
-var OperatorRender_1 = require("../operators/OperatorRender");
+var OperatorExecuter_1 = require("../operators/OperatorExecuter");
 var DrThis_1 = require("../operators/DrThis");
 var DrForm_1 = require("../operators/DrForm");
 var DrInnerText_1 = require("../operators/DrInnerText");
@@ -110,15 +110,15 @@ var RawSet = /** @class */ (function () {
     // 중요 render 처리 부분
     RawSet.prototype.render = function (obj, config) {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
         var genNode = config.window.document.importNode(this.fragment, true);
         var raws = [];
         var onAttrInitCallBacks = [];
         var onElementInitCallBacks = [];
         var onThisComponentSetCallBacks = [];
         var drAttrs = [];
-        for (var _i = 0, _m = Array.from(genNode.childNodes.values()); _i < _m.length; _i++) {
-            var cNode = _m[_i];
+        for (var _i = 0, _y = Array.from(genNode.childNodes.values()); _i < _y.length; _i++) {
+            var cNode = _y[_i];
             var attribute = {};
             if (cNode.nodeType === Node.ELEMENT_NODE) {
                 attribute = DomUtils_1.DomUtils.getAttributeToObject(cNode);
@@ -184,27 +184,27 @@ var RawSet = /** @class */ (function () {
                 };
                 drAttrs.push(drAttr);
                 var operators = [
-                    new DrPre_1.DrPre(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new Dr_1.Dr(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrIf_1.DrIf(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrThis_1.DrThis(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrForm_1.DrForm(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrInnerText_1.DrInnerText(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrInnerHTML_1.DrInnerHTML(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrFor_1.DrFor(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrForOf_1.DrForOf(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrAppender_1.DrAppender(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
-                    new DrRepeat_1.DrRepeat(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrPre_1.DrPre(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drPre, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_b = config.operatorAround) === null || _b === void 0 ? void 0 : _b.drPre }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new Dr_1.Dr(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.dr, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_c = config.operatorAround) === null || _c === void 0 ? void 0 : _c.dr }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrIf_1.DrIf(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drIf, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_d = config.operatorAround) === null || _d === void 0 ? void 0 : _d.drIf }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrThis_1.DrThis(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drThis, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_e = config.operatorAround) === null || _e === void 0 ? void 0 : _e.drThis }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrForm_1.DrForm(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drForm, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_f = config.operatorAround) === null || _f === void 0 ? void 0 : _f.drForm }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrInnerText_1.DrInnerText(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drInnerText, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_g = config.operatorAround) === null || _g === void 0 ? void 0 : _g.drInnerText }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrInnerHTML_1.DrInnerHTML(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drInnerHTML, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_h = config.operatorAround) === null || _h === void 0 ? void 0 : _h.drInnerHTML }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrFor_1.DrFor(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drFor, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_j = config.operatorAround) === null || _j === void 0 ? void 0 : _j.drFor }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrForOf_1.DrForOf(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drForOf, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_k = config.operatorAround) === null || _k === void 0 ? void 0 : _k.drForOf }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrAppender_1.DrAppender(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drAppender, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_l = config.operatorAround) === null || _l === void 0 ? void 0 : _l.drAppender }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
+                    new DrRepeat_1.DrRepeat(this, __render, { raws: raws, fag: fag }, { element: element, attr: drAttr.drRepeat, attrs: drAttr }, { config: config, obj: obj, operatorAround: (_m = config.operatorAround) === null || _m === void 0 ? void 0 : _m.drRepeat }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
                     new DrTargetElement_1.DrTargetElement(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks }),
                     new DrTargetAttr_1.DrTargetAttr(this, __render, { raws: raws, fag: fag }, { element: element, attrs: drAttr }, { config: config, obj: obj }, { onAttrInitCallBacks: onAttrInitCallBacks, onElementInitCallBacks: onElementInitCallBacks, onThisComponentSetCallBacks: onThisComponentSetCallBacks })
                 ];
-                for (var _o = 0, operators_1 = operators; _o < operators_1.length; _o++) {
-                    var operator = operators_1[_o];
-                    var state = operator.execRender();
-                    if (state === OperatorRender_1.ExecuteState.EXECUTE) {
+                for (var _z = 0, operators_1 = operators; _z < operators_1.length; _z++) {
+                    var operator = operators_1[_z];
+                    var state = operator.start();
+                    if (state === OperatorExecuter_1.ExecuteState.EXECUTE) {
                         break;
                     }
-                    else if (state === OperatorRender_1.ExecuteState.STOP) {
+                    else if (state === OperatorExecuter_1.ExecuteState.STOP) {
                         return raws;
                     }
                 }
@@ -225,13 +225,13 @@ var RawSet = /** @class */ (function () {
         });
         // 중요 style isolation 나중에 :scope로 대체 가능할듯.
         RawSet.generateStyleSheetsLocal();
-        for (var _p = 0, onThisComponentSetCallBacks_1 = onThisComponentSetCallBacks; _p < onThisComponentSetCallBacks_1.length; _p++) {
-            var it_1 = onThisComponentSetCallBacks_1[_p];
-            (_c = (_b = it_1.obj) === null || _b === void 0 ? void 0 : _b.onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
+        for (var _0 = 0, onThisComponentSetCallBacks_1 = onThisComponentSetCallBacks; _0 < onThisComponentSetCallBacks_1.length; _0++) {
+            var it_1 = onThisComponentSetCallBacks_1[_0];
+            (_p = (_o = it_1.obj) === null || _o === void 0 ? void 0 : _o.onInitRender) === null || _p === void 0 ? void 0 : _p.call(_o);
         }
-        for (var _q = 0, onElementInitCallBacks_1 = onElementInitCallBacks; _q < onElementInitCallBacks_1.length; _q++) {
-            var it_2 = onElementInitCallBacks_1[_q];
-            if (((_e = (_d = it_2.targetElement) === null || _d === void 0 ? void 0 : _d.__render) === null || _e === void 0 ? void 0 : _e.element) && ((_g = (_f = it_2.targetElement) === null || _f === void 0 ? void 0 : _f.__render) === null || _g === void 0 ? void 0 : _g.component)) {
+        for (var _1 = 0, onElementInitCallBacks_1 = onElementInitCallBacks; _1 < onElementInitCallBacks_1.length; _1++) {
+            var it_2 = onElementInitCallBacks_1[_1];
+            if (((_r = (_q = it_2.targetElement) === null || _q === void 0 ? void 0 : _q.__render) === null || _r === void 0 ? void 0 : _r.element) && ((_t = (_s = it_2.targetElement) === null || _s === void 0 ? void 0 : _s.__render) === null || _t === void 0 ? void 0 : _t.component)) {
                 var oninit = it_2.targetElement.__render.element.getAttribute(RawSet.DR_ON_INIT_ARGUMENTS_OPTIONNAME); // dr-on-component-init
                 var param = [];
                 if (oninit) {
@@ -243,14 +243,14 @@ var RawSet = /** @class */ (function () {
                         param = [param];
                     }
                 }
-                (_j = (_h = it_2.targetElement.__render.component).onInitRender) === null || _j === void 0 ? void 0 : _j.call.apply(_j, __spreadArray([_h], param, false));
+                (_v = (_u = it_2.targetElement.__render.component).onInitRender) === null || _v === void 0 ? void 0 : _v.call.apply(_v, __spreadArray([_u], param, false));
             }
-            (_k = config === null || config === void 0 ? void 0 : config.onElementInit) === null || _k === void 0 ? void 0 : _k.call(config, it_2.name, obj, this, it_2.targetElement);
+            (_w = config === null || config === void 0 ? void 0 : config.onElementInit) === null || _w === void 0 ? void 0 : _w.call(config, it_2.name, obj, this, it_2.targetElement);
         }
         // TODO: 이부분도 위에 targetElement 처럼 해야될까?
-        for (var _r = 0, onAttrInitCallBacks_1 = onAttrInitCallBacks; _r < onAttrInitCallBacks_1.length; _r++) {
-            var it_3 = onAttrInitCallBacks_1[_r];
-            (_l = config === null || config === void 0 ? void 0 : config.onAttrInit) === null || _l === void 0 ? void 0 : _l.call(config, it_3.attrName, it_3.attrValue, obj, this);
+        for (var _2 = 0, onAttrInitCallBacks_1 = onAttrInitCallBacks; _2 < onAttrInitCallBacks_1.length; _2++) {
+            var it_3 = onAttrInitCallBacks_1[_2];
+            (_x = config === null || config === void 0 ? void 0 : config.onAttrInit) === null || _x === void 0 ? void 0 : _x.call(config, it_3.attrName, it_3.attrValue, obj, this);
         }
         // component destroy
         if (obj.__domrender_components) {

package/operators/OperatorRender.d.ts

@@ -1,45 +0,0 @@
-import { RawSet } from '../rawsets/RawSet';
-import { ComponentSet } from '../components/ComponentSet';
-import { Config } from '../configs/Config';
-import { Attrs } from '../rawsets/Attrs';
-import { AttrInitCallBack } from '../rawsets/AttrInitCallBack';
-import { ElementInitCallBack } from '../rawsets/ElementInitCallBack';
-import { Render } from '../rawsets/Render';
-export declare enum ExecuteState {
-    EXECUTE = 0,
-    NO_EXECUTE = 1,
-    STOP = 2
-}
-export declare type AfterCallBack = {
-    onAttrInitCallBacks: AttrInitCallBack[];
-    onElementInitCallBacks: ElementInitCallBack[];
-    onThisComponentSetCallBacks: ComponentSet[];
-};
-export declare abstract class OperatorRender {
-    rawSet: RawSet;
-    render: Render;
-    returnContainer: {
-        raws: RawSet[];
-        fag: DocumentFragment;
-    };
-    elementSource: {
-        element: Element;
-        attrs: Attrs;
-    };
-    source: {
-        config: Config;
-        obj: any;
-    };
-    afterCallBack: AfterCallBack;
-    constructor(rawSet: RawSet, render: Render, returnContainer: {
-        raws: RawSet[];
-        fag: DocumentFragment;
-    }, elementSource: {
-        element: Element;
-        attrs: Attrs;
-    }, source: {
-        config: Config;
-        obj: any;
-    }, afterCallBack: AfterCallBack);
-    abstract execRender(): ExecuteState;
-}

package/operators/OperatorRender.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OperatorRender = exports.ExecuteState = void 0;
-var ExecuteState;
-(function (ExecuteState) {
-    ExecuteState[ExecuteState["EXECUTE"] = 0] = "EXECUTE";
-    ExecuteState[ExecuteState["NO_EXECUTE"] = 1] = "NO_EXECUTE";
-    ExecuteState[ExecuteState["STOP"] = 2] = "STOP";
-})(ExecuteState = exports.ExecuteState || (exports.ExecuteState = {}));
-var OperatorRender = /** @class */ (function () {
-    function OperatorRender(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
-        this.rawSet = rawSet;
-        this.render = render;
-        this.returnContainer = returnContainer;
-        this.elementSource = elementSource;
-        this.source = source;
-        this.afterCallBack = afterCallBack;
-    }
-    return OperatorRender;
-}());
-exports.OperatorRender = OperatorRender;