@morjs/runtime-web/lib/components/src/form/form.js

mor runtime for web

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const lit_element_1 = require("lit-element");
const baseElement_1 = require("../baseElement");
class TigaForm extends baseElement_1.BaseElement {
    submit() {
        // 获取所有的设置了 name 属性的元素。
        const value = {};
        const namedElements = this.querySelectorAll('*[name]');
        namedElements.forEach((e) => {
            value[e.getAttribute('name')] = e.value;
        });
        this.dispatchEvent(new CustomEvent('submit', {
            detail: {
                value
            }
        }));
    }
    reset() {
        const namedElements = this.querySelectorAll('*[name]');
        namedElements.forEach((e) => {
            // e.value = '';
            if (e.reset) {
                e.reset();
            }
            else {
                e.value = '';
            }
        });
        this.dispatchEvent(new CustomEvent('reset'));
    }
    render() {
        return (0, lit_element_1.html) ` <form><slot></slot></form> `;
    }
}
tslib_1.__decorate([
    (0, lit_element_1.query)('form')
], TigaForm.prototype, "form", void 0);
exports.default = TigaForm;
//# sourceMappingURL=form.js.map