Frank
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Fixed merge conflict

es6
Zhenfei.Li-李振飞 2 years ago
parent
c370dc736f f072c66862
commit
0890d11ff0
27 changed files with 3071 additions and 2958 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      .eslintrc
  2. 54
      src/base/0.base.js
  3. 86
      src/base/1.pane.js
  4. 15
      src/base/index.js
  5. 220
      src/base/single/0.single.js
  6. 156
      src/base/single/1.text.js
  7. 5
      src/core/2.base.js
  8. 147
      src/core/3.ob.js
  9. 521
      src/core/4.widget.js
  10. 15
      src/core/action/action.js
  11. 11
      src/core/action/action.show.js
  12. 16
      src/core/behavior/0.behavior.js
  13. 11
      src/core/behavior/behavior.highlight.js
  14. 9
      src/core/behavior/behavior.redmark.js
  15. 7
      src/core/controller/0.controller.js
  16. 35
      src/core/controller/controller.broadcast.js
  17. 49
      src/core/controller/controller.bubbles.js
  18. 91
      src/core/controller/controller.drawer.js
  19. 85
      src/core/controller/controller.layer.js
  20. 9
      src/core/controller/controller.masker.js
  21. 92
      src/core/controller/controller.popover.js
  22. 41
      src/core/controller/controller.resizer.js
  23. 76
      src/core/controller/controller.tooltips.js
  24. 8
      src/core/decorator.js
  25. 59
      src/core/index.js
  26. 34
      src/core/loader/loader.style.js
  27. 3
      tsconfig.json

2
.eslintrc
Unescape View File

