@dooboostore/dom-render
Version:
html view template engine
69 lines • 4.94 kB
JavaScript
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';
import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';
import { RawSet } from '../rawsets/RawSet';
import { ExecuteState } from './OperatorExecuter';
export class DrAppender extends OperatorExecuterAttrRequire {
constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
source.operatorAround = undefined;
super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
}
executeAttrRequire(attr) {
return __awaiter(this, void 0, void 0, function* () {
var _a, _b, _c, _d;
const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);
const vars = RawSet.drVarEncoding(this.elementSource.element, (_a = this.elementSource.attrs.drVarOption) !== null && _a !== void 0 ? _a : '');
const newTemp = this.source.config.window.document.createElement('temp');
ScriptUtils.eval(`
try{
${this.render.bindScript}
${(_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : ''}
const ifWrap = document.createElement('div');
// ifWrap.setAttribute('${RawSet.DR_STRIP_OPTIONNAME}', 'true');
// ifWrap.setAttribute('${RawSet.DR_IF_NAME}', '${this.elementSource.attrs.drAppender} && ${this.elementSource.attrs.drAppender}.length > 0');
const n = this.__render.element.cloneNode(true);
Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drAppender' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));
const length = ${this.elementSource.attrs.drAppender}.length;
if (length > 0) {
n.setAttribute('${RawSet.DR_FOR_OF_NAME}', '${this.elementSource.attrs.drAppender}[' + (length-1) + ']');
n.setAttribute('${RawSet.DR_NEXT_OPTIONNAME}', '${this.elementSource.attrs.drAppender},' + length);
} else {
n.setAttribute('${RawSet.DR_FOR_OF_NAME}', '${this.elementSource.attrs.drAppender}[0]');
n.setAttribute('${RawSet.DR_NEXT_OPTIONNAME}', '${this.elementSource.attrs.drAppender},' + 1);
}
// console.log('appender--->', Array.from(n.getAttributeNames()).map(it=>({name:it,attr: n.getAttribute(it)})));
// const drOptionThis = n.getAttribute('${RawSet.DR_THIS_OPTIONNAME}');
// if (drOptionThis) {
// }
// ifWrap.append(n);
// this.__render.fag.append(ifWrap);
this.__render.fag.append(n);
${(_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : ''}
}catch(e){}
`, Object.assign(this.source.obj, {
__render: Object.freeze(Object.assign({ drStripOption: this.elementSource.attrs.drStripOption, drAttr: this.elementSource.attrs, drAttrsOriginName: RawSet.drAttrsOriginName, fag: newTemp }, this.render
// eslint-disable-next-line no-use-before-define
))
}));
RawSet.drVarDecoding(newTemp, vars);
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 = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
(_d = this.elementSource.element.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(this.returnContainer.fag, this.elementSource.element);
// const rrr = rr.flatMap(it => it.render(obj, config));// .flat();
this.returnContainer.raws.push(...rr);
return ExecuteState.EXECUTE;
});
}
}
//# sourceMappingURL=DrAppender.js.map