dom-render 1.0.73 → 1.0.76

package/operators/DrInnerHTML.js

@@ -0,0 +1,60 @@
+"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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrInnerHTML = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var DrInnerHTML = /** @class */ (function (_super) {
+    __extends(DrInnerHTML, _super);
+    function DrInnerHTML() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrInnerHTML.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d;
+        if (this.elementSource.attrs.drInnerHTML) {
+            var newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils_1.ScriptUtils.eval("\n                        ".concat(this.render.bindScript, "\n                        const n = $element.cloneNode(true);\n                        ").concat((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '', "\n                        n.innerHTML = ").concat(this.elementSource.attrs.drInnerHTML, ";\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        ").concat((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '', "\n                    "), Object.assign(this.source.obj, {
+                __render: Object.freeze(__assign({ drStripOption: this.elementSource.attrs.drStripOption, fag: newTemp }, this.render
+                // eslint-disable-next-line no-use-before-define
+                ))
+            }));
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrInnerHTML;
+}(OperatorRender_1.OperatorRender));
+exports.DrInnerHTML = DrInnerHTML;

package/operators/DrInnerText.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrInnerText extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrInnerText.js

@@ -0,0 +1,58 @@
+"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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrInnerText = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var DrInnerText = /** @class */ (function (_super) {
+    __extends(DrInnerText, _super);
+    function DrInnerText() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrInnerText.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d;
+        if (this.elementSource.attrs.drInnerText) {
+            var newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils_1.ScriptUtils.eval(" \n                        ".concat(this.render.bindScript, "\n                        const n = $element.cloneNode(true);  \n                        ").concat((_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : '', "\n                        n.innerText = ").concat(this.elementSource.attrs.drInnerText, ";\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        ").concat((_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : '', "\n                    "), Object.assign(this.source.obj, {
+                __render: Object.freeze(__assign({ drStripOption: this.elementSource.attrs.drStripOption, fag: newTemp }, this.render))
+            }));
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrInnerText;
+}(OperatorRender_1.OperatorRender));
+exports.DrInnerText = DrInnerText;

package/operators/DrPre.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrPre extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrPre.js

@@ -0,0 +1,30 @@
+"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.DrPre = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var DrPre = /** @class */ (function (_super) {
+    __extends(DrPre, _super);
+    function DrPre() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrPre.prototype.execRender = function () {
+        return (this.elementSource.attrs.drPre != null) ? OperatorRender_1.ExecuteState.EXECUTE : OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrPre;
+}(OperatorRender_1.OperatorRender));
+exports.DrPre = DrPre;

package/operators/DrRepeat.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrRepeat extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrRepeat.js

@@ -0,0 +1,63 @@
+"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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrRepeat = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var EventManager_1 = require("../events/EventManager");
+var DrRepeat = /** @class */ (function (_super) {
+    __extends(DrRepeat, _super);
+    function DrRepeat() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrRepeat.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d, _e;
+        if (this.elementSource.attrs.drRepeat) {
+            var itRandom = RawSet_1.RawSet.drItOtherEncoding(this.elementSource.element);
+            var vars = RawSet_1.RawSet.drVarEncoding(this.elementSource.element, (_b = this.elementSource.attrs.drVarOption) !== null && _b !== void 0 ? _b : '');
+            var newTemp = this.source.config.window.document.createElement('temp');
+            ScriptUtils_1.ScriptUtils.eval("\n                    ".concat(this.render.bindScript, "\n                    ").concat((_c = this.elementSource.attrs.drBeforeOption) !== null && _c !== void 0 ? _c : '', "\n                    var i = 0; \n                    const repeat = ").concat(this.elementSource.attrs.drRepeat, ";\n                    const repeatStr = `").concat(this.elementSource.attrs.drRepeat, "`;\n                    let range = repeat;\n                    if (typeof repeat === 'number') {\n                        range = ").concat(EventManager_1.EventManager.RANGE_VARNAME, "(repeat);\n                    } \n                    for(const it of range) {\n                        var destIt = it;\n                        if (range.isRange) {\n                            destIt = it;\n                        }  else {\n                            destIt = repeatStr + '[' + i +']'\n                        }\n                        const n = this.__render.element.cloneNode(true);\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearRangeIt\\#/g, destIt).replace(/\\#nearRangeIndex\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, destIt);\n                        \n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        i++;\n                    }\n                    ").concat((_d = this.elementSource.attrs.drAfterOption) !== null && _d !== void 0 ? _d : '', "\n                    "), Object.assign(this.source.obj, {
+                __render: Object.freeze(__assign({ fag: newTemp, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
+            }));
+            RawSet_1.RawSet.drVarDecoding(newTemp, vars);
+            RawSet_1.RawSet.drItOtherDecoding(newTemp, itRandom);
+            var tempalte = this.source.config.window.document.createElement('template');
+            tempalte.innerHTML = newTemp.innerHTML;
+            this.returnContainer.fag.append(tempalte.content);
+            var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+            (_e = this.elementSource.element.parentNode) === null || _e === void 0 ? void 0 : _e.replaceChild(this.returnContainer.fag, this.elementSource.element);
+            (_a = this.returnContainer.raws).push.apply(_a, rr);
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrRepeat;
+}(OperatorRender_1.OperatorRender));
+exports.DrRepeat = DrRepeat;

package/operators/DrTargetAttr.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrTargetAttr extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrTargetAttr.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.DrTargetAttr = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var RawSet_1 = require("../RawSet");
+var DrTargetAttr = /** @class */ (function (_super) {
+    __extends(DrTargetAttr, _super);
+    function DrTargetAttr() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrTargetAttr.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d, _e;
+        var attributeNames = this.elementSource.element.getAttributeNames();
+        // const targetAttr = config?.targetAttrs?.find(it => (!drAttr.drForOf && !drAttr.drFor && !drAttr.drRepeat) && attributeNames.includes(it.name));
+        var targetAttr = (_c = (_b = this.source.config) === null || _b === void 0 ? void 0 : _b.targetAttrs) === null || _c === void 0 ? void 0 : _c.find(function (it) { return attributeNames.includes(it.name); });
+        if (targetAttr) {
+            var attrName = targetAttr.name;
+            var attrValue = this.rawSet.getAttributeAndDelete(this.elementSource.element, attrName);
+            if (attrValue && attrName && (!this.elementSource.attrs.drForOf && !this.elementSource.attrs.drFor && !this.elementSource.attrs.drRepeat)) {
+                var documentFragment = targetAttr.callBack(this.elementSource.element, attrValue, this.source.obj, this.rawSet);
+                if (documentFragment) {
+                    var rr = RawSet_1.RawSet.checkPointCreates(documentFragment, this.source.config);
+                    (_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(documentFragment, this.elementSource.element);
+                    (_a = this.returnContainer.raws).push.apply(_a, rr);
+                    this.afterCallBack.onAttrInitCallBacks.push({
+                        attrName: attrName,
+                        attrValue: attrValue,
+                        obj: this.source.obj
+                    });
+                    (_e = targetAttr === null || targetAttr === void 0 ? void 0 : targetAttr.complete) === null || _e === void 0 ? void 0 : _e.call(targetAttr, this.elementSource.element, attrValue, this.source.obj, this.rawSet);
+                }
+            }
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrTargetAttr;
+}(OperatorRender_1.OperatorRender));
+exports.DrTargetAttr = DrTargetAttr;

package/operators/DrTargetElement.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrTargetElement extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrTargetElement.js

@@ -0,0 +1,65 @@
+"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.DrTargetElement = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var DrTargetElement = /** @class */ (function (_super) {
+    __extends(DrTargetElement, _super);
+    function DrTargetElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrTargetElement.prototype.execRender = function () {
+        var _a;
+        var _this = this;
+        var _b, _c, _d, _e;
+        var targetElement = (_c = (_b = this.source.config) === null || _b === void 0 ? void 0 : _b.targetElements) === null || _c === void 0 ? void 0 : _c.find(function (it) { return it.name.toLowerCase() === _this.elementSource.element.tagName.toLowerCase(); });
+        if (targetElement) {
+            var documentFragment = targetElement.callBack(this.elementSource.element, this.source.obj, this.rawSet, this.elementSource.attrs);
+            if (documentFragment) {
+                var detectAction_1 = this.elementSource.element.getAttribute(RawSet_1.RawSet.DR_DETECT_NAME);
+                var render_1 = documentFragment.render;
+                if (detectAction_1 && render_1) {
+                    this.rawSet.detect = {
+                        action: function () {
+                            var script = "var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ".concat(detectAction_1, " ");
+                            ScriptUtils_1.ScriptUtils.eval(script, Object.assign(_this.source.obj, {
+                                __render: render_1
+                            }));
+                        }
+                    };
+                }
+                // fag.append(documentFragment)
+                var rr = RawSet_1.RawSet.checkPointCreates(documentFragment, this.source.config);
+                (_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(documentFragment, this.elementSource.element);
+                (_a = this.returnContainer.raws).push.apply(_a, rr);
+                this.afterCallBack.onElementInitCallBacks.push({
+                    name: targetElement.name.toLowerCase(),
+                    obj: this.source.obj,
+                    targetElement: targetElement,
+                    creatorMetaData: targetElement.__creatorMetaData
+                });
+                (_e = targetElement === null || targetElement === void 0 ? void 0 : targetElement.complete) === null || _e === void 0 ? void 0 : _e.call(targetElement, this.elementSource.element, this.source.obj, this.rawSet);
+            }
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrTargetElement;
+}(OperatorRender_1.OperatorRender));
+exports.DrTargetElement = DrTargetElement;

package/operators/DrThis.d.ts

@@ -0,0 +1,4 @@
+import { ExecuteState, OperatorRender } from './OperatorRender';
+export declare class DrThis extends OperatorRender {
+    execRender(): ExecuteState;
+}

package/operators/DrThis.js

@@ -0,0 +1,59 @@
+"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.DrThis = void 0;
+var OperatorRender_1 = require("./OperatorRender");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var RawSet_1 = require("../RawSet");
+var ComponentSet_1 = require("../components/ComponentSet");
+var DrThis = /** @class */ (function (_super) {
+    __extends(DrThis, _super);
+    function DrThis() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DrThis.prototype.execRender = function () {
+        var _a;
+        var _b, _c, _d, _e, _f;
+        if (this.elementSource.attrs.drThis) {
+            var r = ScriptUtils_1.ScriptUtils.evalReturn(this.elementSource.attrs.drThis, this.source.obj);
+            if (r) {
+                if (r instanceof ComponentSet_1.ComponentSet) {
+                    if (this.rawSet.data) {
+                        var destroyOptions = (_c = (_b = this.elementSource.attrs.drDestroyOption) === null || _b === void 0 ? void 0 : _b.split(',')) !== null && _c !== void 0 ? _c : [];
+                        RawSet_1.RawSet.destroy(this.rawSet.data.obj, [], this.source.config, destroyOptions);
+                    }
+                    this.rawSet.data = r;
+                    this.returnContainer.fag.append(RawSet_1.RawSet.drThisCreate(this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r));
+                    this.afterCallBack.onThisComponentSetCallBacks.push(r);
+                }
+                else {
+                    this.returnContainer.fag.append(RawSet_1.RawSet.drThisCreate(this.elementSource.element, this.elementSource.attrs.drThis, (_e = this.elementSource.attrs.drVarOption) !== null && _e !== void 0 ? _e : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config));
+                }
+                var rr = RawSet_1.RawSet.checkPointCreates(this.returnContainer.fag, this.source.config);
+                (_f = this.elementSource.element.parentNode) === null || _f === void 0 ? void 0 : _f.replaceChild(this.returnContainer.fag, this.elementSource.element);
+                (_a = this.returnContainer.raws).push.apply(_a, rr);
+            }
+            else {
+                this.elementSource.element.remove();
+            }
+            return OperatorRender_1.ExecuteState.EXECUTE;
+        }
+        return OperatorRender_1.ExecuteState.NO_EXECUTE;
+    };
+    return DrThis;
+}(OperatorRender_1.OperatorRender));
+exports.DrThis = DrThis;

package/operators/OperatorRender.d.ts

@@ -0,0 +1,41 @@
+import { AttrInitCallBack, Attrs, ElementInitCallBack, RawSet, Render } from '../RawSet';
+import { ComponentSet } from '../components/ComponentSet';
+import { Config } from '../Config';
+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

@@ -0,0 +1,21 @@
+"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;