forked from fanruan/fineui
windy
4 years ago
31 changed files with 443 additions and 453 deletions
@ -0,0 +1,199 @@
|
||||
/** |
||||
* @author windy |
||||
* @version 2.0 |
||||
* Created by windy on 2021/5/18 |
||||
*/ |
||||
BI.SelectPatchEditor = BI.inherit(BI.Widget, { |
||||
|
||||
props: { |
||||
baseCls: "bi-patch-select-editor", |
||||
height: 24, |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
var debounceInputChange = BI.debounce(BI.bind(this._dealChange, this), 300); |
||||
|
||||
return BI.extend({ |
||||
type: "bi.state_editor", |
||||
ref: function (_ref) { |
||||
self.editor = _ref; |
||||
}, |
||||
hgap: o.hgap, |
||||
vgap: o.vgap, |
||||
lgap: o.lgap, |
||||
rgap: o.rgap, |
||||
tgap: o.tgap, |
||||
bgap: o.bgap, |
||||
height: o.height, |
||||
watermark: o.watermark, |
||||
allowBlank: true, |
||||
value: o.value, |
||||
defaultText: o.text, |
||||
text: o.text, |
||||
tipType: o.tipType, |
||||
warningTitle: o.warningTitle, |
||||
el: { |
||||
type: 'bi.textarea_editor', |
||||
scrolly: false, |
||||
validationChecker: function () { |
||||
return true; |
||||
}, |
||||
throttle: true, |
||||
}, |
||||
listeners: [{ |
||||
eventName: BI.Controller.EVENT_CHANGE, |
||||
action: function (type, v) { |
||||
if (BI.contains(v, "\n")) { |
||||
self._dealChange(type, v); |
||||
} else { |
||||
debounceInputChange(type, v); |
||||
} |
||||
}, |
||||
}, { |
||||
eventName: BI.Editor.EVENT_FOCUS, |
||||
action: function () { |
||||
self.fireEvent(BI.SelectPatchEditor.EVENT_FOCUS, arguments); |
||||
}, |
||||
}, { |
||||
eventName: BI.Editor.EVENT_BLUR, |
||||
action: function () { |
||||
self.fireEvent(BI.SelectPatchEditor.EVENT_BLUR, arguments); |
||||
}, |
||||
}], |
||||
}, o.el); |
||||
}, |
||||
|
||||
_dealChange: function (type, v) { |
||||
var value = ""; |
||||
if (BI.isKey(v)) { |
||||
value = this._formatText(v); |
||||
} |
||||
if (type === BI.Events.CHANGE) { |
||||
this._setValue(value); |
||||
if (this._trimValue(value) !== "") { |
||||
if (!this._start || !BI.isKey(this._lastValue) || (this._pause === true && !/\u200b\s\u200b$/.test(this.getValue()))) { |
||||
this._start = true; |
||||
this._pause = false; |
||||
this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.STARTEDIT, this.getValue(), this); |
||||
} |
||||
} |
||||
if (this._trimValue(this._lastValue) !== this._trimValue(value)) { |
||||
this.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
} |
||||
if (BI.endWith(value, BI.BlankSplitChar)) { |
||||
this._pause = true; |
||||
this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.PAUSE, "", this); |
||||
} |
||||
} |
||||
if (type === BI.Events.EMPTY || type === BI.Events.STOPEDIT) { |
||||
this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EMPTY); |
||||
} |
||||
this._lastValue = value; |
||||
}, |
||||
|
||||
_trimValue: function (v) { |
||||
return BI.trim(BI.replaceAll(v || "", BI.BlankSplitChar, "")); |
||||
}, |
||||
|
||||
_formatText: function (v) { |
||||
return BI.replaceAll(v || "", "\n", BI.BlankSplitChar); |
||||
}, |
||||
|
||||
setWaterMark: function (v) { |
||||
this.editor.setWaterMark(v); |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.editor.doRedMark.apply(this.editor, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.editor.unRedMark.apply(this.editor, arguments); |
||||
}, |
||||
|
||||
doHighLight: function () { |
||||
this.editor.doHighLight.apply(this.editor, arguments); |
||||
}, |
||||
|
||||
unHighLight: function () { |
||||
this.text.unHighLight.apply(this.text, arguments); |
||||
}, |
||||
|
||||
focus: function () { |
||||
this.editor.focus(); |
||||
}, |
||||
|
||||
blur: function () { |
||||
this.editor.blur(); |
||||
}, |
||||
|
||||
_setValue: function (v) { |
||||
this.editor.setValue(this._formatText(v)); |
||||
}, |
||||
|
||||
_showInput: function () { |
||||
this.editor.visible(); |
||||
this.text.invisible(); |
||||
}, |
||||
|
||||
_showHint: function () { |
||||
this.editor.invisible(); |
||||
this.text.visible(); |
||||
}, |
||||
|
||||
isValid: function () { |
||||
return this.editor.isValid(); |
||||
}, |
||||
|
||||
setErrorText: function (text) { |
||||
this.editor.setErrorText(text); |
||||
}, |
||||
|
||||
getErrorText: function () { |
||||
return this.editor.getErrorText(); |
||||
}, |
||||
|
||||
isEditing: function () { |
||||
return this.editor.isEditing(); |
||||
}, |
||||
|
||||
getLastValidValue: function () { |
||||
return this.editor.getLastValidValue(); |
||||
}, |
||||
|
||||
getLastChangedValue: function () { |
||||
return this.editor.getLastChangedValue(); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
this._setValue(v); |
||||
this._lastValue = this._trimValue(v); |
||||
}, |
||||
|
||||
getValue: function () { |
||||
return BI.trim(this.editor.getValue()); |
||||
}, |
||||
|
||||
getState: function () { |
||||
return this.editor.getState(); |
||||
}, |
||||
|
||||
setState: function (v) { |
||||
this.editor.setState(v); |
||||
}, |
||||
|
||||
setTipType: function (v) { |
||||
this.editor.setTipType(v); |
||||
}, |
||||
|
||||
getText: function () { |
||||
return this.editor.getText(); |
||||
}, |
||||
}); |
||||
BI.SelectPatchEditor.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.SelectPatchEditor.EVENT_FOCUS = "EVENT_FOCUS"; |
||||
BI.SelectPatchEditor.EVENT_BLUR = "EVENT_BLUR"; |
||||
|
||||
BI.shortcut("bi.select_patch_editor", BI.SelectPatchEditor); |
||||
Loading…
Reference in new issue