@dooboostore/dom-render/src/operators/DrForm.ts

html view template engine

import {RawSet} from '../rawsets/RawSet';
import {Validator} from '@dooboostore/core';
import {EventManager} from '../events/EventManager';
import {ValidatorArray} from '@dooboostore/core';
import {Render} from '../rawsets/Render';
import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';
import {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';
import {ObjectUtils} from "@dooboostore/core";

export class DrForm extends OperatorExecuterAttrRequire<string> {
    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {
        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
    }

    async executeAttrRequire(attr: string): Promise<ExecuteState> {
        RawSet.drFormOtherMoveAttr(this.elementSource.element, 'name', 'temp-name', this.source.config);
        const data = ObjectUtils.Script.evaluateReturn(`${attr}`, this.source.obj);

        const childs = Array.from(this.elementSource.element.querySelectorAll('[name]'));

        const fromName = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? '', this.source.obj);
        const thisName = fromName ?? this.elementSource.element.getAttribute('name');
        // // 자기자신이 Input 대상일때
        if (childs.length <= 0 && thisName) {
            childs.push(this.elementSource.element);
        } else {
            if (data instanceof Validator) {
                data.setTarget(this.elementSource.element);
            }
        }
        childs.forEach(it => {
            const eventName = it.getAttribute(`${RawSet.DR_FORM_NAME}:event`) ?? 'change'
            const validatorName = it.getAttribute(`${RawSet.DR_FORM_NAME}:validator`);
            const attrEventName = EventManager.attrPrefix + 'event-' + eventName;
            let varpath = ObjectUtils.Script.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? '', this.source.obj) ?? it.getAttribute('name');
            if (varpath != null) {
                if (validatorName) {
                    ObjectUtils.Script.evaluate(`
                                ${this.render.bindScript}
                                const validator = typeof ${validatorName} ==='function' ?  new  ${validatorName}() : ${validatorName};
                                ${attr}['${varpath}'] = validator;
                            `,
                    Object.assign(this.source.obj, {
                        __render: Object.freeze({
                            drStripOption: this.elementSource.attrs.drStripOption,
                            ...this.render
                        } as Render)
                    }
                    ));
                }
                varpath = `${attr}['${varpath}']`;
                const data = ObjectUtils.Script.evaluateReturn(`${varpath}`, this.source.obj);
                if (data instanceof ValidatorArray) {
                    it.setAttribute(attrEventName, `${varpath}.setArrayValue($target, $target.value, $event); ${it.getAttribute(attrEventName) ?? ''};`);
                    data.addValidator((it as any).value, it);
                } else if (data instanceof Validator) {
                    // varpath += (varpath ? '.value' : 'value');
                    // varpath = drAttr.drForm + '.' + varpath;
                    // it.setAttribute(attrEventName, `${varpath} = $target.value; ${target}=$target; ${event}=$event;`);
                    it.setAttribute(attrEventName, `${varpath}.set($target.value, $target, $event); ${it.getAttribute(attrEventName) ?? ''};`);
                    data.setTarget(it);
                    data.value = (it as any).value;
                } else {
                    it.setAttribute(attrEventName, `${varpath} = $target.value;`);
                }
            }
        })
        RawSet.drFormOtherMoveAttr(this.elementSource.element, 'temp-name', 'name', this.source.config);
        this.returnContainer.raws.push(...RawSet.checkPointCreates(this.elementSource.element, this.source.obj, this.source.config));
        return ExecuteState.EXECUTE;
    }
}