/** * 当没有元素时有提示信息的view * * Created by GUY on 2015/9/8. * @class BI.Pane * @extends BI.Widget * @abstract */ import { Widget, shortcut } from "../core"; @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: "", loadingSize: "small", overlap: true, onLoaded: BI.emptyFn, }); } _assertTip() { if (!this._tipText) { BI.createWidget({ type: "bi.absolute_center_adapt", element: this, items: [{ type: "bi.label", ref: (_ref) => { this._tipText = _ref; }, cls: "bi-tips", text: this.options.tipText, height: 25, }], }); } } loading() { const o = this.options; const loadingAnimation = BI.createWidget(BI.Providers.getProvider("bi.provider.system").getLoading({ loadingSize: o.loadingSize, context: this, })); // pane在同步方式下由items决定tipText的显示与否 // loading的异步情况下由loaded后对面板的populate的时机决定 this.setTipVisible(false); if (o.overlap === true) { if (!BI.Layers.has(this.getName() + "-loading")) { BI.createWidget({ type: "bi.center_adapt", cls: "loading-container", items: this._getLoadingTipItems(loadingAnimation), element: BI.Layers.make(this.getName() + "-loading", this), }); } BI.Layers.show(this.getName() + "-loading"); } else if (BI.isNull(this._loading)) { loadingAnimation.element.css("zIndex", 1); BI.createWidget({ type: "bi.center_adapt", element: this, cls: "loading-container", items: this._getLoadingTipItems(loadingAnimation), }); } this.fireEvent(Pane.EVENT_LOADING); this.element.addClass("loading-status"); } _getSize(v) { return Math.ceil(v / (this.options.loadingSize === "small" ? 2 : 1)); } _getLoadingTipItems(loadingTip) { const o = this.options; const loadingTipItems = [{ type: "bi.horizontal_adapt", items: [loadingTip], }]; BI.isNotEmptyString(o.loadingText) && loadingTipItems.push({ type: "bi.text", text: o.loadingText, tgap: this._getSize(10), }); return [{ type: "bi.vertical", ref: (_ref) => { this._loading = _ref; }, items: loadingTipItems, }]; } loaded() { BI.Layers.remove(this.getName() + "-loading"); this._loading && this._loading.destroy(); this.options.onLoaded(); this.fireEvent(Pane.EVENT_LOADED); this.element.removeClass("loading-status"); } check() { this.setTipVisible(BI.isEmpty(this.options.items)); } setTipVisible(b) { if (b === true) { this._assertTip(); this._tipText && this._tipText.setVisible(true); } else { this._tipText && this._tipText.setVisible(false); } } setTipText(text) { this._assertTip(); this._tipText.setText(text); } populate(items) { this.options.items = items || []; this.check(); } }