dom-render 1.0.85 → 1.0.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DomRender.d.ts +6 -6
- package/DomRender.js +11 -6
- package/DomRenderProxy.d.ts +3 -3
- package/DomRenderProxy.js +3 -2
- package/README.MD +46 -16
- package/configs/Config.d.ts +26 -0
- package/{Config.js → configs/Config.js} +0 -0
- package/configs/TargetAttr.d.ts +6 -0
- package/configs/TargetAttr.js +2 -0
- package/configs/TargetElement.d.ts +14 -0
- package/configs/TargetElement.js +2 -0
- package/dist/bundle.js +275 -255
- package/events/EventManager.d.ts +1 -1
- package/lifecycle/OnDestroyRender.d.ts +1 -1
- package/lifecycle/OnInitRender.d.ts +2 -1
- package/lifecycle/OnProxyDomRender.d.ts +1 -1
- package/messenger/Messenger.d.ts +1 -1
- package/operators/Dr.js +1 -1
- package/operators/DrAppender.js +1 -1
- package/operators/DrFor.js +1 -1
- package/operators/DrForOf.js +1 -1
- package/operators/DrForm.js +1 -1
- package/operators/DrIf.js +1 -1
- package/operators/DrInnerHTML.js +1 -1
- package/operators/DrInnerText.js +1 -1
- package/operators/DrRepeat.js +1 -1
- package/operators/DrTargetAttr.js +1 -1
- package/operators/DrTargetElement.js +2 -2
- package/operators/DrThis.js +5 -2
- package/operators/OperatorRender.d.ts +6 -2
- package/package.json +6 -2
- package/rawsets/AttrInitCallBack.d.ts +5 -0
- package/rawsets/AttrInitCallBack.js +2 -0
- package/rawsets/Attrs.d.ts +21 -0
- package/rawsets/Attrs.js +2 -0
- package/rawsets/CreatorMetaData.d.ts +18 -0
- package/rawsets/CreatorMetaData.js +2 -0
- package/rawsets/DestroyOptionType.d.ts +4 -0
- package/rawsets/DestroyOptionType.js +8 -0
- package/rawsets/ElementInitCallBack.d.ts +8 -0
- package/rawsets/ElementInitCallBack.js +2 -0
- package/{RawSet.d.ts → rawsets/RawSet.d.ts} +18 -73
- package/{RawSet.js → rawsets/RawSet.js} +108 -109
- package/rawsets/RawSetType.d.ts +7 -0
- package/rawsets/RawSetType.js +11 -0
- package/rawsets/Render.d.ts +17 -0
- package/rawsets/Render.js +2 -0
- package/Config.d.ts +0 -38
@@ -20,41 +20,30 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
20
20
|
return to.concat(ar || Array.prototype.slice.call(from));
|
21
21
|
};
|
22
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
23
|
-
exports.RawSet =
|
24
|
-
var RandomUtils_1 = require("
|
25
|
-
var StringUtils_1 = require("
|
26
|
-
var ScriptUtils_1 = require("
|
27
|
-
var EventManager_1 = require("
|
28
|
-
var Range_1 = require("
|
29
|
-
var Types_1 = require("
|
30
|
-
var DomUtils_1 = require("
|
31
|
-
var DrPre_1 = require("
|
32
|
-
var Dr_1 = require("
|
33
|
-
var DrIf_1 = require("
|
34
|
-
var OperatorRender_1 = require("
|
35
|
-
var DrThis_1 = require("
|
36
|
-
var DrForm_1 = require("
|
37
|
-
var DrInnerText_1 = require("
|
38
|
-
var DrInnerHTML_1 = require("
|
39
|
-
var DrFor_1 = require("
|
40
|
-
var DrForOf_1 = require("
|
41
|
-
var DrAppender_1 = require("
|
42
|
-
var DrRepeat_1 = require("
|
43
|
-
var DrTargetElement_1 = require("
|
44
|
-
var DrTargetAttr_1 = require("
|
45
|
-
var DestroyOptionType;
|
46
|
-
|
47
|
-
DestroyOptionType["NO_DESTROY"] = "NO_DESTROY";
|
48
|
-
DestroyOptionType["NO_MESSENGER_DESTROY"] = "NO_MESSENGER_DESTROY";
|
49
|
-
})(DestroyOptionType = exports.DestroyOptionType || (exports.DestroyOptionType = {}));
|
50
|
-
var RawSetType;
|
51
|
-
(function (RawSetType) {
|
52
|
-
RawSetType["TEXT"] = "TEXT";
|
53
|
-
RawSetType["STYLE_TEXT"] = "STYLE_TEXT";
|
54
|
-
RawSetType["TARGET_ELEMENT"] = "TARGET_ELEMENT";
|
55
|
-
RawSetType["TARGET_ATTR"] = "TARGET_ATTR";
|
56
|
-
RawSetType["UNKOWN"] = "UNKOWN";
|
57
|
-
})(RawSetType = exports.RawSetType || (exports.RawSetType = {}));
|
23
|
+
exports.RawSet = void 0;
|
24
|
+
var RandomUtils_1 = require("../utils/random/RandomUtils");
|
25
|
+
var StringUtils_1 = require("../utils/string/StringUtils");
|
26
|
+
var ScriptUtils_1 = require("../utils/script/ScriptUtils");
|
27
|
+
var EventManager_1 = require("../events/EventManager");
|
28
|
+
var Range_1 = require("../iterators/Range");
|
29
|
+
var Types_1 = require("../types/Types");
|
30
|
+
var DomUtils_1 = require("../utils/dom/DomUtils");
|
31
|
+
var DrPre_1 = require("../operators/DrPre");
|
32
|
+
var Dr_1 = require("../operators/Dr");
|
33
|
+
var DrIf_1 = require("../operators/DrIf");
|
34
|
+
var OperatorRender_1 = require("../operators/OperatorRender");
|
35
|
+
var DrThis_1 = require("../operators/DrThis");
|
36
|
+
var DrForm_1 = require("../operators/DrForm");
|
37
|
+
var DrInnerText_1 = require("../operators/DrInnerText");
|
38
|
+
var DrInnerHTML_1 = require("../operators/DrInnerHTML");
|
39
|
+
var DrFor_1 = require("../operators/DrFor");
|
40
|
+
var DrForOf_1 = require("../operators/DrForOf");
|
41
|
+
var DrAppender_1 = require("../operators/DrAppender");
|
42
|
+
var DrRepeat_1 = require("../operators/DrRepeat");
|
43
|
+
var DrTargetElement_1 = require("../operators/DrTargetElement");
|
44
|
+
var DrTargetAttr_1 = require("../operators/DrTargetAttr");
|
45
|
+
var DestroyOptionType_1 = require("./DestroyOptionType");
|
46
|
+
var RawSetType_1 = require("./RawSetType");
|
58
47
|
var RawSet = /** @class */ (function () {
|
59
48
|
function RawSet(uuid, type, point, fragment, detect, data) {
|
60
49
|
this.uuid = uuid;
|
@@ -166,7 +155,7 @@ var RawSet = /** @class */ (function () {
|
|
166
155
|
(_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newNode, cNode);
|
167
156
|
// console.log('-------', this.point.start.parentNode.nodeName)
|
168
157
|
// 중요 style value change 됐을때 다시 처리해야되기떄문에: 마지막에 completed 없는 attr 가지고 판단 하니깐
|
169
|
-
if (this.type === RawSetType.STYLE_TEXT && this.point.parent) {
|
158
|
+
if (this.type === RawSetType_1.RawSetType.STYLE_TEXT && this.point.parent) {
|
170
159
|
this.point.parent.removeAttribute('completed');
|
171
160
|
}
|
172
161
|
}
|
@@ -227,28 +216,18 @@ var RawSet = /** @class */ (function () {
|
|
227
216
|
drAttrs.forEach(function (it) {
|
228
217
|
if (it.drCompleteOption) {
|
229
218
|
// genNode.childNodes
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
scripts: EventManager_1.EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
|
235
|
-
})
|
236
|
-
}));
|
237
|
-
}
|
238
|
-
});
|
239
|
-
// 중요 style isolation 나중에 :scope로 대체 가능할듯.
|
240
|
-
Array.from(window.document.styleSheets).filter(function (it) { return it.ownerNode && it.ownerNode instanceof Element && it.ownerNode.getAttribute('id') && !it.ownerNode.getAttribute('completed'); }).forEach(function (it) {
|
241
|
-
var _a;
|
242
|
-
var styleElement = it.ownerNode;
|
243
|
-
var id = (_a = styleElement.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-')[0];
|
244
|
-
if (id) {
|
245
|
-
// console.log('------->', id)
|
246
|
-
Array.from(it.cssRules).forEach(function (it) {
|
247
|
-
_this.generateCSS(id, it);
|
219
|
+
var render = Object.freeze({
|
220
|
+
rawset: _this,
|
221
|
+
fag: genNode,
|
222
|
+
scripts: EventManager_1.EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
|
248
223
|
});
|
224
|
+
ScriptUtils_1.ScriptUtils.eval("\n const ".concat(EventManager_1.EventManager.FAG_VARNAME, " = this.__render.fag;\n const ").concat(EventManager_1.EventManager.SCRIPTS_VARNAME, " = this.__render.scripts;\n const ").concat(EventManager_1.EventManager.RAWSET_VARNAME, " = this.__render.rawset;\n ").concat(it.drCompleteOption), Object.assign(obj, { __render: render }));
|
249
225
|
}
|
250
|
-
it.ownerNode.setAttribute('completed', 'true');
|
251
226
|
});
|
227
|
+
// 중요 style isolation 나중에 :scope로 대체 가능할듯.
|
228
|
+
RawSet.generateStyleSheetsLocal();
|
229
|
+
// console.log('-22222-')
|
230
|
+
// alert(1);
|
252
231
|
for (var _p = 0, onThisComponentSetCallBacks_1 = onThisComponentSetCallBacks; _p < onThisComponentSetCallBacks_1.length; _p++) {
|
253
232
|
var it_1 = onThisComponentSetCallBacks_1[_p];
|
254
233
|
(_c = (_b = it_1.obj).onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
|
@@ -281,7 +260,23 @@ var RawSet = /** @class */ (function () {
|
|
281
260
|
}
|
282
261
|
return raws;
|
283
262
|
};
|
284
|
-
RawSet.
|
263
|
+
RawSet.generateStyleSheetsLocal = function () {
|
264
|
+
Array.from(window.document.styleSheets).filter(function (it) { return it.ownerNode && it.ownerNode instanceof Element && it.ownerNode.hasAttribute('domstyle') && it.ownerNode.getAttribute('id') && !it.ownerNode.getAttribute('completed'); }).forEach(function (it) {
|
265
|
+
var _a;
|
266
|
+
var styleElement = it.ownerNode;
|
267
|
+
var split = (_a = styleElement.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-');
|
268
|
+
split === null || split === void 0 ? void 0 : split.pop();
|
269
|
+
var id = split === null || split === void 0 ? void 0 : split.join('-');
|
270
|
+
if (id) {
|
271
|
+
// console.log('------->', id)
|
272
|
+
Array.from(it.cssRules).forEach(function (it) {
|
273
|
+
RawSet.generateCSS(id, it);
|
274
|
+
});
|
275
|
+
}
|
276
|
+
it.ownerNode.setAttribute('completed', 'true');
|
277
|
+
});
|
278
|
+
};
|
279
|
+
RawSet.generateCSS = function (id, cssRule) {
|
285
280
|
var _this = this;
|
286
281
|
var start = "#".concat(id, "-start");
|
287
282
|
var end = "#".concat(id, "-end");
|
@@ -314,6 +309,17 @@ var RawSet = /** @class */ (function () {
|
|
314
309
|
});
|
315
310
|
}
|
316
311
|
};
|
312
|
+
// 중요 스타일 적용 부분
|
313
|
+
RawSet.generateStyleTransform = function (styleBody, id, styleTagWrap) {
|
314
|
+
if (styleTagWrap === void 0) { styleTagWrap = true; }
|
315
|
+
if (Array.isArray(styleBody)) {
|
316
|
+
styleBody = styleBody.join('\n');
|
317
|
+
}
|
318
|
+
if (styleTagWrap) {
|
319
|
+
styleBody = "<style id='".concat(id, "-style' domstyle>").concat(styleBody, "</style>");
|
320
|
+
}
|
321
|
+
return styleBody;
|
322
|
+
};
|
317
323
|
RawSet.prototype.applyEvent = function (obj, fragment, config) {
|
318
324
|
if (fragment === void 0) { fragment = this.fragment; }
|
319
325
|
EventManager_1.eventManager.applyEvent(obj, EventManager_1.eventManager.findAttrElements(fragment, config), config);
|
@@ -421,30 +427,25 @@ var RawSet = /** @class */ (function () {
|
|
421
427
|
// start.setAttribute('id', `${it.uuid}-start`);
|
422
428
|
// const end = config.window.document.createElement('meta');
|
423
429
|
// end.setAttribute('id', `${it.uuid}-end`);
|
424
|
-
var start = void 0;
|
425
|
-
var end = void 0;
|
426
430
|
var type = void 0;
|
427
431
|
if (currentNode.parentNode && currentNode.parentNode.nodeName.toUpperCase() === 'STYLE') {
|
428
|
-
type = RawSetType.STYLE_TEXT;
|
429
|
-
start = config.window.document.createTextNode("/*start text ".concat(it_4.uuid, "*/"));
|
430
|
-
end = config.window.document.createTextNode("/*end text ".concat(it_4.uuid, "*/"));
|
432
|
+
type = RawSetType_1.RawSetType.STYLE_TEXT;
|
431
433
|
}
|
432
434
|
else {
|
433
|
-
type = RawSetType.TEXT;
|
434
|
-
start = config.window.document.createComment("start text ".concat(it_4.uuid));
|
435
|
-
end = config.window.document.createComment("end text ".concat(it_4.uuid));
|
435
|
+
type = RawSetType_1.RawSetType.TEXT;
|
436
436
|
}
|
437
|
+
var startEndPoint = RawSet.createStartEndPoint(it_4.uuid, type, config);
|
437
438
|
// layout setting
|
438
439
|
template.content.append(document.createTextNode(preparedText)); // 앞 부분 넣고
|
439
|
-
template.content.append(start); // add start checkpoint
|
440
|
-
template.content.append(end); // add end checkpoint
|
440
|
+
template.content.append(startEndPoint.start); // add start checkpoint
|
441
|
+
template.content.append(startEndPoint.end); // add end checkpoint
|
441
442
|
// content 안쪽 RawSet render 할때 start 와 end 사이에 fragment 연산해서 들어간다.
|
442
443
|
var fragment = config.window.document.createDocumentFragment();
|
443
444
|
fragment.append(config.window.document.createTextNode(it_4.content));
|
444
445
|
pars.push(new RawSet(it_4.uuid, type, {
|
445
|
-
start: start,
|
446
|
+
start: startEndPoint.start,
|
446
447
|
node: currentNode,
|
447
|
-
end: end,
|
448
|
+
end: startEndPoint.end,
|
448
449
|
parent: currentNode.parentNode,
|
449
450
|
thisVariableName: thisVariableName
|
450
451
|
}, fragment));
|
@@ -457,21 +458,18 @@ var RawSet = /** @class */ (function () {
|
|
457
458
|
var uuid = RandomUtils_1.RandomUtils.getRandomString(40);
|
458
459
|
var element_3 = currentNode;
|
459
460
|
var fragment = config.window.document.createDocumentFragment();
|
460
|
-
var
|
461
|
-
var
|
462
|
-
start.setAttribute('id', "".concat(uuid, "-start"));
|
463
|
-
end.setAttribute('id', "".concat(uuid, "-end"));
|
464
|
-
var type = RawSetType.TARGET_ELEMENT;
|
461
|
+
var type = RawSetType_1.RawSetType.TARGET_ELEMENT;
|
462
|
+
var startEndPoint = RawSet.createStartEndPoint(uuid, type, config);
|
465
463
|
var isElement = ((_d = (_c = config.targetElements) === null || _c === void 0 ? void 0 : _c.map(function (it) { return it.name.toLowerCase(); })) !== null && _d !== void 0 ? _d : []).includes(element_3.tagName.toLowerCase());
|
466
464
|
var targetAttrNames_2 = ((_f = (_e = config.targetAttrs) === null || _e === void 0 ? void 0 : _e.map(function (it) { return it.name; })) !== null && _f !== void 0 ? _f : []).concat(RawSet.DR_ATTRIBUTES);
|
467
465
|
var isAttr = element_3.getAttributeNames().filter(function (it) { return targetAttrNames_2.includes(it.toLowerCase()); }).length > 0;
|
468
|
-
(_g = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _g === void 0 ? void 0 : _g.insertBefore(start, currentNode);
|
469
|
-
(_h = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _h === void 0 ? void 0 : _h.insertBefore(end, currentNode.nextSibling);
|
466
|
+
(_g = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _g === void 0 ? void 0 : _g.insertBefore(startEndPoint.start, currentNode);
|
467
|
+
(_h = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _h === void 0 ? void 0 : _h.insertBefore(startEndPoint.end, currentNode.nextSibling);
|
470
468
|
fragment.append(currentNode);
|
471
|
-
pars.push(new RawSet(uuid, isElement ? type : (isAttr ? RawSetType.TARGET_ATTR : RawSetType.UNKOWN), {
|
472
|
-
start: start,
|
469
|
+
pars.push(new RawSet(uuid, isElement ? type : (isAttr ? RawSetType_1.RawSetType.TARGET_ATTR : RawSetType_1.RawSetType.UNKOWN), {
|
470
|
+
start: startEndPoint.start,
|
473
471
|
node: currentNode,
|
474
|
-
end: end,
|
472
|
+
end: startEndPoint.end,
|
475
473
|
parent: currentNode.parentNode,
|
476
474
|
thisVariableName: thisVariableName
|
477
475
|
}, fragment));
|
@@ -484,6 +482,30 @@ var RawSet = /** @class */ (function () {
|
|
484
482
|
// console.log('check-->', pars)
|
485
483
|
return pars;
|
486
484
|
};
|
485
|
+
RawSet.createStartEndPoint = function (id, type, config) {
|
486
|
+
if (type === RawSetType_1.RawSetType.TARGET_ELEMENT) {
|
487
|
+
var start = config.window.document.createElement('meta');
|
488
|
+
var end = config.window.document.createElement('meta');
|
489
|
+
start.setAttribute('id', "".concat(id, "-start"));
|
490
|
+
end.setAttribute('id', "".concat(id, "-end"));
|
491
|
+
return {
|
492
|
+
start: start,
|
493
|
+
end: end
|
494
|
+
};
|
495
|
+
}
|
496
|
+
else if (type === RawSetType_1.RawSetType.STYLE_TEXT) {
|
497
|
+
return {
|
498
|
+
start: config.window.document.createTextNode("/*start text ".concat(id, "*/")),
|
499
|
+
end: config.window.document.createTextNode("/*end text ".concat(id, "*/"))
|
500
|
+
};
|
501
|
+
}
|
502
|
+
else { // text
|
503
|
+
return {
|
504
|
+
start: config.window.document.createComment("start text ".concat(id)),
|
505
|
+
end: config.window.document.createComment("end text ".concat(id))
|
506
|
+
};
|
507
|
+
}
|
508
|
+
};
|
487
509
|
RawSet.prototype.childAllRemove = function () {
|
488
510
|
var next = this.point.start.nextSibling;
|
489
511
|
while (next) {
|
@@ -606,7 +628,7 @@ var RawSet = /** @class */ (function () {
|
|
606
628
|
// console.log('--------',n, n.innerHTML)
|
607
629
|
if (set) {
|
608
630
|
// const id = RandomUtils.getRandomString(20);
|
609
|
-
var style = RawSet.
|
631
|
+
var style = RawSet.generateStyleTransform((_a = set.styles) !== null && _a !== void 0 ? _a : [], rawSet.uuid, true);
|
610
632
|
n.innerHTML = style + ((_b = set.template) !== null && _b !== void 0 ? _b : '');
|
611
633
|
// const metaStart = RawSet.metaStart(id);
|
612
634
|
// const metaEnd = RawSet.metaEnd(id);
|
@@ -669,14 +691,14 @@ var RawSet = /** @class */ (function () {
|
|
669
691
|
};
|
670
692
|
return targetAttribute;
|
671
693
|
};
|
672
|
-
RawSet.createComponentTargetElement = function (name, objFactory, template, styles
|
694
|
+
RawSet.createComponentTargetElement = function (name, objFactory, template, styles) {
|
673
695
|
if (template === void 0) { template = ''; }
|
674
696
|
if (styles === void 0) { styles = []; }
|
675
697
|
var targetElement = {
|
676
698
|
name: name,
|
677
699
|
styles: styles,
|
678
700
|
template: template,
|
679
|
-
callBack: function (element, obj, rawSet, attrs) {
|
701
|
+
callBack: function (element, obj, rawSet, attrs, config) {
|
680
702
|
var _a, _b, _c, _d, _e, _f;
|
681
703
|
// console.log('callback------->', element)
|
682
704
|
if (!obj.__domrender_components) {
|
@@ -718,6 +740,8 @@ var RawSet = /** @class */ (function () {
|
|
718
740
|
i.componentKey = componentKey;
|
719
741
|
i.rawSet = rawSet;
|
720
742
|
i.attribute = attribute;
|
743
|
+
i.router = config.router;
|
744
|
+
i.scripts = render.scripts;
|
721
745
|
i.drAttrs = attrs;
|
722
746
|
i.innerHTML = element.innerHTML;
|
723
747
|
i.rootCreator = new Proxy(obj, new Types_1.DomRenderFinalProxy());
|
@@ -767,7 +791,7 @@ var RawSet = /** @class */ (function () {
|
|
767
791
|
__render: render
|
768
792
|
}));
|
769
793
|
}
|
770
|
-
var style = RawSet.
|
794
|
+
var style = RawSet.generateStyleTransform(styles, componentKey, true);
|
771
795
|
element.innerHTML = style + (applayTemplate !== null && applayTemplate !== void 0 ? applayTemplate : '');
|
772
796
|
// const metaStart = RawSet.metaStart(componentKey);
|
773
797
|
// const metaEnd = RawSet.metaEnd(componentKey);
|
@@ -797,31 +821,6 @@ var RawSet = /** @class */ (function () {
|
|
797
821
|
var reg = /(?:[$#]\{(?:(([$#]\{)??[^$#]?[^{]*?)\}[$#]))/g;
|
798
822
|
return StringUtils_1.StringUtils.regexExec(reg, data !== null && data !== void 0 ? data : '');
|
799
823
|
};
|
800
|
-
// 중요 스타일 적용 부분
|
801
|
-
RawSet.styleTransformLocal = function (styleBody, id, styleTagWrap) {
|
802
|
-
if (styleTagWrap === void 0) { styleTagWrap = true; }
|
803
|
-
// <style id="first">
|
804
|
-
// #first ~ *:not(#first ~ style[domstyle] ~ *) {
|
805
|
-
// font-size: 30px;
|
806
|
-
// color: blue;
|
807
|
-
// }
|
808
|
-
// </style>
|
809
|
-
if (Array.isArray(styleBody)) {
|
810
|
-
styleBody = styleBody.join('\n');
|
811
|
-
}
|
812
|
-
// if (locale) {
|
813
|
-
// styleBody = styleBody.replace(/([^}]+){/gm, function (a, b) {
|
814
|
-
// if (typeof b === 'string') {
|
815
|
-
// b = b.trim();
|
816
|
-
// }
|
817
|
-
// return `#${id} ~ ${b}:not(#${id} ~ style[domstyle] ~ *), #${id} ~ * ${b} {`;
|
818
|
-
// });
|
819
|
-
// }
|
820
|
-
if (styleTagWrap) {
|
821
|
-
styleBody = "<style id='".concat(id, "-style' domstyle>").concat(styleBody, "</style>");
|
822
|
-
}
|
823
|
-
return styleBody;
|
824
|
-
};
|
825
824
|
// public static metaStart(id: string) {
|
826
825
|
// return `<meta id='${id}-start' />`;
|
827
826
|
// }
|
@@ -832,8 +831,8 @@ var RawSet = /** @class */ (function () {
|
|
832
831
|
RawSet.destroy = function (obj, parameter, config, destroyOptions) {
|
833
832
|
var _a;
|
834
833
|
if (destroyOptions === void 0) { destroyOptions = []; }
|
835
|
-
if (!destroyOptions.some(function (it) { return it === DestroyOptionType.NO_DESTROY; })) {
|
836
|
-
if (!destroyOptions.some(function (it) { return it === DestroyOptionType.NO_MESSENGER_DESTROY; })) {
|
834
|
+
if (!destroyOptions.some(function (it) { return it === DestroyOptionType_1.DestroyOptionType.NO_DESTROY; })) {
|
835
|
+
if (!destroyOptions.some(function (it) { return it === DestroyOptionType_1.DestroyOptionType.NO_MESSENGER_DESTROY; })) {
|
837
836
|
if (config.messenger && obj) {
|
838
837
|
config.messenger.deleteChannelFromObj(obj);
|
839
838
|
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.RawSetType = void 0;
|
4
|
+
var RawSetType;
|
5
|
+
(function (RawSetType) {
|
6
|
+
RawSetType["TEXT"] = "TEXT";
|
7
|
+
RawSetType["STYLE_TEXT"] = "STYLE_TEXT";
|
8
|
+
RawSetType["TARGET_ELEMENT"] = "TARGET_ELEMENT";
|
9
|
+
RawSetType["TARGET_ATTR"] = "TARGET_ATTR";
|
10
|
+
RawSetType["UNKOWN"] = "UNKOWN";
|
11
|
+
})(RawSetType = exports.RawSetType || (exports.RawSetType = {}));
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { CreatorMetaData } from './CreatorMetaData';
|
2
|
+
import { Router } from '../routers/Router';
|
3
|
+
import { RawSet } from './RawSet';
|
4
|
+
export declare type Render = {
|
5
|
+
rawset?: RawSet;
|
6
|
+
scripts?: {
|
7
|
+
[n: string]: any;
|
8
|
+
};
|
9
|
+
bindScript?: string;
|
10
|
+
element?: any;
|
11
|
+
attribute?: any;
|
12
|
+
creatorMetaData?: CreatorMetaData;
|
13
|
+
router?: Router;
|
14
|
+
range?: any;
|
15
|
+
value?: any;
|
16
|
+
[n: string]: any;
|
17
|
+
};
|
package/Config.d.ts
DELETED
@@ -1,38 +0,0 @@
|
|
1
|
-
import { ConstructorType } from './types/Types';
|
2
|
-
import { Attrs, CreatorMetaData, RawSet, Render } from './RawSet';
|
3
|
-
import { Router } from './routers/Router';
|
4
|
-
import { Messenger } from './messenger/Messenger';
|
5
|
-
export declare type TargetElement = {
|
6
|
-
name: string;
|
7
|
-
template?: string;
|
8
|
-
styles?: string[];
|
9
|
-
callBack: (target: Element, obj: any, rawSet: RawSet, attrs?: Attrs) => DocumentFragment;
|
10
|
-
complete?: (target: Element, obj: any, rawSet: RawSet) => void;
|
11
|
-
__render?: Render;
|
12
|
-
__creatorMetaData?: CreatorMetaData;
|
13
|
-
};
|
14
|
-
export declare type TargetAttr = {
|
15
|
-
name: string;
|
16
|
-
callBack: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment;
|
17
|
-
complete?: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => void;
|
18
|
-
};
|
19
|
-
export declare type Config = {
|
20
|
-
window: Window;
|
21
|
-
targetElements?: TargetElement[];
|
22
|
-
targetAttrs?: TargetAttr[];
|
23
|
-
onElementInit?: (name: string, obj: any, rawSet: RawSet, targetElement: TargetElement) => any;
|
24
|
-
onAttrInit?: (name: string, attrValue: string, obj: any, rawSet: RawSet) => any;
|
25
|
-
proxyExcludeTyps?: ConstructorType<any>[];
|
26
|
-
proxyExcludeOnBeforeReturnSets?: string[];
|
27
|
-
proxyExcludeOnBeforeReturnGets?: string[];
|
28
|
-
scripts?: {
|
29
|
-
[n: string]: any;
|
30
|
-
};
|
31
|
-
routerType?: 'hash' | 'path' | 'none';
|
32
|
-
router?: Router;
|
33
|
-
messenger?: Messenger;
|
34
|
-
applyEvents?: {
|
35
|
-
attrName: string;
|
36
|
-
callBack: (elements: Element, attrValue: string, obj: any) => void;
|
37
|
-
}[];
|
38
|
-
};
|