dom-render 1.0.92 → 1.0.94

package/DomRenderProxy.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -74,9 +74,9 @@ var DomRenderProxy = /** @class */ (function () {
     };
     DomRenderProxy.prototype.run = function (objProxy) {
         var _this = this;
-        var _a, _b;
+        var _a;
         this._domRender_proxy = objProxy;
-        (_b = (_a = objProxy) === null || _a === void 0 ? void 0 : _a.onProxyDomRender) === null || _b === void 0 ? void 0 : _b.call(_a, this.config);
+        (_a = objProxy === null || objProxy === void 0 ? void 0 : objProxy.onProxyDomRender) === null || _a === void 0 ? void 0 : _a.call(objProxy, this.config);
         var obj = objProxy._DomRender_origin;
         if (obj) {
             Object.keys(obj).forEach(function (it) {
@@ -266,29 +266,31 @@ var DomRenderProxy = /** @class */ (function () {
             // array같은경우도 키값으로 접근하기때문에 특정 인덱스를 찾아서 그부분만 바꿔줄수 있다.
             var fullPathStr_1 = strings.map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('').slice(1);
             if (lastDoneExecute) {
-                var iterable = this._rawSets.get(fullPathStr_1);
-                // console.log('----->', iterable);
+                var iterable_1 = this._rawSets.get(fullPathStr_1);
                 // array check
-                var front = strings.slice(0, strings.length - 1).map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('');
-                var last = strings[strings.length - 1];
-                var data = ScriptUtils_1.ScriptUtils.evalReturn('this' + front, this._domRender_proxy);
-                if (last === 'length' && Array.isArray(data)) {
-                    var aIterable = this._rawSets.get(front.slice(1));
-                    if (aIterable) {
-                        this.render(Array.from(aIterable));
+                var front_1 = strings.slice(0, strings.length - 1).map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('');
+                var last_1 = strings[strings.length - 1];
+                var data_1 = ScriptUtils_1.ScriptUtils.evalReturn('this' + front_1, this._domRender_proxy);
+                new Promise(function (resolve) {
+                    if (last_1 === 'length' && Array.isArray(data_1)) {
+                        var aIterable = _this._rawSets.get(front_1.slice(1));
+                        if (aIterable) {
+                            return _this.render(Array.from(aIterable));
+                        }
                     }
-                }
-                else if (iterable) {
-                    this.render(Array.from(iterable), fullPathStr_1);
-                }
-                this._targets.forEach(function (it) {
-                    // console.log('target------->,', it)
-                    // return;
-                    if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
-                        var targets = EventManager_1.eventManager.findAttrElements(it, _this.config);
-                        // console.log('------>', targets);
-                        EventManager_1.eventManager.changeVar(_this._domRender_proxy, targets, "this.".concat(fullPathStr_1), _this.config);
+                    else if (iterable_1) {
+                        return _this.render(Array.from(iterable_1), fullPathStr_1);
                     }
+                }).then(function (it) {
+                    _this._targets.forEach(function (it) {
+                        // console.log('target------->,', it)
+                        // return;
+                        if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
+                            var targets = EventManager_1.eventManager.findAttrElements(it, _this.config);
+                            // console.log('------>', targets);
+                            EventManager_1.eventManager.changeVar(_this._domRender_proxy, targets, "this.".concat(fullPathStr_1), _this.config);
+                        }
+                    });
                 });
             }
             fullPaths.push(fullPathStr_1);
@@ -296,7 +298,7 @@ var DomRenderProxy = /** @class */ (function () {
         return fullPaths;
     };
     DomRenderProxy.prototype.set = function (target, p, value, receiver) {
-        var _a, _b, _c;
+        var _a, _b;
         if (typeof p === 'string' && p !== '__domrender_components' && excludeGetSetPropertys.includes(p)) {
             target[p] = value;
             return true;
@@ -317,12 +319,12 @@ var DomRenderProxy = /** @class */ (function () {
         }
         // console.log('full path:', fullPath);
         if (('onBeforeReturnSet' in receiver) && typeof p === 'string' && !((_a = this.config.proxyExcludeOnBeforeReturnSets) !== null && _a !== void 0 ? _a : []).concat(excludeGetSetPropertys).includes(p)) {
-            (_c = (_b = receiver) === null || _b === void 0 ? void 0 : _b.onBeforeReturnSet) === null || _c === void 0 ? void 0 : _c.call(_b, p, value, fullPath);
+            (_b = receiver === null || receiver === void 0 ? void 0 : receiver.onBeforeReturnSet) === null || _b === void 0 ? void 0 : _b.call(receiver, p, value, fullPath);
         }
         return true;
     };
     DomRenderProxy.prototype.get = function (target, p, receiver) {
-        var _a, _b, _c;
+        var _a, _b;
         // console.log('get-->', target, p, receiver);
         if (p === '_DomRender_origin') {
             return this._domRender_origin;
@@ -353,7 +355,7 @@ var DomRenderProxy = /** @class */ (function () {
                 it_2 = it_2._DomRender_origin;
             }
             if (('onBeforeReturnGet' in receiver) && typeof p === 'string' && !((_a = this.config.proxyExcludeOnBeforeReturnGets) !== null && _a !== void 0 ? _a : []).concat(excludeGetSetPropertys).includes(p)) {
-                (_c = (_b = receiver) === null || _b === void 0 ? void 0 : _b.onBeforeReturnGet) === null || _c === void 0 ? void 0 : _c.call(_b, p, it_2, this.root([p], it_2, false));
+                (_b = receiver === null || receiver === void 0 ? void 0 : receiver.onBeforeReturnGet) === null || _b === void 0 ? void 0 : _b.call(receiver, p, it_2, this.root([p], it_2, false));
             }
             return it_2;
         }

package/components/ComponentSet.d.ts

@@ -1,4 +1,4 @@
-export declare type ComponentSetConfig = {
+export type ComponentSetConfig = {
     objPath?: string | null;
 };
 export declare class ComponentSet {

package/configs/Config.d.ts

@@ -6,7 +6,7 @@ import { TargetElement } from './TargetElement';
 import { TargetAttr } from './TargetAttr';
 import { Attrs } from '../rawsets/Attrs';
 import { OperatorAround } from '../operators/OperatorExecuter';
-export declare type Config = {
+export type Config = {
     window: Window;
     targetElements?: TargetElement[];
     targetAttrs?: TargetAttr[];
@@ -24,6 +24,9 @@ export declare type Config = {
     routerType?: 'hash' | 'path' | 'none';
     router?: Router;
     messenger?: Messenger;
+    eventVariables?: {
+        [n: string]: any;
+    };
     applyEvents?: {
         attrName: string;
         callBack: (elements: Element, attrValue: string, obj: any) => void;

package/configs/TargetAttr.d.ts

@@ -1,5 +1,5 @@
 import { RawSet } from '../rawsets/RawSet';
-export declare type TargetAttr = {
+export type TargetAttr = {
     name: string;
     callBack: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment;
     complete?: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => void;

package/configs/TargetElement.d.ts

@@ -3,7 +3,7 @@ import { Config } from './Config';
 import { Attrs } from '../rawsets/Attrs';
 import { CreatorMetaData } from '../rawsets/CreatorMetaData';
 import { Render } from '../rawsets/Render';
-export declare type TargetElement = {
+export type TargetElement = {
     name: string;
     template?: string;
     styles?: string[];