@dooboostore/dom-render
Version:
html view template engine
87 lines (86 loc) • 4.41 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 DrIf_exports = {};
__export(DrIf_exports, {
DrIf: () => DrIf
});
module.exports = __toCommonJS(DrIf_exports);
var import_OperatorExecuterAttrRequire = require("./OperatorExecuterAttrRequire");
var import_RawSet = require("../rawsets/RawSet");
var import_OperatorExecuter = require("./OperatorExecuter");
var import_core = require("@dooboostore/core");
class DrIf 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, "DrIf");
const vars = import_RawSet.RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
const newTemp = this.source.config.window.document.createElement("temp");
const keepgoing = import_core.ObjectUtils.Script.evaluate(`
${this.render.bindScript}
${this.elementSource.attrs.drBeforeOption ?? ""}
if ($rawSet.data === (${import_core.ObjectUtils.Path.toOptionalChainPath(attr)})) {
return false;
}
$rawSet.data = ${import_core.ObjectUtils.Path.toOptionalChainPath(attr)};
if($rawSet.data) {
const n = $element.cloneNode(true);
Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
var destIt = ${this.elementSource.attrs.drItOption};
if (destIt !== undefined) {
// \uC5EC\uAE30\uAC00 ..\uC544\uC8FC \uD5DB\uAC08\uB9AC\uB294\uB370...
Array.from(n.getAttributeNames()).forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#DrIFIt\\#/g, destIt)))
n.innerHTML = n.innerHTML.replace(/\\#DrIFIt\\#/g, destIt);
}
if (this.__render.drStripOption === 'true') {
Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
} else {
this.__render.fag.append(n);
}
}
${this.elementSource.attrs.drAfterOption ?? ""};
return true;
`, Object.assign(
this.source.obj,
{
__render: Object.freeze({
fag: newTemp,
drAttr: this.elementSource.attrs,
drAttrsOriginName: import_RawSet.RawSet.drAttrsOriginName,
drStripOption: this.elementSource.attrs.drStripOption,
...this.render
})
}
));
if (keepgoing === false) {
return import_OperatorExecuter.ExecuteState.STOP;
}
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=DrIf.js.map