vue-formio-eorion
Version:
A vue.js renderer for form.io forms.
216 lines • 8.43 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
/* globals console, Promise */
var vue_1 = __importDefault(require("vue"));
var vue_property_decorator_1 = require("vue-property-decorator");
var components_1 = __importDefault(require("formiojs-eorion/components"));
var Components_1 = __importDefault(require("formiojs-eorion/components/Components"));
Components_1.default.setComponents(components_1.default);
var Form_1 = __importDefault(require("formiojs-eorion/Form"));
var Form = /** @class */ (function (_super) {
__extends(Form, _super);
function Form() {
return _super !== null && _super.apply(this, arguments) || this;
}
Form.prototype.srcChange = function (value) {
if (this.formio) {
this.formio.src = value;
}
};
Form.prototype.urlChange = function (value) {
if (this.formio) {
this.formio.url = value;
}
};
Form.prototype.formChange = function (value) {
if (this.formio) {
this.formio.form = value;
}
};
Form.prototype.submissionChange = function (value) {
if (this.formio) {
this.formio.submission = value;
}
};
Form.prototype.languageChange = function (value) {
if (this.formio) {
this.formio.language = value;
}
};
Form.prototype.mounted = function () {
var _this = this;
this.initializeForm()
.then(function () {
_this.setupForm();
})
.catch(function (err) {
console.warn(err);
});
};
Form.prototype.destroyed = function () {
if (this.formio) {
this.formio.destroy(true);
}
};
Form.prototype.initializeForm = function () {
var _this = this;
return new Promise(function (resolve, reject) {
if (_this.src) {
resolve(new Form_1.default(_this.$refs.formio, _this.src, _this.options)
.ready
.then(function (formio) {
_this.formio = formio;
_this.formio.src = _this.src;
return formio;
})
.catch(function (err) {
/* eslint-disable no-console */
console.error(err);
/* eslint-enable no-console */
}));
}
else if (_this.form) {
resolve(new Form_1.default(_this.$refs.formio, _this.form, _this.options)
.ready
.then(function (formio) {
_this.formio = formio;
_this.formio.form = _this.form;
if (_this.url) {
_this.formio.url = _this.url;
}
return formio;
})
.catch(function (err) {
/* eslint-disable no-console */
console.error(err);
/* eslint-enable no-console */
}));
}
else {
// If we get to here there is no src or form
reject('Must set src or form attribute');
}
});
};
Form.prototype.setupForm = function () {
var _this = this;
if (!this.formio) {
return;
}
if (this.submission) {
this.formio.submission = this.submission;
}
if (this.url) {
this.formio.url = this.url;
}
this.formio.language = this.language ? this.language : 'en';
if (this.options.language) {
this.formio.language = this.options.language;
}
this.formio.events.onAny(function () {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
var eventParts = args[0].split('.');
// Only handle formio events.
var namespace = _this.options && _this.options.namespace || 'formio';
if (eventParts[0] !== namespace || eventParts.length !== 2) {
return;
}
// Remove formio. from event.
args[0] = eventParts[1];
_this.$emit.apply(_this, args);
// Emit custom events under their own name as well.
if (eventParts[1] === 'customEvent') {
args[0] = args[1].type;
_this.$emit.apply(_this, args);
}
});
};
Form.prototype.render = function (createElement) {
return createElement('div', { ref: 'formio' });
};
__decorate([
vue_property_decorator_1.Prop(),
__metadata("design:type", String)
], Form.prototype, "src", void 0);
__decorate([
vue_property_decorator_1.Prop(),
__metadata("design:type", String)
], Form.prototype, "url", void 0);
__decorate([
vue_property_decorator_1.Prop(),
__metadata("design:type", Object)
], Form.prototype, "form", void 0);
__decorate([
vue_property_decorator_1.Prop(),
__metadata("design:type", Object)
], Form.prototype, "submission", void 0);
__decorate([
vue_property_decorator_1.Prop(),
__metadata("design:type", String)
], Form.prototype, "language", void 0);
__decorate([
vue_property_decorator_1.Prop({ default: function () { } }),
__metadata("design:type", Object)
], Form.prototype, "options", void 0);
__decorate([
vue_property_decorator_1.Watch('src'),
__metadata("design:type", Function),
__metadata("design:paramtypes", [String]),
__metadata("design:returntype", void 0)
], Form.prototype, "srcChange", null);
__decorate([
vue_property_decorator_1.Watch('url'),
__metadata("design:type", Function),
__metadata("design:paramtypes", [String]),
__metadata("design:returntype", void 0)
], Form.prototype, "urlChange", null);
__decorate([
vue_property_decorator_1.Watch('form'),
__metadata("design:type", Function),
__metadata("design:paramtypes", [Object]),
__metadata("design:returntype", void 0)
], Form.prototype, "formChange", null);
__decorate([
vue_property_decorator_1.Watch('submission'),
__metadata("design:type", Function),
__metadata("design:paramtypes", [Object]),
__metadata("design:returntype", void 0)
], Form.prototype, "submissionChange", null);
__decorate([
vue_property_decorator_1.Watch('language'),
__metadata("design:type", Function),
__metadata("design:paramtypes", [String]),
__metadata("design:returntype", void 0)
], Form.prototype, "languageChange", null);
Form = __decorate([
vue_property_decorator_1.Component
], Form);
return Form;
}(vue_1.default));
exports.Form = Form;
//# sourceMappingURL=Form.js.map