@dooboostore/dom-render
Version:
html view template engine
85 lines (83 loc) • 4.35 kB
JavaScript
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var DrRepeat_exports = {};
__export(DrRepeat_exports, {
DrRepeat: () => DrRepeat
});
module.exports = __toCommonJS(DrRepeat_exports);
var import_OperatorExecuterAttrRequire = require("./OperatorExecuterAttrRequire");
var import_RawSet = require("../rawsets/RawSet");
var import_EventManager = require("../events/EventManager");
var import_OperatorExecuter = require("./OperatorExecuter");
var import_core = require("@dooboostore/core");
class DrRepeat extends import_OperatorExecuterAttrRequire.OperatorExecuterAttrRequire {
constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
source.operatorAround = void 0;
super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
}
async executeAttrRequire(attr) {
const itRandom = import_RawSet.RawSet.drItOtherEncoding(this.elementSource.element);
const vars = import_RawSet.RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
const newTemp = this.source.config.window.document.createElement("temp");
import_core.ObjectUtils.Script.evaluate(`
${this.render.bindScript}
${this.elementSource.attrs.drBeforeOption ?? ""}
var i = 0;
const repeat = ${attr};
const repeatStr = \`${attr}\`;
let range = repeat;
if (typeof repeat === 'number') {
range = ${import_EventManager.EventManager.RANGE_VARNAME}(repeat);
}
for(const it of range) {
var destIt = it;
if (range.isRange) {
destIt = it;
} else {
destIt = repeatStr + '[' + i +']'
}
const n = this.__render.element.cloneNode(true);
n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearRangeIt\\#/g, destIt).replace(/\\#nearRangeIndex\\#/g, destIt)))
n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, destIt);
if (this.__render.drStripOption === 'true') {
Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
} else {
this.__render.fag.append(n);
}
i++;
}
${this.elementSource.attrs.drAfterOption ?? ""}
`, Object.assign(this.source.obj, {
__render: Object.freeze({
fag: newTemp,
drStripOption: this.elementSource.attrs.drStripOption,
...this.render
})
}));
import_RawSet.RawSet.drVarDecoding(newTemp, vars);
import_RawSet.RawSet.drItOtherDecoding(newTemp, itRandom);
const tempalte = this.source.config.window.document.createElement("template");
tempalte.innerHTML = newTemp.innerHTML;
this.returnContainer.fag.append(tempalte.content);
const rr = import_RawSet.RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);
this.returnContainer.raws.push(...rr);
return import_OperatorExecuter.ExecuteState.EXECUTE;
}
}
//# sourceMappingURL=DrRepeat.js.map