You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
137 lines
3.1 KiB
137 lines
3.1 KiB
3 years ago
|
'use strict';
|
||
|
|
||
|
const Select = require('./select');
|
||
|
const Form = require('./form');
|
||
|
const form = Form.prototype;
|
||
|
|
||
|
class Editable extends Select {
|
||
|
constructor(options) {
|
||
|
super({ ...options, multiple: true });
|
||
|
this.align = [this.options.align, 'left'].find(v => v != null);
|
||
|
this.emptyError = '';
|
||
|
this.values = {};
|
||
|
}
|
||
|
|
||
|
dispatch(char, key) {
|
||
|
let choice = this.focused;
|
||
|
let parent = choice.parent || {};
|
||
|
if (!choice.editable && !parent.editable) {
|
||
|
if (char === 'a' || char === 'i') return super[char]();
|
||
|
}
|
||
|
return form.dispatch.call(this, char, key);
|
||
|
}
|
||
|
|
||
|
append(char, key) {
|
||
|
return form.append.call(this, char, key);
|
||
|
}
|
||
|
|
||
|
delete(char, key) {
|
||
|
return form.delete.call(this, char, key);
|
||
|
}
|
||
|
|
||
|
space(char) {
|
||
|
return this.focused.editable ? this.append(char) : super.space();
|
||
|
}
|
||
|
|
||
|
number(char) {
|
||
|
return this.focused.editable ? this.append(char) : super.number(char);
|
||
|
}
|
||
|
|
||
|
next() {
|
||
|
return this.focused.editable ? form.next.call(this) : super.next();
|
||
|
}
|
||
|
|
||
|
prev() {
|
||
|
return this.focused.editable ? form.prev.call(this) : super.prev();
|
||
|
}
|
||
|
|
||
|
async indicator(choice, i) {
|
||
|
let symbol = choice.indicator || '';
|
||
|
let value = choice.editable ? symbol : super.indicator(choice, i);
|
||
|
return await this.resolve(value, this.state, choice, i) || '';
|
||
|
}
|
||
|
|
||
|
indent(choice) {
|
||
|
return choice.role === 'heading' ? '' : (choice.editable ? ' ' : ' ');
|
||
|
}
|
||
|
|
||
|
async renderChoice(choice, i) {
|
||
|
choice.indent = '';
|
||
|
if (choice.editable) return form.renderChoice.call(this, choice, i);
|
||
|
return super.renderChoice(choice, i);
|
||
|
}
|
||
|
|
||
|
error() {
|
||
|
return '';
|
||
|
}
|
||
|
|
||
|
footer() {
|
||
|
return this.state.error;
|
||
|
}
|
||
|
|
||
|
async validate() {
|
||
|
let result = true;
|
||
|
|
||
|
for (let choice of this.choices) {
|
||
|
if (typeof choice.validate !== 'function') {
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
if (choice.role === 'heading') {
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
let val = choice.parent ? this.value[choice.parent.name] : this.value;
|
||
|
|
||
|
if (choice.editable) {
|
||
|
val = choice.value === choice.name ? choice.initial || '' : choice.value;
|
||
|
} else if (!this.isDisabled(choice)) {
|
||
|
val = choice.enabled === true;
|
||
|
}
|
||
|
|
||
|
result = await choice.validate(val, this.state);
|
||
|
|
||
|
if (result !== true) {
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (result !== true) {
|
||
|
this.state.error = typeof result === 'string' ? result : 'Invalid Input';
|
||
|
}
|
||
|
|
||
|
return result;
|
||
|
}
|
||
|
|
||
|
submit() {
|
||
|
if (this.focused.newChoice === true) return super.submit();
|
||
|
if (this.choices.some(ch => ch.newChoice)) {
|
||
|
return this.alert();
|
||
|
}
|
||
|
|
||
|
this.value = {};
|
||
|
|
||
|
for (let choice of this.choices) {
|
||
|
let val = choice.parent ? this.value[choice.parent.name] : this.value;
|
||
|
|
||
|
if (choice.role === 'heading') {
|
||
|
this.value[choice.name] = {};
|
||
|
continue;
|
||
|
}
|
||
|
|
||
|
if (choice.editable) {
|
||
|
val[choice.name] = choice.value === choice.name
|
||
|
? (choice.initial || '')
|
||
|
: choice.value;
|
||
|
|
||
|
} else if (!this.isDisabled(choice)) {
|
||
|
val[choice.name] = choice.enabled === true;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return this.base.submit.call(this);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
module.exports = Editable;
|