|
|
|
|
@ -45434,68 +45434,68 @@ BI.RichEditorParamAction = BI.inherit(BI.RichEditorAction, {
|
|
|
|
|
|
|
|
|
|
key: function (e) { |
|
|
|
|
} |
|
|
|
|
});/** |
|
|
|
|
* 颜色选择 |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorTextToolbar |
|
|
|
|
* @extends BI.Widget |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorTextToolbar = BI.inherit(BI.Widget, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.RichEditorTextToolbar.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
baseCls: "bi-rich-editor-text-toolbar bi-background", |
|
|
|
|
buttons: [ |
|
|
|
|
{type: "bi.rich_editor_size_chooser"}, |
|
|
|
|
{type: "bi.rich_editor_bold_button"}, |
|
|
|
|
{type: "bi.rich_editor_italic_button"}, |
|
|
|
|
{type: "bi.rich_editor_underline_button"}, |
|
|
|
|
{type: "bi.rich_editor_color_chooser"}, |
|
|
|
|
{type: "bi.rich_editor_background_color_chooser"}, |
|
|
|
|
{type: "bi.rich_editor_align_left_button"}, |
|
|
|
|
{type: "bi.rich_editor_align_center_button"}, |
|
|
|
|
{type: "bi.rich_editor_align_right_button"}, |
|
|
|
|
{type: "bi.rich_editor_param_button"}, |
|
|
|
|
], |
|
|
|
|
height: 28 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorTextToolbar.superclass._init.apply(this, arguments); |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
BI.createWidget({ |
|
|
|
|
type: "bi.left", |
|
|
|
|
element: this, |
|
|
|
|
items: BI.map(o.buttons, function (i, btn) { |
|
|
|
|
return BI.extend(btn, { |
|
|
|
|
editor: o.editor |
|
|
|
|
}); |
|
|
|
|
}), |
|
|
|
|
hgap: 3, |
|
|
|
|
vgap: 3 |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
mounted: function () { |
|
|
|
|
var self = this; |
|
|
|
|
if (BI.isIE9Below()) {//IE8下必须要设置unselectable才能不blur输入框
|
|
|
|
|
this.element.mousedown(function () { |
|
|
|
|
self._noSelect(self.element[0]); |
|
|
|
|
}); |
|
|
|
|
this._noSelect(this.element[0]); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_noSelect: function (element) { |
|
|
|
|
if (element.setAttribute && element.nodeName.toLowerCase() != 'input' && element.nodeName.toLowerCase() != 'textarea') { |
|
|
|
|
element.setAttribute('unselectable', 'on'); |
|
|
|
|
} |
|
|
|
|
for (var i = 0; i < element.childNodes.length; i++) { |
|
|
|
|
this._noSelect(element.childNodes[i]); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
});/** |
|
|
|
|
* 颜色选择 |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorTextToolbar |
|
|
|
|
* @extends BI.Widget |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorTextToolbar = BI.inherit(BI.Widget, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.RichEditorTextToolbar.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
baseCls: "bi-rich-editor-text-toolbar bi-background", |
|
|
|
|
buttons: [ |
|
|
|
|
{type: "bi.rich_editor_size_chooser"}, |
|
|
|
|
{type: "bi.rich_editor_bold_button"}, |
|
|
|
|
{type: "bi.rich_editor_italic_button"}, |
|
|
|
|
{type: "bi.rich_editor_underline_button"}, |
|
|
|
|
{type: "bi.rich_editor_color_chooser"}, |
|
|
|
|
{type: "bi.rich_editor_background_color_chooser"}, |
|
|
|
|
{type: "bi.rich_editor_align_left_button"}, |
|
|
|
|
{type: "bi.rich_editor_align_center_button"}, |
|
|
|
|
{type: "bi.rich_editor_align_right_button"}, |
|
|
|
|
{type: "bi.rich_editor_param_button"}, |
|
|
|
|
], |
|
|
|
|
height: 28 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorTextToolbar.superclass._init.apply(this, arguments); |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
BI.createWidget({ |
|
|
|
|
type: "bi.left", |
|
|
|
|
element: this, |
|
|
|
|
items: BI.map(o.buttons, function (i, btn) { |
|
|
|
|
return BI.extend(btn, { |
|
|
|
|
editor: o.editor |
|
|
|
|
}); |
|
|
|
|
}), |
|
|
|
|
hgap: 3, |
|
|
|
|
vgap: 3 |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
mounted: function () { |
|
|
|
|
var self = this; |
|
|
|
|
if (BI.isIE9Below()) {//IE8下必须要设置unselectable才能不blur输入框
|
|
|
|
|
this.element.mousedown(function () { |
|
|
|
|
self._noSelect(self.element[0]); |
|
|
|
|
}); |
|
|
|
|
this._noSelect(this.element[0]); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_noSelect: function (element) { |
|
|
|
|
if (element.setAttribute && element.nodeName.toLowerCase() != 'input' && element.nodeName.toLowerCase() != 'textarea') { |
|
|
|
|
element.setAttribute('unselectable', 'on'); |
|
|
|
|
} |
|
|
|
|
for (var i = 0; i < element.childNodes.length; i++) { |
|
|
|
|
this._noSelect(element.childNodes[i]); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_text_toolbar', BI.RichEditorTextToolbar);/** |
|
|
|
|
* 富文本编辑器 |
|
|
|
|
* |
|
|
|
|
@ -45776,57 +45776,57 @@ BI.shortcut('bi.rich_editor_text_toolbar', BI.RichEditorTextToolbar);/**
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}()); |
|
|
|
|
/** |
|
|
|
|
* 颜色选择trigger |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorBackgroundChooserTrigger |
|
|
|
|
* @extends BI.Widget |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorBackgroundChooserTrigger = BI.inherit(BI.Widget, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
var conf = BI.RichEditorBackgroundChooserTrigger.superclass._defaultConfig.apply(this, arguments); |
|
|
|
|
return BI.extend(conf, { |
|
|
|
|
width: 20, |
|
|
|
|
height: 20 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorBackgroundChooserTrigger.superclass._init.apply(this, arguments); |
|
|
|
|
this.font = BI.createWidget({ |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "text-background-font" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
this.underline = BI.createWidget({ |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "text-color-underline-font" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
BI.createWidget({ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
element: this, |
|
|
|
|
items: [{ |
|
|
|
|
el: this.font, |
|
|
|
|
top: 2, |
|
|
|
|
left: 2 |
|
|
|
|
}, { |
|
|
|
|
el: this.underline, |
|
|
|
|
top: 7, |
|
|
|
|
left: 2 |
|
|
|
|
}] |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
setValue: function (color) { |
|
|
|
|
this.underline.element.css("color", color); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
getValue: function () { |
|
|
|
|
return this.font.element.css("color"); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
/** |
|
|
|
|
* 颜色选择trigger |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorBackgroundChooserTrigger |
|
|
|
|
* @extends BI.Widget |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorBackgroundChooserTrigger = BI.inherit(BI.Widget, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
var conf = BI.RichEditorBackgroundChooserTrigger.superclass._defaultConfig.apply(this, arguments); |
|
|
|
|
return BI.extend(conf, { |
|
|
|
|
width: 20, |
|
|
|
|
height: 20 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorBackgroundChooserTrigger.superclass._init.apply(this, arguments); |
|
|
|
|
this.font = BI.createWidget({ |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "text-background-font" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
this.underline = BI.createWidget({ |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "text-color-underline-font" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
BI.createWidget({ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
element: this, |
|
|
|
|
items: [{ |
|
|
|
|
el: this.font, |
|
|
|
|
top: 2, |
|
|
|
|
left: 2 |
|
|
|
|
}, { |
|
|
|
|
el: this.underline, |
|
|
|
|
top: 7, |
|
|
|
|
left: 2 |
|
|
|
|
}] |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
setValue: function (color) { |
|
|
|
|
this.underline.element.css("color", color); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
getValue: function () { |
|
|
|
|
return this.font.element.css("color"); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_background_color_chooser_trigger', BI.RichEditorBackgroundChooserTrigger);/** |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
@ -46094,214 +46094,214 @@ BI.RichEditorUnderlineButton = BI.inherit(BI.RichEditorAction, {
|
|
|
|
|
this.underline.setSelected(false); |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
BI.shortcut("bi.rich_editor_underline_button", BI.RichEditorUnderlineButton)/** |
|
|
|
|
* 颜色选择trigger |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorColorChooserTrigger |
|
|
|
|
* @extends BI.Widget |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorColorChooserTrigger = BI.inherit(BI.Widget, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
var conf = BI.RichEditorColorChooserTrigger.superclass._defaultConfig.apply(this, arguments); |
|
|
|
|
return BI.extend(conf, { |
|
|
|
|
width: 20, |
|
|
|
|
height: 20 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorColorChooserTrigger.superclass._init.apply(this, arguments); |
|
|
|
|
this.font = BI.createWidget({ |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "text-color-font" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
this.underline = BI.createWidget({ |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "text-color-underline-font" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
BI.createWidget({ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
element: this, |
|
|
|
|
items: [{ |
|
|
|
|
el: this.font, |
|
|
|
|
top: 2, |
|
|
|
|
left: 2 |
|
|
|
|
}, { |
|
|
|
|
el: this.underline, |
|
|
|
|
top: 7, |
|
|
|
|
left: 2 |
|
|
|
|
}] |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
setValue: function (color) { |
|
|
|
|
this.underline.element.css("color", color); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
getValue: function () { |
|
|
|
|
return this.font.element.css("color"); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_color_chooser_trigger', BI.RichEditorColorChooserTrigger);/** |
|
|
|
|
* 颜色选择 |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorBackgroundColorChooser |
|
|
|
|
* @extends BI.RichEditorAction |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorBackgroundColorChooser = BI.inherit(BI.RichEditorAction, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.RichEditorBackgroundColorChooser.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
width: 20, |
|
|
|
|
height: 20, |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorBackgroundColorChooser.superclass._init.apply(this, arguments); |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
this.colorchooser = BI.createWidget({ |
|
|
|
|
type: "bi.color_chooser", |
|
|
|
|
element: this, |
|
|
|
|
width: o.width, |
|
|
|
|
height: o.height, |
|
|
|
|
el: { |
|
|
|
|
type: "bi.rich_editor_background_color_chooser_trigger", |
|
|
|
|
title: BI.i18nText("BI-Widget_Background_Colour"), |
|
|
|
|
cls: "text-toolbar-button" |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
this.colorchooser.on(BI.ColorChooser.EVENT_CHANGE, function () { |
|
|
|
|
var backgroundColor = this.getValue(); |
|
|
|
|
o.editor.element.css({ |
|
|
|
|
backgroundColor: backgroundColor, |
|
|
|
|
color: BI.DOM.getContrastColor(backgroundColor) |
|
|
|
|
}); |
|
|
|
|
this.setValue(""); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
deactivate: function () { |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_background_color_chooser', BI.RichEditorBackgroundColorChooser);/** |
|
|
|
|
* 颜色选择 |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorColorChooser |
|
|
|
|
* @extends BI.RichEditorAction |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorColorChooser = BI.inherit(BI.RichEditorAction, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.RichEditorColorChooser.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
width: 20, |
|
|
|
|
height: 20, |
|
|
|
|
command: "foreColor" |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorColorChooser.superclass._init.apply(this, arguments); |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
this.colorchooser = BI.createWidget({ |
|
|
|
|
type: "bi.color_chooser", |
|
|
|
|
element: this, |
|
|
|
|
width: o.width, |
|
|
|
|
height: o.height, |
|
|
|
|
el: { |
|
|
|
|
type: "bi.rich_editor_color_chooser_trigger", |
|
|
|
|
title: BI.i18nText("BI-Font_Colour"), |
|
|
|
|
cls: "text-toolbar-button" |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
this.colorchooser.on(BI.ColorChooser.EVENT_CHANGE, function () { |
|
|
|
|
self.doCommand(this.getValue()); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
deactivate: function () { |
|
|
|
|
this.colorchooser.setValue(""); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_color_chooser', BI.RichEditorColorChooser);/** |
|
|
|
|
* 字体大小选择 |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorSizeChooser |
|
|
|
|
* @extends BI.RichEditorAction |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorSizeChooser = BI.inherit(BI.RichEditorAction, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.RichEditorSizeChooser.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
baseCls: "bi-rich-editor-size-chooser bi-border bi-card", |
|
|
|
|
command: "FontSize", |
|
|
|
|
width: 50, |
|
|
|
|
height: 20 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_items: [{ |
|
|
|
|
value: 1, |
|
|
|
|
text: "1(8pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 2, |
|
|
|
|
text: "2(10pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 3, |
|
|
|
|
text: "3(12pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 4, |
|
|
|
|
text: "4(14pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 5, |
|
|
|
|
text: "5(18pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 6, |
|
|
|
|
text: "6(24pt)" |
|
|
|
|
}], |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorSizeChooser.superclass._init.apply(this, arguments); |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
this.trigger = BI.createWidget({ |
|
|
|
|
type: "bi.text_trigger", |
|
|
|
|
readonly: true, |
|
|
|
|
height: o.height, |
|
|
|
|
triggerWidth: 12, |
|
|
|
|
text: BI.i18nText("BI-Font_Size") |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
this.combo = BI.createWidget({ |
|
|
|
|
type: "bi.combo", |
|
|
|
|
element: this, |
|
|
|
|
el: this.trigger, |
|
|
|
|
adjustLength: 1, |
|
|
|
|
popup: { |
|
|
|
|
maxWidth: 70, |
|
|
|
|
minWidth: 70, |
|
|
|
|
el: { |
|
|
|
|
type: "bi.button_group", |
|
|
|
|
items: BI.createItems(this._items, { |
|
|
|
|
type: "bi.single_select_item" |
|
|
|
|
}), |
|
|
|
|
layouts: [{ |
|
|
|
|
type: "bi.vertical" |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
this.combo.on(BI.Combo.EVENT_CHANGE, function () { |
|
|
|
|
var val = this.getValue()[0]; |
|
|
|
|
self.doCommand(val); |
|
|
|
|
this.hideView(); |
|
|
|
|
this.setValue([]); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut("bi.rich_editor_underline_button", BI.RichEditorUnderlineButton)/** |
|
|
|
|
* 颜色选择trigger |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorColorChooserTrigger |
|
|
|
|
* @extends BI.Widget |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorColorChooserTrigger = BI.inherit(BI.Widget, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
var conf = BI.RichEditorColorChooserTrigger.superclass._defaultConfig.apply(this, arguments); |
|
|
|
|
return BI.extend(conf, { |
|
|
|
|
width: 20, |
|
|
|
|
height: 20 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorColorChooserTrigger.superclass._init.apply(this, arguments); |
|
|
|
|
this.font = BI.createWidget({ |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "text-color-font" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
this.underline = BI.createWidget({ |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "text-color-underline-font" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
BI.createWidget({ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
element: this, |
|
|
|
|
items: [{ |
|
|
|
|
el: this.font, |
|
|
|
|
top: 2, |
|
|
|
|
left: 2 |
|
|
|
|
}, { |
|
|
|
|
el: this.underline, |
|
|
|
|
top: 7, |
|
|
|
|
left: 2 |
|
|
|
|
}] |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
setValue: function (color) { |
|
|
|
|
this.underline.element.css("color", color); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
getValue: function () { |
|
|
|
|
return this.font.element.css("color"); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_color_chooser_trigger', BI.RichEditorColorChooserTrigger);/** |
|
|
|
|
* 颜色选择 |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorBackgroundColorChooser |
|
|
|
|
* @extends BI.RichEditorAction |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorBackgroundColorChooser = BI.inherit(BI.RichEditorAction, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.RichEditorBackgroundColorChooser.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
width: 20, |
|
|
|
|
height: 20, |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorBackgroundColorChooser.superclass._init.apply(this, arguments); |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
this.colorchooser = BI.createWidget({ |
|
|
|
|
type: "bi.color_chooser", |
|
|
|
|
element: this, |
|
|
|
|
width: o.width, |
|
|
|
|
height: o.height, |
|
|
|
|
el: { |
|
|
|
|
type: "bi.rich_editor_background_color_chooser_trigger", |
|
|
|
|
title: BI.i18nText("BI-Widget_Background_Colour"), |
|
|
|
|
cls: "text-toolbar-button" |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
this.colorchooser.on(BI.ColorChooser.EVENT_CHANGE, function () { |
|
|
|
|
var backgroundColor = this.getValue(); |
|
|
|
|
o.editor.element.css({ |
|
|
|
|
backgroundColor: backgroundColor, |
|
|
|
|
color: BI.DOM.getContrastColor(backgroundColor) |
|
|
|
|
}); |
|
|
|
|
this.setValue(""); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
deactivate: function () { |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_background_color_chooser', BI.RichEditorBackgroundColorChooser);/** |
|
|
|
|
* 颜色选择 |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorColorChooser |
|
|
|
|
* @extends BI.RichEditorAction |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorColorChooser = BI.inherit(BI.RichEditorAction, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.RichEditorColorChooser.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
width: 20, |
|
|
|
|
height: 20, |
|
|
|
|
command: "foreColor" |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorColorChooser.superclass._init.apply(this, arguments); |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
this.colorchooser = BI.createWidget({ |
|
|
|
|
type: "bi.color_chooser", |
|
|
|
|
element: this, |
|
|
|
|
width: o.width, |
|
|
|
|
height: o.height, |
|
|
|
|
el: { |
|
|
|
|
type: "bi.rich_editor_color_chooser_trigger", |
|
|
|
|
title: BI.i18nText("BI-Font_Colour"), |
|
|
|
|
cls: "text-toolbar-button" |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
this.colorchooser.on(BI.ColorChooser.EVENT_CHANGE, function () { |
|
|
|
|
self.doCommand(this.getValue()); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
deactivate: function () { |
|
|
|
|
this.colorchooser.setValue(""); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_color_chooser', BI.RichEditorColorChooser);/** |
|
|
|
|
* 字体大小选择 |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2015/11/26. |
|
|
|
|
* @class BI.RichEditorSizeChooser |
|
|
|
|
* @extends BI.RichEditorAction |
|
|
|
|
*/ |
|
|
|
|
BI.RichEditorSizeChooser = BI.inherit(BI.RichEditorAction, { |
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.RichEditorSizeChooser.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
baseCls: "bi-rich-editor-size-chooser bi-border bi-card", |
|
|
|
|
command: "FontSize", |
|
|
|
|
width: 50, |
|
|
|
|
height: 20 |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_items: [{ |
|
|
|
|
value: 1, |
|
|
|
|
text: "1(8pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 2, |
|
|
|
|
text: "2(10pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 3, |
|
|
|
|
text: "3(12pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 4, |
|
|
|
|
text: "4(14pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 5, |
|
|
|
|
text: "5(18pt)" |
|
|
|
|
}, { |
|
|
|
|
value: 6, |
|
|
|
|
text: "6(24pt)" |
|
|
|
|
}], |
|
|
|
|
|
|
|
|
|
_init: function () { |
|
|
|
|
BI.RichEditorSizeChooser.superclass._init.apply(this, arguments); |
|
|
|
|
var self = this, o = this.options; |
|
|
|
|
this.trigger = BI.createWidget({ |
|
|
|
|
type: "bi.text_trigger", |
|
|
|
|
readonly: true, |
|
|
|
|
height: o.height, |
|
|
|
|
triggerWidth: 12, |
|
|
|
|
text: BI.i18nText("BI-Font_Size") |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
this.combo = BI.createWidget({ |
|
|
|
|
type: "bi.combo", |
|
|
|
|
element: this, |
|
|
|
|
el: this.trigger, |
|
|
|
|
adjustLength: 1, |
|
|
|
|
popup: { |
|
|
|
|
maxWidth: 70, |
|
|
|
|
minWidth: 70, |
|
|
|
|
el: { |
|
|
|
|
type: "bi.button_group", |
|
|
|
|
items: BI.createItems(this._items, { |
|
|
|
|
type: "bi.single_select_item" |
|
|
|
|
}), |
|
|
|
|
layouts: [{ |
|
|
|
|
type: "bi.vertical" |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
this.combo.on(BI.Combo.EVENT_CHANGE, function () { |
|
|
|
|
var val = this.getValue()[0]; |
|
|
|
|
self.doCommand(val); |
|
|
|
|
this.hideView(); |
|
|
|
|
this.setValue([]); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
BI.shortcut('bi.rich_editor_size_chooser', BI.RichEditorSizeChooser);/** |
|
|
|
|
* 富文本编辑器 |
|
|
|
|
* |
|
|
|
|
@ -83730,11 +83730,14 @@ BI.InteractiveArrangement = BI.inherit(BI.Widget, {
|
|
|
|
|
} else if (vs.right.length > 0) { |
|
|
|
|
var temp = this._getRegionClientPosition(vs.right[0].id); |
|
|
|
|
l = temp.left + temp.width; |
|
|
|
|
} else if (vs.center.length > 0) { |
|
|
|
|
var temp = this._getRegionClientPosition(vs.center[0].id); |
|
|
|
|
l = temp.left + temp.width / 2; |
|
|
|
|
} |
|
|
|
|
var rs = vs.left.concat(vs.right); |
|
|
|
|
var rs = vs.left.concat(vs.right).concat(vs.center); |
|
|
|
|
BI.each(rs, function (i, region) { |
|
|
|
|
var p = self._getRegionClientPosition(region.id); |
|
|
|
|
if (self._isEqual(p.left, l) || self._isEqual(p.left + p.width, l)) { |
|
|
|
|
if (self._isEqual(p.left, l) || self._isEqual(p.left + p.width, l) || self._isEqual(p.left + p.width / 2, l)) { |
|
|
|
|
var topPoint = { |
|
|
|
|
top: p.top + p.height / 2, |
|
|
|
|
left: l |
|
|
|
|
@ -83779,11 +83782,14 @@ BI.InteractiveArrangement = BI.inherit(BI.Widget, {
|
|
|
|
|
} else if (hs.bottom.length > 0) { |
|
|
|
|
var temp = this._getRegionClientPosition(hs.bottom[0].id); |
|
|
|
|
t = temp.top + temp.height; |
|
|
|
|
} else if (hs.middle.length > 0) { |
|
|
|
|
var temp = this._getRegionClientPosition(hs.middle[0].id); |
|
|
|
|
t = temp.top + temp.height / 2; |
|
|
|
|
} |
|
|
|
|
var rs = hs.top.concat(hs.bottom); |
|
|
|
|
var rs = hs.top.concat(hs.bottom).concat(hs.middle); |
|
|
|
|
BI.each(rs, function (i, region) { |
|
|
|
|
var p = self._getRegionClientPosition(region.id); |
|
|
|
|
if (self._isEqual(p.top, t) || self._isEqual(p.top + p.height, t)) { |
|
|
|
|
if (self._isEqual(p.top, t) || self._isEqual(p.top + p.height, t) || self._isEqual(p.top + p.height / 2, t)) { |
|
|
|
|
var leftPoint = { |
|
|
|
|
top: t, |
|
|
|
|
left: p.left + p.width / 2 |
|
|
|
|
@ -83819,66 +83825,18 @@ BI.InteractiveArrangement = BI.inherit(BI.Widget, {
|
|
|
|
|
|
|
|
|
|
_centerAlign: function (position, size, regions) { |
|
|
|
|
var self = this; |
|
|
|
|
var cs = this._positionAt({ |
|
|
|
|
return this._vAlign({ |
|
|
|
|
left: position.left + size.width / 2, |
|
|
|
|
top: position.top + size.height / 2 |
|
|
|
|
}, regions); |
|
|
|
|
var positions = []; |
|
|
|
|
var l; |
|
|
|
|
if (cs.center.length > 0) { |
|
|
|
|
var temp = this._getRegionClientPosition(cs.center[0].id); |
|
|
|
|
l = temp.left + temp.width / 2; |
|
|
|
|
} |
|
|
|
|
BI.each(cs.center, function (i, region) { |
|
|
|
|
var p = self._getRegionClientPosition(region.id); |
|
|
|
|
if (self._isEqual(p.left + p.width / 2, l)) { |
|
|
|
|
var topPoint = { |
|
|
|
|
top: p.top + p.height / 2, |
|
|
|
|
left: p.left + p.width / 2 |
|
|
|
|
}; |
|
|
|
|
positions.push({ |
|
|
|
|
id: p.id, |
|
|
|
|
start: topPoint, |
|
|
|
|
end: { |
|
|
|
|
left: l, |
|
|
|
|
top: position.top + size.height / 2 |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
return positions; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_middleAlign: function (position, size, regions) { |
|
|
|
|
var self = this; |
|
|
|
|
var cs = this._positionAt({ |
|
|
|
|
return this._hAlign({ |
|
|
|
|
left: position.left + size.width / 2, |
|
|
|
|
top: position.top + size.height / 2 |
|
|
|
|
}, regions); |
|
|
|
|
var positions = []; |
|
|
|
|
var t; |
|
|
|
|
if (cs.middle.length > 0) { |
|
|
|
|
var temp = this._getRegionClientPosition(cs.middle[0].id); |
|
|
|
|
t = temp.top + temp.height / 2; |
|
|
|
|
} |
|
|
|
|
BI.each(cs.middle, function (i, region) { |
|
|
|
|
var p = self._getRegionClientPosition(region.id); |
|
|
|
|
if (self._isEqual(p.top + p.height / 2, t)) { |
|
|
|
|
var topPoint = { |
|
|
|
|
top: p.top + p.height / 2, |
|
|
|
|
left: p.left + p.width / 2 |
|
|
|
|
}; |
|
|
|
|
positions.push({ |
|
|
|
|
id: p.id, |
|
|
|
|
start: topPoint, |
|
|
|
|
end: { |
|
|
|
|
left: position.left + size.width / 2, |
|
|
|
|
top: t |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
return positions; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -83969,13 +83927,13 @@ BI.InteractiveArrangement = BI.inherit(BI.Widget, {
|
|
|
|
|
} |
|
|
|
|
var other = this._getRegionExcept(name, regions); |
|
|
|
|
position = position || { |
|
|
|
|
left: me.left, |
|
|
|
|
top: me.top |
|
|
|
|
}; |
|
|
|
|
left: me.left, |
|
|
|
|
top: me.top |
|
|
|
|
}; |
|
|
|
|
size = size || { |
|
|
|
|
width: me.width, |
|
|
|
|
height: me.height |
|
|
|
|
}; |
|
|
|
|
width: me.width, |
|
|
|
|
height: me.height |
|
|
|
|
}; |
|
|
|
|
var left = this._leftAlign(position, size, other); |
|
|
|
|
var right = this._rightAlign(position, size, other); |
|
|
|
|
var top = this._topAlign(position, size, other, other); |
|
|
|
|
@ -84013,13 +83971,13 @@ BI.InteractiveArrangement = BI.inherit(BI.Widget, {
|
|
|
|
|
} |
|
|
|
|
var other = this._getRegionExcept(name, regions); |
|
|
|
|
position = position || { |
|
|
|
|
left: me.left, |
|
|
|
|
top: me.top |
|
|
|
|
}; |
|
|
|
|
left: me.left, |
|
|
|
|
top: me.top |
|
|
|
|
}; |
|
|
|
|
size = size || { |
|
|
|
|
width: me.width, |
|
|
|
|
height: me.height |
|
|
|
|
}; |
|
|
|
|
width: me.width, |
|
|
|
|
height: me.height |
|
|
|
|
}; |
|
|
|
|
var left = this._leftAlign(position, size, other); |
|
|
|
|
var right = this._rightAlign(position, size, other); |
|
|
|
|
var top = this._topAlign(position, size, other, other); |
|
|
|
|
|
guy
7 years ago