@ -27,7 +27,7 @@
"plugins": ["@typescript-eslint/eslint-plugin"],
"overrides": [{
"files": ["src/*.js","src/**/*.js", "demo/*.js", "demo/**/*.js", "i18n/**/*.js", "i18n/*.js", "test/**/*.js", "test/*.js", "examples/*.js", "examples/**/*.js"],
"extends": "plugin:@fui/es5",
"extends": "plugin:@fui/es6",
"rules": {
"no-param-reassign": "off",
"quotes": [2, "double"],

54
src/base/0.base.js
Unescape View File

@ -1,9 +1,45 @@
BI.Resizers = new BI.ResizeController();
BI.Layers = new BI.LayerController();
BI.Maskers = new BI.MaskersController();
BI.Bubbles = new BI.BubblesController();
BI.Tooltips = new BI.TooltipsController();
BI.Popovers = new BI.PopoverController();
BI.Drawers = new BI.DrawerController();
BI.Broadcasts = new BI.BroadcastController();
BI.StyleLoaders = new BI.StyleLoaderManager();
import {
BroadcastController,
BubblesController,
DrawerController,
LayerController,
MaskersController,
PopoverController,
ResizeController,
TooltipsController,
StyleLoaderManager
} from "../core";
const Resizers = new ResizeController();
const Layers = new LayerController();
const Maskers = new MaskersController();
const Bubbles = new BubblesController();
const Tooltips = new TooltipsController();
const Popovers = new PopoverController();
const Drawers = new DrawerController();
const Broadcasts = new BroadcastController();
const StyleLoaders = new StyleLoaderManager();
BI.extend(BI, {
Resizers,
Layers,
Maskers,
Bubbles,
Tooltips,
Popovers,
Drawers,
Broadcasts,
StyleLoaders
});
export {
Resizers,
Layers,
Maskers,
Bubbles,
Tooltips,
Popovers,
Drawers,
Broadcasts,
StyleLoaders
};

86
src/base/1.pane.js
Unescape View File

@ -6,10 +6,16 @@
* @extends BI.Widget
* @abstract
*/
BI.Pane = BI.inherit(BI.Widget, {
import { Widget, shortcut } from "../core";
_defaultConfig: function () {
return BI.extend(BI.Pane.superclass._defaultConfig.apply(this, arguments), {
@shortcut()
export default class Pane extends Widget {
static xtype = "bi.pane";
static EVENT_LOADED = "EVENT_LOADED";
static EVENT_LOADING = "EVENT_LOADING";
_defaultConfig() {
return BI.extend(super._defaultConfig(), {
_baseCls: "bi-pane",
tipText: BI.i18nText("BI-No_Selected_Item"),
loadingText: "",
@ -17,30 +23,29 @@ BI.Pane = BI.inherit(BI.Widget, {
overlap: true,
onLoaded: BI.emptyFn,
});
},
}
_assertTip: function () {
var self = this, o = this.options;
_assertTip() {
if (!this._tipText) {
BI.createWidget({
type: "bi.absolute_center_adapt",
element: this,
items: [{
type: "bi.label",
ref: function (_ref) {
self._tipText = _ref;
ref: (_ref) => {
this._tipText = _ref;
},
cls: "bi-tips",
text: o.tipText,
text: this.options.tipText,
height: 25,
}],
});
}
},
}
loading: function () {
var self = this, o = this.options;
var loadingAnimation = BI.createWidget(BI.Providers.getProvider("bi.provider.system").getLoading({
loading() {
const o = this.options;
const loadingAnimation = BI.createWidget(BI.Providers.getProvider("bi.provider.system").getLoading({
loadingSize: o.loadingSize,
context: this,
}));
@ -56,7 +61,7 @@ BI.Pane = BI.inherit(BI.Widget, {
element: BI.Layers.make(this.getName() + "-loading", this),
});
}
BI.Layers.show(self.getName() + "-loading");
BI.Layers.show(this.getName() + "-loading");
} else if (BI.isNull(this._loading)) {
loadingAnimation.element.css("zIndex", 1);
BI.createWidget({
@ -66,17 +71,17 @@ BI.Pane = BI.inherit(BI.Widget, {
items: this._getLoadingTipItems(loadingAnimation),
});
}
self.fireEvent(BI.Pane.EVENT_LOADING);
this.fireEvent(Pane.EVENT_LOADING);
this.element.addClass("loading-status");
},
}
_getSize: function (v) {
_getSize(v) {
return Math.ceil(v / (this.options.loadingSize === "small" ? 2 : 1));
},
}
_getLoadingTipItems: function (loadingTip) {
var self = this, o = this.options;
var loadingTipItems = [{
_getLoadingTipItems(loadingTip) {
const o = this.options;
const loadingTipItems = [{
type: "bi.horizontal_adapt",
items: [loadingTip],
}];
@ -88,46 +93,41 @@ BI.Pane = BI.inherit(BI.Widget, {
return [{
type: "bi.vertical",
ref: function (_ref) {
self._loading = _ref;
ref: (_ref) => {
this._loading = _ref;
},
items: loadingTipItems,
}];
},
}
loaded: function () {
var self = this, o = this.options;
BI.Layers.remove(self.getName() + "-loading");
loaded() {
BI.Layers.remove(this.getName() + "-loading");
this._loading && this._loading.destroy();
o.onLoaded();
self.fireEvent(BI.Pane.EVENT_LOADED);
this.options.onLoaded();
this.fireEvent(Pane.EVENT_LOADED);
this.element.removeClass("loading-status");
},
}
check: function () {
check() {
this.setTipVisible(BI.isEmpty(this.options.items));
},
}
setTipVisible: function (b) {
setTipVisible(b) {
if (b === true) {
this._assertTip();
this._tipText && this._tipText.setVisible(true);
} else {
this._tipText && this._tipText.setVisible(false);
}
},
}
setTipText: function (text) {
setTipText(text) {
this._assertTip();
this._tipText.setText(text);
},
}
populate: function (items) {
populate(items) {
this.options.items = items || [];
this.check();
},
});
BI.Pane.EVENT_LOADED = "EVENT_LOADED";
BI.Pane.EVENT_LOADING = "EVENT_LOADING";
BI.shortcut("bi.pane", BI.Pane);
}
}

15
src/base/index.js
Unescape View File

@ -0,0 +1,15 @@
import Pane from "./1.pane";
import Single from "./single/0.single";
import Text from "./single/1.text";
BI.extend(BI, {
Pane,
Single,
Text,
});
export {
Pane,
Single,
Text,
}

220
src/base/single/0.single.js
Unescape View File

@ -10,11 +10,15 @@
* @abstract
*/
var delayingTooltips;
import { Widget, shortcut } from "../../core";
import { Tooltips } from "../0.base";
BI.Single = BI.inherit(BI.Widget, {
_defaultConfig: function () {
var conf = BI.Single.superclass._defaultConfig.apply(this, arguments);
@shortcut()
export default class Single extends Widget {
static xtype = "bi.single";
_defaultConfig() {
const conf = super._defaultConfig(arguments);
return BI.extend(conf, {
readonly: false,
@ -24,13 +28,22 @@ BI.Single = BI.inherit(BI.Widget, {
belowMouse: false, // title是否跟随鼠标
enableHover: false,
});
},
}
_showToolTip: function (e, opt) {
_showToolTip(e, opt) {
opt || (opt = {});
var self = this;
var o = this.options;
var title = this.getTitle();
const { action } = this.options;
const title = this.getTitle();
const showToolTip = (tooltipOpt) => {
if (BI.isKey(tooltipOpt.text) && !Tooltips.has(this.getName())) {
Tooltips.show(e, this.getName(), tooltipOpt, this, opt);
if (action) {
BI.Actions.runAction(action, "hover", this.options, this);
}
BI.Actions.runGlobalAction("hover", this.options, this);
}
}
if (title instanceof Promise) {
this.requestingTitle = title;
@ -42,47 +55,37 @@ BI.Single = BI.inherit(BI.Widget, {
showToolTip(this._getTooltipOptions(title));
}
function showToolTip(tooltipOpt) {
if (BI.isKey(tooltipOpt.text) && !BI.Tooltips.has(self.getName())) {
BI.Tooltips.show(e, self.getName(), tooltipOpt, self, opt);
if (o.action) {
BI.Actions.runAction(o.action, "hover", o, self);
}
BI.Actions.runGlobalAction("hover", o, self);
}
}
},
_hideTooltip: function () {
var self = this;
var tooltip = BI.Tooltips.get(this.getName());
_hideTooltip() {
const tooltip = Tooltips.get(this.getName());
if (BI.isNotNull(tooltip)) {
tooltip.element.fadeOut(200, function () {
BI.Tooltips.remove(self.getName());
tooltip.element.fadeOut(200, () => {
Tooltips.remove(this.getName());
});
}
},
}
_init: function () {
var self = this, o = this.options;
o.value = BI.isFunction(o.value) ? this.__watch(o.value, function (context, newValue) {
self.setValue(newValue);
}) : o.value;
BI.Single.superclass._init.apply(this, arguments);
},
_init() {
const { value } = this.options;
this.options.value = BI.isFunction(value) ? this.__watch(value, (context, newValue) => {
this.setValue(newValue);
}) : value;
super._init(arguments);
}
_mounted: function () {
var o = this.options;
if (o.enableHover || BI.isKey(o.title) || BI.isKey(o.warningTitle)
|| BI.isFunction(o.title) || BI.isFunction(o.warningTitle)) {
_mounted() {
const { enableHover, title, warningTitle, belowMouse, container } = this.options;
if (enableHover || BI.isKey(title) || BI.isKey(warningTitle)
|| BI.isFunction(title) || BI.isFunction(warningTitle)) {
this.enableHover({
belowMouse: o.belowMouse,
container: o.container,
belowMouse,
container,
});
}
},
}
_clearTimeOut: function () {
_clearTimeOut() {
if (BI.isNotNull(this.showTimeout)) {
clearTimeout(this.showTimeout);
this.showTimeout = null;
@ -91,88 +94,88 @@ BI.Single = BI.inherit(BI.Widget, {
clearTimeout(this.hideTimeout);
this.hideTimeout = null;
}
},
}
_getTooltipOptions: function (title) {
var o = this.options;
var tooltipOpt = {};
_getTooltipOptions(title) {
const { tipType } = this.options;
let tooltipOpt = {};
if (BI.isPlainObject(title)) {
tooltipOpt = title;
} else {
tooltipOpt.level = this.getTipType() || "success";
// 由于以前的用法,存在大量disabled:true搭配warningTitle的情况,所以这里做一个兼容,disabled:true的情况下,依然优先显示warningTitle,避免只设置了warningTitle而没有设置title的情况
if (BI.isNull(o.tipType) && !this.isEnabled()) {
if (BI.isNull(tipType) && !this.isEnabled()) {
tooltipOpt.text = (this.getWarningTitle() || title);
} else {
tooltipOpt.text = tooltipOpt.level === "success" ? title : (this.getWarningTitle() || title);
}
}
return tooltipOpt;
},
}
enableHover: function (opt) {
enableHover(opt) {
opt || (opt = {});
var self = this;
let delayingTooltips;
if (!this._hoverBinded) {
this.element.unbind("mouseenter.title").on("mouseenter.title", function (e) {
self._e = e;
self.mouseOver = true;
if (self.getTipType() === "warning" || (BI.isKey(self.getWarningTitle()) && !self.isEnabled())) {
delayingTooltips = self.getName();
self.showTimeout = BI.delay(function () {
if (BI.isNotNull(self.showTimeout) && delayingTooltips === self.getName()) {
self._showToolTip(self._e || e, opt);
this.element.unbind("mouseenter.title").on("mouseenter.title", (e) => {
this._e = e;
this.mouseOver = true;
if (this.getTipType() === "warning" || (BI.isKey(this.getWarningTitle()) && !this.isEnabled())) {
delayingTooltips = this.getName();
this.showTimeout = BI.delay(() => {
if (BI.isNotNull(this.showTimeout) && delayingTooltips === this.getName()) {
this._showToolTip(this._e || e, opt);
}
}, 200);
} else if (self.getTipType() === "success" || self.isEnabled()) {
delayingTooltips = self.getName();
self.showTimeout = BI.delay(function () {
if (BI.isNotNull(self.showTimeout) && delayingTooltips === self.getName()) {
self._showToolTip(self._e || e, opt);
} else if (this.getTipType() === "success" || this.isEnabled()) {
delayingTooltips = this.getName();
this.showTimeout = BI.delay(() => {
if (BI.isNotNull(this.showTimeout) && delayingTooltips === this.getName()) {
this._showToolTip(this._e || e, opt);
}
}, 500);
}
});
this.element.unbind("mousemove.title").on("mousemove.title", function (e) {
self._e = e;
if (BI.isNotNull(self.showTimeout)) {
clearTimeout(self.showTimeout);
self.showTimeout = null;
this.element.unbind("mousemove.title").on("mousemove.title", (e) => {
this._e = e;
if (BI.isNotNull(this.showTimeout)) {
clearTimeout(this.showTimeout);
this.showTimeout = null;
}
if (BI.isNull(self.hideTimeout)) {
self.hideTimeout = BI.delay(function () {
if (BI.isNotNull(self.hideTimeout)) {
self._hideTooltip();
if (BI.isNull(this.hideTimeout)) {
this.hideTimeout = BI.delay(() => {
if (BI.isNotNull(this.hideTimeout)) {
this._hideTooltip();
}
}, 500);
}
self.showTimeout = BI.delay(function () {
this.showTimeout = BI.delay(() => {
// DEC-5321 IE下如果回调已经进入事件队列，clearTimeout将不会起作用
if (BI.isNotNull(self.showTimeout)) {
if (BI.isNotNull(self.hideTimeout)) {
clearTimeout(self.hideTimeout);
self.hideTimeout = null;
if (BI.isNotNull(this.showTimeout)) {
if (BI.isNotNull(this.hideTimeout)) {
clearTimeout(this.hideTimeout);
this.hideTimeout = null;
}
// CHART-10611 在拖拽的情况下, 鼠标拖拽着元素离开了拖拽元素的容器，但是子元素在dom结构上仍然属于容器
// 这样会认为鼠标仍然在容器中, 500ms内放开的话，会在容器之外显示鼠标停留处显示容器的title
if (self.element.__isMouseInBounds__(self._e || e)) {
self._showToolTip(self._e || e, opt);
if (this.element.__isMouseInBounds__(this._e || e)) {
this._showToolTip(this._e || e, opt);
}
}
}, 500);
});
this.element.unbind("mouseleave.title").on("mouseleave.title", function (e) {
self._e = null;
self.mouseOver = false;
self._clearTimeOut();
self._hideTooltip();
this.element.unbind("mouseleave.title").on("mouseleave.title", (e) => {
this._e = null;
this.mouseOver = false;
this._clearTimeOut();
this._hideTooltip();
});
this._hoverBinded = true;
}
},
}
disabledHover: function () {
disabledHover() {
// 取消hover事件
this._clearTimeOut();
this._hideTooltip();
@ -180,74 +183,73 @@ BI.Single = BI.inherit(BI.Widget, {
.unbind("mousemove.title")
.unbind("mouseleave.title");
this._hoverBinded = false;
},
}
// opt: {container: '', belowMouse: false}
setTitle: function (title, opt) {
setTitle(title, opt) {
this.options.title = title;
if (BI.isKey(title) || BI.isFunction(title)) {
this.enableHover(opt);
} else {
this.disabledHover();
}
},
}
setWarningTitle: function (title, opt) {
setWarningTitle(title, opt) {
this.options.warningTitle = title;
if (BI.isKey(title) || BI.isFunction(title)) {
this.enableHover(opt);
} else {
this.disabledHover();
}
},
}
setTipType: function (type) {
setTipType(type) {
this.options.tipType = type;
},
}
getTipType: function () {
getTipType() {
return this.options.tipType;
},
}
isReadOnly: function () {
isReadOnly() {
return !!this.options.readonly;
},
}
getTitle: function () {
var title = this.options.title;
getTitle() {
const title = this.options.title;
if (BI.isFunction(title)) {
return title();
}
return title;
},
}
getWarningTitle: function () {
var title = this.options.warningTitle;
getWarningTitle() {
const title = this.options.warningTitle;
if (BI.isFunction(title)) {
return title();
}
return title;
},
}
setValue: function (val) {
setValue(val) {
if (!this.options.readonly) {
this.options.value = val;
this.options.setValue && this.options.setValue(val);
}
},
}
getValue: function () {
getValue() {
return this.options.value;
},
}
_destroyed: function () {
_destroyed() {
if (BI.isNotNull(this.showTimeout)) {
clearTimeout(this.showTimeout);
this.showTimeout = null;
}
BI.Tooltips.remove(this.getName());
},
});
BI.shortcut("bi.single", BI.Single);
Tooltips.remove(this.getName());
}
}

156
src/base/single/1.text.js
Unescape View File

@ -3,10 +3,14 @@
* @class BI.Text
* @extends BI.Single
*/
!(function () {
BI.Text = BI.inherit(BI.Single, {
import { shortcut } from "../../core/decorator";
import { Single } from "../index";
props: {
@shortcut()
export default class Text extends Single {
static xtype = "bi.text";
props = {
baseCls: "bi-text",
textAlign: "left",
whiteSpace: "normal",
@ -20,52 +24,52 @@
bgap: 0,
py: "",
highLight: false,
},
}
render: function () {
var self = this, o = this.options;
if (o.hgap + o.lgap > 0) {
render() {
const { vgap, hgap, lgap, rgap, tgap, bgap, height, lineHeight, maxWidth, textAlign, whiteSpace, handler, disabled, invalid, text: optionsText, value, keyword, highLight } = this.options;
if (hgap + lgap > 0) {
this.element.css({
"padding-left": BI.pixFormat(o.hgap + o.lgap),
"padding-left": BI.pixFormat(hgap + lgap),
});
}
if (o.hgap + o.rgap > 0) {
if (hgap + rgap > 0) {
this.element.css({
"padding-right": BI.pixFormat(o.hgap + o.rgap),
"padding-right": BI.pixFormat(hgap + rgap),
});
}
if (o.vgap + o.tgap > 0) {
if (vgap + tgap > 0) {
this.element.css({
"padding-top": BI.pixFormat(o.vgap + o.tgap),
"padding-top": BI.pixFormat(vgap + tgap),
});
}
if (o.vgap + o.bgap > 0) {
if (vgap + bgap > 0) {
this.element.css({
"padding-bottom": BI.pixFormat(o.vgap + o.bgap),
"padding-bottom": BI.pixFormat(vgap + bgap),
});
}
if (BI.isWidthOrHeight(o.height)) {
this.element.css({ lineHeight: BI.pixFormat(o.height) });
if (BI.isWidthOrHeight(height)) {
this.element.css({ lineHeight: BI.pixFormat(height) });
}
if (BI.isWidthOrHeight(o.lineHeight)) {
this.element.css({ lineHeight: BI.pixFormat(o.lineHeight) });
if (BI.isWidthOrHeight(lineHeight)) {
this.element.css({ lineHeight: BI.pixFormat(lineHeight) });
}
if (BI.isWidthOrHeight(o.maxWidth)) {
this.element.css({ maxWidth: BI.pixFormat(o.maxWidth) });
if (BI.isWidthOrHeight(maxWidth)) {
this.element.css({ maxWidth: BI.pixFormat(maxWidth) });
}
this.element.css({
textAlign: o.textAlign,
textAlign: textAlign,
whiteSpace: this._getTextWrap(),
textOverflow: o.whiteSpace === "nowrap" ? "ellipsis" : "",
overflow: o.whiteSpace === "nowrap" ? "" : (BI.isWidthOrHeight(o.height) ? "auto" : ""),
textOverflow: whiteSpace === "nowrap" ? "ellipsis" : "",
overflow: whiteSpace === "nowrap" ? "" : (BI.isWidthOrHeight(height) ? "auto" : ""),
});
if (o.handler && o.handler !== BI.emptyFn) {
if (handler && handler !== BI.emptyFn) {
this.text = BI.createWidget({
type: "bi.layout",
tagName: "span",
});
this.text.element.click(function (e) {
!o.disabled && !o.invalid && o.handler.call(self, self.getValue(), self, e);
this.text.element.click((e) => {
!disabled && !invalid && handler.call(this, this.getValue(), this, e);
});
BI.createWidget({
type: "bi.default",
@ -76,99 +80,97 @@
this.text = this;
}
var text = BI.isFunction(o.text) ? this.__watch(o.text, function (context, newValue) {
self.setText(newValue);
}) : o.text;
const text = BI.isFunction(optionsText) ? this.__watch(optionsText, (context, newValue) => {
this.setText(newValue);
}) : optionsText;
// 只要不是undefined就可以显示text值，否则显示value
if (!BI.isUndefined(text)) {
this.setText(text);
} else if (BI.isKey(o.value)) {
this.setText(o.value);
} else if (BI.isKey(value)) {
this.setText(value);
}
if (BI.isKey(o.keyword)) {
this.doRedMark(o.keyword);
if (BI.isKey(keyword)) {
this.doRedMark(keyword);
}
if (o.highLight) {
if (highLight) {
this.doHighLight();
}
},
}
_getTextWrap: function () {
var o = this.options;
switch (o.whiteSpace) {
_getTextWrap() {
const { whiteSpace } = this.options;
switch (whiteSpace) {
case "nowrap":
return "pre";
case "normal":
return "pre-wrap";
default:
return o.whiteSpace;
return whiteSpace;
}
}
},
_getShowText: function () {
var o = this.options;
var text = BI.isFunction(o.text) ? o.text() : o.text;
_getShowText() {
const { text: optionsText } = this.options;
const text = BI.isFunction(optionsText) ? optionsText() : optionsText;
return BI.isKey(text) ? BI.Text.formatText(text + "") : text;
},
return BI.isKey(text) ? Text.formatText(text + "") : text;
}
_doRedMark: function (keyword) {
var o = this.options;
_doRedMark(keyword) {
const { py } = this.options;
// render之后做的doRedMark,这个时候虽然标红了，但是之后text mounted执行的时候并没有keyword
o.keyword = keyword;
this.text.element.__textKeywordMarked__(this._getShowText(), keyword, o.py);
},
this.options.keyword = keyword;
this.text.element.__textKeywordMarked__(this._getShowText(), keyword, py);
}
doRedMark: function (keyword) {
doRedMark(keyword) {
if (BI.isKey(keyword)) {
this._doRedMark(keyword);
}
},
}
unRedMark: function () {
var o = this.options;
o.keyword = "";
this.text.element.__textKeywordMarked__(this._getShowText(), "", o.py);
},
unRedMark() {
const { py } = this.options;
this.options.keyword = "";
this.text.element.__textKeywordMarked__(this._getShowText(), "", py);
}
doHighLight: function () {
doHighLight() {
this.text.element.addClass("bi-high-light");
},
}
unHighLight: function () {
unHighLight() {
this.text.element.removeClass("bi-high-light");
},
}
setValue: function (text) {
BI.Text.superclass.setValue.apply(this, arguments);
setValue(text) {
super.setValue(text);
if (!this.isReadOnly()) {
this.setText(text);
}
},
}
setStyle: function (css) {
setStyle(css) {
this.text.element.css(css);
},
}
setText: function (text) {
BI.Text.superclass.setText.apply(this, arguments);
setText(text) {
super.setText(text);
this.options.text = text;
this._doRedMark(this.options.keyword);
},
});
var formatters = [];
BI.Text.addTextFormatter = function (formatter) {
}
}
const formatters = [];
Text.addTextFormatter = (formatter) => {
formatters.push(formatter);
};
BI.Text.formatText = function (text) {
Text.formatText = (text) => {
if (formatters.length > 0) {
for (var i = 0, len = formatters.length; i < len; i++) {
for (let i = 0; i < formatters.length; i++) {
text = formatters[i](text);
}
}
return text;
};
BI.shortcut("bi.text", BI.Text);
}());

5
src/core/2.base.js
Unescape View File

@ -3,7 +3,6 @@
* Create By GUY 2014\11\17
*
*/
!(function (undefined) {
var traverse = function (func, context) {
return function (value, key, obj) {
return func.call(context, key, value, obj);
@ -1284,4 +1283,6 @@
}
});
})();
// TODO: 暂时先直接export全部，下一步拆function
export default BI;

147
src/core/3.ob.js
Unescape View File

@ -1,12 +1,13 @@
!(function () {
import BI from "./2.base";
function extend() {
var target = arguments[0] || {}, length = arguments.length, i = 1, options, name, src, copy;
let target = arguments[0] || {}, length = arguments.length, i = 1, name, copy;
for (; i < length; i++) {
// Only deal with non-null/undefined values
if ((options = arguments[i]) != null) {
const options = arguments[i];
if (options !== null) {
// Extend the base object
for (name in options) {
src = target[name];
copy = options[name];
// Prevent never-ending loop
@ -14,91 +15,90 @@
continue;
}
if (copy !== undefined) {
target[name] = copy;
}
}
}
}
return target;
}
/**
* 客户端观察者，主要处理事件的添加、删除、执行等
* @class BI.OB
* @abstract
*/
var OB = function (config) {
this._constructor(config);
};
BI._.extend(OB.prototype, {
props: {},
export default class OB {
// props = {};
// init = null;
init: null,
// destroyed = null;
destroyed: null,
constructor(config) {
this._constructor(config);
}
_constructor: function (config) {
_constructor(config) {
this._initProps(config);
this._init();
this._initRef();
},
}
_defaultConfig: function (config) {
_defaultConfig(config) {
return {};
},
}
_initProps: function (config) {
var props = this.props;
_initProps(config) {
let props = this.props;
if (BI.isFunction(this.props)) {
props = this.props(config);
}
var defaultProps = extend(this._defaultConfig(config), props);
var modifiedDefaultProps = (config && config.type && BI.OB.configFunctions[config.type + ".props"]) ? BI.reduce(BI.OB.configFunctions[config.type + ".props"], function (value, conf, index) {
const defaultProps = extend(this._defaultConfig(config), props);
const modifiedDefaultProps = (config && config.type && OB.configFunctions[config.type + ".props"]) ? BI.reduce(OB.configFunctions[config.type + ".props"], function (value, conf, index) {
return extend(conf, value.fn(defaultProps, config, value.opt));
}, {}) : null;
this.options = extend(defaultProps, modifiedDefaultProps, config);
},
}
_init: function () {
_init() {
this._initListeners();
this.init && this.init();
},
}
_initListeners: function () {
var self = this;
if (this.options.listeners != null) {
BI._.each(this.options.listeners, function (lis, eventName) {
_initListeners() {
if (this.options.listeners !== null) {
BI._.each(this.options.listeners, (lis, eventName) => {
if (BI._.isFunction(lis)) {
self.on(eventName, lis);
this.on(eventName, lis);
return;
}
if (BI._.isArray(lis)) {
BI._.each(lis, function (l) {
self.on(eventName, l);
BI._.each(lis, (l) => {
this.on(eventName, l);
});
return;
}
(lis.target ? lis.target : self)[lis.once ? "once" : "on"](lis.eventName, BI._.bind(lis.action, self));
(lis.target ? lis.target : this)[lis.once ? "once" : "on"](lis.eventName, BI._.bind(lis.action, this));
});
delete this.options.listeners;
}
},
}
// 获得一个当前对象的引用
_initRef: function () {
var o = this.options;
_initRef() {
const o = this.options;
if (o.__ref) {
BI.isFunction(o.__ref) ? o.__ref.call(this, this) : o.__ref.current = this;
}
if (o.ref) {
BI.isFunction(o.ref) ? o.ref.call(this, this) : o.ref.current = this;
}
},
}
// 释放当前对象
_purgeRef: function () {
var o = this.options;
_purgeRef() {
const o = this.options;
if (o.__ref) {
BI.isFunction(o.__ref) ? o.__ref.call(null, null) : o.__ref.current = null;
o.__ref = null;
@ -107,80 +107,78 @@
BI.isFunction(o.ref) ? o.ref.call(null, null) : o.ref.current = null;
o.ref = null;
}
},
}
_getEvents: function () {
_getEvents() {
if (!BI._.isObject(this.events)) {
this.events = {};
}
return this.events;
},
}
/**
* 给观察者绑定一个事件
* @param {String} eventName 事件的名字
* @param {Function} fn 事件对应的执行函数
*/
on: function (eventName, fn) {
var self = this;
on(eventName, fn) {
eventName = eventName.toLowerCase();
var fns = this._getEvents()[eventName];
let fns = this._getEvents()[eventName];
if (!BI._.isArray(fns)) {
fns = [];
this._getEvents()[eventName] = fns;
}
fns.push(fn);
return function () {
self.un(eventName, fn);
};
},
return () => this.un(eventName, fn);
}
/**
* 给观察者绑定一个只执行一次的事件
* @param {String} eventName 事件的名字
* @param {Function} fn 事件对应的执行函数
*/
once: function (eventName, fn) {
var proxy = function () {
once(eventName, fn) {
const proxy = () => {
fn.apply(this, arguments);
this.un(eventName, proxy);
};
this.on(eventName, proxy);
},
}
/**
* 解除观察者绑定的指定事件
* @param {String} eventName 要解除绑定事件的名字
* @param {Function} fn 事件对应的执行函数，该参数是可选的，没有该参数时，将解除绑定所有同名字的事件
*/
un: function (eventName, fn) {
un(eventName, fn) {
eventName = eventName.toLowerCase();
/* alex:如果fn是null,就是把eventName上面所有方法都un掉*/
if (fn == null) {
if (fn === null) {
delete this._getEvents()[eventName];
} else {
var fns = this._getEvents()[eventName];
const fns = this._getEvents()[eventName];
if (BI._.isArray(fns)) {
var newFns = [];
const newFns = [];
BI._.each(fns, function (ifn) {
if (ifn != fn) {
if (ifn !== fn) {
newFns.push(ifn);
}
});
this._getEvents()[eventName] = newFns;
}
}
},
}
/**
* 清除观察者的所有事件绑定
*/
purgeListeners: function () {
purgeListeners() {
/* alex:清空events*/
this.events = {};
},
}
/**
* 触发绑定过的事件
@ -188,33 +186,36 @@
* @param {String} eventName 要触发的事件的名字
* @returns {Boolean} 如果事件函数返回false，则返回false并中断其他同名事件的执行，否则执行所有的同名事件并返回true
*/
fireEvent: function () {
var eventName = arguments[0].toLowerCase();
var fns = this._getEvents()[eventName];
fireEvent() {
const eventName = arguments[0].toLowerCase();
const fns = this._getEvents()[eventName];
if (BI.isArray(fns)) {
if (BI.isArguments(arguments[1])) {
for (var i = 0; i < fns.length; i++) {
for (let i = 0; i < fns.length; i++) {
if (fns[i].apply(this, arguments[1]) === false) {
return false;
}
}
} else {
var args = Array.prototype.slice.call(arguments, 1);
for (var i = 0; i < fns.length; i++) {
const args = Array.prototype.slice.call(arguments, 1);
for (let i = 0; i < fns.length; i++) {
if (fns[i].apply(this, args) === false) {
return false;
}
}
}
}
return true;
},
}
destroy: function () {
destroy() {
this.destroyed && this.destroyed();
this._purgeRef();
this.purgeListeners();
}
});
BI.OB = BI.OB || OB;
})();
}
// BI.OB = BI.OB || OB;
BI.extend(BI, { OB });

521
src/core/4.widget.js
View File

File diff suppressed because it is too large Load Diff

15
src/core/action/action.js
Unescape View File

@ -5,22 +5,21 @@
* @extends BI.OB
* @abstract
*/
BI.Action = BI.inherit(BI.OB, {
props: function () {
return {
import OB from "../3.ob";
export default class Action extends OB {
props = {
src: null,
tar: null
};
},
actionPerformed: function (src, tar, callback) {
actionPerformed(src, tar, callback) {
},
}
actionBack: function (tar, src, callback) {
actionBack(tar, src, callback) {
}
});
}
BI.ActionFactory = {
createAction: function (key, options) {

11
src/core/action/action.show.js
Unescape View File

@ -4,16 +4,17 @@
* @class BI.ShowAction
* @extends BI.Action
*/
BI.ShowAction = BI.inherit(BI.Action, {
actionPerformed: function (src, tar, callback) {
import Action from "./action";
export default class ShowAction extends Action {
actionPerformed(src, tar, callback) {
tar = tar || this.options.tar;
tar.setVisible(true);
callback && callback();
},
}
actionBack: function (tar, src, callback) {
actionBack(tar, src, callback) {
tar = tar || this.options.tar;
tar.setVisible(false);
callback && callback();
}
});
}

16
src/core/behavior/0.behavior.js
Unescape View File

@ -19,14 +19,16 @@ BI.BehaviorFactory = {
* @class BI.Behavior
* @extends BI.OB
*/
BI.Behavior = BI.inherit(BI.OB, {
_defaultConfig: function () {
return BI.extend(BI.Behavior.superclass._defaultConfig.apply(this, arguments), {
rule: function () {return true;}
import OB from "../3.ob";
export default class Behavior extends OB {
_defaultConfig() {
return BI.extend(super._defaultConfig(arguments), {
rule: () => true
});
},
}
doBehavior: function () {
doBehavior() {
}
});
}

11
src/core/behavior/behavior.highlight.js
Unescape View File

@ -4,13 +4,14 @@
* @class BI.HighlightBehavior
* @extends BI.Behavior
*/
BI.HighlightBehavior = BI.inherit(BI.Behavior, {
doBehavior: function (items) {
var args = Array.prototype.slice.call(arguments, 1),
import Behavior from "./0.behavior";
export default class HighlightBehavior extends Behavior {
doBehavior(items) {
const args = Array.prototype.slice.call(arguments, 1),
o = this.options;
BI.each(items, function (i, item) {
if (item instanceof BI.Single) {
var rule = o.rule(item.getValue(), item);
const rule = o.rule(item.getValue(), item);
function doBe (run) {
if (run === true) {
@ -30,4 +31,4 @@ BI.HighlightBehavior = BI.inherit(BI.Behavior, {
}
});
}
});
}

9
src/core/behavior/behavior.redmark.js
Unescape View File

@ -4,9 +4,10 @@
* @class BI.RedMarkBehavior
* @extends BI.Behavior
*/
BI.RedMarkBehavior = BI.inherit(BI.Behavior, {
doBehavior: function (items) {
var args = Array.prototype.slice.call(arguments, 1),
import Behavior from "./0.behavior";
export default class RedMarkBehavior extends Behavior {
doBehavior(items) {
const args = Array.prototype.slice.call(arguments, 1),
o = this.options;
BI.each(items, function (i, item) {
if(item instanceof BI.Single) {
@ -20,4 +21,4 @@ BI.RedMarkBehavior = BI.inherit(BI.Behavior, {
}
});
}
});
}

7
src/core/controller/0.controller.js
Unescape View File

@ -6,6 +6,7 @@
* @extends BI.OB
* @abstract
*/
BI.Controller = BI.inherit(BI.OB, {
});
BI.Controller.EVENT_CHANGE = "__EVENT_CHANGE__";
import OB from "../3.ob";
export default class Controller extends OB {
static EVENT_CHANGE = "__EVENT_CHANGE__";
}

35
src/core/controller/controller.broadcast.js
Unescape View File

@ -4,35 +4,28 @@
* Created by GUY on 2015/12/23.
* @class
*/
BI.BroadcastController = BI.inherit(BI.Controller, {
init: function () {
import Controller from "./0.controller";
export default class BroadcastController extends Controller {
init() {
this._broadcasts = {};
},
}
on: function (name, fn) {
var self = this;
on(name, fn) {
if (!this._broadcasts[name]) {
this._broadcasts[name] = [];
}
this._broadcasts[name].push(fn);
return function () {
self.remove(name, fn);
};
},
return () => this.remove(name, fn);
}
send: function (name) {
var args = [].slice.call(arguments, 1);
BI.each(this._broadcasts[name], function (i, fn) {
fn.apply(null, args);
});
},
send(name) {
const args = [].slice.call(arguments, 1);
BI.each(this._broadcasts[name], (i, fn) => fn.apply(null, args));
}
remove: function (name, fn) {
var self = this;
remove(name, fn) {
if (fn) {
BI.remove(this._broadcasts[name], function (index, cb) {
return fn === cb;
});
BI.remove(this._broadcasts[name], (index, cb) => fn === cb);
if (this._broadcasts[name].length === 0) {
delete this._broadcasts[name];
}
@ -41,4 +34,4 @@ BI.BroadcastController = BI.inherit(BI.Controller, {
}
return this;
}
});
}

49
src/core/controller/controller.bubbles.js
Unescape View File

@ -5,11 +5,12 @@
* Created by GUY on 2015/8/21.
* @class
*/
BI.BubblesController = BI.inherit(BI.Controller, {
init: function () {
import Controller from "./0.controller";
export default class BubblesController extends Controller {
init() {
this.storeBubbles = {};
this.storePoppers = {};
},
}
/**
*
@ -19,14 +20,14 @@ BI.BubblesController = BI.inherit(BI.Controller, {
* @param offsetStyle center, left, right三种类型， 默认left
* @returns {BI.BubblesController}
*/
show: function (name, text, context, opt) {
show(name, text, context, opt) {
opt || (opt = {});
var container = opt.container || context;
var offsetStyle = opt.offsetStyle || "left";
var level = opt.level || "error";
var adjustYOffset = opt.adjustYOffset || 0;
var adjustXOffset = opt.adjustXOffset || 0;
// var fixed = opt.fixed !== false;
const container = opt.container || context;
const offsetStyle = opt.offsetStyle || "left";
const level = opt.level || "error";
const adjustYOffset = opt.adjustYOffset || 0;
const adjustXOffset = opt.adjustXOffset || 0;
// const fixed = opt.fixed !== false;
if (!this.storeBubbles[name]) {
this.storeBubbles[name] = BI.createWidget({
@ -37,7 +38,7 @@ BI.BubblesController = BI.inherit(BI.Controller, {
height: 18
});
}
var bubble = this.storeBubbles[name];
const bubble = this.storeBubbles[name];
if (bubble.getText() !== text) {
bubble.setText(text);
}
@ -75,18 +76,18 @@ BI.BubblesController = BI.inherit(BI.Controller, {
]
});
return this;
},
}
hide: function (name) {
hide(name) {
this.remove(name);
return this;
},
}
has: function (name) {
has(name) {
return this.storeBubbles[name] != null;
},
}
remove: function (name) {
remove(name) {
if (!this.has(name)) {
return this;
}
@ -94,17 +95,13 @@ BI.BubblesController = BI.inherit(BI.Controller, {
this.storePoppers[name] && this.storePoppers[name].destroy();
delete this.storeBubbles[name];
return this;
},
}
removeAll: function () {
BI.each(this.storeBubbles, function (name, bubble) {
bubble.destroy();
});
BI.each(this.storePoppers, function (name, popper) {
popper.destroy();
});
removeAll() {
BI.each(this.storeBubbles, (name, bubble) => bubble.destroy());
BI.each(this.storePoppers, (name, popper) => popper.destroy());
this.storeBubbles = {};
this.storePoppers = {};
return this;
}
});
}

91
src/core/controller/controller.drawer.js
Unescape View File

@ -4,62 +4,65 @@
* @class BI.popoverController
* @extends BI.Controller
*/
BI.DrawerController = BI.inherit(BI.Controller, {
props: function () {
return {
import Controller from "./0.controller";
export default class DrawerController extends Controller {
constructor() {
super();
this._constructor();
this.modal = this.options.modal;
}
props = {
modal: true, // 模态窗口
render: "body"
};
},
}
init: function () {
this.modal = this.options.modal;
init() {
this.floatManager = {};
this.floatLayer = {};
this.floatContainer = {};
this.floatOpened = {};
this.zindexMap = {};
},
}
create: function (name, options, context) {
create(name, options, context) {
if (this.has(name)) {
return this;
}
var popover = BI.createWidget(options || {}, {
const popover = BI.createWidget(options || {}, {
type: "bi.drawer"
}, context);
this.add(name, popover, options, context);
return this;
},
}
open: function (name) {
var self = this, o = this.options;
open(name) {
const o = this.options;
if (!this.has(name)) {
return this;
}
if (!this.floatOpened[name]) {
this.floatOpened[name] = true;
var container = this.floatContainer[name];
var zIndex = BI.Popovers._getZIndex();
const container = this.floatContainer[name];
const zIndex = BI.Popovers._getZIndex();
container.element.css("zIndex", zIndex);
this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]);
this.zindexMap[name] = zIndex;
if (this.modal) {
var mask = container.element.__buildZIndexMask__(BI.Popovers._getZIndex());
mask.click(function () {
const mask = container.element.__buildZIndexMask__(BI.Popovers._getZIndex());
mask.click(() => {
mask.destroy();
self.get(name).close();
this.get(name).close();
});
}
this.get(name).setZindex(BI.Popovers._getZIndex());
this.floatContainer[name].visible();
var popover = this.get(name);
const popover = this.get(name);
popover.show && popover.show();
}
return this;
},
}
close: function (name) {
close(name) {
if (!this.has(name)) {
return this;
}
@ -69,22 +72,21 @@ BI.DrawerController = BI.inherit(BI.Controller, {
this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]);
}
return this;
},
}
show: function (name) {
show(name) {
return this.open(name);
},
}
hide: function (name) {
hide(name) {
return this.close(name);
},
}
isVisible: function (name) {
isVisible(name) {
return this.has(name) && this.floatOpened[name] === true;
},
}
add: function (name, popover, options, context) {
var self = this;
add(name, popover, options, context) {
options || (options = {});
if (this.has(name)) {
return this;
@ -104,11 +106,7 @@ BI.DrawerController = BI.inherit(BI.Controller, {
}]
});
this.floatManager[name] = popover;
(function (key) {
popover.on(BI.Drawer.EVENT_CLOSE, function () {
self.close(key);
});
})(name);
popover.on(BI.Drawer.EVENT_CLOSE, () => this.close(name));
BI.createWidget({
type: "bi.absolute",
element: options.container || this.options.render,
@ -121,17 +119,17 @@ BI.DrawerController = BI.inherit(BI.Controller, {
}]
});
return this;
},
}
get: function (name) {
get(name) {
return this.floatManager[name];
},
}
has: function (name) {
has(name) {
return BI.isNotNull(this.floatManager[name]);
},
}
remove: function (name) {
remove(name) {
if (!this.has(name)) {
return this;
}
@ -143,13 +141,12 @@ BI.DrawerController = BI.inherit(BI.Controller, {
delete this.floatContainer[name];
delete this.floatOpened[name];
return this;
},
}
removeAll: function () {
var self = this;
BI.each(this.floatContainer, function (name, container) {
removeAll() {
BI.each(this.floatContainer, (name, container) => {
container.destroy();
self.modal && self.floatContainer[name].element.__releaseZIndexMask__(self.zindexMap[name]);
this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]);
});
this.floatManager = {};
this.floatLayer = {};
@ -158,4 +155,4 @@ BI.DrawerController = BI.inherit(BI.Controller, {
this.zindexMap = {};
return this;
}
});
}

85
src/core/controller/controller.layer.js
Unescape View File

@ -4,32 +4,36 @@
* Created by GUY on 2015/6/24.
* @class
*/
BI.LayerController = BI.inherit(BI.Controller, {
props: function () {
return {
import Controller from "./0.controller";
export default class LayerController extends Controller {
constructor() {
super();
this._constructor();
}
props = {
render: "body"
};
},
}
init: function () {
init() {
this.layerManager = {};
this.layouts = {};
this.zindex = BI.zIndex_layer;
},
}
_initResizer: function () {
_initResizer() {
this.resizer = BI.Resizers.add("layerController" + BI.uniqueId(), BI.bind(this._resize, this));
},
}
_resize: function () {
_resize() {
BI.each(this.layouts, function (i, layer) {
if (layer.element.is(":visible")) {
layer.element.trigger("__resize__");
}
});
},
}
make: function (name, container, op, context) {
make(name, container, op, context) {
if (BI.isWidget(container)) {
op = op || {};
op.container = container;
@ -38,16 +42,16 @@ BI.LayerController = BI.inherit(BI.Controller, {
op = container;
}
return this.create(name, null, op, context);
},
}
create: function (name, from, op, context) {
create(name, from, op, context) {
BI.isNull(this.resizer) && this._initResizer();
if (this.has(name)) {
return this.get(name);
}
op || (op = {});
var offset = op.offset || {};
var w = from;
const offset = op.offset || {};
let w = from;
if (BI.isWidget(from)) {
w = from.element;
}
@ -57,10 +61,10 @@ BI.LayerController = BI.inherit(BI.Controller, {
if (this.has(name)) {
return this.get(name);
}
var widget = BI.createWidget((op.render || {}), BI.extend({
const widget = BI.createWidget((op.render || {}), BI.extend({
type: "bi.layout"
}, op), context);
var layout = BI.createWidget({
const layout = BI.createWidget({
type: "bi.absolute",
invisible: true,
items: [
@ -115,31 +119,31 @@ BI.LayerController = BI.inherit(BI.Controller, {
}
this.add(name, widget, layout);
return widget;
},
}
show: function (name, callback) {
show(name, callback) {
if (!this.has(name)) {
return this;
}
this._getLayout(name).visible();
this._getLayout(name).element.css("z-index", this.zindex++).show(0, callback).trigger("__resize__");
return this;
},
}
hide: function (name, callback) {
hide(name, callback) {
if (!this.has(name)) {
return this;
}
this._getLayout(name).invisible();
this._getLayout(name).element.hide(0, callback);
return this;
},
}
isVisible: function (name) {
isVisible(name) {
return this.has(name) && this._getLayout(name).isVisible();
},
}
add: function (name, layer, layout) {
add(name, layer, layout) {
if (this.has(name)) {
throw new Error("不能创建同名的Layer");
}
@ -148,21 +152,21 @@ BI.LayerController = BI.inherit(BI.Controller, {
this.layouts[name] = layout;
layout.element.css("z-index", this.zindex++);
return this;
},
}
_getLayout: function (name) {
_getLayout(name) {
return this.layouts[name];
},
}
get: function (name) {
get(name) {
return this.layerManager[name];
},
}
has: function (name) {
has(name) {
return this.layerManager[name] != null;
},
}
remove: function (name) {
remove(name) {
if (!this.has(name)) {
return this;
}
@ -171,16 +175,15 @@ BI.LayerController = BI.inherit(BI.Controller, {
delete this.layerManager[name];
delete this.layouts[name];
return this;
},
}
removeAll: function () {
var self = this;
BI.each(BI.keys(this.layerManager), function (index, name) {
self.layerManager[name].destroy();
self.layouts[name].destroy();
removeAll() {
BI.each(BI.keys(this.layerManager), (index, name) => {
this.layerManager[name].destroy();
this.layouts[name].destroy();
});
this.layerManager = {};
this.layouts = {};
return this;
}
});
}

9
src/core/controller/controller.masker.js
Unescape View File

@ -4,9 +4,10 @@
* Created by GUY on 2015/6/24.
* @class
*/
BI.MaskersController = BI.inherit(BI.LayerController, {
init: function () {
BI.MaskersController.superclass.init.apply(this, arguments);
import LayerController from "./controller.layer";
export default class MaskersController extends LayerController {
init() {
super.init(arguments);
this.zindex = BI.zIndex_masker;
}
});
}

92
src/core/controller/controller.popover.js
Unescape View File

@ -4,54 +4,58 @@
* @class BI.popoverController
* @extends BI.Controller
*/
BI.PopoverController = BI.inherit(BI.Controller, {
props: function () {
return {
import Controller from "./0.controller";
export default class PopoverController extends Controller {
constructor() {
super();
this._constructor();
this.modal = this.options.modal;
}
props = {
modal: true, // 模态窗口
render: "body"
};
},
}
init: function () {
this.modal = this.options.modal;
init() {
this.floatManager = {};
this.floatLayer = {};
this.floatContainer = {};
this.floatOpened = {};
this.zindex = BI.zIndex_popover;
this.zindexMap = {};
},
}
create: function (name, options, context) {
create(name, options, context) {
if (this.has(name)) {
return this;
}
var popover = BI.createWidget(options || {}, {
const popover = BI.createWidget(options || {}, {
type: "bi.popover"
}, context);
this.add(name, popover, options, context);
return this;
},
}
open: function (name) {
open(name) {
if (!this.has(name)) {
return this;
}
if (!this.floatOpened[name]) {
this.floatOpened[name] = true;
var container = this.floatContainer[name];
const container = this.floatContainer[name];
container.element.css("zIndex", this.zindex++);
this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]);
this.zindexMap[name] = this.zindex;
this.modal && container.element.__buildZIndexMask__(this.zindex++);
this.get(name).setZindex(this.zindex++);
this.floatContainer[name].visible();
var popover = this.get(name);
const popover = this.get(name);
popover.show && popover.show();
var W = BI.Widget._renderEngine.createElement(this.options.render).width(),
const W = BI.Widget._renderEngine.createElement(this.options.render).width(),
H = BI.Widget._renderEngine.createElement(this.options.render).height();
var w = popover.element.width(), h = popover.element.height();
var left = (W - w) / 2, top = (H - h) / 2;
const w = popover.element.width(), h = popover.element.height();
let left = (W - w) / 2, top = (H - h) / 2;
if (left < 0) {
left = 0;
}
@ -65,9 +69,9 @@ BI.PopoverController = BI.inherit(BI.Controller, {
});
}
return this;
},
}
close: function (name) {
close(name) {
if (!this.has(name)) {
return this;
}
@ -77,22 +81,21 @@ BI.PopoverController = BI.inherit(BI.Controller, {
this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]);
}
return this;
},
}
show: function (name) {
show(name) {
return this.open(name);
},
}
hide: function (name) {
hide(name) {
return this.close(name);
},
}
isVisible: function (name) {
isVisible(name) {
return this.has(name) && this.floatOpened[name] === true;
},
}
add: function (name, popover, options, context) {
var self = this;
add(name, popover, options, context) {
options || (options = {});
if (this.has(name)) {
return this;
@ -112,11 +115,7 @@ BI.PopoverController = BI.inherit(BI.Controller, {
}]
});
this.floatManager[name] = popover;
(function (key) {
popover.on(BI.Popover.EVENT_CLOSE, function () {
self.close(key);
});
})(name);
popover.on(BI.Popover.EVENT_CLOSE, () => this.close(name));
BI.createWidget({
type: "bi.absolute",
element: options.container || this.options.render,
@ -129,17 +128,17 @@ BI.PopoverController = BI.inherit(BI.Controller, {
}]
});
return this;
},
}
get: function (name) {
get(name) {
return this.floatManager[name];
},
}
has: function (name) {
has(name) {
return BI.isNotNull(this.floatManager[name]);
},
}
remove: function (name) {
remove(name) {
if (!this.has(name)) {
return this;
}
@ -151,13 +150,12 @@ BI.PopoverController = BI.inherit(BI.Controller, {
delete this.floatContainer[name];
delete this.floatOpened[name];
return this;
},
}
removeAll: function () {
var self = this;
BI.each(this.floatContainer, function (name, container) {
removeAll() {
BI.each(this.floatContainer, (name, container) => {
container.destroy();
self.modal && self.floatContainer[name].element.__releaseZIndexMask__(self.zindexMap[name]);
this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]);
});
this.floatManager = {};
this.floatLayer = {};
@ -165,9 +163,9 @@ BI.PopoverController = BI.inherit(BI.Controller, {
this.floatOpened = {};
this.zindexMap = {};
return this;
},
}
_getZIndex: function () {
_getZIndex() {
return this.zindex++;
}
});
}

41
src/core/controller/controller.resizer.js
Unescape View File

@ -4,25 +4,23 @@
* Created by GUY on 2015/6/24.
* @class
*/
BI.ResizeController = BI.inherit(BI.Controller, {
import Controller from "./0.controller";
export default class ResizeController extends Controller {
init: function () {
init() {
this.resizerManger = {};
},
}
_initResizeListener: function () {
var self = this;
this.resizeHandler = BI.debounce(function (ev) {
self._resize(ev);
}, 30);
_initResizeListener() {
this.resizeHandler = BI.debounce((ev) => this._resize(ev), 30);
if ("onorientationchange" in _global) {
_global.onorientationchange = this.resizeHandler;
} else {
BI.Widget._renderEngine.createElement(_global).resize(this.resizeHandler);
}
},
}
_resize: function (ev) {
_resize(ev) {
BI.each(this.resizerManger, function (key, resizer) {
if (resizer instanceof BI.$) {
if (resizer.is(":visible")) {
@ -38,34 +36,31 @@ BI.ResizeController = BI.inherit(BI.Controller, {
resizer(ev);
}
});
},
}
add: function (name, resizer) {
var self = this;
add(name, resizer) {
BI.isNull(this.resizeHandler) && this._initResizeListener();
if (this.has(name)) {
return this;
}
this.resizerManger[name] = resizer;
return function () {
self.remove(name);
};
},
return () => this.remove(name);
}
get: function (name) {
get(name) {
return this.resizerManger[name];
},
}
has: function (name) {
has(name) {
return this.resizerManger[name] != null;
},
}
remove: function (name) {
remove(name) {
if (!this.has(name)) {
return this;
}
delete this.resizerManger[name];
return this;
}
});
}

76
src/core/controller/controller.tooltips.js
Unescape View File

@ -6,11 +6,12 @@
* @class BI.TooltipsController
* @extends BI.Controller
*/
BI.TooltipsController = BI.inherit(BI.Controller, {
init: function () {
import Controller from "./0.controller";
export default class TooltipsController extends Controller {
init() {
this.tooltipsManager = {};
this.showingTips = {};// 存储正在显示的tooltip
},
}
/**
*
@ -21,34 +22,33 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
* @returns {*}
* @private
*/
_createTooltip: function (opt) {
_createTooltip(opt) {
return BI.createWidget({
type: "bi.tooltip",
...opt,
stopEvent: true
});
},
}
// opt: {container: '', belowMouse: false}
show: function (e, name, tooltipOpt, context, opt) {
show(e, name, tooltipOpt, context, opt) {
opt || (opt = {});
var self = this;
BI.each(this.showingTips, function (i, tip) {
self.hide(i);
});
BI.each(this.showingTips, (i, tip) => this.hide(i));
this.showingTips = {};
if (!this.has(name)) {
this.create(name, tooltipOpt, document.fullscreenElement ? context : (opt.container || "body"));
}
const offset = context.element.offset();
let top;
if (!opt.belowMouse) {
var offset = context.element.offset();
var bounds = context.element.bounds();
const bounds = context.element.bounds();
if (bounds.height === 0 || bounds.width === 0) {
return;
}
var top = offset.top + bounds.height + 5;
top = offset.top + bounds.height + 5;
}
var tooltip = this.get(name);
const tooltip = this.get(name);
tooltip.element.css({
left: "0px",
top: "0px"
@ -57,13 +57,13 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
tooltip.element.height(tooltip.element[0].scrollHeight);
this.showingTips[name] = true;
// scale影响要计算在内
// var scale = context.element.offset().left / context.element.get(0).getBoundingClientRect().left;
// var x = (e.pageX || e.clientX) * scale + 15, y = (e.pageY || e.clientY) * scale + 15;
var x = (e.pageX || e.clientX) + 15, y = (e.pageY || e.clientY) + 15;
// const scale = context.element.offset().left / context.element.get(0).getBoundingClientRect().left;
// const x = (e.pageX || e.clientX) * scale + 15, y = (e.pageY || e.clientY) * scale + 15;
let x = (e.pageX || e.clientX) + 15, y = (e.pageY || e.clientY) + 15;
if (x + tooltip.element.outerWidth() > BI.Widget._renderEngine.createElement("body").outerWidth()) {
x -= tooltip.element.outerWidth() + 15;
}
var bodyHeight = BI.Widget._renderEngine.createElement("body").outerHeight();
const bodyHeight = BI.Widget._renderEngine.createElement("body").outerHeight();
if (y + tooltip.element.outerHeight() > bodyHeight || top + tooltip.element.outerHeight() > bodyHeight) {
y -= tooltip.element.outerHeight() + 15;
!opt.belowMouse && (y = Math.min(y, offset.top - tooltip.element.outerHeight() - 5));
@ -75,14 +75,14 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
left: x < 0 ? 0 : x + "px",
top: y < 0 ? 0 : y + "px"
});
tooltip.element.hover(function () {
self.remove(name);
tooltip.element.hover(() => {
this.remove(name);
context.element.trigger("mouseleave.title" + context.getName());
});
return this;
},
}
hide: function (name, callback) {
hide(name, callback) {
if (!this.has(name)) {
return this;
}
@ -90,11 +90,11 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
this.get(name).element.hide(0, callback);
this.get(name).invisible();
return this;
},
}
create: function (name, tooltipOpt, context) {
create(name, tooltipOpt, context) {
if (!this.has(name)) {
var tooltip = this._createTooltip(tooltipOpt);
const tooltip = this._createTooltip(tooltipOpt);
this.add(name, tooltip);
BI.createWidget({
type: "bi.absolute",
@ -106,38 +106,38 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
tooltip.invisible();
}
return this.get(name);
},
}
add: function (name, bubble) {
add(name, bubble) {
if (this.has(name)) {
return this;
}
this.set(name, bubble);
return this;
},
}
get: function (name) {
get(name) {
return this.tooltipsManager[name];
},
}
set: function (name, bubble) {
set(name, bubble) {
this.tooltipsManager[name] = bubble;
},
}
has: function (name) {
has(name) {
return this.tooltipsManager[name] != null;
},
}
remove: function (name) {
remove(name) {
if (!this.has(name)) {
return this;
}
this.tooltipsManager[name].destroy();
delete this.tooltipsManager[name];
return this;
},
}
removeAll: function () {
removeAll() {
BI.each(this.tooltipsManager, function (name, tooltip) {
tooltip.destroy();
});
@ -145,4 +145,4 @@ BI.TooltipsController = BI.inherit(BI.Controller, {
this.showingTips = {};
return this;
}
});
}

8
src/core/decorator.js
Unescape View File

@ -0,0 +1,8 @@
/**
* 注册widget
*/
export function shortcut() {
return function decorator(Target) {
BI.shortcut(Target.xtype, Target);
};
}

59
src/core/index.js
Unescape View File

@ -0,0 +1,59 @@
import { shortcut } from "./decorator";
import OB from "./3.ob";
import Widget from "./4.widget";
import Action from "./action/action";
import ShowAction from "./action/action.show";
import Behavior from "./behavior/0.behavior";
import HighlightBehavior from "./behavior/behavior.highlight";
import RedMarkBehavior from "./behavior/behavior.redmark";
import Controller from "./controller/0.controller";
import BroadcastController from "./controller/controller.broadcast";
import BubblesController from "./controller/controller.bubbles";
import DrawerController from "./controller/controller.drawer";
import LayerController from "./controller/controller.layer";
import MaskersController from "./controller/controller.masker";
import PopoverController from "./controller/controller.popover";
import ResizeController from "./controller/controller.resizer";
import TooltipsController from "./controller/controller.tooltips";
import StyleLoaderManager from "./loader/loader.style";
BI.extend(BI, {
OB,
Widget,
Action,
ShowAction,
Behavior,
HighlightBehavior,
RedMarkBehavior,
Controller,
BroadcastController,
BubblesController,
DrawerController,
LayerController,
MaskersController,
PopoverController,
ResizeController,
TooltipsController,
StyleLoaderManager,
});
export {
shortcut,
OB,
Widget,
Action,
ShowAction,
Behavior,
HighlightBehavior,
RedMarkBehavior,
Controller,
BroadcastController,
BubblesController,
DrawerController,
LayerController,
MaskersController,
PopoverController,
ResizeController,
TooltipsController,
StyleLoaderManager,
}

34
src/core/loader/loader.style.js
Unescape View File

@ -4,21 +4,23 @@
* Created by GUY on 2015/9/7.
* @class
*/
BI.StyleLoaderManager = BI.inherit(BI.OB, {
_defaultConfig: function () {
return BI.extend(BI.StyleLoaderManager.superclass._defaultConfig.apply(this, arguments), {});
},
import OB from "../3.ob";
_init: function () {
BI.StyleLoaderManager.superclass._init.apply(this, arguments);
export default class StyleLoaderManager extends OB {
_defaultConfig() {
return BI.extend(super._defaultConfig(arguments), {});
}
_init() {
super._init(arguments);
this.stylesManager = {};
},
}
loadStyle: function (name, styleString) {
loadStyle(name, styleString) {
if(!_global.document) {
return;
}
var d = document, styles = d.createElement("style");
const d = document, styles = d.createElement("style");
d.getElementsByTagName("head")[0].appendChild(styles);
styles.setAttribute("type", "text/css");
if (styles.styleSheet) {
@ -29,17 +31,17 @@ BI.StyleLoaderManager = BI.inherit(BI.OB, {
this.stylesManager[name] = styles;
return this;
},
}
get: function (name) {
get(name) {
return this.stylesManager[name];
},
}
has: function (name) {
has(name) {
return this.stylesManager[name] != null;
},
}
removeStyle: function (name) {
removeStyle(name) {
if (!this.has(name)) {
return this;
}
@ -47,4 +49,4 @@ BI.StyleLoaderManager = BI.inherit(BI.OB, {
delete this.stylesManager[name];
return this;
}
});
}

3
tsconfig.json
Unescape View File

@ -20,7 +20,8 @@
"noUnusedParameters": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
"emitDeclarationOnly": true
"emitDeclarationOnly": true,
"allowJs": true,
},
"include": [
"typescript/*.ts",

Write Preview
Loading…
Cancel
Save