@dooboostore/dom-render/operators/DrIf.js

html view template engine

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 DrIf 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, 'DrIf');
            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');
            // Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v)); <-- 이부분은 다른 attr에도 적용을 할지말지 생각해야됨  엘리먼트 존재유무에 따라서 적용을 할지말지 결정해야됨
            const keepgoing = ScriptUtils.eval(`
                ${this.render.bindScript}
                ${(_b = this.elementSource.attrs.drBeforeOption) !== null && _b !== void 0 ? _b : ''}
                if ($rawSet.data === (${attr})) {
                    return false;
                }
                $rawSet.data = ${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) {
                     // 여기가 ..아주 헛갈리는데...
                        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);
                    }
                }
                ${(_c = this.elementSource.attrs.drAfterOption) !== null && _c !== void 0 ? _c : ''};
                return true;
                `, Object.assign(this.source.obj, {
                __render: Object.freeze(Object.assign({ fag: newTemp, drAttr: this.elementSource.attrs, drAttrsOriginName: RawSet.drAttrsOriginName, drStripOption: this.elementSource.attrs.drStripOption }, this.render))
            }));
            // TODO: 뭐지?? 지워야되는거 아닌가?
            if (keepgoing === false) {
                return ExecuteState.STOP;
            }
            RawSet.drVarDecoding(newTemp, vars);
            RawSet.drItOtherDecoding(newTemp, itRandom);
            // const bypass = (newTemp.innerHTML ?? '').trim().length <= 0;
            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);
            this.returnContainer.raws.push(...rr);
            return ExecuteState.EXECUTE;
        });
    }
}
//# sourceMappingURL=DrIf.js.map