Merge branch 'es6' of https://code.fineres.com/scm/visual/fineui into es6

# Conflicts:
#	src/widget/index.js
#	src/widget/multilayersingletree/index.js
#	src/widget/multilayersingletree/multilayersingletree.combo.js
#	src/widget/multilayersingletree/multilayersingletree.insert.search.pane.js
#	src/widget/multilayersingletree/multilayersingletree.leveltree.js
#	src/widget/multilayersingletree/multilayersingletree.popup.js
#	src/widget/multilayersingletree/multilayersingletree.trigger.js
#	src/widget/multilayersingletree/node/node.first.plus.js
#	src/widget/multilayersingletree/node/node.last.plus.js
#	src/widget/multilayersingletree/node/node.mid.plus.js
#	src/widget/multilayersingletree/node/node.plus.js
#	src/widget/multilayersingletree/treeitem/item.first.treeleaf.js
#	src/widget/multilayersingletree/treeitem/item.last.treeleaf.js
#	src/widget/multilayersingletree/treeitem/item.mid.treeleaf.js

.eslintrc

@@ -36,7 +36,8 @@
       "no-var": 2,
       "prefer-const": 2,
       "indent": ["error", 4],
-      "no-use-before-define": 0
+      "no-use-before-define": 0,
+      "eqeqeq": 0
     }
   }, {
     "files": ["webpack/*.js", "./*.js", "lib/**/*.js", "lib/*.js", "./bin/*.js", "./bin/**/*.js"],

es6.js

@@ -8,6 +8,9 @@ const _ = require("lodash");
 // const XTYPE_ONLY = false;
 // const THIS_REPLACE = false;
 
+const ConflictImport = [];
+const CircularDependency = [];
+
 function objHaveFunction(obj) {
     return Object.keys(obj).some(key => {
         const value = obj[key];
@@ -44,6 +47,7 @@ async function saveAndFixCode(path, code) {
     const prettierCode = prettier.format(_code, {
         tabWidth: 4,
         parser: 'babel',
+        printWidth: 120,
     });
     fs.writeFileSync(path, prettierCode);
 
@@ -138,7 +142,13 @@ async function handleFile(srcName) {
 
     const result = /BI\.(.*?)\s=\sBI\.inherit\(/.exec(sourceCode);
     if (!result) {
-        console.log(`已经es6过，替换 xtype =>  ${srcName}`);
+        // console.log(`已经es6过，替换 xtype =>  ${srcName}`);
+        if (!/export class/.test(sourceCode)) {
+            console.log("忽略文件", srcName);
+
+            return;
+        }
+
         // 处理 xtype
         const noXtypeCode = sourceCode.replace(/type:\s?"bi\.(.*?)"/g, v => {
             const matchedSentence = v.replace(/type:\s?/, "");
@@ -181,12 +191,37 @@ async function handleFile(srcName) {
         });
         
         const tmpG = {};
-        _.forEach(G, (depts, module)=> {
+        _.forEach(G, (depts, module) => {
-            const flag = _.some(crossPackages, crosspackage => module.indexOf(crosspackage) >= 0 && !module.startsWith("@"))
+            const flag = _.some(crossPackages, crosspackage => module.indexOf(crosspackage) >= 0 && !module.startsWith("@"));
             if (!flag) {
                 tmpG[module] = depts;
             }
         });
+        
+
+        // 较验手工 import 错误
+        const map = {};
+        let conflict = false;
+        let circle = false;
+        _.forEach(tmpG, (imports, fromStr) => {
+            if (srcName.indexOf("base") >= 0) {
+                if (fromStr === "@/case" || fromStr === "@/base") {
+                    circle = true;
+                }
+            }
+
+            _.forEach(imports, (bools, _import) => {
+                if (map[_import] && map[_import] !== fromStr) {
+                    conflict = true;
+                }
+                
+                map[_import] = fromStr;
+            });
+        });
+
+        conflict && ConflictImport.push(srcName);
+        circle && CircularDependency.push(srcName);
+
         G = tmpG;
   
         const noImportCode = noXtypeCode.replace(/import {([\s\S]*?)} from "(.*?)";/g, "");
@@ -314,7 +349,7 @@ async function handleFile(srcName) {
         // 换 super._defaultConfig
         f = f.replace(
             /super\._defaultConfig\.apply\(this,\sarguments\)/g,
-            "super._defaultConfig(...arguments)"
+            "super._defaultConfig(...arguments)",
         );
         // 换 super.xxx.apply
         f = f.replace(/super\.(.*?)\.apply\(this,\sarguments\)/g, a => {
@@ -427,19 +462,27 @@ async function traverse(srcName) {
 
 const srcName = process.argv[2];
 
-initDepts().then(() => {
+initDepts().then(async () => {
     const content = fs.readFileSync("src/core/2.base.js").toString();
 
     let result = content.match(/export function (.*?)\(/g);
     target.push(
         ...result.map(el =>
-            el.replace("export function ", "").replace("(", "")
+            el.replace("export function ", "").replace("(", ""),
-        )
+        ),
     );
     result = content.match(/export const (.*?) =/g);
     target.push(
-        ...result.map(el => el.replace("export const ", "").replace(" =", ""))
+        ...result.map(el => el.replace("export const ", "").replace(" =", "")),
     );
 
-    traverse(srcName);
+    await traverse(srcName);
+
+    // 对数据处理
+    ConflictImport.forEach(el => {
+        console.log(`导入冲突 ${el}`);
+    });
+    CircularDependency.forEach(el => {
+        console.log(`出现循环依赖 ${el}`);
+    });
 });

src/base/0.base.js

@@ -20,14 +20,4 @@ const Drawers = new DrawerController();
 const Broadcasts = new BroadcastController();
 const StyleLoaders = new StyleLoaderManager();
 
-export {
+export { Resizers, Layers, Maskers, Bubbles, Tooltips, Popovers, Drawers, Broadcasts, StyleLoaders };
-    Resizers,
-    Layers,
-    Maskers,
-    Bubbles,
-    Tooltips,
-    Popovers,
-    Drawers,
-    Broadcasts,
-    StyleLoaders
-};

src/base/1.pane.js

@@ -1,3 +1,19 @@
+import { Label, Text } from "./single";
+import {
+    CenterAdaptLayout,
+    HorizontalAdaptLayout,
+    VerticalLayout,
+    Widget,
+    shortcut,
+    isNotEmptyString,
+    extend,
+    isNull,
+    isEmpty,
+    createWidget,
+    Providers
+} from "@/core";
+import { Layers } from "@/base";
+
 /**
  * 当没有元素时有提示信息的view
  *
@@ -6,8 +22,6 @@
  * @extends BI.Widget
  * @abstract
  */
-import { Widget, shortcut, isNotEmptyString, extend, isNull, isEmpty, createWidget, Providers } from "../core";
-import { Layers } from "./0.base";
 
 @shortcut()
 export class Pane extends Widget {
@@ -31,32 +45,36 @@ export class Pane extends Widget {
             createWidget({
                 type: "bi.absolute_center_adapt",
                 element: this,
-                items: [{
+                items: [
-                    type: "bi.label",
+                    {
+                        type: Label.xtype,
                         ref: _ref => {
                             this._tipText = _ref;
                         },
                         cls: "bi-tips",
                         text: this.options.tipText,
                         height: 25,
-                }],
+                    }
+                ],
             });
         }
     }
 
     loading() {
         const o = this.options;
-        const loadingAnimation = createWidget(Providers.getProvider("bi.provider.system").getLoading({
+        const loadingAnimation = createWidget(
+            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 (!Layers.has(`${this.getName()}-loading`)) {
                 createWidget({
-                    type: "bi.center_adapt",
+                    type: CenterAdaptLayout.xtype,
                     cls: "loading-container",
                     items: this._getLoadingTipItems(loadingAnimation),
                     element: Layers.make(`${this.getName()}-loading`, this),
@@ -66,7 +84,7 @@ export class Pane extends Widget {
         } else if (isNull(this._loading)) {
             loadingAnimation.element.css("zIndex", 1);
             createWidget({
-                type: "bi.center_adapt",
+                type: CenterAdaptLayout.xtype,
                 element: this,
                 cls: "loading-container",
                 items: this._getLoadingTipItems(loadingAnimation),
@@ -82,23 +100,28 @@ export class Pane extends Widget {
 
     _getLoadingTipItems(loadingTip) {
         const o = this.options;
-        const loadingTipItems = [{
+        const loadingTipItems = [
-            type: "bi.horizontal_adapt",
+            {
+                type: HorizontalAdaptLayout.xtype,
                 items: [loadingTip],
-        }];
+            }
-        isNotEmptyString(o.loadingText) && loadingTipItems.push({
+        ];
-            type: "bi.text",
+        isNotEmptyString(o.loadingText) &&
+            loadingTipItems.push({
+                type: Text.xtype,
                 text: o.loadingText,
                 tgap: this._getSize(10),
             });
 
-        return [{
+        return [
-            type: "bi.vertical",
+            {
+                type: VerticalLayout.xtype,
                 ref: _ref => {
                     this._loading = _ref;
                 },
                 items: loadingTipItems,
-        }];
+            }
+        ];
     }
 
     loaded() {

src/base/collection/collection.js

@@ -1,3 +1,25 @@
+import {
+    VerticalLayout,
+    AbsoluteLayout,
+    Widget,
+    shortcut,
+    extend,
+    emptyFn,
+    debounce,
+    _lazyCreateWidget,
+    isFunction,
+    SectionManager,
+    isNull,
+    each,
+    clamp,
+    toArray,
+    invert,
+    min,
+    max,
+    nextTick
+} from "@/core";
+import { Label } from "../single";
+
 /**
  * CollectionView
  *
@@ -5,7 +27,7 @@
  * @class BI.CollectionView
  * @extends BI.Widget
  */
-import { Widget, shortcut, extend, emptyFn, debounce, _lazyCreateWidget, isFunction, SectionManager, isNull, each, clamp, toArray, invert, min, max, nextTick } from "../../core";
+
 @shortcut()
 export class CollectionView extends Widget {
     _defaultConfig() {
@@ -19,7 +41,7 @@ export class CollectionView extends Widget {
             overflowX: true,
             overflowY: true,
             el: {
-                type: "bi.vertical",
+                type: VerticalLayout.xtype,
             },
             cellSizeAndPositionGetter: emptyFn,
             horizontalOverscanSize: 0,
@@ -45,7 +67,7 @@ export class CollectionView extends Widget {
             this._scrollLock = false;
         }, 1000 / 60);
         this.container = _lazyCreateWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
         });
         this.element.scroll(() => {
             if (this._scrollLock === true) {
@@ -61,7 +83,8 @@ export class CollectionView extends Widget {
         });
         // 兼容一下
         let scrollable = o.scrollable;
-        const scrollx = o.scrollx, scrolly = o.scrolly;
+        const scrollx = o.scrollx,
+            scrolly = o.scrolly;
         if (overflowX === false) {
             if (overflowY === false) {
                 scrollable = false;
@@ -74,16 +97,18 @@ export class CollectionView extends Widget {
             }
         }
         _lazyCreateWidget(el, {
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             element: this,
             scrollable,
             scrolly,
             scrollx,
             items: [this.container],
         });
-        o.items = isFunction(o.items) ? this.__watch(o.items, (context, newValue) => {
+        o.items = isFunction(o.items)
+            ? this.__watch(o.items, (context, newValue) => {
                 this.populate(newValue);
-        }) : o.items;
+            })
+            : o.items;
         if (o.items.length > 0) {
             this._calculateSizeAndPositionData();
             this._populate();
@@ -109,10 +134,16 @@ export class CollectionView extends Widget {
         for (let index = 0, len = items.length; index < len; index++) {
             const cellMetadatum = cellSizeAndPositionGetter(index);
 
-            if (isNull(cellMetadatum.height) || isNaN(cellMetadatum.height) ||
+            if (
-                isNull(cellMetadatum.width) || isNaN(cellMetadatum.width) ||
+                isNull(cellMetadatum.height) ||
-                isNull(cellMetadatum.x) || isNaN(cellMetadatum.x) ||
+                isNaN(cellMetadatum.height) ||
-                isNull(cellMetadatum.y) || isNaN(cellMetadatum.y)) {
+                isNull(cellMetadatum.width) ||
+                isNaN(cellMetadatum.width) ||
+                isNull(cellMetadatum.x) ||
+                isNaN(cellMetadatum.x) ||
+                isNull(cellMetadatum.y) ||
+                isNaN(cellMetadatum.y)
+            ) {
                 throw Error();
             }
 
@@ -157,13 +188,21 @@ export class CollectionView extends Widget {
         const bottom = Math.min(this._height, scrollTop + height + verticalOverscanSize);
         if (right > 0 && bottom > 0) {
             // 如果滚动的区间并没有超出渲染的范围
-            if (top >= this.renderRange.minY && bottom <= this.renderRange.maxY && left >= this.renderRange.minX && right <= this.renderRange.maxX) {
+            if (
+                top >= this.renderRange.minY &&
+                bottom <= this.renderRange.maxY &&
+                left >= this.renderRange.minX &&
+                right <= this.renderRange.maxX
+            ) {
                 return;
             }
             const childrenToDisplay = this._cellRenderers(bottom - top, right - left, left, top);
-            const renderedCells = [], renderedKeys = {}, renderedWidgets = {};
+            const renderedCells = [],
+                renderedKeys = {},
+                renderedWidgets = {};
             // 存储所有的left和top
-            let lefts = {}, tops = {};
+            let lefts = {},
+                tops = {};
             for (let i = 0, len = childrenToDisplay.length; i < len; i++) {
                 const datum = childrenToDisplay[i];
                 lefts[datum.x] = datum.x;
@@ -176,7 +215,10 @@ export class CollectionView extends Widget {
             const leftMap = invert(lefts);
             const topMap = invert(tops);
             // 存储上下左右四个边界
-            const leftBorder = {}, rightBorder = {}, topBorder = {}, bottomBorder = {};
+            const leftBorder = {},
+                rightBorder = {},
+                topBorder = {},
+                bottomBorder = {};
             function assertMinBorder(border, offset) {
                 if (isNull(border[offset])) {
                     border[offset] = Number.MAX_VALUE;
@@ -197,18 +239,26 @@ export class CollectionView extends Widget {
                     // 这里只使用px
                     this.renderedCells[index].el.element.css("left", `${datum.x}px`);
                     this.renderedCells[index].el.element.css("top", `${datum.y}px`);
-                    renderedCells.push(child = this.renderedCells[index]);
+                    renderedCells.push((child = this.renderedCells[index]));
                 } else {
                     const item = itemFormatter(items[datum.index], datum.index);
-                    child = _lazyCreateWidget(extend({
+                    child = _lazyCreateWidget(
-                        type: "bi.label",
+                        extend(
+                            {
+                                type: Label.xtype,
                                 width: datum.width,
                                 height: datum.height,
-                    }, item, {
+                            },
-                        cls: `${item.cls || ""} collection-cell${datum.y === 0 ? " first-row" : ""}${datum.x === 0 ? " first-col" : ""}`,
+                            item,
+                            {
+                                cls: `${item.cls || ""} collection-cell${datum.y === 0 ? " first-row" : ""}${
+                                    datum.x === 0 ? " first-col" : ""
+                                }`,
                                 _left: datum.x,
                                 _top: datum.y,
-                    }));
+                            }
+                        )
+                    );
                     renderedCells.push({
                         el: child,
                         left: `${datum.x}px`,
@@ -242,7 +292,9 @@ export class CollectionView extends Widget {
                 renderedWidgets[i] = child;
             }
             // 已存在的， 需要添加的和需要删除的
-            const existSet = {}, addSet = {}, deleteArray = [];
+            const existSet = {},
+                addSet = {},
+                deleteArray = [];
             each(renderedKeys, (i, key) => {
                 if (this.renderedKeys[i]) {
                     existSet[i] = key;
@@ -289,7 +341,8 @@ export class CollectionView extends Widget {
         const o = this.options;
         const { overflowX } = this.options;
         // 兼容一下
-        const scrollable = o.scrollable, scrollx = o.scrollx;
+        const scrollable = o.scrollable,
+            scrollx = o.scrollx;
         if (overflowX === false) {
             return false;
         }
@@ -307,7 +360,8 @@ export class CollectionView extends Widget {
         const o = this.options;
         const { overflowX } = this.options;
         // 兼容一下
-        const scrollable = o.scrollable, scrolly = o.scrolly;
+        const scrollable = o.scrollable,
+            scrolly = o.scrolly;
         if (overflowX === false) {
             return false;
         }
@@ -344,8 +398,7 @@ export class CollectionView extends Widget {
         try {
             this.element.scrollTop(scrollTop);
             this.element.scrollLeft(scrollLeft);
-        } catch (e) {
+        } catch (e) {}
-        }
         this._calculateChildrenToRender();
     }
     setScrollLeft(scrollLeft) {

src/base/combination/bubble.js

@@ -1,8 +1,26 @@
+import { BubblePopupView } from "@/case/combo/bubblecombo/popup.bubble";
+import {
+    VerticalLayout,
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    nextTick,
+    createWidget,
+    each,
+    defer,
+    debounce,
+    delay,
+    isNull,
+    isFunction,
+    contains,
+    bind
+} from "@/core";
+
 /**
  * @class BI.Bubble
  * @extends BI.Widget
  */
-import { shortcut, Widget, Controller, extend, nextTick, createWidget, each, defer, debounce, delay, isNull, isFunction, contains, bind } from "../../core";
 
 @shortcut()
 export class Bubble extends Widget {
@@ -23,7 +41,7 @@ export class Bubble extends Widget {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-popper",
+            baseCls: `${conf.baseCls || ""} bi-popper`,
             attributes: {
                 tabIndex: -1,
             },
@@ -85,26 +103,32 @@ export class Bubble extends Widget {
             }
         });
 
-        this.element.on("mouseenter." + this.getName(), (e) => {
+        this.element.on(`mouseenter.${this.getName()}`, (e) => {
             if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid()) {
                 this.element.addClass(hoverClass);
             }
         });
-        this.element.on("mouseleave." + this.getName(), (e) => {
+        this.element.on(`mouseleave.${this.getName()}`, (e) => {
             if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid()) {
                 this.element.removeClass(hoverClass);
             }
         });
 
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
                     scrolly: false,
-        }, BI.LogicFactory.createLogic("vertical", extend(logic, {
+                },
-            items: [
+                BI.LogicFactory.createLogic(
-                { el: this.combo }
+                    "vertical",
-            ],
+                    extend(logic, {
-        }))));
+                        items: [{ el: this.combo }],
-        isDefaultInit && (this._assertPopupView());
+                    })
+                )
+            )
+        );
+        isDefaultInit && this._assertPopupView();
     }
 
     _toggle(e) {
@@ -129,39 +153,46 @@ export class Bubble extends Widget {
             if (stopPropagation) {
                 e.stopPropagation();
             }
-        }
+        };
 
         let enterPopup = false;
 
         const hide = (e) => {
-            if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid() && toggle === true) {
+            if (
+                this.isEnabled() &&
+                this.isValid() &&
+                this.combo.isEnabled() &&
+                this.combo.isValid() &&
+                toggle === true
+            ) {
                 this._hideView(e);
                 this.fireEvent(Controller.EVENT_CHANGE, BI.Events.COLLAPSE, "", this.combo);
                 this.fireEvent(Bubble.EVENT_COLLAPSE);
             }
-            this.popupView && this.popupView.element.off("mouseenter." + this.getName()).off("mouseleave." + this.getName());
+            this.popupView &&
+                this.popupView.element.off(`mouseenter.${this.getName()}`).off(`mouseleave.${this.getName()}`);
             enterPopup = false;
-        }
+        };
 
         each(evs, (i, ev) => {
             let debounced;
             switch (ev) {
                 case "hover":
-                    this.element.on("mouseenter." + this.getName(), (e) => {
+                    this.element.on(`mouseenter.${this.getName()}`, (e) => {
                         if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid()) {
                             this._popupView(e);
                             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.EXPAND, "", this.combo);
                             this.fireEvent(Bubble.EVENT_EXPAND);
                         }
                     });
-                    this.element.on("mouseleave." + this.getName(), (e) => {
+                    this.element.on(`mouseleave.${this.getName()}`, (e) => {
                         if (this.popupView) {
-                            this.popupView.element.on("mouseenter." + this.getName(), (e) => {
+                            this.popupView.element.on(`mouseenter.${this.getName()}`, (e) => {
                                 enterPopup = true;
-                                this.popupView.element.on("mouseleave." + this.getName(), (e) => {
+                                this.popupView.element.on(`mouseleave.${this.getName()}`, (e) => {
                                     hide(e);
                                 });
-                                this.popupView.element.off("mouseenter." + this.getName());
+                                this.popupView.element.off(`mouseenter.${this.getName()}`);
                             });
                             defer(() => {
                                 if (!enterPopup) {
@@ -172,9 +203,15 @@ export class Bubble extends Widget {
                     });
                     break;
                 case "click":
-                    debounced = debounce((e) => {
+                    debounced = debounce(
+                        (e) => {
                             if (this.combo.element.__isMouseInBounds__(e)) {
-                            if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid()) {
+                                if (
+                                    this.isEnabled() &&
+                                    this.isValid() &&
+                                    this.combo.isEnabled() &&
+                                    this.combo.isValid()
+                                ) {
                                     // if (!o.toggle && this.isViewVisible()) {
                                     //     return;
                                     // }
@@ -188,19 +225,28 @@ export class Bubble extends Widget {
                                     }
                                 }
                             }
-                    }, BI.EVENT_RESPONSE_TIME, {
+                        },
-                        "leading": true,
+                        BI.EVENT_RESPONSE_TIME,
-                        "trailing": false,
+                        {
-                    });
+                            leading: true,
-                    this.element.off(ev + "." + this.getName()).on(ev + "." + this.getName(), (e) => {
+                            trailing: false,
+                        }
+                    );
+                    this.element.off(`${ev}.${this.getName()}`).on(`${ev}.${this.getName()}`, (e) => {
                         debounced(e);
                         st(e);
                     });
                     break;
                 case "click-hover":
-                    debounced = debounce((e) => {
+                    debounced = debounce(
+                        (e) => {
                             if (this.combo.element.__isMouseInBounds__(e)) {
-                            if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid()) {
+                                if (
+                                    this.isEnabled() &&
+                                    this.isValid() &&
+                                    this.combo.isEnabled() &&
+                                    this.combo.isValid()
+                                ) {
                                     // if (this.isViewVisible()) {
                                     //     return;
                                     // }
@@ -211,22 +257,25 @@ export class Bubble extends Widget {
                                     }
                                 }
                             }
-                    }, BI.EVENT_RESPONSE_TIME, {
+                        },
-                        "leading": true,
+                        BI.EVENT_RESPONSE_TIME,
-                        "trailing": false,
+                        {
-                    });
+                            leading: true,
-                    this.element.off("click." + this.getName()).on("click." + this.getName(), (e) => {
+                            trailing: false,
+                        }
+                    );
+                    this.element.off(`click.${this.getName()}`).on(`click.${this.getName()}`, (e) => {
                         debounced(e);
                         st(e);
                     });
-                    this.element.on("mouseleave." + this.getName(), (e) => {
+                    this.element.on(`mouseleave.${this.getName()}`, (e) => {
                         if (this.popupView) {
-                            this.popupView.element.on("mouseenter." + this.getName(), (e) => {
+                            this.popupView.element.on(`mouseenter.${this.getName()}`, (e) => {
                                 enterPopup = true;
-                                this.popupView.element.on("mouseleave." + this.getName(), (e) => {
+                                this.popupView.element.on(`mouseleave.${this.getName()}`, (e) => {
                                     hide(e);
                                 });
-                                this.popupView.element.off("mouseenter." + this.getName());
+                                this.popupView.element.off(`mouseenter.${this.getName()}`);
                             });
                             delay(() => {
                                 if (!enterPopup) {
@@ -237,7 +286,7 @@ export class Bubble extends Widget {
                     });
                     break;
                 case "hover-click":
-                    this.element.on("mouseenter." + this.getName(), (e) => {
+                    this.element.on(`mouseenter.${this.getName()}`, (e) => {
                         if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid()) {
                             this._popupView(e);
                             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.EXPAND, "", this.combo);
@@ -260,11 +309,15 @@ export class Bubble extends Widget {
     _assertPopupView() {
         const { showArrow, value } = this.options;
         if (isNull(this.popupView)) {
-            this.popupView = createWidget(isFunction(this.options.popup) ? this.options.popup() : this.options.popup, {
+            this.popupView = createWidget(
-                type: "bi.bubble_popup_view",
+                isFunction(this.options.popup) ? this.options.popup() : this.options.popup,
+                {
+                    type: BubblePopupView.xtype,
                     showArrow,
                     value,
-            }, this);
+                },
+                this
+            );
             this.popupView.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {
                 if (type === BI.Events.CLICK) {
                     this.combo.setValue(this.getValue());
@@ -283,12 +336,10 @@ export class Bubble extends Widget {
         this._assertPopupView();
         if (!this._rendered) {
             createWidget({
-                type: "bi.vertical",
+                type: VerticalLayout.xtype,
                 scrolly: false,
-                element: isFunction(this.options.container) ? this.options.container() : (this.options.container || this),
+                element: isFunction(this.options.container) ? this.options.container() : this.options.container || this,
-                items: [
+                items: [{ el: this.popupView }],
-                    { el: this.popupView }
-                ],
             });
             this._rendered = true;
         }
@@ -299,9 +350,14 @@ export class Bubble extends Widget {
         //     return;
         // }
         // BI-10290 公式combo双击公式内容会收起
-        if (e && ((skipTriggerChecker !== true && this.element.find(e.target).length > 0)
+        if (
-            || (this.popupView && this.popupView.element.find(e.target).length > 0)
+            e &&
-            || e.target.className === "CodeMirror-cursor" || Widget._renderEngine.createElement(e.target).closest(".CodeMirror-hints").length > 0)) {// BI-9887 CodeMirror的公式弹框需要特殊处理下
+            ((skipTriggerChecker !== true && this.element.find(e.target).length > 0) ||
+                (this.popupView && this.popupView.element.find(e.target).length > 0) ||
+                e.target.className === "CodeMirror-cursor" ||
+                Widget._renderEngine.createElement(e.target).closest(".CodeMirror-hints").length > 0)
+        ) {
+            // BI-9887 CodeMirror的公式弹框需要特殊处理下
             const directions = this.options.direction.split(",");
             if (contains(directions, "innerLeft") || contains(directions, "innerRight")) {
                 // popup可以出现在trigger内部的combo，滚动时不需要消失，而是调整位置
@@ -344,13 +400,17 @@ export class Bubble extends Widget {
 
         this.element.removeClass(this.options.comboClass);
 
-        Widget._renderEngine.createElement(document).unbind("mousedown." + this.getName()).unbind("mousewheel." + this.getName());
+        Widget._renderEngine
-        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).unbind("blur." + this.getName());
+            .createElement(document)
+            .unbind(`mousedown.${this.getName()}`)
+            .unbind(`mousewheel.${this.getName()}`);
+        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).unbind(`blur.${this.getName()}`);
         this.fireEvent(Bubble.EVENT_AFTER_HIDEVIEW);
     }
 
     _popupView(e) {
-        const { adjustXOffset, showArrow, adjustYOffset, adjustLength, placement, hideWhenClickOutside, hideWhenBlur } = this.options;
+        const { adjustXOffset, showArrow, adjustYOffset, adjustLength, placement, hideWhenClickOutside, hideWhenBlur } =
+            this.options;
         this._assertPopupViewRender();
         this.fireEvent(Bubble.EVENT_BEFORE_POPUPVIEW);
         // popupVisible是为了获取其宽高, 放到可视范围之外以防止在IE下闪一下
@@ -365,11 +425,9 @@ export class Bubble extends Widget {
             {
                 name: "offset",
                 options: {
-                    offset: () => {
+                    offset: () => [adjustXOffset, (showArrow ? 12 : 0) + (adjustYOffset + adjustLength)],
-                        return [adjustXOffset, (showArrow ? 12 : 0) + (adjustYOffset + adjustLength)];
                 },
             },
-            }
         ];
         if (this.options.showArrow) {
             modifiers.push({
@@ -389,11 +447,14 @@ export class Bubble extends Widget {
         // this.adjustHeight(e);
 
         this.element.addClass(this.options.comboClass);
-        hideWhenClickOutside && Widget._renderEngine.createElement(document).unbind("mousedown." + this.getName());
+        hideWhenClickOutside && Widget._renderEngine.createElement(document).unbind(`mousedown.${this.getName()}`);
-        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).unbind("blur." + this.getName());
+        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).unbind(`blur.${this.getName()}`);
-
+
-        hideWhenClickOutside && Widget._renderEngine.createElement(document).bind("mousedown." + this.getName(), bind(this._hideIf, this));
+        hideWhenClickOutside &&
-        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).bind("blur." + this.getName(), bind(this._hideIf, this));
+            Widget._renderEngine.createElement(document).bind(`mousedown.${this.getName()}`, bind(this._hideIf, this));
+        BI.EVENT_BLUR &&
+            hideWhenBlur &&
+            Widget._renderEngine.createElement(window).bind(`blur.${this.getName()}`, bind(this._hideIf, this));
         this.fireEvent(Bubble.EVENT_AFTER_POPUPVIEW);
     }
 
@@ -425,9 +486,7 @@ export class Bubble extends Widget {
         }
     }
 
-    adjustHeight() {
+    adjustHeight() {}
-
-    }
 
     resetListHeight(h) {
         this._assertPopupView();
@@ -501,13 +560,13 @@ export class Bubble extends Widget {
     }
 
     destroyed() {
-        Widget._renderEngine.createElement(document)
+        Widget._renderEngine
-            .unbind("click." + this.getName())
+            .createElement(document)
-            .unbind("mousedown." + this.getName())
+            .unbind(`click.${this.getName()}`)
-            .unbind("mouseenter." + this.getName())
+            .unbind(`mousedown.${this.getName()}`)
-            .unbind("mouseleave." + this.getName());
+            .unbind(`mouseenter.${this.getName()}`)
-        Widget._renderEngine.createElement(window)
+            .unbind(`mouseleave.${this.getName()}`);
-            .unbind("blur." + this.getName());
+        Widget._renderEngine.createElement(window).unbind(`blur.${this.getName()}`);
         this.popper && this.popper.destroy();
         this.popper = null;
         this.popupView && this.popupView._destroy();

src/base/combination/combo.js

@@ -1,12 +1,25 @@
+import { PopupView } from "../layer";
+import { Bubble } from "./bubble";
+import {
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    createWidget,
+    nextTick,
+    bind,
+    isNotNull,
+    isNull,
+    isFunction,
+    each
+} from "@/core";
+import { Resizers } from "@/base/0.base";
+
 /**
  * @class BI.Combo
  * @extends BI.Widget
  */
 
-import { shortcut, Widget, Controller, extend, createWidget, nextTick, bind, isNotNull, isNull, isFunction, each } from "../../core";
-import { Bubble } from "./bubble";
-import { Resizers } from "../0.base";
-
 let needHideWhenAnotherComboOpen = {};
 let currentOpenedCombos = {};
 
@@ -29,7 +42,7 @@ export class Combo extends Bubble {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-combo" + (BI.isIE() ? " hack" : ""),
+            baseCls: `${conf.baseCls || ""} bi-combo${BI.isIE() ? " hack" : ""}`,
             attributes: {
                 tabIndex: -1,
             },
@@ -96,42 +109,55 @@ export class Combo extends Bubble {
             }
         });
 
-        this.element.on("mouseenter." + this.getName(), (e) => {
+        this.element.on(`mouseenter.${this.getName()}`, e => {
             if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid()) {
                 this.element.addClass(hoverClass);
             }
         });
-        this.element.on("mouseleave." + this.getName(), (e) => {
+        this.element.on(`mouseleave.${this.getName()}`, e => {
             if (this.isEnabled() && this.isValid() && this.combo.isEnabled() && this.combo.isValid()) {
                 this.element.removeClass(hoverClass);
             }
         });
 
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
                     scrolly: false,
-        }, BI.LogicFactory.createLogic("vertical", extend(logic, {
+                },
-            items: [
+                BI.LogicFactory.createLogic(
-                { el: this.combo }
+                    "vertical",
-            ],
+                    extend(logic, {
-        }))));
+                        items: [{ el: this.combo }],
-        isDefaultInit && (this._assertPopupView());
+                    })
-        Resizers.add(this.getName(), bind((e) => {
+                )
+            )
+        );
+        isDefaultInit && this._assertPopupView();
+        Resizers.add(
+            this.getName(),
+            bind(e => {
                 // 如果resize对象是combo的子元素，则不应该收起，或交由hideChecker去处理
                 if (this.isViewVisible()) {
                     isNotNull(e) ? this._hideIf(e) : this._hideView();
                 }
-        }, this));
+            }, this)
+        );
     }
 
     _assertPopupView() {
         const { showArrow, value, hideWhenClickOutside, hideWhenBlur } = this.options;
         if (isNull(this.popupView)) {
-            this.popupView = createWidget(isFunction(this.options.popup) ? this.options.popup() : this.options.popup, {
+            this.popupView = createWidget(
-                type: "bi.popup_view",
+                isFunction(this.options.popup) ? this.options.popup() : this.options.popup,
+                {
+                    type: PopupView.xtype,
                     showArrow,
                     value,
-            }, this);
+                },
+                this
+            );
             this.popupView.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {
                 if (type === BI.Events.CLICK) {
                     this.combo.setValue(this.getValue());
@@ -167,8 +193,12 @@ export class Combo extends Bubble {
         delete needHideWhenAnotherComboOpen[this.getName()];
         delete currentOpenedCombos[this.getName()];
 
-        hideWhenClickOutside && Widget._renderEngine.createElement(document).unbind("mousedown." + this.getName()).unbind("mousewheel." + this.getName());
+        hideWhenClickOutside &&
-        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).unbind("blur." + this.getName());
+            Widget._renderEngine
+                .createElement(document)
+                .unbind(`mousedown.${this.getName()}`)
+                .unbind(`mousewheel.${this.getName()}`);
+        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).unbind(`blur.${this.getName()}`);
         this.fireEvent(Combo.EVENT_AFTER_HIDEVIEW, e);
     }
 
@@ -192,25 +222,49 @@ export class Combo extends Bubble {
         this.adjustHeight(e);
 
         this.element.addClass(this.options.comboClass);
-        hideWhenClickOutside && Widget._renderEngine.createElement(document).unbind("mousedown." + this.getName()).unbind("mousewheel." + this.getName());
+        hideWhenClickOutside &&
-        hideWhenClickOutside && Widget._renderEngine.createElement(document).unbind("mousewheel." + this.getName());
+            Widget._renderEngine
-        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).unbind("blur." + this.getName());
+                .createElement(document)
+                .unbind(`mousedown.${this.getName()}`)
+                .unbind(`mousewheel.${this.getName()}`);
+        hideWhenClickOutside && Widget._renderEngine.createElement(document).unbind(`mousewheel.${this.getName()}`);
+        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).unbind(`blur.${this.getName()}`);
 
-        hideWhenClickOutside && Widget._renderEngine.createElement(document).bind("mousewheel." + this.getName(), bind(this._hideIf, this));
+        hideWhenClickOutside &&
-        hideWhenClickOutside && Widget._renderEngine.createElement(document).bind("mousedown." + this.getName(), bind(this._hideIf, this)).bind("mousewheel." + this.getName(), bind(this._hideIf, this));
+            Widget._renderEngine.createElement(document).bind(`mousewheel.${this.getName()}`, bind(this._hideIf, this));
-        BI.EVENT_BLUR && hideWhenBlur && Widget._renderEngine.createElement(window).bind("blur." + this.getName(), bind(this._hideIf, this));
+        hideWhenClickOutside &&
+            Widget._renderEngine
+                .createElement(document)
+                .bind(`mousedown.${this.getName()}`, bind(this._hideIf, this))
+                .bind(`mousewheel.${this.getName()}`, bind(this._hideIf, this));
+        BI.EVENT_BLUR &&
+            hideWhenBlur &&
+            Widget._renderEngine.createElement(window).bind(`blur.${this.getName()}`, bind(this._hideIf, this));
         this.fireEvent(Combo.EVENT_AFTER_POPUPVIEW);
     }
 
     adjustHeight(e) {
-        const { belowMouse, supportCSSTransform, container, direction, adjustXOffset, adjustYOffset, adjustLength, showArrow, isNeedAdjustHeight, offsetStyle } = this.options;
+        const {
+            belowMouse,
+            supportCSSTransform,
+            container,
+            direction,
+            adjustXOffset,
+            adjustYOffset,
+            adjustLength,
+            showArrow,
+            isNeedAdjustHeight,
+            offsetStyle,
+        } = this.options;
         let p = {};
         if (!this.popupView) {
             return;
         }
         const isVisible = this.popupView.isVisible();
         this.popupView.visible();
-        const combo = (belowMouse && isNotNull(e)) ? {
+        const combo =
+            belowMouse && isNotNull(e)
+                ? {
                     element: {
                         0: e.target,
                         offset: () => {
@@ -228,77 +282,206 @@ export class Combo extends Bubble {
                                 height: 24,
                             };
                         },
-                outerWidth: () => {
+                        outerWidth: () => 0,
-                    return 0;
+                        outerHeight: () => 24,
                     },
-                outerHeight: () => {
+                }
-                    return 24;
+                : this.combo;
-                },
+        const positionRelativeElement = supportCSSTransform
-            },
+            ? BI.DOM.getPositionRelativeContainingBlock(
-        } : this.combo;
+                isNull(container)
-        const positionRelativeElement = supportCSSTransform ? BI.DOM.getPositionRelativeContainingBlock(isNull(container) ? this.element[0] : Widget._renderEngine.createElement(isFunction(container) ? container() : container)[0]) : null;
+                    ? this.element[0]
+                    : Widget._renderEngine.createElement(isFunction(container) ? container() : container)[0]
+            )
+            : null;
         const TRIANGLE_LENGTH = 12;
         switch (direction) {
         case "bottom":
         case "bottom,right":
-                p = BI.DOM.getComboPosition(combo, this.popupView, adjustXOffset, (adjustYOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), isNeedAdjustHeight, ["bottom", "top", "right", "left"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset,
+                adjustYOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                isNeedAdjustHeight,
+                ["bottom", "top", "right", "left"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "top":
         case "top,right":
-                p = BI.DOM.getComboPosition(combo, this.popupView, adjustXOffset, (adjustYOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), isNeedAdjustHeight, ["top", "bottom", "right", "left"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset,
+                adjustYOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                isNeedAdjustHeight,
+                ["top", "bottom", "right", "left"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "left":
         case "left,bottom":
-                p = BI.DOM.getComboPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), adjustYOffset, isNeedAdjustHeight, ["left", "right", "bottom", "top"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                adjustYOffset,
+                isNeedAdjustHeight,
+                ["left", "right", "bottom", "top"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "right":
         case "right,bottom":
-                p = BI.DOM.getComboPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), adjustYOffset, isNeedAdjustHeight, ["right", "left", "bottom", "top"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                adjustYOffset,
+                isNeedAdjustHeight,
+                ["right", "left", "bottom", "top"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "top,left":
-                p = BI.DOM.getComboPosition(combo, this.popupView, adjustXOffset, (adjustYOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), isNeedAdjustHeight, ["top", "bottom", "left", "right"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset,
+                adjustYOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                isNeedAdjustHeight,
+                ["top", "bottom", "left", "right"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "bottom,left":
-                p = BI.DOM.getComboPosition(combo, this.popupView, adjustXOffset, (adjustYOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), isNeedAdjustHeight, ["bottom", "top", "left", "right"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset,
+                adjustYOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                isNeedAdjustHeight,
+                ["bottom", "top", "left", "right"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "left,top":
-                p = BI.DOM.getComboPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), adjustYOffset, isNeedAdjustHeight, ["left", "right", "top", "bottom"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                adjustYOffset,
+                isNeedAdjustHeight,
+                ["left", "right", "top", "bottom"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "right,top":
-                p = BI.DOM.getComboPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), adjustYOffset, isNeedAdjustHeight, ["right", "left", "top", "bottom"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                adjustYOffset,
+                isNeedAdjustHeight,
+                ["right", "left", "top", "bottom"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "right,innerRight":
-                p = BI.DOM.getComboPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), adjustYOffset, isNeedAdjustHeight, ["right", "left", "innerRight", "innerLeft", "bottom", "top"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                adjustYOffset,
+                isNeedAdjustHeight,
+                ["right", "left", "innerRight", "innerLeft", "bottom", "top"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "right,innerLeft":
-                p = BI.DOM.getComboPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), adjustYOffset, isNeedAdjustHeight, ["right", "left", "innerLeft", "innerRight", "bottom", "top"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                adjustYOffset,
+                isNeedAdjustHeight,
+                ["right", "left", "innerLeft", "innerRight", "bottom", "top"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "innerRight":
-                p = BI.DOM.getComboPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), adjustYOffset, isNeedAdjustHeight, ["innerRight", "innerLeft", "right", "left", "bottom", "top"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                adjustYOffset,
+                isNeedAdjustHeight,
+                ["innerRight", "innerLeft", "right", "left", "bottom", "top"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "innerLeft":
-                p = BI.DOM.getComboPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), adjustYOffset, isNeedAdjustHeight, ["innerLeft", "innerRight", "left", "right", "bottom", "top"], offsetStyle, positionRelativeElement);
+            p = BI.DOM.getComboPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                adjustYOffset,
+                isNeedAdjustHeight,
+                ["innerLeft", "innerRight", "left", "right", "bottom", "top"],
+                offsetStyle,
+                positionRelativeElement
+            );
             break;
         case "top,custom":
         case "custom,top":
-                p = BI.DOM.getTopAdaptPosition(combo, this.popupView, (adjustYOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), isNeedAdjustHeight);
+            p = BI.DOM.getTopAdaptPosition(
+                combo,
+                this.popupView,
+                adjustYOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                isNeedAdjustHeight
+            );
             p.dir = "top";
             break;
         case "custom,bottom":
         case "bottom,custom":
-                p = BI.DOM.getBottomAdaptPosition(combo, this.popupView, (adjustYOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0), isNeedAdjustHeight);
+            p = BI.DOM.getBottomAdaptPosition(
+                combo,
+                this.popupView,
+                adjustYOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0),
+                isNeedAdjustHeight
+            );
             p.dir = "bottom";
             break;
         case "left,custom":
         case "custom,left":
-                p = BI.DOM.getLeftAdaptPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0));
+            p = BI.DOM.getLeftAdaptPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0)
+            );
             delete p.top;
             delete p.adaptHeight;
             p.dir = "left";
             break;
         case "custom,right":
         case "right,custom":
-                p = BI.DOM.getRightAdaptPosition(combo, this.popupView, (adjustXOffset + adjustLength) + (showArrow ? TRIANGLE_LENGTH : 0));
+            p = BI.DOM.getRightAdaptPosition(
+                combo,
+                this.popupView,
+                adjustXOffset + adjustLength + (showArrow ? TRIANGLE_LENGTH : 0)
+            );
             delete p.top;
             delete p.adaptHeight;
             p.dir = "right";
@@ -313,7 +496,8 @@ export class Combo extends Bubble {
 
         const width = this.combo.element.outerWidth();
         const height = this.combo.element.outerHeight();
-        this.popupView.setDirection && this.popupView.setDirection(p.dir, {
+        this.popupView.setDirection &&
+            this.popupView.setDirection(p.dir, {
                 width,
                 height,
                 offsetStyle,
@@ -323,7 +507,6 @@ export class Combo extends Bubble {
             });
 
         if (supportCSSTransform) {
-
             const positonedRect = positionRelativeElement.getBoundingClientRect();
 
             const scaleX = positonedRect.width / positionRelativeElement.offsetWidth;
@@ -348,14 +531,14 @@ export class Combo extends Bubble {
     }
 
     destroyed() {
-        Widget._renderEngine.createElement(document)
+        Widget._renderEngine
-            .unbind("click." + this.getName())
+            .createElement(document)
-            .unbind("mousedown." + this.getName())
+            .unbind(`click.${this.getName()}`)
-            .unbind("mousewheel." + this.getName())
+            .unbind(`mousedown.${this.getName()}`)
-            .unbind("mouseenter." + this.getName())
+            .unbind(`mousewheel.${this.getName()}`)
-            .unbind("mouseleave." + this.getName());
+            .unbind(`mouseenter.${this.getName()}`)
-        Widget._renderEngine.createElement(window)
+            .unbind(`mouseleave.${this.getName()}`);
-            .unbind("blur." + this.getName());
+        Widget._renderEngine.createElement(window).unbind(`blur.${this.getName()}`);
         Resizers.remove(this.getName());
         this.popupView && this.popupView._destroy();
         delete needHideWhenAnotherComboOpen[this.getName()];

src/base/combination/expander.js

@@ -1,3 +1,17 @@
+import {
+    VerticalLayout,
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    nextTick,
+    each,
+    debounce,
+    isNull,
+    createWidget
+} from "@/core";
+import { ButtonGroup } from "./group.button";
+
 /**
  *
  * 某个可以展开的节点
@@ -6,7 +20,6 @@
  * @class BI.Expander
  * @extends BI.Widget
  */
-import { shortcut, Widget, Controller, extend, nextTick, each, debounce, isNull, createWidget } from "../../core";
 
 @shortcut()
 export class Expander extends Widget {
@@ -67,22 +80,23 @@ export class Expander extends Widget {
             }
         });
 
-        this.element.hover(() => {
+        this.element.hover(
+            () => {
                 if (this.isEnabled() && this.isValid() && this.expander.isEnabled() && this.expander.isValid()) {
                     this.element.addClass(hoverClass);
                 }
-        }, () => {
+            },
+            () => {
                 if (this.isEnabled() && this.isValid() && this.expander.isEnabled() && this.expander.isValid()) {
                     this.element.removeClass(hoverClass);
                 }
-        });
+            }
+        );
         createWidget({
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             scrolly: false,
             element: this,
-            items: [
+            items: [{ el: this.expander }],
-                { el: this.expander }
-            ],
         });
         isDefaultInit && this._assertPopupView();
         if (this.expander.isOpened() === true) {
@@ -107,39 +121,75 @@ export class Expander extends Widget {
         each(evs, (i, e) => {
             switch (e) {
             case "hover":
-                    this.element[e]((e) => {
+                this.element[e](
-                        if (this.isEnabled() && this.isValid() && this.expander.isEnabled() && this.expander.isValid()) {
+                    e => {
+                        if (
+                            this.isEnabled() &&
+                                this.isValid() &&
+                                this.expander.isEnabled() &&
+                                this.expander.isValid()
+                        ) {
                             this._popupView();
                             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.EXPAND, "", this.expander);
                             this.fireEvent(Expander.EVENT_EXPAND);
                         }
-                    }, () => {
+                    },
-                        if (this.isEnabled() && this.isValid() && this.expander.isEnabled() && this.expander.isValid() && toggle) {
+                    () => {
+                        if (
+                            this.isEnabled() &&
+                                this.isValid() &&
+                                this.expander.isEnabled() &&
+                                this.expander.isValid() &&
+                                toggle
+                        ) {
                             this._hideView();
                             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.COLLAPSE, "", this.expander);
                             this.fireEvent(Expander.EVENT_COLLAPSE);
                         }
-                    });
+                    }
+                );
                 break;
             case "click":
                 if (e) {
-                        this.element.off(e + "." + this.getName()).on(e + "." + this.getName(), debounce((e) => {
+                    this.element.off(`${e}.${this.getName()}`).on(
+                        `${e}.${this.getName()}`,
+                        debounce(
+                            e => {
                                 if (this.expander.element.__isMouseInBounds__(e)) {
-                                if (this.isEnabled() && this.isValid() && this.expander.isEnabled() && this.expander.isValid()) {
+                                    if (
+                                        this.isEnabled() &&
+                                            this.isValid() &&
+                                            this.expander.isEnabled() &&
+                                            this.expander.isValid()
+                                    ) {
                                         toggle ? this._toggle() : this._popupView();
                                         if (this.isExpanded()) {
-                                        this.fireEvent(Controller.EVENT_CHANGE, BI.Events.EXPAND, "", this.expander);
+                                            this.fireEvent(
+                                                Controller.EVENT_CHANGE,
+                                                BI.Events.EXPAND,
+                                                "",
+                                                this.expander
+                                            );
                                             this.fireEvent(Expander.EVENT_EXPAND);
                                         } else {
-                                        this.fireEvent(Controller.EVENT_CHANGE, BI.Events.COLLAPSE, "", this.expander);
+                                            this.fireEvent(
+                                                Controller.EVENT_CHANGE,
+                                                BI.Events.COLLAPSE,
+                                                "",
+                                                this.expander
+                                            );
                                             this.fireEvent(Expander.EVENT_COLLAPSE);
                                         }
                                     }
                                 }
-                        }, BI.EVENT_RESPONSE_TIME, {
+                            },
-                            "leading": true,
+                            BI.EVENT_RESPONSE_TIME,
-                            "trailing": false,
+                            {
-                        }));
+                                leading: true,
+                                trailing: false,
+                            }
+                        )
+                    );
                 }
                 break;
             default:
@@ -155,17 +205,23 @@ export class Expander extends Widget {
     _assertPopupView() {
         const { value } = this.options;
         if (isNull(this.popupView)) {
-            this.popupView = createWidget(this.options.popup, {
+            this.popupView = createWidget(
-                type: "bi.button_group",
+                this.options.popup,
+                {
+                    type: ButtonGroup.xtype,
                     cls: "expander-popup",
-                layouts: [{
+                    layouts: [
-                    type: "bi.vertical",
+                        {
+                            type: VerticalLayout.xtype,
                             hgap: 0,
                             vgap: 0,
-                }],
+                        }
+                    ],
                     value,
-            }, this);
+                },
-            this.popupView.on(Controller.EVENT_CHANGE, (type, value, obj, ...args)=> {
+                this
+            );
+            this.popupView.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {
                 this.fireEvent(Controller.EVENT_CHANGE, type, value, obj, ...args);
                 if (type === BI.Events.CLICK) {
                     // self.setValue(self.getValue());
@@ -183,12 +239,10 @@ export class Expander extends Widget {
         this._assertPopupView();
         if (!this._rendered) {
             createWidget({
-                type: "bi.vertical",
+                type: VerticalLayout.xtype,
                 scrolly: false,
                 element: this,
-                items: [
+                items: [{ el: this.popupView }],
-                    { el: this.popupView }
-                ],
             });
             this._rendered = true;
         }

src/base/combination/group.button.js

@@ -1,9 +1,38 @@
+import {
+    CenterLayout,
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    createWidget,
+    createWidgets,
+    each,
+    isFunction,
+    isKey,
+    isNotEmptyArray,
+    createItems,
+    isArray,
+    remove,
+    map,
+    stripEL,
+    makeArrayByArray,
+    clone,
+    deepClone,
+    formatEL,
+    isEmpty,
+    concat,
+    removeAt,
+    deepContains,
+    has,
+    any
+} from "@/core";
+import { TextButton } from "../single";
+
 /**
  * Created by GUY on 2015/6/26.
  * @class BI.ButtonGroup
  * @extends BI.Widget
  */
-import { shortcut, Widget, Controller, extend, createWidget, createWidgets, each, isFunction, isKey, isNotEmptyArray, createItems, isArray, remove, map, stripEL, makeArrayByArray, clone, deepClone, formatEL, isEmpty, concat, removeAt, deepContains, has, any } from "../../core";
 
 @shortcut()
 export class ButtonGroup extends Widget {
@@ -18,11 +47,13 @@ export class ButtonGroup extends Widget {
             items: [],
             value: "",
             chooseType: BI.Selection.Single,
-            layouts: [{
+            layouts: [
-                type: "bi.center",
+                {
+                    type: CenterLayout.xtype,
                     hgap: 0,
                     vgap: 0,
-            }],
+                }
+            ],
         });
     }
 
@@ -35,13 +66,17 @@ export class ButtonGroup extends Widget {
             });
         });
         this.behaviors = behaviors;
-        const items = isFunction(optionsItems) ? this.__watch(optionsItems, (context, newValue) => {
+        const items = isFunction(optionsItems)
+            ? this.__watch(optionsItems, (context, newValue) => {
                 this.populate(newValue);
-        }) : optionsItems;
+            })
+            : optionsItems;
         this.populate(items);
-        this.options.value = isFunction(value) ? this.__watch(value, (context, newValue) => {
+        this.options.value = isFunction(value)
+            ? this.__watch(value, (context, newValue) => {
                 this.setValue(newValue);
-        }) : value;
+            })
+            : value;
         if (isKey(value) || isNotEmptyArray(value)) {
             this.setValue(value);
         }
@@ -50,9 +85,11 @@ export class ButtonGroup extends Widget {
     _createBtns(items) {
         let btns;
         Widget.execWithContext(this, () => {
-            btns = createWidgets(createItems(items, {
+            btns = createWidgets(
-                type: "bi.text_button",
+                createItems(items, {
-            }));
+                    type: TextButton.xtype,
+                })
+            );
         });
 
         return btns;
@@ -99,13 +136,15 @@ export class ButtonGroup extends Widget {
         const { layouts: optionsLayouts } = this.options;
         const layouts = isArray(optionsLayouts) ? optionsLayouts : [optionsLayouts];
         for (let i = layouts.length - 1; i > 0; i--) {
-            btns = map(btns, (k, it) => extend({}, layouts[i], {
+            btns = map(btns, (k, it) =>
+                extend({}, layouts[i], {
                     items: [
                         extend({}, layouts[i].el, {
                             el: it,
                         })
                     ],
-            }));
+                })
+            );
         }
 
         return btns;
@@ -146,7 +185,7 @@ export class ButtonGroup extends Widget {
     _isSimpleLayout() {
         const { layouts, items } = this.options;
 
-        return isArray(layouts) ? (layouts.length === 1 && !isArray(items[0])) : true;
+        return isArray(layouts) ? layouts.length === 1 && !isArray(items[0]) : true;
     }
 
     doBehavior() {

src/base/combination/group.combo.js

@@ -1,9 +1,23 @@
+import { TextButton } from "../single";
+import { ButtonTree } from "./tree.button";
+import {
+    VerticalLayout,
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    isEmpty,
+    each,
+    formatEL,
+    clone,
+    createWidget
+} from "@/core";
+import { Combo } from "./combo";
+
 /**
  * Created by GUY on 2015/8/10.
  */
 
-import { shortcut, Widget, Controller, extend, isEmpty, each, formatEL, clone, createWidget } from "../../core";
-
 @shortcut()
 export class ComboGroup extends Widget {
     static xtype = "bi.combo_group";
@@ -22,16 +36,18 @@ export class ComboGroup extends Widget {
             isNeedAdjustHeight: false,
             isNeedAdjustWidth: false,
 
-            el: { type: "bi.text_button", text: "", value: "" },
+            el: { type: TextButton.xtype, text: "", value: "" },
             items: [],
 
             popup: {
                 el: {
-                    type: "bi.button_tree",
+                    type: ButtonTree.xtype,
                     chooseType: 0,
-                    layouts: [{
+                    layouts: [
-                        type: "bi.vertical",
+                        {
-                    }],
+                            type: VerticalLayout.xtype,
+                        }
+                    ],
                 },
             },
         });
@@ -42,7 +58,19 @@ export class ComboGroup extends Widget {
     }
 
     _populate(item) {
-        const { items, action, height, direction, isDefaultInit, isNeedAdjustHeight, isNeedAdjustWidth, adjustLength, popup, container, trigger } = this.options;
+        const {
+            items,
+            action,
+            height,
+            direction,
+            isDefaultInit,
+            isNeedAdjustHeight,
+            isNeedAdjustWidth,
+            adjustLength,
+            popup,
+            container,
+            trigger,
+        } = this.options;
         const children = items;
         if (isEmpty(children)) {
             throw new Error("ComboGroup构造错误");
@@ -65,7 +93,7 @@ export class ComboGroup extends Widget {
             }
         });
         this.combo = createWidget({
-            type: "bi.combo",
+            type: Combo.xtype,
             element: this,
             container,
             height,
@@ -77,9 +105,12 @@ export class ComboGroup extends Widget {
             adjustLength,
             el: item,
             popup: extend({}, popup, {
-                el: extend({
+                el: extend(
+                    {
                         items: children,
-                }, popup.el),
+                    },
+                    popup.el
+                ),
             }),
         });
         this.combo.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {

src/base/combination/group.virtual.js

@@ -1,4 +1,20 @@
-import { shortcut, Widget, Controller, extend, isFunction, isKey, isArray, map, stripEL, deepClone, formatEL, isEmpty, each, createWidget } from "../../core";
+import {
+    CenterLayout,
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    isFunction,
+    isKey,
+    isArray,
+    map,
+    stripEL,
+    deepClone,
+    formatEL,
+    isEmpty,
+    each,
+    createWidget
+} from "@/core";
 
 @shortcut()
 export class VirtualGroup extends Widget {
@@ -10,23 +26,29 @@ export class VirtualGroup extends Widget {
         return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-virtual-group",
             items: [],
-            layouts: [{
+            layouts: [
-                type: "bi.center",
+                {
+                    type: CenterLayout.xtype,
                     hgap: 0,
                     vgap: 0,
-            }],
+                }
+            ],
         });
     }
 
     render() {
         const { items: optionsItems, value } = this.options;
-        const items = isFunction(optionsItems) ? this.__watch(optionsItems, (context, newValue) => {
+        const items = isFunction(optionsItems)
+            ? this.__watch(optionsItems, (context, newValue) => {
                 this.populate(newValue);
-        }) : optionsItems;
+            })
+            : optionsItems;
         this.populate(items);
-        this.options.value = isFunction(value) ? this.__watch(value, (context, newValue) => {
+        this.options.value = isFunction(value)
+            ? this.__watch(value, (context, newValue) => {
                 this.setValue(newValue);
-        }) : value;
+            })
+            : value;
         if (isKey(value)) {
             this.setValue(value);
         }
@@ -34,7 +56,7 @@ export class VirtualGroup extends Widget {
 
     _packageBtns(items) {
         const o = this.options;
-        const map = this.buttonMap = {};
+        const map = (this.buttonMap = {});
         const layouts = isArray(o.layouts) ? o.layouts : [o.layouts];
         for (let i = layouts.length - 1; i > 0; i--) {
             items = map(items, (k, it) => {
@@ -43,13 +65,16 @@ export class VirtualGroup extends Widget {
                 return extend({}, layouts[i], {
                     items: [
                         extend({}, layouts[i].el, {
-                            el: extend({
+                            el: extend(
-                                ref: (_ref) => {
+                                {
+                                    ref: _ref => {
                                         if (isKey(map[el.value])) {
                                             map[el.value] = _ref;
                                         }
                                     },
-                            }, el),
+                                },
+                                el
+                            ),
                         })
                     ],
                 });

src/base/combination/loader.js

@@ -1,3 +1,22 @@
+import { ButtonGroup } from "./group.button";
+import { LoadingBar } from "../single";
+import {
+    VerticalLayout,
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    createWidget,
+    isEmpty,
+    nextTick,
+    bind,
+    isFunction,
+    isNotEmptyArray,
+    isNumber,
+    isObject,
+    each
+} from "@/core";
+
 /**
  * 加载控件
  *
@@ -5,7 +24,6 @@
  * @class BI.Loader
  * @extends BI.Widget
  */
-import { shortcut, Widget, Controller, extend, createWidget, isEmpty, nextTick, bind, isFunction, isNotEmptyArray, isNumber, isObject, each } from "../../core";
 
 @shortcut()
 export class Loader extends Widget {
@@ -26,7 +44,7 @@ export class Loader extends Widget {
 
             // 下面是button_group的属性
             el: {
-                type: "bi.button_group",
+                type: ButtonGroup.xtype,
             },
 
             items: [],
@@ -45,32 +63,53 @@ export class Loader extends Widget {
     _prevLoad() {
         const o = this.options;
         this.prev.setLoading();
-        o.itemsCreator.apply(this, [{ times: --this.times }, (...args) => {
+        o.itemsCreator.apply(this, [
+            { times: --this.times },
+            (...args) => {
                 this.prev.setLoaded();
                 this.prependItems.apply(this, args);
-        }]);
+            }
+        ]);
     }
 
     _nextLoad() {
         const o = this.options;
         this.next.setLoading();
-        o.itemsCreator.apply(this, [{ times: ++this.times }, (...args) => {
+        o.itemsCreator.apply(this, [
+            { times: ++this.times },
+            (...args) => {
                 this.next.setLoaded();
                 this.addItems.apply(this, args);
-        }]);
+            }
+        ]);
     }
 
     render() {
-        const { itemsCreator, prev, next, el, items: optionsItems, value, direction, logic, isDefaultInit } = this.options;
+        const {
+            itemsCreator,
+            prev,
+            next,
+            el,
+            items: optionsItems,
+            value,
+            direction,
+            logic,
+            isDefaultInit,
+        } = this.options;
         if (itemsCreator === false) {
             prev = false;
             next = false;
         }
         if (prev !== false) {
-            this.prev = createWidget(extend({
+            this.prev = createWidget(
-                type: "bi.loading_bar",
+                extend(
-            }, prev));
+                    {
-            this.prev.on(Controller.EVENT_CHANGE, (type) => {
+                        type: LoadingBar.xtype,
+                    },
+                    prev
+                )
+            );
+            this.prev.on(Controller.EVENT_CHANGE, type => {
                 if (type === BI.Events.CLICK) {
                     this._prevLoad();
                 }
@@ -78,13 +117,15 @@ export class Loader extends Widget {
         }
 
         this.button_group = createWidget(el, {
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             chooseType: 0,
             items: optionsItems,
             behaviors: {},
-            layouts: [{
+            layouts: [
-                type: "bi.vertical",
+                {
-            }],
+                    type: VerticalLayout.xtype,
+                }
+            ],
             value,
         });
         this.button_group.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {
@@ -95,30 +136,58 @@ export class Loader extends Widget {
         });
 
         if (next !== false) {
-            this.next = createWidget(extend({
+            this.next = createWidget(
-                type: "bi.loading_bar",
+                extend(
-            }, next));
+                    {
-            this.next.on(Controller.EVENT_CHANGE, (type) => {
+                        type: LoadingBar.xtype,
+                    },
+                    next
+                )
+            );
+            this.next.on(Controller.EVENT_CHANGE, type => {
                 if (type === BI.Events.CLICK) {
                     this._nextLoad();
                 }
             });
         }
 
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
-        }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(direction), extend({
+                },
+                BI.LogicFactory.createLogic(
+                    BI.LogicFactory.createLogicTypeByDirection(direction),
+                    extend(
+                        {
                             scrolly: true,
-        }, logic, {
+                        },
-            items: BI.LogicFactory.createLogicItemsByDirection(direction, this.prev, this.button_group, this.next),
+                        logic,
-        }))));
+                        {
-
+                            items: BI.LogicFactory.createLogicItemsByDirection(
-        isDefaultInit && isEmpty(optionsItems) && nextTick(bind(() => {
+                                direction,
+                                this.prev,
+                                this.button_group,
+                                this.next
+                            ),
+                        }
+                    )
+                )
+            )
+        );
+
+        isDefaultInit &&
+            isEmpty(optionsItems) &&
+            nextTick(
+                bind(() => {
                     isDefaultInit && isEmpty(optionsItems) && this._populate();
-        }, this));
+                }, this)
-        const items = isFunction(optionsItems) ? this.__watch(optionsItems, (context, newValue) => {
+            );
+        const items = isFunction(optionsItems)
+            ? this.__watch(optionsItems, (context, newValue) => {
                 this.populate(newValue);
-        }) : optionsItems;
+            })
+            : optionsItems;
         if (isNotEmptyArray(items)) {
             this._populate(items);
         }
@@ -130,10 +199,12 @@ export class Loader extends Widget {
             return this.count < count;
         }
 
-        return !!hasPrev.apply(this, [{
+        return !!hasPrev.apply(this, [
+            {
                 times: this.times,
                 count: this.count,
-        }]);
+            }
+        ]);
     }
 
     hasNext() {
@@ -142,10 +213,12 @@ export class Loader extends Widget {
             return this.count < count;
         }
 
-        return !!hasNext.apply(this, [{
+        return !!hasNext.apply(this, [
+            {
                 times: this.times,
                 count: this.count,
-        }]);
+            }
+        ]);
     }
 
     prependItems(items) {
@@ -176,14 +249,17 @@ export class Loader extends Widget {
 
     _populate(items) {
         const o = this.options;
-        if (arguments.length === 0 && (isFunction(o.itemsCreator))) {
+        if (arguments.length === 0 && isFunction(o.itemsCreator)) {
-            o.itemsCreator.apply(this, [{ times: 1 }, (...args) => {
+            o.itemsCreator.apply(this, [
+                { times: 1 },
+                (...args) => {
                     if (args.length === 0) {
                         throw new Error("参数不能为空");
                     }
                     this.populate.apply(this, args);
                     o.onLoaded();
-            }]);
+                }
+            ]);
 
             return false;
         }

src/base/combination/navigation.js

@@ -1,7 +1,23 @@
+import { ButtonGroup } from "./group.button";
+import {
+    CardLayout,
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    createWidget,
+    bind,
+    ShowListener,
+    isFunction,
+    each,
+    nextTick,
+    isKey,
+    values
+} from "@/core";
+
 /**
  * Created by GUY on 2015/6/26.
  */
-import { shortcut, Widget, Controller, extend, createWidget, bind, ShowListener, isFunction, each, nextTick, isKey, values } from "../../core";
 
 @shortcut()
 export class Navigation extends Widget {
@@ -27,18 +43,25 @@ export class Navigation extends Widget {
 
     render() {
         const { direction, logic, cardCreator, showIndex } = this.options;
-        this.tab = createWidget(this.options.tab, { type: "bi.button_group" });
+        this.tab = createWidget(this.options.tab, { type: ButtonGroup.xtype });
         this.cardMap = {};
         this.showIndex = 0;
         this.layout = createWidget({
-            type: "bi.card",
+            type: CardLayout.xtype,
         });
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
-        }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(direction), extend({}, logic, {
+                },
+                BI.LogicFactory.createLogic(
+                    BI.LogicFactory.createLogicTypeByDirection(direction),
+                    extend({}, logic, {
                         items: BI.LogicFactory.createLogicItemsByDirection(direction, this.tab, this.layout),
-        }))));
+                    })
-
+                )
+            )
+        );
 
         new ShowListener({
             eventObj: this.tab,
@@ -73,7 +96,7 @@ export class Navigation extends Widget {
         const { single } = this.options;
         if (single === true) {
             each(this.cardMap, (name, card) => {
-                if (name !== (`${currCardName}`)) {
+                if (name !== `${currCardName}`) {
                     this.layout.deleteCardByName(name);
                     delete this.cardMap[name];
                 }
@@ -168,4 +191,3 @@ export class Navigation extends Widget {
         super.destroy(arguments);
     }
 }
-

src/base/combination/searcher.js

@@ -1,11 +1,7 @@
-/**
+import { SearchEditor } from "@/widget/editor/editor.search.js";
- * 搜索逻辑控件
+import { SearcherView } from "../layer";
- *
- * Created by GUY on 2015/9/28.
- * @class BI.Searcher
- * @extends BI.Widget
- */
 import {
+    VerticalLayout,
     shortcut,
     Widget,
     Controller,
@@ -18,9 +14,17 @@ import {
     nextTick,
     isEmptyString,
     isNull
-} from "../../core";
+} from "@/core";
 import { ButtonGroup } from "./group.button";
-import { Maskers } from "../0.base";
+import { Maskers } from "@/base/0.base";
+
+/**
+ * 搜索逻辑控件
+ *
+ * Created by GUY on 2015/9/28.
+ * @class BI.Searcher
+ * @extends BI.Widget
+ */
 
 @shortcut()
 export class Searcher extends Widget {
@@ -54,15 +58,16 @@ export class Searcher extends Widget {
             },
 
             el: {
-                type: "bi.search_editor",
+                type: SearchEditor.xtype,
             },
 
             popup: {
-                type: "bi.searcher_view",
+                type: SearcherView.xtype,
             },
 
             adapter: null,
-            masker: { // masker层
+            masker: {
+                // masker层
                 offset: {},
             },
         });
@@ -72,11 +77,11 @@ export class Searcher extends Widget {
         const { el, lgap, rgap, tgap, bgap, vgap, hgap, isDefaultInit } = this.options;
 
         this.editor = createWidget(el, {
-            type: "bi.search_editor",
+            type: SearchEditor.xtype,
         });
 
         createWidget({
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             element: this,
             lgap,
             rgap,
@@ -86,13 +91,13 @@ export class Searcher extends Widget {
             hgap,
             items: [this.editor],
         });
-        isDefaultInit && (this._assertPopupView());
+        isDefaultInit && this._assertPopupView();
 
         const search = debounce(bind(this._search, this), BI.EVENT_RESPONSE_TIME, {
-            "leading": true,
+            leading: true,
-            "trailing": false,
+            trailing: false,
         });
-        this.editor.on(Controller.EVENT_CHANGE, (type) => {
+        this.editor.on(Controller.EVENT_CHANGE, type => {
             switch (type) {
             case BI.Events.STARTEDIT:
                 this._startSearch();
@@ -118,8 +123,8 @@ export class Searcher extends Widget {
         const { masker, popup, chooseType, isAutoSync, adapter } = this.options;
         if ((masker && !Maskers.has(this.getName())) || (masker === false && !this.popupView)) {
             this.popupView = createWidget(popup, {
-                type: "bi.searcher_view",
+                type: SearcherView.xtype,
-                chooseType: chooseType,
+                chooseType,
             });
             this.popupView.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {
                 this.fireEvent(Controller.EVENT_CHANGE, type, value, obj, ...args);
@@ -149,10 +154,18 @@ export class Searcher extends Widget {
             });
         }
         if (masker && !Maskers.has(this.getName())) {
-            Maskers.create(this.getName(), adapter, extend({
+            Maskers.create(
+                this.getName(),
+                adapter,
+                extend(
+                    {
                         container: this,
                         render: this.popupView,
-            }, masker), this);
+                    },
+                    masker
+                ),
+                this
+            );
         }
     }
 
@@ -164,14 +177,14 @@ export class Searcher extends Widget {
         this.popupView.startSearch && this.popupView.startSearch();
         // 搜索前先清空dom
         // BI.Maskers.get(this.getName()).empty();
-        nextTick((name) => {
+        nextTick(name => {
             Maskers.show(name);
         }, this.getName());
     }
 
     _pauseSearch() {
         this._stop = true;
-        nextTick((name) => {
+        nextTick(name => {
             Maskers.hide(name);
         }, this.getName());
         if (this._isSearching === true) {
@@ -201,7 +214,8 @@ export class Searcher extends Widget {
         if (isAutoSearch) {
             const items = (adapter && ((adapter.getItems && adapter.getItems()) || adapter.attr("items"))) || [];
             const finding = BI.Func.getSearchResult(items, keyword);
-            const match = finding.match, find = finding.find;
+            const match = finding.match,
+                find = finding.find;
             this.popupView.populate(find, match, keyword);
             isAutoSync && adapter && adapter.getValue && this.popupView.setValue(adapter.getValue());
             this.fireEvent(Searcher.EVENT_SEARCHING);
@@ -209,11 +223,13 @@ export class Searcher extends Widget {
             return;
         }
         this.popupView.loading && this.popupView.loading();
-        onSearch({
+        onSearch(
+            {
                 times: 1,
-            keyword: keyword,
+                keyword,
                 selectedValues: adapter && adapter.getValue(),
-        }, (searchResult, matchResult, ...arg) => {
+            },
+            (searchResult, matchResult, ...arg) => {
                 if (!this._stop && keyword === this.editor.getValue()) {
                     const args = [searchResult, matchResult, ...arg];
                     if (args.length > 0) {
@@ -225,7 +241,8 @@ export class Searcher extends Widget {
                     this.popupView.loaded && this.popupView.loaded();
                     this.fireEvent(Searcher.EVENT_SEARCHING);
                 }
-        });
+            }
+        );
     }
 
     _getLastSearchKeyword() {
@@ -251,7 +268,7 @@ export class Searcher extends Widget {
     }
 
     stopSearch() {
-        this._stopSearch();// 先停止搜索，然后再去设置editor为空
+        this._stopSearch(); // 先停止搜索，然后再去设置editor为空
         // important:停止搜索必须退出编辑状态,这里必须加上try(input框不显示时blur会抛异常)
         try {
             this.editor.blur();

src/base/combination/switcher.js

@@ -1,3 +1,18 @@
+import {
+    VerticalLayout,
+    shortcut,
+    Widget,
+    Controller,
+    extend,
+    nextTick,
+    createWidget,
+    each,
+    debounce,
+    isNull
+} from "@/core";
+import { ButtonGroup } from "./group.button";
+import { Maskers } from "@/base/0.base";
+
 /**
  *
  * 切换显示或隐藏面板
@@ -6,8 +21,6 @@
  * @class BI.Switcher
  * @extends BI.Widget
  */
-import { shortcut, Widget, Controller, extend, nextTick, createWidget, each, debounce, isNull } from "../../core";
-import { Maskers } from "../0.base";
 
 @shortcut()
 export class Switcher extends Widget {
@@ -68,24 +81,25 @@ export class Switcher extends Widget {
             }
         });
 
-        this.element.hover(() => {
+        this.element.hover(
+            () => {
                 if (this.isEnabled() && this.switcher.isEnabled()) {
                     this.element.addClass(hoverClass);
                 }
-        }, () => {
+            },
+            () => {
                 if (this.isEnabled() && this.switcher.isEnabled()) {
                     this.element.removeClass(hoverClass);
                 }
-        });
+            }
+        );
         createWidget({
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             scrolly: false,
             element: this,
-            items: [
+            items: [{ el: this.switcher }],
-                { el: this.switcher }
-            ],
         });
-        isDefaultInit && (this._assertPopupView());
+        isDefaultInit && this._assertPopupView();
     }
 
     _toggle() {
@@ -105,39 +119,59 @@ export class Switcher extends Widget {
         each(evs, (i, e) => {
             switch (e) {
             case "hover":
-                    this.element[e]((e) => {
+                this.element[e](
+                    e => {
                         if (this.isEnabled() && this.switcher.isEnabled()) {
                             this._popupView();
                             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.EXPAND, "", this.switcher);
                             this.fireEvent(Switcher.EVENT_EXPAND);
                         }
-                    }, () => {
+                    },
+                    () => {
                         if (this.isEnabled() && this.switcher.isEnabled() && toggle) {
                             this._hideView();
                             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.COLLAPSE, "", this.switcher);
                             this.fireEvent(Switcher.EVENT_COLLAPSE);
                         }
-                    });
+                    }
+                );
                 break;
-                default :
+            default:
                 if (e) {
-                        this.element.off(e + "." + this.getName()).on(e + "." + this.getName(), debounce((e) => {
+                    this.element.off(`${e}.${this.getName()}`).on(
+                        `${e}.${this.getName()}`,
+                        debounce(
+                            e => {
                                 if (this.switcher.element.__isMouseInBounds__(e)) {
                                     if (this.isEnabled() && this.switcher.isEnabled()) {
                                         toggle ? this._toggle() : this._popupView();
                                         if (this.isExpanded()) {
-                                        this.fireEvent(Controller.EVENT_CHANGE, BI.Events.EXPAND, "", this.switcher);
+                                            this.fireEvent(
+                                                Controller.EVENT_CHANGE,
+                                                BI.Events.EXPAND,
+                                                "",
+                                                this.switcher
+                                            );
                                             this.fireEvent(Switcher.EVENT_EXPAND);
                                         } else {
-                                        this.fireEvent(Controller.EVENT_CHANGE, BI.Events.COLLAPSE, "", this.switcher);
+                                            this.fireEvent(
+                                                Controller.EVENT_CHANGE,
+                                                BI.Events.COLLAPSE,
+                                                "",
+                                                this.switcher
+                                            );
                                             this.fireEvent(Switcher.EVENT_COLLAPSE);
                                         }
                                     }
                                 }
-                        }, BI.EVENT_RESPONSE_TIME, {
+                            },
-                            "leading": true,
+                            BI.EVENT_RESPONSE_TIME,
-                            "trailing": false,
+                            {
-                        }));
+                                leading: true,
+                                trailing: false,
+                            }
+                        )
+                    );
                 }
                 break;
             }
@@ -153,17 +187,23 @@ export class Switcher extends Widget {
     _assertPopupView() {
         const { popup, adapter, masker, value, direction } = this.options;
         if (!this._created) {
-            this.popupView = createWidget(popup, {
+            this.popupView = createWidget(
-                type: "bi.button_group",
+                popup,
+                {
+                    type: ButtonGroup.xtype,
                     element: adapter && Maskers.create(this.getName(), adapter, extend({ container: this }, masker)),
                     cls: "switcher-popup",
-                layouts: [{
+                    layouts: [
-                    type: "bi.vertical",
+                        {
+                            type: VerticalLayout.xtype,
                             hgap: 0,
                             vgap: 0,
-                }],
+                        }
+                    ],
                     value,
-            }, this);
+                },
+                this
+            );
             this.popupView.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {
                 this.fireEvent(Controller.EVENT_CHANGE, type, value, obj, ...args);
                 if (type === BI.Events.CLICK) {
@@ -172,12 +212,10 @@ export class Switcher extends Widget {
             });
             if (direction !== BI.Direction.Custom && !adapter) {
                 createWidget({
-                    type: "bi.vertical",
+                    type: VerticalLayout.xtype,
                     scrolly: false,
                     element: this,
-                    items: [
+                    items: [{ el: this.popupView }],
-                        { el: this.popupView }
-                    ],
                 });
             }
             this._created = true;
@@ -190,9 +228,9 @@ export class Switcher extends Widget {
     _hideView() {
         this.fireEvent(Switcher.EVENT_BEFORE_HIDEVIEW);
         const { adapter, switcherClass } = this.options;
-        adapter ? Maskers.hide(this.getName()) : (this.popupView && this.popupView.setVisible(false));
+        adapter ? Maskers.hide(this.getName()) : this.popupView && this.popupView.setVisible(false);
         nextTick(() => {
-            adapter ? Maskers.hide(this.getName()) : (this.popupView && this.popupView.setVisible(false));
+            adapter ? Maskers.hide(this.getName()) : this.popupView && this.popupView.setVisible(false);
             this.element.removeClass(switcherClass);
             this.fireEvent(Switcher.EVENT_AFTER_HIDEVIEW);
         });
@@ -203,7 +241,7 @@ export class Switcher extends Widget {
         this._assertPopupView();
         this.fireEvent(Switcher.EVENT_BEFORE_POPUPVIEW);
         adapter ? Maskers.show(this.getName()) : this.popupView.setVisible(true);
-        nextTick((name) => {
+        nextTick(name => {
             adapter ? Maskers.show(name) : this.popupView.setVisible(true);
             this.element.addClass(switcherClass);
             this.fireEvent(Switcher.EVENT_AFTER_POPUPVIEW);
@@ -248,8 +286,11 @@ export class Switcher extends Widget {
     }
 
     isViewVisible() {
-        return this.isEnabled() && this.switcher.isEnabled() &&
+        return (
-            (this.options.adapter ? Maskers.isVisible(this.getName()) : (this.popupView && this.popupView.isVisible()));
+            this.isEnabled() &&
+            this.switcher.isEnabled() &&
+            (this.options.adapter ? Maskers.isVisible(this.getName()) : this.popupView && this.popupView.isVisible())
+        );
     }
 
     isExpanded() {

src/base/combination/tab.js

@@ -1,7 +1,23 @@
+import { ButtonGroup } from "./group.button";
+import {
+    CardLayout,
+    shortcut,
+    Widget,
+    Controller,
+    ShowListener,
+    extend,
+    createWidget,
+    isObject,
+    each,
+    isFunction,
+    contains,
+    any,
+    isEqual
+} from "@/core";
+
 /**
  * Created by GUY on 2015/6/26.
  */
-import { shortcut, Widget, Controller, ShowListener, extend, createWidget, isObject, each, isFunction, contains, any, isEqual } from "../../core";
 
 @shortcut()
 export class Tab extends Widget {
@@ -19,9 +35,7 @@ export class Tab extends Widget {
             },
             showIndex: false,
             tab: false,
-            cardCreator: (v) => {
+            cardCreator: v => createWidget(),
-                return createWidget();
-            },
             keepAlives: [],
         });
     }
@@ -29,38 +43,46 @@ export class Tab extends Widget {
     render() {
         const { tab, direction, logic, cardCreator } = this.options;
         if (isObject(tab)) {
-            this.tab = createWidget(this.options.tab, { type: "bi.button_group" });
+            this.tab = createWidget(this.options.tab, { type: ButtonGroup.xtype });
             this.tab.on(Controller.EVENT_CHANGE, (type, value, obj, ...args) => {
                 this.fireEvent(Controller.EVENT_CHANGE, type, value, obj, ...args);
             });
         }
         this.cardMap = {};
         this.layout = createWidget({
-            type: "bi.card",
+            type: CardLayout.xtype,
         });
 
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
-        }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(direction), extend({}, logic, {
+                },
+                BI.LogicFactory.createLogic(
+                    BI.LogicFactory.createLogicTypeByDirection(direction),
+                    extend({}, logic, {
                         items: BI.LogicFactory.createLogicItemsByDirection(direction, this.tab, this.layout),
-        }))));
+                    })
+                )
+            )
+        );
 
         const listener = new ShowListener({
             eventObj: this.tab,
             cardLayout: this.layout,
-            cardCreator: (v) => {
+            cardCreator: v => {
                 Widget.execWithContext(this, () => {
                     this.cardMap[v] = cardCreator(v);
                 });
 
                 return this.cardMap[v];
             },
-            afterCardShow: (v) => {
+            afterCardShow: v => {
                 this._deleteOtherCards(v);
                 this.curr = v;
             },
         });
-        listener.on(ShowListener.EVENT_CHANGE, (value) => {
+        listener.on(ShowListener.EVENT_CHANGE, value => {
             this.fireEvent(Tab.EVENT_CHANGE, value, this);
         });
     }
@@ -69,7 +91,7 @@ export class Tab extends Widget {
         const { single } = this.options;
         if (single === true) {
             each(this.cardMap, (name, card) => {
-                if (name !== (currCardName + "") && this._keepAlive(name) !== true) {
+                if (name !== `${currCardName}` && this._keepAlive(name) !== true) {
                     this.layout.deleteCardByName(name);
                     delete this.cardMap[name];
                 }
@@ -122,7 +144,7 @@ export class Tab extends Widget {
 
     removeTab(cardname) {
         any(this.cardMap, (name, card) => {
-            if (isEqual(name, (cardname + ""))) {
+            if (isEqual(name, `${cardname}`)) {
                 this.layout.deleteCardByName(name);
                 delete this.cardMap[name];
 
@@ -179,5 +201,4 @@ export class Tab extends Widget {
         this.cardMap = {};
         super.destroy(arguments);
     }
-
 }

src/base/combination/tree.button.js

@@ -1,10 +1,11 @@
+import { ButtonGroup } from "./group.button";
+import { shortcut, Widget, extend, isArray, each, isFunction, deepContains, concat, any, contains } from "@/core";
+
 /**
  * Created by GUY on 2015/8/10.
  * @class BI.ButtonTree
  * @extends BI.ButtonGroup
  */
-import { shortcut, Widget, extend, isArray, each, isFunction, deepContains, concat, any, contains } from "../../core";
-import { ButtonGroup } from "./group.button";
 
 @shortcut()
 export class ButtonTree extends ButtonGroup {

src/base/context.js

@@ -1,47 +1,40 @@
-/**
+import { shortcut, Widget, createWidget, Controller } from "@/core";
- * 表示当前对象
- *
- * Created by GUY on 2015/9/7.
- * @class BI.EL
- * @extends BI.Widget
- */
-BI.Context = BI.inherit(BI.Widget, {
-    props: {
-        context: "",
-        watch: {},
-        el: {},
-        items: [],
-    },
 
-    render: function () {
+@shortcut()
-        var self = this, o = this.options;
+export class Context extends Widget {
+    static xtype = "bi.context";
+
+    props = { context: "", watch: {}, el: {}, items: [] };
+
+    render() {
+        const self = this,
+            o = this.options;
         if (o.context) {
             this.context = BI.useContext(o.context);
         }
-        this.widget = BI.createWidget((o.items[0] || o.el)(this.context), {
+        this.widget = createWidget((o.items[0] || o.el)(this.context), {
             element: this,
         });
-        this.widget.on(BI.Controller.EVENT_CHANGE, function () {
+        this.widget.on(Controller.EVENT_CHANGE, function () {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            self.fireEvent(Controller.EVENT_CHANGE, arguments);
         });
-    },
+    }
 
-    __initWatch: function () {
+    __initWatch() {
-        BI.Context.superclass.__initWatch.call(this);
+        super.__initWatch.call(this);
-        var o = this.options;
+        const o = this.options;
         BI.watch(this.context, o.context, o.watch);
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.widget.setValue(v);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.widget.getValue();
-    },
+    }
 
-    populate: function () {
+    populate() {
         this.widget.populate.apply(this, arguments);
-    },
+    }
-});
+}
-BI.shortcut("bi.context", BI.Context);

src/base/el.js

@@ -1,38 +1,36 @@
-/**
+import { shortcut, Widget, extend, createWidget, Controller } from "@/core";
- * 表示当前对象
+
- *
+@shortcut()
- * Created by GUY on 2015/9/7.
+export class EL extends Widget {
- * @class BI.EL
+    static xtype = "bi.el";
- * @extends BI.Widget
+
- */
+    _defaultConfig() {
-BI.EL = BI.inherit(BI.Widget, {
+        return extend(super._defaultConfig(...arguments), {
-    _defaultConfig: function () {
-        return BI.extend(BI.EL.superclass._defaultConfig.apply(this, arguments), {
             baseCls: "bi-el",
             el: {},
         });
-    },
+    }
 
-    render: function () {
+    render() {
-        var self = this, o = this.options;
+        const self = this,
-        this.ele = BI.createWidget(o.el, {
+            o = this.options;
+        this.ele = createWidget(o.el, {
             element: this,
         });
-        this.ele.on(BI.Controller.EVENT_CHANGE, function () {
+        this.ele.on(Controller.EVENT_CHANGE, function () {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            self.fireEvent(Controller.EVENT_CHANGE, arguments);
         });
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.ele.setValue(v);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.ele.getValue();
-    },
+    }
 
-    populate: function () {
+    populate() {
         this.ele.populate.apply(this, arguments);
-    },
+    }
-});
+}
-BI.shortcut("bi.el", BI.EL);

src/base/foundation/message.js

@@ -3,26 +3,26 @@
  * 弹出提示消息框，用于模拟阻塞操作（通过回调函数实现）
  * @class BI.Msg
  */
-import { Widget, isString, isNull, isFunction, createWidget, remove, each } from "../../core"
+import { Widget, isString, isNull, isFunction, createWidget, remove, each } from "../../core";
 
-export const Msg = ((() => {
+export const Msg = (() => {
     let $mask, $pop;
 
-    let messageShows = [];
+    const messageShows = [];
 
-    let toastStack = [];
+    const toastStack = [];
 
     return {
-        alert: function (title, message, callback) {
+        alert (title, message, callback) {
             this._show(false, title, message, callback);
         },
-        confirm: function (title, message, callback) {
+        confirm (title, message, callback) {
             this._show(true, title, message, callback);
         },
-        prompt: function (title, message, value, callback, min_width) {
+        prompt (title, message, value, callback, min_width) {
             // BI.Msg.prompt(title, message, value, callback, min_width);
         },
-        toast: function (message, options, context) {
+        toast (message, options, context) {
             isString(options) && (options = { level: options });
             options = options || {};
             context = context || Widget._renderEngine.createElement("body");
@@ -32,41 +32,46 @@ export const Msg = ((() => {
             const toast = createWidget({
                 type: "bi.toast",
                 cls: "bi-message-animate bi-message-leave",
-                level: level,
+                level,
-                autoClose: autoClose,
+                autoClose,
                 closable: options.closable,
                 text: message,
-                listeners: [{
+                listeners: [
+                    {
                         eventName: BI.Toast.EVENT_DESTORY,
-                    action: function () {
+                        action () {
                             remove(toastStack, toast.element);
                             let _height = BI.SIZE_CONSANTS.TOAST_TOP;
-                        each(toastStack, function (i, element) {
+                            each(toastStack, (i, element) => {
-                            element.css({ "top": _height });
+                                element.css({ top: _height });
                                 _height += element.outerHeight() + 10;
                             });
                             callback();
                         },
-                }],
+                    }
+                ],
             });
             let height = BI.SIZE_CONSANTS.TOAST_TOP;
-            each(toastStack, function (i, element) {
+            each(toastStack, (i, element) => {
                 height += element.outerHeight() + 10;
             });
             createWidget({
                 type: "bi.absolute",
                 element: context,
-                items: [{
+                items: [
+                    {
                         el: toast,
                         left: "50%",
                         top: height,
-                }],
+                    }
+                ],
             });
             toastStack.push(toast.element);
-            toast.element.css({ "margin-left": -1 * toast.element.outerWidth() / 2 });
+            toast.element.css({ "margin-left": (-1 * toast.element.outerWidth()) / 2 });
             toast.element.removeClass("bi-message-leave").addClass("bi-message-enter");
 
-            autoClose && BI.delay(function () {
+            autoClose &&
+                BI.delay(() => {
                     toast.element.removeClass("bi-message-enter").addClass("bi-message-leave");
                     toast.destroy?.();
                 }, 5000);
@@ -76,8 +81,11 @@ export const Msg = ((() => {
                 toast.destroy?.();
             };
         },
-        _show: function (hasCancel, title, message, callback) {
+        _show (hasCancel, title, message, callback) {
-            isNull($mask) && ($mask = Widget._renderEngine.createElement("<div class=\"bi-z-index-mask\">").css({
+            isNull($mask) &&
+                ($mask = Widget._renderEngine
+                    .createElement("<div class=\"bi-z-index-mask\">")
+                    .css({
                         position: "absolute",
                         zIndex: BI.zIndex_tip - 2,
                         top: 0,
@@ -85,16 +93,20 @@ export const Msg = ((() => {
                         right: 0,
                         bottom: 0,
                         opacity: 0.5,
-            }).appendTo("body"));
+                    })
-            $pop = Widget._renderEngine.createElement("<div class=\"bi-message-depend\">").css({
+                    .appendTo("body"));
+            $pop = Widget._renderEngine
+                .createElement("<div class=\"bi-message-depend\">")
+                .css({
                     position: "absolute",
                     zIndex: BI.zIndex_tip - 1,
                     top: 0,
                     left: 0,
                     right: 0,
                     bottom: 0,
-            }).appendTo("body");
+                })
-            function close () {
+                .appendTo("body");
+            function close() {
                 messageShows[messageShows.length - 1].destroy();
                 messageShows.pop();
                 if (messageShows.length === 0) {
@@ -102,14 +114,14 @@ export const Msg = ((() => {
                     $mask = null;
                 }
             }
-            let controlItems = [];
+            const controlItems = [];
             if (hasCancel === true) {
                 controlItems.push({
                     el: {
                         type: "bi.button",
                         text: BI.i18nText("BI-Basic_Cancel"),
                         level: "ignore",
-                        handler: function () {
+                        handler () {
                             close();
                             if (isFunction(callback)) {
                                 callback.apply(null, [false]);
@@ -122,7 +134,7 @@ export const Msg = ((() => {
                 el: {
                     type: "bi.button",
                     text: BI.i18nText("BI-Basic_OK"),
-                    handler: function () {
+                    handler () {
                         close();
                         if (isFunction(callback)) {
                             callback.apply(null, [true]);
@@ -139,8 +151,8 @@ export const Msg = ((() => {
                         attributes: {
                             tabIndex: 1,
                         },
-                        mounted: function () {
+                        mounted () {
-                            this.element.keyup(function (e) {
+                            this.element.keyup(e => {
                                 if (e.keyCode === BI.KeyCode.ENTER) {
                                     close();
                                     if (isFunction(callback)) {
@@ -157,9 +169,7 @@ export const Msg = ((() => {
                             });
                             try {
                                 this.element.focus();
-                            } catch (e) {
+                            } catch (e) {}
-
-                            }
                         },
                         cls: "bi-card",
                         items: {
@@ -183,7 +193,7 @@ export const Msg = ((() => {
                                                 type: "bi.icon_button",
                                                 cls: "bi-message-close close-font",
                                                 //                                                    height: 50,
-                                                handler: function () {
+                                                handler () {
                                                     close();
                                                     if (isFunction(callback)) {
                                                         callback.apply(null, [false]);
@@ -197,7 +207,9 @@ export const Msg = ((() => {
                                 height: 40,
                             },
                             center: {
-                                el: BI.isPlainObject(message) ? message : {
+                                el: BI.isPlainObject(message)
+                                    ? message
+                                    : {
                                         type: "bi.label",
                                         vgap: 10,
                                         hgap: 20,
@@ -208,7 +220,8 @@ export const Msg = ((() => {
                             south: {
                                 el: {
                                     type: "bi.absolute",
-                                    items: [{
+                                    items: [
+                                        {
                                             el: {
                                                 type: "bi.right_vertical_adapt",
                                                 lgap: 10,
@@ -218,8 +231,8 @@ export const Msg = ((() => {
                                             left: 20,
                                             right: 20,
                                             bottom: 0,
-                                    }],
+                                        }
-
+                                    ],
                                 },
                                 height: 44,
                             },
@@ -233,4 +246,4 @@ export const Msg = ((() => {
             messageShows[messageShows.length] = createWidget(conf);
         },
     };
-})());
+})();

src/base/grid/grid.js

@@ -1,3 +1,22 @@
+import {
+    VerticalLayout,
+    AbsoluteLayout,
+    Widget,
+    shortcut,
+    extend,
+    emptyFn,
+    debounce,
+    _lazyCreateWidget,
+    isFunction,
+    each,
+    isNumber,
+    ScalingCellSizeAndPositionManager,
+    clamp,
+    isEmpty,
+    nextTick
+} from "@/core";
+import { Label } from "../single";
+
 /**
  * GridView
  *
@@ -5,7 +24,7 @@
  * @class BI.GridView
  * @extends BI.Widget
  */
-import { Widget, shortcut, extend, emptyFn, debounce, _lazyCreateWidget, isFunction, each, isNumber, ScalingCellSizeAndPositionManager, clamp, isEmpty, nextTick } from "../../core";
+
 @shortcut()
 export class GridView extends Widget {
     _defaultConfig() {
@@ -19,7 +38,7 @@ export class GridView extends Widget {
             overflowX: true,
             overflowY: true,
             el: {
-                type: "bi.vertical",
+                type: VerticalLayout.xtype,
             },
             overscanColumnCount: 0,
             overscanRowCount: 0,
@@ -48,7 +67,7 @@ export class GridView extends Widget {
             this._scrollLock = false;
         }, 1000 / 60);
         this.container = _lazyCreateWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
         });
         this.element.scroll(() => {
             if (this._scrollLock === true) {
@@ -64,7 +83,8 @@ export class GridView extends Widget {
         });
         // 兼容一下
         let scrollable = o.scrollable;
-        const scrollx = o.scrollx, scrolly = o.scrolly;
+        const scrollx = o.scrollx,
+            scrolly = o.scrolly;
         if (overflowX === false) {
             if (overflowY === false) {
                 scrollable = false;
@@ -77,16 +97,18 @@ export class GridView extends Widget {
             }
         }
         _lazyCreateWidget(el, {
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             element: this,
             scrollable,
             scrolly,
             scrollx,
             items: [this.container],
         });
-        o.items = isFunction(o.items) ? this.__watch(o.items, (context, newValue) => {
+        o.items = isFunction(o.items)
+            ? this.__watch(o.items, (context, newValue) => {
                 this.populate(newValue);
-        }) : o.items;
+            })
+            : o.items;
         if (o.items.length > 0) {
             this._calculateSizeAndPositionData();
             this._populate();
@@ -109,7 +131,15 @@ export class GridView extends Widget {
     }
 
     _calculateSizeAndPositionData() {
-        const { columnCount, items, rowCount, columnWidthGetter, estimatedColumnSize, rowHeightGetter, estimatedRowSize } = this.options;
+        const {
+            columnCount,
+            items,
+            rowCount,
+            columnWidthGetter,
+            estimatedColumnSize,
+            rowHeightGetter,
+            estimatedRowSize,
+        } = this.options;
         this.rowCount = 0;
         this.columnCount = 0;
         if (isNumber(columnCount)) {
@@ -122,8 +152,16 @@ export class GridView extends Widget {
         } else {
             this.rowCount = items.length;
         }
-        this._columnSizeAndPositionManager = new ScalingCellSizeAndPositionManager(this.columnCount, columnWidthGetter, estimatedColumnSize);
+        this._columnSizeAndPositionManager = new ScalingCellSizeAndPositionManager(
-        this._rowSizeAndPositionManager = new ScalingCellSizeAndPositionManager(this.rowCount, rowHeightGetter, estimatedRowSize);
+            this.columnCount,
+            columnWidthGetter,
+            estimatedColumnSize
+        );
+        this._rowSizeAndPositionManager = new ScalingCellSizeAndPositionManager(
+            this.rowCount,
+            rowHeightGetter,
+            estimatedRowSize
+        );
     }
 
     _getOverscanIndices(cellCount, overscanCellsCount, startIndex, stopIndex) {
@@ -138,19 +176,30 @@ export class GridView extends Widget {
 
         const { itemFormatter, items } = this.options;
 
-        const width = o.width, height = o.height, scrollLeft = clamp(o.scrollLeft, 0, this._getMaxScrollLeft()),
+        const width = o.width,
+            height = o.height,
+            scrollLeft = clamp(o.scrollLeft, 0, this._getMaxScrollLeft()),
             scrollTop = clamp(o.scrollTop, 0, this._getMaxScrollTop()),
-            overscanColumnCount = o.overscanColumnCount, overscanRowCount = o.overscanRowCount;
+            overscanColumnCount = o.overscanColumnCount,
+            overscanRowCount = o.overscanRowCount;
 
         if (height > 0 && width > 0) {
             const visibleColumnIndices = this._columnSizeAndPositionManager.getVisibleCellRange(width, scrollLeft);
             const visibleRowIndices = this._rowSizeAndPositionManager.getVisibleCellRange(height, scrollTop);
 
-            const renderedCells = [], renderedKeys = {}, renderedWidgets = {};
+            const renderedCells = [],
-            let minX = this._getMaxScrollLeft(), minY = this._getMaxScrollTop(), maxX = 0, maxY = 0;
+                renderedKeys = {},
+                renderedWidgets = {};
+            let minX = this._getMaxScrollLeft(),
+                minY = this._getMaxScrollTop(),
+                maxX = 0,
+                maxY = 0;
             // 没有可见的单元格就干掉所有渲染过的
             if (!isEmpty(visibleColumnIndices) && !isEmpty(visibleRowIndices)) {
-                const horizontalOffsetAdjustment = this._columnSizeAndPositionManager.getOffsetAdjustment(width, scrollLeft);
+                const horizontalOffsetAdjustment = this._columnSizeAndPositionManager.getOffsetAdjustment(
+                    width,
+                    scrollLeft
+                );
                 const verticalOffsetAdjustment = this._rowSizeAndPositionManager.getOffsetAdjustment(height, scrollTop);
 
                 this._renderedColumnStartIndex = visibleColumnIndices.start;
@@ -158,9 +207,19 @@ export class GridView extends Widget {
                 this._renderedRowStartIndex = visibleRowIndices.start;
                 this._renderedRowStopIndex = visibleRowIndices.stop;
 
-                const overscanColumnIndices = this._getOverscanIndices(this.columnCount, overscanColumnCount, this._renderedColumnStartIndex, this._renderedColumnStopIndex);
+                const overscanColumnIndices = this._getOverscanIndices(
+                    this.columnCount,
+                    overscanColumnCount,
+                    this._renderedColumnStartIndex,
+                    this._renderedColumnStopIndex
+                );
 
-                const overscanRowIndices = this._getOverscanIndices(this.rowCount, overscanRowCount, this._renderedRowStartIndex, this._renderedRowStopIndex);
+                const overscanRowIndices = this._getOverscanIndices(
+                    this.rowCount,
+                    overscanRowCount,
+                    this._renderedRowStartIndex,
+                    this._renderedRowStopIndex
+                );
 
                 const columnStartIndex = overscanColumnIndices.overscanStartIndex;
                 const columnStopIndex = overscanColumnIndices.overscanStopIndex;
@@ -177,7 +236,12 @@ export class GridView extends Widget {
                 const bottom = maxRowDatum.offset + verticalOffsetAdjustment + maxRowDatum.size;
                 const right = maxColumnDatum.offset + horizontalOffsetAdjustment + maxColumnDatum.size;
                 // 如果滚动的区间并没有超出渲染的范围
-                if (top >= this.renderRange.minY && bottom <= this.renderRange.maxY && left >= this.renderRange.minX && right <= this.renderRange.maxX) {
+                if (
+                    top >= this.renderRange.minY &&
+                    bottom <= this.renderRange.maxY &&
+                    left >= this.renderRange.minX &&
+                    right <= this.renderRange.maxX
+                ) {
                     return;
                 }
 
@@ -195,23 +259,38 @@ export class GridView extends Widget {
                             this.renderedCells[index].el.setWidth(columnDatum.size);
                             this.renderedCells[index].el.setHeight(rowDatum.size);
                             // 这里只使用px
-                            this.renderedCells[index].el.element.css("left", `${columnDatum.offset + horizontalOffsetAdjustment}px`);
+                            this.renderedCells[index].el.element.css(
-                            this.renderedCells[index].el.element.css("top", `${rowDatum.offset + verticalOffsetAdjustment}px`);
+                                "left",
+                                `${columnDatum.offset + horizontalOffsetAdjustment}px`
+                            );
+                            this.renderedCells[index].el.element.css(
+                                "top",
+                                `${rowDatum.offset + verticalOffsetAdjustment}px`
+                            );
                             child = this.renderedCells[index].el;
                             renderedCells.push(this.renderedCells[index]);
                         } else {
                             const item = itemFormatter(items[rowIndex][columnIndex], rowIndex, columnIndex);
-                            child = _lazyCreateWidget(extend({
+                            child = _lazyCreateWidget(
-                                type: "bi.label",
+                                extend(
+                                    {
+                                        type: Label.xtype,
                                         width: columnDatum.size,
                                         height: rowDatum.size,
-                            }, item, {
+                                    },
-                                cls: `${item.cls || ""} grid-cell${rowIndex === 0 ? " first-row" : ""}${columnIndex === 0 ? " first-col" : ""}`,
+                                    item,
+                                    {
+                                        cls: `${item.cls || ""} grid-cell${rowIndex === 0 ? " first-row" : ""}${
+                                            columnIndex === 0 ? " first-col" : ""
+                                        }`,
                                         _rowIndex: rowIndex,
                                         _columnIndex: columnIndex,
                                         _left: columnDatum.offset + horizontalOffsetAdjustment,
                                         _top: rowDatum.offset + verticalOffsetAdjustment,
-                            }), this);
+                                    }
+                                ),
+                                this
+                            );
                             renderedCells.push({
                                 el: child,
                                 left: `${columnDatum.offset + horizontalOffsetAdjustment}px`,
@@ -233,7 +312,9 @@ export class GridView extends Widget {
                 }
             }
             // 已存在的， 需要添加的和需要删除的
-            const existSet = {}, addSet = {}, deleteArray = [];
+            const existSet = {},
+                addSet = {},
+                deleteArray = [];
             each(renderedKeys, (i, key) => {
                 if (this.renderedKeys[i]) {
                     existSet[i] = key;
@@ -303,11 +384,17 @@ export class GridView extends Widget {
     }
 
     _getMaxScrollLeft() {
-        return Math.max(0, this._getContainerWidth() - this.options.width + (this._isOverflowX() ? BI.DOM.getScrollWidth() : 0));
+        return Math.max(
+            0,
+            this._getContainerWidth() - this.options.width + (this._isOverflowX() ? BI.DOM.getScrollWidth() : 0)
+        );
     }
 
     _getMaxScrollTop() {
-        return Math.max(0, this._getContainerHeight() - this.options.height + (this._isOverflowY() ? BI.DOM.getScrollWidth() : 0));
+        return Math.max(
+            0,
+            this._getContainerHeight() - this.options.height + (this._isOverflowY() ? BI.DOM.getScrollWidth() : 0)
+        );
     }
 
     _getContainerWidth() {
@@ -333,8 +420,7 @@ export class GridView extends Widget {
         try {
             this.element.scrollTop(scrollTop);
             this.element.scrollLeft(scrollLeft);
-        } catch (e) {
+        } catch (e) {}
-        }
         this._calculateChildrenToRender();
     }
 

src/base/index.js

@@ -29,11 +29,4 @@ export * from "./combination";
 export * from "./layer";
 export * from "./list";
 export * from "./single";
-export {
+export { Pane, GridView, Pager, Msg, CollectionView, CustomTree };
-    Pane,
-    GridView,
-    Pager,
-    Msg,
-    CollectionView,
-    CustomTree
-};

src/base/layer/layer.drawer.js

@@ -1,17 +1,19 @@
+import { HTapeLayout, AbsoluteLayout, Layout, VerticalLayout, Widget, shortcut, isPlainObject, extend } from "@/core";
+import { Label, IconButton } from "../single";
+
 /**
  * Popover弹出层，
  * @class BI.Popover
  * @extends BI.Widget
  */
 
-import { Widget, shortcut, isPlainObject, extend } from "../../core";
 @shortcut()
 export class Drawer extends Widget {
     SIZE = {
         SMALL: "small",
         NORMAL: "normal",
         BIG: "big",
-  }
+    };
     props = {
         baseCls: "bi-drawer bi-card",
         size: "normal",
@@ -23,7 +25,7 @@ export class Drawer extends Widget {
         bodyHgap: 20,
         bodyTgap: 10,
         bodyBgap: 10,
-  }
+    };
     static xtype = "bi.drawer";
     static EVENT_CLOSE = "EVENT_CLOSE";
     static EVENT_OPEN = "EVENT_OPEN";
@@ -55,17 +57,22 @@ export class Drawer extends Widget {
     }
     render() {
         const { header, headerHeight, closable, body, bodyHgap, bodyTgap, bodyBgap } = this.options;
-      const items = [{
+        const items = [
+            {
                 el: {
-              type: "bi.htape",
+                    type: HTapeLayout.xtype,
                     cls: "bi-message-title bi-header-background",
-              items: [{
+                    items: [
-                  type: "bi.absolute",
+                        {
-                  items: [{
+                            type: AbsoluteLayout.xtype,
-                      el: isPlainObject(header) ? extend({}, header, {
+                            items: [
+                                {
+                                    el: isPlainObject(header)
+                                        ? extend({}, header, {
                                             extraCls: "bi-font-bold",
-                      }) : {
+                                        })
-                          type: "bi.label",
+                                        : {
+                                            type: Label.xtype,
                                             cls: "bi-font-bold",
                                             height: headerHeight,
                                             text: header,
@@ -76,44 +83,56 @@ export class Drawer extends Widget {
                                     top: 0,
                                     right: 0,
                                     bottom: 0,
-                  }],
+                                }
-              }, {
+                            ],
-                  el: closable ? {
+                        },
-                      type: "bi.icon_button",
+                        {
+                            el: closable
+                                ? {
+                                    type: IconButton.xtype,
                                     cls: "bi-message-close close-font",
                                     height: headerHeight,
                                     handler: () => {
                                         this.close();
                                     },
-                  } : {
+                                }
-                      type: "bi.layout",
+                                : {
+                                    type: Layout.xtype,
                                 },
                             width: 56,
-              }],
+                        }
+                    ],
                     height: headerHeight,
                 },
                 height: headerHeight,
-      }, {
+            },
+            {
                 el: {
-              type: "bi.vertical",
+                    type: VerticalLayout.xtype,
                     scrolly: true,
                     cls: "drawer-body",
                     ref: _ref => {
                         this.body = _ref;
                     },
-              items: [{
+                    items: [
+                        {
                             el: body,
-              }],
+                        }
+                    ],
                 },
                 hgap: bodyHgap,
                 tgap: bodyTgap,
                 bgap: bodyBgap,
-      }];
+            }
+        ];
 
-      return extend({
+        return extend(
+            {
                 type: "bi.vtape",
                 items,
-      }, this._getSuitableSize());
+            },
+            this._getSuitableSize()
+        );
     }
     mounted() {
         const { placement } = this.options;
@@ -230,7 +249,5 @@ export class Drawer extends Widget {
         this.element.css({ "z-index": zindex });
     }
 
-  destroyed() {
+    destroyed() {}
-  }
 }
-

src/base/layer/layer.popover.js

@@ -1,10 +1,22 @@
+import {
+    HTapeLayout,
+    AbsoluteLayout,
+    VerticalLayout,
+    Widget,
+    shortcut,
+    clamp,
+    isPlainObject,
+    extend,
+    isNotNull
+} from "@/core";
+import { Label, IconButton, Button } from "../single";
+
 /**
  * Popover弹出层，
  * @class BI.Popover
  * @extends BI.Widget
  */
 
-import { Widget, shortcut, clamp, isPlainObject, extend, isNotNull } from "../../core";
 @shortcut()
 export class Popover extends Widget {
     _constant = {
@@ -14,7 +26,7 @@ export class Popover extends Widget {
             BIG: "big",
         },
         MAX_HEIGHT: 600,
-  }
+    };
 
     props() {
         return {
@@ -47,7 +59,8 @@ export class Popover extends Widget {
         this.startX = 0;
         this.startY = 0;
         const size = this._calculateSize();
-      this.tracker = new BI.MouseMoveTracker((deltaX, deltaY) => {
+        this.tracker = new BI.MouseMoveTracker(
+            (deltaX, deltaY) => {
                 const W = Widget._renderEngine.createElement("body").width();
                 const H = Widget._renderEngine.createElement("body").height();
                 this.startX += deltaX;
@@ -60,24 +73,32 @@ export class Popover extends Widget {
                 BI.Resizers._resize({
                     target: this.element[0],
                 });
-      }, () => {
+            },
+            () => {
                 this.tracker.releaseMouseMoves();
-      }, _global);
+            },
-      const items = [{
+            _global
+        );
+        const items = [
+            {
                 el: {
-              type: "bi.htape",
+                    type: HTapeLayout.xtype,
                     cls: "bi-message-title bi-header-background",
-              items: [{
+                    items: [
+                        {
                             el: {
-                      type: "bi.absolute",
+                                type: AbsoluteLayout.xtype,
                                 ref: _ref => {
                                     this.dragger = _ref;
                                 },
-                      items: [{
+                                items: [
-                          el: isPlainObject(header) ? extend({}, header, {
+                                    {
+                                        el: isPlainObject(header)
+                                            ? extend({}, header, {
                                                 extraCls: "bi-font-bold",
-                          }) : {
+                                            })
-                              type: "bi.label",
+                                            : {
+                                                type: Label.xtype,
                                                 cls: "bi-font-bold",
                                                 height: headerHeight,
                                                 text: header,
@@ -88,11 +109,14 @@ export class Popover extends Widget {
                                         bottom: 0,
                                         left: BI.SIZE_CONSANTS.H_GAP_SIZE,
                                         right: closable ? 0 : BI.SIZE_CONSANTS.H_GAP_SIZE,
-                      }],
+                                    }
+                                ],
                             },
-              }, closable ? {
+                        },
+                        closable
+                            ? {
                                 el: {
-                      type: "bi.icon_button",
+                                    type: IconButton.xtype,
                                     cls: "bi-message-close close-font",
                                     height: headerHeight,
                                     handler: () => {
@@ -100,67 +124,88 @@ export class Popover extends Widget {
                                     },
                                 },
                                 width: 56,
-              } : null],
+                            }
+                            : null
+                    ],
                     height: headerHeight,
                 },
                 height: headerHeight,
-      }, logic.dynamic ? {
+            },
+            logic.dynamic
+                ? {
                     el: {
-              type: "bi.vertical",
+                        type: VerticalLayout.xtype,
                         scrolly: true,
                         cls: "popover-body",
                         ref: _ref => {
                             this.body = _ref;
                         },
                         css: {
-                  "max-height": this._getSuitableBodyHeight(c.MAX_HEIGHT - headerHeight - (footer ? footerHeight : 0) - bodyTgap),
+                            "max-height": this._getSuitableBodyHeight(
-                  "min-height": this._getSuitableBodyHeight(size.height - headerHeight - (footer ? footerHeight : 0) - bodyTgap),
+                                c.MAX_HEIGHT - headerHeight - (footer ? footerHeight : 0) - bodyTgap
+                            ),
+                            "min-height": this._getSuitableBodyHeight(
+                                size.height - headerHeight - (footer ? footerHeight : 0) - bodyTgap
+                            ),
                         },
-              items: [{
+                        items: [
+                            {
                                 el: body,
-              }],
+                            }
+                        ],
                         hgap: bodyHgap,
                         tgap: bodyTgap,
                     },
-      } : {
+                }
+                : {
                     el: {
-              type: "bi.absolute",
+                        type: AbsoluteLayout.xtype,
-              items: [{
+                        items: [
+                            {
                                 el: body,
                                 left: bodyHgap,
                                 top: bodyTgap,
                                 right: bodyHgap,
                                 bottom: 0,
-              }],
+                            }
+                        ],
                     },
-      }];
+                }
+        ];
         if (footer) {
             items.push({
                 el: {
-                  type: "bi.absolute",
+                    type: AbsoluteLayout.xtype,
-                  items: [{
+                    items: [
+                        {
                             el: footer,
                             left: BI.SIZE_CONSANTS.H_GAP_SIZE,
                             top: 0,
                             right: BI.SIZE_CONSANTS.H_GAP_SIZE,
                             bottom: 0,
-                  }],
+                        }
+                    ],
                     height: footerHeight,
                 },
                 height: footerHeight,
             });
         }
 
-      return extend({
+        return extend(
+            {
                 items,
                 width: this._getSuitableWidth(size.width),
-      }, logic.dynamic ? {
+            },
-          type: "bi.vertical",
+            logic.dynamic
+                ? {
+                    type: VerticalLayout.xtype,
                     scrolly: false,
-      } : {
+                }
+                : {
                     type: "bi.vtape",
                     height: this._getSuitableHeight(size.height),
-      });
+                }
+        );
     }
     // mounted之后绑定事件
     mounted() {
@@ -176,7 +221,14 @@ export class Popover extends Widget {
     _getSuitableBodyHeight(height) {
         const { headerHeight, footer, footerHeight, bodyTgap } = this.options;
 
-      return clamp(height, 0, Widget._renderEngine.createElement("body")[0].clientHeight - headerHeight - (footer ? footerHeight : 0) - bodyTgap);
+        return clamp(
+            height,
+            0,
+            Widget._renderEngine.createElement("body")[0].clientHeight -
+                headerHeight -
+                (footer ? footerHeight : 0) -
+                bodyTgap
+        );
     }
 
     _getSuitableHeight(height) {
@@ -219,9 +271,7 @@ export class Popover extends Widget {
         this.options.draggable = b;
     }
 
-  hide() {
+    hide() {}
-
-  }
 
     open() {
         this.show();
@@ -250,11 +300,13 @@ export class BarPopover extends Popover {
 
     beforeCreate() {
         const { footer, warningTitle } = this.options;
-      footer || (this.options.footer = {
+        footer ||
+            (this.options.footer = {
                 type: "bi.right_vertical_adapt",
                 lgap: 10,
-          items: [{
+                items: [
-              type: "bi.button",
+                    {
+                        type: Button.xtype,
                         text: this.options.btns[1],
                         value: 1,
                         level: "ignore",
@@ -262,8 +314,9 @@ export class BarPopover extends Popover {
                             this.fireEvent(Popover.EVENT_CANCEL, v);
                             this.close(v);
                         },
-          }, {
+                    },
-              type: "bi.button",
+                    {
+                        type: Button.xtype,
                         text: this.options.btns[0],
                         warningTitle,
                         value: 0,
@@ -271,9 +324,8 @@ export class BarPopover extends Popover {
                             this.fireEvent(Popover.EVENT_CONFIRM, v);
                             this.close(v);
                         },
-          }],
+                    }
+                ],
             });
     }
 }
-
-

src/base/layer/layer.popup.js

@@ -1,15 +1,29 @@
+import { ButtonGroup } from "../combination/group.button";
+import {
+    VerticalLayout,
+    AbsoluteLayout,
+    Layout,
+    CenterLayout,
+    Widget,
+    shortcut,
+    extend,
+    Controller,
+    createWidget,
+    createItems,
+    clamp
+} from "@/core";
+
 /**
  * 下拉框弹出层, zIndex在1000w
  * @class BI.PopupView
  * @extends BI.Widget
  */
 
-import { Widget, shortcut, extend, Controller, createWidget, createItems, clamp } from "../../core";
 @shortcut()
 export class PopupView extends Widget {
     _const = {
         TRIANGLE_LENGTH: 12,
-  }
+    };
 
     static xtype = "bi.popup_view";
     static EVENT_CHANGE = "EVENT_CHANGE";
@@ -44,32 +58,50 @@ export class PopupView extends Widget {
             buttons: [], // toolbar栏
 
             el: {
-              type: "bi.button_group",
+                type: ButtonGroup.xtype,
                 items: [],
                 chooseType: 0,
                 behaviors: {},
-              layouts: [{
+                layouts: [
-                  type: "bi.vertical",
+                    {
-              }],
+                        type: VerticalLayout.xtype,
+                    }
+                ],
             },
         });
     }
     render() {
-      const { minWidth, maxWidth, stopPropagation, stopEvent,
+        const {
-          direction, logic, lgap, rgap, tgap, bgap, vgap, hgap, primary, showArrow } = this.options;
+            minWidth,
-      function fn (e) {
+            maxWidth,
+            stopPropagation,
+            stopEvent,
+            direction,
+            logic,
+            lgap,
+            rgap,
+            tgap,
+            bgap,
+            vgap,
+            hgap,
+            primary,
+            showArrow,
+        } = this.options;
+        function fn(e) {
             e.stopPropagation();
         }
-      function stop (e) {
+        function stop(e) {
             e.stopEvent();
 
             return false;
         }
-      this.element.css({
+        this.element
+            .css({
                 "z-index": BI.zIndex_popup,
                 "min-width": BI.pixFormat(minWidth),
                 "max-width": BI.pixFormat(maxWidth),
-      }).bind({ click: fn });
+            })
+            .bind({ click: fn });
 
         this.element.bind("mousewheel", fn);
 
@@ -87,9 +119,14 @@ export class PopupView extends Widget {
             }
         });
 
-      createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
-      }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(direction), extend({}, logic, {
+                },
+                BI.LogicFactory.createLogic(
+                    BI.LogicFactory.createLogicTypeByDirection(direction),
+                    extend({}, logic, {
                         scrolly: false,
                         lgap,
                         rgap,
@@ -97,49 +134,73 @@ export class PopupView extends Widget {
                         bgap,
                         vgap,
                         hgap,
-          items: BI.LogicFactory.createLogicItemsByDirection(direction, extend({
+                        items: BI.LogicFactory.createLogicItemsByDirection(
+                            direction,
+                            extend(
+                                {
                                     cls: `list-view-outer bi-card list-view-shadow${primary ? " bi-primary" : ""}`,
-          }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(direction), extend({}, logic, {
+                                },
-              items: BI.LogicFactory.createLogicItemsByDirection(direction, this.tool, this.tab, this.view, this.toolbar),
+                                BI.LogicFactory.createLogic(
-          })))
+                                    BI.LogicFactory.createLogicTypeByDirection(direction),
+                                    extend({}, logic, {
+                                        items: BI.LogicFactory.createLogicItemsByDirection(
+                                            direction,
+                                            this.tool,
+                                            this.tab,
+                                            this.view,
+                                            this.toolbar
+                                        ),
+                                    })
+                                )
+                            )
                         ),
-      }))));
+                    })
+                )
+            )
+        );
         if (showArrow) {
             this.arrow = createWidget({
-              type: "bi.absolute",
+                type: AbsoluteLayout.xtype,
                 cls: "bi-bubble-arrow",
-              items: [{
+                items: [
-                  type: "bi.layout",
+                    {
+                        type: Layout.xtype,
                         cls: "bubble-arrow",
-              }],
+                    }
+                ],
             });
             this.arrowWrapper = createWidget({
-              type: "bi.absolute",
+                type: AbsoluteLayout.xtype,
                 cls: "bi-bubble-arrow-wrapper",
-              items: [{
+                items: [
+                    {
                         el: this.arrow,
-              }],
+                    }
+                ],
             });
             // 因为三角符号的原因位置变大了，需要占位
             this.placeholder = createWidget({
-              type: "bi.layout",
+                type: Layout.xtype,
             });
             createWidget({
-              type: "bi.absolute",
+                type: AbsoluteLayout.xtype,
                 element: this,
-              items: [{
+                items: [
+                    {
                         el: this.arrowWrapper,
                         left: 0,
                         top: 0,
-              }, {
+                    },
+                    {
                         el: this.placeholder,
-              }],
+                    }
+                ],
             });
         }
     }
     _createView() {
         const { el, value, minHeight, innerVgap, innerHgap } = this.options;
-      this.button_group = createWidget(el, { type: "bi.button_group", value });
+        this.button_group = createWidget(el, { type: ButtonGroup.xtype, value });
         this.button_group.element.css({
             "min-height": BI.pixFormat(minHeight),
             "padding-top": BI.pixFormat(innerVgap),
@@ -167,7 +228,7 @@ export class PopupView extends Widget {
         }
 
         return createWidget({
-          type: "bi.center",
+            type: CenterLayout.xtype,
             cls: "list-view-tab",
             height: 25,
             items: tabs,
@@ -182,7 +243,7 @@ export class PopupView extends Widget {
         }
 
         return createWidget({
-          type: "bi.center",
+            type: CenterLayout.xtype,
             cls: "list-view-toolbar bi-high-light bi-split-top",
             height: 24,
             items: createItems(buttons, {
@@ -196,7 +257,9 @@ export class PopupView extends Widget {
     setDirection(direction, position) {
         const { showArrow, tgap, vgap, bgap, rgap, hgap, lgap } = this.options;
         if (showArrow) {
-          let style = {}, wrapperStyle = {}, placeholderStyle = {};
+            let style = {},
+                wrapperStyle = {},
+                placeholderStyle = {};
             const adjustXOffset = position.adjustXOffset || 0;
             const adjustYOffset = position.adjustYOffset || 0;
             const bodyBounds = Widget._renderEngine.createElement("body").bounds();
@@ -242,7 +305,11 @@ export class PopupView extends Widget {
             case "bottom,left":
                 direction = "bottom";
                 style = {
-                  right: clamp(((middle ? popupWidth : position.width) + adjustXOffset) / 2 - 8, minRight, maxRight),
+                    right: clamp(
+                        ((middle ? popupWidth : position.width) + adjustXOffset) / 2 - 8,
+                        minRight,
+                        maxRight
+                    ),
                 };
                 wrapperStyle = {
                     top: bgap + vgap,
@@ -281,7 +348,11 @@ export class PopupView extends Widget {
             case "top,left":
                 direction = "top";
                 style = {
-                  right: clamp(((middle ? popupWidth : position.width) + adjustXOffset) / 2 - 8, minRight, maxRight),
+                    right: clamp(
+                        ((middle ? popupWidth : position.width) + adjustXOffset) / 2 - 8,
+                        minRight,
+                        maxRight
+                    ),
                 };
                 wrapperStyle = {
                     bottom: bgap + vgap,
@@ -320,7 +391,11 @@ export class PopupView extends Widget {
             case "left,top":
                 direction = "left";
                 style = {
-                  bottom: clamp(((middle ? popupHeight : position.height) + adjustYOffset) / 2 - 8, minBottom, maxBottom),
+                    bottom: clamp(
+                        ((middle ? popupHeight : position.height) + adjustYOffset) / 2 - 8,
+                        minBottom,
+                        maxBottom
+                    ),
                 };
                 wrapperStyle = {
                     right: rgap + hgap,
@@ -359,7 +434,11 @@ export class PopupView extends Widget {
             case "right,top":
                 direction = "right";
                 style = {
-                  bottom: clamp(((middle ? popupHeight : position.height) + adjustYOffset) / 2 - 8, minBottom, maxBottom),
+                    bottom: clamp(
+                        ((middle ? popupHeight : position.height) + adjustYOffset) / 2 - 8,
+                        minBottom,
+                        maxBottom
+                    ),
                 };
                 wrapperStyle = {
                     left: lgap + hgap,
@@ -412,12 +491,13 @@ export class PopupView extends Widget {
     }
 
     resetHeight(h) {
-      const tbHeight = this.toolbar ? (this.toolbar.attr("height") || 24) : 0,
+        const tbHeight = this.toolbar ? this.toolbar.attr("height") || 24 : 0,
-          tabHeight = this.tab ? (this.tab.attr("height") || 24) : 0,
+            tabHeight = this.tab ? this.tab.attr("height") || 24 : 0,
-          toolHeight = ((this.tool && this.tool.attr("height")) || 24) * ((this.tool && this.tool.isVisible()) ? 1 : 0);
+            toolHeight = ((this.tool && this.tool.attr("height")) || 24) * (this.tool && this.tool.isVisible() ? 1 : 0);
         const resetHeight = h - tbHeight - tabHeight - toolHeight - 2 * this.options.innerVgap;
-      this.view.resetHeight ? this.view.resetHeight(resetHeight) :
+        this.view.resetHeight
-          this.view.element.css({ "max-height": BI.pixFormat(resetHeight) });
+            ? this.view.resetHeight(resetHeight)
+            : this.view.element.css({ "max-height": BI.pixFormat(resetHeight) });
     }
 
     setValue(selectedValues) {
@@ -429,4 +509,3 @@ export class PopupView extends Widget {
         return this.view.getValue();
     }
 }
-

src/base/layer/layer.searcher.js

@@ -1,3 +1,7 @@
+import { ButtonGroup } from "../combination";
+import { VerticalLayout, Layout, shortcut, extend, createWidget, Controller, isNotEmptyArray } from "@/core";
+import { Pane } from "../1.pane";
+
 /**
  * 搜索面板
  *
@@ -6,9 +10,6 @@
  * @extends BI.Pane
  */
 
-import { shortcut, extend, createWidget, Controller, isNotEmptyArray } from "../../core";
-import { Pane } from "../1.pane";
-
 @shortcut()
 export class SearcherView extends Pane {
     static xtype = "bi.searcher_view";
@@ -22,25 +23,30 @@ export class SearcherView extends Pane {
             tipText: BI.i18nText("BI-No_Select"),
             chooseType: BI.Selection.Single,
 
-          matcher: { // 完全匹配的构造器
+            matcher: {
-              type: "bi.button_group",
+                // 完全匹配的构造器
+                type: ButtonGroup.xtype,
                 behaviors: {
                     redmark: () => true,
                 },
                 items: [],
-              layouts: [{
+                layouts: [
-                  type: "bi.vertical",
+                    {
-              }],
+                        type: VerticalLayout.xtype,
+                    }
+                ],
             },
             searcher: {
-              type: "bi.button_group",
+                type: ButtonGroup.xtype,
                 behaviors: {
                     redmark: () => true,
                 },
                 items: [],
-              layouts: [{
+                layouts: [
-                  type: "bi.vertical",
+                    {
-              }],
+                        type: VerticalLayout.xtype,
+                    }
+                ],
             },
         });
     }
@@ -48,14 +54,16 @@ export class SearcherView extends Pane {
         const { matcher, chooseType, value, searcher } = this.options;
 
         this.matcher = createWidget(matcher, {
-          type: "bi.button_group",
+            type: ButtonGroup.xtype,
             chooseType,
             behaviors: {
                 redmark: () => true,
             },
-          layouts: [{
+            layouts: [
-              type: "bi.vertical",
+                {
-          }],
+                    type: VerticalLayout.xtype,
+                }
+            ],
             value,
         });
         this.matcher.on(Controller.EVENT_CHANGE, (type, val, ob, ...args) => {
@@ -65,24 +73,28 @@ export class SearcherView extends Pane {
             }
         });
         this.spliter = createWidget({
-          type: "bi.vertical",
+            type: VerticalLayout.xtype,
             height: 1,
             hgap: 10,
-          items: [{
+            items: [
-              type: "bi.layout",
+                {
+                    type: Layout.xtype,
                     height: 1,
                     cls: "searcher-view-spliter bi-background",
-          }],
+                }
+            ],
         });
         this.searcher = createWidget(searcher, {
-          type: "bi.button_group",
+            type: ButtonGroup.xtype,
             chooseType,
             behaviors: {
                 redmark: () => true,
             },
-          layouts: [{
+            layouts: [
-              type: "bi.vertical",
+                {
-          }],
+                    type: VerticalLayout.xtype,
+                }
+            ],
             value,
         });
         this.searcher.on(Controller.EVENT_CHANGE, (type, val, ob, ...args) => {
@@ -93,19 +105,15 @@ export class SearcherView extends Pane {
         });
 
         createWidget({
-          type: "bi.vertical",
+            type: VerticalLayout.xtype,
             element: this,
             items: [this.matcher, this.spliter, this.searcher],
         });
     }
 
-  startSearch() {
+    startSearch() {}
-
-  }
 
-  stopSearch() {
+    stopSearch() {}
-
-  }
 
     setValue(v) {
         this.matcher.setValue(v);
@@ -134,4 +142,3 @@ export class SearcherView extends Pane {
         return this.matcher.getAllButtons().length > 0;
     }
 }
-

src/base/list/listview.js

@@ -1,3 +1,5 @@
+import { VerticalLayout, Widget, shortcut, extend, isFunction } from "@/core";
+
 /**
  * 边滚动边加载的列表控件
  *
@@ -5,7 +7,7 @@
  * @class BI.ListView
  * @extends BI.Widget
  */
-import { Widget, shortcut, extend, isFunction } from "../../core";
+
 @shortcut()
 export class ListView extends Widget {
     props() {
@@ -31,14 +33,19 @@ export class ListView extends Widget {
         const { el } = this.options;
 
         return {
-          type: "bi.vertical",
+            type: VerticalLayout.xtype,
-          items: [extend({
+            items: [
-              type: "bi.vertical",
+                extend(
+                    {
+                        type: VerticalLayout.xtype,
                         scrolly: false,
                         ref: _ref => {
                             this.container = _ref;
                         },
-          }, el)],
+                    },
+                    el
+                )
+            ],
             element: this,
         };
     }
@@ -47,9 +54,11 @@ export class ListView extends Widget {
     mounted() {
         const o = this.options;
         //  这里无法进行结构，因为存在赋值操作，如果使用结构则this.options的值不会跟随变化
-      o.items = isFunction(o.items) ? this.__watch(o.items, (context, newValue) => {
+        o.items = isFunction(o.items)
+            ? this.__watch(o.items, (context, newValue) => {
                 this.populate(newValue);
-      }) : o.items;
+            })
+            : o.items;
         this._populate();
         this.element.scroll(e => {
             o.scrollTop = this.element.scrollTop();
@@ -75,17 +84,20 @@ export class ListView extends Widget {
         const { scrollTop, overscanHeight, blockSize, items, itemFormatter } = this.options;
         const height = this.element.height();
         const minContentHeight = scrollTop + height + overscanHeight;
-      let index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + blockSize)) || 0;
+        let index = (this.cache[this.renderedIndex] && this.cache[this.renderedIndex].index + blockSize) || 0;
         let cnt = this.renderedIndex + 1;
         let lastHeight;
 
         const getElementHeight = () => this.container.element.height();
 
         lastHeight = getElementHeight();
-      while ((lastHeight) < minContentHeight && index < items.length) {
+        while (lastHeight < minContentHeight && index < items.length) {
             const itemsArr = items.slice(index, index + blockSize);
             // eslint-disable-next-line no-loop-func
-          this.container.addItems(itemsArr.map((item, i) => itemFormatter(item, index + i)), this);
+            this.container.addItems(
+                itemsArr.map((item, i) => itemFormatter(item, index + i)),
+                this
+            );
             const addedHeight = getElementHeight() - lastHeight;
             this.cache[cnt] = {
                 index,
@@ -140,4 +152,3 @@ export class ListView extends Widget {
         this.restore();
     }
 }
-

src/base/list/virtualgrouplist.js

@@ -1,3 +1,6 @@
+import { VerticalLayout, Layout, Widget, shortcut, extend, isFunction, isNumber, PrefixIntervalTree } from "@/core";
+import { VirtualGroup } from "../combination";
+
 /**
  * 同时用于virtualGroup和virtualList特性的虚拟列表
  *
@@ -6,7 +9,6 @@
  * @extends BI.Widget
  */
 
-import { Widget, shortcut, extend, isFunction, isNumber, PrefixIntervalTree } from "../../core";
 @shortcut()
 export class VirtualGroupList extends Widget {
     props() {
@@ -32,28 +34,37 @@ export class VirtualGroupList extends Widget {
         const { rowHeight, items, el } = this.options;
 
         return {
-          type: "bi.vertical",
+            type: VerticalLayout.xtype,
-          items: [{
+            items: [
-              type: "bi.layout",
+                {
+                    type: Layout.xtype,
                     ref: () => {
                         this.topBlank = this;
                     },
-          }, {
+                },
-              type: "bi.virtual_group",
+                {
+                    type: VirtualGroup.xtype,
                     height: rowHeight * items.length,
                     ref: () => {
                         this.container = this;
                     },
-              layouts: [extend({
+                    layouts: [
-                  type: "bi.vertical",
+                        extend(
+                            {
+                                type: VerticalLayout.xtype,
                                 scrolly: false,
-              }, el)],
+                            },
-          }, {
+                            el
-              type: "bi.layout",
+                        )
+                    ],
+                },
+                {
+                    type: Layout.xtype,
                     ref: () => {
                         this.bottomBlank = this;
                     },
-          }],
+                }
+            ],
             element: this,
         };
     }
@@ -61,9 +72,11 @@ export class VirtualGroupList extends Widget {
     mounted() {
         //  这里无法进行结构，因为存在赋值操作，如果使用结构则this.options的值不会跟随变化
         const o = this.options;
-      o.items = isFunction(o.items) ? this.__watch(o.items, (context, newValue) => {
+        o.items = isFunction(o.items)
+            ? this.__watch(o.items, (context, newValue) => {
                 this.populate(newValue);
-      }) : o.items;
+            })
+            : o.items;
         this._populate();
         this.ticking = false;
         this.element.scroll(() => {
@@ -91,14 +104,19 @@ export class VirtualGroupList extends Widget {
         const { scrollTop, overscanHeight, blockSize, items, itemFormatter } = this.options;
         const height = this.element.height();
         const minContentHeight = scrollTop + height + overscanHeight;
-      let index = (this.renderedIndex + 1) * blockSize, cnt = this.renderedIndex + 1;
+        let index = (this.renderedIndex + 1) * blockSize,
+            cnt = this.renderedIndex + 1;
         let lastHeight;
-      const getElementHeight = () => this.container.element.height() + this.topBlank.element.height() + this.bottomBlank.element.height();
+        const getElementHeight = () =>
+            this.container.element.height() + this.topBlank.element.height() + this.bottomBlank.element.height();
         lastHeight = this.renderedIndex === -1 ? 0 : getElementHeight();
         while (lastHeight < minContentHeight && index < items.length) {
             const itemsArr = items.slice(index, index + blockSize);
             // eslint-disable-next-line no-loop-func
-          this.container[this.renderedIndex === -1 ? "populate" : "addItems"](itemsArr.map((item, i) => itemFormatter(item, index + i)), this);
+            this.container[this.renderedIndex === -1 ? "populate" : "addItems"](
+                itemsArr.map((item, i) => itemFormatter(item, index + i)),
+                this
+            );
             const elementHeight = getElementHeight();
             const addedHeight = elementHeight - lastHeight;
             this.tree.set(cnt, addedHeight);
@@ -126,23 +144,29 @@ export class VirtualGroupList extends Widget {
         const topHeight = this.tree.sumTo(Math.max(-1, start - 1));
         this.topBlank.setHeight(`${topHeight}px`);
         if (this._isAutoHeight()) {
-          for (let i = (start < 0 ? 0 : start); i <= end && i <= this.renderedIndex; i++) {
+            for (let i = start < 0 ? 0 : start; i <= end && i <= this.renderedIndex; i++) {
                 const index = i * blockSize;
                 for (let j = index; j < index + blockSize && j < items.length; j++) {
                     itemsArr.push(items[j]);
                 }
             }
-          this.bottomBlank.setHeight(`${this.tree.sumTo(this.renderedIndex) - this.tree.sumTo(Math.min(end, this.renderedIndex))}px`);
+            this.bottomBlank.setHeight(
-          this.container.populate(itemsArr.map((item, i) => itemFormatter(item, (start < 0 ? 0 : start) * blockSize + i)));
+                `${this.tree.sumTo(this.renderedIndex) - this.tree.sumTo(Math.min(end, this.renderedIndex))}px`
+            );
+            this.container.populate(
+                itemsArr.map((item, i) => itemFormatter(item, (start < 0 ? 0 : start) * blockSize + i))
+            );
         } else {
-          for (let i = (start < 0 ? 0 : start); i <= end; i++) {
+            for (let i = start < 0 ? 0 : start; i <= end; i++) {
                 const index = i * blockSize;
                 for (let j = index; j < index + blockSize && j < items.length; j++) {
                     itemsArr.push(items[j]);
                 }
             }
             this.container.element.height(rowHeight * items.length - topHeight);
-          this.container.populate(itemsArr.map((item, i) => itemFormatter(item, (start < 0 ? 0 : start) * blockSize + i)));
+            this.container.populate(
+                itemsArr.map((item, i) => itemFormatter(item, (start < 0 ? 0 : start) * blockSize + i))
+            );
         }
     }
     _populate(items) {
@@ -152,13 +176,15 @@ export class VirtualGroupList extends Widget {
             this.options.items = items;
             this._restore();
         }
-      this.tree = PrefixIntervalTree.uniform(Math.ceil(this.options.items.length / blockSize), this._isAutoHeight() ? 0 : rowHeight * blockSize);
+        this.tree = PrefixIntervalTree.uniform(
+            Math.ceil(this.options.items.length / blockSize),
+            this._isAutoHeight() ? 0 : rowHeight * blockSize
+        );
 
         this._calculateBlocksToRender();
         try {
             this.element.scrollTop(scrollTop);
-      } catch (e) {
+        } catch (e) {}
-      }
     }
 
     _restore() {
@@ -189,4 +215,3 @@ export class VirtualGroupList extends Widget {
         this.restore();
     }
 }
-

src/base/list/virtuallist.js

@@ -1,3 +1,5 @@
+import { VerticalLayout, Layout, Widget, shortcut, isFunction, each, PrefixIntervalTree } from "@/core";
+
 /**
  * 虚拟列表
  *
@@ -6,7 +8,6 @@
  * @extends BI.Widget
  */
 
-import { Widget, shortcut, isFunction, each, PrefixIntervalTree } from "../../core";
 @shortcut()
 export class VirtualList extends Widget {
     props() {
@@ -29,33 +30,39 @@ export class VirtualList extends Widget {
 
     render() {
         return {
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
-            items: [{
+            items: [
-                type: "bi.layout",
+                {
+                    type: Layout.xtype,
                     ref: _ref => {
                         this.topBlank = _ref;
                     },
-            }, {
+                },
-                type: "bi.vertical",
+                {
+                    type: VerticalLayout.xtype,
                     scrolly: false,
                     ref: _ref => {
                         this.container = _ref;
                     },
-            }, {
+                },
-                type: "bi.layout",
+                {
+                    type: Layout.xtype,
                     ref: _ref => {
                         this.bottomBlank = _ref;
                     },
-            }],
+                }
+            ],
         };
     }
     // mounted之后绑定事件
     mounted() {
         //  这里无法进行结构，因为存在赋值操作，如果使用结构则this.options的值不会跟随变化
         const o = this.options;
-        o.items = isFunction(o.items) ? this.__watch(o.items, (context, newValue) => {
+        o.items = isFunction(o.items)
+            ? this.__watch(o.items, (context, newValue) => {
                 this.populate(newValue);
-        }) : o.items;
+            })
+            : o.items;
         this._populate();
         this.element.scroll(e => {
             o.scrollTop = this.element.scrollTop();
@@ -72,14 +79,19 @@ export class VirtualList extends Widget {
         const { scrollTop, overscanHeight, blockSize, items, itemFormatter } = this.options;
         const height = this.element.height();
         const minContentHeight = scrollTop + height + overscanHeight;
-        let index = (this.renderedIndex + 1) * blockSize, cnt = this.renderedIndex + 1;
+        let index = (this.renderedIndex + 1) * blockSize,
+            cnt = this.renderedIndex + 1;
         let lastHeight;
-        const getElementHeight = () => this.container.element.height() + this.topBlank.element.height() + this.bottomBlank.element.height();
+        const getElementHeight = () =>
+            this.container.element.height() + this.topBlank.element.height() + this.bottomBlank.element.height();
         lastHeight = getElementHeight();
         while (lastHeight < minContentHeight && index < items.length) {
             const itemsArr = items.slice(index, index + blockSize);
             // eslint-disable-next-line no-loop-func
-            this.container.addItems(itemsArr.map((item, i) => itemFormatter(item, index + i)), this);
+            this.container.addItems(
+                itemsArr.map((item, i) => itemFormatter(item, index + i)),
+                this
+            );
             const addedHeight = getElementHeight() - lastHeight;
             this.tree.set(cnt, addedHeight);
             this.renderedIndex = cnt;
@@ -102,7 +114,8 @@ export class VirtualList extends Widget {
         const minContentHeightTo = scrollTop + height + overscanHeight;
         const start = this.tree.greatestLowerBound(minContentHeightFrom);
         const end = this.tree.leastUpperBound(minContentHeightTo);
-        const needDestroyed = [], needMount = [];
+        const needDestroyed = [],
+            needMount = [];
         for (let i = 0; i < start; i++) {
             const index = i * blockSize;
             if (!this.cache[i]) {
@@ -132,7 +145,7 @@ export class VirtualList extends Widget {
         const firstFragment = Widget._renderEngine.createFragment(),
             lastFragment = Widget._renderEngine.createFragment();
         let currentFragment = firstFragment;
-        for (let i = (start < 0 ? 0 : start); i <= end && i <= this.renderedIndex; i++) {
+        for (let i = start < 0 ? 0 : start; i <= end && i <= this.renderedIndex; i++) {
             const index = i * blockSize;
             if (!this.cache[i]) {
                 this.cache[i] = {};
@@ -152,7 +165,9 @@ export class VirtualList extends Widget {
         this.container.element.prepend(firstFragment);
         this.container.element.append(lastFragment);
         this.topBlank.setHeight(`${this.tree.sumTo(Math.max(-1, start - 1))}px`);
-        this.bottomBlank.setHeight(`${this.tree.sumTo(this.renderedIndex) - this.tree.sumTo(Math.min(end, this.renderedIndex))}px`);
+        this.bottomBlank.setHeight(
+            `${this.tree.sumTo(this.renderedIndex) - this.tree.sumTo(Math.min(end, this.renderedIndex))}px`
+        );
         each(needMount, (i, child) => {
             child && child._mount();
         });
@@ -170,8 +185,7 @@ export class VirtualList extends Widget {
         this._calculateBlocksToRender();
         try {
             this.element.scrollTop(scrollTop);
-        } catch (e) {
+        } catch (e) {}
-        }
     }
 
     _clearChildren() {
@@ -210,4 +224,3 @@ export class VirtualList extends Widget {
         this.restore();
     }
 }
-

src/base/pager/pager.js

@@ -1,3 +1,20 @@
+import {
+    HorizontalLayout,
+    Widget,
+    shortcut,
+    extend,
+    emptyFn,
+    result,
+    isKey,
+    createWidget,
+    map,
+    stripEL,
+    formatEL,
+    Controller
+} from "@/core";
+import { Label } from "../single";
+import { ButtonGroup } from "../combination";
+
 /**
  * 分页控件
  *
@@ -5,18 +22,20 @@
  * @class BI.Pager
  * @extends BI.Widget
  */
-import { Widget, shortcut, extend, emptyFn, result, isKey, createWidget, map, stripEL, formatEL, Controller } from "../../core";
+
 @shortcut()
 export class Pager extends Widget {
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-pager",
             behaviors: {},
-            layouts: [{
+            layouts: [
-                type: "bi.horizontal",
+                {
+                    type: HorizontalLayout.xtype,
                     hgap: 10,
                     vgap: 0,
-            }],
+                }
+            ],
 
             dynamicShow: true, // 是否动态显示上一页、下一页、首页、尾页， 若为false，则指对其设置使能状态
             // dynamicShow为false时以下两个有用
@@ -32,7 +51,8 @@ export class Pager extends Widget {
             next: "下一页",
 
             firstPage: 1,
-            lastPage: () => // 在万不得已时才会调用这个函数获取最后一页的页码,  主要作用于setValue方法
+            lastPage: () =>
+                // 在万不得已时才会调用这个函数获取最后一页的页码,  主要作用于setValue方法
                 1,
             hasPrev: emptyFn, // pages不可用时有效
             hasNext: emptyFn, // pages不可用时有效
@@ -53,8 +73,11 @@ export class Pager extends Widget {
     }
 
     _populate() {
-        const o = this.options, view = [], dict = {};
+        const o = this.options,
-        const { dynamicShow, dynamicShowPrevNext, hasPrev, dynamicShowFirstLast, hasNext, behaviors, layouts, jump } = this.options;
+            view = [],
+            dict = {};
+        const { dynamicShow, dynamicShowPrevNext, hasPrev, dynamicShowFirstLast, hasNext, behaviors, layouts, jump } =
+            this.options;
         this.empty();
         const pages = result(o, "pages");
         const curr = result(this, "currPage");
@@ -73,7 +96,7 @@ export class Pager extends Widget {
         }
 
         // 计算当前组
-        dict.index = Math.ceil((curr + ((groups > 1 && groups !== pages) ? 1 : 0)) / (groups === 0 ? 1 : groups));
+        dict.index = Math.ceil((curr + (groups > 1 && groups !== pages ? 1 : 0)) / (groups === 0 ? 1 : groups));
 
         // 当前页非首页，则输出上一页
         if (((!dynamicShow && !dynamicShowPrevNext) || curr > 1) && prev !== false) {
@@ -85,9 +108,12 @@ export class Pager extends Widget {
                 });
             } else {
                 view.push({
-                    el: extend({
+                    el: extend(
+                        {
                             disabled: pages === false ? hasPrev(curr) === false : !(curr > 1 && prev !== false),
-                    }, prev),
+                        },
+                        prev
+                    ),
                 });
             }
         }
@@ -101,7 +127,7 @@ export class Pager extends Widget {
             });
             if (dict.index > 1 && groups !== 0 && groups !== pages - 1) {
                 view.push({
-                    type: "bi.label",
+                    type: Label.xtype,
                     cls: "page-ellipsis",
                     text: "\u2026",
                 });
@@ -111,16 +137,21 @@ export class Pager extends Widget {
         // 输出当前页组
         dict.poor = Math.floor((groups - 1) / 2);
         dict.start = dict.index > 1 ? curr - dict.poor : 1;
-        dict.end = dict.index > 1 ? (function () {
+        dict.end =
+            dict.index > 1
+                ? (function () {
                     const max = curr + (groups - dict.poor - 1);
 
                     return max > pages ? pages : max;
-        }()) : groups;
+                }())
-        if (dict.end - dict.start < groups - 1) { // 最后一组状态
+                : groups;
+        if (dict.end - dict.start < groups - 1) {
+            // 最后一组状态
             dict.start = dict.end - groups + 1;
         }
-        let s = dict.start, e = dict.end;
+        let s = dict.start,
-        if (first && last && (dict.index > 1 && groups !== 0) && (pages > groups && dict.end < pages && groups !== 0)) {
+            e = dict.end;
+        if (first && last && dict.index > 1 && groups !== 0 && pages > groups && dict.end < pages && groups !== 0) {
             s++;
             e--;
         }
@@ -143,7 +174,7 @@ export class Pager extends Widget {
         if (((!dynamicShow && !dynamicShowFirstLast) || (pages > groups && dict.end < pages && groups !== 0)) && last) {
             if (pages > groups && dict.end < pages && groups !== 0 && groups !== pages - 1) {
                 view.push({
-                    type: "bi.label",
+                    type: Label.xtype,
                     cls: "page-ellipsis",
                     text: "\u2026",
                 });
@@ -157,38 +188,47 @@ export class Pager extends Widget {
 
         // 当前页不为尾页时，输出下一页
         dict.flow = !prev && groups === 0;
-        if (((!dynamicShow && !dynamicShowPrevNext) && next) || (curr !== pages && next || dict.flow)) {
+        if ((!dynamicShow && !dynamicShowPrevNext && next) || (curr !== pages && next) || dict.flow) {
-            view.push((function () {
+            view.push(
+                (function () {
                     if (isKey(next)) {
                         if (pages === false) {
                             return { text: next, value: "next", disabled: hasNext(curr) === false };
                         }
 
-                    return (dict.flow && curr === pages)
+                        return dict.flow && curr === pages
-                        ?
+                            ? { text: next, value: "next", disabled: true }
-                        { text: next, value: "next", disabled: true }
+                            : { text: next, value: "next", disabled: !((curr !== pages && next) || dict.flow) };
-                        :
-                        { text: next, value: "next", disabled: !(curr !== pages && next || dict.flow) };
                     }
 
                     return {
-                    el: extend({
+                        el: extend(
-                        disabled: pages === false ? hasNext(curr) === false : !(curr !== pages && next || dict.flow),
+                            {
-                    }, next),
+                                disabled:
+                                    pages === false
+                                        ? hasNext(curr) === false
+                                        : !((curr !== pages && next) || dict.flow),
+                            },
+                            next
+                        ),
                     };
-            }()));
+                })()
+            );
         }
 
         this.button_group = createWidget({
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             element: this,
             items: map(view, (idx, v) => {
-                v = extend({
+                v = extend(
+                    {
                         cls: "bi-list-item-select bi-border-radius",
                         height: 23,
                         hgap: v.el ? 0 : 10,
                         stopPropagation: true,
-                }, stripEL(v));
+                    },
+                    stripEL(v)
+                );
 
                 return formatEL(v);
             }),
@@ -220,10 +260,12 @@ export class Pager extends Widget {
                     this.currPage = v;
                     break;
                 }
-                jump.apply(this, [{
+                jump.apply(this, [
+                    {
                         pages,
                         curr: this.currPage,
-                }]);
+                    }
+                ]);
                 this._populate();
                 this.fireEvent(Pager.EVENT_CHANGE, obj);
             }
@@ -263,7 +305,8 @@ export class Pager extends Widget {
         if (pages === false) {
             const lastPage = result(o, "lastPage");
             let firstPage = 1;
-            this.currPage = v > lastPage ? lastPage : ((firstPage = result(o, "firstPage")), (v < firstPage ? firstPage : v));
+            this.currPage =
+                v > lastPage ? lastPage : ((firstPage = result(o, "firstPage")), v < firstPage ? firstPage : v);
         } else {
             v = v > pages ? pages : v;
             this.currPage = v;

src/base/single/0.single.js

@@ -1,3 +1,6 @@
+import { Widget, shortcut, Actions, extend, isKey, isNotNull, isFunction, isPlainObject, isNull, delay } from "@/core";
+import { Tooltips } from "@/base";
+
 /**
  * guy
  * 这仅仅只是一个超类, 所有简单控件的基类
@@ -10,9 +13,6 @@
  * @abstract
  */
 
-import { Widget, shortcut, Actions, extend, isKey, isNotNull, isFunction, isPlainObject, isNull, delay } from "../../core";
-import { Tooltips } from "../0.base";
-
 @shortcut()
 export class Single extends Widget {
     static xtype = "bi.single";
@@ -35,7 +35,7 @@ export class Single extends Widget {
         const { action } = this.options;
         const title = this.getTitle();
 
-        const showToolTip = (tooltipOpt) => {
+        const showToolTip = tooltipOpt => {
             if (isKey(tooltipOpt.text) && !Tooltips.has(this.getName())) {
                 Tooltips.show(e, this.getName(), tooltipOpt, this, opt);
                 if (action) {
@@ -43,7 +43,7 @@ export class Single extends Widget {
                 }
                 Actions.runGlobalAction("hover", this.options, this);
             }
-        }
+        };
 
         if (title instanceof Promise) {
             this.requestingTitle = title;
@@ -54,7 +54,6 @@ export class Single extends Widget {
         } else {
             showToolTip(this._getTooltipOptions(title));
         }
-
     }
 
     _hideTooltip() {
@@ -68,16 +67,17 @@ export class Single extends Widget {
 
     _init() {
         const { value } = this.options;
-        this.options.value = isFunction(value) ? this.__watch(value, (context, newValue) => {
+        this.options.value = isFunction(value)
+            ? this.__watch(value, (context, newValue) => {
                 this.setValue(newValue);
-        }) : value;
+            })
+            : value;
         super._init(arguments);
     }
 
     _mounted() {
         const { enableHover, title, warningTitle, belowMouse, container } = this.options;
-        if (enableHover || isKey(title) || isKey(warningTitle)
+        if (enableHover || isKey(title) || isKey(warningTitle) || isFunction(title) || isFunction(warningTitle)) {
-            || isFunction(title) || isFunction(warningTitle)) {
             this.enableHover({
                 belowMouse,
                 container,
@@ -105,11 +105,12 @@ export class Single extends Widget {
             tooltipOpt.level = this.getTipType() || "success";
             //  由于以前的用法,存在大量disabled:true搭配warningTitle的情况,所以这里做一个兼容,disabled:true的情况下,依然优先显示warningTitle,避免只设置了warningTitle而没有设置title的情况
             if (isNull(tipType) && !this.isEnabled()) {
-                tooltipOpt.text = (this.getWarningTitle() || title);
+                tooltipOpt.text = this.getWarningTitle() || title;
             } else {
-                tooltipOpt.text = tooltipOpt.level === "success" ? title : (this.getWarningTitle() || title);
+                tooltipOpt.text = tooltipOpt.level === "success" ? title : this.getWarningTitle() || title;
             }
         }
+
         return tooltipOpt;
     }
 
@@ -117,7 +118,7 @@ export class Single extends Widget {
         opt || (opt = {});
         let delayingTooltips;
         if (!this._hoverBinded) {
-            this.element.unbind("mouseenter.title").on("mouseenter.title", (e) => {
+            this.element.unbind("mouseenter.title").on("mouseenter.title", e => {
                 this._e = e;
                 this.mouseOver = true;
                 if (this.getTipType() === "warning" || (isKey(this.getWarningTitle()) && !this.isEnabled())) {
@@ -136,7 +137,7 @@ export class Single extends Widget {
                     }, 500);
                 }
             });
-            this.element.unbind("mousemove.title").on("mousemove.title", (e) => {
+            this.element.unbind("mousemove.title").on("mousemove.title", e => {
                 this._e = e;
                 if (isNotNull(this.showTimeout)) {
                     clearTimeout(this.showTimeout);
@@ -165,7 +166,7 @@ export class Single extends Widget {
                     }
                 }, 500);
             });
-            this.element.unbind("mouseleave.title").on("mouseleave.title", (e) => {
+            this.element.unbind("mouseleave.title").on("mouseleave.title", e => {
                 this._e = null;
                 this.mouseOver = false;
                 this._clearTimeOut();
@@ -179,9 +180,7 @@ export class Single extends Widget {
         // 取消hover事件
         this._clearTimeOut();
         this._hideTooltip();
-        this.element.unbind("mouseenter.title")
+        this.element.unbind("mouseenter.title").unbind("mousemove.title").unbind("mouseleave.title");
-            .unbind("mousemove.title")
-            .unbind("mouseleave.title");
         this._hoverBinded = false;
     }
 

src/base/single/1.text.js

@@ -1,10 +1,11 @@
+import { Layout, DefaultLayout, shortcut } from "@/core";
+import { Single } from "./0.single";
+
 /**
  * guy 表示一行数据，通过position来定位位置的数据
  * @class BI.Text
  * @extends BI.Single
  */
-import { shortcut } from "../../core";
-import { Single } from "./0.single";
 
 @shortcut()
 export class Text extends Single {
@@ -24,10 +25,29 @@ export class Text extends Single {
         bgap: 0,
         py: "",
         highLight: false,
-    }
+    };
 
     render() {
-        const { vgap, hgap, lgap, rgap, tgap, bgap, height, lineHeight, maxWidth, textAlign, whiteSpace, handler, disabled, invalid, text: optionsText, value, keyword, highLight } = this.options;
+        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(hgap + lgap),
@@ -58,21 +78,21 @@ export class Text extends Single {
             this.element.css({ maxWidth: BI.pixFormat(maxWidth) });
         }
         this.element.css({
-            textAlign: textAlign,
+            textAlign,
             whiteSpace: this._getTextWrap(),
             textOverflow: whiteSpace === "nowrap" ? "ellipsis" : "",
-            overflow: whiteSpace === "nowrap" ? "" : (BI.isWidthOrHeight(height) ? "auto" : ""),
+            overflow: whiteSpace === "nowrap" ? "" : BI.isWidthOrHeight(height) ? "auto" : "",
         });
         if (handler && handler !== BI.emptyFn) {
             this.text = BI.createWidget({
-                type: "bi.layout",
+                type: Layout.xtype,
                 tagName: "span",
             });
-            this.text.element.click((e) => { 
+            this.text.element.click(e => {
                 !disabled && !invalid && handler.call(this, this.getValue(), this, e);
             });
             BI.createWidget({
-                type: "bi.default",
+                type: DefaultLayout.xtype,
                 element: this,
                 items: [this.text],
             });
@@ -80,9 +100,11 @@ export class Text extends Single {
             this.text = this;
         }
 
-        const text = BI.isFunction(optionsText) ? this.__watch(optionsText, (context, newValue) => {
+        const text = BI.isFunction(optionsText)
+            ? this.__watch(optionsText, (context, newValue) => {
                 this.setText(newValue);
-        }) : optionsText;
+            })
+            : optionsText;
         // 只要不是undefined就可以显示text值，否则显示value
         if (!BI.isUndefined(text)) {
             this.setText(text);
@@ -113,7 +135,7 @@ export class Text extends Single {
         const { text: optionsText } = this.options;
         const text = BI.isFunction(optionsText) ? optionsText() : optionsText;
 
-        return BI.isKey(text) ? Text.formatText(text + "") : text;
+        return BI.isKey(text) ? Text.formatText(`${text}`) : text;
     }
 
     _doRedMark(keyword) {
@@ -162,10 +184,10 @@ export class Text extends Single {
 }
 
 const formatters = [];
-Text.addTextFormatter = (formatter) => {
+Text.addTextFormatter = formatter => {
     formatters.push(formatter);
 };
-Text.formatText = (text) => {
+Text.formatText = text => {
     if (formatters.length > 0) {
         for (let i = 0; i < formatters.length; i++) {
             text = formatters[i](text);

src/base/single/a/a.js

@@ -1,3 +1,6 @@
+import { Text } from "../1.text";
+import { shortcut, extend, createWidget } from "@/core";
+
 /**
  * 超链接
  *
@@ -6,8 +9,7 @@
  * @extends BI.Text
  * @abstract
  */
-import { shortcut, extend, createWidget } from "../../../core";
+
-import { Text } from "../1.text";
 @shortcut()
 export class A extends Text {
     static xtype = "bi.a";

src/base/single/bar/bar.loading.js

@@ -1,4 +1,5 @@
-import { shortcut, emptyFn } from "@/core";
+import { TextButton } from "../button";
+import { Layout, CenterAdaptLayout, CardLayout, shortcut, emptyFn } from "@/core";
 import { Single } from "../0.single";
 
 @shortcut()
@@ -18,7 +19,7 @@ export class LoadingBar extends Single {
 
     render() {
         this.loaded = BI.createWidget({
-            type: "bi.text_button",
+            type: TextButton.xtype,
             cls: "loading-text bi-list-item-simple",
             text: BI.i18nText("BI-Load_More"),
             width: 120,
@@ -29,27 +30,28 @@ export class LoadingBar extends Single {
         });
 
         this.loading = BI.createWidget({
-            type: "bi.layout",
+            type: Layout.xtype,
             width: this.options.height,
             height: this.options.height,
             cls: "loading-background cursor-default",
         });
         const loaded = BI.createWidget({
-            type: "bi.center_adapt",
+            type: CenterAdaptLayout.xtype,
             items: [this.loaded],
         });
         const loading = BI.createWidget({
-            type: "bi.center_adapt",
+            type: CenterAdaptLayout.xtype,
             items: [this.loading],
         });
         this.cardLayout = BI.createWidget({
-            type: "bi.card",
+            type: CardLayout.xtype,
             element: this,
             items: [
                 {
                     el: loaded,
                     cardName: "loaded",
-                }, {
+                },
+                {
                     el: loading,
                     cardName: "loading",
                 }
@@ -80,4 +82,3 @@ export class LoadingBar extends Single {
         this.cardLayout.showCardByName("loading");
     }
 }
-

src/base/single/button/button.basic.js

@@ -1,5 +1,17 @@
+import {
+    Layout,
+    AbsoluteLayout,
+    emptyFn,
+    shortcut,
+    extend,
+    isFunction,
+    createWidget,
+    Widget,
+    isObject,
+    Controller
+} from "@/core";
+import { BubbleCombo } from "@/case/combo/bubblecombo/combo.bubble";
 import { Single } from "../0.single";
-import { emptyFn, shortcut, extend, isFunction, createWidget, Widget, isObject, Controller } from "../../../core";
 
 /**
  * guy
@@ -18,7 +30,9 @@ export class BasicButton extends Single {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            _baseCls: `${conf._baseCls || ""} bi-basic-button${conf.invalid ? "" : " cursor-pointer"}${(BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""}`,
+            _baseCls: `${conf._baseCls || ""} bi-basic-button${conf.invalid ? "" : " cursor-pointer"}${
+                BI.isIE() && BI.getIEVersion() < 10 ? " hack" : ""
+            }`,
             // el: {} // 可以通过el来创建button元素
             value: "",
             stopEvent: false,
@@ -40,9 +54,11 @@ export class BasicButton extends Single {
 
     _init() {
         const opts = this.options;
-        opts.selected = isFunction(opts.selected) ? this.__watch(opts.selected, (context, newValue) => {
+        opts.selected = isFunction(opts.selected)
+            ? this.__watch(opts.selected, (context, newValue) => {
                   this.setSelected(newValue);
-        }) : opts.selected;
+              })
+            : opts.selected;
         super._init(arguments);
 
         if (opts.shadow) {
@@ -75,20 +91,22 @@ export class BasicButton extends Single {
         const assertMask = () => {
             if (!this.$mask) {
                 this.$mask = createWidget(isObject(o.shadow) ? o.shadow : {}, {
-                    type: "bi.layout",
+                    type: Layout.xtype,
                     cls: "bi-button-mask",
                 });
                 this.$mask.invisible();
                 createWidget({
-                    type: "bi.absolute",
+                    type: AbsoluteLayout.xtype,
                     element: this,
-                    items: [{
+                    items: [
+                        {
                             el: this.$mask,
                             left: 0,
                             right: 0,
                             top: 0,
                             bottom: 0,
-                    }],
+                        },
+                    ],
                 });
             }
         };
@@ -99,7 +117,7 @@ export class BasicButton extends Single {
                 this.$mask.invisible();
             }
         });
-        this.element.on(`mouseenter.${this.getName()}`, e => {
+        this.element.on(`mouseenter.${this.getName()}`, (e) => {
             if (this.element.__isMouseInBounds__(e)) {
                 if (this.isEnabled() && !this._hover && (o.isShadowShowingOnSelected || !this.isSelected())) {
                     assertMask();
@@ -107,7 +125,7 @@ export class BasicButton extends Single {
                 }
             }
         });
-        this.element.on(`mousemove.${this.getName()}`, e => {
+        this.element.on(`mousemove.${this.getName()}`, (e) => {
             if (!this.element.__isMouseInBounds__(e)) {
                 if (this.isEnabled() && !this._hover) {
                     assertMask();
@@ -140,7 +158,7 @@ export class BasicButton extends Single {
             return bubble;
         };
 
-        const clk = e => {
+        const clk = (e) => {
             ev(e);
             if (!this.isEnabled() || !this.isValid()) {
                 return;
@@ -152,28 +170,30 @@ export class BasicButton extends Single {
                 if (BI.isNull(this.combo)) {
                     let popup;
                     createWidget({
-                        type: "bi.absolute",
+                        type: AbsoluteLayout.xtype,
                         element: this,
-                        items: [{
+                        items: [
+                            {
                                 el: {
-                                type: "bi.bubble_combo",
+                                    type: BubbleCombo.xtype,
                                     trigger: "",
                                     // bubble的提示不需要一直存在在界面上
                                     destroyWhenHide: true,
-                                ref: _ref => {
+                                    ref: (_ref) => {
                                         this.combo = _ref;
                                     },
                                     el: {
-                                    type: "bi.layout",
+                                        type: Layout.xtype,
                                         height: "100%",
                                     },
                                     popup: {
                                         type: "bi.text_bubble_bar_popup_view",
                                         text: getBubble(),
-                                    ref: _ref => {
+                                        ref: (_ref) => {
                                             popup = _ref;
                                         },
-                                    listeners: [{
+                                        listeners: [
+                                            {
                                                 eventName: BI.BubblePopupBarView.EVENT_CLICK_TOOLBAR_BUTTON,
                                                 action: (...args) => {
                                                     const [v] = args;
@@ -182,20 +202,24 @@ export class BasicButton extends Single {
                                                         onClick.apply(this, args);
                                                     }
                                                 },
-                                    }],
                                             },
-                                listeners: [{
+                                        ],
-                                    eventName: BI.BubbleCombo.EVENT_BEFORE_POPUPVIEW,
+                                    },
-                                    action () {
+                                    listeners: [
+                                        {
+                                            eventName: BubbleCombo.EVENT_BEFORE_POPUPVIEW,
+                                            action() {
                                                 popup.populate(getBubble());
                                             },
-                                }],
+                                        },
+                                    ],
                                 },
                                 left: 0,
                                 right: 0,
                                 bottom: 0,
                                 top: 0,
-                        }],
+                            },
+                        ],
                     });
                 }
                 if (this.combo.isViewVisible()) {
@@ -209,10 +233,8 @@ export class BasicButton extends Single {
             onClick.apply(this, arguments);
         };
 
-
-
         const triggerArr = (o.trigger || "").split(",");
-        triggerArr.forEach(trigger => {
+        triggerArr.forEach((trigger) => {
             let mouseDown = false;
             let selected = false;
             let interval;
@@ -221,7 +243,7 @@ export class BasicButton extends Single {
                     hand.mousedown(() => {
                         mouseDown = true;
                     });
-                hand.mouseup(e => {
+                    hand.mouseup((e) => {
                         if (mouseDown === true) {
                             clk(e);
                         }
@@ -231,11 +253,16 @@ export class BasicButton extends Single {
                     break;
                 case "mousedown":
                     // let mouseDown = false;
-                hand.mousedown(e => {
+                    hand.mousedown((e) => {
                         // if (e.button === 0) {
-                    Widget._renderEngine.createElement(document).bind(`mouseup.${this.getName()}`, e => {
+                        Widget._renderEngine.createElement(document).bind(`mouseup.${this.getName()}`, (e) => {
                             // if (e.button === 0) {
-                        if (BI.DOM.isExist(this) && !hand.__isMouseInBounds__(e) && mouseDown === true && !selected) {
+                            if (
+                                BI.DOM.isExist(this) &&
+                                !hand.__isMouseInBounds__(e) &&
+                                mouseDown === true &&
+                                !selected
+                            ) {
                                 // self.setSelected(!self.isSelected());
                                 this._trigger();
                             }
@@ -255,7 +282,7 @@ export class BasicButton extends Single {
                         ev(e);
                         // }
                     });
-                hand.mouseup(e => {
+                    hand.mouseup((e) => {
                         // if (e.button === 0) {
                         if (BI.DOM.isExist(this) && mouseDown === true && selected === true) {
                             clk(e);
@@ -270,7 +297,7 @@ export class BasicButton extends Single {
                     hand.dblclick(clk);
                     break;
                 case "lclick":
-                hand.mousedown(e => {
+                    hand.mousedown((e) => {
                         Widget._renderEngine.createElement(document).bind(`mouseup.${this.getName()}`, () => {
                             interval && clearInterval(interval);
                             interval = null;
@@ -295,13 +322,15 @@ export class BasicButton extends Single {
                     break;
                 default:
                     if (o.stopEvent || o.stopPropagation) {
-                    hand.mousedown(e => {
+                        hand.mousedown((e) => {
                             ev(e);
                         });
                     }
                     hand.click(clk);
                     // enter键等同于点击
-                o.attributes && o.attributes.zIndex >= 0 && hand.keyup(e => {
+                    o.attributes &&
+                        o.attributes.zIndex >= 0 &&
+                        hand.keyup((e) => {
                             if (e.keyCode === BI.KeyCode.ENTER) {
                                 clk(e);
                             }
@@ -311,10 +340,12 @@ export class BasicButton extends Single {
         });
 
         // 之后的300ms点击无效
-        const onClick = o.debounce ? BI.debounce(this._doClick, BI.EVENT_RESPONSE_TIME, {
+        const onClick = o.debounce
+            ? BI.debounce(this._doClick, BI.EVENT_RESPONSE_TIME, {
                   leading: true,
                   trailing: false,
-        }) : this._doClick;
+              })
+            : this._doClick;
 
         function ev(e) {
             if (o.stopEvent) {
@@ -332,9 +363,11 @@ export class BasicButton extends Single {
             return;
         }
         if (!this.isDisableSelected()) {
-            this.isForceSelected() ? this.setSelected(true) :
+            this.isForceSelected()
-                (this.isForceNotSelected() ? this.setSelected(false) :
+                ? this.setSelected(true)
-                    this.setSelected(!this.isSelected()));
+                : this.isForceNotSelected()
+                ? this.setSelected(false)
+                : this.setSelected(!this.isSelected());
         }
         if (this.isValid()) {
             const v = this.getValue();
@@ -367,13 +400,9 @@ export class BasicButton extends Single {
     /**
      * 子类可以得写这个方法，如果返回为 true，则可以阻止 handler 的触发
      */
-    beforeClick() {
+    beforeClick() {}
 
-    }
+    doClick() {}
-
-    doClick() {
-
-    }
 
     handle() {
         return this;
@@ -457,5 +486,3 @@ export class BasicButton extends Single {
         super.empty(...arguments);
     }
 }
-
-

src/base/single/button/button.node.js

@@ -1,5 +1,5 @@
 import { BasicButton } from "./button.basic";
-import { shortcut, extend, Controller } from "../../../core";
+import { shortcut, extend, Controller } from "@/core";
 
 /**
  * 表示一个可以展开的节点, 不仅有选中状态而且有展开状态

src/base/single/button/buttons/button.icon.js

@@ -1,5 +1,6 @@
+import { Icon } from "../../icon/icon";
+import { DefaultLayout, CenterAdaptLayout, shortcut, extend, isNumber, createWidget, isNull } from "@/core";
 import { BasicButton } from "../button.basic";
-import { shortcut, extend, isNumber, createWidget, isNull } from "../../../../core";
 
 /**
  * @class IconButton
@@ -33,14 +34,14 @@ export class IconButton extends BasicButton {
             textAlign: "center",
         });
         this.icon = createWidget({
-            type: "bi.icon",
+            type: Icon.xtype,
             width: o.iconWidth,
             height: o.iconHeight,
         });
         if (isNumber(o.height) && o.height > 0 && isNull(o.iconWidth) && isNull(o.iconHeight)) {
             this.element.css("lineHeight", BI.pixFormat(o.height));
             createWidget({
-                type: "bi.default",
+                type: DefaultLayout.xtype,
                 element: this,
                 hgap: o.hgap,
                 vgap: o.vgap,
@@ -54,7 +55,7 @@ export class IconButton extends BasicButton {
             this.element.css("lineHeight", "1");
             createWidget({
                 element: this,
-                type: "bi.center_adapt",
+                type: CenterAdaptLayout.xtype,
                 hgap: o.hgap,
                 vgap: o.vgap,
                 lgap: o.lgap,

src/base/single/button/buttons/button.image.js

@@ -1,6 +1,6 @@
+import { Img } from "../../img/img";
+import { CenterAdaptLayout, AdaptiveLayout, shortcut, extend, isNumber, createWidget } from "@/core";
 import { BasicButton } from "../button.basic";
-import { shortcut, extend, isNumber, createWidget } from "../../../../core";
-
 
 /**
  * 图片的button
@@ -28,20 +28,20 @@ export class ImageButton extends BasicButton {
     render() {
         const o = this.options;
         this.image = createWidget({
-            type: "bi.img",
+            type: Img.xtype,
             width: o.iconWidth,
             height: o.iconHeight,
             src: o.src,
         });
         if (isNumber(o.iconWidth) || isNumber(o.iconHeight)) {
             createWidget({
-                type: "bi.center_adapt",
+                type: CenterAdaptLayout.xtype,
                 element: this,
                 items: [this.image],
             });
         } else {
             createWidget({
-                type: "bi.adaptive",
+                type: AdaptiveLayout.xtype,
                 element: this,
                 items: [this.image],
                 scrollable: false,

src/base/single/button/buttons/button.js

@@ -1,5 +1,6 @@
+import { CenterAdaptLayout, isNumber, shortcut, isPlainObject, createWidget } from "@/core";
+import { Label, IconLabel } from "../../label";
 import { BasicButton } from "../button.basic";
-import { isNumber, shortcut, isPlainObject, createWidget } from "../../../../core";
 
 function isVertical(position) {
     return position === "top" || position === "bottom";
@@ -19,7 +20,7 @@ const loadingCls = "button-loading-font anim-rotate";
 export class Button extends BasicButton {
     _const = {
         iconWidth: 18,
-    }
+    };
 
     static xtype = "bi.button";
     static EVENT_CHANGE = "EVENT_CHANGE";
@@ -34,14 +35,14 @@ export class Button extends BasicButton {
             adaptiveHeight += props.iconGap || 0;
             const tGap = props.tgap || props.vgap || 2;
             const bGap = props.bgap || props.vgap || 2;
-            adaptiveHeight += (tGap + bGap);
+            adaptiveHeight += tGap + bGap;
         }
 
         const clearMinWidth = props.block === true || props.clear === true || props.plain;
 
         return {
             ...conf,
-            baseCls: `${conf.baseCls || ""} bi-button${(BI.isIE() && BI.isIE9Below()) ? " hack" : ""}`,
+            baseCls: `${conf.baseCls || ""} bi-button${BI.isIE() && BI.isIE9Below() ? " hack" : ""}`,
             attributes: {
                 tabIndex: 1,
             },
@@ -62,7 +63,7 @@ export class Button extends BasicButton {
             whiteSpace: "nowrap",
             textWidth: null,
             textHeight: null,
-            hgap: props.clear ? 0 : (props.plain && !props.text ? 4 : 10),
+            hgap: props.clear ? 0 : props.plain && !props.text ? 4 : 10,
             vgap: 0,
             tgap: 0,
             bgap: 0,
@@ -79,7 +80,7 @@ export class Button extends BasicButton {
 
         // bi.center_adapt 作用：让 hgap 不影响 iconGap。
         createWidget({
-            type: "bi.center_adapt",
+            type: CenterAdaptLayout.xtype,
             horizontalAlign: o.textAlign,
             element: this,
             ref: ref => {
@@ -107,7 +108,8 @@ export class Button extends BasicButton {
         const o = this.options;
 
         // 由于button默认情况下有个边框，所以要主动算行高
-        let lineHeight, textHeight = o.textHeight;
+        let lineHeight,
+            textHeight = o.textHeight;
         let hasBorder = false;
         if (isNumber(o.height)) {
             if (!isVertical(o.iconPosition)) {
@@ -128,13 +130,13 @@ export class Button extends BasicButton {
         const iconInvisible = !(o.loading || o.iconCls || o.icon || defaultRenderIcon);
 
         let maxTextWidth = Math.max(o.minWidth, o.width);
-        maxTextWidth -= (o.hgap * 2 + o.iconGap);
+        maxTextWidth -= o.hgap * 2 + o.iconGap;
         // 减去图标水平占位宽度
         maxTextWidth -= iconInvisible || isVertical(o.iconPosition) ? 0 : this._const.iconWidth;
         const textWidth = BI.isNull(o.textWidth) ? maxTextWidth : Math.min(o.textWidth, maxTextWidth);
 
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             text: o.text,
             whiteSpace: o.whiteSpace,
             textAlign: o.textAlign,
@@ -155,8 +157,8 @@ export class Button extends BasicButton {
             this.icon = createWidget(o.icon);
         } else {
             this.icon = createWidget({
-                type: "bi.icon_label",
+                type: IconLabel.xtype,
-                cls: o.loading ? loadingCls : (o.iconCls || o.icon),
+                cls: o.loading ? loadingCls : o.iconCls || o.icon,
                 width: this._const.iconWidth,
                 height: BI.toPix(lineHeight, hasBorder ? 2 : 0),
                 lineHeight: BI.toPix(lineHeight, hasBorder ? 2 : 0),
@@ -179,12 +181,14 @@ export class Button extends BasicButton {
             items.reverse();
         }
 
-        return [{
+        return [
+            {
                 type: isVertical(o.iconPosition) ? "bi.vertical" : "bi.horizontal",
                 horizontalAlign: "center",
                 verticalAlign: "middle",
                 items,
-        }];
+            }
+        ];
     }
 
     doClick() {
@@ -272,4 +276,3 @@ export class Button extends BasicButton {
         this.text.unHighLight(...arguments);
     }
 }
-

src/base/single/button/buttons/button.text.js

@@ -1,5 +1,6 @@
+import { Label } from "../../label";
 import { BasicButton } from "../button.basic";
-import { shortcut, extend, createWidget, isArray } from "../../../../core";
+import { shortcut, extend, createWidget, isArray } from "@/core";
 
 /**
  * guy
@@ -33,7 +34,7 @@ export class TextButton extends BasicButton {
     render() {
         const o = this.options;
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             element: this,
             textAlign: o.textAlign,
             whiteSpace: o.whiteSpace,

src/base/single/button/listitem/blankiconicontextitem.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, Layout, shortcut, extend } from "@/core";
+import { IconLabel, Label } from "../../label";
 import { BasicButton } from "../button.basic";
-import { shortcut, extend } from "../../../../core";
 
 /**
  * 带有一个占位
@@ -34,28 +35,32 @@ export class BlankIconIconTextItem extends BasicButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.blankWidth, o.leftIconWrapperWidth || o.height, o.rightIconWrapperWidth || o.height, "fill"],
-            items: [{
+            items: [
-                type: "bi.layout",
+                {
+                    type: Layout.xtype,
                     width: o.blankWidth,
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls1,
                     width: o.leftIconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls2,
                     width: o.rightIconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -69,7 +74,8 @@ export class BlankIconIconTextItem extends BasicButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }],
+                }
+            ],
         };
     }
 

src/base/single/button/listitem/blankicontexticonitem.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, Layout, shortcut, extend } from "@/core";
+import { IconLabel, Label } from "../../label";
 import { BasicButton } from "../button.basic";
-import { shortcut, extend } from "../../../../core";
 
 /**
  * guy
@@ -35,21 +36,24 @@ export class BlankIconTextIconItem extends BasicButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.blankWidth, o.leftIconWrapperWidth || o.height, "fill", o.rightIconWrapperWidth || o.height],
-            items: [{
+            items: [
-                type: "bi.layout",
+                {
+                    type: Layout.xtype,
                     width: o.blankWidth,
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls1,
                     width: o.leftIconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -63,14 +67,16 @@ export class BlankIconTextIconItem extends BasicButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls2,
                     width: o.rightIconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }],
+                }
+            ],
         };
     }
 
@@ -115,4 +121,3 @@ export class BlankIconTextIconItem extends BasicButton {
         return this.text.getText();
     }
 }
-

src/base/single/button/listitem/blankicontextitem.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, Layout, extend, shortcut } from "@/core";
+import { IconLabel, Label } from "../../label";
 import { BasicButton } from "../button.basic";
-import { extend, shortcut } from "../../../../core";
 
 /**
  * 带有一个占位
@@ -33,21 +34,24 @@ export class BlankIconTextItem extends BasicButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.blankWidth, o.iconWrapperWidth || o.height, "fill"],
-            items: [{
+            items: [
-                type: "bi.layout",
+                {
+                    type: Layout.xtype,
                     width: o.blankWidth,
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls,
                     width: o.iconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -62,7 +66,8 @@ export class BlankIconTextItem extends BasicButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }],
+                }
+            ],
         };
     }
 

src/base/single/button/listitem/icontexticonitem.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, extend, shortcut } from "@/core";
+import { IconLabel, Label } from "../../label";
 import { BasicButton } from "../button.basic";
-import { extend, shortcut } from "../../../../core";
 
 /**
  * guy
@@ -35,18 +36,20 @@ export class IconTextIconItem extends BasicButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.leftIconWrapperWidth || o.height, "fill", o.rightIconWrapperWidth || o.height],
-            items: [{
+            items: [
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls1,
                     width: o.leftIconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -60,14 +63,16 @@ export class IconTextIconItem extends BasicButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls2,
                     width: o.rightIconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }],
+                }
+            ],
         };
     }
 

src/base/single/button/listitem/icontextitem.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, extend, shortcut } from "@/core";
+import { IconLabel, Label } from "../../label";
 import { BasicButton } from "../button.basic";
-import { extend, shortcut } from "../../../../core";
 
 /**
  * guy
@@ -34,18 +35,20 @@ export class IconTextItem extends BasicButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.iconWrapperWidth || o.height, "fill"],
-            items: [{
+            items: [
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls,
                     width: o.iconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -60,7 +63,8 @@ export class IconTextItem extends BasicButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }],
+                }
+            ],
         };
     }
 

src/base/single/button/listitem/texticonitem.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, extend, shortcut } from "@/core";
+import { Label, IconLabel } from "../../label";
 import { BasicButton } from "../button.basic";
-import { extend, shortcut } from "../../../../core";
 
 /**
  *
@@ -12,7 +13,7 @@ import { extend, shortcut } from "../../../../core";
 @shortcut()
 export class TextIconItem extends BasicButton {
     static xtype = "bi.text_icon_item";
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -34,11 +35,12 @@ export class TextIconItem extends BasicButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: ["fill", o.iconWrapperWidth || o.height],
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -53,14 +55,16 @@ export class TextIconItem extends BasicButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls,
                     width: o.iconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }],
+                }
+            ],
         };
     }
 

src/base/single/button/listitem/textitem.js

@@ -1,5 +1,6 @@
+import { Label } from "../../label";
 import { BasicButton } from "../button.basic";
-import { extend, shortcut, createWidget } from "../../../../core";
+import { extend, shortcut, createWidget } from "@/core";
 
 /**
  * guy
@@ -31,7 +32,7 @@ export class TextItem extends BasicButton {
     render() {
         const o = this.options;
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             element: this,
             textAlign: o.textAlign,
             whiteSpace: o.whiteSpace,

src/base/single/button/node/icontexticonnode.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, extend, shortcut } from "@/core";
+import { IconLabel, Label } from "../../label";
 import { NodeButton } from "../button.node";
-import { extend, shortcut } from "../../../../core";
 
 /**
  * guy
@@ -32,18 +33,20 @@ export class IconTextIconNode extends NodeButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.leftIconWrapperWidth || o.height, "fill", o.rightIconWrapperWidth || o.height],
-            items: [{
+            items: [
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls1,
                     width: o.leftIconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -57,14 +60,16 @@ export class IconTextIconNode extends NodeButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls2,
                     width: o.rightIconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }],
+                }
+            ],
         };
     }
 

src/base/single/button/node/icontextnode.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, extend, shortcut } from "@/core";
+import { IconLabel, Label } from "../../label";
 import { NodeButton } from "../button.node";
-import { extend, shortcut } from "../../../../core";
 
 /**
  * guy
@@ -31,18 +32,20 @@ export class IconTextNode extends NodeButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.iconWrapperWidth || o.height, "fill"],
-            items: [{
+            items: [
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls,
                     width: o.iconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -57,7 +60,8 @@ export class IconTextNode extends NodeButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }],
+                }
+            ],
         };
     }
 
@@ -94,4 +98,3 @@ export class IconTextNode extends NodeButton {
         this.text.unRedMark(...arguments);
     }
 }
-

src/base/single/button/node/texticonnode.js

@@ -1,5 +1,6 @@
+import { VerticalAdaptLayout, extend, shortcut } from "@/core";
+import { Label, IconLabel } from "../../label";
 import { NodeButton } from "../button.node";
-import { extend, shortcut } from "../../../../core";
 
 /**
  * Created by GUY on 2015/9/9.
@@ -8,7 +9,6 @@ import { extend, shortcut } from "../../../../core";
  */
 @shortcut()
 export class TextIconNode extends NodeButton {
-
     static EVENT_CHANGE = "EVENT_CHANGE";
     static xtype = "bi.text_icon_node";
 
@@ -31,11 +31,12 @@ export class TextIconNode extends NodeButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: ["fill", o.iconWrapperWidth || o.height],
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.text = _ref;
                         },
@@ -50,14 +51,16 @@ export class TextIconNode extends NodeButton {
                         keyword: o.keyword,
                         height: o.height,
                     },
-            }, {
+                },
-                type: "bi.icon_label",
+                {
+                    type: IconLabel.xtype,
                     cls: o.iconCls,
                     width: o.iconWrapperWidth || o.height,
                     height: o.height,
                     iconWidth: o.iconWidth,
                     iconHeight: o.iconHeight,
-            }],
+                }
+            ],
         };
     }
 

src/base/single/button/node/textnode.js

@@ -1,5 +1,6 @@
+import { Label } from "../../label";
 import { NodeButton } from "../button.node";
-import { extend, shortcut, createWidget } from "../../../../core";
+import { extend, shortcut, createWidget } from "@/core";
 
 /**
  * guy
@@ -10,10 +11,9 @@ import { extend, shortcut, createWidget } from "../../../../core";
  */
 @shortcut()
 export class TextNode extends NodeButton {
-    static xtype = "bi.text_node"
+    static xtype = "bi.text_node";
-
-    static EVENT_CHANGE = "EVENT_CHANGE"
 
+    static EVENT_CHANGE = "EVENT_CHANGE";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -32,7 +32,7 @@ export class TextNode extends NodeButton {
     render() {
         const o = this.options;
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             element: this,
             textAlign: o.textAlign,
             whiteSpace: o.whiteSpace,

src/base/single/editor/editor.js

@@ -1,12 +1,25 @@
+import { Input } from "../input";
+import {
+    AbsoluteLayout,
+    shortcut,
+    Controller,
+    extend,
+    createWidget,
+    isKey,
+    isEmptyString,
+    isFunction,
+    isNull,
+    trim
+} from "@/core";
+import { Label } from "../label";
+import { Single } from "../0.single";
+import { Bubbles } from "@/base";
+
 /**
  * Created by GUY on 2015/4/15.
  * @class BI.Editor
  * @extends BI.Single
  */
-import { shortcut, Controller, extend, createWidget, isKey, isEmptyString, isFunction, isNull, trim } from "../../../core";
-import { Single } from "../0.single";
-import { Input } from "../input/input";
-import { Bubbles } from "../../0.base";
 
 @shortcut()
 export class Editor extends Single {
@@ -57,11 +70,25 @@ export class Editor extends Single {
     }
 
     render() {
-        const { value, watermark, validationChecker, quitChecker, allowBlank, inputType, hgap, vgap, lgap, rgap, tgap, bgap } = this.options;
+        const {
+            value,
+            watermark,
+            validationChecker,
+            quitChecker,
+            allowBlank,
+            inputType,
+            hgap,
+            vgap,
+            lgap,
+            rgap,
+            tgap,
+            bgap,
+        } = this.options;
         // 密码输入框设置autocomplete="new-password"的情况下Firefox和chrome不会自动填充密码
         const autocomplete = this.options.autocomplete ? ` autocomplete=${this.options.autocomplete}` : "";
-        this.editor = this.addWidget(createWidget({
+        this.editor = this.addWidget(
-            type: "bi.input",
+            createWidget({
+                type: Input.xtype,
                 element: `<input type='${inputType}'${autocomplete} />`,
                 root: true,
                 value,
@@ -69,7 +96,8 @@ export class Editor extends Single {
                 validationChecker,
                 quitChecker,
                 allowBlank,
-        }));
+            })
+        );
         this.editor.element.css({
             width: "100%",
             height: "100%",
@@ -82,7 +110,7 @@ export class Editor extends Single {
         const items = [
             {
                 el: {
-                    type: "bi.absolute",
+                    type: AbsoluteLayout.xtype,
                     ref: _ref => {
                         this.contentWrapper = _ref;
                     },
@@ -104,7 +132,7 @@ export class Editor extends Single {
         ];
 
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
             items,
         });
@@ -157,7 +185,8 @@ export class Editor extends Single {
         this.editor.on(Input.EVENT_RESTRICT, (...args) => {
             this._checkWaterMark();
             const tip = this._setErrorVisible(true);
-            tip && tip.element.fadeOut(100, () => {
+            tip &&
+                tip.element.fadeOut(100, () => {
                     tip.element.fadeIn(100);
                 });
             this.fireEvent(Editor.EVENT_RESTRICT, ...args);
@@ -224,7 +253,7 @@ export class Editor extends Single {
         const { height, vgap, tgap } = this.options;
         if (isNull(this.watermark)) {
             this.watermark = createWidget({
-                type: "bi.label",
+                type: Label.xtype,
                 cls: "bi-water-mark",
                 text: this.options.watermark,
                 height: height - 2 * vgap - tgap,
@@ -281,7 +310,7 @@ export class Editor extends Single {
         if (isNull(this.watermark)) {
             this._assertWaterMark();
             createWidget({
-                type: "bi.absolute",
+                type: AbsoluteLayout.xtype,
                 element: this.contentWrapper,
                 items: [
                     {

src/base/single/editor/editor.multifile.js

@@ -1,3 +1,6 @@
+import { File } from "../input";
+import { AbsoluteLayout, AdaptiveLayout, shortcut, Widget, createWidget, extend } from "@/core";
+
 /**
  * 多文件
  *
@@ -6,8 +9,6 @@
  * @extends BI.Single
  * @abstract
  */
-import { shortcut, Widget, createWidget, extend } from "../../../core";
-import { File } from "../input/file";
 
 @shortcut()
 export class MultifileEditor extends Widget {
@@ -23,7 +24,7 @@ export class MultifileEditor extends Widget {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-multifile-editor",
+            baseCls: `${conf.baseCls || ""} bi-multifile-editor`,
             multiple: false,
             maxSize: -1, // 1024 * 1024
             accept: "",
@@ -34,7 +35,7 @@ export class MultifileEditor extends Widget {
     render() {
         const { name, url, multiple, accept, maxSize, maxLength, title, errorText } = this.options;
         this.file = createWidget({
-            type: "bi.file",
+            type: File.xtype,
             cls: "multifile-editor",
             width: "100%",
             height: "100%",
@@ -64,11 +65,12 @@ export class MultifileEditor extends Widget {
         });
 
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.adaptive",
+                        type: AdaptiveLayout.xtype,
                         scrollable: false,
                         items: [this.file],
                     },
@@ -76,7 +78,8 @@ export class MultifileEditor extends Widget {
                     right: 0,
                     left: 0,
                     bottom: 0,
-            }],
+                }
+            ],
         });
     }
 

src/base/single/editor/editor.textarea.js

@@ -1,12 +1,29 @@
+import {
+    Layout,
+    AbsoluteLayout,
+    AdaptiveLayout,
+    shortcut,
+    Widget,
+    Controller,
+    createWidget,
+    extend,
+    isEmptyString,
+    isKey,
+    isNotEmptyString,
+    isNotNull,
+    trim,
+    isFunction
+} from "@/core";
+import { Label } from "../label";
+import { Single } from "../0.single";
+import { Bubbles } from "@/base";
+
 /**
  *
  * Created by GUY on 2016/1/18.
  * @class BI.TextAreaEditor
  * @extends BI.Single
  */
-import { shortcut, Widget, Controller, createWidget, extend, isEmptyString, isKey, isNotEmptyString, isNotNull, trim, isFunction } from "../../../core";
-import { Single } from "../0.single";
-import { Bubbles } from "../../0.base";
 
 @shortcut()
 export class TextAreaEditor extends Single {
@@ -27,9 +44,7 @@ export class TextAreaEditor extends Single {
             adjustYOffset: conf.simple ? 0 : 2,
             adjustXOffset: 0,
             offsetStyle: "left",
-            validationChecker: () => {
+            validationChecker: () => true,
-                return true;
-            },
             scrolly: true,
         });
     }
@@ -37,32 +52,36 @@ export class TextAreaEditor extends Single {
     render() {
         const { scrolly, value, style } = this.options;
         this.content = createWidget({
-            type: "bi.layout",
+            type: Layout.xtype,
             tagName: "textarea",
             width: "100%",
             height: "100%",
             cls: "bi-textarea textarea-editor-content display-block",
-            css: scrolly ? null : {
+            css: scrolly
+                ? null
+                : {
                     overflowY: "hidden",
                 },
         });
         this.content.element.css({ resize: "none" });
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.adaptive",
+                        type: AdaptiveLayout.xtype,
                         items: [this.content],
                     },
                     left: 4,
                     right: 4,
                     top: 2,
                     bottom: 2,
-            }],
+                }
+            ],
         });
 
-        this.content.element.on("input propertychange", (e) => {
+        this.content.element.on("input propertychange", e => {
             this._checkError();
             this._checkWaterMark();
             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.CHANGE, this.getValue(), this);
@@ -76,9 +95,9 @@ export class TextAreaEditor extends Single {
             this._checkError();
             this._focus();
             this.fireEvent(TextAreaEditor.EVENT_FOCUS);
-            Widget._renderEngine.createElement(document).bind("mousedown." + this.getName(), (e) => {
+            Widget._renderEngine.createElement(document).bind(`mousedown.${this.getName()}`, e => {
                 if (BI.DOM.isExist(this) && !this.element.__isMouseInBounds__(e)) {
-                    Widget._renderEngine.createElement(document).unbind("mousedown." + this.getName());
+                    Widget._renderEngine.createElement(document).unbind(`mousedown.${this.getName()}`);
                     this.content.element.blur();
                 }
             });
@@ -90,16 +109,16 @@ export class TextAreaEditor extends Single {
                 this.fireEvent(TextAreaEditor.EVENT_CONFIRM);
             }
             this.fireEvent(TextAreaEditor.EVENT_BLUR);
-            Widget._renderEngine.createElement(document).unbind("mousedown." + this.getName());
+            Widget._renderEngine.createElement(document).unbind(`mousedown.${this.getName()}`);
         });
         this.content.element.keydown(() => {
             // 水印快速消失
             this._checkWaterMark();
         });
-        this.content.element.keyup((e) => {
+        this.content.element.keyup(e => {
             this.fireEvent(TextAreaEditor.EVENT_KEY_DOWN, e.keyCode);
         });
-        this.content.element.click((e) => {
+        this.content.element.click(e => {
             e.stopPropagation();
         });
         if (isKey(value)) {
@@ -121,7 +140,7 @@ export class TextAreaEditor extends Single {
             if (isNotEmptyString(watermark)) {
                 if (!this.watermark) {
                     this.watermark = createWidget({
-                        type: "bi.label",
+                        type: Label.xtype,
                         cls: "bi-water-mark textarea-watermark",
                         textAlign: "left",
                         whiteSpace: scrolly ? "normal" : "nowrap",
@@ -133,7 +152,7 @@ export class TextAreaEditor extends Single {
                         height: height > 24 ? "" : height,
                     });
                     this.watermark.element.bind({
-                        mousedown: (e) => {
+                        mousedown: e => {
                             if (this.isEnabled()) {
                                 this.focus();
                             } else {
@@ -141,19 +160,21 @@ export class TextAreaEditor extends Single {
                             }
                             e.stopEvent();
                         },
-                        click: (e) => {
+                        click: e => {
                             e.stopPropagation();
                         },
                     });
                     createWidget({
-                        type: "bi.absolute",
+                        type: AbsoluteLayout.xtype,
                         element: this,
-                        items: [{
+                        items: [
+                            {
                                 el: this.watermark,
                                 left: 0,
                                 top: 0,
                                 right: 0,
-                        }],
+                            }
+                        ],
                     });
                 } else {
                     this.watermark.setText(watermark);
@@ -232,9 +253,17 @@ export class TextAreaEditor extends Single {
     setStyle(style) {
         this.style = style;
         this.element.css(style);
-        this.content.element.css(extend({}, style, {
+        this.content.element.css(
-            color: style.color || BI.DOM.getContrastColor(BI.DOM.isRGBColor(style.backgroundColor) ? BI.DOM.rgb2hex(style.backgroundColor) : style.backgroundColor),
+            extend({}, style, {
-        }));
+                color:
+                    style.color ||
+                    BI.DOM.getContrastColor(
+                        BI.DOM.isRGBColor(style.backgroundColor)
+                            ? BI.DOM.rgb2hex(style.backgroundColor)
+                            : style.backgroundColor
+                    ),
+            })
+        );
     }
 
     getStyle() {

src/base/single/html/html.js

@@ -1,10 +1,11 @@
+import { Layout, DefaultLayout, shortcut, isNumber, createWidget, isWidthOrHeight, isKey } from "@/core";
+import { Single } from "../0.single";
+
 /**
  * guy 表示一行数据，通过position来定位位置的数据
  * @class BI.Html
  * @extends BI.Single
  */
-import { shortcut, isNumber, createWidget, isWidthOrHeight, isKey } from "../../../core";
-import { Single } from "../0.single";
 
 @shortcut()
 export class Html extends Single {
@@ -24,10 +25,26 @@ export class Html extends Single {
         bgap: 0,
         text: "",
         highLight: false,
-    }
+    };
 
     render() {
-        const { vgap, hgap, lgap, rgap, tgap, bgap, height, lineHeight, maxWidth, textAlign, whiteSpace, handler, text, value, highLight } = this.options;
+        const {
+            vgap,
+            hgap,
+            lgap,
+            rgap,
+            tgap,
+            bgap,
+            height,
+            lineHeight,
+            maxWidth,
+            textAlign,
+            whiteSpace,
+            handler,
+            text,
+            value,
+            highLight,
+        } = this.options;
         if (hgap + lgap > 0) {
             this.element.css({
                 "padding-left": BI.pixFormat(hgap + lgap),
@@ -68,14 +85,14 @@ export class Html extends Single {
         });
         if (handler) {
             this.text = createWidget({
-                type: "bi.layout",
+                type: Layout.xtype,
                 tagName: "span",
             });
             this.text.element.click(() => {
                 handler(this.getValue());
             });
             createWidget({
-                type: "bi.default",
+                type: DefaultLayout.xtype,
                 element: this,
                 items: [this.text],
             });

src/base/single/icon/icon.js

@@ -1,10 +1,11 @@
+import { Single } from "../0.single";
+import { shortcut, extend } from "@/core";
+
 /**
  * guy 图标
  * @class BI.Icon
  * @extends BI.Single
  */
-import { shortcut, extend } from "../../../core";
-import { Single } from "../0.single";
 
 @shortcut()
 export class Icon extends Single {
@@ -15,7 +16,7 @@ export class Icon extends Single {
 
         return extend(conf, {
             tagName: "i",
-            baseCls: (conf.baseCls || "") + " x-icon b-font horizon-center display-block",
+            baseCls: `${conf.baseCls || ""} x-icon b-font horizon-center display-block`,
         });
     }
 

src/base/single/iframe/iframe.js

@@ -1,11 +1,12 @@
+import { Single } from "../0.single";
+import { shortcut, extend } from "@/core";
+
 /**
  * @class Iframe
  * @extends Single
  * @abstract
  * Created by GameJian on 2016/3/2.
  */
-import { shortcut, extend } from "../../../core";
-import { Single } from "../0.single";
 
 @shortcut()
 export class Iframe extends Single {
@@ -13,9 +14,10 @@ export class Iframe extends Single {
 
     _defaultConfig(config) {
         const conf = super._defaultConfig(...arguments);
+
         return extend(conf, {
             tagName: "iframe",
-            baseCls: (conf.baseCls || "") + " bi-iframe",
+            baseCls: `${conf.baseCls || ""} bi-iframe`,
             src: "",
             name: "",
             attributes: {},
@@ -31,13 +33,16 @@ export class Iframe extends Single {
     }
 
     _initProps() {
-        super._initProps(...arguments)
+        super._initProps(...arguments);
         const { src, name } = this.options;
-        this.options.attributes = extend({
+        this.options.attributes = extend(
+            {
                 frameborder: 0,
                 src,
                 name,
-        }, this.options.attributes);
+            },
+            this.options.attributes
+        );
     }
 
     setSrc(src) {

src/base/single/img/img.js

@@ -1,3 +1,6 @@
+import { Single } from "../0.single";
+import { shortcut, extend } from "@/core";
+
 /**
  * ͼƬ
  *
@@ -6,8 +9,6 @@
  * @extends BI.Single
  * @abstract
  */
-import { shortcut, extend } from "../../../core";
-import { Single } from "../0.single";
 
 @shortcut()
 export class Img extends Single {
@@ -18,7 +19,7 @@ export class Img extends Single {
 
         return extend(conf, {
             tagName: "img",
-            baseCls: (conf.baseCls || "") + " bi-img display-block",
+            baseCls: `${conf.baseCls || ""} bi-img display-block`,
             src: "",
             attributes: config.src ? { src: config.src } : {},
             width: "100%",
@@ -27,11 +28,14 @@ export class Img extends Single {
     }
 
     _initProps() {
-        super._initProps(...arguments)
+        super._initProps(...arguments);
         const { src } = this.options;
-        this.options.attributes = extend({
+        this.options.attributes = extend(
+            {
                 src,
-        }, this.options.attributes);
+            },
+            this.options.attributes
+        );
     }
 
     setSrc(src) {

src/base/single/input/checkbox/checkbox.image.js

@@ -1,10 +1,11 @@
+import { IconButton } from "../../button";
+import { shortcut, extend } from "@/core";
+
 /**
  * guy
  * @extends Single
  * @type {*|void|Object}
  */
-import { shortcut, extend } from "../../../../core";
-import { IconButton } from "../../button";
 
 @shortcut()
 export class ImageCheckbox extends IconButton {
@@ -16,7 +17,7 @@ export class ImageCheckbox extends IconButton {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-image-checkbox check-box-icon",
+            baseCls: `${conf.baseCls || ""} bi-image-checkbox check-box-icon`,
             selected: false,
             handler: BI.emptyFn,
             width: 16,

src/base/single/input/checkbox/checkbox.js

@@ -1,10 +1,11 @@
+import { CenterAdaptLayout, DefaultLayout, shortcut } from "@/core";
+import { BasicButton } from "../../button";
+
 /**
  * guy
  * @extends Single
  * @type {*|void|Object}
  */
-import { shortcut } from "../../../../core";
-import { BasicButton } from "../../button";
 
 @shortcut()
 export class Checkbox extends BasicButton {
@@ -20,22 +21,24 @@ export class Checkbox extends BasicButton {
         height: 14,
         iconWidth: 14,
         iconHeight: 14,
-    }
+    };
 
     render() {
         const { iconWidth, iconHeight } = this.options;
 
         return {
-            type: "bi.center_adapt",
+            type: CenterAdaptLayout.xtype,
-            items: [{
+            items: [
-                type: "bi.default",
+                {
-                ref: (_ref) => {
+                    type: DefaultLayout.xtype,
+                    ref: _ref => {
                         this.checkbox = _ref;
                     },
                     cls: "checkbox-content",
                     width: iconWidth,
                     height: iconHeight,
-            }],
+                }
+            ],
         };
     }
 

src/base/single/input/file.js

@@ -1,3 +1,6 @@
+import { Msg } from "../../foundation/message";
+import { shortcut, Widget, some, extend } from "@/core";
+
 /**
  * 文件
  *
@@ -6,27 +9,22 @@
  * @extends BI.Single
  * @abstract
  */
-import { shortcut, Widget, some, extend } from "../../../core";
-import { Msg } from "../../foundation/message";
 
 const document = _global.document || {};
+
 /**
  * @description normalize input.files. create if not present, add item method if not present
  * @param       Object      generated wrap object
  * @return      Object      the wrap object itself
  */
-const F = (((item) => {
+const F = (item => input => {
-    return (input) => {
     const files = input.files || [input];
     if (!files.item) {
         files.item = item;
     }
 
     return files;
-    };
+})(i => this[i]);
-})((i) => {
-    return this[i];
-}));
 
 const event = {
 
@@ -37,14 +35,14 @@ const event = {
      * @param       Function    the callback to associate as event
      * @return      Object      noswfupload.event
      */
-    add: document.addEventListener ?
+    add: document.addEventListener
-        (node, name, callback) => {
+        ? (node, name, callback) => {
             node.addEventListener(name, callback, false);
 
             return this;
-        } :
+        }
-        (node, name, callback) => {
+        : (node, name, callback) => {
-            node.attachEvent("on" + name, callback);
+            node.attachEvent(`on${name}`, callback);
 
             return this;
         },
@@ -56,14 +54,14 @@ const event = {
      * @param       Function    the callback associated as event
      * @return      Object      noswfupload.event
      */
-    del: document.removeEventListener ?
+    del: document.removeEventListener
-        (node, name, callback) => {
+        ? (node, name, callback) => {
             node.removeEventListener(name, callback, false);
 
             return this;
-        } :
+        }
-        (node, name, callback) => {
+        : (node, name, callback) => {
-            node.detachEvent("on" + name, callback);
+            node.detachEvent(`on${name}`, callback);
 
             return this;
         },
@@ -79,34 +77,41 @@ const event = {
                 event.returnValue = !(event.cancelBubble = true);
             }
         } else {
-            e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
+            e.stopPropagation ? e.stopPropagation() : (e.cancelBubble = true);
-            e.preventDefault ? e.preventDefault() : e.returnValue = false;
+            e.preventDefault ? e.preventDefault() : (e.returnValue = false);
         }
 
         return false;
     },
 };
 
-const sendFile = (((toString) => {
+const sendFile = (toString => {
     const split = "onabort.onerror.onloadstart.onprogress".split("."),
         length = split.length,
         CRLF = "\r\n";
-    let xhr = new XMLHttpRequest,
+    let xhr = new XMLHttpRequest(),
         sendFile;
-    const multipart = (boundary, name, file) => {
+    const multipart = (boundary, name, file) =>
-        return "--".concat(
+        "--".concat(
-            boundary, CRLF,
+            boundary,
-            "Content-Disposition: form-data; name=\"", name, "\"; filename=\"", _global.encodeURIComponent(file.fileName), "\"", CRLF,
+            CRLF,
-            "Content-Type: application/octet-stream", CRLF,
+            "Content-Disposition: form-data; name=\"",
+            name,
+            "\"; filename=\"",
+            _global.encodeURIComponent(file.fileName),
+            "\"",
             CRLF,
-            file.getAsBinary(), CRLF,
+            "Content-Type: application/octet-stream",
-            "--", boundary, "--", CRLF
+            CRLF,
+            CRLF,
+            file.getAsBinary(),
+            CRLF,
+            "--",
+            boundary,
+            "--",
+            CRLF
         );
-    }
+    const isFunction = Function => toString.call(Function) === "[object Function]";
-    const isFunction = (Function) => {
-        return toString.call(Function) === "[object Function]";
-    }
-
 
     // FireFox 3+, Safari 4 beta (Chrome 2 beta file is buggy and will not work)
     if (xhr.upload || xhr.sendAsBinary) {
@@ -119,29 +124,27 @@ const sendFile = (((toString) => {
 
                 return;
             }
-            const xhr = new XMLHttpRequest,
+            const xhr = new XMLHttpRequest(),
                 upload = xhr.upload || {
                     addEventListener(event, callback) {
-                    this["on" + event] = callback;
+                        this[`on${event}`] = callback;
                     },
                 };
-            for (let i = 0;i < length;i++) {
+            for (let i = 0; i < length; i++) {
                 upload.addEventListener(
                     split[i].substring(2),
                     // eslint-disable-next-line no-loop-func
-                    (((event) => {
+                    (event => rpe => {
-                        return (rpe) => {
                         if (isFunction(handler[event])) {
                             handler[event](rpe, xhr);
                         }
-                        };
+                    })(split[i]),
-                    })(split[i])),
                     false
                 );
             }
             upload.addEventListener(
                 "load",
-                (rpe) => {
+                rpe => {
                     if (handler.onreadystatechange === false) {
                         if (isFunction(handler.onload)) {
                             handler.onload(rpe, xhr);
@@ -155,15 +158,19 @@ const sendFile = (((toString) => {
                             } else {
                                 setTimeout(callback, 15);
                             }
-                        }
+                        };
                         setTimeout(callback, 15);
                     }
                 },
                 false
             );
-            xhr.open("post", BI.appendQuery(handler.url, {
+            xhr.open(
+                "post",
+                BI.appendQuery(handler.url, {
                     filename: _global.encodeURIComponent(handler.file.fileName),
-            }), true);
+                }),
+                true
+            );
             if (!xhr.upload) {
                 const rpe = { loaded: 0, total: handler.file.fileSize || handler.file.size, simulation: true };
                 rpe.interval = setInterval(() => {
@@ -234,8 +241,8 @@ const sendFile = (((toString) => {
                     upload.onloadstart();
                 }
             }
-            const boundary = "AjaxUploadBoundary" + (new Date).getTime();
+            const boundary = `AjaxUploadBoundary${new Date().getTime()}`;
-            xhr.setRequestHeader("Content-Type", "multipart/form-data; boundary=" + boundary);
+            xhr.setRequestHeader("Content-Type", `multipart/form-data; boundary=${boundary}`);
             if (handler.file.getAsBinary) {
                 xhr[xhr.sendAsBinary ? "sendAsBinary" : "send"](multipart(boundary, handler.name, handler.file));
             } else {
@@ -256,7 +263,10 @@ const sendFile = (((toString) => {
             let iframe, form;
             const url = handler.url.concat(-1 === handler.url.indexOf("?") ? "?" : "&", "AjaxUploadFrame=true"),
                 rpe = {
-                    loaded: 1, total: 100, simulation: true, interval: setInterval(() => {
+                    loaded: 1,
+                    total: 100,
+                    simulation: true,
+                    interval: setInterval(() => {
                         if (rpe.loaded < rpe.total) {
                             ++rpe.loaded;
                         }
@@ -265,14 +275,15 @@ const sendFile = (((toString) => {
                         }
                     }, 100),
                 },
-                target = ["AjaxUpload", (new Date).getTime(), String(Math.random()).substring(2)].join("_");
+                target = ["AjaxUpload", new Date().getTime(), String(Math.random()).substring(2)].join("_");
             const onload = () => {
                 iframe.onreadystatechange = iframe.onload = iframe.onerror = null;
                 form.parentNode.removeChild(form);
                 form = null;
                 clearInterval(rpe.interval);
                 // rpe.loaded = rpe.total;
-                    const responseText = (iframe.contentWindow.document || iframe.contentWindow.contentDocument).body.innerHTML;
+                const responseText = (iframe.contentWindow.document || iframe.contentWindow.contentDocument).body
+                    .innerHTML;
                 try {
                     const attachO = BI.jsonDecode(responseText);
                     if (handler.file.type.indexOf("image") !== -1) {
@@ -297,24 +308,29 @@ const sendFile = (((toString) => {
                     }
                 }
                 if (isFunction(handler.onload)) {
-                        handler.onload(rpe, { responseText: responseText });
+                    handler.onload(rpe, { responseText });
-                    }
                 }
+            };
 
-            try { // IE < 8 does not accept enctype attribute ...
+            try {
+                // IE < 8 does not accept enctype attribute ...
                 const form = document.createElement("<form enctype=\"multipart/form-data\"></form>"),
-                    iframe = handler.iframe || (handler.iframe = document.createElement("<iframe id=\"" + target + "\" name=\"" + target + "\" src=\"" + url + "\"></iframe>"));
+                    iframe =
+                        handler.iframe ||
+                        (handler.iframe = document.createElement(
+                            `<iframe id="${target}" name="${target}" src="${url}"></iframe>`
+                        ));
             } catch (e) {
                 const form = document.createElement("form"),
                     iframe = handler.iframe || (handler.iframe = document.createElement("iframe"));
                 form.setAttribute("enctype", "multipart/form-data");
-                iframe.setAttribute("name", iframe.id = target);
+                iframe.setAttribute("name", (iframe.id = target));
                 iframe.setAttribute("src", url);
             }
             iframe.style.position = "absolute";
             iframe.style.left = iframe.style.top = "-10000px";
             iframe.onload = onload;
-            iframe.onerror = (event) => {
+            iframe.onerror = event => {
                 if (isFunction(handler.onerror)) {
                     handler.onerror(rpe, event || _global.event);
                 }
@@ -329,7 +345,8 @@ const sendFile = (((toString) => {
                         ++rpe.loaded;
                     }
                     handler.onloadprogress(rpe, {
-                        readyState: {
+                        readyState:
+                            {
                                 loading: 2,
                                 interactive: 3,
                                 loaded: 4,
@@ -338,7 +355,7 @@ const sendFile = (((toString) => {
                     });
                 }
             };
-            form.setAttribute("action", handler.url + "&filename=" + _global.encodeURIComponent(handler.file.fileName));
+            form.setAttribute("action", `${handler.url}&filename=${_global.encodeURIComponent(handler.file.fileName)}`);
             form.setAttribute("target", iframe.id);
             form.setAttribute("method", "post");
             form.appendChild(handler.file);
@@ -357,7 +374,7 @@ const sendFile = (((toString) => {
     xhr = null;
 
     return sendFile;
-})(Object.prototype.toString));
+})(Object.prototype.toString);
 
 const sendFiles = (handler, maxSize, width, height) => {
     const length = handler.files.length,
@@ -367,7 +384,7 @@ const sendFiles = (handler, maxSize, width, height) => {
     handler.total = 0;
     handler.sent = 0;
     while (handler.current < length) {
-        handler.total += (handler.files[handler.current].fileSize || handler.files[handler.current].size);
+        handler.total += handler.files[handler.current].fileSize || handler.files[handler.current].size;
         handler.current++;
     }
     handler.current = 0;
@@ -375,7 +392,7 @@ const sendFiles = (handler, maxSize, width, height) => {
         handler.file = handler.files[handler.current];
         const callback = (rpe, xhr) => {
             handler.onloadstart = null;
-            handler.sent += (handler.files[handler.current].fileSize || handler.files[handler.current].size);
+            handler.sent += handler.files[handler.current].fileSize || handler.files[handler.current].size;
             if (++handler.current < length) {
                 handler.file = handler.files[handler.current];
                 sendFile(handler, maxSize, width, height).onload = callback;
@@ -415,7 +432,7 @@ const sendFiles = (handler, maxSize, width, height) => {
     }
 
     return handler;
-}
+};
 
 const r1 = /\.([^.]+)$/; //  .png
 const r2 = /\/([^/]+)$/; //  image/png
@@ -432,7 +449,7 @@ const fileTypeValidate = (fileName, fileType) => {
     }
     const mimes = fileType.split(",");
     if (mimes[0] === fileType) {
-        mimes = (fileType + "").split(";");
+        mimes = `${fileType}`.split(";");
     }
 
     return some(mimes, (index, mime) => {
@@ -446,7 +463,7 @@ const fileTypeValidate = (fileName, fileType) => {
             return matches[1] === "*" ? true : fileName.toLowerCase().indexOf(matches[1]) > -1;
         }
     });
-}
+};
 
 @shortcut()
 export class File extends Widget {
@@ -462,7 +479,7 @@ export class File extends Widget {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-file display-block",
+            baseCls: `${conf.baseCls || ""} bi-file display-block`,
             tagName: "input",
             attributes: {
                 type: "file",
@@ -492,7 +509,7 @@ export class File extends Widget {
         // create the noswfupload.wrap Object
         // wrap.maxSize 文件大小限制
         // wrap.maxLength 文件个数限制
-        const _wrap = this.wrap = this._wrap(this.element[0], maxSize);
+        const _wrap = (this.wrap = this._wrap(this.element[0], maxSize));
         // fileType could contain whatever text but filter checks *.{extension}
         // if present
 
@@ -586,20 +603,26 @@ export class File extends Widget {
                     const validateFileType = fileTypeValidate(value, wrap.fileType);
                     if (!validateFileType) {
                         // 文件类型不支持
-                        Msg.toast(errorText({
+                        Msg.toast(
+                            errorText({
                                 errorType: 0,
                                 file: item,
-                        }) || BI.i18nText("BI-Upload_File_Type_Error", wrap.fileType), { level: "error" });
+                            }) || BI.i18nText("BI-Upload_File_Type_Error", wrap.fileType),
+                            { level: "error" }
+                        );
                         this.fireEvent(File.EVENT_ERROR, {
                             errorType: 0,
                             file: item,
                         });
                     } else if (wrap.maxSize !== -1 && size && wrap.maxSize < size) {
                         // 文件大小不支持
-                        Msg.toast(errorText({
+                        Msg.toast(
+                            errorText({
                                 errorType: 1,
                                 file: item,
-                        }) || BI.i18nText("BI-Upload_File_Size_Error", Math.ceil(wrap.maxSize / 1024 / 1024)), { level: "error" });
+                            }) || BI.i18nText("BI-Upload_File_Size_Error", Math.ceil(wrap.maxSize / 1024 / 1024)),
+                            { level: "error" }
+                        );
                         this.fireEvent(File.EVENT_ERROR, {
                             errorType: 1,
                             file: item,
@@ -609,14 +632,15 @@ export class File extends Widget {
                     }
                 }
             }
-            wrap.files.length > 0 && this.fireEvent(File.EVENT_CHANGE, {
+            wrap.files.length > 0 &&
+                this.fireEvent(File.EVENT_CHANGE, {
                     files: wrap.files,
                 });
             input.value = "";
             wrap.dom.input.parentNode.replaceChild(input, wrap.dom.input);
             wrap.dom.input = input;
             event.add(wrap.dom.input, "change", callback);
-        }
+        };
         event.add(wrap.dom.input, "change", callback);
 
         return wrap;
@@ -633,10 +657,9 @@ export class File extends Widget {
 
         // wrap Object
         return this._events({
-
             // DOM namespace
             dom: {
-                input: input, // input file
+                input, // input file
                 disabled: false, // internal use, checks input file state
             },
             name: input.name, // name to send for each file ($_FILES[{name}] in the server)
@@ -655,7 +678,7 @@ export class File extends Widget {
             // something like {onload:function(){alert("OK")},onerror:function(){alert("Error")}, etc ...}
             upload(handler) {
                 if (handler) {
-                    for (let key in handler) {
+                    for (const key in handler) {
                         this[key] = handler[key];
                     }
                 }

src/base/single/input/input.js

@@ -1,11 +1,26 @@
+import { Single } from "../0.single";
+import {
+    shortcut,
+    Controller,
+    extend,
+    debounce,
+    bind,
+    isNull,
+    isEmptyString,
+    isKey,
+    delay,
+    trim,
+    isEqual,
+    nextTick,
+    isEndWithBlank
+} from "@/core";
+
 /**
  * guy
  * @class BI.Input 一个button和一行数 组成的一行listitem
  * @extends BI.Single
  * @type {*|void|Object}
  */
-import { shortcut, Controller, extend, debounce, bind, isNull, isEmptyString, isKey, delay, trim, isEqual, nextTick, isEndWithBlank } from "../../../core";
-import { Single } from "../0.single";
 
 @shortcut()
 export class Input extends Single {
@@ -37,7 +52,7 @@ export class Input extends Single {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-input display-block overflow-dot",
+            baseCls: `${conf.baseCls || ""} bi-input display-block overflow-dot`,
             tagName: "input",
             validationChecker: BI.emptyFn,
             quitChecker: BI.emptyFn, // 按确定键能否退出编辑
@@ -49,37 +64,37 @@ export class Input extends Single {
         let ctrlKey = false;
         let keyCode = null;
         let inputEventValid = false;
-        const _keydown = debounce((keyCode) => {
+        const _keydown = debounce(keyCode => {
             this.onKeyDown(keyCode, ctrlKey);
             this._keydown_ = false;
         }, BI.EVENT_RESPONSE_TIME);
         const _clk = debounce(bind(this._click, this), BI.EVENT_RESPONSE_TIME, {
-            "leading": true,
+            leading: true,
-            "trailing": false,
+            trailing: false,
         });
         this._focusDebounce = debounce(bind(this._focus, this), BI.EVENT_RESPONSE_TIME, {
-            "leading": true,
+            leading: true,
-            "trailing": false,
+            trailing: false,
         });
         this._blurDebounce = debounce(bind(this._blur, this), BI.EVENT_RESPONSE_TIME, {
-            "leading": true,
+            leading: true,
-            "trailing": false,
+            trailing: false,
         });
         this.element
-            .keydown((e) => {
+            .keydown(e => {
                 inputEventValid = false;
                 ctrlKey = e.ctrlKey || e.metaKey; // mac的cmd支持一下
                 keyCode = e.keyCode;
                 this.fireEvent(Input.EVENT_QUICK_DOWN, e);
             })
-            .keyup((e) => {
+            .keyup(e => {
                 keyCode = null;
                 if (!(inputEventValid && e.keyCode === BI.KeyCode.ENTER)) {
                     this._keydown_ = true;
                     _keydown(e.keyCode);
                 }
             })
-            .on("input propertychange", (e) => {
+            .on("input propertychange", e => {
                 // 输入内容全选并直接删光，如果按键没放开就失去焦点不会触发keyup，被focusout覆盖了
                 // 其中propertychange在元素属性发生改变的时候就会触发 是为了兼容IE8
                 // 通过keyCode判断会漏掉输入法点击输入(右键粘贴暂缓)
@@ -91,17 +106,18 @@ export class Input extends Single {
                     keyCode = null;
                 }
             })
-            .click((e) => {
+            .click(e => {
                 e.stopPropagation();
                 _clk();
             })
-            .mousedown((e) => {
+            .mousedown(e => {
                 this.element.val(this.element.val());
             })
-            .focus((e) => { // 可以不用冒泡
+            .focus(e => {
+                // 可以不用冒泡
                 this._focusDebounce();
             })
-            .blur((e) => {
+            .blur(e => {
                 //  DEC-14919  IE11在浏览器重新获得焦点之后会先触发focusout再触发focus,要保持先获得焦点再失去焦点的顺序不变,因此采用blur
                 this._blurDebounce();
             });
@@ -141,7 +157,7 @@ export class Input extends Single {
                 }
             }
             this.fireEvent(Input.EVENT_BLUR);
-        }
+        };
 
         if (this._keydown_ === true) {
             delay(blur, BI.EVENT_RESPONSE_TIME);
@@ -166,8 +182,11 @@ export class Input extends Single {
             this._checkValidationOnValueChange();
         }
         if (this.isValid() && trim(this.getValue()) !== "") {
-            if (trim(this.getValue()) !== this._lastValue && (!this._start || isNull(this._lastValue) || this._lastValue === "")
+            if (
-                || (this._pause === true && !/(\s|\u00A0)$/.test(this.getValue()))) {
+                (trim(this.getValue()) !== this._lastValue &&
+                    (!this._start || isNull(this._lastValue) || this._lastValue === "")) ||
+                (this._pause === true && !/(\s|\u00A0)$/.test(this.getValue()))
+            ) {
                 this._start = true;
                 this._pause = false;
                 this.fireEvent(Controller.EVENT_CHANGE, BI.Events.STARTEDIT, this.getValue(), this);
@@ -203,8 +222,12 @@ export class Input extends Single {
             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.PAUSE, "", this);
             this.fireEvent(Input.EVENT_PAUSE);
             this._defaultState();
-        } else if ((keyCode === BI.KeyCode.BACKSPACE || keyCode === BI.KeyCode.DELETE) &&
+        } else if (
-            trim(this.getValue()) === "" && (lastValue !== null && trim(lastValue) !== "")) {
+            (keyCode === BI.KeyCode.BACKSPACE || keyCode === BI.KeyCode.DELETE) &&
+            trim(this.getValue()) === "" &&
+            lastValue !== null &&
+            trim(lastValue) !== ""
+        ) {
             this.fireEvent(Controller.EVENT_CHANGE, BI.Events.STOPEDIT, this.getValue(), this);
             this.fireEvent(Input.EVENT_STOP);
         }
@@ -250,7 +273,7 @@ export class Input extends Single {
         }
         const checker = validationChecker.apply(this, [trim(v)]);
         if (checker instanceof Promise) {
-            checker.then((validate) => {
+            checker.then(validate => {
                 this.setValid(validate !== false);
                 callback && callback();
             });

src/base/single/input/radio/radio.image.js

@@ -1,10 +1,11 @@
+import { IconButton } from "../../button";
+import { shortcut, extend } from "@/core";
+
 /**
  * guy
  * @extends Single
  * @type {*|void|Object}
  */
-import { shortcut, extend } from "../../../../core";
-import { IconButton } from "../../button";
 
 @shortcut()
 export class ImageRadio extends IconButton {
@@ -16,7 +17,7 @@ export class ImageRadio extends IconButton {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-radio radio-icon",
+            baseCls: `${conf.baseCls || ""} bi-radio radio-icon`,
             selected: false,
             handler: BI.emptyFn,
             width: 16,

src/base/single/input/radio/radio.js

@@ -1,10 +1,11 @@
+import { CenterAdaptLayout, Layout, shortcut } from "@/core";
+import { BasicButton } from "../../button";
+
 /**
  * guy
  * @extends Single
  * @type {*|void|Object}
  */
-import { shortcut } from "../../../../core";
-import { BasicButton } from "../../button";
 
 @shortcut()
 export class Radio extends BasicButton {
@@ -18,23 +19,25 @@ export class Radio extends BasicButton {
         width: 16,
         height: 16,
         iconWidth: 16,
-        iconHeight: 16
+        iconHeight: 16,
-    }
+    };
 
     render() {
         const { iconWidth, iconHeight } = this.options;
 
         return {
-            type: "bi.center_adapt",
+            type: CenterAdaptLayout.xtype,
-            items: [{
+            items: [
-                type: "bi.layout",
+                {
+                    type: Layout.xtype,
                     cls: "radio-content",
-                ref: (_ref) => {
+                    ref: _ref => {
                         this.radio = _ref;
                     },
                     width: iconWidth,
                     height: iconHeight,
-            }],
+                }
+            ],
         };
     }
 

src/base/single/instruction/instruction.js

@@ -1,4 +1,5 @@
-import { shortcut, Widget, extend } from "../../../core";
+import { Label } from "../label";
+import { shortcut, Widget, extend } from "@/core";
 
 @shortcut()
 export class Instruction extends Widget {
@@ -6,13 +7,14 @@ export class Instruction extends Widget {
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
+
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-instruction",
+            baseCls: `${conf.baseCls || ""} bi-instruction`,
             height: 20,
             level: "error",
             textAlign: "left",
             whiteSpace: "nowrap",
-            hgap: 5
+            hgap: 5,
         });
     }
 
@@ -20,11 +22,11 @@ export class Instruction extends Widget {
         const { level, textAlign, whiteSpace, height, hgap, rgap, lgap, vgap, text, keyword, value, py } = this.options;
 
         return {
-            type: "bi.label",
+            type: Label.xtype,
-            ref: (_ref) => {
+            ref: _ref => {
                 this.text = _ref;
             },
-            cls: "instruction-" + level,
+            cls: `instruction-${level}`,
             textAlign,
             whiteSpace,
             textHeight: height,
@@ -36,7 +38,7 @@ export class Instruction extends Widget {
             text,
             keyword,
             value,
-            py
+            py,
         };
     }
 

src/base/single/label/abstract.label.js

@@ -1,11 +1,12 @@
+import { Text } from "../1.text";
+import { CenterAdaptLayout, isNumber, createWidget, extend } from "@/core";
+import { Single } from "../0.single";
+
 /**
  * Created by dailer on 2019/6/19.
  */
-import { isNumber, createWidget, extend } from "../../../core";
-import { Single } from "../0.single";
 
 export class AbstractLabel extends Single {
-
     _defaultConfig(props) {
         const conf = super._defaultConfig(...arguments);
 
@@ -30,7 +31,7 @@ export class AbstractLabel extends Single {
         const { textAlign, whiteSpace, textHeight, text, value, py, keyword, highLight, handler } = this.options;
 
         return {
-            type: "bi.text",
+            type: Text.xtype,
             textAlign,
             whiteSpace,
             lineHeight: textHeight,
@@ -59,9 +60,10 @@ export class AbstractLabel extends Single {
         if (isNumber(width) && width > 0) {
             if (isNumber(textWidth) && textWidth > 0) {
                 json.maxWidth = textWidth;
-                if (isNumber(height) && height > 0) { // 1.1
+                if (isNumber(height) && height > 0) {
+                    // 1.1
                     createWidget({
-                        type: "bi.center_adapt",
+                        type: CenterAdaptLayout.xtype,
                         height,
                         columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
                         scrollable: whiteSpace === "normal",
@@ -75,8 +77,9 @@ export class AbstractLabel extends Single {
 
                     return;
                 }
-                createWidget({ // 1.2
+                createWidget({
-                    type: "bi.center_adapt",
+                    // 1.2
+                    type: CenterAdaptLayout.xtype,
                     columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
                     scrollable: whiteSpace === "normal",
                     element: this,
@@ -89,7 +92,8 @@ export class AbstractLabel extends Single {
 
                 return;
             }
-            if (whiteSpace === "normal") { // 1.3
+            if (whiteSpace === "normal") {
+                // 1.3
                 extend(json, {
                     hgap,
                     vgap,
@@ -100,7 +104,7 @@ export class AbstractLabel extends Single {
                 });
                 this.text = createWidget(json);
                 createWidget({
-                    type: "bi.center_adapt",
+                    type: CenterAdaptLayout.xtype,
                     columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
                     scrollable: whiteSpace === "normal",
                     element: this,
@@ -109,13 +113,15 @@ export class AbstractLabel extends Single {
 
                 return;
             }
-            if (isNumber(height) && height > 0) { // 1.4
+            if (isNumber(height) && height > 0) {
+                // 1.4
                 this.element.css({
                     "line-height": BI.pixFormat(height),
                 });
                 json.textAlign = textAlign;
                 delete json.maxWidth;
-                this.text = createWidget(extend(json, {
+                this.text = createWidget(
+                    extend(json, {
                         element: this,
                         hgap,
                         vgap,
@@ -123,11 +129,13 @@ export class AbstractLabel extends Single {
                         rgap,
                         tgap,
                         bgap,
-                }));
+                    })
+                );
 
                 return;
             }
-            extend(json, { // 1.5
+            extend(json, {
+                // 1.5
                 hgap,
                 vgap,
                 lgap,
@@ -138,7 +146,7 @@ export class AbstractLabel extends Single {
             });
             this.text = createWidget(json);
             createWidget({
-                type: "bi.center_adapt",
+                type: CenterAdaptLayout.xtype,
                 columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
                 scrollable: whiteSpace === "normal",
                 element: this,
@@ -147,10 +155,11 @@ export class AbstractLabel extends Single {
 
             return;
         }
-        if (isNumber(textWidth) && textWidth > 0) { // 1.6
+        if (isNumber(textWidth) && textWidth > 0) {
+            // 1.6
             json.maxWidth = textWidth;
             createWidget({
-                type: "bi.center_adapt",
+                type: CenterAdaptLayout.xtype,
                 columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
                 scrollable: whiteSpace === "normal",
                 element: this,
@@ -163,7 +172,8 @@ export class AbstractLabel extends Single {
 
             return;
         }
-        if (whiteSpace === "normal") { // 1.7
+        if (whiteSpace === "normal") {
+            // 1.7
             extend(json, {
                 hgap,
                 vgap,
@@ -174,7 +184,7 @@ export class AbstractLabel extends Single {
             });
             this.text = createWidget(json);
             createWidget({
-                type: "bi.center_adapt",
+                type: CenterAdaptLayout.xtype,
                 columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
                 scrollable: true,
                 element: this,
@@ -183,13 +193,15 @@ export class AbstractLabel extends Single {
 
             return;
         }
-        if (isNumber(height) && height > 0) { // 1.8
+        if (isNumber(height) && height > 0) {
+            // 1.8
             this.element.css({
                 "line-height": BI.pixFormat(height),
             });
             json.textAlign = textAlign;
             delete json.maxWidth;
-            this.text = createWidget(extend(json, {
+            this.text = createWidget(
+                extend(json, {
                     element: this,
                     hgap,
                     vgap,
@@ -197,20 +209,23 @@ export class AbstractLabel extends Single {
                     rgap,
                     tgap,
                     bgap,
-            }));
+                })
+            );
 
             return;
         }
-        this.text = createWidget(extend(json, {
+        this.text = createWidget(
+            extend(json, {
                 hgap,
                 vgap,
                 lgap,
                 rgap,
                 tgap,
                 bgap,
-        }));
+            })
+        );
         createWidget({
-            type: "bi.center_adapt",
+            type: CenterAdaptLayout.xtype,
             columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
             element: this,
             items: [this.text],
@@ -224,7 +239,8 @@ export class AbstractLabel extends Single {
         if (isNumber(width) && width > 0) {
             if (isNumber(textWidth) && textWidth > 0) {
                 json.maxWidth = textWidth;
-                if (isNumber(height) && height > 0) { // 2.1
+                if (isNumber(height) && height > 0) {
+                    // 2.1
                     createWidget({
                         type: adaptLayout,
                         horizontalAlign: textAlign,
@@ -241,7 +257,8 @@ export class AbstractLabel extends Single {
 
                     return;
                 }
-                createWidget({ // 2.2
+                createWidget({
+                    // 2.2
                     type: adaptLayout,
                     horizontalAlign: textAlign,
                     columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
@@ -262,14 +279,16 @@ export class AbstractLabel extends Single {
 
                 return;
             }
-            if (isNumber(height) && height > 0) { // 2.3
+            if (isNumber(height) && height > 0) {
+                // 2.3
                 if (whiteSpace !== "normal") {
                     this.element.css({
-                        "line-height": BI.pixFormat(height - (vgap * 2)),
+                        "line-height": BI.pixFormat(height - vgap * 2),
                     });
                 }
                 delete json.maxWidth;
-                this.text = createWidget(extend(json, {
+                this.text = createWidget(
+                    extend(json, {
                         element: this,
                         hgap,
                         vgap,
@@ -277,12 +296,14 @@ export class AbstractLabel extends Single {
                         rgap,
                         tgap,
                         bgap,
-                }));
+                    })
+                );
 
                 return;
             }
             json.maxWidth = width - 2 * hgap - lgap - rgap;
-            createWidget({ // 2.4
+            createWidget({
+                // 2.4
                 type: adaptLayout,
                 horizontalAlign: textAlign,
                 columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
@@ -294,16 +315,19 @@ export class AbstractLabel extends Single {
                 tgap,
                 bgap,
                 element: this,
-                items: [{
+                items: [
+                    {
                         el: (this.text = createWidget(json)),
-                }],
+                    }
+                ],
             });
 
             return;
         }
         if (isNumber(textWidth) && textWidth > 0) {
             json.maxWidth = textWidth;
-            createWidget({ // 2.5
+            createWidget({
+                // 2.5
                 type: adaptLayout,
                 horizontalAlign: textAlign,
                 columnSize: ["auto"], // important！ 让文字在flex布局下shrink为1
@@ -327,11 +351,13 @@ export class AbstractLabel extends Single {
         if (isNumber(height) && height > 0) {
             if (whiteSpace !== "normal") {
                 this.element.css({
-                    "line-height": BI.pixFormat(height - (vgap * 2)),
+                    "line-height": BI.pixFormat(height - vgap * 2),
                 });
             }
             delete json.maxWidth;
-            this.text = createWidget(extend(json, { // 2.6
+            this.text = createWidget(
+                extend(json, {
+                    // 2.6
                     element: this,
                     hgap,
                     vgap,
@@ -339,18 +365,21 @@ export class AbstractLabel extends Single {
                     rgap,
                     tgap,
                     bgap,
-            }));
+                })
+            );
 
             return;
         }
-        this.text = createWidget(extend(json, {
+        this.text = createWidget(
+            extend(json, {
                 hgap,
                 vgap,
                 lgap,
                 rgap,
                 tgap,
                 bgap,
-        }));
+            })
+        );
         createWidget({
             type: adaptLayout,
             horizontalAlign: textAlign,

src/base/single/label/html.label.js

@@ -1,8 +1,10 @@
+import { Html } from "../html/html";
+import { AbstractLabel } from "./abstract.label";
+import { shortcut } from "@/core";
+
 /**
  * Created by GUY on 2015/6/26.
  */
-import { shortcut } from "../../../core";
-import { AbstractLabel } from "./abstract.label";
 
 @shortcut()
 export class HtmlLabel extends AbstractLabel {
@@ -10,13 +12,13 @@ export class HtmlLabel extends AbstractLabel {
 
     props = {
         baseCls: "bi-html-label",
-    }
+    };
 
     _createJson() {
         const { textAlign, whiteSpace, textHeight, text, value, handler } = this.options;
 
         return {
-            type: "bi.html",
+            type: Html.xtype,
             textAlign,
             whiteSpace,
             lineHeight: textHeight,

src/base/single/label/icon.label.js

@@ -1,10 +1,12 @@
+import { Icon } from "../icon/icon";
+import { DefaultLayout, CenterAdaptLayout, shortcut, createWidget, isNumber, isNull } from "@/core";
+import { Single } from "../0.single";
+
 /**
  * @class BI.IconLabel
  * @extends BI.Single
  * 图标标签
  */
-import { shortcut, createWidget, isNumber, isNull } from "../../../core";
-import { Single } from "../0.single";
 
 @shortcut()
 export class IconLabel extends Single {
@@ -21,7 +23,7 @@ export class IconLabel extends Single {
         iconWidth: null,
         iconHeight: null,
         lineHeight: null,
-    }
+    };
 
     render() {
         const { iconWidth, iconHeight, height, lineHeight, hgap, vgap, lgap, rgap, tgap, bgap } = this.options;
@@ -29,14 +31,14 @@ export class IconLabel extends Single {
             textAlign: "center",
         });
         this.icon = createWidget({
-            type: "bi.icon",
+            type: Icon.xtype,
             width: iconWidth,
             height: iconHeight,
         });
         if (isNumber(height) && height > 0 && isNull(iconWidth) && isNull(iconHeight)) {
             this.element.css("lineHeight", BI.pixFormat(lineHeight || height));
             createWidget({
-                type: "bi.default",
+                type: DefaultLayout.xtype,
                 element: this,
                 hgap,
                 vgap,
@@ -50,7 +52,7 @@ export class IconLabel extends Single {
             this.element.css("lineHeight", "1");
             createWidget({
                 element: this,
-                type: "bi.center_adapt",
+                type: CenterAdaptLayout.xtype,
                 hgap,
                 vgap,
                 lgap,

src/base/single/label/label.js

@@ -1,8 +1,9 @@
+import { AbstractLabel } from "./abstract.label";
+import { shortcut, isFunction, isNotNull } from "@/core";
+
 /**
  * Created by GUY on 2015/6/26.
  */
-import { shortcut, isFunction, isNotNull } from "../../../core";
-import { AbstractLabel } from "./abstract.label";
 
 @shortcut()
 export class Label extends AbstractLabel {
@@ -12,7 +13,7 @@ export class Label extends AbstractLabel {
         baseCls: "bi-label",
         py: "",
         keyword: "",
-    }
+    };
 
     getTitle() {
         const title = this.options.title;

src/base/single/link/link.js

@@ -1,10 +1,12 @@
+import { A } from "../a/a";
+import { Label } from "../label/label";
+import { shortcut, extend } from "@/core";
+
 /**
  * guy a元素
  * @class BI.Link
  * @extends BI.Text
  */
-import { shortcut, extend } from "../../../core";
-import { Label } from "../label/label";
 
 @shortcut()
 export class Link extends Label {
@@ -14,7 +16,7 @@ export class Link extends Label {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-link display-block",
+            baseCls: `${conf.baseCls || ""} bi-link display-block`,
             tagName: "a",
             href: "",
             target: "_blank",
@@ -25,7 +27,7 @@ export class Link extends Label {
         const { textAlign, whiteSpace, textHeight, text, keyword, value, py, href, target } = this.options;
 
         return {
-            type: "bi.a",
+            type: A.xtype,
             textAlign,
             whiteSpace,
             lineHeight: textHeight,

src/base/single/text.pure.js

@@ -1,8 +1,9 @@
+import { Text } from "./1.text";
+import { Widget, shortcut, isFunction, isKey, isNotNull } from "@/core";
+
 /**
  * 没有html标签的纯文本
  */
-import { Widget, shortcut, isFunction, isKey, isNotNull } from "../../core";
-import { Text } from "./1.text";
 
 @shortcut()
 export class PureText extends Widget {
@@ -10,13 +11,15 @@ export class PureText extends Widget {
 
     props = {
         tagName: null,
-    }
+    };
 
     render() {
         const { text: optionsText, value } = this.options;
-        const text = isFunction(optionsText) ? this.__watch(optionsText, (context, newValue) => {
+        const text = isFunction(optionsText)
+            ? this.__watch(optionsText, (context, newValue) => {
                 this.setText(newValue);
-        }) : optionsText;
+            })
+            : optionsText;
         if (isKey(text)) {
             this.setText(text);
         } else if (isKey(value)) {
@@ -32,7 +35,7 @@ export class PureText extends Widget {
             return "";
         }
 
-        return Text.formatText(text + "");
+        return Text.formatText(`${text}`);
     }
 
     setValue(value) {

src/base/single/tip/0.tip.js

@@ -1,3 +1,6 @@
+import { Single } from "../0.single";
+import { extend } from "@/core";
+
 /**
  * guy
  * tip提示
@@ -7,8 +10,6 @@
  * @abstract
  */
 
-import { Single } from "../0.single";
-import { extend } from "../../../core";
 export class Tip extends Single {
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -24,4 +25,3 @@ export class Tip extends Single {
         this.element.css({ zIndex: this.options.zIndex });
     }
 }
-

src/base/single/tip/tip.toast.js

@@ -1,3 +1,8 @@
+import { IconLabel, Label } from "../label";
+import { IconButton } from "../button";
+import { HorizontalLayout, shortcut, extend, isPlainObject } from "@/core";
+import { Tip } from "./0.tip";
+
 /**
  * toast提示
  *
@@ -6,16 +11,14 @@
  * @extends BI.Tip
  */
 
-import { shortcut, extend, isPlainObject } from "../../../core";
-import { Tip } from "./0.tip";
 @shortcut()
 export class Toast extends Tip {
-  _const= {
+    _const = {
         closableMinWidth: 146,
         minWidth: 100,
         closableMaxWidth: 410,
         maxWidth: 400,
-  }
+    };
 
     static EVENT_DESTORY = "EVENT_DESTORY";
     static xtype = "bi.toast";
@@ -80,25 +83,30 @@ export class Toast extends Tip {
         function hasCloseIcon() {
             return closable === true || (closable === null && autoClose === false);
         }
-      const items = [{
+        const items = [
-          type: "bi.icon_label",
+            {
+                type: IconLabel.xtype,
                 cls: `${cls} toast-icon`,
                 height: textHeight,
-      }, {
+            },
-          el: isPlainObject(text) ? text : {
+            {
-              type: "bi.label",
+                el: isPlainObject(text)
+                    ? text
+                    : {
+                        type: Label.xtype,
                         whiteSpace: "normal",
                         text,
                         textHeight,
                         textAlign: "left",
                     },
-      }];
+            }
+        ];
 
         const columnSize = ["", "fill"];
 
         if (hasCloseIcon()) {
             items.push({
-              type: "bi.icon_button",
+                type: IconButton.xtype,
                 cls: "close-font toast-icon",
                 handler: () => {
                     this.destroy();
@@ -109,7 +117,7 @@ export class Toast extends Tip {
         }
 
         return {
-          type: "bi.horizontal",
+            type: HorizontalLayout.xtype,
             horizontalAlign: BI.HorizontalAlign.Stretch,
             items,
             hgap,
@@ -123,4 +131,3 @@ export class Toast extends Tip {
         this.fireEvent(Toast.EVENT_DESTORY);
     }
 }
-

src/base/single/tip/tip.tooltip.js

@@ -1,3 +1,7 @@
+import { VerticalLayout, shortcut, extend, createWidget, map } from "@/core";
+import { Label } from "../label";
+import { Tip } from "./0.tip";
+
 /**
  * title提示
  *
@@ -6,14 +10,12 @@
  * @extends BI.Tip
  */
 
-import { shortcut, extend, createWidget, map } from "../../../core";
-import { Tip } from "./0.tip";
 @shortcut()
 export class Tooltip extends Tip {
     _const = {
         hgap: 8,
         vgap: 4,
-    }
+    };
     static xtype = "bi.tooltip";
 
     _defaultConfig() {
@@ -27,7 +29,7 @@ export class Tooltip extends Tip {
         });
     }
 
-  render () {
+    render() {
         const { level, stopPropagation, stopEvent, text, textAlign } = this.options;
         this.element.addClass(`tooltip-${level}`);
         function fn(e) {
@@ -44,16 +46,16 @@ export class Tooltip extends Tip {
             mousemove: fn,
         });
 
-      const texts = (`${text}`).split("\n");
+        const texts = `${text}`.split("\n");
         if (texts.length > 1) {
             createWidget({
-              type: "bi.vertical",
+                type: VerticalLayout.xtype,
                 element: this,
                 hgap: this._const.hgap,
                 innerVgap: this._const.vgap,
                 items: map(texts, (i, text) => {
                     return {
-                      type: "bi.label",
+                        type: Label.xtype,
                         textAlign,
                         whiteSpace: "normal",
                         text,
@@ -64,7 +66,7 @@ export class Tooltip extends Tip {
             });
         } else {
             this.text = createWidget({
-              type: "bi.label",
+                type: Label.xtype,
                 element: this,
                 textAlign,
                 whiteSpace: "normal",

src/base/single/trigger/trigger.js

@@ -1,11 +1,12 @@
+import { Single } from "../0.single";
+import { extend } from "@/core";
+
 /**
  * 下拉
  * @class BI.Trigger
  * @extends BI.Single
  * @abstract
  */
-import { extend } from "../../../core";
-import { Single } from "../0.single";
 
 export class Trigger extends Single {
     _defaultConfig() {
@@ -17,11 +18,7 @@ export class Trigger extends Single {
         });
     }
 
-    setKey() {
+    setKey() {}
 
-    }
+    getKey() {}
-
-    getKey() {
-
-    }
 }

src/base/tree/customtree.js

@@ -1,3 +1,23 @@
+import { ButtonTree, Expander } from "../combination";
+import {
+    VerticalLayout,
+    Widget,
+    shortcut,
+    extend,
+    emptyFn,
+    Tree,
+    each,
+    isNotEmptyArray,
+    deepClone,
+    stripEL,
+    isWidget,
+    clone,
+    isNotNull,
+    isNull,
+    createWidget,
+    Controller
+} from "@/core";
+
 /**
  *
  * 自定义树
@@ -6,7 +26,7 @@
  * @class BI.CustomTree
  * @extends BI.Single
  */
-import { Widget, shortcut, extend, emptyFn, Tree, each, isNotEmptyArray, deepClone, stripEL, isWidget, clone, isNotNull, isNull, createWidget, Controller } from "../../core";
+
 @shortcut()
 export class CustomTree extends Widget {
     static xtype = "bi.custom_tree";
@@ -18,7 +38,7 @@ export class CustomTree extends Widget {
             expander: {
                 el: {},
                 popup: {
-                    type: "bi.custom_tree",
+                    type: CustomTree.xtype,
                 },
             },
 
@@ -26,11 +46,13 @@ export class CustomTree extends Widget {
             itemsCreator: emptyFn,
 
             el: {
-                type: "bi.button_tree",
+                type: ButtonTree.xtype,
                 chooseType: 0,
-                layouts: [{
+                layouts: [
-                    type: "bi.vertical",
+                    {
-                }],
+                        type: VerticalLayout.xtype,
+                    }
+                ],
             },
         });
     }
@@ -46,16 +68,20 @@ export class CustomTree extends Widget {
         const items = [];
         each(nodes, (i, node) => {
             if (isNotEmptyArray(node.children) || node.isParent === true) {
-                const item = extend({
+                const item = extend(
-                    type: "bi.expander",
+                    {
+                        type: Expander.xtype,
                         el: {
                             value: node.value,
                         },
-                    popup: { type: "bi.custom_tree" },
+                        popup: { type: CustomTree.xtype },
-                }, deepClone(expander), {
+                    },
+                    deepClone(expander),
+                    {
                         id: node.id,
                         pId: node.pId,
-                });
+                    }
+                );
                 let el = stripEL(node);
                 if (!isWidget(el)) {
                     el = clone(el);
@@ -67,7 +93,8 @@ export class CustomTree extends Widget {
                 item.popup.expander = deepClone(expander);
                 item.items = item.popup.items = node.children;
                 item.itemsCreator = item.popup.itemsCreator = (op, ...arg) => {
-                    if (isNotNull(op.node)) {// 从子节点传过来的itemsCreator直接向上传递
+                    if (isNotNull(op.node)) {
+                        // 从子节点传过来的itemsCreator直接向上传递
                         return itemsCreator(op, ...arg);
                     }
                     const args = Array.prototype.slice.call([op, ...arg], 0);
@@ -91,11 +118,14 @@ export class CustomTree extends Widget {
             element: this,
             items: this._formatItems(nodes),
             itemsCreator: (op, callback) => {
-                itemsCreator.apply(this, [op, items => {
+                itemsCreator.apply(this, [
+                    op,
+                    items => {
                         const args = Array.prototype.slice.call(arguments, 0);
                         args[0] = this._formatItems(items);
                         callback(...args);
-                }]);
+                    }
+                ]);
             },
             value,
         });

src/case/combo/bubblecombo/popup.bubble.js

@@ -1,5 +1,6 @@
 import { shortcut, extend } from "@/core";
-import { PopupView, Label } from "@/base";
+import { PopupView } from "@/base/layer/layer.popup";
+import { Label } from "@/base/single/label/label";
 
 @shortcut()
 export class BubblePopupView extends PopupView {

src/widget/index.js

@@ -20,9 +20,12 @@ import { NumberInterval } from "./numberinterval/numberinterval";
 import * as multiselect from "./multiselect";
 import * as multiselectlist from "./multiselectlist";
 import * as multilayerselectree from "./multilayerselecttree";
-import * as multilayersingletree from "./multilayersingletree";
 import * as year from "./year";
 import { YearInterval } from "./yearinterval/yearinterval";
+import * as singleselect from "./singleselect";
+import * as multilayerdownlist from "./multilayerdownlist";
+import * as multilayersingletree from "./multilayersingletree";
+
 
 Object.assign(BI, {
     Collapse,
@@ -49,6 +52,8 @@ Object.assign(BI, {
     ...multiselect,
     ...multiselectlist,
     ...multilayerselectree,
+    ...singleselect,
+    ...multilayerdownlist,
     ...multilayersingletree,
 });
 
@@ -68,6 +73,10 @@ export * from "./intervalslider";
 export * from "./year";
 export * from "./multilayersingletree";
 export * from "./multilayerselecttree";
+export * from "./singleselect";
+export * from "./multilayerdownlist";
+export * from "./multilayersingletree";
+
 export {
     Collapse,
     NumberEditor,

src/widget/multilayerdownlist/combo.downlist.js

@@ -1,9 +1,18 @@
-/**
+import { shortcut, Widget, extend, createWidget } from "@/core";
- * Created by roy on 15/8/14.
+import { MultiLayerDownListPopup } from "./popup.downlist";
- */
+import { Combo } from "@/base";
-BI.MultiLayerDownListCombo = BI.inherit(BI.Widget, {
+import { IconTrigger } from "@/case";
-    _defaultConfig: function () {
+
-        return BI.extend(BI.MultiLayerDownListCombo.superclass._defaultConfig.apply(this, arguments), {
+@shortcut()
+export class MultiLayerDownListCombo extends Widget {
+    static xtype = "bi.multi_layer_down_list_combo";
+
+    static EVENT_CHANGE = "EVENT_CHANGE";
+    static EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
+    static EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-multilayer-down-list-combo",
             height: 24,
             items: [],
@@ -12,79 +21,74 @@ BI.MultiLayerDownListCombo = BI.inherit(BI.Widget, {
             trigger: "click",
             container: null,
             stopPropagation: false,
-            el: {}
+            el: {},
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.MultiLayerDownListCombo.superclass._init.apply(this, arguments);
+        super._init(...arguments);
-        var self = this, o = this.options;
+        const o = this.options;
-        this.popupview = BI.createWidget({
+        this.popupview = createWidget({
             type: "bi.multi_layer_down_list_popup",
             items: o.items,
             chooseType: o.chooseType,
-            value: o.value
+            value: o.value,
         });
 
-        this.popupview.on(BI.MultiLayerDownListPopup.EVENT_CHANGE, function (value) {
+        this.popupview.on(MultiLayerDownListPopup.EVENT_CHANGE, value => {
-            self.fireEvent(BI.MultiLayerDownListCombo.EVENT_CHANGE, value);
+            this.fireEvent(MultiLayerDownListCombo.EVENT_CHANGE, value);
-            self.downlistcombo.hideView();
+            this.downlistcombo.hideView();
         });
 
-        this.popupview.on(BI.MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE, function (value, fatherValue) {
+        this.popupview.on(MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE, (value, fatherValue) => {
-            self.fireEvent(BI.MultiLayerDownListCombo.EVENT_SON_VALUE_CHANGE, value, fatherValue);
+            this.fireEvent(MultiLayerDownListCombo.EVENT_SON_VALUE_CHANGE, value, fatherValue);
-            self.downlistcombo.hideView();
+            this.downlistcombo.hideView();
         });
 
-
+        this.downlistcombo = createWidget({
-        this.downlistcombo = BI.createWidget({
             element: this,
-            type: "bi.combo",
+            type: Combo.xtype,
             trigger: o.trigger,
             isNeedAdjustWidth: false,
             container: o.container,
             adjustLength: o.adjustLength,
             direction: o.direction,
             stopPropagation: o.stopPropagation,
-            el: BI.createWidget(o.el, {
+            el: createWidget(o.el, {
-                type: "bi.icon_trigger",
+                type: IconTrigger.xtype,
                 extraCls: o.iconCls ? o.iconCls : "pull-down-font",
                 width: o.width,
-                height: o.height
+                height: o.height,
             }),
             popup: {
                 el: this.popupview,
                 stopPropagation: o.stopPropagation,
-                maxHeight: 1000
+                maxHeight: 1000,
-            }
+            },
         });
 
-        this.downlistcombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () {
+        this.downlistcombo.on(Combo.EVENT_BEFORE_POPUPVIEW, () => {
-            self.fireEvent(BI.MultiLayerDownListCombo.EVENT_BEFORE_POPUPVIEW);
+            this.fireEvent(MultiLayerDownListCombo.EVENT_BEFORE_POPUPVIEW);
         });
-    },
+    }
 
-    hideView: function () {
+    hideView() {
         this.downlistcombo.hideView();
-    },
+    }
 
-    showView: function (e) {
+    showView(e) {
         this.downlistcombo.showView(e);
-    },
+    }
 
-    populate: function (items) {
+    populate(items) {
         this.popupview.populate(items);
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.popupview.setValue(v);
-    },
-    getValue: function () {
-        return this.popupview.getValue();
     }
-});
-BI.MultiLayerDownListCombo.EVENT_CHANGE = "EVENT_CHANGE";
-BI.MultiLayerDownListCombo.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
-BI.MultiLayerDownListCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
 
-BI.shortcut("bi.multi_layer_down_list_combo", BI.MultiLayerDownListCombo);
+    getValue() {
+        return this.popupview.getValue();
+    }
+}

src/widget/multilayerdownlist/index.js

@@ -0,0 +1,2 @@
+export { MultiLayerDownListCombo } from "./combo.downlist";
+export { MultiLayerDownListPopup } from "./popup.downlist";

src/widget/multilayerdownlist/popup.downlist.js

@@ -1,136 +1,173 @@
-/**
+import {
- * Created by roy on 15/9/8.
+    shortcut,
- * 处理popup中的item分组样式
+    extend,
- * 一个item分组中的成员大于一时，该分组设置为单选，并且默认状态第一个成员设置为已选择项
+    Selection,
- */
+    createWidget,
-BI.MultiLayerDownListPopup = BI.inherit(BI.Pane, {
+    createItems,
-    constants: {
+    isNotNull,
+    contains,
+    each,
+    VerticalLayout,
+    isNotEmptyArray,
+    isEmpty,
+    Layout,
+    deepClone,
+    isArray,
+    isNotEmptyString,
+    some,
+    concat,
+    BlankSplitChar
+} from "@/core";
+import { Pane, ButtonTree, ComboGroup } from "@/base";
+import { DownListGroup, DownListGroupItem, DownListItem } from "../downlist";
+
+@shortcut()
+export class MultiLayerDownListPopup extends Pane {
+    static xtype = "bi.multi_layer_down_list_popup";
+
+    constants = {
         nextIcon: "pull-right-e-font",
         height: 25,
         iconHeight: 12,
         iconWidth: 12,
         hgap: 0,
         vgap: 0,
-        border: 1
+        border: 1,
-    },
+    };
-    _defaultConfig: function () {
+
-        var conf = BI.MultiLayerDownListPopup.superclass._defaultConfig.apply(this, arguments);
+    static EVENT_CHANGE = "EVENT_CHANGE";
-        return BI.extend(conf, {
+    static EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
+
+    _defaultConfig() {
+        const conf = super._defaultConfig(...arguments);
+        
+        return extend(conf, {
             baseCls: "bi-down-list-popup",
             items: [],
-            chooseType: BI.Selection.Multi
+            chooseType: Selection.Multi,
         });
-    },
+    }
-    _init: function () {
+
-        BI.MultiLayerDownListPopup.superclass._init.apply(this, arguments);
+    _init() {
+        super._init(...arguments);
         this.singleValues = [];
         this.childValueMap = {};
         this.fatherValueMap = {};
         this.items = [];
-        var self = this, o = this.options, children = this._createPopupItems(o.items);
+        const self = this,
-        this.popup = BI.createWidget({
+            o = this.options,
-            type: "bi.button_tree",
+            children = this._createPopupItems(o.items);
-            items: BI.createItems(children,
+        this.popup = createWidget({
-                {}, {
+            type: ButtonTree.xtype,
-                    adjustLength: -2
+            items: createItems(
+                children,
+                {},
+                {
+                    adjustLength: -2,
                 }
             ),
-            layouts: [{
+            layouts: [
-                type: "bi.vertical",
+                {
+                    type: VerticalLayout.xtype,
                     hgap: this.constants.hgap,
-                vgap: this.constants.vgap
+                    vgap: this.constants.vgap,
-            }],
+                }
+            ],
             value: this._digest(o.value),
-            chooseType: o.chooseType
+            chooseType: o.chooseType,
         });
 
-        this.popup.on(BI.ButtonTree.EVENT_CHANGE, function (value, object) {
+        this.popup.on(ButtonTree.EVENT_CHANGE, (value, object) => {
-            var changedValue = value;
+            let changedValue = value;
-            if (BI.isNotNull(self.childValueMap[value])) {
+            if (isNotNull(self.childValueMap[value])) {
                 changedValue = self.childValueMap[value];
-                var fatherValue = self.fatherValueMap[value];
+                const fatherValue = self.fatherValueMap[value];
-                var fatherArrayValue = (fatherValue + "").split(BI.BlankSplitChar);
+                const fatherArrayValue = (`${fatherValue}`).split(BlankSplitChar);
-                self.fireEvent(BI.MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE, changedValue, fatherArrayValue.length > 1 ? fatherArrayValue : fatherValue);
+                self.fireEvent(
+                    MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE,
+                    changedValue,
+                    fatherArrayValue.length > 1 ? fatherArrayValue : fatherValue
+                );
             } else {
-                self.fireEvent(BI.MultiLayerDownListPopup.EVENT_CHANGE, changedValue, object);
+                self.fireEvent(MultiLayerDownListPopup.EVENT_CHANGE, changedValue, object);
             }
 
-
+            if (!contains(self.singleValues, changedValue)) {
-            if (!BI.contains(self.singleValues, changedValue)) {
+                const item = self.getValue();
-                var item = self.getValue();
+                const result = [];
-                var result = [];
+                each(item, (i, valueObject) => {
-                BI.each(item, function (i, valueObject) {
                     if (valueObject.value != changedValue) {
                         result.push(valueObject);
                     }
                 });
                 self.setValue(result);
             }
-
         });
 
-        BI.createWidget({
+        createWidget({
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             element: this,
             items: [this.popup],
-            vgap: 5
+            vgap: 5,
         });
+    }
 
-    },
+    _createPopupItems(items) {
-    _createPopupItems: function (items) {
+        const self = this,
-        var self = this, result = [];
+            result = [];
-        BI.each(items, function (i, it) {
+        each(items, (i, it) => {
-            var item_done = {
+            const item_done = {
-                type: "bi.down_list_group",
+                type: DownListGroup.xtype,
-                items: []
+                items: [],
             };
-            var storeItem = [];
+            const storeItem = [];
 
-            BI.each(it, function (i, sourceItem) {
+            each(it, (i, sourceItem) => {
-                var item = BI.extend({}, sourceItem);
+                const item = extend({}, sourceItem);
-                if (BI.isNotEmptyArray(sourceItem.children) && !BI.isEmpty(sourceItem.el)) {
+                if (isNotEmptyArray(sourceItem.children) && !isEmpty(sourceItem.el)) {
-                    item.type = "bi.combo_group";
+                    item.type = ComboGroup.xtype;
                     item.cls = "down-list-group";
                     item.trigger = "hover";
                     item.isNeedAdjustWidth = false;
                     item.el = sourceItem.el;
                     item.el.title = sourceItem.el.title || sourceItem.el.text;
-                    item.el.type = "bi.down_list_group_item";
+                    item.el.type = DownListGroupItem.xtype;
                     item.el.logic = {
-                        dynamic: true
+                        dynamic: true,
                     };
                     item.el.height = sourceItem.el.height || BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT;
                     item.el.iconCls2 = self.constants.nextIcon;
                     item.popup = {
                         lgap: 1,
                         el: {
-                            type: "bi.button_tree",
+                            type: ButtonTree.xtype,
                             chooseType: 0,
-                            layouts: [{
+                            layouts: [
-                                type: "bi.vertical"
+                                {
-                            }]
+                                    type: VerticalLayout.xtype,
-
+                                }
+                            ],
                         },
                         innerVgap: 5,
                         maxHeight: 378,
                     };
                     self._createChildren(item, sourceItem);
                 } else {
-                    item.type = sourceItem.type || "bi.down_list_item";
+                    item.type = sourceItem.type || DownListItem.xtype;
                     item.title = sourceItem.title || sourceItem.text;
                     item.textRgap = 10;
                     item.isNeedAdjustWidth = false;
                     item.logic = {
-                        dynamic: true
+                        dynamic: true,
                     };
                 }
-                var el_done = {};
+                const el_done = {};
                 el_done.el = item;
                 item_done.items.push(el_done);
                 storeItem.push(item);
             });
             if (self._isGroup(item_done.items)) {
-                BI.each(item_done.items, function (i, item) {
+                each(item_done.items, (i, item) => {
                     self.singleValues.push(item.el.value);
                 });
             }
@@ -138,16 +175,17 @@ BI.MultiLayerDownListPopup = BI.inherit(BI.Pane, {
             result.push(item_done);
             self.items.push(storeItem);
             if (self._needSpliter(i, items.length)) {
-                var spliter_container = BI.createWidget({
+                const spliter_container = createWidget({
-                    type: "bi.vertical",
+                    type: VerticalLayout.xtype,
-                    items: [{
+                    items: [
+                        {
                             el: {
-                            type: "bi.layout",
+                                type: Layout.xtype,
                                 cls: "bi-down-list-spliter bi-border-top cursor-pointer",
-                            height: 0
+                                height: 0,
+                            },
                         }
-
+                    ],
-                    }],
                     cls: "bi-down-list-spliter-container cursor-pointer",
                     vgap: 5,
                     hgap: 12,
@@ -155,178 +193,180 @@ BI.MultiLayerDownListPopup = BI.inherit(BI.Pane, {
                 result.push(spliter_container);
             }
         });
+        
         return result;
-    },
+    }
 
-    _createChildren: function (targetItem, sourceItem) {
+    _createChildren(targetItem, sourceItem) {
-        var self = this;
+        const self = this;
         this._formatEL(targetItem).el.childValues = [];
         targetItem.items = targetItem.children = [];
-        BI.each(sourceItem.children, function (i, child) {
+        each(sourceItem.children, (i, child) => {
-            var item = child.el ? BI.extend({}, child.el, {children: child.children}) : BI.extend({}, child);
+            const item = child.el ? extend({}, child.el, { children: child.children }) : extend({}, child);
-            var fatherValue = BI.deepClone(self._formatEL(targetItem).el.value);
+            const fatherValue = deepClone(self._formatEL(targetItem).el.value);
-            var childValue = BI.deepClone(item.value);
+            const childValue = deepClone(item.value);
             self.singleValues.push(item.value);
-            item.type = item.type || "bi.down_list_item";
+            item.type = item.type || DownListItem.xtype;
             item.extraCls = " child-down-list-item";
             item.title = item.title || item.text;
             item.textRgap = 10;
             item.isNeedAdjustWidth = false;
             item.logic = {
-                dynamic: true
+                dynamic: true,
             };
             item.father = fatherValue;
             self.fatherValueMap[self._createChildValue(fatherValue, childValue)] = fatherValue;
             self.childValueMap[self._createChildValue(fatherValue, childValue)] = childValue;
             item.value = self._createChildValue(fatherValue, childValue);
             self._formatEL(targetItem).el.childValues.push(item.value);
-            if (BI.isNotEmptyArray(child.children)) {
+            if (isNotEmptyArray(child.children)) {
-                item.type = "bi.down_list_group_item";
+                item.type = DownListGroupItem.xtype;
                 item.iconCls2 = self.constants.nextIcon;
                 item.height = child.height || BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT;
                 self._createChildren(item, child);
             }
             targetItem.items.push(item);
         });
-    },
+    }
 
-    _formatEL: function(obj) {
+    _formatEL(obj) {
         if (obj && obj.el) {
             return obj;
         }
 
         return {
-            el: obj
+            el: obj,
         };
-    },
+    }
 
-    _isGroup: function (i) {
+    _isGroup(i) {
         return i.length > 1;
-    },
+    }
 
-    _needSpliter: function (i, itemLength) {
+    _needSpliter(i, itemLength) {
         return i < itemLength - 1;
-    },
+    }
 
-    _createChildValue: function (fatherValue, childValue) {
+    _createChildValue(fatherValue, childValue) {
-        var fValue = fatherValue;
+        let fValue = fatherValue;
-        if(BI.isArray(fatherValue)) {
+        if (isArray(fatherValue)) {
-            fValue = fatherValue.join(BI.BlankSplitChar);
+            fValue = fatherValue.join(BlankSplitChar);
+        }
+        
+        return fValue + BlankSplitChar + childValue;
     }
-        return fValue + BI.BlankSplitChar + childValue;
-    },
 
-    _digest: function (valueItem) {
+    _digest(valueItem) {
-        var self = this;
+        const self = this;
-        var valueArray = [];
+        const valueArray = [];
-        BI.each(valueItem, function (i, item) {
+        each(valueItem, (i, item) => {
-                var value;
+            let value;
-                if (BI.isNotNull(item.childValue)) {
+            if (isNotNull(item.childValue)) {
                 value = self._createChildValue(item.value, item.childValue);
             } else {
                 value = item.value;
             }
             valueArray.push(value);
-            }
+        });
-        );
+        
         return valueArray;
-    },
+    }
 
-    _checkValues: function (values) {
+    _checkValues(values) {
-        var self = this, o = this.options;
+        const value = [];
-        var value = [];
+        each(this.items, (idx, itemGroup) => {
-        BI.each(this.items, function (idx, itemGroup) {
+            each(itemGroup, (id, item) => {
-            BI.each(itemGroup, function (id, item) {
+                if (isNotNull(item.children)) {
-                if(BI.isNotNull(item.children)) {
+                    const childValues = getChildrenValue(item);
-                    var childValues = getChildrenValue(item);
+                    const v = joinValue(childValues, values[idx]);
-                    var v = joinValue(childValues, values[idx]);
+                    if (isNotEmptyString(v)) {
-                    if(BI.isNotEmptyString(v)) {
                         value.push(v);
                     }
-                }else{
+                } else {
-                    if(item.value === values[idx][0]) {
+                    if (item.value === values[idx][0]) {
                         value.push(values[idx][0]);
                     }
                 }
             });
         });
+        
         return value;
 
-        function joinValue (sources, targets) {
+        function joinValue(sources, targets) {
-            var value = "";
+            let value = "";
-            BI.some(sources, function (idx, s) {
+            some(sources, (idx, s) => some(targets, (id, t) => {
-                return BI.some(targets, function (id, t) {
+                if (s === t) {
-                    if(s === t) {
                     value = s;
+                    
                     return true;
                 }
-                });
+            }));
-            });
+            
             return value;
         }
 
-        function getChildrenValue (item) {
+        function getChildrenValue(item) {
-            var children = [];
+            let children = [];
-            if(BI.isNotNull(item.children)) {
+            if (isNotNull(item.children)) {
-                BI.each(item.children, function (idx, child) {
+                each(item.children, (idx, child) => {
-                    children = BI.concat(children, getChildrenValue(child));
+                    children = concat(children, getChildrenValue(child));
                 });
             } else {
                 children.push(item.value);
             }
+            
             return children;
         }
-    },
+    }
 
-    populate: function (items) {
+    populate(items) {
-        BI.MultiLayerDownListPopup.superclass.populate.apply(this, arguments);
+        super.populate(...arguments);
-        var self = this;
+        const self = this;
         self.childValueMap = {};
         self.fatherValueMap = {};
         self.singleValues = [];
         this.items = [];
-        var children = self._createPopupItems(items);
+        const children = self._createPopupItems(items);
-        var popupItem = BI.createItems(children,
+        const popupItem = createItems(
-            {}, {
+            children,
-                adjustLength: -2
+            {},
+            {
+                adjustLength: -2,
             }
         );
         self.popup.populate(popupItem);
-    },
+    }
 
-    setValue: function (valueItem) {
+    setValue(valueItem) {
         this.popup.setValue(this._digest(valueItem));
-    },
+    }
 
-    _getValue: function () {
+    _getValue() {
-        var v = [];
+        const v = [];
-        BI.each(this.popup.getAllButtons(), function (i, item) {
+        each(this.popup.getAllButtons(), (i, item) => {
             i % 2 === 0 && v.push(item.getValue());
         });
+        
         return v;
-    },
+    }
 
-    getValue: function () {
+    getValue() {
-        var self = this, result = [];
+        const self = this,
-        var values = this._checkValues(this._getValue());
+            result = [];
-        BI.each(values, function (i, value) {
+        const values = this._checkValues(this._getValue());
-            var valueItem = {};
+        each(values, (i, value) => {
-            if (BI.isNotNull(self.childValueMap[value])) {
+            const valueItem = {};
-                var fartherValue = self.fatherValueMap[value];
+            if (isNotNull(self.childValueMap[value])) {
+                const fartherValue = self.fatherValueMap[value];
                 valueItem.childValue = self.childValueMap[value];
-                var fatherArrayValue = (fartherValue + "").split(BI.BlankSplitChar);
+                const fatherArrayValue = (`${fartherValue}`).split(BlankSplitChar);
                 valueItem.value = fatherArrayValue.length > 1 ? fatherArrayValue : fartherValue;
             } else {
                 valueItem.value = value;
             }
             result.push(valueItem);
         });
+        
         return result;
     }
-
+}
-
-});
-
-BI.MultiLayerDownListPopup.EVENT_CHANGE = "EVENT_CHANGE";
-BI.MultiLayerDownListPopup.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE";
-BI.shortcut("bi.multi_layer_down_list_popup", BI.MultiLayerDownListPopup);

src/widget/multilayersingletree/index.js

@@ -1,2 +1,7 @@
 export { MultiLayerSingleTreeCombo } from "./multilayersingletree.combo";
+export { MultiLayerSingleTreeInsertSearchPane } from "./multilayersingletree.insert.search.pane";
 export { MultiLayerSingleLevelTree } from "./multilayersingletree.leveltree";
+export { MultiLayerSingleTreePopup } from "./multilayersingletree.popup";
+export { MultiLayerSingleTreeTrigger } from "./multilayersingletree.trigger";
+export * from "./node";
+export * from "./treeitem";

src/widget/multiselect/index.js

@@ -2,3 +2,4 @@ export { MultiSelectCombo } from "./multiselect.combo";
 export { MultiSelectNoBarCombo } from "./multiselect.combo.nobar";
 export { MultiSelectInsertCombo } from "./multiselect.insert.combo";
 export { MultiSelectInsertNoBarCombo } from "./multiselect.insert.combo.nobar";
+export { SelectPatchEditor } from "./trigger/editor/editor.patch";

src/widget/singleselect/index.js

@@ -0,0 +1,9 @@
+export { SingleSelectCombo } from "./singleselect.combo";
+export { SingleSelectInsertCombo } from "./singleselect.insert.combo";
+export { SingleSelectList } from "./singleselect.list";
+export { SingleSelectLoader } from "./singleselect.loader";
+export { SingleSelectPopupView } from "./singleselect.popup.view";
+export { SingleSelectTrigger } from "./singleselect.trigger";
+export { SingleSelectInsertList } from "./singleselectlist.insert";
+export * from "./trigger";
+export * from "./search";

src/widget/singleselect/search/index.js

@@ -0,0 +1,3 @@
+export { SingleSelectSearchLoader } from "./singleselect.search.loader";
+export { SingleSelectSearchPane } from "./singleselect.search.pane";
+export { SingleSelectSearchInsertPane } from "./singleselect.search.pane.insert";

src/widget/singleselect/search/singleselect.search.loader.js

@@ -1,73 +1,80 @@
-/**
+import { shortcut, Widget, extend, emptyFn, createWidget, i18nText, isUndefined, Controller, VerticalLayout, map, isArray, isKey, Func } from "@/core";
- * 单选加载数据搜索loader面板
+import { ButtonGroup, Loader } from "@/base";
- * Created by guy on 15/11/4.
+import { SingleSelectList } from "../singleselect.list";
- * @class BI.SingleSelectSearchLoader
+import { SingleSelectItem, SingleSelectRadioItem } from "@/case";
- * @extends Widget
+
- */
+@shortcut()
-BI.SingleSelectSearchLoader = BI.inherit(BI.Widget, {
+export class SingleSelectSearchLoader extends Widget {
-
+    static xtype = "bi.single_select_search_loader";
-    _defaultConfig: function () {
+
-        return BI.extend(BI.SingleSelectSearchLoader.superclass._defaultConfig.apply(this, arguments), {
+    static EVENT_CHANGE = "EVENT_CHANGE";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-search-loader",
             allowNoSelect: false,
             logic: {
-                dynamic: false
+                dynamic: false,
             },
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            keywordGetter: BI.emptyFn,
+            keywordGetter: emptyFn,
-            valueFormatter: BI.emptyFn
+            valueFormatter: emptyFn,
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.SingleSelectSearchLoader.superclass._init.apply(this, arguments);
+        super._init(...arguments);
 
-        var self = this, opts = this.options;
+        const self = this,
-        var hasNext = false;
+            opts = this.options;
+        let hasNext = false;
 
-        this.button_group = BI.createWidget({
+        this.button_group = createWidget({
-            type: "bi.single_select_list",
+            type: SingleSelectList.xtype,
             allowNoSelect: opts.allowNoSelect,
             element: this,
             logic: {
-                dynamic: false
+                dynamic: false,
             },
             value: opts.value,
             el: {
-                tipText: BI.i18nText("BI-No_Select"),
+                tipText: i18nText("BI-No_Select"),
                 el: {
-                    type: "bi.loader",
+                    type: Loader.xtype,
                     isDefaultInit: false,
                     logic: {
                         dynamic: true,
-                        scrolly: true
+                        scrolly: true,
                     },
                     el: {
-                        chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE,
+                        chooseType: ButtonGroup.CHOOSE_TYPE_SINGLE,
                         behaviors: {
-                            redmark: function () {
+                            redmark () {
                                 return true;
-                            }
                             },
-                        layouts: [{
+                        },
-                            type: "bi.vertical"
+                        layouts: [
-                        }]
+                            {
-                    }
+                                type: VerticalLayout.xtype,
                             }
+                        ],
+                    },
                 },
-            itemsCreator: function (op, callback) {
+            },
-                self.storeValue && (op = BI.extend(op || {}, {
+            itemsCreator (op, callback) {
-                    selectedValues: [self.storeValue]
+                self.storeValue &&
+                    (op = extend(op || {}, {
+                        selectedValues: [self.storeValue],
                     }));
-                opts.itemsCreator(op, function (ob) {
+                opts.itemsCreator(op, ob => {
-                    var keyword = ob.keyword = opts.keywordGetter();
+                    const keyword = (ob.keyword = opts.keywordGetter());
                     hasNext = ob.hasNext;
-                    var firstItems = [];
+                    let firstItems = [];
-                    if (op.times === 1 && !BI.isUndefined(self.storeValue)) {
+                    if (op.times === 1 && !isUndefined(self.storeValue)) {
-                        var json = self._filterValues(self.storeValue);
+                        const json = self._filterValues(self.storeValue);
                         firstItems = self._createItems(json);
                     }
-                    var context = {
+                    const context = {
                         tipText: ob.tipText,
                     };
                     callback(firstItems.concat(self._createItems(ob.items)), keyword || "", context);
@@ -76,88 +83,88 @@ BI.SingleSelectSearchLoader = BI.inherit(BI.Widget, {
                     }
                 });
             },
-            hasNext: function () {
+            hasNext () {
                 return hasNext;
-            }
+            },
         });
-        this.button_group.on(BI.Controller.EVENT_CHANGE, function () {
+        this.button_group.on(Controller.EVENT_CHANGE, function () {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            self.fireEvent(Controller.EVENT_CHANGE, arguments);
         });
-        this.button_group.on(BI.SingleSelectList.EVENT_CHANGE, function () {
+        this.button_group.on(SingleSelectList.EVENT_CHANGE, function () {
-            self.fireEvent(BI.SingleSelectSearchLoader.EVENT_CHANGE, arguments);
+            self.fireEvent(SingleSelectSearchLoader.EVENT_CHANGE, arguments);
         });
-    },
+    }
+
+    _createItems(items) {
+        const o = this.options;
         
-    _createItems: function (items) {
+        return map(items, (i, item) => extend(
-        var o = this.options;
+            {
-        return BI.map(items, function (i, item) {
+                type: o.allowNoSelect ? SingleSelectItem.xtype : SingleSelectRadioItem.xtype,
-            return BI.extend({
-                type: o.allowNoSelect ? "bi.single_select_item" : "bi.single_select_radio_item",
                 logic: o.logic,
                 cls: "bi-list-item-active",
                 height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
                 selected: false,
                 iconWrapperWidth: 26,
                 hgap: o.allowNoSelect ? 10 : 0,
-                title: item.title || item.text
+                title: item.title || item.text,
-            }, item);
-        });
             },
+            item
+        ));
+    }
 
-    _filterValues: function (src) {
+    _filterValues(src) {
-        var o = this.options;
+        const o = this.options;
-        var keyword = o.keywordGetter();
+        const keyword = o.keywordGetter();
-        var values = src || [];
+        let values = src || [];
-        var newValues = BI.map(BI.isArray(values) ? values : [values], function (i, v) {
+        const newValues = map(isArray(values) ? values : [values], (i, v) => {
             return {
                 text: o.valueFormatter(v) || v,
-                value: v
+                value: v,
             };
         });
-        if (BI.isKey(keyword)) {
+        if (isKey(keyword)) {
-            var search = BI.Func.getSearchResult(newValues, keyword);
+            const search = Func.getSearchResult(newValues, keyword);
             values = search.match.concat(search.find);
         }
-        return BI.map(values, function (i, v) {
+        
+        return map(values, (i, v) => {
             return {
                 text: v.text,
                 title: v.text,
                 value: v.value,
-                selected: false
+                selected: false,
             };
         });
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         // 暂存的值一定是新的值，不然v改掉后，storeValue也跟着改了
         this.storeValue = v;
         this.button_group.setValue(v);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.button_group.getValue();
-    },
+    }
 
-    getAllButtons: function () {
+    getAllButtons() {
         return this.button_group.getAllButtons();
-    },
+    }
 
-    empty: function () {
+    empty() {
         this.button_group.empty();
-    },
+    }
 
-    populate: function (items) {
+    populate(items) {
-        this.button_group.populate.apply(this.button_group, arguments);
+        this.button_group.populate(...arguments);
-    },
+    }
 
-    resetHeight: function (h) {
+    resetHeight(h) {
         this.button_group.resetHeight(h);
-    },
+    }
 
-    resetWidth: function (w) {
+    resetWidth(w) {
         this.button_group.resetWidth(w);
     }
-});
+}
-
-BI.SingleSelectSearchLoader.EVENT_CHANGE = "EVENT_CHANGE";
-BI.shortcut("bi.single_select_search_loader", BI.SingleSelectSearchLoader);

src/widget/singleselect/search/singleselect.search.pane.insert.js

@@ -1,96 +1,96 @@
-/**
+import { shortcut, Widget, extend, emptyFn, createWidget, i18nText, Controller, VerticalFillLayout, VerticalLayout } from "@/core";
- *
+import { Label } from "@/base";
- * 在搜索框中输入文本弹出的面板
+import { SingleSelectSearchLoader } from "./singleselect.search.loader";
- * @class BI.SingleSelectSearchInsertPane
- * @extends Widget
- */
 
-BI.SingleSelectSearchInsertPane = BI.inherit(BI.Widget, {
+@shortcut()
+export class SingleSelectSearchInsertPane extends Widget {
+    static xtype = "bi.single_select_search_insert_pane";
 
-    constants: {
+    constants = { height: 25, lgap: 10, tgap: 5 };
-        height: 25,
+
-        lgap: 10,
+    static EVENT_CHANGE = "EVENT_CHANGE";
-        tgap: 5
-    },
 
-    _defaultConfig: function () {
+    _defaultConfig() {
-        return BI.extend(BI.SingleSelectSearchInsertPane.superclass._defaultConfig.apply(this, arguments), {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-search-pane-insert bi-card",
             allowNoSelect: false,
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
-            keywordGetter: BI.emptyFn
+            keywordGetter: emptyFn,
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.SingleSelectSearchInsertPane.superclass._init.apply(this, arguments);
+        super._init(...arguments);
-        var self = this, o = this.options;
+        const self = this,
+            o = this.options;
 
-        this.addNotMatchTip = BI.createWidget({
+        this.addNotMatchTip = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
-            text: BI.i18nText("BI-Basic_Press_Enter_To_Add_Text", ""),
+            text: i18nText("BI-Basic_Press_Enter_To_Add_Text", ""),
             height: this.constants.height,
             cls: "bi-keyword-red-mark",
             hgap: 5,
         });
 
-        this.loader = BI.createWidget({
+        this.loader = createWidget({
-            type: "bi.single_select_search_loader",
+            type: SingleSelectSearchLoader.xtype,
             allowNoSelect: o.allowNoSelect,
             keywordGetter: o.keywordGetter,
             valueFormatter: o.valueFormatter,
-            itemsCreator: function (op, callback) {
+            itemsCreator (op, callback) {
-                o.itemsCreator.apply(self, [op, function (res) {
+                o.itemsCreator.apply(self, [
+                    op,
+                    function (res) {
                         callback(res);
                         self.setKeyword(o.keywordGetter());
-                }]);
+                    }
+                ]);
             },
-            value: o.value
+            value: o.value,
         });
-        this.loader.on(BI.Controller.EVENT_CHANGE, function () {
+        this.loader.on(Controller.EVENT_CHANGE, function () {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            self.fireEvent(Controller.EVENT_CHANGE, arguments);
         });
 
-        this.resizer = BI.createWidget({
+        this.resizer = createWidget({
-            type: "bi.vertical_fill",
+            type: VerticalFillLayout.xtype,
             rowSize: ["", "fill"],
             element: this,
-            items: [{
+            items: [
-                type: "bi.vertical",
+                {
+                    type: VerticalLayout.xtype,
                     items: [this.addNotMatchTip],
-                height: this.constants.height
+                    height: this.constants.height,
-            }, {
-                el: this.loader
-            }]
-        });
                 },
+                {
+                    el: this.loader,
+                }
+            ],
+        });
+    }
 
-    setKeyword: function (keyword) {
+    setKeyword(keyword) {
-        this.addNotMatchTip.setText(BI.i18nText("BI-Basic_Press_Enter_To_Add_Text", keyword));
+        this.addNotMatchTip.setText(i18nText("BI-Basic_Press_Enter_To_Add_Text", keyword));
-    },
+    }
 
-    hasMatched: function () {
+    hasMatched() {
         return false;
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.loader.setValue(v);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.loader.getValue();
-    },
+    }
 
-    empty: function () {
+    empty() {
         this.loader.empty();
-    },
-
-    populate: function (items) {
-        this.loader.populate.apply(this.loader, arguments);
     }
-});
 
-BI.SingleSelectSearchInsertPane.EVENT_CHANGE = "EVENT_CHANGE";
+    populate(items) {
-
+        this.loader.populate(...arguments);
-BI.shortcut("bi.single_select_search_insert_pane", BI.SingleSelectSearchInsertPane);
+    }
+}

src/widget/singleselect/search/singleselect.search.pane.js

@@ -1,101 +1,105 @@
-/**
+import { shortcut, Widget, extend, emptyFn, createWidget, i18nText, Controller, VerticalFillLayout } from "@/core";
- *
+import { Label } from "@/base";
- * 在搜索框中输入文本弹出的面板
+import { SingleSelectSearchLoader } from "./singleselect.search.loader";
- * @class BI.SingleSelectSearchPane
- * @extends Widget
- */
 
-BI.SingleSelectSearchPane = BI.inherit(BI.Widget, {
+@shortcut()
+export class SingleSelectSearchPane extends Widget {
+    static xtype = "bi.single_select_search_pane";
 
-    constants: {
+    constants = { height: 25, lgap: 10, tgap: 5 };
-        height: 25,
+
-        lgap: 10,
+    static EVENT_CHANGE = "EVENT_CHANGE";
-        tgap: 5
-    },
 
-    _defaultConfig: function () {
+    _defaultConfig() {
-        return BI.extend(BI.SingleSelectSearchPane.superclass._defaultConfig.apply(this, arguments), {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-search-pane bi-card",
             allowNoSelect: false,
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
-            keywordGetter: BI.emptyFn
+            keywordGetter: emptyFn,
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.SingleSelectSearchPane.superclass._init.apply(this, arguments);
+        super._init(...arguments);
-        var self = this, o = this.options;
+        const self = this,
+            o = this.options;
 
-        this.tooltipClick = BI.createWidget({
+        this.tooltipClick = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             invisible: true,
-            text: BI.i18nText("BI-Click_Blank_To_Select"),
+            text: i18nText("BI-Click_Blank_To_Select"),
             cls: "single-select-toolbar",
-            height: this.constants.height
+            height: this.constants.height,
         });
 
-        this.loader = BI.createWidget({
+        this.loader = createWidget({
-            type: "bi.single_select_search_loader",
+            type: SingleSelectSearchLoader.xtype,
             allowNoSelect: o.allowNoSelect,
             keywordGetter: o.keywordGetter,
             valueFormatter: o.valueFormatter,
-            itemsCreator: function (op, callback) {
+            itemsCreator (op, callback) {
-                o.itemsCreator.apply(self, [op, function (res) {
+                o.itemsCreator.apply(self, [
+                    op,
+                    function (res) {
                         callback(res);
                         self.setKeyword(o.keywordGetter());
-                }]);
+                    }
+                ]);
             },
-            value: o.value
+            value: o.value,
         });
-        this.loader.on(BI.Controller.EVENT_CHANGE, function () {
+        this.loader.on(Controller.EVENT_CHANGE, function () {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            self.fireEvent(Controller.EVENT_CHANGE, arguments);
         });
 
-        this.resizer = BI.createWidget({
+        this.resizer = createWidget({
-            type: "bi.vertical_fill",
+            type: VerticalFillLayout.xtype,
             rowSize: ["", "fill"],
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.tooltipClick,
-            }, {
+                },
-                el: this.loader
+                {
-            }]
+                    el: this.loader,
+                }
+            ],
         });
         this.tooltipClick.setVisible(false);
-    },
+    }
 
-    setKeyword: function (keyword) {
+    setKeyword(keyword) {
-        var btn, o = this.options;
+        let btn;
-        var isVisible = this.loader.getAllButtons().length > 0 && (btn = this.loader.getAllButtons()[0]) && (keyword === (o.valueFormatter(btn.getValue()) || btn.getValue()));
+        const o = this.options;
+        const isVisible =
+            this.loader.getAllButtons().length > 0 &&
+            (btn = this.loader.getAllButtons()[0]) &&
+            keyword === (o.valueFormatter(btn.getValue()) || btn.getValue());
         if (isVisible !== this.tooltipClick.isVisible()) {
             this.tooltipClick.setVisible(isVisible);
-            this.resizer.attr("items")[0].height = (isVisible ? this.constants.height : 0);
+            this.resizer.attr("items")[0].height = isVisible ? this.constants.height : 0;
             this.resizer.resize();
         }
-    },
+    }
 
-    hasMatched: function () {
+    hasMatched() {
         return this.tooltipClick.isVisible();
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.loader.setValue(v);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.loader.getValue();
-    },
+    }
 
-    empty: function () {
+    empty() {
         this.loader.empty();
-    },
-
-    populate: function (items) {
-        this.loader.populate.apply(this.loader, arguments);
     }
-});
 
-BI.SingleSelectSearchPane.EVENT_CHANGE = "EVENT_CHANGE";
+    populate(items) {
-
+        this.loader.populate(...arguments);
-BI.shortcut("bi.single_select_search_pane", BI.SingleSelectSearchPane);
+    }
+}

src/widget/singleselect/singleselect.combo.js

@@ -1,89 +1,104 @@
-/**
+import { shortcut, extend, emptyFn, isKey, createWidget, toPix, isNotNull, nextTick, AbsoluteLayout, makeObject, map, each, remove } from "@/core";
- *
+import { Single, Combo } from "@/base";
- * @class BI.SingleSelectCombo
+import { SingleSelectTrigger } from "./singleselect.trigger";
- * @extends BI.Single
+import { SingleSelectPopupView } from "./singleselect.popup.view";
- */
+import { TriggerIconButton } from "@/case";
-BI.SingleSelectCombo = BI.inherit(BI.Single, {
 
-    _defaultConfig: function () {
+@shortcut()
-        return BI.extend(BI.SingleSelectCombo.superclass._defaultConfig.apply(this, arguments), {
+export class SingleSelectCombo extends Single {
+    static xtype = "bi.single_select_combo";
+
+    static REQ_GET_DATA_LENGTH = 0;
+    static REQ_GET_ALL_DATA = -1;
+    static EVENT_BLUR = "EVENT_BLUR";
+    static EVENT_FOCUS = "EVENT_FOCUS";
+    static EVENT_STOP = "EVENT_STOP";
+    static EVENT_SEARCHING = "EVENT_SEARCHING";
+    static EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM";
+    static EVENT_CONFIRM = "EVENT_CONFIRM";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-combo",
             allowNoSelect: false,
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            itemWrapper: BI.emptyFn,
+            itemWrapper: emptyFn,
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
             height: 24,
-            allowEdit: true
+            allowEdit: true,
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        var self = this, o = this.options;
+        const o = this.options;
-        BI.SingleSelectCombo.superclass._init.apply(this, arguments);
+        super._init(...arguments);
 
-        var assertShowValue = function () {
+        const assertShowValue = () => {
-            BI.isKey(self._startValue) && (self.storeValue = self._startValue);
+            isKey(this._startValue) && (this.storeValue = this._startValue);
-            self.trigger.getSearcher().setState(self.storeValue);
+            this.trigger.getSearcher().setState(this.storeValue);
         };
         this.storeValue = o.value;
         // 标记正在请求数据
         this.requesting = false;
 
-        this.trigger = BI.createWidget({
+        this.trigger = createWidget({
             type: "bi.single_select_trigger",
-            height: BI.toPix(o.height, o.simple ? 1 : 2),
+            height: toPix(o.height, o.simple ? 1 : 2),
             // adapter: this.popup,
             allowNoSelect: o.allowNoSelect,
             allowEdit: o.allowEdit,
             valueFormatter: o.valueFormatter,
-            itemsCreator: function (op, callback) {
+            itemsCreator: (op, callback) => {
-                o.itemsCreator(op, function (res) {
+                o.itemsCreator(op, (...args) => {
-                    if (op.times === 1 && BI.isNotNull(op.keywords)) {
+                    if (op.times === 1 && isNotNull(op.keywords)) {
                         // 预防trigger内部把当前的storeValue改掉
-                        self.trigger.setValue(self.getValue());
+                        this.trigger.setValue(this.getValue());
                     }
-                    callback.apply(self, arguments);
+                    callback.apply(this, ...args);
                 });
             },
             text: o.text,
-            value: this.storeValue
+            value: this.storeValue,
         });
 
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_FOCUS, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_FOCUS, () => {
-            self.fireEvent(BI.SingleSelectCombo.EVENT_FOCUS);
+            this.fireEvent(SingleSelectCombo.EVENT_FOCUS);
         });
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_BLUR, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_BLUR, () => {
-            self.fireEvent(BI.SingleSelectCombo.EVENT_BLUR);
+            this.fireEvent(SingleSelectCombo.EVENT_BLUR);
         });
 
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_START, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_START, () => {
-            self._setStartValue();
+            this._setStartValue();
-            this.getSearcher().setValue(self.storeValue);
+            this.getSearcher().setValue(this.storeValue);
         });
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_STOP, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_STOP, () => {
-            self._setStartValue();
+            this._setStartValue();
-            self.fireEvent(BI.SingleSelectCombo.EVENT_STOP);
+            this.fireEvent(SingleSelectCombo.EVENT_STOP);
         });
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_SEARCHING, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_SEARCHING, () => {
-            self._dataChange = true;
+            this._dataChange = true;
-            self.fireEvent(BI.SingleSelectCombo.EVENT_SEARCHING);
+            this.fireEvent(SingleSelectCombo.EVENT_SEARCHING);
         });
 
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_CHANGE, function (value, obj) {
+        this.trigger.on(
-            self.storeValue = this.getValue();
+            SingleSelectTrigger.EVENT_CHANGE,
+            (value, obj) => {
+                this.storeValue = this.trigger.getValue();
                 assertShowValue();
-            self._defaultState();
+                this._defaultState();
-            self._dataChange = true;
+                this._dataChange = true;
-        });
+            }
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_COUNTER_CLICK, function () {
+        );
-            if (!self.combo.isViewVisible()) {
+        this.trigger.on(SingleSelectTrigger.EVENT_COUNTER_CLICK, () => {
-                self.combo.showView();
+            if (!this.combo.isViewVisible()) {
+                this.combo.showView();
             }
         });
 
-        this.combo = BI.createWidget({
+        this.combo = createWidget({
-            type: "bi.combo",
+            type: Combo.xtype,
-            cls: (o.simple ? "bi-border-bottom" : "bi-border bi-border-radius"),
+            cls: o.simple ? "bi-border-bottom" : "bi-border bi-border-radius",
             container: o.container,
             toggle: false,
             el: this.trigger,
@@ -91,182 +106,174 @@ BI.SingleSelectCombo = BI.inherit(BI.Single, {
             popup: {
                 type: "bi.single_select_popup_view",
                 allowNoSelect: o.allowNoSelect,
-                ref: function () {
+                ref: _ref => {
-                    self.popup = this;
+                    this.popup = _ref;
-                    self.trigger.setAdapter(this);
+                    this.trigger.setAdapter(_ref);
                 },
                 listeners: [{
-                    eventName: BI.SingleSelectPopupView.EVENT_CHANGE,
+                    eventName: SingleSelectPopupView.EVENT_CHANGE,
-                    action: function () {
+                    action: () => {
-                        self._dataChange = true;
+                        this._dataChange = true;
-                        self.storeValue = this.getValue();
+                        this.storeValue = this.popup.getValue();
-                        self._adjust(function () {
+                        this._adjust(() => {
                             assertShowValue();
-                            self._defaultState();
+                            this._defaultState();
                         });
-                        self.fireEvent(BI.SingleSelectCombo.EVENT_CLICK_ITEM);
+                        this.fireEvent(SingleSelectCombo.EVENT_CLICK_ITEM);
-                    }
+                    },
                 }],
                 itemsCreator: o.itemsCreator,
                 itemWrapper: o.itemWrapper,
                 valueFormatter: o.valueFormatter,
-                onLoaded: function () {
+                onLoaded: () => {
-                    BI.nextTick(function () {
+                    nextTick(() => {
-                        self.combo.adjustWidth();
+                        this.combo.adjustWidth();
-                        self.combo.adjustHeight();
+                        this.combo.adjustHeight();
-                        self.trigger.getSearcher().adjustView();
+                        this.trigger.getSearcher().adjustView();
                     });
-                }
                 },
-            hideChecker: function (e) {
+            },
+            hideChecker(e) {
                 return triggerBtn.element.find(e.target).length === 0;
             },
-            value: o.value
+            value: o.value,
         });
 
-        this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () {
+        this.combo.on(Combo.EVENT_BEFORE_POPUPVIEW, () => {
-            if (!this.isViewVisible()) {
+            if (!this.combo.isViewVisible()) {
-                self._dataChange = false;// 标记数据是否发生变化
+                this._dataChange = false; // 标记数据是否发生变化
             }
-            this.setValue(self.storeValue);
+            this.setValue(this.storeValue);
-            BI.nextTick(function () {
+            nextTick(() => {
-                self.populate();
+                this.populate();
             });
         });
         // 当退出的时候如果还在处理请求，则等请求结束后再对外发确定事件
         this.wants2Quit = false;
-        this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () {
+        this.combo.on(Combo.EVENT_AFTER_HIDEVIEW, () => {
             // important:关闭弹出时又可能没有退出编辑状态
-            self.trigger.stopEditing();
+            this.trigger.stopEditing();
-            if (self.requesting === true) {
+            if (this.requesting === true) {
-                self.wants2Quit = true;
+                this.wants2Quit = true;
             } else {
-                self._dataChange && self.fireEvent(BI.SingleSelectCombo.EVENT_CONFIRM);
+                this._dataChange &&
+                    this.fireEvent(SingleSelectCombo.EVENT_CONFIRM);
             }
         });
 
-        var triggerBtn = BI.createWidget({
+        const triggerBtn = createWidget({
-            type: "bi.trigger_icon_button",
+            type: TriggerIconButton.xtype,
             width: o.height,
             height: o.height,
-            cls: "single-select-trigger-icon-button"
+            cls: "single-select-trigger-icon-button",
         });
-        triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
+        triggerBtn.on(TriggerIconButton.EVENT_CHANGE, () => {
-            if (self.combo.isViewVisible()) {
+            if (this.combo.isViewVisible()) {
-                self.combo.hideView();
+                this.combo.hideView();
             } else {
-                self.combo.showView();
+                this.combo.showView();
             }
         });
-        BI.createWidget({
+        createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
             items: [{
                 el: this.combo,
                 left: 0,
                 right: 0,
                 top: 0,
-                bottom: 0
+                bottom: 0,
-            }, {
+            },
+            {
                 el: triggerBtn,
                 right: 0,
                 top: 0,
-                bottom: 0
+                bottom: 0,
-            }]
+            }
+            ],
         });
-    },
+    }
 
-    _defaultState: function () {
+    _defaultState() {
         this.trigger.stopEditing();
         this.combo.hideView();
-    },
+    }
 
-    _assertValue: function (val) {
+    _assertValue(val) {}
-    },
 
-    _makeMap: function (values) {
+    _makeMap(values) {
-        return BI.makeObject(values || []);
+        return makeObject(values || []);
-    },
+    }
 
-    _joinKeywords: function (keywords, callback) {
+    _joinKeywords(keywords, callback) {
-        var self = this, o = this.options;
+        const o = this.options;
         this._assertValue(this.storeValue);
         this.requesting = true;
         o.itemsCreator({
-            type: BI.SingleSelectCombo.REQ_GET_ALL_DATA,
+            type: SingleSelectCombo.REQ_GET_ALL_DATA,
-            keywords: keywords
+            keywords,
-        }, function (ob) {
+        },
-            var values = BI.map(ob.items, "value");
+        ob => {
+            const values = map(ob.items, "value");
             digest(values);
-        });
+        }
+        );
 
-        function digest (items) {
+        const digest = items => {
-            var selectedMap = self._makeMap(items);
+            const selectedMap = this._makeMap(items);
-            BI.each(keywords, function (i, val) {
+            each(keywords, (i, val) => {
-                if (BI.isNotNull(selectedMap[val])) {
+                if (isNotNull(selectedMap[val])) {
-                    BI.remove(self.storeValue.value, val);
+                    remove(this.storeValue.value, val);
                 }
             });
-            self._adjust(callback);
+            this._adjust(callback);
+        };
     }
-    },
 
-    _adjust: function (callback) {
+    _adjust(callback) {
-        var self = this, o = this.options;
+        const adjust = () => {
+            if (this.wants2Quit === true) {
+                this._dataChange &&
+                    this.fireEvent(SingleSelectCombo.EVENT_CONFIRM);
+                this.wants2Quit = false;
+            }
+            this.requesting = false;
+        };
+
+        const o = this.options;
         if (!this._count) {
             o.itemsCreator({
-                type: BI.SingleSelectCombo.REQ_GET_DATA_LENGTH
+                type: SingleSelectCombo.REQ_GET_DATA_LENGTH,
-            }, function (res) {
+            },
-                self._count = res.count;
+            res => {
+                this._count = res.count;
                 adjust();
                 callback();
-            });
+            }
+            );
         } else {
             adjust();
             callback();
-
         }
-
-        function adjust () {
-            if (self.wants2Quit === true) {
-                self._dataChange && self.fireEvent(BI.SingleSelectCombo.EVENT_CONFIRM);
-                self.wants2Quit = false;
     }
-            self.requesting = false;
-        }
-    },
 
-    _setStartValue: function (value) {
+    _setStartValue(value) {
         this._startValue = value;
         this.popup.setStartValue(value);
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.storeValue = v;
         this._assertValue(this.storeValue);
         this.combo.setValue(this.storeValue);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.storeValue;
-    },
+    }
 
-    populate: function () {
+    populate() {
         this._count = null;
-        this.combo.populate.apply(this.combo, arguments);
+        this.combo.populate(...arguments);
     }
-});
+}
-
-BI.extend(BI.SingleSelectCombo, {
-    REQ_GET_DATA_LENGTH: 0,
-    REQ_GET_ALL_DATA: -1
-});
-
-BI.SingleSelectCombo.EVENT_BLUR = "EVENT_BLUR";
-BI.SingleSelectCombo.EVENT_FOCUS = "EVENT_FOCUS";
-BI.SingleSelectCombo.EVENT_STOP = "EVENT_STOP";
-BI.SingleSelectCombo.EVENT_SEARCHING = "EVENT_SEARCHING";
-BI.SingleSelectCombo.EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM";
-BI.SingleSelectCombo.EVENT_CONFIRM = "EVENT_CONFIRM";
-
-BI.shortcut("bi.single_select_combo", BI.SingleSelectCombo);

src/widget/singleselect/singleselect.insert.combo.js

@@ -1,45 +1,58 @@
-/**
+import { shortcut, extend, emptyFn, i18nText, isKey, createWidget, toPix, isNotNull, nextTick, AbsoluteLayout, makeObject } from "@/core";
- *
+import { Single, Combo } from "@/base";
- * @class BI.SingleSelectInsertCombo
+import { SingleSelectTrigger } from "./singleselect.trigger";
- * @extends BI.Single
+import { SingleSelectPopupView } from "./singleselect.popup.view";
- */
+import { TriggerIconButton } from "@/case";
-BI.SingleSelectInsertCombo = BI.inherit(BI.Single, {
+
-
+@shortcut()
-    _defaultConfig: function () {
+export class SingleSelectInsertCombo extends Single {
-        return BI.extend(BI.SingleSelectInsertCombo.superclass._defaultConfig.apply(this, arguments), {
+    static xtype = "bi.single_select_insert_combo";
+
+    static REQ_GET_DATA_LENGTH = 0;
+    static REQ_GET_ALL_DATA = -1;
+    static EVENT_FOCUS = "EVENT_FOCUS";
+    static EVENT_BLUR = "EVENT_BLUR";
+    static EVENT_STOP = "EVENT_STOP";
+    static EVENT_SEARCHING = "EVENT_SEARCHING";
+    static EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM";
+    static EVENT_CONFIRM = "EVENT_CONFIRM";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-combo",
             allowNoSelect: false,
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            itemWrapper: BI.emptyFn,
+            itemWrapper: emptyFn,
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
             height: 24,
             allowEdit: true,
-            watermark: BI.i18nText("BI-Basic_Search_And_Patch_Paste"),
+            watermark: i18nText("BI-Basic_Search_And_Patch_Paste"),
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        var self = this, o = this.options;
+        const self = this,
-        BI.SingleSelectInsertCombo.superclass._init.apply(this, arguments);
+            o = this.options;
-        var assertShowValue = function () {
+        super._init(...arguments);
-            BI.isKey(self._startValue) && (self.storeValue = self._startValue);
+        const assertShowValue = () => {
-            self.trigger.getSearcher().setState(self.storeValue);
+            isKey(this._startValue) && (this.storeValue = this._startValue);
+            this.trigger.getSearcher().setState(this.storeValue);
         };
         this.storeValue = o.value;
         // 标记正在请求数据
         this.requesting = false;
 
-        this.trigger = BI.createWidget({
+        this.trigger = createWidget({
-            type: "bi.single_select_trigger",
+            type: SingleSelectTrigger.xtype,
             watermark: o.watermark,
-            height: BI.toPix(o.height, o.simple ? 1 : 2),
+            height: toPix(o.height, o.simple ? 1 : 2),
             allowNoSelect: o.allowNoSelect,
             allowEdit: o.allowEdit,
             // adapter: this.popup,
             valueFormatter: o.valueFormatter,
-            itemsCreator: function (op, callback) {
+            itemsCreator (op, callback) {
                 o.itemsCreator(op, function (res) {
-                    if (op.times === 1 && BI.isNotNull(op.keywords)) {
+                    if (op.times === 1 && isNotNull(op.keywords)) {
                         // 预防trigger内部把当前的storeValue改掉
                         self.trigger.setValue(self.getValue());
                     }
@@ -51,198 +64,195 @@ BI.SingleSelectInsertCombo = BI.inherit(BI.Single, {
             searcher: {
                 popup: {
                     type: "bi.single_select_search_insert_pane",
-                }
+                },
-            }
+            },
         });
 
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_FOCUS, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_FOCUS, () => {
-            self.fireEvent(BI.SingleSelectInsertCombo.EVENT_FOCUS);
+            self.fireEvent(SingleSelectInsertCombo.EVENT_FOCUS);
         });
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_BLUR, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_BLUR, () => {
-            self.fireEvent(BI.SingleSelectInsertCombo.EVENT_BLUR);
+            self.fireEvent(SingleSelectInsertCombo.EVENT_BLUR);
         });
 
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_START, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_START, function () {
             self._setStartValue();
             this.getSearcher().setValue(self.storeValue);
         });
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_STOP, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_STOP, () => {
             self._setStartValue();
-            self.fireEvent(BI.SingleSelectInsertCombo.EVENT_STOP);
+            self.fireEvent(SingleSelectInsertCombo.EVENT_STOP);
         });
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_PAUSE, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_PAUSE, () => {
             self.storeValue = self.trigger.getSearcher().getKeyword();
             assertShowValue();
             self._defaultState();
         });
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_SEARCHING, function () {
+        this.trigger.on(SingleSelectTrigger.EVENT_SEARCHING, () => {
             self._dataChange = true;
-            self.fireEvent(BI.SingleSelectInsertCombo.EVENT_SEARCHING);
+            self.fireEvent(SingleSelectInsertCombo.EVENT_SEARCHING);
         });
 
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_CHANGE, function (value, obj) {
+        this.trigger.on(
+            SingleSelectTrigger.EVENT_CHANGE,
+            function (value, obj) {
                 self.storeValue = this.getValue();
                 assertShowValue();
                 self._defaultState();
                 self._dataChange = true;
-        });
+            }
-        this.trigger.on(BI.SingleSelectTrigger.EVENT_COUNTER_CLICK, function () {
+        );
+        this.trigger.on(SingleSelectTrigger.EVENT_COUNTER_CLICK, () => {
             if (!self.combo.isViewVisible()) {
                 self.combo.showView();
             }
         });
 
-        this.combo = BI.createWidget({
+        this.combo = createWidget({
-            type: "bi.combo",
+            type: Combo.xtype,
-            cls: (o.simple ? "bi-border-bottom" : "bi-border bi-border-radius"),
+            cls: o.simple ? "bi-border-bottom" : "bi-border bi-border-radius",
             container: o.container,
             toggle: false,
             el: this.trigger,
             adjustLength: 1,
             popup: {
-                type: "bi.single_select_popup_view",
+                type: SingleSelectPopupView.xtype,
                 allowNoSelect: o.allowNoSelect,
-                ref: function () {
+                ref () {
                     self.popup = this;
                     self.trigger.setAdapter(this);
                 },
-                listeners: [{
+                listeners: [
-                    eventName: BI.SingleSelectPopupView.EVENT_CHANGE,
+                    {
-                    action: function () {
+                        eventName: SingleSelectPopupView.EVENT_CHANGE,
+                        action () {
                             self._dataChange = true;
                             self.storeValue = this.getValue();
-                        self._adjust(function () {
+                            self._adjust(() => {
                                 assertShowValue();
                                 self._defaultState();
                             });
-                        self.fireEvent(BI.SingleSelectInsertCombo.EVENT_CLICK_ITEM);
+                            self.fireEvent(
+                                SingleSelectInsertCombo.EVENT_CLICK_ITEM
+                            );
+                        },
                     }
-                }],
+                ],
                 itemsCreator: o.itemsCreator,
                 itemWrapper: o.itemWrapper,
                 valueFormatter: o.valueFormatter,
-                onLoaded: function () {
+                onLoaded () {
-                    BI.nextTick(function () {
+                    nextTick(() => {
                         self.combo.adjustWidth();
                         self.combo.adjustHeight();
                         self.trigger.getSearcher().adjustView();
                     });
-                }
                 },
-            hideChecker: function (e) {
+            },
+            hideChecker (e) {
                 return triggerBtn.element.find(e.target).length === 0;
             },
-            value: o.value
+            value: o.value,
         });
 
-        this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () {
+        this.combo.on(Combo.EVENT_BEFORE_POPUPVIEW, function () {
             if (!this.isViewVisible()) {
-                self._dataChange = false;// 标记数据是否发生变化
+                self._dataChange = false; // 标记数据是否发生变化
             }
             this.setValue(self.storeValue);
-            BI.nextTick(function () {
+            nextTick(() => {
                 self.populate();
             });
         });
         // 当退出的时候如果还在处理请求，则等请求结束后再对外发确定事件
         this.wants2Quit = false;
-        this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () {
+        this.combo.on(Combo.EVENT_AFTER_HIDEVIEW, () => {
             // important:关闭弹出时又可能没有退出编辑状态
             self.trigger.stopEditing();
             if (self.requesting === true) {
                 self.wants2Quit = true;
             } else {
-                self._dataChange && self.fireEvent(BI.SingleSelectInsertCombo.EVENT_CONFIRM);
+                self._dataChange &&
+                    self.fireEvent(SingleSelectInsertCombo.EVENT_CONFIRM);
             }
         });
 
-        var triggerBtn = BI.createWidget({
+        const triggerBtn = createWidget({
-            type: "bi.trigger_icon_button",
+            type: TriggerIconButton.xtype,
             width: o.height,
             height: o.height,
-            cls: "single-select-trigger-icon-button"
+            cls: "single-select-trigger-icon-button",
         });
-        triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
+        triggerBtn.on(TriggerIconButton.EVENT_CHANGE, () => {
             if (self.combo.isViewVisible()) {
                 self.combo.hideView();
             } else {
                 self.combo.showView();
             }
         });
-        BI.createWidget({
+        createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.combo,
                     left: 0,
                     right: 0,
                     top: 0,
-                bottom: 0
+                    bottom: 0,
-            }, {
+                },
+                {
                     el: triggerBtn,
                     right: 0,
                     top: 0,
-                bottom: 0
+                    bottom: 0,
-            }]
+                }
+            ],
         });
-    },
+    }
 
-    _defaultState: function () {
+    _defaultState() {
         this.trigger.stopEditing();
         this.combo.hideView();
-    },
+    }
 
-    _assertValue: function (val) {
+    _assertValue(val) {}
-    },
 
-    _makeMap: function (values) {
+    _makeMap(values) {
-        return BI.makeObject(values || []);
+        return makeObject(values || []);
-    },
+    }
 
-    _adjust: function (callback) {
+    _adjust(callback) {
-        var self = this, o = this.options;
+        const self = this;
         adjust();
         callback();
 
-        function adjust () {
+        function adjust() {
             if (self.wants2Quit === true) {
-                self._dataChange && self.fireEvent(BI.SingleSelectInsertCombo.EVENT_CONFIRM);
+                self._dataChange &&
+                    self.fireEvent(SingleSelectInsertCombo.EVENT_CONFIRM);
                 self.wants2Quit = false;
             }
             self.requesting = false;
         }
-    },
+    }
 
-    _setStartValue: function (value) {
+    _setStartValue(value) {
         this._startValue = value;
         this.popup.setStartValue(value);
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.storeValue = v;
         this._assertValue(this.storeValue);
         this.combo.setValue(this.storeValue);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.storeValue;
-    },
-
-    populate: function () {
-        this.combo.populate.apply(this.combo, arguments);
     }
-});
-
-BI.extend(BI.SingleSelectInsertCombo, {
-    REQ_GET_DATA_LENGTH: 0,
-    REQ_GET_ALL_DATA: -1
-});
 
-BI.SingleSelectInsertCombo.EVENT_FOCUS = "EVENT_FOCUS";
+    populate() {
-BI.SingleSelectInsertCombo.EVENT_BLUR = "EVENT_BLUR";
+        this.combo.populate(...arguments);
-BI.SingleSelectInsertCombo.EVENT_STOP = "EVENT_STOP";
+    }
-BI.SingleSelectInsertCombo.EVENT_SEARCHING = "EVENT_SEARCHING";
+}
-BI.SingleSelectInsertCombo.EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM";
-BI.SingleSelectInsertCombo.EVENT_CONFIRM = "EVENT_CONFIRM";
-
-BI.shortcut("bi.single_select_insert_combo", BI.SingleSelectInsertCombo);

src/widget/singleselect/singleselect.list.js

@@ -1,41 +1,41 @@
-/**
+import { shortcut, Widget, extend, emptyFn, createWidget, Controller, Events, i18nText } from "@/core";
- * 选择列表
+import { ListPane, SingleSelectItem } from "@/case";
- *
+
- * Created by GUY on 2015/11/1.
+@shortcut()
- * @class BI.SingleSelectList
+export class SingleSelectList extends Widget {
- * @extends BI.Widget
+    static xtype = "bi.single_select_list";
- */
+
-BI.SingleSelectList = BI.inherit(BI.Widget, {
+    _constants = { itemHeight: 24 };
-
-    _constants: {
-        itemHeight: 24
-    },
 
-    _defaultConfig: function () {
+    static EVENT_CHANGE = "EVENT_CHANGE";
-        return BI.extend(BI.SingleSelectList.superclass._defaultConfig.apply(this, arguments), {
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-select-list",
             direction: BI.Direction.Top, // toolbar的位置
             logic: {
-                dynamic: true
+                dynamic: true,
             },
             items: [],
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            hasNext: BI.emptyFn,
+            hasNext: emptyFn,
-            onLoaded: BI.emptyFn,
+            onLoaded: emptyFn,
             el: {
-                type: "bi.list_pane"
+                type: ListPane.xtype,
             },
-            allowNoSelect: false
+            allowNoSelect: false,
         });
-    },
+    }
-    _init: function () {
-        BI.SingleSelectList.superclass._init.apply(this, arguments);
-        var self = this, o = this.options;
 
-        this.list = BI.createWidget(o.el, {
+    _init() {
-            type: "bi.list_pane",
+        super._init(...arguments);
+        const self = this,
+            o = this.options;
+
+        this.list = createWidget(o.el, {
+            type: ListPane.xtype,
             items: o.items,
-            itemsCreator: function (op, callback) {
+            itemsCreator (op, callback) {
                 op.times === 1 && self.toolbar && self.toolbar.setVisible(false);
                 o.itemsCreator(op, function (items) {
                     callback.apply(self, arguments);
@@ -47,117 +47,137 @@ BI.SingleSelectList = BI.inherit(BI.Widget, {
             },
             onLoaded: o.onLoaded,
             hasNext: o.hasNext,
-            value: o.value
+            value: o.value,
         });
 
-        this.list.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) {
+        this.list.on(Controller.EVENT_CHANGE, function (type, value, obj) {
-            if (type === BI.Events.CLICK) {
+            if (type === Events.CLICK) {
-                self.fireEvent(BI.SingleSelectList.EVENT_CHANGE, value, obj);
+                self.fireEvent(SingleSelectList.EVENT_CHANGE, value, obj);
             }
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            self.fireEvent(Controller.EVENT_CHANGE, arguments);
         });
 
-        BI.createWidget(BI.extend({
+        createWidget(
-            element: this
+            extend(
-        }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({
+                {
-            scrolly: true
+                    element: this,
-        }, o.logic, {
+                },
-            items: o.allowNoSelect ? BI.LogicFactory.createLogicItemsByDirection(o.direction, {
+                BI.LogicFactory.createLogic(
-                type: "bi.single_select_item",
+                    BI.LogicFactory.createLogicTypeByDirection(o.direction),
+                    extend(
+                        {
+                            scrolly: true,
+                        },
+                        o.logic,
+                        {
+                            items: o.allowNoSelect
+                                ? BI.LogicFactory.createLogicItemsByDirection(
+                                    o.direction,
+                                    {
+                                        type: SingleSelectItem.xtype,
                                         cls: "bi-list-item-active",
                                         height: this._constants.itemHeight,
                                         forceNotSelected: true,
-                text: BI.i18nText("BI-Basic_No_Select"),
+                                        text: i18nText("BI-Basic_No_Select"),
-                ref: function (_ref) {
+                                        ref (_ref) {
                                             self.toolbar = _ref;
                                         },
-                listeners: [{
+                                        listeners: [
-                    eventName: BI.Controller.EVENT_CHANGE,
+                                            {
-                    action: function (type) {
+                                                eventName: Controller.EVENT_CHANGE,
-                        if (type === BI.Events.CLICK) {
+                                                action (type) {
+                                                    if (type === Events.CLICK) {
                                                         self.list.setValue();
-                            self.fireEvent(BI.SingleSelectList.EVENT_CHANGE);
+                                                        self.fireEvent(SingleSelectList.EVENT_CHANGE);
                                                     }
-                        self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+                                                    self.fireEvent(Controller.EVENT_CHANGE, arguments);
+                                                },
                                             }
-                }]
+                                        ],
-            }, this.list) : BI.LogicFactory.createLogicItemsByDirection(o.direction, this.list)
-        }))));
-
                                     },
+                                    this.list
+                                )
+                                : BI.LogicFactory.createLogicItemsByDirection(o.direction, this.list),
+                        }
+                    )
+                )
+            )
+        );
+    }
 
-    hasPrev: function () {
+    hasPrev() {
         return this.list.hasPrev();
-    },
+    }
 
-    hasNext: function () {
+    hasNext() {
         return this.list.hasNext();
-    },
+    }
 
-    prependItems: function (items) {
+    prependItems(items) {
-        this.list.prependItems.apply(this.list, arguments);
+        this.list.prependItems(...arguments);
-    },
+    }
 
-    addItems: function (items) {
+    addItems(items) {
-        this.list.addItems.apply(this.list, arguments);
+        this.list.addItems(...arguments);
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.list.setValue([v]);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.list.getValue()[0];
-    },
+    }
 
-    empty: function () {
+    empty() {
         this.list.empty();
-    },
+    }
 
-    populate: function (items) {
+    populate(items) {
-        this.list.populate.apply(this.list, arguments);
+        this.list.populate(...arguments);
-    },
+    }
 
-    resetHeight: function (h) {
+    resetHeight(h) {
-        this.list.resetHeight ? this.list.resetHeight(h) :
+        this.list.resetHeight
-            this.list.element.css({"max-height": BI.pixFormat(h - (this.options.allowNoSelect ? this._constants.itemHeight : 0))});
+            ? this.list.resetHeight(h)
-    },
+            : this.list.element.css({
+                "max-height": BI.pixFormat(h - (this.options.allowNoSelect ? this._constants.itemHeight : 0)),
+            });
+    }
 
-    setNotSelectedValue: function () {
+    setNotSelectedValue() {
-        this.list.setNotSelectedValue.apply(this.list, arguments);
+        this.list.setNotSelectedValue(...arguments);
-    },
+    }
 
-    getNotSelectedValue: function () {
+    getNotSelectedValue() {
         return this.list.getNotSelectedValue();
-    },
+    }
 
-    getAllButtons: function () {
+    getAllButtons() {
         return this.list.getAllButtons();
-    },
+    }
 
-    getAllLeaves: function () {
+    getAllLeaves() {
         return this.list.getAllLeaves();
-    },
+    }
 
-    getSelectedButtons: function () {
+    getSelectedButtons() {
         return this.list.getSelectedButtons();
-    },
+    }
 
-    getNotSelectedButtons: function () {
+    getNotSelectedButtons() {
         return this.list.getNotSelectedButtons();
-    },
+    }
 
-    getIndexByValue: function (value) {
+    getIndexByValue(value) {
         return this.list.getIndexByValue(value);
-    },
+    }
 
-    getNodeById: function (id) {
+    getNodeById(id) {
         return this.list.getNodeById(id);
-    },
+    }
 
-    getNodeByValue: function (value) {
+    getNodeByValue(value) {
         return this.list.getNodeByValue(value);
     }
-});
+}
-BI.SingleSelectList.EVENT_CHANGE = "EVENT_CHANGE";
-BI.shortcut("bi.single_select_list", BI.SingleSelectList);

src/widget/singleselect/singleselect.loader.js

@@ -1,178 +1,187 @@
-/**
+import { shortcut, Widget, extend, emptyFn, createWidget, isUndefined, map, isKey, Controller, VerticalLayout, delay } from "@/core";
- * 单选加载数据面板
+import { ButtonGroup, Loader } from "@/base";
- * Created by guy on 15/11/2.
+import { SingleSelectList } from "./singleselect.list";
- * @class BI.SingleSelectLoader
+import { SingleSelectItem, SingleSelectRadioItem } from "@/case";
- * @extends Widget
+
- */
+@shortcut()
-BI.SingleSelectLoader = BI.inherit(BI.Widget, {
+export class SingleSelectLoader extends Widget {
-
+    static xtype = "bi.single_select_loader";
-    _constants: {
+
-        itemVgap: 5
+    _constants = { itemVgap: 5 };
-    },
 
-    _defaultConfig: function () {
+    static EVENT_CHANGE = "EVENT_CHANGE";
-        return BI.extend(BI.SingleSelectLoader.superclass._defaultConfig.apply(this, arguments), {
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-loader",
             logic: {
-                dynamic: true
+                dynamic: true,
             },
             el: {
-                height: 400
+                height: 400,
             },
             allowNoSelect: false,
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            itemWrapper: BI.emptyFn,
+            itemWrapper: emptyFn,
-            onLoaded: BI.emptyFn
+            onLoaded: emptyFn,
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.SingleSelectLoader.superclass._init.apply(this, arguments);
+        super._init(...arguments);
 
-        var self = this, opts = this.options;
+        const self = this,
-        var hasNext = false;
+            opts = this.options;
+        let hasNext = false;
         this.storeValue = opts.value;
-        this.button_group = BI.createWidget({
+        this.button_group = createWidget({
-            type: "bi.single_select_list",
+            type: SingleSelectList.xtype,
             allowNoSelect: opts.allowNoSelect,
             logic: opts.logic,
-            el: BI.extend({
+            el: extend(
+                {
                     onLoaded: opts.onLoaded,
                     el: {
-                    type: "bi.loader",
+                        type: Loader.xtype,
                         isDefaultInit: false,
                         logic: {
                             dynamic: true,
-                        scrolly: true
+                            scrolly: true,
                         },
                         el: {
-                        chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE,
+                            chooseType: ButtonGroup.CHOOSE_TYPE_SINGLE,
                             behaviors: {
-                            redmark: function () {
+                                redmark () {
                                     return true;
-                            }
                                 },
-                        layouts: [{
+                            },
-                            type: "bi.vertical"
+                            layouts: [
-                        }]
+                                {
-                    }
+                                    type: VerticalLayout.xtype,
                                 }
-            }, opts.el),
+                            ],
-            itemsCreator: function (op, callback) {
+                        },
-                var startValue = self._startValue;
+                    },
-                !BI.isUndefined(self.storeValue) && (op = BI.extend(op || {}, {
+                },
-                    selectedValues: [self.storeValue]
+                opts.el
+            ),
+            itemsCreator (op, callback) {
+                const startValue = self._startValue;
+                !isUndefined(self.storeValue) &&
+                    (op = extend(op || {}, {
+                        selectedValues: [self.storeValue],
                     }));
-                opts.itemsCreator(op, function (ob) {
+                opts.itemsCreator(op, ob => {
                     hasNext = ob.hasNext;
-                    var firstItems = [];
+                    let firstItems = [];
-                    if (op.times === 1 && !BI.isUndefined(self.storeValue)) {
+                    if (op.times === 1 && !isUndefined(self.storeValue)) {
-                        var json = BI.map([self.storeValue], function (i, v) {
+                        const json = map([self.storeValue], (i, v) => {
-                            var txt = opts.valueFormatter(v) || v;
+                            const txt = opts.valueFormatter(v) || v;
-                            return opts.itemWrapper({
+                            
+                            return (
+                                opts.itemWrapper({
                                     text: txt,
                                     value: v,
                                     title: txt,
-                                selected: true
+                                    selected: true,
                                 }) || {
                                     text: txt,
                                     value: v,
                                     title: txt,
-                                selected: true
+                                    selected: true,
-                            };
+                                }
+                            );
                         });
                         firstItems = self._createItems(json);
                     }
                     callback(firstItems.concat(self._createItems(ob.items)), ob.keyword || "");
                     if (op.times === 1 && self.storeValue) {
-                        BI.isKey(startValue) && (self.storeValue = startValue);
+                        isKey(startValue) && (self.storeValue = startValue);
                         self.setValue(self.storeValue);
                     }
-                    (op.times === 1) && self._scrollToTop();
+                    op.times === 1 && self._scrollToTop();
                 });
             },
-            hasNext: function () {
+            hasNext () {
                 return hasNext;
             },
-            value: this.storeValue
+            value: this.storeValue,
         });
 
-        BI.createWidget({
+        createWidget({
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             element: this,
             items: [this.button_group],
-            vgap: this._constants.itemVgap
+            vgap: this._constants.itemVgap,
         });
 
-        this.button_group.on(BI.Controller.EVENT_CHANGE, function () {
+        this.button_group.on(Controller.EVENT_CHANGE, function () {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            self.fireEvent(Controller.EVENT_CHANGE, arguments);
         });
-        this.button_group.on(BI.SingleSelectList.EVENT_CHANGE, function () {
+        this.button_group.on(SingleSelectList.EVENT_CHANGE, function () {
-            self.fireEvent(BI.SingleSelectLoader.EVENT_CHANGE, arguments);
+            self.fireEvent(SingleSelectLoader.EVENT_CHANGE, arguments);
         });
-    },
+    }
 
-    _createItems: function (items) {
+    _createItems(items) {
-        var o = this.options;
+        const o = this.options;
-        return BI.map(items, function (i, item) {
+        
-            return BI.extend({
+        return map(items, (i, item) => extend(
-                type: o.allowNoSelect ? "bi.single_select_item" : "bi.single_select_radio_item",
+            {
+                type: o.allowNoSelect ? SingleSelectItem.xtype : SingleSelectRadioItem.xtype,
                 logic: o.logic,
                 cls: "bi-list-item-active",
                 height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
                 selected: false,
                 iconWrapperWidth: 26,
                 textHgap: o.allowNoSelect ? 10 : 0,
-                title: item.title || item.text
+                title: item.title || item.text,
-            }, item);
-        });
             },
+            item
+        ));
+    }
 
-    _scrollToTop: function () {
+    _scrollToTop() {
-        var self = this;
+        const self = this;
-        BI.delay(function () {
+        delay(() => {
             self.button_group.element.scrollTop(0);
         }, 30);
-    },
+    }
 
-    _assertValue: function (val) {
+    _assertValue(val) {}
-    },
 
-    setStartValue: function (v) {
+    setStartValue(v) {
         this._startValue = v;
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.storeValue = v;
         this._assertValue(this.storeValue);
         this.button_group.setValue(this.storeValue);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.button_group.getValue();
-    },
+    }
 
-    getAllButtons: function () {
+    getAllButtons() {
         return this.button_group.getAllButtons();
-    },
+    }
 
-    empty: function () {
+    empty() {
         this.button_group.empty();
-    },
+    }
 
-    populate: function (items) {
+    populate(items) {
-        this.button_group.populate.apply(this.button_group, arguments);
+        this.button_group.populate(...arguments);
-    },
+    }
 
-    resetHeight: function (h) {
+    resetHeight(h) {
         this.button_group.resetHeight(h - this._constants.itemVgap * 2);
-    },
+    }
 
-    resetWidth: function (w) {
+    resetWidth(w) {
         this.button_group.resetWidth(w);
     }
-});
+}
-
-BI.SingleSelectLoader.EVENT_CHANGE = "EVENT_CHANGE";
-BI.shortcut("bi.single_select_loader", BI.SingleSelectLoader);

src/widget/singleselect/singleselect.popup.view.js

@@ -1,84 +1,82 @@
-/**
+import { shortcut, Widget, extend, emptyFn, createWidget } from "@/core";
- * 带加载的单选下拉面板
+import { MultiPopupView } from "@/case";
- * @class BI.SingleSelectPopupView
+import { PopupView } from "@/base";
- * @extends Widget
- */
-BI.SingleSelectPopupView = BI.inherit(BI.Widget, {
 
-    _defaultConfig: function () {
+@shortcut()
-        return BI.extend(BI.SingleSelectPopupView.superclass._defaultConfig.apply(this, arguments), {
+export class SingleSelectPopupView extends Widget {
+    static xtype = "bi.single_select_popup_view";
+
+    static EVENT_CHANGE = "EVENT_CHANGE";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-popup-view",
             allowNoSelect: false,
             maxWidth: "auto",
             minWidth: 135,
             maxHeight: 400,
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            itemWrapper: BI.emptyFn,
+            itemWrapper: emptyFn,
-            onLoaded: BI.emptyFn
+            onLoaded: emptyFn,
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.SingleSelectPopupView.superclass._init.apply(this, arguments);
+        super._init(...arguments);
-        var self = this, opts = this.options;
+        const opts = this.options;
 
-        this.loader = BI.createWidget({
+        this.loader = createWidget({
             type: "bi.single_select_loader",
             allowNoSelect: opts.allowNoSelect,
             itemsCreator: opts.itemsCreator,
             itemWrapper: opts.itemWrapper,
             valueFormatter: opts.valueFormatter,
             onLoaded: opts.onLoaded,
-            value: opts.value
+            value: opts.value,
         });
 
-        this.popupView = BI.createWidget({
+        this.popupView = createWidget({
-            type: "bi.popup_view",
+            type: PopupView.xtype,
             stopPropagation: false,
             maxWidth: opts.maxWidth,
             minWidth: opts.minWidth,
             maxHeight: opts.maxHeight,
             element: this,
             el: this.loader,
-            value: opts.value
+            value: opts.value,
         });
 
-        this.popupView.on(BI.MultiPopupView.EVENT_CHANGE, function () {
+        this.popupView.on(MultiPopupView.EVENT_CHANGE, () => {
-            self.fireEvent(BI.SingleSelectPopupView.EVENT_CHANGE);
+            this.fireEvent(SingleSelectPopupView.EVENT_CHANGE);
         });
-    },
+    }
 
-    setStartValue: function (v) {
+    setStartValue(v) {
         this.loader.setStartValue(v);
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.popupView.setValue(v);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.popupView.getValue();
-    },
+    }
 
-    populate: function (items) {
+    populate(items) {
-        this.popupView.populate.apply(this.popupView, arguments);
+        this.popupView.populate(...arguments);
-    },
+    }
 
-    resetHeight: function (h) {
+    resetHeight(h) {
         this.popupView.resetHeight(h);
-    },
+    }
 
-    resetWidth: function (w) {
+    resetWidth(w) {
         this.popupView.resetWidth(w);
-    },
+    }
 
-    setDirection: function (direction, position) {
+    setDirection(direction, position) {
         this.popupView.setDirection(direction, position);
-    },
+    }
-});
+}
-
-BI.SingleSelectPopupView.EVENT_CHANGE = "EVENT_CHANGE";
-
-
-BI.shortcut("bi.single_select_popup_view", BI.SingleSelectPopupView);

src/widget/singleselect/singleselect.trigger.js

@@ -1,40 +1,46 @@
-/**
+import { shortcut, extend, emptyFn, createWidget, HTapeLayout, AbsoluteLayout } from "@/core";
- *
+import { Trigger, Text } from "@/base";
- * 单选下拉框
+import { SingleSelectSearcher } from "./trigger";
- * @class BI.SingleSelectTrigger
+
- * @extends BI.Trigger
+@shortcut()
- */
+export class SingleSelectTrigger extends Trigger {
-
+    static xtype = "bi.single_select_trigger";
-BI.SingleSelectTrigger = BI.inherit(BI.Trigger, {
+
-
+    constants = { height: 14, rgap: 4, lgap: 4 };
-    constants: {
+
-        height: 14,
+    static EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK";
-        rgap: 4,
+    static EVENT_COUNTER_CLICK = "EVENT_COUNTER_CLICK";
-        lgap: 4
+    static EVENT_CHANGE = "EVENT_CHANGE";
-    },
+    static EVENT_START = "EVENT_START";
-
+    static EVENT_STOP = "EVENT_STOP";
-    _defaultConfig: function () {
+    static EVENT_PAUSE = "EVENT_PAUSE";
-        return BI.extend(BI.SingleSelectTrigger.superclass._defaultConfig.apply(this, arguments), {
+    static EVENT_SEARCHING = "EVENT_SEARCHING";
+    static EVENT_BEFORE_COUNTER_POPUPVIEW = "EVENT_BEFORE_COUNTER_POPUPVIEW";
+    static EVENT_FOCUS = "EVENT_FOCUS";
+    static EVENT_BLUR = "EVENT_BLUR";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-trigger",
             allowNoSelect: false,
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
             searcher: {},
             switcher: {},
 
             adapter: null,
             masker: {},
-            allowEdit: true
+            allowEdit: true,
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.SingleSelectTrigger.superclass._init.apply(this, arguments);
+        super._init(...arguments);
 
-        var self = this, o = this.options;
+        const o = this.options;
 
-        this.searcher = BI.createWidget(o.searcher, {
+        this.searcher = createWidget(o.searcher, {
-            type: "bi.single_select_searcher",
+            type: SingleSelectSearcher.xtype,
             watermark: o.watermark,
             allowNoSelect: o.allowNoSelect,
             text: o.text,
@@ -44,95 +50,85 @@ BI.SingleSelectTrigger = BI.inherit(BI.Trigger, {
             popup: {},
             adapter: o.adapter,
             masker: o.masker,
-            value: o.value
+            value: o.value,
         });
-        this.searcher.on(BI.SingleSelectSearcher.EVENT_START, function () {
+        this.searcher.on(SingleSelectSearcher.EVENT_START, () => {
-            self.fireEvent(BI.SingleSelectTrigger.EVENT_START);
+            this.fireEvent(SingleSelectTrigger.EVENT_START);
         });
-        this.searcher.on(BI.SingleSelectSearcher.EVENT_PAUSE, function () {
+        this.searcher.on(SingleSelectSearcher.EVENT_PAUSE, () => {
-            self.fireEvent(BI.SingleSelectTrigger.EVENT_PAUSE);
+            this.fireEvent(SingleSelectTrigger.EVENT_PAUSE);
         });
-        this.searcher.on(BI.SingleSelectSearcher.EVENT_SEARCHING, function () {
+        this.searcher.on(SingleSelectSearcher.EVENT_SEARCHING, (...args) => {
-            self.fireEvent(BI.SingleSelectTrigger.EVENT_SEARCHING, arguments);
+            this.fireEvent(SingleSelectTrigger.EVENT_SEARCHING, ...args);
         });
-        this.searcher.on(BI.SingleSelectSearcher.EVENT_STOP, function () {
+        this.searcher.on(SingleSelectSearcher.EVENT_STOP, () => {
-            self.fireEvent(BI.SingleSelectTrigger.EVENT_STOP);
+            this.fireEvent(SingleSelectTrigger.EVENT_STOP);
         });
-        this.searcher.on(BI.SingleSelectSearcher.EVENT_CHANGE, function () {
+        this.searcher.on(SingleSelectSearcher.EVENT_CHANGE, (...args) => {
-            self.fireEvent(BI.SingleSelectTrigger.EVENT_CHANGE, arguments);
+            this.fireEvent(SingleSelectTrigger.EVENT_CHANGE, ...args);
         });
-        this.searcher.on(BI.SingleSelectSearcher.EVENT_FOCUS, function () {
+        this.searcher.on(SingleSelectSearcher.EVENT_FOCUS, () => {
-            self.fireEvent(BI.SingleSelectTrigger.EVENT_FOCUS);
+            this.fireEvent(SingleSelectTrigger.EVENT_FOCUS);
         });
-        this.searcher.on(BI.SingleSelectSearcher.EVENT_BLUR, function () {
+        this.searcher.on(SingleSelectSearcher.EVENT_BLUR, (...args) => {
-            self.fireEvent(BI.SingleSelectTrigger.EVENT_BLUR, arguments);
+            this.fireEvent(SingleSelectTrigger.EVENT_BLUR, ...args);
         });
 
-        var wrapper = BI.createWidget({
+        createWidget({
-            type: "bi.htape",
+            type: HTapeLayout.xtype,
             element: this,
             items: [
                 {
                     el: this.searcher,
-                    width: "fill"
+                    width: "fill",
-                }, {
+                },
-                    el: BI.createWidget(),
+                {
-                    width: 24
+                    el: createWidget(),
-                }]
+                    width: 24,
+                }
+            ],
         });
 
-        !o.allowEdit && BI.createWidget({
+        !o.allowEdit &&
-            type: "bi.absolute",
+            createWidget({
+                type: AbsoluteLayout.xtype,
                 element: this,
-            items: [{
+                items: [
+                    {
                         el: {
-                    type: "bi.text",
+                            type: Text.xtype,
-                    title: function () {
+                            title: () => this.searcher.getState(),
-                        return self.searcher.getState();
-                    }
                         },
                         left: 0,
                         right: 24,
                         top: 0,
-                bottom: 0
+                        bottom: 0,
-            }]
+                    }
+                ],
             });
-    },
+    }
 
-    getSearcher: function () {
+    getSearcher() {
         return this.searcher;
-    },
+    }
 
-    stopEditing: function () {
+    stopEditing() {
         this.searcher.stopSearch();
-    },
+    }
 
-    setAdapter: function (adapter) {
+    setAdapter(adapter) {
         this.searcher.setAdapter(adapter);
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.searcher.setValue(v);
-    },
+    }
 
-    getKey: function () {
+    getKey() {
         return this.searcher.getKey();
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.searcher.getValue();
     }
-});
+}
-
-BI.SingleSelectTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK";
-BI.SingleSelectTrigger.EVENT_COUNTER_CLICK = "EVENT_COUNTER_CLICK";
-BI.SingleSelectTrigger.EVENT_CHANGE = "EVENT_CHANGE";
-BI.SingleSelectTrigger.EVENT_START = "EVENT_START";
-BI.SingleSelectTrigger.EVENT_STOP = "EVENT_STOP";
-BI.SingleSelectTrigger.EVENT_PAUSE = "EVENT_PAUSE";
-BI.SingleSelectTrigger.EVENT_SEARCHING = "EVENT_SEARCHING";
-BI.SingleSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW = "EVENT_BEFORE_COUNTER_POPUPVIEW";
-BI.SingleSelectTrigger.EVENT_FOCUS = "EVENT_FOCUS";
-BI.SingleSelectTrigger.EVENT_BLUR = "EVENT_BLUR";
-
-BI.shortcut("bi.single_select_trigger", BI.SingleSelectTrigger);

src/widget/singleselect/singleselectlist.insert.js

@@ -1,61 +1,83 @@
-/**
+import {
- * @author: Teller
+    shortcut,
- * @createdAt: 2018/3/28
+    extend,
- * @Description
+    emptyFn,
-*/
+    isKey,
-BI.SingleSelectInsertList = BI.inherit(BI.Single, {
+    createWidget,
-    _defaultConfig: function () {
+    isNotEmptyString,
-        return BI.extend(BI.SingleSelectInsertList.superclass._defaultConfig.apply(this, arguments), {
+    i18nText,
+    deepClone,
+    VerticalFillLayout,
+    AbsoluteLayout,
+    makeObject
+} from "@/core";
+import { Single, Searcher } from "@/base";
+import { SingleSelectLoader } from "./singleselect.loader";
+import { SelectPatchEditor } from "../multiselect";
+import { SearchEditor } from "../editor";
+
+@shortcut()
+export class SingleSelectInsertList extends Single {
+    static xtype = "bi.single_select_insert_list";
+
+    static REQ_GET_DATA_LENGTH = 0;
+    static REQ_GET_ALL_DATA = -1;
+    static EVENT_CHANGE = "EVENT_CHANGE";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-insert-list",
             allowNoSelect: false,
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
-            itemWrapper: BI.emptyFn,
+            itemWrapper: emptyFn,
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
             searcherHeight: 24,
         });
-    },
+    }
-    _init: function () {
+
-        BI.SingleSelectInsertList.superclass._init.apply(this, arguments);
+    _init() {
+        super._init(...arguments);
 
-        var self = this, o = this.options;
+        const self = this,
+            o = this.options;
         this.storeValue = o.value;
 
-        var assertShowValue = function () {
+        const assertShowValue = () => {
-            BI.isKey(self._startValue) && (self.storeValue = self._startValue);
+            isKey(this._startValue) && (this.storeValue = this._startValue);
-            // self.trigger.setValue(self.storeValue);
+            // this.trigger.setValue(this.storeValue);
         };
 
-        this.adapter = BI.createWidget({
+        this.adapter = createWidget({
-            type: "bi.single_select_loader",
+            type: SingleSelectLoader.xtype,
             allowNoSelect: o.allowNoSelect,
             cls: "popup-single-select-list bi-border-left bi-border-right bi-border-bottom",
             itemsCreator: o.itemsCreator,
             valueFormatter: o.valueFormatter,
             itemWrapper: o.itemWrapper,
             logic: {
-                dynamic: true
+                dynamic: true,
             },
             // onLoaded: o.onLoaded,
             el: {},
-            value: o.value
+            value: o.value,
         });
-        this.adapter.on(BI.SingleSelectLoader.EVENT_CHANGE, function () {
+        this.adapter.on(SingleSelectLoader.EVENT_CHANGE, function () {
             self.storeValue = this.getValue();
             assertShowValue();
-            self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+            self.fireEvent(SingleSelectInsertList.EVENT_CHANGE);
         });
 
-        this.searcherPane = BI.createWidget({
+        this.searcherPane = createWidget({
             type: "bi.single_select_search_insert_pane",
             allowNoSelect: o.allowNoSelect,
             cls: "bi-border-left bi-border-right bi-border-bottom",
             valueFormatter: o.valueFormatter,
-            keywordGetter: function () {
+            keywordGetter () {
                 return self.trigger.getKeyword();
             },
-            itemsCreator: function (op, callback) {
+            itemsCreator (op, callback) {
                 op.keywords = [self.trigger.getKeyword()];
-                if (BI.isNotEmptyString(op.keywords[0])) {
+                if (isNotEmptyString(op.keywords[0])) {
                     this.setKeyword(op.keywords[0]);
                     o.itemsCreator(op, callback);
                 }
@@ -63,48 +85,51 @@ BI.SingleSelectInsertList = BI.inherit(BI.Single, {
         });
         this.searcherPane.setVisible(false);
 
-        this.trigger = BI.createWidget({
+        this.trigger = createWidget({
-            type: "bi.searcher",
+            type: Searcher.xtype,
             el: {
-                type: "bi.select_patch_editor",
+                type: SelectPatchEditor.xtype,
                 el: {
-                    type: "bi.search_editor",
+                    type: SearchEditor.xtype,
-                    watermark: BI.i18nText("BI-Basic_Search_And_Patch_Paste"),
+                    watermark: i18nText("BI-Basic_Search_And_Patch_Paste"),
                 },
-                ref: function (ref) {
+                ref (ref) {
                     self.editor = ref;
                 },
                 height: o.searcherHeight,
             },
             isAutoSearch: false,
             isAutoSync: false,
-            onSearch: function (op, callback) {
+            onSearch (op, callback) {
                 callback();
             },
             adapter: this.adapter,
             popup: this.searcherPane,
             masker: false,
             value: o.value,
-            listeners: [{
+            listeners: [
-                eventName: BI.Searcher.EVENT_START,
+                {
-                action: function () {
+                    eventName: Searcher.EVENT_START,
+                    action () {
                         self._showSearcherPane();
                         self._setStartValue();
-                    this.setValue(BI.deepClone(self.storeValue));
+                        this.setValue(deepClone(self.storeValue));
-                }
+                    },
-            }, {
+                },
-                eventName: BI.Searcher.EVENT_STOP,
+                {
-                action: function () {
+                    eventName: Searcher.EVENT_STOP,
+                    action () {
                         self._showAdapter();
                         self._setStartValue();
                         self.adapter.setValue(self.storeValue);
                         // 需要刷新回到初始界面，否则搜索的结果不能放在最前面
                         self.adapter.populate();
-                }
+                    },
-            }, {
+                },
-                eventName: BI.Searcher.EVENT_PAUSE,
+                {
-                action: function () {
+                    eventName: Searcher.EVENT_PAUSE,
-                    var keyword = this.getKeyword();
+                    action () {
+                        const keyword = this.getKeyword();
                         self.storeValue = keyword;
                         self._showAdapter();
                         self.adapter.setValue(self.storeValue);
@@ -112,96 +137,95 @@ BI.SingleSelectInsertList = BI.inherit(BI.Single, {
                         assertShowValue();
                         self.adapter.populate();
                         self._setStartValue();
-                    self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        self.fireEvent(SingleSelectInsertList.EVENT_CHANGE);
-
+                    },
-                }
+                },
-            }, {
+                {
-                eventName: BI.Searcher.EVENT_CHANGE,
+                    eventName: Searcher.EVENT_CHANGE,
-                action: function () {
+                    action () {
                         self.storeValue = this.getValue();
-                    self.fireEvent(BI.SingleSelectInsertList.EVENT_CHANGE);
+                        self.fireEvent(SingleSelectInsertList.EVENT_CHANGE);
+                    },
                 }
-            }]
+            ],
         });
 
-        BI.createWidget({
+        createWidget({
-            type: "bi.vertical_fill",
+            type: VerticalFillLayout.xtype,
             rowSize: ["", "fill"],
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.trigger,
-            }, {
+                },
+                {
                     el: this.adapter,
-            }]
+                }
+            ],
         });
-        BI.createWidget({
+        createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.searcherPane,
                     top: 24,
                     bottom: 0,
                     left: 0,
-                right: 0
+                    right: 0,
-            }]
+                }
+            ],
         });
-    },
+    }
 
-    _showAdapter: function () {
+    _showAdapter() {
         this.adapter.setVisible(true);
         this.searcherPane.setVisible(false);
-    },
+    }
 
-    _showSearcherPane: function () {
+    _showSearcherPane() {
         this.searcherPane.setVisible(true);
         this.adapter.setVisible(false);
-    },
+    }
 
-    _defaultState: function () {
+    _defaultState() {
         this.trigger.stopEditing();
-    },
+    }
 
-    _assertValue: function () {},
+    _assertValue() {}
 
-    _makeMap: function (values) {
+    _makeMap(values) {
-        return BI.makeObject(values || []);
+        return makeObject(values || []);
-    },
+    }
 
-    _setStartValue: function (value) {
+    _setStartValue(value) {
         this._startValue = value;
         this.adapter.setStartValue(value);
-    },
+    }
 
-    isAllSelected: function () {
+    isAllSelected() {
         return this.adapter.isAllSelected();
-    },
+    }
 
-    resize: function () {
+    resize() {
         // this.trigger.getCounter().adjustView();
         // this.trigger.adjustView();
-    },
+    }
-    setValue: function (v) {
+
+    setValue(v) {
         this.storeValue = v;
         this.adapter.setValue(this.storeValue);
         this.trigger.setValue(this.storeValue);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
-        return BI.deepClone(this.storeValue);
+        return deepClone(this.storeValue);
-    },
+    }
 
-    populate: function () {
+    populate() {
         this._count = null;
         this._allData = null;
-        this.adapter.populate.apply(this.adapter, arguments);
+        this.adapter.populate(...arguments);
-        this.trigger.populate.apply(this.trigger, arguments);
+        this.trigger.populate(...arguments);
     }
-});
+}
-
-BI.extend(BI.SingleSelectInsertList, {
-    REQ_GET_DATA_LENGTH: 0,
-    REQ_GET_ALL_DATA: -1
-});
-
-BI.SingleSelectInsertList.EVENT_CHANGE = "EVENT_CHANGE";
-BI.shortcut("bi.single_select_insert_list", BI.SingleSelectInsertList);

src/widget/singleselect/trigger/editor.singleselect.js

@@ -1,25 +1,28 @@
-/**
+import { shortcut, Widget, extend, i18nText, createWidget, Controller, isEmptyString, isEmptyArray, BlankSplitChar } from "@/core";
- * 单选输入框
+import { StateEditor } from "@/case";
- * Created by guy on 15/11/3.
+import { SelectPatchEditor } from "../../multiselect";
- * @class BI.SingleSelectEditor
- * @extends Widget
- */
-BI.SingleSelectEditor = BI.inherit(BI.Widget, {
 
-    _defaultConfig: function () {
+@shortcut()
-        return BI.extend(BI.SingleSelectEditor.superclass._defaultConfig.apply(this, arguments), {
+export class SingleSelectEditor extends Widget {
+    static xtype = "bi.single_select_editor";
+
+    static EVENT_FOCUS = "EVENT_FOCUS";
+    static EVENT_BLUR = "EVENT_BLUR";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-editor",
             el: {},
-            text: BI.i18nText("BI-Basic_Please_Select"),
+            text: i18nText("BI-Basic_Please_Select"),
-            watermark: BI.i18nText("BI-Basic_Search"),
+            watermark: i18nText("BI-Basic_Search"),
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.SingleSelectEditor.superclass._init.apply(this, arguments);
+        super._init(...arguments);
-        var self = this, o = this.options;
+        const o = this.options;
-        this.editor = BI.createWidget(o.el, {
+        this.editor = createWidget(o.el, {
-            type: "bi.select_patch_editor",
+            type: SelectPatchEditor.xtype,
             element: this,
             height: o.height,
             watermark: o.watermark,
@@ -29,64 +32,59 @@ BI.SingleSelectEditor = BI.inherit(BI.Widget, {
             text: o.text,
         });
 
-        this.editor.on(BI.Controller.EVENT_CHANGE, function () {
+        this.editor.on(Controller.EVENT_CHANGE, (...args) => {
-            self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
+            this.fireEvent(Controller.EVENT_CHANGE, ...args);
         });
-        this.editor.on(BI.StateEditor.EVENT_FOCUS, function () {
+        this.editor.on(StateEditor.EVENT_FOCUS, () => {
-            self.fireEvent(BI.SingleSelectEditor.EVENT_FOCUS);
+            this.fireEvent(SingleSelectEditor.EVENT_FOCUS);
         });
-        this.editor.on(BI.StateEditor.EVENT_BLUR, function () {
+        this.editor.on(StateEditor.EVENT_BLUR, () => {
-            self.fireEvent(BI.SingleSelectEditor.EVENT_BLUR);
+            this.fireEvent(SingleSelectEditor.EVENT_BLUR);
         });
-    },
+    }
 
-    focus: function () {
+    focus() {
         this.editor.focus();
-    },
+    }
 
-    blur: function () {
+    blur() {
         this.editor.blur();
-    },
+    }
 
-    setState: function (state) {
+    setState(state) {
         this.editor.setState(state);
-    },
+    }
 
-    setValue: function (v) {
+    setValue(v) {
         this.editor.setValue(v);
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.editor.getValue();
-    },
+    }
 
-    getKeywords: function () {
+    getKeywords() {
-        var val = this.editor.getValue();
+        const val = this.editor.getValue();
-        var keywords = val.split(/\u200b\s\u200b/);
+        let keywords = val.split(/\u200b\s\u200b/);
-        if (BI.isEmptyString(keywords[keywords.length - 1])) {
+        if (isEmptyString(keywords[keywords.length - 1])) {
             keywords = keywords.slice(0, keywords.length - 1);
         }
         if (/\u200b\s\u200b$/.test(val)) {
-            return keywords.concat([BI.BlankSplitChar]);
+            return keywords.concat([BlankSplitChar]);
         }
 
         return keywords;
-    },
+    }
 
-    getKeyword: function () {
+    getKeyword() {
-        var val = this.editor.getValue();
+        const val = this.editor.getValue();
-        var keywords = val.split(/\u200b\s\u200b/);
+        let keywords = val.split(/\u200b\s\u200b/);
-        if (BI.isEmptyString(keywords[keywords.length - 1])) {
+        if (isEmptyString(keywords[keywords.length - 1])) {
             keywords = keywords.slice(0, keywords.length - 1);
         }
-        return BI.isEmptyArray(keywords) ? "" : keywords[keywords.length - 1];
-    },
-
-    populate: function (items) {
 
+        return isEmptyArray(keywords) ? "" : keywords[keywords.length - 1];
     }
-});
 
-BI.SingleSelectEditor.EVENT_FOCUS = "EVENT_FOCUS";
+    populate(items) {}
-BI.SingleSelectEditor.EVENT_BLUR = "EVENT_BLUR";
+}
-BI.shortcut("bi.single_select_editor", BI.SingleSelectEditor);

src/widget/singleselect/trigger/index.js

@@ -0,0 +1,2 @@
+export { SingleSelectEditor } from "./editor.singleselect";
+export { SingleSelectSearcher } from "./searcher.singleselect";

src/widget/singleselect/trigger/searcher.singleselect.js

@@ -1,162 +1,161 @@
-/**
+import { shortcut, Widget, extend, emptyFn, createWidget, isNotNull, isUndefined, Selection } from "@/core";
- * searcher
+import { SingleSelectEditor } from "./editor.singleselect";
- * Created by guy on 15/11/3.
+import { Searcher } from "@/base";
- * @class BI.SingleSelectSearcher
+
- * @extends Widget
+@shortcut()
- */
+export class SingleSelectSearcher extends Widget {
-BI.SingleSelectSearcher = BI.inherit(BI.Widget, {
+    static xtype = "bi.single_select_searcher";
-
+
-    _defaultConfig: function () {
+    static EVENT_FOCUS = "EVENT_FOCUS";
-        return BI.extend(BI.SingleSelectSearcher.superclass._defaultConfig.apply(this, arguments), {
+    static EVENT_BLUR = "EVENT_BLUR";
+    static EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
+    static EVENT_CHANGE = "EVENT_CHANGE";
+    static EVENT_START = "EVENT_START";
+    static EVENT_STOP = "EVENT_STOP";
+    static EVENT_PAUSE = "EVENT_PAUSE";
+    static EVENT_SEARCHING = "EVENT_SEARCHING";
+
+    _defaultConfig() {
+        return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-single-select-searcher",
-            itemsCreator: BI.emptyFn,
+            itemsCreator: emptyFn,
             el: {},
             popup: {},
-            valueFormatter: BI.emptyFn,
+            valueFormatter: emptyFn,
             adapter: null,
             masker: {},
-            allowNoSelect: false
+            allowNoSelect: false,
         });
-    },
+    }
 
-    _init: function () {
+    _init() {
-        BI.SingleSelectSearcher.superclass._init.apply(this, arguments);
+        super._init(...arguments);
-        var self = this, o = this.options;
+        const self = this,
-        this.editor = BI.createWidget(o.el, {
+            o = this.options;
+        this.editor = createWidget(o.el, {
             type: "bi.single_select_editor",
             height: o.height,
             watermark: o.watermark,
             text: o.text,
             listeners: [{
-                eventName: BI.SingleSelectEditor.EVENT_FOCUS,
+                eventName: SingleSelectEditor.EVENT_FOCUS,
-                action: function () {
+                action: () => {
-                    self.fireEvent(BI.SingleSelectSearcher.EVENT_FOCUS);
+                    this.fireEvent(SingleSelectSearcher.EVENT_FOCUS);
-                }
+                },
-            }, {
+            },
-                eventName: BI.SingleSelectEditor.EVENT_BLUR,
+            {
-                action: function () {
+                eventName: SingleSelectEditor.EVENT_BLUR,
-                    self.fireEvent(BI.SingleSelectSearcher.EVENT_BLUR);
+                action: () => {
+                    this.fireEvent(SingleSelectSearcher.EVENT_BLUR);
+                },
             }
-            }]
+            ],
         });
 
-        this.searcher = BI.createWidget({
+        this.searcher = createWidget({
-            type: "bi.searcher",
+            type: Searcher.xtype,
             element: this,
             height: o.height,
             isAutoSearch: false,
             isAutoSync: false,
-            onSearch: function (op, callback) {
+            onSearch(op, callback) {
                 callback();
             },
             el: this.editor,
 
-            popup: BI.extend({
+            popup: extend({
                 type: "bi.single_select_search_pane",
                 allowNoSelect: o.allowNoSelect,
                 valueFormatter: o.valueFormatter,
-                keywordGetter: function () {
+                keywordGetter: () => this.editor.getValue(),
-                    return self.editor.getValue();
+                itemsCreator(op, callback) {
-                },
+                    const keyword = self.editor.getValue();
-                itemsCreator: function (op, callback) {
-                    var keyword = self.editor.getValue();
                     op.keywords = [keyword];
                     this.setKeyword(keyword);
                     o.itemsCreator(op, callback);
                 },
-                value: o.value
+                value: o.value,
-            }, o.popup),
+            },
+            o.popup
+            ),
 
             adapter: o.adapter,
-            masker: o.masker
+            masker: o.masker,
         });
-        this.searcher.on(BI.Searcher.EVENT_START, function () {
+        this.searcher.on(Searcher.EVENT_START, () => {
-            self.fireEvent(BI.SingleSelectSearcher.EVENT_START);
+            this.fireEvent(SingleSelectSearcher.EVENT_START);
         });
-        this.searcher.on(BI.Searcher.EVENT_PAUSE, function () {
+        this.searcher.on(Searcher.EVENT_PAUSE, () => {
-            if (this.hasMatched()) {
+            this.fireEvent(SingleSelectSearcher.EVENT_PAUSE);
-
-            }
-            self.fireEvent(BI.SingleSelectSearcher.EVENT_PAUSE);
         });
-        this.searcher.on(BI.Searcher.EVENT_STOP, function () {
+        this.searcher.on(Searcher.EVENT_STOP, () => {
-            self.fireEvent(BI.SingleSelectSearcher.EVENT_STOP);
+            this.fireEvent(SingleSelectSearcher.EVENT_STOP);
         });
-        this.searcher.on(BI.Searcher.EVENT_CHANGE, function () {
+        this.searcher.on(Searcher.EVENT_CHANGE, (...args) => {
-            self.fireEvent(BI.SingleSelectSearcher.EVENT_CHANGE, arguments);
+            this.fireEvent(SingleSelectSearcher.EVENT_CHANGE, ...args);
         });
-        this.searcher.on(BI.Searcher.EVENT_SEARCHING, function () {
+        this.searcher.on(Searcher.EVENT_SEARCHING, () => {
-            var keywords = this.getKeywords();
+            const keywords = this.searcher.getKeywords();
-            self.fireEvent(BI.SingleSelectSearcher.EVENT_SEARCHING, keywords);
+            this.fireEvent(SingleSelectSearcher.EVENT_SEARCHING, keywords);
         });
 
-        if(BI.isNotNull(o.value)){
+        if (isNotNull(o.value)) {
             this.setState(o.value);
         }
-    },
+    }
 
-    adjustView: function () {
+    adjustView() {
         this.searcher.adjustView();
-    },
+    }
 
-    isSearching: function () {
+    isSearching() {
         return this.searcher.isSearching();
-    },
+    }
 
-    stopSearch: function () {
+    stopSearch() {
         this.searcher.stopSearch();
-    },
+    }
 
-    getKeyword: function () {
+    getKeyword() {
         return this.editor.getKeyword();
-    },
+    }
 
-    hasMatched: function () {
+    hasMatched() {
         return this.searcher.hasMatched();
-    },
+    }
 
-    hasChecked: function () {
+    hasChecked() {
         return this.searcher.getView() && this.searcher.getView().hasChecked();
-    },
+    }
 
-    setAdapter: function (adapter) {
+    setAdapter(adapter) {
         this.searcher.setAdapter(adapter);
-    },
+    }
 
-    setState: function (v) {
+    setState(v) {
-        var o = this.options;
+        const o = this.options;
-        if (BI.isUndefined(v)) {
+        if (isUndefined(v)) {
-            this.editor.setState(BI.Selection.None);
+            this.editor.setState(Selection.None);
         } else {
             v = v ?? "";
-            this.editor.setState(o.valueFormatter(v + "") || (v + ""));
+            this.editor.setState(o.valueFormatter(`${v}`) || `${v}`);
+        }
     }
-    },
 
-    setValue: function (ob) {
+    setValue(ob) {
         this.setState(ob);
         this.searcher.setValue(ob);
-    },
+    }
 
-    getKey: function () {
+    getKey() {
         return this.editor.getValue();
-    },
+    }
 
-    getValue: function () {
+    getValue() {
         return this.searcher.getValue();
-    },
-
-    populate: function (items) {
-        this.searcher.populate.apply(this.searcher, arguments);
     }
-});
 
-BI.SingleSelectSearcher.EVENT_FOCUS = "EVENT_FOCUS";
+    populate(items) {
-BI.SingleSelectSearcher.EVENT_BLUR = "EVENT_BLUR";
+        this.searcher.populate(...arguments);
-BI.SingleSelectSearcher.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
+    }
-BI.SingleSelectSearcher.EVENT_CHANGE = "EVENT_CHANGE";
+}
-BI.SingleSelectSearcher.EVENT_START = "EVENT_START";
-BI.SingleSelectSearcher.EVENT_STOP = "EVENT_STOP";
-BI.SingleSelectSearcher.EVENT_PAUSE = "EVENT_PAUSE";
-BI.SingleSelectSearcher.EVENT_SEARCHING = "EVENT_SEARCHING";
-BI.shortcut("bi.single_select_searcher", BI.SingleSelectSearcher);