dom-render 1.0.92 → 1.0.94
Sign up to get free protection for your applications and to get access to all the features.
- package/DomRenderProxy.js +29 -27
- package/components/ComponentSet.d.ts +1 -1
- package/configs/Config.d.ts +4 -1
- package/configs/TargetAttr.d.ts +1 -1
- package/configs/TargetElement.d.ts +1 -1
- package/dist/bundle.js +274 -340
- package/events/EventManager.d.ts +1 -0
- package/events/EventManager.js +43 -54
- package/messenger/Messenger.d.ts +4 -4
- package/operators/Dr.js +1 -1
- package/operators/DrAppender.js +2 -4
- package/operators/DrFor.js +2 -4
- package/operators/DrForOf.js +2 -4
- package/operators/DrForm.js +1 -1
- package/operators/DrIf.js +2 -4
- package/operators/DrInnerHTML.js +1 -1
- package/operators/DrInnerText.js +1 -1
- package/operators/DrPre.js +2 -4
- package/operators/DrRepeat.js +2 -4
- package/operators/DrTargetAttr.js +2 -4
- package/operators/DrTargetElement.js +2 -4
- package/operators/DrThis.js +1 -1
- package/operators/OperatorExecuter.d.ts +5 -5
- package/operators/OperatorExecuter.js +1 -1
- package/operators/OperatorExecuterAttrRequire.js +1 -1
- package/package.json +1 -1
- package/rawsets/AttrInitCallBack.d.ts +1 -1
- package/rawsets/Attrs.d.ts +1 -1
- package/rawsets/CreatorMetaData.d.ts +1 -1
- package/rawsets/ElementInitCallBack.d.ts +1 -1
- package/rawsets/RawSet.js +1 -1
- package/rawsets/Render.d.ts +1 -1
- package/routers/Router.d.ts +1 -1
- package/utils/dom/DomUtils.d.ts +1 -1
- package/utils/node/NodeUtils.d.ts +1 -1
- package/validators/EmptyValidator.js +2 -2
- package/validators/NotEmptyValidator.js +2 -2
- package/validators/ValidMultipleValidator.d.ts +1 -1
- package/validators/Validator.d.ts +2 -2
- package/validators/ValidatorArray.d.ts +1 -1
package/DomRenderProxy.js
CHANGED
@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
14
14
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
15
15
|
function step(op) {
|
16
16
|
if (f) throw new TypeError("Generator is already executing.");
|
17
|
-
while (_) try {
|
17
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
18
18
|
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;
|
19
19
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
20
20
|
switch (op[0]) {
|
@@ -74,9 +74,9 @@ var DomRenderProxy = /** @class */ (function () {
|
|
74
74
|
};
|
75
75
|
DomRenderProxy.prototype.run = function (objProxy) {
|
76
76
|
var _this = this;
|
77
|
-
var _a
|
77
|
+
var _a;
|
78
78
|
this._domRender_proxy = objProxy;
|
79
|
-
(
|
79
|
+
(_a = objProxy === null || objProxy === void 0 ? void 0 : objProxy.onProxyDomRender) === null || _a === void 0 ? void 0 : _a.call(objProxy, this.config);
|
80
80
|
var obj = objProxy._DomRender_origin;
|
81
81
|
if (obj) {
|
82
82
|
Object.keys(obj).forEach(function (it) {
|
@@ -266,29 +266,31 @@ var DomRenderProxy = /** @class */ (function () {
|
|
266
266
|
// array같은경우도 키값으로 접근하기때문에 특정 인덱스를 찾아서 그부분만 바꿔줄수 있다.
|
267
267
|
var fullPathStr_1 = strings.map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('').slice(1);
|
268
268
|
if (lastDoneExecute) {
|
269
|
-
var
|
270
|
-
// console.log('----->', iterable);
|
269
|
+
var iterable_1 = this._rawSets.get(fullPathStr_1);
|
271
270
|
// array check
|
272
|
-
var
|
273
|
-
var
|
274
|
-
var
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
271
|
+
var front_1 = strings.slice(0, strings.length - 1).map(function (it) { return isNaN(Number(it)) ? '.' + it : "[".concat(it, "]"); }).join('');
|
272
|
+
var last_1 = strings[strings.length - 1];
|
273
|
+
var data_1 = ScriptUtils_1.ScriptUtils.evalReturn('this' + front_1, this._domRender_proxy);
|
274
|
+
new Promise(function (resolve) {
|
275
|
+
if (last_1 === 'length' && Array.isArray(data_1)) {
|
276
|
+
var aIterable = _this._rawSets.get(front_1.slice(1));
|
277
|
+
if (aIterable) {
|
278
|
+
return _this.render(Array.from(aIterable));
|
279
|
+
}
|
279
280
|
}
|
280
|
-
|
281
|
-
|
282
|
-
this.render(Array.from(iterable), fullPathStr_1);
|
283
|
-
}
|
284
|
-
this._targets.forEach(function (it) {
|
285
|
-
// console.log('target------->,', it)
|
286
|
-
// return;
|
287
|
-
if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
|
288
|
-
var targets = EventManager_1.eventManager.findAttrElements(it, _this.config);
|
289
|
-
// console.log('------>', targets);
|
290
|
-
EventManager_1.eventManager.changeVar(_this._domRender_proxy, targets, "this.".concat(fullPathStr_1), _this.config);
|
281
|
+
else if (iterable_1) {
|
282
|
+
return _this.render(Array.from(iterable_1), fullPathStr_1);
|
291
283
|
}
|
284
|
+
}).then(function (it) {
|
285
|
+
_this._targets.forEach(function (it) {
|
286
|
+
// console.log('target------->,', it)
|
287
|
+
// return;
|
288
|
+
if (it.nodeType === Node.DOCUMENT_FRAGMENT_NODE || it.nodeType === Node.ELEMENT_NODE) {
|
289
|
+
var targets = EventManager_1.eventManager.findAttrElements(it, _this.config);
|
290
|
+
// console.log('------>', targets);
|
291
|
+
EventManager_1.eventManager.changeVar(_this._domRender_proxy, targets, "this.".concat(fullPathStr_1), _this.config);
|
292
|
+
}
|
293
|
+
});
|
292
294
|
});
|
293
295
|
}
|
294
296
|
fullPaths.push(fullPathStr_1);
|
@@ -296,7 +298,7 @@ var DomRenderProxy = /** @class */ (function () {
|
|
296
298
|
return fullPaths;
|
297
299
|
};
|
298
300
|
DomRenderProxy.prototype.set = function (target, p, value, receiver) {
|
299
|
-
var _a, _b
|
301
|
+
var _a, _b;
|
300
302
|
if (typeof p === 'string' && p !== '__domrender_components' && excludeGetSetPropertys.includes(p)) {
|
301
303
|
target[p] = value;
|
302
304
|
return true;
|
@@ -317,12 +319,12 @@ var DomRenderProxy = /** @class */ (function () {
|
|
317
319
|
}
|
318
320
|
// console.log('full path:', fullPath);
|
319
321
|
if (('onBeforeReturnSet' in receiver) && typeof p === 'string' && !((_a = this.config.proxyExcludeOnBeforeReturnSets) !== null && _a !== void 0 ? _a : []).concat(excludeGetSetPropertys).includes(p)) {
|
320
|
-
(
|
322
|
+
(_b = receiver === null || receiver === void 0 ? void 0 : receiver.onBeforeReturnSet) === null || _b === void 0 ? void 0 : _b.call(receiver, p, value, fullPath);
|
321
323
|
}
|
322
324
|
return true;
|
323
325
|
};
|
324
326
|
DomRenderProxy.prototype.get = function (target, p, receiver) {
|
325
|
-
var _a, _b
|
327
|
+
var _a, _b;
|
326
328
|
// console.log('get-->', target, p, receiver);
|
327
329
|
if (p === '_DomRender_origin') {
|
328
330
|
return this._domRender_origin;
|
@@ -353,7 +355,7 @@ var DomRenderProxy = /** @class */ (function () {
|
|
353
355
|
it_2 = it_2._DomRender_origin;
|
354
356
|
}
|
355
357
|
if (('onBeforeReturnGet' in receiver) && typeof p === 'string' && !((_a = this.config.proxyExcludeOnBeforeReturnGets) !== null && _a !== void 0 ? _a : []).concat(excludeGetSetPropertys).includes(p)) {
|
356
|
-
(
|
358
|
+
(_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));
|
357
359
|
}
|
358
360
|
return it_2;
|
359
361
|
}
|
package/configs/Config.d.ts
CHANGED
@@ -6,7 +6,7 @@ import { TargetElement } from './TargetElement';
|
|
6
6
|
import { TargetAttr } from './TargetAttr';
|
7
7
|
import { Attrs } from '../rawsets/Attrs';
|
8
8
|
import { OperatorAround } from '../operators/OperatorExecuter';
|
9
|
-
export
|
9
|
+
export type Config = {
|
10
10
|
window: Window;
|
11
11
|
targetElements?: TargetElement[];
|
12
12
|
targetAttrs?: TargetAttr[];
|
@@ -24,6 +24,9 @@ export declare type Config = {
|
|
24
24
|
routerType?: 'hash' | 'path' | 'none';
|
25
25
|
router?: Router;
|
26
26
|
messenger?: Messenger;
|
27
|
+
eventVariables?: {
|
28
|
+
[n: string]: any;
|
29
|
+
};
|
27
30
|
applyEvents?: {
|
28
31
|
attrName: string;
|
29
32
|
callBack: (elements: Element, attrValue: string, obj: any) => void;
|
package/configs/TargetAttr.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { RawSet } from '../rawsets/RawSet';
|
2
|
-
export
|
2
|
+
export type TargetAttr = {
|
3
3
|
name: string;
|
4
4
|
callBack: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment;
|
5
5
|
complete?: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => void;
|
@@ -3,7 +3,7 @@ import { Config } from './Config';
|
|
3
3
|
import { Attrs } from '../rawsets/Attrs';
|
4
4
|
import { CreatorMetaData } from '../rawsets/CreatorMetaData';
|
5
5
|
import { Render } from '../rawsets/Render';
|
6
|
-
export
|
6
|
+
export type TargetElement = {
|
7
7
|
name: string;
|
8
8
|
template?: string;
|
9
9
|
styles?: string[];
|