Pull request #3404: KERNEL-14076 feat: 脚本循环依赖修复 && 无jira 替换 case 全部 xtype

Merge in VISUAL/fineui from ~TREECAT/fineui:es6 to es6

* commit '072054c7cddd7b0b7c32d449a2ce9600d6340cd4':
  KERNEL-14076 feat: 循环依赖修复 && 无jira 替换 case 全部 xtype

es6.js

@@ -3,7 +3,8 @@ const path = require("path");
 const prettier = require("prettier");
 const { exec } = require("child_process");
 const { search, initDepts, depts } = require("./es6.xtype");
-const _ = require("lodash");
+const lodash = require("lodash");
+const DEPTS = depts;
 
 // const XTYPE_ONLY = false;
 // const THIS_REPLACE = false;
@@ -32,7 +33,8 @@ function parserImport(code) {
     while (regResult) {
         importMap[regResult[2]] = regResult[1]
             .split(",")
-            .map(el => el.trim()).filter(el => el);
+            .map(el => el.trim())
+            .filter(el => el);
         regResult = reg.exec(code);
     }
 
@@ -46,7 +48,7 @@ async function saveAndFixCode(path, code) {
     }
     const prettierCode = prettier.format(_code, {
         tabWidth: 4,
-        parser: 'babel',
+        parser: "babel",
         printWidth: 120,
     });
     fs.writeFileSync(path, prettierCode);
@@ -58,56 +60,18 @@ async function saveAndFixCode(path, code) {
     });
 }
 
-const target = [
+// const target = [];
-    "isNull",
-    "toPix",
-    "isKey",
-    "isObject",
-    "map",
-    "extend",
-    "isFunction",
-    "isEmptyArray",
-    "isArray",
-    "Controller",
-    "createWidget",
-    "Events",
-    "emptyFn",
-    "nextTick",
-    "bind",
-    "i18nText",
-    "isNotNull",
-    "isString",
-    "isNumber",
-    "isEmpty",
-    "isEmptyString",
-    "any",
-    "deepContains",
-    "isNotEmptyString",
-    "each",
-    "contains",
-    "remove",
-    "createItems",
-    "makeArrayByArray",
-    "VerticalAlign",
-    "pushDistinct",
-    "endWith",
-    "transformItems",
-    "print",
-    "Tree",
-    "Func",
-    "Selection",
-];
 
 // 加载模块
 const loader = {
     // G: { "@/core": { shortcut: true } },
     load(srcName, module) {
         const G = loader.G;
-        if (target.indexOf(module) >= 0) {
+        // if (target.indexOf(module) >= 0) {
-            G["@/core"][module] = true;
+        //     G["@/core"][module] = true;
 
-            return true;
+        //     return true;
-        }
+        // }
         if (module.startsWith('"bi.')) {
             const key = search(srcName, module);
             if (key) {
@@ -136,7 +100,7 @@ const loader = {
 async function handleFile(srcName) {
     await saveAndFixCode(srcName);
     // 全局状态回归
-    let G = loader.G = { };
+    let G = (loader.G = {});
 
     const sourceCode = fs.readFileSync(srcName).toString();
 
@@ -144,7 +108,7 @@ async function handleFile(srcName) {
     if (!result) {
         // console.log(`已经es6过，替换 xtype =>  ${srcName}`);
         if (!/export class/.test(sourceCode)) {
-            console.log("忽略文件", srcName);
+            // console.log("忽略文件", srcName);
 
             return;
         }
@@ -167,7 +131,7 @@ async function handleFile(srcName) {
         const importMap = parserImport(noXtypeCode);
 
         // 合并原来的 import 到 G
-        _.forEach(importMap, (depts, module) => {
+        lodash.forEach(importMap, (depts, module) => {
             depts.forEach(dept => {
                 if (!G[module]) {
                     G[module] = {};
@@ -177,54 +141,108 @@ async function handleFile(srcName) {
             });
         });
         
-        // 合并 core
+
-        const crossPackages = fs.readdirSync("src");
+        // 合并包
-        _.forEach(G, (depts, module) => {
+        const crossPackages = fs.readdirSync("src").map(el => `@/${el}`);
+        lodash.forEach(G, (depts, module) => {
             crossPackages.forEach(crosspackage => {
-                if (module.indexOf(crosspackage) >= 0) {
+                if (module.indexOf(crosspackage.replace(/^@\//, "")) >= 0) {
-                    if (!G[`@/${crosspackage}`]) {
+                    if (!G[crosspackage]) {
-                        G[`@/${crosspackage}`] = {};
+                        G[crosspackage] = {};
                     }
-                    Object.assign(G[`@/${crosspackage}`], depts);
+                    Object.assign(G[crosspackage], depts);
                 }
             });
         });
-        
         const tmpG = {};
-        _.forEach(G, (depts, module) => {
+        lodash.forEach(G, (depts, module) => {
-            const flag = _.some(crossPackages, crosspackage => module.indexOf(crosspackage) >= 0 && !module.startsWith("@"));
+            const flag = lodash.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) {
+        const forbiddenCrossRules = {
-                if (fromStr === "@/case" || fromStr === "@/base") {
+            base: ["@/case", "@/base", "@/widget"],
+            "case": ["@/case", "@/widget"],
+            widget: ["@/widget"],
+        };
+
+        const forbiddenKeys = [];
+        const circleG = {};
+
+        lodash.forEach(G, (depts, module) => {
+            // 找出 rule
+            const packages = Object.keys(forbiddenCrossRules);
+            let key = packages.filter(
+                _package => srcName.indexOf(_package) >= 0,
+            );
+            if (key.length !== 1) {
+                throw new Error(
+                    "理论不可能出现这个问题，需要 treecat 优化下找包逻辑1",
+                );
+            }
+            key = key[0];
+            const rule = forbiddenCrossRules[key];
+
+            if (lodash.includes(rule, module)) {
                 circle = true;
+
+                const deptsArr = Object.keys(depts);
+                if (deptsArr.filter(dept => !DEPTS[dept]).length > 0) {
+                    throw new Error(
+                        "理论不可能出现这个问题，需要 treecat 优化下找包逻辑2",
+                    );
                 }
+                deptsArr
+                    .filter(dept => DEPTS[dept])
+                    .forEach(dept => {
+                        const value = `@${DEPTS[dept].replace(path.resolve("src"), "").replace(/\\/g, "/").replace(/\.js$/, "")}`;
+                        if (!tmpG[value]) {
+                            tmpG[value] = {};
                         }
+                        tmpG[value][dept] = true;
+                    });
+                forbiddenKeys.push(module);
+            }
+        });
+        Object.assign(tmpG, circleG);
+        forbiddenKeys.forEach(key => {
+            delete tmpG[key];
+        });
+        
+
+        // 较验手工 import 错误
+        const map = {};
+        let conflict = false;
 
-            _.forEach(imports, (bools, _import) => {
+        lodash.forEach(tmpG, (depts, module) => {
-                if (map[_import] && map[_import] !== fromStr) {
+            lodash.forEach(depts, (_, _import) => {
+                if (map[_import] && map[_import] !== module) {
                     conflict = true;
                 }
 
-                map[_import] = fromStr;
+                map[_import] = module;
             });
         });
 
         conflict && ConflictImport.push(srcName);
         circle && CircularDependency.push(srcName);
 
+   
+
         G = tmpG;
 
-        const noImportCode = noXtypeCode.replace(/import {([\s\S]*?)} from "(.*?)";/g, "");
+        const noImportCode = noXtypeCode.replace(
+            /import {([\s\S]*?)} from "(.*?)";/g,
+            "",
+        );
 
         let I = "";
         Object.keys(G).forEach(key => {
@@ -243,7 +261,6 @@ async function handleFile(srcName) {
                 moduleKey = `./${moduleKey}`;
             }
 
-            
             I += `import {${i}} from '${moduleKey}'\n`;
         });
         const code = `${I}\n${noImportCode}`;
@@ -255,7 +272,6 @@ async function handleFile(srcName) {
 
     G["@/core"] = { shortcut: true };
 
-
     const clzName = result[1];
 
     if (!clzName) {
@@ -463,19 +479,6 @@ async function traverse(srcName) {
 const srcName = process.argv[2];
 
 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("(", ""),
-        ),
-    );
-    result = content.match(/export const (.*?) =/g);
-    target.push(
-        ...result.map(el => el.replace("export const ", "").replace(" =", "")),
-    );
-
     await traverse(srcName);
 
     // 对数据处理
@@ -483,6 +486,6 @@ initDepts().then(async () => {
         console.log(`导入冲突 ${el}`);
     });
     CircularDependency.forEach(el => {
-        console.log(`出现循环依赖 ${el}`);
+        console.log(`出现循环依赖(已经fixed) ${el}`);
     });
 });

es6.xtype.js

@@ -1,35 +1,49 @@
 const fs = require("fs");
 const path = require("path");
+const lodash = require("lodash");
 
 const depts = {};
 
 async function handle(filename) {
-    // 找clzName
+    if (path.extname(filename) !== ".js") {
-    const code = fs.readFileSync(filename);
+        return;
+    }
+    const code = fs.readFileSync(filename).toString();
+    
     const inheritRegResult = /BI\.(.*?)\s=\sBI\.inherit\(/.exec(code);
-    let clzName;
     if (inheritRegResult) {
-        clzName = inheritRegResult[1];
+        const clzName = inheritRegResult[1];
-    } else {
+        depts[clzName] = filename;
-        const clzRegResult = /export\s+class\s+(.*?)\s+/.exec(code);
-
-        if (clzRegResult) {
-            clzName = clzRegResult[1];
     } else {
-            return;
+        // 一个文件夹里面可能有多个 xtype
-        }
+        const reg = /export\s+class\s+(.*?)([\s|{])([\w\W]*?)static xtype\s?=\s?((["|'])(.*?)(\5))/g;
-        const xtypeResult = /static xtype = (.*?)(;|\s)/.exec(code);
+        Array.from(code.matchAll(reg)).forEach(res => {
-        // 找一下 xtype
+            const xtype = res[4];
-        if (xtypeResult) {
+            depts[xtype] = {
-            depts[xtypeResult[1]] = {
+                clzName: res[1],
-                clzName,
                 clzPath: filename,
             };
-        } else {
+        });
-            // console.log(`${filename} 没有 xtype`);
+        // 同时找一下 export
+        if (path.basename(filename) !== "index.js") {
+            const regs = [
+                /export function (.*?)\(/g,
+                /export const (.*?) =/g,
+                /export class (.*?) /g,
+                /export \{([\w\W]*?)\}/g,
+            ];
+            regs.forEach((reg, index) => {
+                Array.from(code.matchAll(reg)).forEach(el => {
+                    depts[el[1]] = filename;
+                    if (index === 3) {
+                        el[1].split(",").map(el => el.trim()).forEach(key => {
+                            depts[key] = filename;
+                        });
+                    }
+                });
+            });
         }
     }
-    depts[clzName] = filename;
 }
 
 function isExist(filePath) {
@@ -53,6 +67,13 @@ async function bfs(filename) {
 async function initDepts() {
     // dfs 构建依赖关系
     await bfs(path.resolve("src"));
+    const m = {};
+    lodash.forEach(depts, value => {
+        if (typeof value === "object") {
+            m[value.clzName] = value.clzPath;
+        }
+    });
+    Object.assign(depts, m);
 }
 
 

src/case/button/icon/icon.change.js

@@ -1,6 +1,5 @@
-import { Single } from "../../../base/single/0.single";
+import { IconButton, Single } from "@/base";
-import { IconButton } from "../../../base/single/button/buttons/button.icon";
+import { shortcut, extend, emptyFn, isFunction, createWidget, Controller } from "@/core";
-import { shortcut, extend, emptyFn, isFunction, createWidget, Controller } from "../../../core";
 
 /**
  * 可以改变图标的button
@@ -15,7 +14,6 @@ export class IconChangeButton extends Single {
     static xtype = "bi.icon_change_button";
     static EVENT_CHANGE = "EVENT_CHANGE";
 
-
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
 
@@ -42,12 +40,14 @@ export class IconChangeButton extends Single {
 
     _init() {
         const o = this.options;
-        o.iconCls = isFunction(o.iconCls) ? this.__watch(o.iconCls, (context, newValue) => {
+        o.iconCls = isFunction(o.iconCls)
+            ? this.__watch(o.iconCls, (context, newValue) => {
                   this.setIcon(newValue);
-        }) : o.iconCls;
+              })
+            : o.iconCls;
         super._init(...arguments);
         this.button = createWidget({
-            type: "bi.icon_button",
+            type: IconButton.xtype,
             element: this,
             cls: o.iconCls,
             height: o.height,

src/case/button/icon/icon.trigger.js

@@ -1,5 +1,5 @@
-import { IconButton } from "../../../base/single/button/buttons/button.icon";
+import { IconButton } from "@/base";
-import { shortcut, extend } from "../../../core";
+import { shortcut, extend } from "@/core";
 
 /**
  *  统一的trigger图标按钮

src/case/button/icon/iconhalf/icon.half.image.js

@@ -1,6 +1,5 @@
-import { IconButton } from "../../../../base/single/button/buttons/button.icon";
+import { IconButton } from "@/base";
-import { shortcut, extend } from "../../../../core";
+import { shortcut, extend } from "@/core";
-
 
 /**
  * guy
@@ -10,7 +9,7 @@ import { shortcut, extend } from "../../../../core";
 @shortcut()
 export class HalfIconButton extends IconButton {
     static xtype = "bi.half_icon_button";
-    static EVENT_CHANGE = IconButton.EVENT_CHANGE
+    static EVENT_CHANGE = IconButton.EVENT_CHANGE;
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -25,4 +24,3 @@ export class HalfIconButton extends IconButton {
         });
     }
 }
-

src/case/button/icon/iconhalf/icon.half.js

@@ -1,5 +1,5 @@
-import { BasicButton } from "../../../../base/single/button/button.basic";
+import { CenterAdaptLayout, DefaultLayout, shortcut, extend } from "@/core";
-import { shortcut, extend } from "../../../../core";
+import { BasicButton } from "@/base";
 
 /**
  * guy
@@ -27,13 +27,15 @@ export class HalfButton extends BasicButton {
         const o = this.options;
 
         return {
-            type: "bi.center_adapt",
+            type: CenterAdaptLayout.xtype,
-            items: [{
+            items: [
-                type: "bi.default",
+                {
+                    type: DefaultLayout.xtype,
                     cls: "bi-half-button bi-high-light-border",
                     width: o.iconWidth,
                     height: o.iconHeight,
-            }],
+                },
+            ],
         };
     }
 

src/case/button/item.multiselect.js

@@ -1,5 +1,5 @@
-import { BasicButton } from "../../base/single/button/button.basic";
+import { Checkbox, Label, BasicButton } from "@/base";
-import { shortcut, extend, createWidget } from "../../core";
+import { VerticalAdaptLayout, CenterAdaptLayout, shortcut, extend, createWidget } from "@/core";
 
 /**
  * guy
@@ -11,7 +11,6 @@ export class MultiSelectItem extends BasicButton {
     static xtype = "bi.multi_select_item";
     static EVENT_CHANGE = "EVENT_CHANGE";
 
-
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
             extraCls: "bi-multi-select-item",
@@ -26,19 +25,21 @@ export class MultiSelectItem extends BasicButton {
     render() {
         const o = this.options;
         this.checkbox = createWidget({
-            type: "bi.checkbox",
+            type: Checkbox.xtype,
         });
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.iconWrapperWidth || o.height, "fill"],
-            items: [{
+            items: [
-                type: "bi.center_adapt",
+                {
+                    type: CenterAdaptLayout.xtype,
                     items: [this.checkbox],
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
-                    ref: _ref => {
+                        ref: (_ref) => {
                             this.text = _ref;
                         },
                         cls: "list-item-text",
@@ -55,7 +56,8 @@ export class MultiSelectItem extends BasicButton {
                         value: o.value,
                         py: o.py,
                     },
-            }],
+                },
+            ],
         };
     }
 
@@ -88,4 +90,3 @@ export class MultiSelectItem extends BasicButton {
         this.checkbox.setSelected(v);
     }
 }
-

src/case/button/item.singleselect.icontext.js

@@ -1,5 +1,5 @@
-import { Single } from "../../base/single/0.single";
+import { IconTextItem, Single } from "@/base";
-import { shortcut, extend, createWidget, Controller } from "../../core";
+import { shortcut, extend, createWidget, Controller } from "@/core";
 
 /**
  * Created by GUY on 2016/2/2.
@@ -25,7 +25,7 @@ export class SingleSelectIconTextItem extends Single {
     render() {
         const o = this.options;
         this.text = createWidget({
-            type: "bi.icon_text_item",
+            type: IconTextItem.xtype,
             element: this,
             cls: o.iconCls,
             once: o.once,
@@ -73,5 +73,3 @@ export class SingleSelectIconTextItem extends Single {
         this.text.unRedMark(...arguments);
     }
 }
-
-

src/case/button/item.singleselect.js

@@ -1,5 +1,5 @@
-import { BasicButton } from "../../base/single/button/button.basic";
+import { Label, BasicButton } from "@/base";
-import { shortcut, extend, createWidget } from "../../core";
+import { shortcut, extend, createWidget } from "@/core";
 
 @shortcut()
 export class SingleSelectItem extends BasicButton {
@@ -21,7 +21,7 @@ export class SingleSelectItem extends BasicButton {
     render() {
         const o = this.options;
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             element: this,
             textAlign: o.textAlign,
             whiteSpace: "nowrap",
@@ -66,6 +66,3 @@ export class SingleSelectItem extends BasicButton {
         super.setSelected(...arguments);
     }
 }
-
-
-

src/case/button/item.singleselect.radio.js

@@ -1,5 +1,5 @@
-import { BasicButton } from "../../base/single/button/button.basic";
+import { VerticalAdaptLayout, CenterAdaptLayout, shortcut, extend } from "@/core";
-import { shortcut, extend } from "../../core";
+import { Radio, Label, BasicButton } from "@/base";
 
 /**
  * guy
@@ -27,20 +27,24 @@ export class SingleSelectRadioItem extends BasicButton {
         const o = this.options;
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.iconWrapperWidth || o.height, "fill"],
-            items: [{
+            items: [
-                type: "bi.center_adapt",
+                {
-                items: [{
+                    type: CenterAdaptLayout.xtype,
-                    type: "bi.radio",
+                    items: [
-                    ref: _ref => {
+                        {
+                            type: Radio.xtype,
+                            ref: (_ref) => {
                                 this.radio = _ref;
                             },
-                }],
+                        },
-            }, {
+                    ],
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
-                    ref: _ref => {
+                        ref: (_ref) => {
                             this.text = _ref;
                         },
                         cls: "list-item-text",
@@ -57,7 +61,8 @@ export class SingleSelectRadioItem extends BasicButton {
                         value: o.value,
                         py: o.py,
                     },
-            }],
+                },
+            ],
         };
     }
 
@@ -90,4 +95,3 @@ export class SingleSelectRadioItem extends BasicButton {
         this.radio.setSelected(v);
     }
 }
-

src/case/button/node/node.arrow.js

@@ -1,5 +1,6 @@
-import { NodeButton } from "../../../base/single/button/button.node";
+import { ArrowTreeGroupNodeCheckbox } from "../../checkbox";
-import { shortcut, extend, createWidget } from "../../../core";
+import { VerticalAdaptLayout, shortcut, extend, createWidget } from "@/core";
+import { Label, NodeButton } from "@/base";
 
 /**
  * Created by roy on 15/10/16.
@@ -24,18 +25,20 @@ export class ArrowNode extends NodeButton {
     render() {
         const o = this.options;
         this.checkbox = createWidget({
-            type: "bi.arrow_group_node_checkbox",
+            type: ArrowTreeGroupNodeCheckbox.xtype,
             expandIcon: o.expandIcon,
             collapseIcon: o.collapseIcon,
         });
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.iconWrapperWidth || o.height, "fill"],
-            items: [this.checkbox, {
+            items: [
+                this.checkbox,
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
-                    ref: _ref => {
+                        ref: (_ref) => {
                             this.text = _ref;
                         },
                         textAlign: "left",
@@ -51,7 +54,8 @@ export class ArrowNode extends NodeButton {
                         py: o.py,
                         keyword: o.keyword,
                     },
-            }],
+                },
+            ],
         };
     }
 
@@ -78,4 +82,3 @@ export class ArrowNode extends NodeButton {
         this.checkbox.setSelected(v);
     }
 }
-

src/case/button/node/node.icon.arrow.js

@@ -1,5 +1,6 @@
-import { NodeButton } from "../../../base/single/button/button.node";
+import { ArrowTreeGroupNodeCheckbox } from "../../checkbox";
-import { shortcut, extend, createWidget, Controller, isNotNull } from "../../../core";
+import { IconLabel, Label, NodeButton } from "@/base";
+import { shortcut, extend, createWidget, Controller, isNotNull } from "@/core";
 
 /**
  * Created by User on 2016/3/31.
@@ -35,7 +36,7 @@ export class IconArrowNode extends NodeButton {
         super._init.apply(this, arguments);
         const o = this.options;
         this.checkbox = createWidget({
-            type: "bi.arrow_group_node_checkbox",
+            type: ArrowTreeGroupNodeCheckbox.xtype,
             expandIcon: o.expandIcon,
             collapseIcon: o.collapseIcon,
             width: 24,
@@ -43,7 +44,7 @@ export class IconArrowNode extends NodeButton {
         });
 
         const icon = createWidget({
-            type: "bi.icon_label",
+            type: IconLabel.xtype,
             width: 24,
             cls: o.iconCls,
             iconWidth: o.iconWidth,
@@ -51,7 +52,7 @@ export class IconArrowNode extends NodeButton {
         });
 
         createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             textAlign: "left",
             whiteSpace: "nowrap",
             textHeight: o.height,
@@ -62,7 +63,7 @@ export class IconArrowNode extends NodeButton {
             py: o.py,
             keyword: o.keyword,
         });
-        this.checkbox.on(Controller.EVENT_CHANGE, type => {
+        this.checkbox.on(Controller.EVENT_CHANGE, (type) => {
             if (type === BI.Events.CLICK) {
                 if (this.checkbox.isSelected()) {
                     this.triggerExpand();
@@ -72,19 +73,32 @@ export class IconArrowNode extends NodeButton {
             }
         });
         const type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left);
-        const items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, {
+        const items = BI.LogicFactory.createLogicItemsByDirection(
+            BI.Direction.Left,
+            {
                 width: o.iconWrapperWidth,
                 el: this.checkbox,
-        }, {
+            },
+            {
                 width: 16,
                 el: icon,
-        }, this.text);
+            },
-        createWidget(extend({
+            this.text
+        );
+        createWidget(
+            extend(
+                {
                     element: this,
-        }, BI.LogicFactory.createLogic(type, extend(o.logic, {
+                },
+                BI.LogicFactory.createLogic(
+                    type,
+                    extend(o.logic, {
                         items,
                         rgap: 5,
-        }))));
+                    })
+                )
+            )
+        );
     }
 
     doRedMark() {

src/case/button/node/node.multilayer.icon.arrow.js

@@ -1,5 +1,6 @@
-import { NodeButton } from "../../../base/single/button/button.node";
+import { IconArrowNode } from "./node.icon.arrow";
-import { shortcut, extend, createWidget, Controller, count, makeArray } from "../../../core";
+import { Layout, HorizontalAdaptLayout, shortcut, extend, createWidget, Controller, count, makeArray } from "@/core";
+import { NodeButton } from "@/base";
 
 @shortcut()
 export class MultiLayerIconArrowNode extends NodeButton {
@@ -25,7 +26,7 @@ export class MultiLayerIconArrowNode extends NodeButton {
         super._init(...arguments);
         const o = this.options;
         this.node = createWidget({
-            type: "bi.icon_arrow_node",
+            type: IconArrowNode.xtype,
             iconCls: o.iconCls,
             cls: "bi-list-item-none",
             id: o.id,
@@ -48,14 +49,14 @@ export class MultiLayerIconArrowNode extends NodeButton {
         const items = [];
         count(0, o.layer, () => {
             items.push({
-                type: "bi.layout",
+                type: Layout.xtype,
                 width: 15,
                 height: o.height,
             });
         });
         items.push(this.node);
         createWidget({
-            type: "bi.horizontal_adapt",
+            type: HorizontalAdaptLayout.xtype,
             element: this,
             columnSize: makeArray(o.layer, 15),
             items,

src/case/button/node/node.plus.js

@@ -1,5 +1,6 @@
-import { NodeButton } from "../../../base/single/button/button.node";
+import { TreeNodeCheckbox } from "../../checkbox";
-import { shortcut, extend, createWidget, Controller } from "../../../core";
+import { VerticalAdaptLayout, shortcut, extend, createWidget, Controller } from "@/core";
+import { Label, NodeButton } from "@/base";
 
 /**
  * 加号表示的组节点
@@ -26,7 +27,7 @@ export class PlusGroupNode extends NodeButton {
     render() {
         const o = this.options;
         this.checkbox = createWidget({
-            type: "bi.tree_node_checkbox",
+            type: TreeNodeCheckbox.xtype,
             iconHeight: o.height,
             iconWidth: o.iconWrapperWidth || o.height,
         });
@@ -39,12 +40,14 @@ export class PlusGroupNode extends NodeButton {
         });
 
         return {
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             columnSize: [o.iconWrapperWidth || o.height, "fill"],
-            items: [this.checkbox, {
+            items: [
+                this.checkbox,
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
-                    ref: _ref => {
+                        ref: (_ref) => {
                             this.text = _ref;
                         },
                         textAlign: "left",
@@ -60,7 +63,8 @@ export class PlusGroupNode extends NodeButton {
                         keyword: o.keyword,
                         py: o.py,
                     },
-            }],
+                },
+            ],
         };
     }
 

src/case/button/node/siwtcher.tree.node.js

@@ -1,5 +1,5 @@
-import { NodeButton } from "../../../base/single/button/button.node";
+import { IconLabel, NodeButton } from "@/base";
-import { shortcut, extend } from "../../../core";
+import { shortcut, extend } from "@/core";
 
 @shortcut()
 export class TreeNodeSwitcher extends NodeButton {
@@ -21,7 +21,7 @@ export class TreeNodeSwitcher extends NodeButton {
         const [collapse, expand] = this.getIconCls();
 
         return {
-            type: "bi.icon_label",
+            type: IconLabel.xtype,
             iconWidth: this.options.iconWidth,
             iconHeight: this.options.iconHeight,
             cls: this.options.open ? expand : collapse,
@@ -32,16 +32,24 @@ export class TreeNodeSwitcher extends NodeButton {
         const options = this.options;
         if (options.layer === 0 && options.isFirstNode && options.isLastNode) {
             //  只有一层，并且是第一个节点，并且是最后一个节点
-            return BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? ["tree-solid-collapse-icon-type1", "tree-solid-expand-icon-type1"] : ["tree-collapse-icon-type1", "tree-expand-icon-type1"];
+            return BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid"
+                ? ["tree-solid-collapse-icon-type1", "tree-solid-expand-icon-type1"]
+                : ["tree-collapse-icon-type1", "tree-expand-icon-type1"];
         } else if (options.layer === 0 && options.isFirstNode) {
             //  第一层，并且是第一个节点
-            return BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? ["tree-solid-collapse-icon-type1", "tree-solid-expand-icon-type1"] : ["tree-collapse-icon-type2", "tree-expand-icon-type2"];
+            return BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid"
+                ? ["tree-solid-collapse-icon-type1", "tree-solid-expand-icon-type1"]
+                : ["tree-collapse-icon-type2", "tree-expand-icon-type2"];
         } else if (options.isLastNode) {
             //  最后一个节点
-            return BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? ["tree-solid-collapse-icon-type1", "tree-solid-expand-icon-type1"] : ["tree-collapse-icon-type4", "tree-expand-icon-type4"];
+            return BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid"
+                ? ["tree-solid-collapse-icon-type1", "tree-solid-expand-icon-type1"]
+                : ["tree-collapse-icon-type4", "tree-expand-icon-type4"];
         } else {
             //  其他情况
-            return BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? ["tree-solid-collapse-icon-type1", "tree-solid-expand-icon-type1"] : ["tree-collapse-icon-type3", "tree-expand-icon-type3"];
+            return BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid"
+                ? ["tree-solid-collapse-icon-type1", "tree-solid-expand-icon-type1"]
+                : ["tree-collapse-icon-type3", "tree-expand-icon-type3"];
         }
     }
 

src/case/button/switch.js

@@ -1,10 +1,11 @@
+import { AbsoluteLayout, shortcut } from "@/core";
+import { TextButton, Label, BasicButton } from "@/base";
+
+
 /**
  * Created by Windy on 2018/2/1.
  */
 
-import { BasicButton } from "../../base/single/button/button.basic";
-import { shortcut } from "../../core";
-
 @shortcut()
 export class Switch extends BasicButton {
     static xtype = "bi.switch";
@@ -30,14 +31,14 @@ export class Switch extends BasicButton {
         const tgap = (o.height - c.CIRCLE_SIZE) / 2;
 
         return {
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
-            ref: _ref => {
+            ref: (_ref) => {
                 this.layout = _ref;
             },
             items: [
                 {
                     el: {
-                        type: "bi.text_button",
+                        type: TextButton.xtype,
                         cls: "circle-button",
                     },
                     width: 12,
@@ -46,27 +47,27 @@ export class Switch extends BasicButton {
                     left: o.selected ? 28 : 4,
                 },
                 {
-                    type: "bi.label",
+                    type: Label.xtype,
                     text: BI.i18nText("BI-Basic_Simple_Open"),
                     cls: "content-tip",
                     left: 8,
                     top: tgap - 2,
                     invisible: !(o.showTip && o.selected),
-                    ref: _ref => {
+                    ref: (_ref) => {
                         this.openTip = _ref;
                     },
                 },
                 {
-                    type: "bi.label",
+                    type: Label.xtype,
                     text: BI.i18nText("BI-Basic_Simple_Close"),
                     cls: "content-tip",
                     right: 8,
                     top: tgap - 2,
                     invisible: !(o.showTip && !o.selected),
-                    ref: _ref => {
+                    ref: (_ref) => {
                         this.closeTip = _ref;
                     },
-                }
+                },
             ],
         };
     }

src/case/button/treeitem/item.icon.treeleaf.js

@@ -1,5 +1,5 @@
-import { BasicButton } from "../../../base/single/button/button.basic";
+import { CenterAdaptLayout, shortcut, extend, createWidget } from "@/core";
-import { shortcut, extend, createWidget } from "../../../core";
+import { Icon, Label, BasicButton } from "@/base";
 
 @shortcut()
 export class IconTreeLeafItem extends BasicButton {
@@ -23,18 +23,20 @@ export class IconTreeLeafItem extends BasicButton {
         const o = this.options;
 
         const icon = createWidget({
-            type: "bi.center_adapt",
+            type: CenterAdaptLayout.xtype,
             width: 24,
             cls: o.iconCls,
-            items: [{
+            items: [
-                type: "bi.icon",
+                {
+                    type: Icon.xtype,
                     width: o.iconWidth,
                     height: o.iconHeight,
-            }],
+                },
+            ],
         });
 
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             textAlign: "left",
             whiteSpace: "nowrap",
             textHeight: o.height,
@@ -46,18 +48,30 @@ export class IconTreeLeafItem extends BasicButton {
             keyword: o.keyword,
         });
         const type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left);
-        const items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, {
+        const items = BI.LogicFactory.createLogicItemsByDirection(
+            BI.Direction.Left,
+            {
                 width: 16,
                 el: icon,
-        }, {
+            },
+            {
                 el: this.text,
-        });
+            }
-        createWidget(extend({
+        );
+        createWidget(
+            extend(
+                {
                     element: this,
-        }, BI.LogicFactory.createLogic(type, extend(o.logic, {
+                },
+                BI.LogicFactory.createLogic(
+                    type,
+                    extend(o.logic, {
                         items,
                         hgap: 5,
-        }))));
+                    })
+                )
+            )
+        );
     }
 
     doRedMark() {

src/case/button/treeitem/item.multilayer.icon.treeleaf.js

@@ -1,5 +1,6 @@
-import { BasicButton } from "../../../base/single/button/button.basic";
+import { IconTreeLeafItem } from "./item.icon.treeleaf";
-import { shortcut, extend, createWidget, Controller, makeArray, count } from "../../../core";
+import { Layout, HorizontalAdaptLayout, shortcut, extend, createWidget, Controller, makeArray, count } from "@/core";
+import { BasicButton } from "@/base";
 
 /**
  * @class BI.MultiLayerIconTreeLeafItem
@@ -24,7 +25,7 @@ export class MultiLayerIconTreeLeafItem extends BasicButton {
         super._init(...arguments);
         const o = this.options;
         this.item = createWidget({
-            type: "bi.icon_tree_leaf_item",
+            type: IconTreeLeafItem.xtype,
             cls: "bi-list-item-none",
             iconCls: o.iconCls,
             id: o.id,
@@ -41,7 +42,8 @@ export class MultiLayerIconTreeLeafItem extends BasicButton {
         });
         this.item.on(Controller.EVENT_CHANGE, (...args) => {
             const [type] = args;
-            if (type === BI.Events.CLICK) {// 本身实现click功能
+            if (type === BI.Events.CLICK) {
+                // 本身实现click功能
                 return;
             }
             this.fireEvent(Controller.EVENT_CHANGE, ...args);
@@ -50,14 +52,14 @@ export class MultiLayerIconTreeLeafItem extends BasicButton {
         const items = [];
         count(0, o.layer, () => {
             items.push({
-                type: "bi.layout",
+                type: Layout.xtype,
                 width: 15,
                 height: o.height,
             });
         });
         items.push(this.item);
         createWidget({
-            type: "bi.horizontal_adapt",
+            type: HorizontalAdaptLayout.xtype,
             element: this,
             columnSize: makeArray(o.layer, 15),
             items,
@@ -102,5 +104,3 @@ export class MultiLayerIconTreeLeafItem extends BasicButton {
         return this.options.value;
     }
 }
-
-

src/case/calendar/calendar.date.item.js

@@ -1,5 +1,5 @@
-import { shortcut } from "@/core";
+import { AbsoluteLayout, shortcut } from "@/core";
-import { BasicButton } from "@/base";
+import { TextItem, BasicButton } from "@/base";
 
 /**
  * 专门为calendar的视觉加的button，作为私有button,不能配置任何属性，也不要用这个玩意
@@ -19,10 +19,11 @@ export class CalendarDateItem extends BasicButton {
         const { text, value, lgap, rgap, tgap, bgap } = this.options;
 
         return {
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.text_item",
+                        type: TextItem.xtype,
                         cls: "bi-border-radius bi-list-item-select",
                         textAlign: "center",
                         text,
@@ -35,7 +36,8 @@ export class CalendarDateItem extends BasicButton {
                     right: rgap,
                     top: tgap,
                     bottom: bgap,
-            }],
+                }
+            ],
         };
     }
 

src/case/calendar/calendar.js

@@ -1,4 +1,27 @@
-import { shortcut, Widget, getDate, each, range, extend, isLeapYear, Date, StartOfWeek, checkDateVoid, map, createWidget, createItems, LogicFactory, Controller, getShortDayName, getOffsetDate, isNotEmptyString, parseInt } from "@/core";
+import { Label, ButtonGroup } from "@/base";
+import {
+    CenterLayout,
+    shortcut,
+    Widget,
+    getDate,
+    each,
+    range,
+    extend,
+    isLeapYear,
+    Date,
+    StartOfWeek,
+    checkDateVoid,
+    map,
+    createWidget,
+    createItems,
+    LogicFactory,
+    Controller,
+    getShortDayName,
+    getOffsetDate,
+    isNotEmptyString,
+    parseInt
+} from "@/core";
+import { CalendarDateItem } from "./calendar.date.item";
 
 /**
  * Created by GUY on 2015/8/28.
@@ -29,7 +52,7 @@ export class Calendar extends Widget {
         if (page < 0 && page % 12 !== 0) {
             year--;
         }
-        const month = page >= 0 ? (page % 12) : ((12 + page % 12) % 12);
+        const month = page >= 0 ? page % 12 : (12 + (page % 12)) % 12;
 
         return {
             year: getDate().getFullYear() + year,
@@ -53,7 +76,9 @@ export class Calendar extends Widget {
         });
     }
     _dateCreator(Y, M, D) {
-        const { min, max } = this.options, log = {}, De = getDate();
+        const { min, max } = this.options,
+            log = {},
+            De = getDate();
         const mins = min.match(/\d+/g);
         const maxs = max.match(/\d+/g);
 
@@ -78,7 +103,9 @@ export class Calendar extends Widget {
         const items = [];
         each(range(42), i => {
             const td = {};
-            let YY = log.ymd[0], MM = log.ymd[1] + 1, DD;
+            let YY = log.ymd[0],
+                MM = log.ymd[1] + 1,
+                DD;
             // 上个月的日期
             if (i < offSetFDay) {
                 td.lastMonth = true;
@@ -112,45 +139,59 @@ export class Calendar extends Widget {
         const { year, month, day, logic } = this.options;
         const items = map(this._getWeekLabel(), (i, value) => {
             return {
-                type: "bi.label",
+                type: Label.xtype,
                 height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
                 text: value,
             };
         });
         const title = createWidget({
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             height: 44,
             items,
-            layouts: [{
+            layouts: [
-                type: "bi.center",
+                {
+                    type: CenterLayout.xtype,
                     hgap: 5,
                     vgap: 10,
-            }],
+                }
+            ],
         });
 
         this.days = createWidget({
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             items: createItems(this._getItems(), {}),
             value: `${year}-${month}-${day}`,
-            layouts: [LogicFactory.createLogic("table", extend({}, logic, {
+            layouts: [
+                LogicFactory.createLogic(
+                    "table",
+                    extend({}, logic, {
                         columns: 7,
                         rows: 6,
                         columnSize: [1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7],
                         rowSize: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT + 8,
-            }))],
+                    })
+                )
+            ],
         });
         this.days.on(Controller.EVENT_CHANGE, (...args) => {
             this.fireEvent(Controller.EVENT_CHANGE, ...args);
         });
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
-
+                },
-        }, LogicFactory.createLogic("vertical", extend({}, logic, {
+                LogicFactory.createLogic(
+                    "vertical",
+                    extend({}, logic, {
                         items: LogicFactory.createLogicItemsByDirection("top", title, {
                             el: this.days,
                             tgap: -5,
                         }),
-        }))));
+                    })
+                )
+            )
+        );
     }
 
     _getWeekLabel() {
@@ -160,7 +201,9 @@ export class Calendar extends Widget {
     isFrontDate() {
         const { year, month, min, max } = this.options;
         let Y = year;
-        const M = month, De = getDate(), day = De.getDay();
+        const M = month,
+            De = getDate(),
+            day = De.getDay();
         Y = Y | 0;
         De.setFullYear(Y, M, 1);
         const newDate = getOffsetDate(De, -1 * (day + 1));
@@ -171,7 +214,9 @@ export class Calendar extends Widget {
     isFinalDate() {
         const { year, month, min, max } = this.options;
         let Y = year;
-        const M = month, De = getDate(), day = De.getDay();
+        const M = month,
+            De = getDate(),
+            day = De.getDay();
         Y = Y | 0;
         De.setFullYear(Y, M, 1);
         const newDate = getOffsetDate(De, 42 - day);
@@ -190,8 +235,9 @@ export class Calendar extends Widget {
         items.push(days.slice(28, 35));
         items.push(days.slice(35, 42));
 
-        return map(items, (i, item) => map(item, (j, td) => {
+        return map(items, (i, item) =>
-            let month = td.lastMonth ? o.month - 1 : (td.nextMonth ? o.month + 1 : o.month);
+            map(item, (j, td) => {
+                let month = td.lastMonth ? o.month - 1 : td.nextMonth ? o.month + 1 : o.month;
                 let year = o.year;
                 if (month > 12) {
                     month = 1;
@@ -202,7 +248,7 @@ export class Calendar extends Widget {
                 }
 
                 return extend(td, {
-                type: "bi.calendar_date_item",
+                    type: CalendarDateItem.xtype,
                     once: false,
                     forceSelected: true,
                     value: `${year}-${month}-${td.text}`,
@@ -214,7 +260,8 @@ export class Calendar extends Widget {
                     bgap: 4,
                     // selected: td.currentDay
                 });
-        }));
+            })
+        );
     }
 
     _populate() {

src/case/calendar/calendar.year.js

@@ -1,4 +1,23 @@
-import { shortcut, Widget, extend, parseDateTime, range, checkDateVoid, print, getDate, each, createWidget, createItems, LogicFactory, Controller, makeArray, map, isNotEmptyString } from "@/core";
+import { ButtonGroup, TextItem } from "@/base";
+import {
+    CenterAdaptLayout,
+    shortcut,
+    Widget,
+    extend,
+    parseDateTime,
+    range,
+    checkDateVoid,
+    print,
+    getDate,
+    each,
+    createWidget,
+    createItems,
+    LogicFactory,
+    Controller,
+    makeArray,
+    map,
+    isNotEmptyString
+} from "@/core";
 
 /**
  * Created by GUY on 2015/8/28.
@@ -14,7 +33,7 @@ export class YearCalendar extends Widget {
     static getStartYear(year) {
         const cur = getDate().getFullYear();
 
-        return year - ((year - cur + 3) % YearCalendar.INTERVAL + 12) % YearCalendar.INTERVAL;
+        return year - ((((year - cur + 3) % YearCalendar.INTERVAL) + 12) % YearCalendar.INTERVAL);
     }
 
     static getEndYear(year) {
@@ -53,7 +72,15 @@ export class YearCalendar extends Widget {
         const endDate = parseDateTime(max, "%Y-%X-%d");
         each(range(YearCalendar.INTERVAL), i => {
             const td = {};
-            if (checkDateVoid(start + i, 1, 1, print(getDate(startDate.getFullYear(), 0, 1), "%Y-%X-%d"), print(getDate(endDate.getFullYear(), 0, 1), "%Y-%X-%d"))[0]) {
+            if (
+                checkDateVoid(
+                    start + i,
+                    1,
+                    1,
+                    print(getDate(startDate.getFullYear(), 0, 1), "%Y-%X-%d"),
+                    print(getDate(endDate.getFullYear(), 0, 1), "%Y-%X-%d")
+                )[0]
+            ) {
                 td.disabled = true;
             }
             td.text = start + i;
@@ -68,30 +95,44 @@ export class YearCalendar extends Widget {
         this.currentYear = getDate().getFullYear();
 
         this.years = createWidget({
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             behaviors,
             items: createItems(this._getItems(), {}),
-            layouts: [LogicFactory.createLogic("table", extend({}, logic, {
+            layouts: [
+                LogicFactory.createLogic(
+                    "table",
+                    extend({}, logic, {
                         columns: 2,
                         rows: 6,
                         columnSize: [1 / 2, 1 / 2],
                         rowSize: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
-            })), {
+                    })
-                type: "bi.center_adapt",
+                ),
+                {
+                    type: CenterAdaptLayout.xtype,
                     vgap: 2,
-            }],
+                }
+            ],
         });
         this.years.on(Controller.EVENT_CHANGE, (...args) => {
             this.fireEvent(Controller.EVENT_CHANGE, ...args);
         });
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
-        }, LogicFactory.createLogic("vertical", extend({}, logic, {
+                },
+                LogicFactory.createLogic(
+                    "vertical",
+                    extend({}, logic, {
                         scrolly: true,
                         vgap: 5,
                         hgap: 6,
                         items: LogicFactory.createLogicItemsByDirection("top", this.years),
-        }))));
+                    })
+                )
+            )
+        );
     }
 
     isFrontYear() {
@@ -115,7 +156,8 @@ export class YearCalendar extends Widget {
         const years = this._yearCreator(year || this.currentYear);
 
         // 纵向排列年
-        const len = years.length, tyears = makeArray(len, "");
+        const len = years.length,
+            tyears = makeArray(len, "");
         const mapArr = [0, 6, 1, 7, 2, 8, 3, 9, 4, 10, 5, 11];
         each(years, (i, y) => {
             tyears[i] = years[mapArr[i]];
@@ -129,8 +171,10 @@ export class YearCalendar extends Widget {
         items.push(tyears.slice(8, 10));
         items.push(tyears.slice(10, 12));
 
-        return map(items, (i, item) => map(item, (j, td) => extend(td, {
+        return map(items, (i, item) =>
-            type: "bi.text_item",
+            map(item, (j, td) =>
+                extend(td, {
+                    type: TextItem.xtype,
                     cls: "bi-list-item-select bi-border-radius",
                     textAlign: "center",
                     whiteSpace: "normal",
@@ -140,7 +184,9 @@ export class YearCalendar extends Widget {
                     width: 45,
                     value: td.text,
                     disabled: td.disabled,
-        })));
+                })
+            )
+        );
     }
 
     _populate() {

src/case/checkbox/check.arrownode.js

@@ -1,9 +1,10 @@
+import { shortcut } from "@/core";
+import { IconButton } from "@/base";
+
 /**
  * Created by roy on 15/10/16.
  * 右与下箭头切换的树节点
  */
-import { shortcut } from "@/core";
-import { IconButton } from "@/base";
 
 @shortcut()
 export class ArrowTreeGroupNodeCheckbox extends IconButton {

src/case/checkbox/check.checkingmarknode.js

@@ -1,10 +1,11 @@
+import { extend, shortcut } from "@/core";
+import { IconButton } from "@/base";
+
 /**
  * 十字型的树节点
  * @class BI.CheckingMarkNode
  * @extends BI.IconButton
  */
-import { extend, shortcut } from "@/core";
-import { IconButton } from "@/base";
 
 @shortcut()
 export class CheckingMarkNode extends IconButton {

src/case/checkbox/check.first.treenode.js

@@ -1,10 +1,11 @@
+import { extend, shortcut } from "@/core";
+import { IconButton } from "@/base";
+
 /**
  * 十字型的树节点
  * @class BI.FirstTreeNodeCheckbox
  * @extends BI.IconButton
  */
-import { extend, shortcut } from "@/core";
-import { IconButton } from "@/base";
 
 @shortcut()
 export class FirstTreeNodeCheckbox extends IconButton {
@@ -12,7 +13,10 @@ export class FirstTreeNodeCheckbox extends IconButton {
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
-            extraCls: BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? "tree-solid-collapse-icon-type2" : "tree-collapse-icon-type2",
+            extraCls:
+                BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid"
+                    ? "tree-solid-collapse-icon-type2"
+                    : "tree-collapse-icon-type2",
             iconWidth: 24,
             iconHeight: 24,
         });

src/case/checkbox/check.last.treenode.js

@@ -1,10 +1,11 @@
+import { extend, shortcut } from "@/core";
+import { IconButton } from "@/base";
+
 /**
  * 十字型的树节点
  * @class BI.LastTreeNodeCheckbox
  * @extends BI.IconButton
  */
-import { extend, shortcut } from "@/core";
-import { IconButton } from "@/base";
 
 @shortcut()
 export class LastTreeNodeCheckbox extends IconButton {
@@ -12,7 +13,10 @@ export class LastTreeNodeCheckbox extends IconButton {
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
-            extraCls: BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? "tree-solid-collapse-icon-type4" : "tree-collapse-icon-type4",
+            extraCls:
+                BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid"
+                    ? "tree-solid-collapse-icon-type4"
+                    : "tree-collapse-icon-type4",
             iconWidth: 24,
             iconHeight: 24,
         });

src/case/checkbox/check.mid.treenode.js

@@ -1,10 +1,11 @@
+import { extend, shortcut } from "@/core";
+import { IconButton } from "@/base";
+
 /**
  * 十字型的树节点
  * @class BI.MidTreeNodeCheckbox
  * @extends BI.IconButton
  */
-import { extend, shortcut } from "@/core";
-import { IconButton } from "@/base";
 
 @shortcut()
 export class MidTreeNodeCheckbox extends IconButton {
@@ -12,7 +13,10 @@ export class MidTreeNodeCheckbox extends IconButton {
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
-            extraCls: BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? "tree-solid-collapse-icon-type3" : "tree-collapse-icon-type3",
+            extraCls:
+                BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid"
+                    ? "tree-solid-collapse-icon-type3"
+                    : "tree-collapse-icon-type3",
             iconWidth: 24,
             iconHeight: 24,
         });

src/case/checkbox/check.treenode.js

@@ -1,10 +1,11 @@
+import { extend, shortcut } from "@/core";
+import { IconButton } from "@/base";
+
 /**
  * 十字型的树节点
  * @class BI.TreeNodeCheckbox
  * @extends BI.IconButton
  */
-import { extend, shortcut } from "@/core";
-import { IconButton } from "@/base";
 
 @shortcut()
 export class TreeNodeCheckbox extends IconButton {
@@ -12,7 +13,10 @@ export class TreeNodeCheckbox extends IconButton {
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
-            extraCls: BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? "tree-solid-collapse-icon-type1" : "tree-collapse-icon-type1",
+            extraCls:
+                BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid"
+                    ? "tree-solid-collapse-icon-type1"
+                    : "tree-collapse-icon-type1",
             iconWidth: 24,
             iconHeight: 24,
         });

src/case/colorchooser/colorchooser.custom.js

@@ -1,6 +1,7 @@
-import { shortcut, Widget, extend, createWidget } from "@/core";
+import { SimpleHexColorPickerEditor, ColorPickerEditor } from "./colorpicker";
-import { ColorPickerEditor } from "./colorpicker";
 import { Farbtastic } from "./farbtastic/farbtastic";
+import { VTapeLayout, AbsoluteLayout, shortcut, Widget, extend, createWidget } from "@/core";
+
 
 /**
  * 自定义选色
@@ -27,14 +28,14 @@ export class CustomColorChooser extends Widget {
         super._init(...arguments);
         const o = this.options;
         this.editor = createWidget(o.editor, {
-            type: "bi.simple_hex_color_picker_editor",
+            type: SimpleHexColorPickerEditor.xtype,
             value: o.value,
         });
         this.editor.on(ColorPickerEditor.EVENT_CHANGE, () => {
             this.setValue(this.editor.getValue());
         });
         this.farbtastic = createWidget({
-            type: "bi.farbtastic",
+            type: Farbtastic.xtype,
             value: o.value,
         });
         this.farbtastic.on(Farbtastic.EVENT_CHANGE, () => {
@@ -42,27 +43,34 @@ export class CustomColorChooser extends Widget {
         });
 
         createWidget({
-            type: "bi.vtape",
+            type: VTapeLayout.xtype,
             element: this,
-            items: [{
+            items: [
-                type: "bi.absolute",
+                {
-                items: [{
+                    type: AbsoluteLayout.xtype,
+                    items: [
+                        {
                             el: this.editor,
                             left: 10,
                             top: 0,
                             right: 10,
-                }],
+                        },
+                    ],
                     height: 50,
-            }, {
+                },
-                type: "bi.absolute",
+                {
-                items: [{
+                    type: AbsoluteLayout.xtype,
+                    items: [
+                        {
                             el: this.farbtastic,
                             left: 46,
                             right: 46,
                             top: 7,
-                }],
+                        },
+                    ],
                     height: 215,
-            }],
+                },
+            ],
         });
     }
 
@@ -75,4 +83,3 @@ export class CustomColorChooser extends Widget {
         return this.editor.getValue();
     }
 }
-

src/case/colorchooser/colorchooser.js

@@ -1,5 +1,6 @@
-import { shortcut, Widget, extend, createWidget, toPix, isNotEmptyString } from "@/core";
 import { Combo } from "@/base";
+import { HexColorChooserPopup } from "./colorchooser.popup.hex";
+import { shortcut, Widget, extend, createWidget, toPix, isNotEmptyString } from "@/core";
 import { ColorChooserPopup } from "./colorchooser.popup";
 
 /**
@@ -36,14 +37,15 @@ export class ColorChooser extends Widget {
         super._init(...arguments);
         o.value = (o.value || "").toLowerCase();
         this.combo = createWidget({
-            type: "bi.combo",
+            type: Combo.xtype,
             element: this,
             container: o.container,
             adjustLength: 1,
             destroyWhenHide: o.destroyWhenHide,
             isNeedAdjustWidth: false,
             isNeedAdjustHeight: false,
-            el: extend({
+            el: extend(
+                {
                     type: o.width <= 24 ? "bi.color_chooser_trigger" : "bi.long_color_chooser_trigger",
                     simple: o.simple,
                     ref: _ref => {
@@ -52,16 +54,20 @@ export class ColorChooser extends Widget {
                     value: o.value,
                     width: o.el.type ? o.width : toPix(o.width, 2),
                     height: o.el.type ? o.height : toPix(o.height, 2),
-            }, o.el),
+                },
+                o.el
+            ),
             popup: () => {
                 return {
-                    el: extend({
+                    el: extend(
-                        type: "bi.hex_color_chooser_popup",
+                        {
+                            type: HexColorChooserPopup.xtype,
                             recommendColorsGetter: o.recommendColorsGetter,
                             ref: _ref => {
                                 this.colorPicker = _ref;
                             },
-                        listeners: [{
+                            listeners: [
+                                {
                                     eventName: ColorChooserPopup.EVENT_VALUE_CHANGE,
                                     action: () => {
                                         fn();
@@ -69,14 +75,18 @@ export class ColorChooser extends Widget {
                                             this.combo.hideView();
                                         }
                                     },
-                        }, {
+                                },
+                                {
                                     eventName: ColorChooserPopup.EVENT_CHANGE,
                                     action: () => {
                                         fn();
                                         this.combo.hideView();
                                     },
-                        }],
+                                }
-                    }, o.popup),
+                            ],
+                        },
+                        o.popup
+                    ),
                     value: o.value,
                     width: 300,
                 };

src/case/colorchooser/colorchooser.popup.hex.js

@@ -1,7 +1,26 @@
-import { shortcut, Widget, isNotNull, extend, isNotEmptyString, array2String, map, count, string2Array, filter, isArray, Cache, Queue } from "@/core";
+import {
-import { Combo } from "@/base";
+    VerticalLayout,
+    Layout,
+    AbsoluteLayout,
+    shortcut,
+    Widget,
+    isNotNull,
+    extend,
+    isNotEmptyString,
+    array2String,
+    map,
+    count,
+    string2Array,
+    filter,
+    isArray,
+    Cache,
+    Queue
+} from "@/core";
+import { Label, Combo, TextItem } from "@/base";
+import { PopupPanel } from "../layer";
+import { CustomColorChooser } from "./colorchooser.custom";
 import { ColorChooserPopup } from "./colorchooser.popup";
-import { ColorPickerEditor, ColorPicker } from "./colorpicker";
+import { ColorPickerEditor, ColorPicker, HexColorPicker } from "./colorpicker";
 
 /**
  * @author windy
@@ -20,105 +39,134 @@ export class HexColorChooserPopup extends Widget {
         width: 300,
         recommendColorsGetter: BI.emptyFn, // 推荐色获取接口
         simple: false, // 简单模式, popup中没有自动和透明
-    }
+    };
 
     render() {
         const o = this.options;
         const hasRecommendColors = isNotNull(o.recommendColorsGetter());
 
-        return [{
+        return [
-            type: "bi.vertical",
+            {
-            items: [{
+                type: VerticalLayout.xtype,
+                items: [
+                    {
                         el: {
-                    type: "bi.vertical",
+                            type: VerticalLayout.xtype,
                             hgap: 15,
-                    items: [extend({
+                            items: [
-                        type: o.simple ? "bi.simple_hex_color_picker_editor" : "bi.hex_color_picker_editor",
+                                extend(
+                                    {
+                                        type: o.simple
+                                            ? "bi.simple_hex_color_picker_editor"
+                                            : "bi.hex_color_picker_editor",
                                         value: o.value,
                                         height: o.simple ? 36 : 70,
-                        listeners: [{
+                                        listeners: [
+                                            {
                                                 eventName: ColorPickerEditor.EVENT_CHANGE,
                                                 action: (...args) => {
                                                     this.setValue(this.colorEditor.getValue());
                                                     this._dealStoreColors();
                                                     this.fireEvent(ColorChooserPopup.EVENT_VALUE_CHANGE, ...args);
                                                 },
-                        }],
+                                            }
+                                        ],
                                         ref: _ref => {
                                             this.colorEditor = _ref;
                                         },
-                    }, o.editor), {
+                                    },
+                                    o.editor
+                                ),
+                                {
                                     el: {
-                            type: "bi.hex_color_picker",
+                                        type: HexColorPicker.xtype,
                                         cls: "bi-border-bottom bi-border-right",
                                         items: [this._digestStoreColors(this._getStoreColors())],
                                         height: 22,
                                         value: o.value,
-                            listeners: [{
+                                        listeners: [
+                                            {
                                                 eventName: ColorPicker.EVENT_CHANGE,
                                                 action: (...args) => {
                                                     this.setValue(this.storeColors.getValue()[0]);
                                                     this._dealStoreColors();
                                                     this.fireEvent(ColorChooserPopup.EVENT_CHANGE, ...args);
                                                 },
-                            }],
+                                            }
+                                        ],
                                         ref: _ref => {
                                             this.storeColors = _ref;
                                         },
                                     },
                                     tgap: 10,
                                     height: 22,
-                    }, {
+                                },
-                        el: hasRecommendColors ? {
+                                {
-                            type: "bi.vertical",
+                                    el: hasRecommendColors
-                            items: [{
+                                        ? {
-                                type: "bi.label",
+                                            type: VerticalLayout.xtype,
+                                            items: [
+                                                {
+                                                    type: Label.xtype,
                                                     text: BI.i18nText("BI-Basic_Recommend_Color"),
                                                     textAlign: "left",
                                                     height: 24,
-                            }, {
+                                                },
-                                type: "bi.hex_color_picker",
+                                                {
+                                                    type: HexColorPicker.xtype,
                                                     cls: "bi-border-bottom bi-border-right",
                                                     items: [this._digestStoreColors(o.recommendColorsGetter())],
                                                     height: 22,
                                                     value: o.value,
-                                listeners: [{
+                                                    listeners: [
+                                                        {
                                                             eventName: ColorPicker.EVENT_CHANGE,
                                                             action: (...args) => {
                                                                 this.setValue(this.recommendColors.getValue()[0]);
                                                                 this._dealStoreColors();
-                                        this.fireEvent(ColorChooserPopup.EVENT_CHANGE, ...args);
+                                                                this.fireEvent(
+                                                                    ColorChooserPopup.EVENT_CHANGE,
+                                                                    ...args
+                                                                );
                                                             },
-                                }],
+                                                        }
+                                                    ],
                                                     ref: _ref => {
                                                         this.recommendColors = _ref;
                                                     },
-                            }],
+                                                }
-                        } : { type: "bi.layout" },
+                                            ],
+                                        }
+                                        : { type: Layout.xtype },
                                     tgap: hasRecommendColors ? 10 : 0,
                                     height: hasRecommendColors ? 47 : 0,
-                    }, {
+                                },
+                                {
                                     el: {
-                            type: "bi.layout",
+                                        type: Layout.xtype,
                                         cls: "bi-border-top",
                                     },
                                     vgap: 10,
                                     height: 1,
-                    }, {
+                                },
-                        type: "bi.absolute",
+                                {
-                        items: [{
+                                    type: AbsoluteLayout.xtype,
+                                    items: [
+                                        {
                                             el: {
-                                type: "bi.hex_color_picker",
+                                                type: HexColorPicker.xtype,
                                                 space: true,
                                                 value: o.value,
-                                listeners: [{
+                                                listeners: [
+                                                    {
                                                         eventName: ColorPicker.EVENT_CHANGE,
                                                         action: (...args) => {
                                                             this.setValue(this.colorPicker.getValue()[0]);
                                                             this._dealStoreColors();
                                                             this.fireEvent(ColorChooserPopup.EVENT_CHANGE, ...args);
                                                         },
-                                }],
+                                                    }
+                                                ],
                                                 ref: _ref => {
                                                     this.colorPicker = _ref;
                                                 },
@@ -127,19 +175,22 @@ export class HexColorChooserPopup extends Widget {
                                             left: 0,
                                             right: 0,
                                             bottom: 1,
-                        }],
+                                        }
+                                    ],
                                     height: 80,
-                    }],
+                                }
+                            ],
+                        },
                     },
-            }, {
+                    {
                         el: {
-                    type: "bi.combo",
+                            type: Combo.xtype,
                             cls: "bi-border-top",
                             container: null,
                             direction: "right,top",
                             isNeedAdjustHeight: false,
                             el: {
-                        type: "bi.text_item",
+                                type: TextItem.xtype,
                                 cls: "color-chooser-popup-more bi-list-item",
                                 textAlign: "center",
                                 height: 24,
@@ -147,11 +198,11 @@ export class HexColorChooserPopup extends Widget {
                                 text: `${BI.i18nText("BI-Basic_More")}...`,
                             },
                             popup: {
-                        type: "bi.popup_panel",
+                                type: PopupPanel.xtype,
                                 buttons: [BI.i18nText("BI-Basic_Cancel"), BI.i18nText("BI-Basic_Save")],
                                 title: BI.i18nText("BI-Custom_Color"),
                                 el: {
-                            type: "bi.custom_color_chooser",
+                                    type: CustomColorChooser.xtype,
                                     value: o.value,
                                     editor: o.editor,
                                     ref: _ref => {
@@ -163,7 +214,8 @@ export class HexColorChooserPopup extends Widget {
                                 rgap: 1,
                                 lgap: 1,
                                 minWidth: 227,
-                        listeners: [{
+                                listeners: [
+                                    {
                                         eventName: BI.PopupPanel.EVENT_CLICK_TOOLBAR_BUTTON,
                                         action: (index, ...args) => {
                                             switch (index) {
@@ -185,26 +237,32 @@ export class HexColorChooserPopup extends Widget {
                                                 break;
                                             }
                                         },
-                        }],
+                                    }
+                                ],
                             },
-                    listeners: [{
+                            listeners: [
+                                {
                                     eventName: Combo.EVENT_AFTER_POPUPVIEW,
                                     action: () => {
                                         this.customColorChooser.setValue(this.getValue());
                                     },
-                    }],
+                                }
+                            ],
                             ref: _ref => {
                                 this.more = _ref;
                             },
                         },
                         tgap: 10,
                         height: 24,
-            }],
+                    }
-        }, {
+                ],
-            type: "bi.absolute",
+            },
-            items: [{
+            {
+                type: AbsoluteLayout.xtype,
+                items: [
+                    {
                         el: {
-                    type: "bi.layout",
+                            type: Layout.xtype,
                             cls: "disable-mask",
                             invisible: !o.disabled,
                             ref: () => {
@@ -215,8 +273,10 @@ export class HexColorChooserPopup extends Widget {
                         right: 0,
                         top: 0,
                         bottom: 0,
-            }],
+                    }
-        }];
+                ],
+            }
+        ];
     }
 
     // 这里就实现的不好了，setValue里面有个editor，editor的setValue会检测错误然后出bubble提示
@@ -264,7 +324,7 @@ export class HexColorChooserPopup extends Widget {
         const o = this.options;
         const colorsArray = string2Array(Cache.getItem("colors") || "");
 
-        return filter(colorsArray, (idx, color) => o.simple ? this._isRGBColor(color) : true);
+        return filter(colorsArray, (idx, color) => (o.simple ? this._isRGBColor(color) : true));
     }
 
     _isRGBColor(color) {

src/case/colorchooser/colorchooser.popup.hex.simple.js

@@ -1,3 +1,4 @@
+import { HexColorChooserPopup } from "./colorchooser.popup.hex";
 import { shortcut, Widget } from "@/core";
 import { ColorChooserPopup } from "./colorchooser.popup";
 import { SimpleColorChooserPopup } from "./colorchooser.popup.simple";
@@ -16,27 +17,30 @@ export class SimpleHexColorChooserPopup extends Widget {
 
     props = {
         baseCls: "bi-color-chooser-popup",
-    }
+    };
 
     render() {
         const o = this.options;
 
         return {
-            type: "bi.hex_color_chooser_popup",
+            type: HexColorChooserPopup.xtype,
             recommendColorsGetter: o.recommendColorsGetter,
             value: o.value,
             simple: true, // 是否有自动
-            listeners: [{
+            listeners: [
+                {
                     eventName: ColorChooserPopup.EVENT_CHANGE,
                     action: (...args) => {
                         this.fireEvent(SimpleColorChooserPopup.EVENT_CHANGE, ...args);
                     },
-            }, {
+                },
+                {
                     eventName: ColorChooserPopup.EVENT_VALUE_CHANGE,
                     action: (...args) => {
                         this.fireEvent(SimpleColorChooserPopup.EVENT_VALUE_CHANGE, ...args);
                     },
-            }],
+                }
+            ],
             ref: _ref => {
                 this.popup = _ref;
             },

src/case/colorchooser/colorchooser.popup.js

@@ -1,5 +1,24 @@
-import { shortcut, Widget, createWidget, Cache, string2Array, isNotNull, Queue, array2String, map, count, filter, isNotEmptyString, isArray } from "@/core";
+import { CustomColorChooser } from "./colorchooser.custom";
-import { Combo } from "@/base";
+import { PopupPanel } from "../layer";
+import { Combo, TextItem } from "@/base";
+import {
+    AbsoluteLayout,
+    VTapeLayout,
+    Layout,
+    shortcut,
+    Widget,
+    createWidget,
+    Cache,
+    string2Array,
+    isNotNull,
+    Queue,
+    array2String,
+    map,
+    count,
+    filter,
+    isNotEmptyString,
+    isArray
+} from "@/core";
 import { ColorPickerEditor, ColorPicker } from "./colorpicker";
 
 /**
@@ -21,7 +40,7 @@ export class ColorChooserPopup extends Widget {
         width: 230,
         height: 145,
         simple: false, // 简单模式, popup中没有自动和透明
-    }
+    };
 
     render() {
         const o = this.options;
@@ -39,7 +58,7 @@ export class ColorChooserPopup extends Widget {
         });
 
         this.storeColors = createWidget({
-            type: "bi.color_picker",
+            type: ColorPicker.xtype,
             cls: "bi-border-bottom bi-border-right",
             items: [this._digestStoreColors(this._getStoreColors())],
             width: 210,
@@ -53,7 +72,7 @@ export class ColorChooserPopup extends Widget {
         });
 
         this.colorPicker = createWidget({
-            type: "bi.color_picker",
+            type: ColorPicker.xtype,
             width: 210,
             height: 50,
             value: o.value,
@@ -66,12 +85,12 @@ export class ColorChooserPopup extends Widget {
         });
 
         this.customColorChooser = createWidget({
-            type: "bi.custom_color_chooser",
+            type: CustomColorChooser.xtype,
             editor: o.editor,
         });
 
         const panel = createWidget({
-            type: "bi.popup_panel",
+            type: PopupPanel.xtype,
             buttons: [BI.i18nText("BI-Basic_Cancel"), BI.i18nText("BI-Basic_Save")],
             title: BI.i18nText("BI-Custom_Color"),
             el: this.customColorChooser,
@@ -83,13 +102,13 @@ export class ColorChooserPopup extends Widget {
         });
 
         this.more = createWidget({
-            type: "bi.combo",
+            type: Combo.xtype,
             cls: "bi-border-top",
             container: null,
             direction: "right,top",
             isNeedAdjustHeight: false,
             el: {
-                type: "bi.text_item",
+                type: TextItem.xtype,
                 cls: "color-chooser-popup-more bi-list-item",
                 textAlign: "center",
                 height: 24,
@@ -119,45 +138,56 @@ export class ColorChooserPopup extends Widget {
         });
 
         return {
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.vtape",
+                        type: VTapeLayout.xtype,
-                    items: [this.colorEditor, {
+                        items: [
+                            this.colorEditor,
+                            {
                                 el: {
-                            type: "bi.absolute",
+                                    type: AbsoluteLayout.xtype,
-                            items: [{
+                                    items: [
+                                        {
                                             el: this.storeColors,
                                             left: 10,
                                             right: 10,
                                             top: 5,
-                            }],
+                                        },
+                                    ],
                                 },
                                 height: 29,
-                    }, {
+                            },
+                            {
                                 el: {
-                            type: "bi.absolute",
+                                    type: AbsoluteLayout.xtype,
-                            items: [{
+                                    items: [
+                                        {
                                             el: this.colorPicker,
                                             left: 10,
                                             right: 10,
                                             top: 5,
                                             bottom: 5,
-                            }],
+                                        },
+                                    ],
                                 },
                                 height: 60,
-                    }, {
+                            },
+                            {
                                 el: this.more,
                                 height: 24,
-                    }],
+                            },
+                        ],
                     },
                     left: 0,
                     right: 0,
                     top: 0,
                     bottom: 0,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.layout",
+                        type: Layout.xtype,
                         cls: "disable-mask",
                         invisible: !o.disabled,
                         ref: () => {
@@ -168,7 +198,8 @@ export class ColorChooserPopup extends Widget {
                     right: 0,
                     top: 0,
                     bottom: 0,
-            }],
+                },
+            ],
         };
     }
 
@@ -203,7 +234,7 @@ export class ColorChooserPopup extends Widget {
                 value: color,
             };
         });
-        count(colors.length, 8, i => {
+        count(colors.length, 8, (i) => {
             items.push({
                 value: "",
                 disabled: true,
@@ -217,7 +248,7 @@ export class ColorChooserPopup extends Widget {
         const o = this.options;
         const colorsArray = string2Array(Cache.getItem("colors") || "");
 
-        return filter(colorsArray, (idx, color) => o.simple ? this._isRGBColor(color) : true);
+        return filter(colorsArray, (idx, color) => (o.simple ? this._isRGBColor(color) : true));
     }
 
     _isRGBColor(color) {

src/case/colorchooser/colorchooser.simple.js

@@ -1,3 +1,4 @@
+import { SimpleHexColorChooserPopup } from "./colorchooser.popup.hex.simple";
 import { shortcut, Widget, extend, createWidget } from "@/core";
 import { ColorChooser } from "./colorchooser";
 
@@ -27,7 +28,7 @@ export class SimpleColorChooser extends Widget {
         const o = this.options;
 
         this.combo = createWidget({
-            type: "bi.color_chooser",
+            type: ColorChooser.xtype,
             simple: o.simple,
             element: this,
             container: o.container,
@@ -36,7 +37,7 @@ export class SimpleColorChooser extends Widget {
             height: o.height,
             destroyWhenHide: o.destroyWhenHide,
             popup: {
-                type: "bi.simple_hex_color_chooser_popup",
+                type: SimpleHexColorChooserPopup.xtype,
                 recommendColorsGetter: o.recommendColorsGetter,
             },
         });

src/case/colorchooser/colorchooser.trigger.js

@@ -1,5 +1,5 @@
-import { shortcut, extend, createWidget, isNotNull } from "@/core";
+import { Layout, AbsoluteLayout, shortcut, extend, createWidget, isNotNull } from "@/core";
-import { Trigger } from "@/base";
+import { IconButton, Trigger } from "@/base";
 
 /**
  * 选色控件
@@ -18,7 +18,9 @@ export class ColorChooserTrigger extends Trigger {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: `${conf.baseCls || ""} bi-color-chooser-trigger bi-focus-shadow ${config.simple ? "bi-border-bottom" : "bi-border bi-border-radius"}`,
+            baseCls: `${conf.baseCls || ""} bi-color-chooser-trigger bi-focus-shadow ${
+                config.simple ? "bi-border-bottom" : "bi-border bi-border-radius"
+            }`,
             height: 22,
         });
     }
@@ -26,12 +28,12 @@ export class ColorChooserTrigger extends Trigger {
     _init() {
         super._init(...arguments);
         this.colorContainer = createWidget({
-            type: "bi.layout",
+            type: Layout.xtype,
-            cls: "color-chooser-trigger-content" + (BI.isIE9Below && BI.isIE9Below() ? " hack" : "")
+            cls: `color-chooser-trigger-content${BI.isIE9Below && BI.isIE9Below() ? " hack" : ""}`,
         });
 
         const down = createWidget({
-            type: "bi.icon_button",
+            type: IconButton.xtype,
             disableSelected: true,
             cls: "icon-combo-down-icon trigger-triangle-font icon-size-12",
             width: 12,
@@ -39,19 +41,22 @@ export class ColorChooserTrigger extends Trigger {
         });
 
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.colorContainer,
                     left: 2,
                     right: 2,
                     top: 2,
                     bottom: 2,
-            }, {
+                },
+                {
                     el: down,
                     right: -1,
                     bottom: 1,
-            }],
+                }
+            ],
         });
         if (isNotNull(this.options.value)) {
             this.setValue(this.options.value);
@@ -61,11 +66,20 @@ export class ColorChooserTrigger extends Trigger {
     setValue(color) {
         super.setValue(...arguments);
         if (color === "") {
-            this.colorContainer.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-background");
+            this.colorContainer.element
+                .css("background-color", "")
+                .removeClass("trans-color-background")
+                .addClass("auto-color-background");
         } else if (color === "transparent") {
-            this.colorContainer.element.css("background-color", "").removeClass("auto-color-background").addClass("trans-color-background");
+            this.colorContainer.element
+                .css("background-color", "")
+                .removeClass("auto-color-background")
+                .addClass("trans-color-background");
         } else {
-            this.colorContainer.element.css({ "background-color": color }).removeClass("auto-color-background").removeClass("trans-color-background");
+            this.colorContainer.element
+                .css({ "background-color": color })
+                .removeClass("auto-color-background")
+                .removeClass("trans-color-background");
         }
     }
 }

src/case/colorchooser/colorchooser.trigger.long.js

@@ -1,5 +1,6 @@
-import { shortcut, extend, createWidget } from "@/core";
+import { HTapeLayout, AbsoluteLayout, shortcut, extend, createWidget } from "@/core";
-import { Trigger } from "@/base";
+import { IconChangeButton } from "../button";
+import { Label, IconButton, Trigger } from "@/base";
 
 /**
  * 选色控件
@@ -18,7 +19,9 @@ export class LongColorChooserTrigger extends Trigger {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: `${conf.baseCls || ""} bi-color-chooser-trigger bi-focus-shadow ${config.simple ? "bi-border-bottom" : "bi-border bi-border-radius"}`,
+            baseCls: `${conf.baseCls || ""} bi-color-chooser-trigger bi-focus-shadow ${
+                config.simple ? "bi-border-bottom" : "bi-border bi-border-radius"
+            }`,
             height: 24,
         });
     }
@@ -26,10 +29,11 @@ export class LongColorChooserTrigger extends Trigger {
     _init() {
         super._init(...arguments);
         this.colorContainer = createWidget({
-            type: "bi.htape",
+            type: HTapeLayout.xtype,
             cls: "color-chooser-trigger-content",
-            items: [{
+            items: [
-                type: "bi.icon_change_button",
+                {
+                    type: IconChangeButton.xtype,
                     ref: _ref => {
                         this.changeIcon = _ref;
                     },
@@ -38,9 +42,10 @@ export class LongColorChooserTrigger extends Trigger {
                     width: 24,
                     iconWidth: 16,
                     iconHeight: 16,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.label = _ref;
                         },
@@ -49,11 +54,12 @@ export class LongColorChooserTrigger extends Trigger {
                         height: 18,
                         text: BI.i18nText("BI-Basic_Auto"),
                     },
-            }],
+                }
+            ],
         });
 
         const down = createWidget({
-            type: "bi.icon_button",
+            type: IconButton.xtype,
             disableSelected: true,
             cls: "icon-combo-down-icon trigger-triangle-font icon-size-12",
             width: 12,
@@ -61,19 +67,22 @@ export class LongColorChooserTrigger extends Trigger {
         });
 
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.colorContainer,
                     left: 2,
                     right: 2,
                     top: 2,
                     bottom: 2,
-            }, {
+                },
+                {
                     el: down,
                     right: 3,
                     bottom: 3,
-            }],
+                }
+            ],
         });
         if (this.options.value) {
             this.setValue(this.options.value);

src/case/colorchooser/colorpicker/button/button.colorpicker.js

@@ -34,21 +34,25 @@ export class ColorPickerButton extends BasicButton {
                 this.element.css("background-color", o.value);
             }
             const name = this.getName();
-            this.element.hover(() => {
+            this.element.hover(
+                () => {
                     this._createMask();
                     if (this.isEnabled()) {
                         Maskers.show(name);
                     }
-            }, () => {
+                },
+                () => {
                     if (!this.isSelected()) {
                         Maskers.hide(name);
                     }
-            });
+                }
+            );
         }
     }
 
     _createMask() {
-        const o = this.options, name = this.getName();
+        const o = this.options,
+            name = this.getName();
         if (this.isEnabled() && !Maskers.has(name)) {
             const w = Maskers.make(name, this, {
                 offset: {

src/case/colorchooser/colorpicker/button/button.colorshow.js

@@ -1,5 +1,5 @@
-import { shortcut } from "@/core";
+import { HTapeLayout, shortcut } from "@/core";
-import { BasicButton } from "@/base";
+import { IconLabel, Label, BasicButton } from "@/base";
 
 /**
  * @author windy
@@ -14,17 +14,17 @@ export class ColorChooserShowButton extends BasicButton {
 
     props = {
         baseCls: "bi-color-chooser-show-button bi-border bi-list-item-effect bi-border-radius",
-    }
+    };
 
     render() {
         const o = this.options;
 
         return {
-            type: "bi.htape",
+            type: HTapeLayout.xtype,
             items: [
                 {
                     el: {
-                        type: "bi.icon_label",
+                        type: IconLabel.xtype,
                         ref: _ref => {
                             this.icon = _ref;
                         },
@@ -33,8 +33,9 @@ export class ColorChooserShowButton extends BasicButton {
                     },
                     hgap: 20,
                     width: 16,
-                }, {
+                },
-                    type: "bi.label",
+                {
+                    type: Label.xtype,
                     textAlign: "left",
                     text: o.text,
                 }

src/case/colorchooser/colorpicker/colorpicker.hex.js

@@ -1,5 +1,6 @@
-import { shortcut, Widget, extend, each } from "@/core";
 import { ButtonGroup } from "@/base";
+import { GridLayout, Layout, shortcut, Widget, extend, each } from "@/core";
+import { ColorPickerButton } from "./button";
 
 /**
  * @author windy
@@ -15,7 +16,7 @@ export class HexColorPicker extends Widget {
     props = {
         baseCls: "bi-hex-color-picker",
         items: null,
-    }
+    };
 
     _items = [
         [
@@ -163,17 +164,17 @@ export class HexColorPicker extends Widget {
                 value: "#B30072",
             }
         ]
-    ]
+    ];
 
     render() {
         const o = this.options;
 
         return {
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             items: this._digest(o.items || this._items),
             layouts: [
                 {
-                    type: "bi.grid",
+                    type: GridLayout.xtype,
                 }
             ],
             value: o.value,
@@ -197,13 +198,18 @@ export class HexColorPicker extends Widget {
         each(items, (idx, row) => {
             const bRow = [];
             each(row, (idx, item) => {
-                bRow.push(extend({
+                bRow.push(
-                    type: "bi.color_picker_button",
+                    extend(
+                        {
+                            type: ColorPickerButton.xtype,
                             once: false,
                             cls: o.space ? "bi-border-right" : "",
-                }, item));
+                        },
+                        item
+                    )
+                );
                 if (o.space && idx < row.length - 1) {
-                    bRow.push({ type: "bi.layout" });
+                    bRow.push({ type: Layout.xtype });
                 }
             });
             blocks.push(bRow);

src/case/colorchooser/colorpicker/colorpicker.js

@@ -1,5 +1,6 @@
-import { shortcut, Widget, extend, createItems, createWidget } from "@/core";
 import { ButtonGroup } from "@/base";
+import { ColorPickerButton } from "./button";
+import { GridLayout, shortcut, Widget, extend, createItems, createWidget } from "@/core";
 
 /**
  * 简单选色控件
@@ -22,153 +23,223 @@ export class ColorPicker extends Widget {
     }
 
     _items = [
-        [{
+        [
+            {
                 value: "#ffffff",
-        }, {
+            },
+            {
                 value: "#f2f2f2",
-        }, {
+            },
+            {
                 value: "#e5e5e5",
-        }, {
+            },
+            {
                 value: "#d9d9d9",
-        }, {
+            },
+            {
                 value: "#cccccc",
-        }, {
+            },
+            {
                 value: "#bfbfbf",
-        }, {
+            },
+            {
                 value: "#b2b2b2",
-        }, {
+            },
+            {
                 value: "#a6a6a6",
-        }, {
+            },
+            {
                 value: "#999999",
-        }, {
+            },
+            {
                 value: "#8c8c8c",
-        }, {
+            },
+            {
                 value: "#808080",
-        }, {
+            },
+            {
                 value: "#737373",
-        }, {
+            },
+            {
                 value: "#666666",
-        }, {
+            },
+            {
                 value: "#4d4d4d",
-        }, {
+            },
+            {
                 value: "#333333",
-        }, {
+            },
+            {
                 value: "#000000",
-        }],
+            }
-        [{
+        ],
+        [
+            {
                 value: "#d8b5a6",
-        }, {
+            },
+            {
                 value: "#ff9e9a",
-        }, {
+            },
+            {
                 value: "#ffc17d",
-        }, {
+            },
+            {
                 value: "#f5e56b",
-        }, {
+            },
+            {
                 value: "#d8e698",
-        }, {
+            },
+            {
                 value: "#e0ebaf",
-        }, {
+            },
+            {
                 value: "#c3d825",
-        }, {
+            },
+            {
                 value: "#bbe2e7",
-        }, {
+            },
+            {
                 value: "#85d3cd",
-        }, {
+            },
+            {
                 value: "#bde1e6",
-        }, {
+            },
+            {
                 value: "#a0d8ef",
-        }, {
+            },
+            {
                 value: "#89c3eb",
-        }, {
+            },
+            {
                 value: "#bbc8e6",
-        }, {
+            },
+            {
                 value: "#bbbcde",
-        }, {
+            },
+            {
                 value: "#d6b4cc",
-        }, {
+            },
+            {
                 value: "#fbc0d3",
-        }],
+            }
-        [{
+        ],
+        [
+            {
                 value: "#bb9581",
-        }, {
+            },
+            {
                 value: "#f37d79",
-        }, {
+            },
+            {
                 value: "#fba74f",
-        }, {
+            },
+            {
                 value: "#ffdb4f",
-        }, {
+            },
+            {
                 value: "#c7dc68",
-        }, {
+            },
+            {
                 value: "#b0ca71",
-        }, {
+            },
+            {
                 value: "#99ab4e",
-        }, {
+            },
+            {
                 value: "#84b9cb",
-        }, {
+            },
+            {
                 value: "#00a3af",
-        }, {
+            },
+            {
                 value: "#2ca9e1",
-        }, {
+            },
+            {
                 value: "#0095d9",
-        }, {
+            },
+            {
                 value: "#4c6cb3",
-        }, {
+            },
+            {
                 value: "#8491c3",
-        }, {
+            },
+            {
                 value: "#a59aca",
-        }, {
+            },
+            {
                 value: "#cc7eb1",
-        }, {
+            },
+            {
                 value: "#e89bb4",
-        }],
+            }
-        [{
+        ],
+        [
+            {
                 value: "#9d775f",
-        }, {
+            },
+            {
                 value: "#dd4b4b",
-        }, {
+            },
+            {
                 value: "#ef8b07",
-        }, {
+            },
+            {
                 value: "#fcc800",
-        }, {
+            },
+            {
                 value: "#aacf53",
-        }, {
+            },
+            {
                 value: "#82ae46",
-        }, {
+            },
+            {
                 value: "#69821b",
-        }, {
+            },
+            {
                 value: "#59b9c6",
-        }, {
+            },
+            {
                 value: "#2a83a2",
-        }, {
+            },
+            {
                 value: "#007bbb",
-        }, {
+            },
+            {
                 value: "#19448e",
-        }, {
+            },
+            {
                 value: "#274a78",
-        }, {
+            },
+            {
                 value: "#4a488e",
-        }, {
+            },
+            {
                 value: "#7058a3",
-        }, {
+            },
+            {
                 value: "#884898",
-        }, {
+            },
+            {
                 value: "#d47596",
-        }]
+            }
         ]
+    ];
 
     _init() {
         super._init(...arguments);
         const o = this.options;
         this.colors = createWidget({
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             element: this,
             items: createItems(o.items || this._items, {
-                type: "bi.color_picker_button",
+                type: ColorPickerButton.xtype,
                 once: false,
             }),
-            layouts: [{
+            layouts: [
-                type: "bi.grid",
+                {
-            }],
+                    type: GridLayout.xtype,
+                }
+            ],
             value: o.value,
         });
         this.colors.on(ButtonGroup.EVENT_CHANGE, (...args) => {
@@ -179,7 +250,7 @@ export class ColorPicker extends Widget {
     populate(items) {
         const args = [].slice.call(arguments);
         args[0] = createItems(items, {
-            type: "bi.color_picker_button",
+            type: ColorPickerButton.xtype,
             once: false,
         });
         this.colors.populate.apply(this.colors, args);

src/case/colorchooser/colorpicker/editor.colorpicker.hex.js

@@ -1,8 +1,27 @@
-import { shortcut, Widget, createItems, map, isNumeric, range, extend, isEmptyString, isNull, DOM } from "@/core";
+import { Label } from "@/base";
-import { ColorPickerEditor } from "./editor.colorpicker";
+import {
+    AbsoluteLayout,
+    VerticalLayout,
+    VerticalAdaptLayout,
+    Layout,
+    shortcut,
+    Widget,
+    createItems,
+    map,
+    isNumeric,
+    range,
+    extend,
+    isEmptyString,
+    isNull,
+    DOM
+} from "@/core";
 import { ColorChooserShowButton } from "./button";
+import { ColorPickerEditor } from "./editor.colorpicker";
+import { SmallTextEditor } from "@/widget/editor/editor.text.small.js";
 
-const RGB_WIDTH = 32, HEX_WIDTH = 70, HEX_PREFIX_POSITION = 1;
+const RGB_WIDTH = 32,
+    HEX_WIDTH = 70,
+    HEX_PREFIX_POSITION = 1;
 
 /**
  * 简单选色控件
@@ -20,12 +39,12 @@ export class HexColorPickerEditor extends Widget {
     props = {
         baseCls: "bi-color-picker-editor",
         height: 30,
-    }
+    };
 
     render() {
         this.storeValue = {};
         const RGB = createItems([{ text: "R" }, { text: "G" }, { text: "B" }], {
-            type: "bi.label",
+            type: Label.xtype,
             cls: "color-picker-editor-label",
             height: 20,
         });
@@ -33,7 +52,7 @@ export class HexColorPickerEditor extends Widget {
         const checker = v => isNumeric(v) && (v | 0) >= 0 && (v | 0) <= 255;
         const Ws = map(range(0, 3), () => {
             return {
-                type: "bi.small_text_editor",
+                type: SmallTextEditor.xtype,
                 cls: "color-picker-editor-input bi-border-radius",
                 validationChecker: checker,
                 errorText: BI.i18nText("BI-Color_Picker_Error_Text"),
@@ -46,7 +65,11 @@ export class HexColorPickerEditor extends Widget {
                         eventName: BI.TextEditor.EVENT_CHANGE,
                         action: () => {
                             this._checkEditors();
-                            if (checker(this.storeValue.r) && checker(this.storeValue.g) && checker(this.storeValue.b)) {
+                            if (
+                                checker(this.storeValue.r) &&
+                                checker(this.storeValue.g) &&
+                                checker(this.storeValue.b)
+                            ) {
                                 this.colorShow.element.css("background-color", this.getValue());
                                 this.fireEvent(ColorPickerEditor.EVENT_CHANGE);
                             }
@@ -57,20 +80,20 @@ export class HexColorPickerEditor extends Widget {
         });
 
         return {
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             items: [
                 {
                     el: {
-                        type: "bi.vertical",
+                        type: VerticalLayout.xtype,
                         tgap: 10,
                         items: [
                             {
-                                type: "bi.vertical_adapt",
+                                type: VerticalAdaptLayout.xtype,
                                 columnSize: ["fill", "fill"],
                                 height: 24,
                                 items: [
                                     {
-                                        type: "bi.color_picker_show_button",
+                                        type: ColorChooserShowButton.xtype,
                                         cls: "trans-color-icon",
                                         height: 22,
                                         title: BI.i18nText("BI-Transparent_Color"),
@@ -87,9 +110,10 @@ export class HexColorPickerEditor extends Widget {
                                         ref: _ref => {
                                             this.transparent = _ref;
                                         },
-                                    }, {
+                                    },
+                                    {
                                         el: {
-                                            type: "bi.color_picker_show_button",
+                                            type: ColorChooserShowButton.xtype,
                                             cls: "auto-color-icon",
                                             height: 22,
                                             title: BI.i18nText("BI-Basic_Auto"),
@@ -110,16 +134,17 @@ export class HexColorPickerEditor extends Widget {
                                         lgap: 10,
                                     }
                                 ],
-                            }, {
+                            },
+                            {
                                 el: {
-                                    type: "bi.vertical_adapt",
+                                    type: VerticalAdaptLayout.xtype,
                                     columnSize: [22, 10, "fill", 12, RGB_WIDTH, 12, RGB_WIDTH, 12, RGB_WIDTH],
 
                                     rgap: 5,
                                     items: [
                                         {
                                             el: {
-                                                type: "bi.layout",
+                                                type: Layout.xtype,
                                                 cls: "color-picker-editor-display bi-card bi-border",
                                                 height: 22,
                                                 width: 22,
@@ -128,12 +153,14 @@ export class HexColorPickerEditor extends Widget {
                                                 },
                                             },
                                             width: 18,
-                                        }, {
+                                        },
-                                            type: "bi.label",
+                                        {
+                                            type: Label.xtype,
                                             text: "#",
                                             width: 10,
-                                        }, {
+                                        },
-                                            type: "bi.small_text_editor",
+                                        {
+                                            type: SmallTextEditor.xtype,
                                             ref: _ref => {
                                                 this.hexEditor = _ref;
                                             },
@@ -148,28 +175,41 @@ export class HexColorPickerEditor extends Widget {
                                                     eventName: "EVENT_CHANGE",
                                                     action: () => {
                                                         this._checkHexEditor();
-                                                        if (checker(this.storeValue.r) && checker(this.storeValue.g) && checker(this.storeValue.b)) {
+                                                        if (
-                                                            this.colorShow.element.css("background-color", this.getValue());
+                                                            checker(this.storeValue.r) &&
+                                                            checker(this.storeValue.g) &&
+                                                            checker(this.storeValue.b)
+                                                        ) {
+                                                            this.colorShow.element.css(
+                                                                "background-color",
+                                                                this.getValue()
+                                                            );
                                                             this.fireEvent(ColorPickerEditor.EVENT_CHANGE);
                                                         }
                                                     },
                                                 }
                                             ],
-                                        }, RGB[0], {
+                                        },
+                                        RGB[0],
+                                        {
                                             el: extend(Ws[0], {
                                                 ref: _ref => {
                                                     this.R = _ref;
                                                 },
                                             }),
                                             width: RGB_WIDTH,
-                                        }, RGB[1], {
+                                        },
+                                        RGB[1],
+                                        {
                                             el: extend(Ws[1], {
                                                 ref: _ref => {
                                                     this.G = _ref;
                                                 },
                                             }),
                                             width: RGB_WIDTH,
-                                        }, RGB[2], {
+                                        },
+                                        RGB[2],
+                                        {
                                             el: extend(Ws[2], {
                                                 ref: _ref => {
                                                     this.B = _ref;
@@ -235,11 +275,20 @@ export class HexColorPickerEditor extends Widget {
 
     _showPreColor(color) {
         if (color === "") {
-            this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-square-normal-background");
+            this.colorShow.element
+                .css("background-color", "")
+                .removeClass("trans-color-background")
+                .addClass("auto-color-square-normal-background");
         } else if (color === "transparent") {
-            this.colorShow.element.css("background-color", "").removeClass("auto-color-square-normal-background").addClass("trans-color-background");
+            this.colorShow.element
+                .css("background-color", "")
+                .removeClass("auto-color-square-normal-background")
+                .addClass("trans-color-background");
         } else {
-            this.colorShow.element.css({ "background-color": color }).removeClass("auto-color-square-normal-background").removeClass("trans-color-background");
+            this.colorShow.element
+                .css({ "background-color": color })
+                .removeClass("auto-color-square-normal-background")
+                .removeClass("trans-color-background");
         }
     }
 
@@ -294,10 +343,12 @@ export class HexColorPickerEditor extends Widget {
             return "transparent";
         }
 
-        return DOM.rgb2hex(DOM.json2rgb({
+        return DOM.rgb2hex(
+            DOM.json2rgb({
                 r: this.storeValue.r,
                 g: this.storeValue.g,
                 b: this.storeValue.b,
-        }));
+            })
+        );
     }
 }

src/case/colorchooser/colorpicker/editor.colorpicker.hex.simple.js

@@ -1,8 +1,27 @@
-import { shortcut, Widget, extend, isEmptyObject, createItems, isNull, isNumeric, map, isEmptyString, range, DOM } from "@/core";
+import { Label } from "@/base";
+import {
+    VerticalLayout,
+    VerticalAdaptLayout,
+    Layout,
+    shortcut,
+    Widget,
+    extend,
+    isEmptyObject,
+    createItems,
+    isNull,
+    isNumeric,
+    map,
+    isEmptyString,
+    range,
+    DOM
+} from "@/core";
 import { SimpleColorPickerEditor } from "./editor.colorpicker.simple";
 import { ColorPickerEditor } from "./editor.colorpicker";
+import { SmallTextEditor } from "@/widget/editor/editor.text.small.js";
 
-const RGB_WIDTH = 32, HEX_WIDTH = 70, HEX_PREFIX_POSITION = 1;
+const RGB_WIDTH = 32,
+    HEX_WIDTH = 70,
+    HEX_PREFIX_POSITION = 1;
 
 /**
  * @author windy
@@ -18,19 +37,19 @@ export class SimpleHexColorPickerEditor extends Widget {
     props = {
         baseCls: "bi-color-picker-editor",
         height: 36,
-    }
+    };
 
     render() {
         const RGB = createItems([{ text: "R" }, { text: "G" }, { text: "B" }], {
-            type: "bi.label",
+            type: Label.xtype,
             cls: "color-picker-editor-label",
             height: 20,
         });
 
-        const checker = v => isNumeric(v) && (v | 0) >= 0 && (v | 0) <= 255;
+        const checker = (v) => isNumeric(v) && (v | 0) >= 0 && (v | 0) <= 255;
         const Ws = map(range(0, 3), () => {
             return {
-                type: "bi.small_text_editor",
+                type: SmallTextEditor.xtype,
                 cls: "color-picker-editor-input bi-border-radius",
                 validationChecker: checker,
                 errorText: BI.i18nText("BI-Color_Picker_Error_Text"),
@@ -48,39 +67,41 @@ export class SimpleHexColorPickerEditor extends Widget {
                                 this.fireEvent(SimpleColorPickerEditor.EVENT_CHANGE);
                             }
                         },
-                    }
+                    },
                 ],
             };
         });
 
         return {
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             tgap: 10,
             items: [
                 {
                     el: {
-                        type: "bi.vertical_adapt",
+                        type: VerticalAdaptLayout.xtype,
                         rgap: 5,
                         columnSize: [22, 10, "fill", 12, RGB_WIDTH, 12, RGB_WIDTH, 12, RGB_WIDTH],
                         items: [
                             {
                                 el: {
-                                    type: "bi.layout",
+                                    type: Layout.xtype,
                                     cls: "color-picker-editor-display bi-card bi-border",
                                     height: 22,
                                     width: 22,
-                                    ref: _ref => {
+                                    ref: (_ref) => {
                                         this.colorShow = _ref;
                                     },
                                 },
                                 width: 18,
-                            }, {
+                            },
-                                type: "bi.label",
+                            {
+                                type: Label.xtype,
                                 text: "#",
                                 width: 10,
-                            }, {
+                            },
-                                type: "bi.small_text_editor",
+                            {
-                                ref: _ref => {
+                                type: SmallTextEditor.xtype,
+                                ref: (_ref) => {
                                     this.hexEditor = _ref;
                                 },
                                 cls: "color-picker-editor-input bi-border-radius",
@@ -94,41 +115,50 @@ export class SimpleHexColorPickerEditor extends Widget {
                                         eventName: "EVENT_CHANGE",
                                         action: () => {
                                             this._checkHexEditor();
-                                            if (checker(this.storeValue.r) && checker(this.storeValue.g) && checker(this.storeValue.b)) {
+                                            if (
+                                                checker(this.storeValue.r) &&
+                                                checker(this.storeValue.g) &&
+                                                checker(this.storeValue.b)
+                                            ) {
                                                 this.colorShow.element.css("background-color", this.getValue());
                                                 this.fireEvent(ColorPickerEditor.EVENT_CHANGE);
                                             }
                                         },
-                                    }
+                                    },
                                 ],
-                            }, RGB[0], {
+                            },
+                            RGB[0],
+                            {
                                 el: extend(Ws[0], {
-                                    ref: _ref => {
+                                    ref: (_ref) => {
                                         this.R = _ref;
                                     },
                                 }),
                                 width: RGB_WIDTH,
-                            }, RGB[1], {
+                            },
+                            RGB[1],
+                            {
                                 el: extend(Ws[1], {
-                                    ref: _ref => {
+                                    ref: (_ref) => {
                                         this.G = _ref;
                                     },
                                 }),
                                 width: RGB_WIDTH,
-                            }, RGB[2], {
+                            },
+                            RGB[2],
+                            {
                                 el: extend(Ws[2], {
-                                    ref: _ref => {
+                                    ref: (_ref) => {
                                         this.B = _ref;
                                     },
                                 }),
                                 rgap: -5,
                                 width: RGB_WIDTH,
-                            }
+                            },
                         ],
                     },
-                }
+                },
             ],
-
         };
     }
 
@@ -174,10 +204,12 @@ export class SimpleHexColorPickerEditor extends Widget {
     }
 
     getValue() {
-        return DOM.rgb2hex(DOM.json2rgb({
+        return DOM.rgb2hex(
+            DOM.json2rgb({
                 r: this.R.getValue(),
                 g: this.G.getValue(),
                 b: this.B.getValue(),
-        }));
+            })
+        );
     }
 }

src/case/colorchooser/colorpicker/editor.colorpicker.js

@@ -1,5 +1,21 @@
-import { shortcut, Widget, extend, createWidgets, createItems, createWidget, each, isEmptyString, isNumeric, isNull, DOM } from "@/core";
+import {
-import { IconButton } from "@/base";
+    Layout,
+    AbsoluteLayout,
+    VerticalAdaptLayout,
+    shortcut,
+    Widget,
+    extend,
+    createWidgets,
+    createItems,
+    createWidget,
+    each,
+    isEmptyString,
+    isNumeric,
+    isNull,
+    DOM
+} from "@/core";
+import { Label, IconButton } from "@/base";
+import { SmallTextEditor } from "@/widget/editor/editor.text.small.js";
 
 const RGB_WIDTH = 32;
 
@@ -28,21 +44,23 @@ export class ColorPickerEditor extends Widget {
         super._init(...arguments);
         this.storeValue = {};
         this.colorShow = createWidget({
-            type: "bi.layout",
+            type: Layout.xtype,
             cls: "color-picker-editor-display bi-card bi-border",
             height: 16,
             width: 16,
         });
-        const RGB = createWidgets(createItems([{ text: "R" }, { text: "G" }, { text: "B" }], {
+        const RGB = createWidgets(
-            type: "bi.label",
+            createItems([{ text: "R" }, { text: "G" }, { text: "B" }], {
+                type: Label.xtype,
                 cls: "color-picker-editor-label",
                 width: 20,
                 height: 20,
-        }));
+            })
+        );
 
-        const checker = v => isNumeric(v) && (v | 0) >= 0 && (v | 0) <= 255;
+        const checker = (v) => isNumeric(v) && (v | 0) >= 0 && (v | 0) <= 255;
         const Ws = createWidgets([{}, {}, {}], {
-            type: "bi.small_text_editor",
+            type: SmallTextEditor.xtype,
             cls: "color-picker-editor-input bi-border-radius",
             validationChecker: checker,
             errorText: BI.i18nText("BI-Color_Picker_Error_Text"),
@@ -65,7 +83,7 @@ export class ColorPickerEditor extends Widget {
         this.B = Ws[2];
 
         this.none = createWidget({
-            type: "bi.icon_button",
+            type: IconButton.xtype,
             cls: "auto-color-icon",
             width: 16,
             height: 16,
@@ -76,11 +94,11 @@ export class ColorPickerEditor extends Widget {
         this.none.on(IconButton.EVENT_CHANGE, () => {
             const value = this.getValue();
             this.setValue("");
-            (value !== "") && this.fireEvent(ColorPickerEditor.EVENT_CHANGE);
+            value !== "" && this.fireEvent(ColorPickerEditor.EVENT_CHANGE);
         });
 
         this.transparent = createWidget({
-            type: "bi.icon_button",
+            type: IconButton.xtype,
             cls: "trans-color-icon",
             width: 16,
             height: 16,
@@ -91,54 +109,62 @@ export class ColorPickerEditor extends Widget {
         this.transparent.on(IconButton.EVENT_CHANGE, () => {
             const value = this.getValue();
             this.setValue("transparent");
-            (value !== "transparent") && this.fireEvent(ColorPickerEditor.EVENT_CHANGE);
+            value !== "transparent" && this.fireEvent(ColorPickerEditor.EVENT_CHANGE);
         });
 
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
             items: [
                 {
                     el: {
-                        type: "bi.vertical_adapt",
+                        type: VerticalAdaptLayout.xtype,
                         items: [
                             {
                                 el: this.colorShow,
                                 width: 16,
-                            }, {
+                            },
+                            {
                                 el: RGB[0],
                                 width: 20,
-                            }, {
+                            },
+                            {
                                 el: this.R,
                                 width: RGB_WIDTH,
-                            }, {
+                            },
+                            {
                                 el: RGB[1],
                                 width: 20,
-                            }, {
+                            },
+                            {
                                 el: this.G,
                                 width: RGB_WIDTH,
-                            }, {
+                            },
+                            {
                                 el: RGB[2],
                                 width: 20,
-                            }, {
+                            },
+                            {
                                 el: this.B,
                                 width: RGB_WIDTH,
-                            }, {
+                            },
+                            {
                                 el: this.transparent,
                                 width: 16,
                                 lgap: 5,
-                            }, {
+                            },
+                            {
                                 el: this.none,
                                 width: 16,
                                 lgap: 5,
-                            }
+                            },
                         ],
                     },
                     left: 10,
                     right: 10,
                     top: 0,
                     bottom: 0,
-                }
+                },
             ],
         });
     }
@@ -166,11 +192,20 @@ export class ColorPickerEditor extends Widget {
 
     _showPreColor(color) {
         if (color === "") {
-            this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-normal-background");
+            this.colorShow.element
+                .css("background-color", "")
+                .removeClass("trans-color-background")
+                .addClass("auto-color-normal-background");
         } else if (color === "transparent") {
-            this.colorShow.element.css("background-color", "").removeClass("auto-color-normal-background").addClass("trans-color-background");
+            this.colorShow.element
+                .css("background-color", "")
+                .removeClass("auto-color-normal-background")
+                .addClass("trans-color-background");
         } else {
-            this.colorShow.element.css({ "background-color": color }).removeClass("auto-color-normal-background").removeClass("trans-color-background");
+            this.colorShow.element
+                .css({ "background-color": color })
+                .removeClass("auto-color-normal-background")
+                .removeClass("trans-color-background");
         }
     }
 
@@ -223,10 +258,12 @@ export class ColorPickerEditor extends Widget {
             return "transparent";
         }
 
-        return DOM.rgb2hex(DOM.json2rgb({
+        return DOM.rgb2hex(
+            DOM.json2rgb({
                 r: this.storeValue.r,
                 g: this.storeValue.g,
                 b: this.storeValue.b,
-        }));
+            })
+        );
     }
 }

src/case/colorchooser/colorpicker/editor.colorpicker.simple.js

@@ -1,4 +1,20 @@
-import { shortcut, Widget, extend, isNull, createWidget, isNumeric, createItems, createWidgets, each, isEmptyString, DOM } from "@/core";
+import {
+    Layout,
+    VerticalAdaptLayout,
+    shortcut,
+    Widget,
+    extend,
+    isNull,
+    createWidget,
+    isNumeric,
+    createItems,
+    createWidgets,
+    each,
+    isEmptyString,
+    DOM
+} from "@/core";
+import { Label } from "@/base";
+import { SmallTextEditor } from "@/widget/editor/editor.text.small.js";
 
 const RGB_WIDTH = 32;
 
@@ -26,21 +42,23 @@ export class SimpleColorPickerEditor extends Widget {
     _init() {
         super._init(...arguments);
         this.colorShow = createWidget({
-            type: "bi.layout",
+            type: Layout.xtype,
             cls: "color-picker-editor-display bi-card bi-border",
             height: 16,
             width: 16,
         });
-        const RGB = createWidgets(createItems([{ text: "R" }, { text: "G" }, { text: "B" }], {
+        const RGB = createWidgets(
-            type: "bi.label",
+            createItems([{ text: "R" }, { text: "G" }, { text: "B" }], {
+                type: Label.xtype,
                 cls: "color-picker-editor-label",
                 width: 20,
                 height: 20,
-        }));
+            })
+        );
 
-        const checker = v => isNumeric(v) && (v | 0) >= 0 && (v | 0) <= 255;
+        const checker = (v) => isNumeric(v) && (v | 0) >= 0 && (v | 0) <= 255;
         const Ws = createWidgets([{}, {}, {}], {
-            type: "bi.small_text_editor",
+            type: SmallTextEditor.xtype,
             cls: "color-picker-editor-input bi-border-radius",
             validationChecker: checker,
             errorText: BI.i18nText("BI-Color_Picker_Error_Text"),
@@ -63,7 +81,7 @@ export class SimpleColorPickerEditor extends Widget {
         this.B = Ws[2];
 
         createWidget({
-            type: "bi.vertical_adapt",
+            type: VerticalAdaptLayout.xtype,
             element: this,
             items: [
                 {
@@ -71,25 +89,31 @@ export class SimpleColorPickerEditor extends Widget {
                     width: 16,
                     lgap: 20,
                     rgap: 15,
-                }, {
+                },
+                {
                     el: RGB[0],
                     width: 20,
-                }, {
+                },
+                {
                     el: this.R,
                     width: RGB_WIDTH,
-                }, {
+                },
+                {
                     el: RGB[1],
                     width: 20,
-                }, {
+                },
+                {
                     el: this.G,
                     width: RGB_WIDTH,
-                }, {
+                },
+                {
                     el: RGB[2],
                     width: 20,
-                }, {
+                },
+                {
                     el: this.B,
                     width: RGB_WIDTH,
-                }
+                },
             ],
         });
     }
@@ -115,10 +139,12 @@ export class SimpleColorPickerEditor extends Widget {
     }
 
     getValue() {
-        return DOM.rgb2hex(DOM.json2rgb({
+        return DOM.rgb2hex(
+            DOM.json2rgb({
                 r: this.R.getValue(),
                 g: this.G.getValue(),
                 b: this.B.getValue(),
-        }));
+            })
+        );
     }
 }

src/case/colorchooser/farbtastic/farbtastic.js

@@ -1,7 +1,9 @@
-import { shortcut, isKey, DOM } from "@/core";
+import { AbsoluteLayout, Layout, shortcut, isKey, DOM } from "@/core";
 import { BasicButton } from "@/base";
 
-const RADIUS = 84, SQUARE = 100, WIDTH = 194;
+const RADIUS = 84,
+    SQUARE = 100,
+    WIDTH = 194;
 
 @shortcut()
 export class Farbtastic extends BasicButton {
@@ -15,16 +17,17 @@ export class Farbtastic extends BasicButton {
         height: 195,
         stopPropagation: true,
         value: "#000000",
-    }
+    };
 
     render() {
         this._defaultState();
 
         return {
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.layout",
+                        type: Layout.xtype,
                         cls: "",
                         ref: _ref => {
                             this.colorWrapper = _ref;
@@ -34,9 +37,10 @@ export class Farbtastic extends BasicButton {
                     left: 47,
                     width: 101,
                     height: 101,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.layout",
+                        type: Layout.xtype,
                         cls: "wheel",
                         ref: _ref => {
                             this.wheel = _ref;
@@ -46,9 +50,10 @@ export class Farbtastic extends BasicButton {
                     right: 0,
                     top: 0,
                     bottom: 0,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.layout",
+                        type: Layout.xtype,
                         cls: "overlay",
                         ref: _ref => {
                             this.overlay = _ref;
@@ -58,9 +63,10 @@ export class Farbtastic extends BasicButton {
                     left: 47,
                     width: 101,
                     height: 101,
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.layout",
+                        type: Layout.xtype,
                         cls: "marker",
                         ref: _ref => {
                             this.hMarker = _ref;
@@ -69,9 +75,10 @@ export class Farbtastic extends BasicButton {
                         width: 17,
                         height: 17,
                     },
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.layout",
+                        type: Layout.xtype,
                         cls: "marker",
                         ref: _ref => {
                             this.slMarker = _ref;
@@ -80,7 +87,8 @@ export class Farbtastic extends BasicButton {
                         width: 17,
                         height: 17,
                     },
-            }],
+                }
+            ],
         };
     }
 
@@ -97,13 +105,17 @@ export class Farbtastic extends BasicButton {
 
     _unpack(color) {
         if (color.length === 7) {
-            return [parseInt("0x" + color.substring(1, 3)) / 255,
+            return [
-                parseInt("0x" + color.substring(3, 5)) / 255,
+                parseInt(`0x${color.substring(1, 3)}`) / 255,
-                parseInt("0x" + color.substring(5, 7)) / 255];
+                parseInt(`0x${color.substring(3, 5)}`) / 255,
+                parseInt(`0x${color.substring(5, 7)}`) / 255
+            ];
         } else if (color.length === 4) {
-            return [parseInt("0x" + color.substring(1, 2)) / 15,
+            return [
-                parseInt("0x" + color.substring(2, 3)) / 15,
+                parseInt(`0x${color.substring(1, 2)}`) / 15,
-                parseInt("0x" + color.substring(3, 4)) / 15];
+                parseInt(`0x${color.substring(2, 3)}`) / 15,
+                parseInt(`0x${color.substring(3, 4)}`) / 15
+            ];
         }
     }
 
@@ -112,9 +124,15 @@ export class Farbtastic extends BasicButton {
         const g = Math.round(rgb[1] * 255);
         const b = Math.round(rgb[2] * 255);
 
-        return "#" + (r < 16 ? "0" : "") + r.toString(16) +
+        return (
-        (g < 16 ? "0" : "") + g.toString(16) +
+            `#${
-        (b < 16 ? "0" : "") + b.toString(16);
+                r < 16 ? "0" : ""
+            }${r.toString(16)
+            }${g < 16 ? "0" : ""
+            }${g.toString(16)
+            }${b < 16 ? "0" : ""
+            }${b.toString(16)}`
+        );
     }
 
     _setColor(color) {
@@ -152,8 +170,8 @@ export class Farbtastic extends BasicButton {
         });
 
         this.slMarker.element.css({
-            left: `${Math.round(SQUARE * (.5 - this.hsl[1]) + WIDTH / 2)}px`,
+            left: `${Math.round(SQUARE * (0.5 - this.hsl[1]) + WIDTH / 2)}px`,
-            top: `${Math.round(SQUARE * (.5 - this.hsl[2]) + WIDTH / 2)}px`,
+            top: `${Math.round(SQUARE * (0.5 - this.hsl[2]) + WIDTH / 2)}px`,
         });
 
         // Saturation/Luminance gradient
@@ -232,8 +250,8 @@ export class Farbtastic extends BasicButton {
             if (hue < 0) hue += 1;
             this._setHSL([hue, this.hsl[1], this.hsl[2]]);
         } else {
-            const sat = Math.max(0, Math.min(1, -(pos.x / SQUARE) + .5));
+            const sat = Math.max(0, Math.min(1, -(pos.x / SQUARE) + 0.5));
-            const lum = Math.max(0, Math.min(1, -(pos.y / SQUARE) + .5));
+            const lum = Math.max(0, Math.min(1, -(pos.y / SQUARE) + 0.5));
             this._setHSL([this.hsl[0], sat, lum]);
         }
         this.fireEvent(Farbtastic.EVENT_CHANGE, this.getValue(), this);

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

@@ -1,11 +1,5 @@
-import {
+import { BubblePopupView } from "./popup.bubble";
-    shortcut,
+import { shortcut, Widget, extend, emptyFn, createWidget, isFunction } from "@/core";
-    Widget,
-    extend,
-    emptyFn,
-    createWidget,
-    isFunction
-} from "@/core";
 import { Combo } from "@/base";
 
 @shortcut()
@@ -76,14 +70,12 @@ export class BubbleCombo extends Widget {
             popup: () =>
                 extend(
                     {
-                        type: "bi.bubble_popup_view",
+                        type: BubblePopupView.xtype,
                         animation: "bi-zoom-big",
                         animationDuring: 200,
                         primary: o.primary,
                     },
-                    isFunction(this.options.popup)
+                    isFunction(this.options.popup) ? this.options.popup() : this.options.popup
-                        ? this.options.popup()
-                        : this.options.popup
                 ),
         });
         this.combo.on(Combo.EVENT_TRIGGER_CHANGE, (...args) => {
@@ -135,5 +127,3 @@ export class BubbleCombo extends Widget {
         this.combo.adjustHeight();
     }
 }
-
-

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

@@ -26,7 +26,7 @@ export class BubblePopupView extends PopupView {
             text: o.text,
             whiteSpace: "normal",
             textAlign: "left",
-            ref: _ref => {
+            ref: (_ref) => {
                 this.text = _ref;
             },
         };

src/case/combo/editoriconcheckcombo/combo.editiconcheck.js

@@ -1,14 +1,7 @@
-import {
+import { TextValueCheckComboPopup } from "../textvaluecheckcombo/popup.textvaluecheck";
-    shortcut,
+import { shortcut, Widget, extend, emptyFn, createWidget, Controller } from "@/core";
-    Widget,
-    extend,
-    emptyFn,
-    createWidget,
-    Controller
-} from "@/core";
 import { ButtonGroup, Combo } from "@/base";
 import { EditorTrigger } from "../../trigger";
-import { TextValueCheckComboPopup } from "../textvaluecheckcombo/popup.textvaluecheck";
 
 @shortcut()
 export class EditorIconCheckCombo extends Widget {
@@ -66,7 +59,7 @@ export class EditorIconCheckCombo extends Widget {
         });
 
         this.popup = createWidget({
-            type: "bi.text_value_check_combo_popup",
+            type: TextValueCheckComboPopup.xtype,
             chooseType: o.chooseType,
             items: o.items,
             value: o.value,

src/case/combo/iconcombo/combo.icon.js

@@ -1,13 +1,5 @@
-import {
+import { IconComboTrigger } from "./trigger.iconcombo";
-    shortcut,
+import { shortcut, Widget, extend, isFunction, createWidget, Controller, isNull, isArray } from "@/core";
-    Widget,
-    extend,
-    isFunction,
-    createWidget,
-    Controller,
-    isNull,
-    isArray
-} from "@/core";
 import { ButtonGroup, Combo } from "@/base";
 import { IconComboPopup } from "./popup.iconcombo";
 
@@ -52,7 +44,7 @@ export class IconCombo extends Widget {
             : o.items;
         super._init(...arguments);
         this.trigger = createWidget(o.el, {
-            type: "bi.icon_combo_trigger",
+            type: IconComboTrigger.xtype,
             iconCls: o.iconCls,
             title: o.title,
             items: o.items,

src/case/combo/iconcombo/popup.iconcombo.js

@@ -1,12 +1,4 @@
-import {
+import { shortcut, extend, createWidget, createItems, Controller, Events, VerticalLayout } from "@/core";
-    shortcut,
-    extend,
-    createWidget,
-    createItems,
-    Controller,
-    Events,
-    VerticalLayout
-} from "@/core";
 import { Pane, ButtonGroup } from "@/base";
 import { SingleSelectIconTextItem } from "../../button";
 

src/case/combo/iconcombo/trigger.iconcombo.js

@@ -1,13 +1,4 @@
-import {
+import { shortcut, extend, isKey, createWidget, isNotEmptyString, AbsoluteLayout, isArray, any } from "@/core";
-    shortcut,
-    extend,
-    isKey,
-    createWidget,
-    isNotEmptyString,
-    AbsoluteLayout,
-    isArray,
-    any
-} from "@/core";
 import { Trigger, IconButton } from "@/base";
 import { IconChangeButton } from "../../button";
 

src/case/combo/icontextvaluecombo/combo.icontextvalue.js

@@ -1,3 +1,4 @@
+import { IconTextValueComboPopup } from "./popup.icontextvalue";
 import {
     shortcut,
     Widget,
@@ -14,7 +15,6 @@ import {
     find,
     contains
 } from "@/core";
-import { IconTextValueComboPopup } from "./popup.icontextvalue";
 import { SelectIconTextTrigger } from "../../trigger";
 import { Combo } from "@/base";
 
@@ -26,11 +26,7 @@ export class IconTextValueCombo extends Widget {
 
     _defaultConfig(config) {
         return extend(super._defaultConfig(...arguments), {
-            baseCls:
+            baseCls: `bi-icon-text-value-combo ${config.simple ? "bi-border-bottom" : "bi-border bi-border-radius"}`,
-                `bi-icon-text-value-combo ${
-                    config.simple
-                        ? "bi-border-bottom"
-                        : "bi-border bi-border-radius"}`,
             height: 24,
             iconHeight: null,
             iconWidth: null,
@@ -66,7 +62,7 @@ export class IconTextValueCombo extends Widget {
             warningTitle: o.warningTitle,
         });
         this.popup = createWidget({
-            type: "bi.icon_text_value_combo_popup",
+            type: IconTextValueComboPopup.xtype,
             items: o.items,
             value: o.value,
             iconHeight: o.iconHeight,

src/case/combo/icontextvaluecombo/popup.icontextvalue.js

@@ -1,12 +1,4 @@
-import {
+import { shortcut, extend, createWidget, createItems, Controller, Events, VerticalLayout } from "@/core";
-    shortcut,
-    extend,
-    createWidget,
-    createItems,
-    Controller,
-    Events,
-    VerticalLayout
-} from "@/core";
 import { Pane, ButtonGroup } from "@/base";
 import { SingleSelectIconTextItem } from "../../button";
 

src/case/combo/searchtextvaluecombo/combo.searchtextvalue.js

@@ -1,3 +1,5 @@
+import { SearchTextValueTrigger } from "./trigger.searchtextvalue";
+import { TextValueComboPopup } from "../textvaluecombo/popup.textvalue";
 import {
     shortcut,
     Widget,
@@ -11,9 +13,7 @@ import {
     find,
     contains
 } from "@/core";
-import { SearchTextValueTrigger } from "./trigger.searchtextvalue";
 import { ButtonGroup, Combo } from "@/base";
-import { TextValueComboPopup } from "../textvaluecombo/popup.textvalue";
 
 @shortcut()
 export class SearchTextValueCombo extends Widget {
@@ -49,21 +49,19 @@ export class SearchTextValueCombo extends Widget {
 
         return {
             type: Combo.xtype,
-            cls:
+            cls: `${o.simple ? "bi-border-bottom" : "bi-border bi-border-radius"} bi-focus-shadow`,
-                `${o.simple ? "bi-border-bottom" : "bi-border bi-border-radius"
-                } bi-focus-shadow`,
             container: o.container,
             adjustLength: 2,
             height: toPix(o.height, o.simple ? 1 : 2),
             width: toPix(o.width, 2),
-            ref: _ref => {
+            ref: (_ref) => {
                 this.combo = _ref;
             },
             el: {
-                type: "bi.search_text_value_trigger",
+                type: SearchTextValueTrigger.xtype,
                 cls: "search-text-value-trigger",
                 watermark: o.watermark,
-                ref: _ref => {
+                ref: (_ref) => {
                     this.trigger = _ref;
                 },
                 items: o.items,
@@ -90,16 +88,16 @@ export class SearchTextValueCombo extends Widget {
                             this._clear();
                             this.fireEvent(SearchTextValueCombo.EVENT_CHANGE);
                         },
-                    }
+                    },
                 ],
             },
             popup: {
                 el: {
-                    type: "bi.text_value_combo_popup",
+                    type: TextValueComboPopup.xtype,
                     chooseType: ButtonGroup.CHOOSE_TYPE_SINGLE,
                     value: o.value,
                     items: o.items,
-                    ref: _ref => {
+                    ref: (_ref) => {
                         this.popup = _ref;
                         this.trigger.getSearcher().setAdapter(this.popup);
                     },
@@ -109,11 +107,9 @@ export class SearchTextValueCombo extends Widget {
                             action: () => {
                                 this.setValue(this.getValue()[0]);
                                 this.combo.hideView();
-                                this.fireEvent(
+                                this.fireEvent(SearchTextValueCombo.EVENT_CHANGE);
-                                    SearchTextValueCombo.EVENT_CHANGE
+                            },
-                                );
                         },
-                        }
                     ],
                 },
                 value: o.value,
@@ -125,19 +121,15 @@ export class SearchTextValueCombo extends Widget {
                     eventName: Combo.EVENT_AFTER_HIDEVIEW,
                     action: () => {
                         this.trigger.stopEditing();
-                        this.fireEvent(
+                        this.fireEvent(SearchTextValueCombo.EVENT_AFTER_HIDEVIEW);
-                            SearchTextValueCombo.EVENT_AFTER_HIDEVIEW
-                        );
                     },
                 },
                 {
                     eventName: Combo.EVENT_BEFORE_POPUPVIEW,
                     action: () => {
-                        this.fireEvent(
+                        this.fireEvent(SearchTextValueCombo.EVENT_BEFORE_POPUPVIEW);
-                            SearchTextValueCombo.EVENT_BEFORE_POPUPVIEW
+                    },
-                        );
                 },
-                }
             ],
         };
     }

src/case/combo/searchtextvaluecombo/popup.searchtextvalue.js

@@ -1,12 +1,4 @@
-import {
+import { shortcut, Controller, Events, VerticalLayout, map, extend, concat } from "@/core";
-    shortcut,
-    Controller,
-    Events,
-    VerticalLayout,
-    map,
-    extend,
-    concat
-} from "@/core";
 import { ButtonGroup, Pane } from "@/base";
 import { SingleSelectItem } from "../../button";
 
@@ -48,16 +40,9 @@ export class SearchTextValueComboPopup extends Pane {
                             eventName: Controller.EVENT_CHANGE,
                             action: (...args) => {
                                 const [type, val, obj] = args;
-                                this.fireEvent(
+                                this.fireEvent(Controller.EVENT_CHANGE, ...args);
-                                    Controller.EVENT_CHANGE,
-                                    ...args
-                                );
                                 if (type === Events.CLICK) {
-                                    this.fireEvent(
+                                    this.fireEvent(SearchTextValueComboPopup.EVENT_CHANGE, val, obj);
-                                        SearchTextValueComboPopup.EVENT_CHANGE,
-                                        val,
-                                        obj
-                                    );
                                 }
                             },
                         }
@@ -70,14 +55,16 @@ export class SearchTextValueComboPopup extends Pane {
     _formatItems(items) {
         const o = this.options;
 
-        return map(items, (i, item) => extend(
+        return map(items, (i, item) =>
+            extend(
                 {
                     type: SingleSelectItem.xtype,
                     textAlign: o.textAlign,
                     title: item.title || item.text,
                 },
                 item
-        ));
+            )
+        );
     }
 
     mounted() {

src/case/combo/searchtextvaluecombo/trigger.searchtextvalue.js

@@ -1,16 +1,6 @@
-import {
+import { HorizontalFillLayout, shortcut, find, i18nText, isNotEmptyString, VerticalAdaptLayout } from "@/core";
-    shortcut,
+import { SearchTextValueComboPopup } from "./popup.searchtextvalue";
-    find,
+import { ButtonGroup, Trigger, Searcher, IconButton } from "@/base";
-    i18nText,
-    isNotEmptyString,
-    VerticalAdaptLayout
-} from "@/core";
-import {
-    ButtonGroup,
-    Trigger,
-    Searcher,
-    IconButton
-} from "@/base";
 import { TriggerIconButton } from "../../button";
 import { DefaultTextEditor } from "../../editor";
 
@@ -50,7 +40,7 @@ export class SearchTextValueTrigger extends Trigger {
         const stateText = this._digest(o.value, o.items) || o.text;
 
         return {
-            type: "bi.horizontal_fill",
+            type: HorizontalFillLayout.xtype,
             columnSize: ["fill", 24],
             items: [
                 {
@@ -72,17 +62,14 @@ export class SearchTextValueTrigger extends Trigger {
                             height: o.height,
                         },
                         popup: {
-                            type: "bi.search_text_value_combo_popup",
+                            type: SearchTextValueComboPopup.xtype,
                             cls: "bi-card",
                             chooseType: ButtonGroup.CHOOSE_TYPE_SINGLE,
                             tipText: i18nText("BI-No_Select"),
                         },
                         onSearch(obj, callback) {
                             const keyword = obj.keyword;
-                            const finding = BI.Func.getSearchResult(
+                            const finding = BI.Func.getSearchResult(o.items, keyword);
-                                o.items,
-                                keyword
-                            );
                             const matched = finding.match,
                                 find = finding.find;
                             callback(matched, find);
@@ -91,9 +78,7 @@ export class SearchTextValueTrigger extends Trigger {
                             {
                                 eventName: Searcher.EVENT_CHANGE,
                                 action: () => {
-                                    this.fireEvent(
+                                    this.fireEvent(SearchTextValueTrigger.EVENT_CHANGE);
-                                        SearchTextValueTrigger.EVENT_CHANGE
-                                    );
                                 },
                             }
                         ],
@@ -112,20 +97,13 @@ export class SearchTextValueTrigger extends Trigger {
                                         ref: _ref => {
                                             this.clearBtn = _ref;
                                         },
-                                        cls:
+                                        cls: `close-h-font ${o.allowClear ? "clear-button" : ""}`,
-                                              `close-h-font ${
-                                                  o.allowClear
-                                                      ? "clear-button"
-                                                      : ""}`,
                                         stopPropagation: true,
-                                        invisible:
+                                        invisible: !isNotEmptyString(stateText),
-                                              !isNotEmptyString(stateText),
                                         width: o.height,
                                         height: o.height,
                                         handler: () => {
-                                            this.fireEvent(
+                                            this.fireEvent(SearchTextValueTrigger.EVENT_CLEAR);
-                                                SearchTextValueTrigger.EVENT_CLEAR
-                                            );
                                         },
                                     },
                                 },
@@ -166,8 +144,7 @@ export class SearchTextValueTrigger extends Trigger {
     setValue(vals) {
         const digestText = this._digest(vals, this.options.items);
         this._setState(digestText);
-        this.options.allowClear &&
+        this.options.allowClear && this.clearBtn.setVisible(isNotEmptyString(digestText));
-            this.clearBtn.setVisible(isNotEmptyString(digestText));
     }
 
     getValue() {

src/case/combo/textvaluecheckcombo/combo.textvaluecheck.js

@@ -1,15 +1,4 @@
-import {
+import { shortcut, Widget, extend, isFunction, createWidget, toPix, Controller, isKey, isNull, isArray } from "@/core";
-    shortcut,
-    Widget,
-    extend,
-    isFunction,
-    createWidget,
-    toPix,
-    Controller,
-    isKey,
-    isNull,
-    isArray
-} from "@/core";
 import { ButtonGroup, Combo } from "@/base";
 import { TextValueCheckComboPopup } from "./popup.textvaluecheck";
 import { SelectTextTrigger } from "../../trigger";
@@ -22,9 +11,7 @@ export class TextValueCheckCombo extends Widget {
 
     _defaultConfig(config) {
         return extend(super._defaultConfig(...arguments), {
-            baseCls:
+            baseCls: `bi-text-value-check-combo ${config.simple ? "bi-border-bottom" : "bi-border"}`,
-                `bi-text-value-check-combo ${
-                    config.simple ? "bi-border-bottom" : "bi-border"}`,
             width: 100,
             height: 24,
             chooseType: ButtonGroup.CHOOSE_TYPE_SINGLE,
@@ -64,9 +51,12 @@ export class TextValueCheckCombo extends Widget {
             this.textIconCheckCombo.hideView();
             this.fireEvent(TextValueCheckCombo.EVENT_CHANGE);
         });
-        this.popup.on(Controller.EVENT_CHANGE, ...args => {
+        this.popup.on(
+            Controller.EVENT_CHANGE,
+            ...args => {
                 this.fireEvent(Controller.EVENT_CHANGE, ...args);
-        });
+            }
+        );
         this.textIconCheckCombo = createWidget({
             type: Combo.xtype,
             container: o.container,

src/case/combo/textvaluecheckcombo/popup.textvaluecheck.js

@@ -1,12 +1,4 @@
-import {
+import { shortcut, extend, createWidget, Controller, Events, VerticalLayout, map } from "@/core";
-    shortcut,
-    extend,
-    createWidget,
-    Controller,
-    Events,
-    VerticalLayout,
-    map
-} from "@/core";
 import { Pane, ButtonGroup } from "@/base";
 import { SingleSelectItem } from "../../button";
 
@@ -57,7 +49,8 @@ export class TextValueCheckComboPopup extends Pane {
     _formatItems(items) {
         const o = this.options;
 
-        return map(items, (i, item) => extend(
+        return map(items, (i, item) =>
+            extend(
                 {
                     type: SingleSelectItem.xtype,
                     cls: "bi-list-item",
@@ -65,7 +58,8 @@ export class TextValueCheckComboPopup extends Pane {
                     title: item.title || item.text,
                 },
                 item
-        ));
+            )
+        );
     }
 
     populate(items) {

src/case/combo/textvaluecombo/combo.textvalue.js

@@ -1,3 +1,4 @@
+import { TextValueComboPopup } from "./popup.textvalue";
 import {
     shortcut,
     Widget,
@@ -15,7 +16,6 @@ import {
 } from "@/core";
 import { ButtonGroup, Combo } from "@/base";
 import { SelectTextTrigger } from "../../trigger";
-import { TextValueComboPopup } from "./popup.textvalue";
 
 @shortcut()
 export class TextValueCombo extends Widget {
@@ -25,11 +25,7 @@ export class TextValueCombo extends Widget {
 
     _defaultConfig(config) {
         return extend(super._defaultConfig(...arguments), {
-            baseCls:
+            baseCls: `bi-text-value-combo ${config.simple ? "bi-border-bottom" : "bi-border bi-border-radius"}`,
-                `bi-text-value-combo ${
-                    config.simple
-                        ? "bi-border-bottom"
-                        : "bi-border bi-border-radius"}`,
             height: 24,
             chooseType: ButtonGroup.CHOOSE_TYPE_SINGLE,
             text: "",
@@ -79,7 +75,7 @@ export class TextValueCombo extends Widget {
 
         const trigger = {
             type: SelectTextTrigger.xtype,
-            ref: ref => (this.trigger = ref),
+            ref: (ref) => (this.trigger = ref),
             cls: "text-value-trigger",
             items: o.items,
             height: toPix(o.height, o.simple ? 1 : 2),
@@ -95,14 +91,14 @@ export class TextValueCombo extends Widget {
                         this._clear();
                         this.fireEvent(TextValueCombo.EVENT_CHANGE);
                     },
-                }
+                },
             ],
             ...o.el,
         };
         let changeTag = false;
         const popup = {
-            type: "bi.text_value_combo_popup",
+            type: TextValueComboPopup.xtype,
-            ref: ref => (this.popup = ref),
+            ref: (ref) => (this.popup = ref),
             chooseType: o.chooseType,
             items: o.items,
             allowSelectAll: o.allowSelectAll,
@@ -115,15 +111,9 @@ export class TextValueCombo extends Widget {
                         this.setValue(value);
                         if (o.chooseType === ButtonGroup.CHOOSE_TYPE_SINGLE) {
                             this.combo.hideView(...args);
-                            this.fireEvent(
+                            this.fireEvent(TextValueCombo.EVENT_CHANGE, ...args);
-                                TextValueCombo.EVENT_CHANGE,
-                                ...args
-                            );
                         }
-                        if (
+                        if (o.chooseType === ButtonGroup.CHOOSE_TYPE_MULTI && isEmptyArray(value)) {
-                            o.chooseType === ButtonGroup.CHOOSE_TYPE_MULTI &&
-                            isEmptyArray(value)
-                        ) {
                             this._clear();
                         }
                     },
@@ -147,7 +137,7 @@ export class TextValueCombo extends Widget {
                     action: (...args) => {
                         this.combo.hideView();
                     },
-                }
+                },
             ],
         };
 
@@ -155,7 +145,7 @@ export class TextValueCombo extends Widget {
             type: Combo.xtype,
             height: toPix(o.height, 2),
             width: toPix(o.width, 2),
-            ref: ref => (this.combo = ref),
+            ref: (ref) => (this.combo = ref),
             container: o.container,
             direction: o.direction,
             adjustLength: 2,
@@ -170,27 +160,17 @@ export class TextValueCombo extends Widget {
                 {
                     eventName: Combo.EVENT_AFTER_HIDEVIEW,
                     action: (...args) => {
-                        if (
+                        if (o.chooseType !== ButtonGroup.CHOOSE_TYPE_SINGLE && changeTag) {
-                            o.chooseType !== ButtonGroup.CHOOSE_TYPE_SINGLE &&
+                            this.fireEvent(TextValueCombo.EVENT_CHANGE, ...args);
-                            changeTag
-                        ) {
-                            this.fireEvent(
-                                TextValueCombo.EVENT_CHANGE,
-                                ...args
-                            );
                         }
                     },
-                }
+                },
             ],
             popup: {
                 el: popup,
                 value: o.value,
                 maxHeight: 240,
-                minHeight:
+                minHeight: o.chooseType === ButtonGroup.CHOOSE_TYPE_MULTI && o.allowSelectAll ? 55 : 25,
-                    o.chooseType === ButtonGroup.CHOOSE_TYPE_MULTI &&
-                    o.allowSelectAll
-                        ? 55
-                        : 25,
             },
         };
     }

src/case/combo/textvaluecombo/combo.textvaluesmall.js

@@ -1,11 +1,7 @@
-import {
+import { TextValueCombo } from "./combo.textvalue";
-    shortcut,
+import { shortcut, Widget, extend } from "@/core";
-    Widget,
-    extend
-} from "@/core";
 import { ButtonGroup } from "@/base";
 import { SmallSelectTextTrigger } from "../../trigger";
-import { TextValueCombo } from "./combo.textvalue";
 
 @shortcut()
 export class SmallTextValueCombo extends Widget {
@@ -27,8 +23,8 @@ export class SmallTextValueCombo extends Widget {
         const o = this.options;
 
         return {
-            type: "bi.text_value_combo",
+            type: TextValueCombo.xtype,
-            ref: _ref => {
+            ref: (_ref) => {
                 this.combo = _ref;
             },
             height: o.height,
@@ -47,12 +43,9 @@ export class SmallTextValueCombo extends Widget {
                 {
                     eventName: TextValueCombo.EVENT_CHANGE,
                     action: (...args) => {
-                        this.fireEvent(
+                        this.fireEvent(SmallTextValueCombo.EVENT_CHANGE, ...args);
-                            SmallTextValueCombo.EVENT_CHANGE,
+                    },
-                            ...args
-                        );
                 },
-                }
             ],
         };
     }

src/case/combo/textvaluecombo/popup.textvalue.js

@@ -55,16 +55,9 @@ export class TextValueComboPopup extends Pane {
                             {
                                 eventName: Controller.EVENT_CHANGE,
                                 action: (type, val, obj) => {
-                                    this.fireEvent(
+                                    this.fireEvent(Controller.EVENT_CHANGE, arguments);
-                                        Controller.EVENT_CHANGE,
-                                        arguments
-                                    );
                                     if (type === Events.CLICK) {
-                                        this.fireEvent(
+                                        this.fireEvent(TextValueComboPopup.EVENT_CHANGE, val, obj);
-                                            TextValueComboPopup.EVENT_CHANGE,
-                                            val,
-                                            obj
-                                        );
                                     }
                                 },
                             }
@@ -105,10 +98,7 @@ export class TextValueComboPopup extends Pane {
                             {
                                 eventName: SelectList.EVENT_CHANGE,
                                 action(val) {
-                                    this.fireEvent(
+                                    this.fireEvent(TextValueComboPopup.EVENT_CHANGE, val);
-                                        TextValueComboPopup.EVENT_CHANGE,
-                                        val
-                                    );
                                 },
                             }
                         ],
@@ -123,18 +113,14 @@ export class TextValueComboPopup extends Pane {
                                     type: TextButton.xtype,
                                     text: i18nText("BI-Basic_Clears"),
                                     handler: () => {
-                                        this.fireEvent(
+                                        this.fireEvent(TextValueComboPopup.EVENT_CLEAR);
-                                            TextValueComboPopup.EVENT_CLEAR
-                                        );
                                     },
                                 },
                                 {
                                     type: TextButton.xtype,
                                     text: i18nText("BI-Basic_OK"),
                                     handler: () => {
-                                        this.fireEvent(
+                                        this.fireEvent(TextValueComboPopup.EVENT_CONFIRM);
-                                            TextValueComboPopup.EVENT_CONFIRM
-                                        );
                                     },
                                 }
                             ],
@@ -168,10 +154,7 @@ export class TextValueComboPopup extends Pane {
                             {
                                 eventName: ListPane.EVENT_CHANGE,
                                 action: val => {
-                                    this.fireEvent(
+                                    this.fireEvent(TextValueComboPopup.EVENT_CHANGE, val);
-                                        TextValueComboPopup.EVENT_CHANGE,
-                                        val
-                                    );
                                 },
                             }
                         ],
@@ -189,18 +172,18 @@ export class TextValueComboPopup extends Pane {
     _formatItems(items) {
         const o = this.options;
 
-        return map(items, (i, item) => extend(
+        return map(items, (i, item) =>
+            extend(
                 {
                     type:
-                        o.chooseType !== ButtonGroup.CHOOSE_TYPE_MULTI
+                        o.chooseType !== ButtonGroup.CHOOSE_TYPE_MULTI ? SingleSelectItem.xtype : MultiSelectItem.xtype,
-                            ? SingleSelectItem.xtype
-                            : MultiSelectItem.xtype,
                     iconWrapperWidth: 36,
                     textAlign: o.textAlign,
                     title: item.title || item.text,
                 },
                 item
-        ));
+            )
+        );
     }
 
     populate(items) {

src/case/editor/editor.clear.js

@@ -1,5 +1,16 @@
-import { shortcut, Widget, extend, emptyFn, isKey, isFunction, createWidget, Controller, Events } from "@/core";
 import { Editor, IconButton } from "@/base";
+import {
+    HTapeLayout,
+    shortcut,
+    Widget,
+    extend,
+    emptyFn,
+    isKey,
+    isFunction,
+    createWidget,
+    Controller,
+    Events
+} from "@/core";
 
 /**
  * 有清除按钮的文本框
@@ -9,27 +20,27 @@ import { Editor, IconButton } from "@/base";
  */
 @shortcut()
 export class ClearEditor extends Widget {
-    static xtype = "bi.clear_editor"
+    static xtype = "bi.clear_editor";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
-    static EVENT_FOCUS = "EVENT_FOCUS"
+    static EVENT_FOCUS = "EVENT_FOCUS";
-    static EVENT_BLUR = "EVENT_BLUR"
+    static EVENT_BLUR = "EVENT_BLUR";
-    static EVENT_CLICK = "EVENT_CLICK"
+    static EVENT_CLICK = "EVENT_CLICK";
-    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN"
+    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
-    static EVENT_SPACE = "EVENT_SPACE"
+    static EVENT_SPACE = "EVENT_SPACE";
-    static EVENT_BACKSPACE = "EVENT_BACKSPACE"
+    static EVENT_BACKSPACE = "EVENT_BACKSPACE";
-    static EVENT_CLEAR = "EVENT_CLEAR"
+    static EVENT_CLEAR = "EVENT_CLEAR";
-    static EVENT_START = "EVENT_START"
+    static EVENT_START = "EVENT_START";
-    static EVENT_PAUSE = "EVENT_PAUSE"
+    static EVENT_PAUSE = "EVENT_PAUSE";
-    static EVENT_STOP = "EVENT_STOP"
+    static EVENT_STOP = "EVENT_STOP";
-    static EVENT_CONFIRM = "EVENT_CONFIRM"
+    static EVENT_CONFIRM = "EVENT_CONFIRM";
-    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM"
+    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM";
-    static EVENT_VALID = "EVENT_VALID"
+    static EVENT_VALID = "EVENT_VALID";
-    static EVENT_ERROR = "EVENT_ERROR"
+    static EVENT_ERROR = "EVENT_ERROR";
-    static EVENT_ENTER = "EVENT_ENTER"
+    static EVENT_ENTER = "EVENT_ENTER";
-    static EVENT_RESTRICT = "EVENT_RESTRICT"
+    static EVENT_RESTRICT = "EVENT_RESTRICT";
-    static EVENT_REMOVE = "EVENT_REMOVE"
+    static EVENT_REMOVE = "EVENT_REMOVE";
-    static EVENT_EMPTY = "EVENT_EMPTY"
+    static EVENT_EMPTY = "EVENT_EMPTY";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -46,12 +57,14 @@ export class ClearEditor extends Widget {
 
     _init() {
         const o = this.options;
-        o.value = isFunction(o.value) ? this.__watch(o.value, (context, newValue) => {
+        o.value = isFunction(o.value)
+            ? this.__watch(o.value, (context, newValue) => {
                 this.setValue(newValue);
-        }) : o.value;
+            })
+            : o.value;
         super._init(...arguments);
         this.editor = createWidget({
-            type: "bi.editor",
+            type: Editor.xtype,
             simple: o.simple,
             height: o.height,
             watermark: o.watermark,
@@ -63,7 +76,7 @@ export class ClearEditor extends Widget {
             autoTrim: o.autoTrim,
         });
         this.clear = createWidget({
-            type: "bi.icon_button",
+            type: IconButton.xtype,
             stopEvent: true,
             invisible: !isKey(o.value),
             cls: "search-close-h-font",
@@ -75,8 +88,9 @@ export class ClearEditor extends Widget {
         });
         createWidget({
             element: this,
-            type: "bi.htape",
+            type: HTapeLayout.xtype,
-            items: [{
+            items: [
+                {
                     el: this.editor,
                 },
                 {
@@ -112,7 +126,6 @@ export class ClearEditor extends Widget {
             this.fireEvent(ClearEditor.EVENT_BACKSPACE);
         });
 
-
         this.editor.on(Editor.EVENT_VALID, () => {
             this.fireEvent(ClearEditor.EVENT_VALID);
         });

src/case/editor/editor.defaulttext.js

@@ -1,6 +1,15 @@
-
-import { shortcut, Widget, emptyFn, isKey, isFunction, createWidget, nextTick, Controller } from "@/core";
 import { Editor, TextButton } from "@/base";
+import {
+    AbsoluteLayout,
+    shortcut,
+    Widget,
+    emptyFn,
+    isKey,
+    isFunction,
+    createWidget,
+    nextTick,
+    Controller
+} from "@/core";
 
 /**
  * dailer
@@ -10,25 +19,25 @@ import { Editor, TextButton } from "@/base";
  */
 @shortcut()
 export class DefaultTextEditor extends Widget {
-    static xtype = "bi.default_text_editor"
+    static xtype = "bi.default_text_editor";
-
+
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
-    static EVENT_FOCUS = "EVENT_FOCUS"
+    static EVENT_FOCUS = "EVENT_FOCUS";
-    static EVENT_BLUR = "EVENT_BLUR"
+    static EVENT_BLUR = "EVENT_BLUR";
-    static EVENT_CLICK = "EVENT_CLICK"
+    static EVENT_CLICK = "EVENT_CLICK";
-    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN"
+    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
-    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"
+    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL";
-    static EVENT_START = "EVENT_START"
+    static EVENT_START = "EVENT_START";
-    static EVENT_PAUSE = "EVENT_PAUSE"
+    static EVENT_PAUSE = "EVENT_PAUSE";
-    static EVENT_STOP = "EVENT_STOP"
+    static EVENT_STOP = "EVENT_STOP";
-    static EVENT_CONFIRM = "EVENT_CONFIRM"
+    static EVENT_CONFIRM = "EVENT_CONFIRM";
-    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM"
+    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM";
-    static EVENT_VALID = "EVENT_VALID"
+    static EVENT_VALID = "EVENT_VALID";
-    static EVENT_ERROR = "EVENT_ERROR"
+    static EVENT_ERROR = "EVENT_ERROR";
-    static EVENT_ENTER = "EVENT_ENTER"
+    static EVENT_ENTER = "EVENT_ENTER";
-    static EVENT_RESTRICT = "EVENT_RESTRICT"
+    static EVENT_RESTRICT = "EVENT_RESTRICT";
-    static EVENT_SPACE = "EVENT_SPACE"
+    static EVENT_SPACE = "EVENT_SPACE";
-    static EVENT_EMPTY = "EVENT_EMPTY"
+    static EVENT_EMPTY = "EVENT_EMPTY";
 
     props() {
         return {
@@ -54,7 +63,7 @@ export class DefaultTextEditor extends Widget {
     render() {
         const o = this.options;
         this.editor = createWidget(o.el, {
-            type: "bi.editor",
+            type: Editor.xtype,
             simple: o.simple,
             height: o.height,
             hgap: o.hgap,
@@ -76,7 +85,7 @@ export class DefaultTextEditor extends Widget {
         const showText = isFunction(o.text) ? o.text() : o.text;
 
         this.text = createWidget({
-            type: "bi.text_button",
+            type: TextButton.xtype,
             cls: isKey(showText) ? "tip-text-style" : "bi-water-mark tip-text-style",
             textAlign: "left",
             height: o.height,
@@ -153,20 +162,23 @@ export class DefaultTextEditor extends Widget {
         });
 
         return {
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
-            items: [{
+            items: [
+                {
                     el: this.editor,
                     left: 0,
                     right: 0,
                     top: 0,
                     bottom: 0,
-            }, {
+                },
+                {
                     el: this.text,
                     left: 0,
                     right: 0,
                     top: 0,
                     bottom: 0,
-            }],
+                }
+            ],
         };
     }
 

src/case/editor/editor.shelter.js

@@ -1,5 +1,17 @@
-import { shortcut, Widget, extend, emptyFn, isFunction, createWidget, Controller, isKey, nextTick, bind } from "@/core";
 import { Editor, TextButton } from "@/base";
+import {
+    AbsoluteLayout,
+    shortcut,
+    Widget,
+    extend,
+    emptyFn,
+    isFunction,
+    createWidget,
+    Controller,
+    isKey,
+    nextTick,
+    bind
+} from "@/core";
 
 /**
  * 带标记的文本框
@@ -9,25 +21,25 @@ import { Editor, TextButton } from "@/base";
  */
 @shortcut()
 export class ShelterEditor extends Widget {
-    static xtype = "bi.shelter_editor"
+    static xtype = "bi.shelter_editor";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
-    static EVENT_FOCUS = "EVENT_FOCUS"
+    static EVENT_FOCUS = "EVENT_FOCUS";
-    static EVENT_BLUR = "EVENT_BLUR"
+    static EVENT_BLUR = "EVENT_BLUR";
-    static EVENT_CLICK = "EVENT_CLICK"
+    static EVENT_CLICK = "EVENT_CLICK";
-    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN"
+    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
-    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"
+    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL";
-    static EVENT_START = "EVENT_START"
+    static EVENT_START = "EVENT_START";
-    static EVENT_PAUSE = "EVENT_PAUSE"
+    static EVENT_PAUSE = "EVENT_PAUSE";
-    static EVENT_STOP = "EVENT_STOP"
+    static EVENT_STOP = "EVENT_STOP";
-    static EVENT_CONFIRM = "EVENT_CONFIRM"
+    static EVENT_CONFIRM = "EVENT_CONFIRM";
-    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM"
+    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM";
-    static EVENT_VALID = "EVENT_VALID"
+    static EVENT_VALID = "EVENT_VALID";
-    static EVENT_ERROR = "EVENT_ERROR"
+    static EVENT_ERROR = "EVENT_ERROR";
-    static EVENT_ENTER = "EVENT_ENTER"
+    static EVENT_ENTER = "EVENT_ENTER";
-    static EVENT_RESTRICT = "EVENT_RESTRICT"
+    static EVENT_RESTRICT = "EVENT_RESTRICT";
-    static EVENT_SPACE = "EVENT_SPACE"
+    static EVENT_SPACE = "EVENT_SPACE";
-    static EVENT_EMPTY = "EVENT_EMPTY"
+    static EVENT_EMPTY = "EVENT_EMPTY";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -52,12 +64,14 @@ export class ShelterEditor extends Widget {
 
     _init() {
         const o = this.options;
-        o.value = isFunction(o.value) ? this.__watch(o.value, (context, newValue) => {
+        o.value = isFunction(o.value)
+            ? this.__watch(o.value, (context, newValue) => {
                 this.setValue(newValue);
-        }) : o.value;
+            })
+            : o.value;
         super._init(...arguments);
         this.editor = createWidget({
-            type: "bi.editor",
+            type: Editor.xtype,
             simple: o.simple,
             height: o.height,
             hgap: o.hgap,
@@ -75,7 +89,7 @@ export class ShelterEditor extends Widget {
             autoTrim: o.autoTrim,
         });
         this.text = createWidget({
-            type: "bi.text_button",
+            type: TextButton.xtype,
             cls: "shelter-editor-text",
             title: o.title,
             warningTitle: o.warningTitle,
@@ -149,15 +163,18 @@ export class ShelterEditor extends Widget {
             this.fireEvent(ShelterEditor.EVENT_EMPTY, ...args);
         });
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.text,
                     inset: 0,
-            }, {
+                },
+                {
                     el: this.editor,
                     inset: 0,
-            }],
+                }
+            ],
         });
         this._showHint();
         this._checkText();
@@ -165,7 +182,8 @@ export class ShelterEditor extends Widget {
 
     _checkText() {
         const o = this.options;
-        nextTick(bind(function () {
+        nextTick(
+            bind(function () {
                 if (this.editor.getValue() === "") {
                     this.text.setValue(o.watermark || "");
                     this.text.element.addClass("bi-water-mark");
@@ -174,7 +192,8 @@ export class ShelterEditor extends Widget {
                     this.text.element.removeClass("bi-water-mark");
                 }
                 isKey(o.keyword) && this.text.doRedMark(o.keyword);
-        }, this));
+            }, this)
+        );
     }
 
     _showInput() {

src/case/editor/editor.sign.js

@@ -1,5 +1,17 @@
-import { shortcut, Widget, extend, emptyFn, isFunction, createWidget, nextTick, isKey, bind, Controller } from "@/core";
 import { Editor, TextButton } from "@/base";
+import {
+    AbsoluteLayout,
+    shortcut,
+    Widget,
+    extend,
+    emptyFn,
+    isFunction,
+    createWidget,
+    nextTick,
+    isKey,
+    bind,
+    Controller
+} from "@/core";
 
 /**
  * 带标记的文本框
@@ -9,26 +21,26 @@ import { Editor, TextButton } from "@/base";
  */
 @shortcut()
 export class SignEditor extends Widget {
-    static xtype = "bi.sign_editor"
+    static xtype = "bi.sign_editor";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
-    static EVENT_FOCUS = "EVENT_FOCUS"
+    static EVENT_FOCUS = "EVENT_FOCUS";
-    static EVENT_BLUR = "EVENT_BLUR"
+    static EVENT_BLUR = "EVENT_BLUR";
-    static EVENT_CLICK = "EVENT_CLICK"
+    static EVENT_CLICK = "EVENT_CLICK";
-    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN"
+    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
-    static EVENT_QUICK_DOWN = "EVENT_QUICK_DOWN"
+    static EVENT_QUICK_DOWN = "EVENT_QUICK_DOWN";
-    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"
+    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL";
-    static EVENT_START = "EVENT_START"
+    static EVENT_START = "EVENT_START";
-    static EVENT_PAUSE = "EVENT_PAUSE"
+    static EVENT_PAUSE = "EVENT_PAUSE";
-    static EVENT_STOP = "EVENT_STOP"
+    static EVENT_STOP = "EVENT_STOP";
-    static EVENT_CONFIRM = "EVENT_CONFIRM"
+    static EVENT_CONFIRM = "EVENT_CONFIRM";
-    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM"
+    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM";
-    static EVENT_VALID = "EVENT_VALID"
+    static EVENT_VALID = "EVENT_VALID";
-    static EVENT_ERROR = "EVENT_ERROR"
+    static EVENT_ERROR = "EVENT_ERROR";
-    static EVENT_ENTER = "EVENT_ENTER"
+    static EVENT_ENTER = "EVENT_ENTER";
-    static EVENT_RESTRICT = "EVENT_RESTRICT"
+    static EVENT_RESTRICT = "EVENT_RESTRICT";
-    static EVENT_SPACE = "EVENT_SPACE"
+    static EVENT_SPACE = "EVENT_SPACE";
-    static EVENT_EMPTY = "EVENT_EMPTY"
+    static EVENT_EMPTY = "EVENT_EMPTY";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -53,12 +65,14 @@ export class SignEditor extends Widget {
 
     _init() {
         const o = this.options;
-        o.value = isFunction(o.value) ? this.__watch(o.value, (context, newValue) => {
+        o.value = isFunction(o.value)
+            ? this.__watch(o.value, (context, newValue) => {
                 this.setValue(newValue);
-        }) : o.value;
+            })
+            : o.value;
         super._init(...arguments);
         this.editor = createWidget({
-            type: "bi.editor",
+            type: Editor.xtype,
             simple: o.simple,
             height: o.height,
             hgap: o.hgap,
@@ -76,7 +90,7 @@ export class SignEditor extends Widget {
             autoTrim: o.autoTrim,
         });
         this.text = createWidget({
-            type: "bi.text_button",
+            type: TextButton.xtype,
             cls: "sign-editor-text",
             title: o.title,
             warningTitle: o.warningTitle,
@@ -156,15 +170,18 @@ export class SignEditor extends Widget {
             this.fireEvent(SignEditor.EVENT_EMPTY, ...args);
         });
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.text,
                     inset: 0,
-            }, {
+                },
+                {
                     el: this.editor,
                     inset: 0,
-            }],
+                }
+            ],
         });
         this._showHint();
         this._checkText();
@@ -172,7 +189,8 @@ export class SignEditor extends Widget {
 
     _checkText() {
         const o = this.options;
-        nextTick(bind(function () {
+        nextTick(
+            bind(function () {
                 if (this.editor.getValue() === "") {
                     this.text.setValue(o.watermark || "");
                     this.text.element.addClass("bi-water-mark");
@@ -181,7 +199,8 @@ export class SignEditor extends Widget {
                     this.text.element.removeClass("bi-water-mark");
                     isKey(o.keyword) && this.text.doRedMark(o.keyword);
                 }
-        }, this));
+            }, this)
+        );
     }
 
     _showInput() {

src/case/editor/editor.state.js

@@ -1,5 +1,22 @@
-import { shortcut, Widget, extend, emptyFn, i18nText, isArray, createWidget, nextTick, Controller, isNotNull, isString, isKey, isFunction, isNumber, isEmpty } from "@/core";
+import { Editor, TextButton } from "@/base";
-import { TextButton, Editor } from "@/base";
+import {
+    AbsoluteLayout,
+    shortcut,
+    Widget,
+    extend,
+    emptyFn,
+    i18nText,
+    isArray,
+    createWidget,
+    nextTick,
+    Controller,
+    isNotNull,
+    isString,
+    isKey,
+    isFunction,
+    isNumber,
+    isEmpty
+} from "@/core";
 
 /**
  * guy
@@ -9,25 +26,25 @@ import { TextButton, Editor } from "@/base";
  */
 @shortcut()
 export class StateEditor extends Widget {
-    static xtype = "bi.state_editor"
+    static xtype = "bi.state_editor";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
-    static EVENT_FOCUS = "EVENT_FOCUS"
+    static EVENT_FOCUS = "EVENT_FOCUS";
-    static EVENT_BLUR = "EVENT_BLUR"
+    static EVENT_BLUR = "EVENT_BLUR";
-    static EVENT_CLICK = "EVENT_CLICK"
+    static EVENT_CLICK = "EVENT_CLICK";
-    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN"
+    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
-    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"
+    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL";
-    static EVENT_START = "EVENT_START"
+    static EVENT_START = "EVENT_START";
-    static EVENT_PAUSE = "EVENT_PAUSE"
+    static EVENT_PAUSE = "EVENT_PAUSE";
-    static EVENT_STOP = "EVENT_STOP"
+    static EVENT_STOP = "EVENT_STOP";
-    static EVENT_CONFIRM = "EVENT_CONFIRM"
+    static EVENT_CONFIRM = "EVENT_CONFIRM";
-    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM"
+    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM";
-    static EVENT_VALID = "EVENT_VALID"
+    static EVENT_VALID = "EVENT_VALID";
-    static EVENT_ERROR = "EVENT_ERROR"
+    static EVENT_ERROR = "EVENT_ERROR";
-    static EVENT_ENTER = "EVENT_ENTER"
+    static EVENT_ENTER = "EVENT_ENTER";
-    static EVENT_RESTRICT = "EVENT_RESTRICT"
+    static EVENT_RESTRICT = "EVENT_RESTRICT";
-    static EVENT_SPACE = "EVENT_SPACE"
+    static EVENT_SPACE = "EVENT_SPACE";
-    static EVENT_EMPTY = "EVENT_EMPTY"
+    static EVENT_EMPTY = "EVENT_EMPTY";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -56,7 +73,7 @@ export class StateEditor extends Widget {
         super._init(...arguments);
         const o = this.options;
         this.editor = createWidget(o.el, {
-            type: "bi.editor",
+            type: Editor.xtype,
             simple: o.simple,
             height: o.height,
             hgap: o.hgap,
@@ -74,7 +91,7 @@ export class StateEditor extends Widget {
             autoTrim: o.autoTrim,
         });
         this.text = createWidget({
-            type: "bi.text_button",
+            type: TextButton.xtype,
             cls: "bi-water-mark tip-text-style",
             textAlign: "left",
             height: o.height,
@@ -85,7 +102,9 @@ export class StateEditor extends Widget {
                 this.editor.focus();
                 this.editor.setValue("");
             },
-            title: isNotNull(o.tipText) ? o.tipText : () => {
+            title: isNotNull(o.tipText)
+                ? o.tipText
+                : () => {
                     let title = "";
                     if (isString(this.stateValue)) {
                         title = this.stateValue;
@@ -159,15 +178,18 @@ export class StateEditor extends Widget {
             this.fireEvent(StateEditor.EVENT_EMPTY, ...args);
         });
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.text,
                     inset: 0,
-            }, {
+                },
+                {
                     el: this.editor,
                     inset: 0,
-            }],
+                }
+            ],
         });
         this._showHint();
         if (isNotNull(o.text)) {
@@ -279,7 +301,9 @@ export class StateEditor extends Widget {
                 this.text.element.removeClass("bi-water-mark");
             } else {
                 this._setText(isKey(defaultText) ? defaultText : o.text);
-                isKey(defaultText) ? this.text.element.addClass("bi-water-mark") : this.text.element.removeClass("bi-water-mark");
+                isKey(defaultText)
+                    ? this.text.element.addClass("bi-water-mark")
+                    : this.text.element.removeClass("bi-water-mark");
             }
 
             return;
@@ -287,14 +311,18 @@ export class StateEditor extends Widget {
         if (isString(v)) {
             this._setText(v);
             // 配置了defaultText才判断标灰，其他情况不标灰
-            (isKey(defaultText) && defaultText === v) ? this.text.element.addClass("bi-water-mark") : this.text.element.removeClass("bi-water-mark");
+            isKey(defaultText) && defaultText === v
+                ? this.text.element.addClass("bi-water-mark")
+                : this.text.element.removeClass("bi-water-mark");
 
             return;
         }
         if (isArray(v)) {
             if (isEmpty(v)) {
                 this._setText(isKey(defaultText) ? defaultText : o.text);
-                isKey(defaultText) ? this.text.element.addClass("bi-water-mark") : this.text.element.removeClass("bi-water-mark");
+                isKey(defaultText)
+                    ? this.text.element.addClass("bi-water-mark")
+                    : this.text.element.removeClass("bi-water-mark");
             } else if (v.length === 1) {
                 this._setText(v[0]);
                 this.text.element.removeClass("bi-water-mark");

src/case/editor/editor.state.simple.js

@@ -1,5 +1,22 @@
-import { shortcut, Widget, extend, emptyFn, i18nText, Controller, createWidget, nextTick, isNotNull, isKey, isFunction, isArray, isNumber, isEmpty } from "@/core";
 import { Editor, TextButton } from "@/base";
+import {
+    AbsoluteLayout,
+    VerticalLayout,
+    shortcut,
+    Widget,
+    extend,
+    emptyFn,
+    i18nText,
+    Controller,
+    createWidget,
+    nextTick,
+    isNotNull,
+    isKey,
+    isFunction,
+    isArray,
+    isNumber,
+    isEmpty
+} from "@/core";
 
 /**
  * 无限制-已选择状态输入框
@@ -9,25 +26,25 @@ import { Editor, TextButton } from "@/base";
  */
 @shortcut()
 export class SimpleStateEditor extends Widget {
-    static xtype = "bi.simple_state_editor"
+    static xtype = "bi.simple_state_editor";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
-    static EVENT_FOCUS = "EVENT_FOCUS"
+    static EVENT_FOCUS = "EVENT_FOCUS";
-    static EVENT_BLUR = "EVENT_BLUR"
+    static EVENT_BLUR = "EVENT_BLUR";
-    static EVENT_CLICK = "EVENT_CLICK"
+    static EVENT_CLICK = "EVENT_CLICK";
-    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN"
+    static EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
-    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"
+    static EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL";
-    static EVENT_START = "EVENT_START"
+    static EVENT_START = "EVENT_START";
-    static EVENT_PAUSE = "EVENT_PAUSE"
+    static EVENT_PAUSE = "EVENT_PAUSE";
-    static EVENT_STOP = "EVENT_STOP"
+    static EVENT_STOP = "EVENT_STOP";
-    static EVENT_CONFIRM = "EVENT_CONFIRM"
+    static EVENT_CONFIRM = "EVENT_CONFIRM";
-    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM"
+    static EVENT_CHANGE_CONFIRM = "EVENT_CHANGE_CONFIRM";
-    static EVENT_VALID = "EVENT_VALID"
+    static EVENT_VALID = "EVENT_VALID";
-    static EVENT_ERROR = "EVENT_ERROR"
+    static EVENT_ERROR = "EVENT_ERROR";
-    static EVENT_ENTER = "EVENT_ENTER"
+    static EVENT_ENTER = "EVENT_ENTER";
-    static EVENT_RESTRICT = "EVENT_RESTRICT"
+    static EVENT_RESTRICT = "EVENT_RESTRICT";
-    static EVENT_SPACE = "EVENT_SPACE"
+    static EVENT_SPACE = "EVENT_SPACE";
-    static EVENT_EMPTY = "EVENT_EMPTY"
+    static EVENT_EMPTY = "EVENT_EMPTY";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -56,7 +73,7 @@ export class SimpleStateEditor extends Widget {
         super._init(...arguments);
         const o = this.options;
         this.editor = createWidget({
-            type: "bi.editor",
+            type: Editor.xtype,
             simple: o.simple,
             height: o.height,
             hgap: o.hgap,
@@ -74,7 +91,7 @@ export class SimpleStateEditor extends Widget {
             autoTrim: o.autoTrim,
         });
         this.text = createWidget({
-            type: "bi.text_button",
+            type: TextButton.xtype,
             cls: "bi-water-mark",
             textAlign: "left",
             text: o.text,
@@ -92,15 +109,17 @@ export class SimpleStateEditor extends Widget {
             });
         });
         createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.text,
                     left: 0,
                     right: 0,
                     top: 0,
                     bottom: 0,
-            }],
+                }
+            ],
         });
         this.editor.on(Controller.EVENT_CHANGE, (...args) => {
             this.fireEvent(Controller.EVENT_CHANGE, ...args);
@@ -157,7 +176,7 @@ export class SimpleStateEditor extends Widget {
             this.fireEvent(SimpleStateEditor.EVENT_EMPTY, ...args);
         });
         createWidget({
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             scrolly: false,
             element: this,
             items: [this.editor],

src/case/layer/layer.multipopup.js

@@ -1,11 +1,12 @@
+import { ButtonGroup, TextButton, PopupView } from "@/base";
+import { CenterLayout, shortcut, extend, i18nText, each, createWidget, createItems } from "@/core";
+
 /**
  * 下拉框弹出层的多选版本，toolbar带有若干按钮, zIndex在1000w
  * @class BI.MultiPopupView
  * @extends BI.Widget
  */
 
-import { shortcut, extend, i18nText, each, createWidget, createItems } from "@/core";
-import { PopupView, ButtonGroup } from "@/base";
 @shortcut()
 export class MultiPopupView extends PopupView {
     static xtype = "bi.multi_popup_view";
@@ -35,20 +36,22 @@ export class MultiPopupView extends PopupView {
         });
 
         this.buttongroup = createWidget({
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             cls: "list-view-toolbar bi-high-light bi-split-top",
             height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT,
             items: createItems(text, {
-                type: "bi.text_button",
+                type: TextButton.xtype,
                 once: false,
                 shadow: true,
                 isShadowShowingOnSelected: true,
             }),
-            layouts: [{
+            layouts: [
-                type: "bi.center",
+                {
+                    type: CenterLayout.xtype,
                     hgap: 0,
                     vgap: 0,
-            }],
+                }
+            ],
         });
 
         this.buttongroup.on(ButtonGroup.EVENT_CHANGE, (value, obj) => {

src/case/layer/layer.panel.js

@@ -1,12 +1,13 @@
+import { IconButton, Label } from "@/base";
+import { HTapeLayout, shortcut, extend, createWidget } from "@/core";
+import { MultiPopupView } from "./layer.multipopup";
+
 /**
  * 可以理解为MultiPopupView和Panel两个面板的结合体
  * @class BI.PopupPanel
  * @extends BI.MultiPopupView
  */
 
-import { shortcut, extend, createWidget } from "@/core";
-import { IconButton } from "@/base";
-import { MultiPopupView } from "./layer.multipopup";
 @shortcut()
 export class PopupPanel extends MultiPopupView {
     static xtype = "bi.popup_panel";
@@ -25,7 +26,7 @@ export class PopupPanel extends MultiPopupView {
     _createTool() {
         const o = this.options;
         const close = createWidget({
-            type: "bi.icon_button",
+            type: IconButton.xtype,
             cls: "close-h-font",
             width: 25,
             height: 25,
@@ -36,21 +37,24 @@ export class PopupPanel extends MultiPopupView {
         });
 
         return createWidget({
-            type: "bi.htape",
+            type: HTapeLayout.xtype,
             cls: "popup-panel-title bi-header-background",
             height: 25,
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         textAlign: "left",
                         text: o.title,
                         height: 25,
                         lgap: 10,
                     },
-            }, {
+                },
+                {
                     el: close,
                     width: 25,
-            }],
+                }
+            ],
         });
     }
 }

src/case/layer/pane.list.js

@@ -1,10 +1,3 @@
-/**
- * list面板
- *
- * Created by GUY on 2015/10/30.
- * @class BI.ListPane
- * @extends BI.Pane
- */
 import {
     shortcut,
     extend,
@@ -27,6 +20,14 @@ import {
 } from "@/core";
 import { Pane, ButtonGroup } from "@/base";
 
+/**
+ * list面板
+ *
+ * Created by GUY on 2015/10/30.
+ * @class BI.ListPane
+ * @extends BI.Pane
+ */
+
 @shortcut()
 export class ListPane extends Pane {
     static xtype = "bi.list_pane";
@@ -102,9 +103,15 @@ export class ListPane extends Pane {
         });
         this.check();
 
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
-        }, LogicFactory.createLogic(LogicFactory.createLogicTypeByDirection(Direction.Top), extend({
+                },
+                LogicFactory.createLogic(
+                    LogicFactory.createLogicTypeByDirection(Direction.Top),
+                    extend(
+                        {
                             scrolly: true,
                             lgap: o.lgap,
                             rgap: o.rgap,
@@ -112,9 +119,15 @@ export class ListPane extends Pane {
                             bgap: o.bgap,
                             vgap: o.vgap,
                             hgap: o.hgap,
-        }, o.logic, {
+                        },
+                        o.logic,
+                        {
                             items: LogicFactory.createLogicItemsByDirection(Direction.Top, this.button_group),
-        }))));
+                        }
+                    )
+                )
+            )
+        );
     }
 
     hasPrev() {
@@ -146,9 +159,11 @@ export class ListPane extends Pane {
 
     populate(items) {
         const o = this.options;
-        if (arguments.length === 0 && (isFunction(this.button_group.attr("itemsCreator")))) {// 接管loader的populate方法
+        if (arguments.length === 0 && isFunction(this.button_group.attr("itemsCreator"))) {
+            // 接管loader的populate方法
             this.button_group.attr("itemsCreator").apply(this, [
-                { times: 1 }, (...args) => {
+                { times: 1 },
+                (...args) => {
                     if (args.length === 0) {
                         throw new Error("参数不能为空");
                     }
@@ -229,4 +244,3 @@ export class ListPane extends Pane {
         return this.button_group.getNodeByValue(value);
     }
 }
-

src/case/layer/panel.js

@@ -1,15 +1,21 @@
-
+import {
-import { shortcut, Widget, extend, toPix, Controller, createWidget } from "@/core";
+    VerticalFillLayout,
-import { ButtonGroup } from "@/base";
+    CenterAdaptLayout,
+    LeftRightVerticalAdaptLayout,
+    shortcut,
+    Widget,
+    extend,
+    toPix,
+    Controller,
+    createWidget
+} from "@/core";
+import { Label, ButtonGroup } from "@/base";
 
 @shortcut()
 export class Panel extends Widget {
-    static xtype = "bi.panel"
+    static xtype = "bi.panel";
-
-
-
-    static EVENT_CHANGE = "EVENT_CHANGE"
 
+    static EVENT_CHANGE = "EVENT_CHANGE";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -26,7 +32,7 @@ export class Panel extends Widget {
 
     render() {
         return {
-            type: "bi.vertical_fill",
+            type: VerticalFillLayout.xtype,
             rowSize: ["", "fill"],
             items: [this._createTitle(), this.options.el],
         };
@@ -35,19 +41,21 @@ export class Panel extends Widget {
     _createTitle() {
         const o = this.options;
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             cls: "panel-title-text",
             text: o.title,
             height: o.titleHeight,
         });
 
         this.button_group = createWidget({
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             items: o.titleButtons,
-            layouts: [{
+            layouts: [
-                type: "bi.center_adapt",
+                {
+                    type: CenterAdaptLayout.xtype,
                     lgap: 10,
-            }],
+                }
+            ],
         });
 
         this.button_group.on(Controller.EVENT_CHANGE, (...args) => {
@@ -60,7 +68,7 @@ export class Panel extends Widget {
 
         return {
             // el: {
-            type: "bi.left_right_vertical_adapt",
+            type: LeftRightVerticalAdaptLayout.xtype,
             cls: "panel-title bi-header-background bi-border-bottom",
             height: toPix(o.titleHeight, 1),
             items: {

src/case/linearsegment/button.linear.segment.js

@@ -1,20 +1,24 @@
-
+import { Label, BasicButton } from "@/base";
-import { shortcut, toPix } from "@/core";
+import { AbsoluteLayout, Layout, shortcut, toPix } from "@/core";
-import { BasicButton } from "@/base";
 
 @shortcut()
 export class LinearSegmentButton extends BasicButton {
-	static xtype = "bi.linear_segment_button"
+    static xtype = "bi.linear_segment_button";
-
-    props = { extraCls:"bi-line-segment-button bi-list-item-effect", once:true, readonly:true, hgap:10, height:24 };
-
 
+    props = {
+        extraCls: "bi-line-segment-button bi-list-item-effect",
+        once: true,
+        readonly: true,
+        hgap: 10,
+        height: 24,
+    };
 
     render() {
         const o = this.options;
 
-        return [{
+        return [
-            type: "bi.label",
+            {
+                type: Label.xtype,
                 text: o.text,
                 height: o.height,
                 textHeight: toPix(o.height, 2),
@@ -23,11 +27,13 @@ export class LinearSegmentButton extends BasicButton {
                 ref: _ref => {
                     this.text = _ref;
                 },
-        }, {
+            },
-            type: "bi.absolute",
+            {
-            items: [{
+                type: AbsoluteLayout.xtype,
+                items: [
+                    {
                         el: {
-                    type: "bi.layout",
+                            type: Layout.xtype,
                             cls: "line-segment-button-line",
                             height: 2,
                             ref: _ref => {
@@ -37,8 +43,10 @@ export class LinearSegmentButton extends BasicButton {
                         left: 0,
                         right: 0,
                         bottom: 0,
-            }],
+                    }
-        }];
+                ],
+            }
+        ];
     }
 
     setSelected(v) {

src/case/linearsegment/linear.segment.js

@@ -1,39 +1,45 @@
-
+import { ButtonGroup } from "@/base";
-import { shortcut, Widget, createItems, makeArrayByArray } from "@/core";
+import { LinearSegmentButton } from "./button.linear.segment";
+import { TableLayout, shortcut, Widget, createItems, makeArrayByArray } from "@/core";
 
 @shortcut()
 export class LinearSegment extends Widget {
-	static xtype = "bi.linear_segment"
+    static xtype = "bi.linear_segment";
 
     props = { baseCls: "bi-linear-segment", items: [], height: 30 };
 
-
-
     render() {
         const o = this.options;
 
         return {
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
-            items: [createItems(o.items, {
+            items: [
-                type: "bi.linear_segment_button",
+                createItems(o.items, {
+                    type: LinearSegmentButton.xtype,
                     height: o.height,
-            })],
+                })
-            layouts: [{
+            ],
-                type: "bi.table",
+            layouts: [
+                {
+                    type: TableLayout.xtype,
                     columnSize: makeArrayByArray(o.items, "fill"),
-            }],
+                }
+            ],
             value: o.value,
-            listeners: [{
+            listeners: [
+                {
                     eventName: "__EVENT_CHANGE__",
                     action: (...args) => {
                         this.fireEvent("__EVENT_CHANGE__", ...args);
                     },
-            }, {
+                },
+                {
                     eventName: "EVENT_CHANGE",
                     action: () => {
                         this.fireEvent("EVENT_CHANGE");
                     },
-            }],
+                }
+            ],
             ref: _ref => {
                 this.buttonGroup = _ref;
             },
@@ -54,9 +60,11 @@ export class LinearSegment extends Widget {
 
     populate(buttons) {
         const o = this.options;
-        this.buttonGroup.populate([createItems(buttons, {
+        this.buttonGroup.populate([
-            type: "bi.linear_segment_button",
+            createItems(buttons, {
+                type: LinearSegmentButton.xtype,
                 height: o.height,
-        })]);
+            })
+        ]);
     }
 }

src/case/list/list.select.js

@@ -1,5 +1,3 @@
-/* eslint-disable no-mixed-spaces-and-tabs */
-
 import {
     shortcut,
     Widget,
@@ -21,6 +19,8 @@ import { ButtonGroup } from "@/base";
 import { MultiSelectBar } from "../toolbar/toolbar.multiselect";
 import { ListPane } from "../layer/pane.list";
 
+/* eslint-disable no-mixed-spaces-and-tabs */
+
 @shortcut()
 export class SelectList extends Widget {
     static xtype = "bi.select_list";
@@ -94,13 +94,25 @@ export class SelectList extends Widget {
             this.fireEvent(Controller.EVENT_CHANGE, ...args);
         });
 
-        createWidget(extend({
+        createWidget(
+            extend(
+                {
                     element: this,
-        }, LogicFactory.createLogic(LogicFactory.createLogicTypeByDirection(o.direction), extend({
+                },
+                LogicFactory.createLogic(
+                    LogicFactory.createLogicTypeByDirection(o.direction),
+                    extend(
+                        {
                             scrolly: true,
-        }, o.logic, {
+                        },
+                        o.logic,
+                        {
                             items: LogicFactory.createLogicItemsByDirection(o.direction, this.toolbar, this.list),
-        }))));
+                        }
+                    )
+                )
+            )
+        );
 
         if (o.items.length <= 0) {
             this.toolbar.setVisible(false);
@@ -214,8 +226,9 @@ export class SelectList extends Widget {
 
     resetHeight(h) {
         const toolHeight = (this.toolbar.element.outerHeight() || 25) * (this.toolbar.isVisible() ? 1 : 0);
-        this.list.resetHeight ? this.list.resetHeight(h - toolHeight) :
+        this.list.resetHeight
-            this.list.element.css({ "max-height": pixFormat(h - toolHeight) });
+            ? this.list.resetHeight(h - toolHeight)
+            : this.list.element.css({ "max-height": pixFormat(h - toolHeight) });
     }
 
     setNotSelectedValue() {

src/case/loader/loader.lazy.js

@@ -1,15 +1,15 @@
-import { shortcut, Widget, extend, createWidget, takeRight, take } from "@/core";
 import { Loader } from "@/base";
+import { shortcut, Widget, extend, createWidget, takeRight, take } from "@/core";
 
 @shortcut()
 export class LazyLoader extends Widget {
-    static xtype = "bi.lazy_loader"
+    static xtype = "bi.lazy_loader";
 
     _const = {
         PAGE: 100,
     };
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -24,7 +24,7 @@ export class LazyLoader extends Widget {
         super._init(...arguments);
         const all = o.items.length;
         this.loader = createWidget({
-            type: "bi.loader",
+            type: Loader.xtype,
             element: this,
             // 下面是button_group的属性
             el: o.el,

src/case/loader/loader.list.js

@@ -1,4 +1,23 @@
-import { shortcut, Widget, extend, emptyFn, Controller, createWidget, Events, nextTick, bind, isEmpty, isNumber, isObject, isFunction, each, isNotEmptyArray, DOM } from "@/core";
+import { ButtonGroup, LoadingBar } from "@/base";
+import {
+    VerticalLayout,
+    shortcut,
+    Widget,
+    extend,
+    emptyFn,
+    Controller,
+    createWidget,
+    Events,
+    nextTick,
+    bind,
+    isEmpty,
+    isNumber,
+    isObject,
+    isFunction,
+    each,
+    isNotEmptyArray,
+    DOM
+} from "@/core";
 
 /**
  * 恶心的加载控件， 为解决排序问题引入的控件
@@ -9,9 +28,9 @@ import { shortcut, Widget, extend, emptyFn, Controller, createWidget, Events, ne
  */
 @shortcut()
 export class ListLoader extends Widget {
-    static xtype = "bi.list_loader"
+    static xtype = "bi.list_loader";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -19,7 +38,7 @@ export class ListLoader extends Widget {
             isDefaultInit: true, // 是否默认初始化数据
             // 下面是button_group的属性
             el: {
-                type: "bi.button_group",
+                type: ButtonGroup.xtype,
             },
             items: [],
             itemsCreator: emptyFn,
@@ -34,12 +53,15 @@ export class ListLoader extends Widget {
     _nextLoad() {
         const o = this.options;
         this.next.setLoading();
-        o.itemsCreator.apply(this, [{
+        o.itemsCreator.apply(this, [
+            {
                 times: ++this.times,
-        }, (...args) => {
+            },
+            (...args) => {
                 this.next.setLoaded();
                 this.addItems(...args);
-        }]);
+            }
+        ]);
     }
 
     _init() {
@@ -50,14 +72,16 @@ export class ListLoader extends Widget {
         }
 
         this.button_group = createWidget(o.el, {
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             element: this,
             chooseType: 0,
             items: o.items,
             behaviors: {},
-            layouts: [{
+            layouts: [
-                type: "bi.vertical",
+                {
-            }],
+                    type: VerticalLayout.xtype,
+                }
+            ],
         });
         this.button_group.on(Controller.EVENT_CHANGE, (...args) => {
             const [type, , obj] = args;
@@ -68,9 +92,14 @@ export class ListLoader extends Widget {
         });
 
         if (o.next !== false) {
-            this.next = createWidget(extend({
+            this.next = createWidget(
-                type: "bi.loading_bar",
+                extend(
-            }, o.next));
+                    {
+                        type: LoadingBar.xtype,
+                    },
+                    o.next
+                )
+            );
             this.next.on(Controller.EVENT_CHANGE, type => {
                 if (type === Events.CLICK) {
                     this._nextLoad();
@@ -79,14 +108,18 @@ export class ListLoader extends Widget {
         }
 
         createWidget({
-            type: "bi.vertical",
+            type: VerticalLayout.xtype,
             element: this,
             items: [this.next],
         });
 
-        o.isDefaultInit && isEmpty(o.items) && nextTick(bind(function () {
+        o.isDefaultInit &&
+            isEmpty(o.items) &&
+            nextTick(
+                bind(function () {
                     this.populate();
-        }, this));
+                }, this)
+            );
         if (isNotEmptyArray(o.items)) {
             this.populate(o.items);
         }
@@ -98,10 +131,12 @@ export class ListLoader extends Widget {
             return this.count < o.count;
         }
 
-        return !!o.hasNext.apply(this, [{
+        return !!o.hasNext.apply(this, [
+            {
                 times: this.times,
                 count: this.count,
-        }]);
+            }
+        ]);
     }
 
     addItems(items) {
@@ -120,16 +155,19 @@ export class ListLoader 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, [{
+            o.itemsCreator.apply(this, [
+                {
                     times: 1,
-            }, (...args) => {
+                },
+                (...args) => {
                     if (args.length === 0) {
                         throw new Error("参数不能为空");
                     }
                     this.populate(...args);
                     o.onLoaded();
-            }]);
+                }
+            ]);
 
             return;
         }

src/case/loader/sort.list.js

@@ -1,4 +1,6 @@
-import { shortcut, Widget, extend, emptyFn, Controller, createWidget, Events, each, stripEL } from "@/core";
+import { ButtonGroup } from "@/base";
+import { ListLoader } from "./loader.list";
+import { Layout, shortcut, Widget, extend, emptyFn, Controller, createWidget, Events, each, stripEL } from "@/core";
 
 /**
  * Created by GUY on 2016/4/29.
@@ -8,9 +10,9 @@ import { shortcut, Widget, extend, emptyFn, Controller, createWidget, Events, ea
  */
 @shortcut()
 export class SortList extends Widget {
-    static xtype = "bi.sort_list"
+    static xtype = "bi.sort_list";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -18,7 +20,7 @@ export class SortList extends Widget {
             isDefaultInit: true, // 是否默认初始化数据
             // 下面是button_group的属性
             el: {
-                type: "bi.button_group",
+                type: ButtonGroup.xtype,
             },
             items: [],
             itemsCreator: emptyFn,
@@ -36,7 +38,7 @@ export class SortList extends Widget {
         super._init(...arguments);
         const o = this.options;
         this.loader = createWidget({
-            type: "bi.list_loader",
+            type: ListLoader.xtype,
             element: this,
             isDefaultInit: o.isDefaultInit,
             el: o.el,
@@ -68,7 +70,7 @@ export class SortList extends Widget {
             placeholder: {
                 element($currentItem) {
                     const holder = createWidget({
-                        type: "bi.layout",
+                        type: Layout.xtype,
                         cls: "bi-sortable-holder",
                         height: $currentItem.outerHeight(),
                     });
@@ -82,19 +84,13 @@ export class SortList extends Widget {
 
                     return holder.element;
                 },
-                update () {
+                update() {},
-
-                },
-            },
-            start (event, ui) {
-
             },
+            start(event, ui) {},
             stop: (event, ui) => {
                 this.fireEvent(SortList.EVENT_CHANGE);
             },
-            over (event, ui) {
+            over(event, ui) {},
-
-            },
         });
     }
 

src/case/pager/pager.all.count.js

@@ -1,10 +1,26 @@
+import { Pager, IconButton, Label } from "@/base";
+import {
+    HorizontalLayout,
+    VerticalAdaptLayout,
+    FloatLeftLayout,
+    shortcut,
+    Widget,
+    extend,
+    isPositiveInteger,
+    createWidget,
+    parseInt,
+    HorizontalAlign,
+    isNotEmptyObject
+} from "@/core";
+import { SmallTextEditor } from "@/widget/editor/editor.text.small";
+
 /**
  * 有总页数和总行数的分页控件
  * Created by Young's on 2016/10/13.
  */
-import { shortcut, Widget, extend, isPositiveInteger, createWidget, parseInt, HorizontalAlign, isNotEmptyObject } from "@/core";
+
-// import { TextEditor } from "@/widget/editor/editor.text";
+//
-import { Pager } from "@/base";
+
 @shortcut()
 export class AllCountPager extends Widget {
     static xtype = "bi.all_count_pager";
@@ -24,9 +40,10 @@ export class AllCountPager extends Widget {
     }
     _init() {
         super._init(...arguments);
-        const { pages, curr, hasPrev, hasNext, firstPage, lastPage, height, showRowCount } = this.options, pagerIconCls = this._getPagerIconCls();
+        const { pages, curr, hasPrev, hasNext, firstPage, lastPage, height, showRowCount } = this.options,
+            pagerIconCls = this._getPagerIconCls();
         this.editor = createWidget({
-            type: "bi.small_text_editor",
+            type: SmallTextEditor.xtype,
             cls: "pager-editor bi-border-radius",
             validationChecker(v) {
                 return (pages === 0 && v === "0") || isPositiveInteger(v);
@@ -41,12 +58,14 @@ export class AllCountPager extends Widget {
         });
 
         this.pager = createWidget({
-            type: "bi.pager",
+            type: Pager.xtype,
             width: 58,
-            layouts: [{
+            layouts: [
-                type: "bi.horizontal",
+                {
+                    type: HorizontalLayout.xtype,
                     lgap: 5,
-            }],
+                }
+            ],
 
             dynamicShow: false,
             pages,
@@ -56,7 +75,7 @@ export class AllCountPager extends Widget {
             first: false,
             last: false,
             prev: {
-                type: "bi.icon_button",
+                type: IconButton.xtype,
                 value: "prev",
                 title: BI.i18nText("BI-Previous_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
@@ -65,7 +84,7 @@ export class AllCountPager extends Widget {
                 cls: `bi-border bi-border-radius all-pager-prev bi-list-item-select2 ${pagerIconCls.preCls}`,
             },
             next: {
-                type: "bi.icon_button",
+                type: IconButton.xtype,
                 value: "next",
                 title: BI.i18nText("BI-Next_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
@@ -94,7 +113,7 @@ export class AllCountPager extends Widget {
         });
 
         this.allPages = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             title: pages,
             height,
             text: `/${pages}`,
@@ -102,21 +121,22 @@ export class AllCountPager extends Widget {
             invisible: pages <= 1,
         });
 
-        createWidget(showRowCount ? {
+        createWidget(
-            type: "bi.vertical_adapt",
+            showRowCount
+                ? {
+                    type: VerticalAdaptLayout.xtype,
                     element: this,
                     scrollx: false,
                     columnSize: ["fill", ""],
                     horizontalAlign: HorizontalAlign.Right,
-            items: [
+                    items: [this._getRowCountObject(), this.editor, this.allPages, this.pager],
-                this._getRowCountObject(),
+                }
-                this.editor, this.allPages, this.pager
+                : {
-            ],
+                    type: VerticalAdaptLayout.xtype,
-        } : {
-            type: "bi.vertical_adapt",
                     element: this,
                     items: [this.editor, this.allPages, this.pager],
-        });
+                }
+        );
     }
 
     _getPagerIconCls() {
@@ -140,22 +160,24 @@ export class AllCountPager extends Widget {
         const { height, count, rowInfoObject } = this.options;
 
         return {
-            type: "bi.left",
+            type: FloatLeftLayout.xtype,
             height,
             scrollable: false,
             ref: _ref => {
                 this.rowCountObject = _ref;
             },
-            items: [{
+            items: [
-                type: "bi.label",
+                {
+                    type: Label.xtype,
                     height,
                     text: BI.i18nText("BI-Basic_Total"),
                     ref: _ref => {
                         this.prevText = _ref;
                     },
-            }, {
+                },
+                {
                     el: {
-                    type: "bi.label",
+                        type: Label.xtype,
                         ref: _ref => {
                             this.rowCount = _ref;
                         },
@@ -165,12 +187,15 @@ export class AllCountPager extends Widget {
                         title: count,
                     },
                     hgap: 5,
-            }, {
+                },
-                type: "bi.label",
+                {
+                    type: Label.xtype,
                     height,
                     text: BI.i18nText("BI-Tiao_Data"),
                     textAlign: "left",
-            }, isNotEmptyObject(rowInfoObject) ? rowInfoObject : null],
+                },
+                isNotEmptyObject(rowInfoObject) ? rowInfoObject : null
+            ],
         };
     }
 

src/case/pager/pager.detail.js

@@ -1,3 +1,21 @@
+import {
+    HorizontalLayout,
+    shortcut,
+    Widget,
+    extend,
+    emptyFn,
+    result,
+    debounce,
+    isKey,
+    createWidget,
+    createItems,
+    Controller,
+    Events,
+    MIN,
+    MAX
+} from "@/core";
+import { Label, ButtonGroup } from "@/base";
+
 /**
  * 分页控件
  *
@@ -6,7 +24,6 @@
  * @extends BI.Widget
  */
 
-import { shortcut, Widget, extend, emptyFn, result, debounce, isKey, createWidget, createItems, Controller, Events, MIN, MAX } from "@/core";
 @shortcut()
 export class DetailPager extends Widget {
     static xtype = "bi.detail_pager";
@@ -16,9 +33,11 @@ export class DetailPager extends Widget {
         return extend(super._defaultConfig(...arguments), {
             baseCls: "bi-detail-pager",
             behaviors: {},
-            layouts: [{
+            layouts: [
-                type: "bi.horizontal",
+                {
-            }],
+                    type: HorizontalLayout.xtype,
+                }
+            ],
 
             dynamicShow: true, // 是否动态显示上一页、下一页、首页、尾页， 若为false，则指对其设置使能状态
             // dynamicShow为false时以下两个有用
@@ -37,7 +56,8 @@ export class DetailPager extends Widget {
             next: "下一页",
 
             firstPage: 1,
-            lastPage () { // 在万不得已时才会调用这个函数获取最后一页的页码,  主要作用于setValue方法
+            lastPage() {
+                // 在万不得已时才会调用这个函数获取最后一页的页码,  主要作用于setValue方法
                 return 1;
             },
             hasPrev: emptyFn, // pages不可用时有效
@@ -55,8 +75,11 @@ export class DetailPager extends Widget {
         this._populate();
     }
     _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");
@@ -75,7 +98,7 @@ export class DetailPager 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) {
@@ -86,9 +109,14 @@ export class DetailPager extends Widget {
                     disabled: pages === false ? hasPrev(curr) === false : !(curr > 1 && prev !== false),
                 });
             } else {
-                view.push(extend({
+                view.push(
+                    extend(
+                        {
                             disabled: pages === false ? hasPrev(curr) === false : !(curr > 1 && prev !== false),
-                }, prev));
+                        },
+                        prev
+                    )
+                );
             }
         }
 
@@ -101,7 +129,7 @@ export class DetailPager extends Widget {
             });
             if (dict.index > 1 && groups !== 0) {
                 view.push({
-                    type: "bi.label",
+                    type: Label.xtype,
                     cls: "page-ellipsis",
                     text: "\u2026",
                 });
@@ -111,16 +139,21 @@ export class DetailPager 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 +176,7 @@ export class DetailPager extends Widget {
         if (((!dynamicShow && !dynamicShowFirstLast) || (pages > groups && dict.end < pages && groups !== 0)) && last) {
             if (pages > groups && dict.end < pages && groups !== 0) {
                 view.push({
-                    type: "bi.label",
+                    type: Label.xtype,
                     cls: "page-ellipsis",
                     text: "\u2026",
                 });
@@ -157,28 +190,32 @@ export class DetailPager 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 extend({
+                    return 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: createItems(view, {
                 cls: "page-item bi-border bi-list-item-active",
@@ -212,10 +249,12 @@ export class DetailPager extends Widget {
                     this.currPage = v;
                     break;
                 }
-                jump.apply(this, [{
+                jump.apply(this, [
+                    {
                         pages,
                         curr: this.currPage,
-                }]);
+                    }
+                ]);
                 this._populate();
                 this.fireEvent(DetailPager.EVENT_CHANGE, obj);
             }
@@ -257,7 +296,8 @@ export class DetailPager 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/case/pager/pager.direction.js

@@ -1,3 +1,6 @@
+import { AbsoluteLayout, HorizontalLayout, shortcut, Widget, extend, emptyFn, createWidget } from "@/core";
+import { Label, Pager, IconButton } from "@/base";
+
 /**
  * 显示页码的分页控件
  *
@@ -6,8 +9,6 @@
  * @extends BI.Widget
  */
 
-import { shortcut, Widget, extend, emptyFn, createWidget } from "@/core";
-import { Pager } from "@/base";
 @shortcut()
 export class DirectionPager extends Widget {
     static EVENT_CHANGE = "EVENT_CHANGE";
@@ -42,33 +43,38 @@ export class DirectionPager extends Widget {
         this._createVPager();
         this._createHPager();
         this.layout = createWidget({
-            type: "bi.absolute",
+            type: AbsoluteLayout.xtype,
             scrollable: false,
             element: this,
-            items: [{
+            items: [
+                {
                     el: this.vpager,
                     top: 0,
                     right: 86,
-            }, {
+                },
+                {
                     el: this.vlabel,
                     top: 0,
                     right: 110,
-            }, {
+                },
+                {
                     el: this.hpager,
                     top: 0,
                     right: 0,
-            }, {
+                },
+                {
                     el: this.hlabel,
                     top: 0,
                     right: 24,
-            }],
+                }
+            ],
         });
     }
 
     _createVPager() {
         const v = this.options.vertical;
         this.vlabel = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             width: 24,
             height: 24,
             value: v.curr,
@@ -76,13 +82,15 @@ export class DirectionPager extends Widget {
             invisible: true,
         });
         this.vpager = createWidget({
-            type: "bi.pager",
+            type: Pager.xtype,
             width: 72,
-            layouts: [{
+            layouts: [
-                type: "bi.horizontal",
+                {
+                    type: HorizontalLayout.xtype,
                     scrollx: false,
                     rgap: 24,
-            }],
+                }
+            ],
             invisible: true,
 
             dynamicShow: false,
@@ -93,7 +101,7 @@ export class DirectionPager extends Widget {
             first: false,
             last: false,
             prev: {
-                type: "bi.icon_button",
+                type: IconButton.xtype,
                 value: "prev",
                 title: BI.i18nText("BI-Up_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
@@ -102,7 +110,7 @@ export class DirectionPager extends Widget {
                 cls: "bi-border bi-border-radius direction-pager-prev column-pre-page-h-font bi-list-item-select2",
             },
             next: {
-                type: "bi.icon_button",
+                type: IconButton.xtype,
                 value: "next",
                 title: BI.i18nText("BI-Down_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
@@ -128,7 +136,7 @@ export class DirectionPager extends Widget {
     _createHPager() {
         const h = this.options.horizontal;
         this.hlabel = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             width: 24,
             height: 24,
             value: h.curr,
@@ -136,13 +144,15 @@ export class DirectionPager extends Widget {
             invisible: true,
         });
         this.hpager = createWidget({
-            type: "bi.pager",
+            type: Pager.xtype,
             width: 72,
-            layouts: [{
+            layouts: [
-                type: "bi.horizontal",
+                {
+                    type: HorizontalLayout.xtype,
                     scrollx: false,
                     rgap: 24,
-            }],
+                }
+            ],
             invisible: true,
 
             dynamicShow: false,
@@ -153,7 +163,7 @@ export class DirectionPager extends Widget {
             first: false,
             last: false,
             prev: {
-                type: "bi.icon_button",
+                type: IconButton.xtype,
                 value: "prev",
                 title: BI.i18nText("BI-Left_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
@@ -162,7 +172,7 @@ export class DirectionPager extends Widget {
                 cls: "bi-border bi-border-radius direction-pager-prev row-pre-page-h-font bi-list-item-select2",
             },
             next: {
-                type: "bi.icon_button",
+                type: IconButton.xtype,
                 value: "next",
                 title: BI.i18nText("BI-Right_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
@@ -235,7 +245,8 @@ export class DirectionPager extends Widget {
     populate() {
         this.vpager.populate();
         this.hpager.populate();
-        let vShow = false, hShow = false;
+        let vShow = false,
+            hShow = false;
         if (!this.hasHNext() && !this.hasHPrev()) {
             this.setHPagerVisible(false);
         } else {

src/case/segment/button.segment.js

@@ -1,5 +1,5 @@
+import { Label, BasicButton } from "@/base";
 import { shortcut, extend, createWidget } from "@/core";
-import { BasicButton } from "@/base";
 
 /**
  * 分段控件使用的button
@@ -10,7 +10,7 @@ import { BasicButton } from "@/base";
  */
 @shortcut()
 export class SegmentButton extends BasicButton {
-    static xtype = "bi.segment_button"
+    static xtype = "bi.segment_button";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -27,7 +27,7 @@ export class SegmentButton extends BasicButton {
         super._init(...arguments);
         const opts = this.options;
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             element: this,
             textHeight: opts.height,
             whiteSpace: opts.whiteSpace,

src/case/segment/segment.js

@@ -1,5 +1,16 @@
-import { shortcut, Widget, extend, toPix, Controller, createWidget, createItems, makeArrayByArray } from "@/core";
 import { ButtonGroup } from "@/base";
+import { SegmentButton } from "./button.segment";
+import {
+    TableLayout,
+    shortcut,
+    Widget,
+    extend,
+    toPix,
+    Controller,
+    createWidget,
+    createItems,
+    makeArrayByArray
+} from "@/core";
 
 /**
  * 单选按钮组
@@ -10,9 +21,9 @@ import { ButtonGroup } from "@/base";
  */
 @shortcut()
 export class Segment extends Widget {
-    static xtype = "bi.segment"
+    static xtype = "bi.segment";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -27,17 +38,21 @@ export class Segment extends Widget {
         const o = this.options;
         this.buttonGroup = createWidget({
             element: this,
-            type: "bi.button_group",
+            type: ButtonGroup.xtype,
             value: o.value,
-            items: [createItems(o.items, {
+            items: [
-                type: "bi.segment_button",
+                createItems(o.items, {
+                    type: SegmentButton.xtype,
                     height: toPix(o.height, 2),
                     whiteSpace: o.whiteSpace,
-            })],
+                })
-            layouts: [{
+            ],
-                type: "bi.table",
+            layouts: [
+                {
+                    type: TableLayout.xtype,
                     columnSize: makeArrayByArray(o.items, "fill"),
-            }],
+                }
+            ],
         });
         this.buttonGroup.on(Controller.EVENT_CHANGE, (...args) => {
             this.fireEvent(Controller.EVENT_CHANGE, ...args);
@@ -70,10 +85,12 @@ export class Segment extends Widget {
 
     populate(buttons) {
         const o = this.options;
-        this.buttonGroup.populate([createItems(buttons, {
+        this.buttonGroup.populate([
-            type: "bi.segment_button",
+            createItems(buttons, {
+                type: SegmentButton.xtype,
                 height: toPix(o.height, 2),
                 whiteSpace: o.whiteSpace,
-        })]);
+            })
+        ]);
     }
 }

src/case/toolbar/toolbar.multiselect.js

@@ -1,6 +1,16 @@
-import { shortcut, extend, emptyFn, i18nText, Controller, createWidget, Events } from "@/core";
+import { Checkbox, Label, BasicButton } from "@/base";
-import { BasicButton, Checkbox } from "@/base";
 import { HalfIconButton } from "../button";
+import {
+    HTapeLayout,
+    CenterAdaptLayout,
+    shortcut,
+    extend,
+    emptyFn,
+    i18nText,
+    Controller,
+    createWidget,
+    Events
+} from "@/core";
 
 /**
  * guy
@@ -11,9 +21,9 @@ import { HalfIconButton } from "../button";
  */
 @shortcut()
 export class MultiSelectBar extends BasicButton {
-    static xtype = "bi.multi_select_bar"
+    static xtype = "bi.multi_select_bar";
 
-    static EVENT_CHANGE = "EVENT_CHANGE"
+    static EVENT_CHANGE = "EVENT_CHANGE";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -39,7 +49,7 @@ export class MultiSelectBar extends BasicButton {
         const isSelect = o.selected === true;
         const isHalfSelect = !o.selected && o.halfSelected;
         this.checkbox = createWidget({
-            type: "bi.checkbox",
+            type: Checkbox.xtype,
             stopPropagation: true,
             handler: () => {
                 this.setSelected(this.isSelected());
@@ -50,7 +60,7 @@ export class MultiSelectBar extends BasicButton {
             iconHeight: o.iconHeight,
         });
         this.half = createWidget({
-            type: "bi.half_icon_button",
+            type: HalfIconButton.xtype,
             stopPropagation: true,
             handler: () => {
                 this.setSelected(true);
@@ -72,7 +82,7 @@ export class MultiSelectBar extends BasicButton {
             this.fireEvent(MultiSelectBar.EVENT_CHANGE, this.isSelected(), this);
         });
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             textAlign: "left",
             whiteSpace: "nowrap",
             textHeight: o.height,
@@ -84,17 +94,20 @@ export class MultiSelectBar extends BasicButton {
             py: o.py,
         });
         createWidget({
-            type: "bi.htape",
+            type: HTapeLayout.xtype,
             element: this,
-            items: [{
+            items: [
+                {
                     width: o.iconWrapperWidth,
                     el: {
-                    type: "bi.center_adapt",
+                        type: CenterAdaptLayout.xtype,
                         items: [this.checkbox, this.half],
                     },
-            }, {
+                },
+                {
                     el: this.text,
-            }],
+                }
+            ],
         });
     }
 

src/case/tree/tree.level.js

@@ -9,11 +9,14 @@ import {
     isNotEmptyArray,
     Tree,
     createWidget,
-    VerticalLayout, Controller, Events
+    VerticalLayout,
+    Controller,
+    Events
 } from "@/core";
 import { ButtonTree, CustomTree } from "@/base";
 import { TreeExpander } from "./treeexpander/tree.expander";
-import { BasicTreeItem, BasicTreeNode } from "@/case";
+import { BasicTreeItem } from "@/case/button/treeitem/treeitem";
+import { BasicTreeNode } from "@/case/button/node/treenode";
 
 @shortcut()
 export class LevelTree extends Widget {
@@ -74,13 +77,15 @@ export class LevelTree extends Widget {
     }
 
     initTree(nodes) {
-        const self = this, o = this.options;
+        const self = this,
+            o = this.options;
         this.empty();
         this._assertId(nodes);
         this.tree = createWidget({
             type: CustomTree.xtype,
             element: this,
-            expander: extend({
+            expander: extend(
+                {
                     type: TreeExpander.xtype,
                     el: {},
                     isDefaultInit: false,
@@ -88,11 +93,14 @@ export class LevelTree extends Widget {
                     popup: {
                         type: CustomTree.xtype,
                     },
-            }, o.expander),
+                },
+                o.expander
+            ),
             items: this._formatItems(Tree.transformToTreeFormat(nodes), 0),
             value: o.value,
 
-            el: extend({
+            el: extend(
+                {
                     type: ButtonTree.xtype,
                     chooseType: 0,
                     layouts: [
@@ -100,7 +108,9 @@ export class LevelTree extends Widget {
                             type: VerticalLayout.xtype,
                         }
                     ],
-            }, o.el),
+                },
+                o.el
+            ),
         });
         this.tree.on(Controller.EVENT_CHANGE, function (type, value, ob) {
             self.fireEvent(Controller.EVENT_CHANGE, arguments);

src/case/tree/treeexpander/tree.expander.popup.js

@@ -19,10 +19,13 @@ export class TreeExpanderPopup extends Widget {
         const { el, value, layer, showLine, isLastNode } = this.options;
         const offset = BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2;
 
-        this.popupView = createWidget({
+        this.popupView = createWidget(
+            {
                 ...el,
                 value,
-        }, this);
+            },
+            this
+        );
 
         this.popupView.on(Controller.EVENT_CHANGE, function () {
             self.fireEvent(Controller.EVENT_CHANGE, arguments);
@@ -35,11 +38,9 @@ export class TreeExpanderPopup extends Widget {
 
         return {
             type: VerticalLayout.xtype,
-            cls: (showLine && !isLastNode) ? (BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? "line solid" : "line") : "",
+            cls: showLine && !isLastNode ? (BI.STYLE_CONSTANTS.LINK_LINE_TYPE === "solid" ? "line solid" : "line") : "",
             scrolly: null,
-            items: [
+            items: [this.popupView],
-                this.popupView
-            ],
         };
     }
 

src/case/trigger/trigger.editor.js

@@ -1,6 +1,7 @@
-import { shortcut, extend, emptyFn, createWidget, toPix, Controller } from "@/core";
-import { Trigger } from "@/base";
 import { SignEditor } from "../editor";
+import { HorizontalFillLayout, shortcut, extend, emptyFn, createWidget, toPix, Controller } from "@/core";
+import { TriggerIconButton } from "../button";
+import { Trigger } from "@/base";
 
 /**
  * 文本输入框trigger
@@ -22,7 +23,9 @@ export class EditorTrigger extends Trigger {
         const conf = super._defaultConfig(...arguments);
 
         return extend(conf, {
-            baseCls: `${conf.baseCls || ""} bi-editor-trigger bi-border-radius ${config.simple ? "bi-border-bottom" : "bi-border"}`,
+            baseCls: `${conf.baseCls || ""} bi-editor-trigger bi-border-radius ${
+                config.simple ? "bi-border-bottom" : "bi-border"
+            }`,
             height: 24,
             validationChecker: emptyFn,
             quitChecker: emptyFn,
@@ -36,7 +39,7 @@ export class EditorTrigger extends Trigger {
         super._init(...arguments);
         const o = this.options;
         this.editor = createWidget({
-            type: "bi.sign_editor",
+            type: SignEditor.xtype,
             height: toPix(o.height, 2),
             value: o.value,
             validationChecker: o.validationChecker,
@@ -67,15 +70,16 @@ export class EditorTrigger extends Trigger {
 
         createWidget({
             element: this,
-            type: "bi.horizontal_fill",
+            type: HorizontalFillLayout.xtype,
             height: toPix(o.height, 2),
             items: [
                 {
                     el: this.editor,
                     width: "fill",
-                }, {
+                },
+                {
                     el: {
-                        type: "bi.trigger_icon_button",
+                        type: TriggerIconButton.xtype,
                         width: o.triggerWidth || toPix(o.height, 2),
                     },
                     width: "",

src/case/trigger/trigger.icon.js

@@ -1,3 +1,4 @@
+import { TriggerIconButton } from "../button";
 import { shortcut, extend, createWidget } from "@/core";
 import { Trigger } from "@/base";
 
@@ -10,7 +11,7 @@ import { Trigger } from "@/base";
  */
 @shortcut()
 export class IconTrigger extends Trigger {
-    static xtype = "bi.icon_trigger"
+    static xtype = "bi.icon_trigger";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -25,7 +26,7 @@ export class IconTrigger extends Trigger {
         const o = this.options;
         super._init(...arguments);
         this.iconButton = createWidget(o.el, {
-            type: "bi.trigger_icon_button",
+            type: TriggerIconButton.xtype,
             element: this,
             width: o.width,
             height: o.height,

src/case/trigger/trigger.icon.text.js

@@ -1,5 +1,6 @@
-import { shortcut, extend, isKey, createWidget, isEmptyString } from "@/core";
+import { Label, Trigger } from "@/base";
-import { Trigger } from "@/base";
+import { TriggerIconButton, IconChangeButton } from "../button";
+import { HorizontalFillLayout, shortcut, extend, isKey, createWidget, isEmptyString } from "@/core";
 
 /**
  * 文字trigger
@@ -10,7 +11,7 @@ import { Trigger } from "@/base";
  */
 @shortcut()
 export class IconTextTrigger extends Trigger {
-    static xtype = "bi.icon_text_trigger"
+    static xtype = "bi.icon_text_trigger";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -28,8 +29,8 @@ export class IconTextTrigger extends Trigger {
         super._init(...arguments);
         const o = this.options;
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
-            cls: `select-text-label${isKey(o.textCls) ? (` ${o.textCls}`) : ""}`,
+            cls: `select-text-label${isKey(o.textCls) ? ` ${o.textCls}` : ""}`,
             textAlign: "left",
             height: o.height,
             hgap: o.textHgap,
@@ -41,20 +42,21 @@ export class IconTextTrigger extends Trigger {
             text: o.text,
         });
         this.trigerButton = createWidget({
-            type: "bi.trigger_icon_button",
+            type: TriggerIconButton.xtype,
             width: o.triggerWidth || o.height,
         });
 
         createWidget({
             element: this,
-            type: "bi.horizontal_fill",
+            type: HorizontalFillLayout.xtype,
             columnSize: ["", "fill", ""],
             ref: _ref => {
                 this.wrapper = _ref;
             },
-            items: [{
+            items: [
+                {
                     el: {
-                    type: "bi.icon_change_button",
+                        type: IconChangeButton.xtype,
                         cls: "icon-combo-trigger-icon",
                         width: o.triggerWidth || o.height,
                         iconCls: o.iconCls,
@@ -66,12 +68,15 @@ export class IconTextTrigger extends Trigger {
                         iconWidth: o.iconWidth,
                         disableSelected: true,
                     },
-            }, {
+                },
+                {
                     el: this.text,
                     lgap: isEmptyString(o.iconCls) ? 5 : 0,
-            }, {
+                },
+                {
                     el: this.trigerButton,
-            }],
+                }
+            ],
         });
     }
 

src/case/trigger/trigger.icon.text.select.js

@@ -1,3 +1,4 @@
+import { IconTextTrigger } from "./trigger.icon.text";
 import { shortcut, extend, createWidget, isFunction, isArray, isNotNull, any, deepContains, Tree } from "@/core";
 import { Trigger } from "@/base";
 
@@ -6,7 +7,7 @@ import { Trigger } from "@/base";
  */
 @shortcut()
 export class SelectIconTextTrigger extends Trigger {
-    static xtype = "bi.select_icon_text_trigger"
+    static xtype = "bi.select_icon_text_trigger";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -23,7 +24,7 @@ export class SelectIconTextTrigger extends Trigger {
         const o = this.options;
         const obj = this._digist(o.value, o.items);
         this.trigger = createWidget({
-            type: "bi.icon_text_trigger",
+            type: IconTextTrigger.xtype,
             element: this,
             text: obj.text,
             textCls: obj.textCls,

src/case/trigger/trigger.text.js

@@ -1,5 +1,6 @@
-import { shortcut, isFunction, isKey, isNotEmptyString } from "@/core";
+import { Label, IconButton, Trigger } from "@/base";
-import { Trigger } from "@/base";
+import { TriggerIconButton } from "../button";
+import { HorizontalFillLayout, VerticalAdaptLayout, shortcut, isFunction, isKey, isNotEmptyString } from "@/core";
 
 /**
  * 文字trigger
@@ -10,9 +11,9 @@ import { Trigger } from "@/base";
  */
 @shortcut()
 export class TextTrigger extends Trigger {
-    static xtype = "bi.text_trigger"
+    static xtype = "bi.text_trigger";
 
-    static EVENT_CLEAR = "EVENT_CLEAR"
+    static EVENT_CLEAR = "EVENT_CLEAR";
 
     props() {
         return {
@@ -35,11 +36,13 @@ export class TextTrigger extends Trigger {
         const defaultText = this.getDefaultText();
 
         const label = {
-            type: "bi.label",
+            type: Label.xtype,
             ref: _ref => {
                 this.text = _ref;
             },
-            cls: `select-text-label ${o.textCls} ${!isNotEmptyString(text) && isNotEmptyString(defaultText) ? "bi-tips" : ""}`,
+            cls: `select-text-label ${o.textCls} ${
+                !isNotEmptyString(text) && isNotEmptyString(defaultText) ? "bi-tips" : ""
+            }`,
             textAlign: "left",
             height: o.height,
             text: text || o.defaultText,
@@ -55,29 +58,33 @@ export class TextTrigger extends Trigger {
         };
 
         const triggerButton = {
-            type: "bi.trigger_icon_button",
+            type: TriggerIconButton.xtype,
             ref: _ref => {
                 this.triggerButton = _ref;
             },
             width: o.triggerWidth || o.height,
         };
 
-        return ({
+        return {
-            type: "bi.horizontal_fill",
+            type: HorizontalFillLayout.xtype,
             columnSize: ["fill", ""],
-            items: [{
+            items: [
+                {
                     el: label,
                     width: "fill",
-            }, {
+                },
-                el: o.allowClear ? {
+                {
-                    type: "bi.vertical_adapt",
+                    el: o.allowClear
+                        ? {
+                            type: VerticalAdaptLayout.xtype,
                             width: o.triggerWidth || o.height,
                             height: o.height,
                             horizontalAlign: "left",
                             scrollable: false,
-                    items: [{
+                            items: [
+                                {
                                     el: {
-                            type: "bi.icon_button",
+                                        type: IconButton.xtype,
                                         ref: _ref => {
                                             this.clearBtn = _ref;
                                         },
@@ -89,12 +96,16 @@ export class TextTrigger extends Trigger {
                                             this.fireEvent(TextTrigger.EVENT_CLEAR);
                                         },
                                     },
-                    }, {
+                                },
+                                {
                                     el: triggerButton,
-                    }],
+                                }
-                } : triggerButton,
+                            ],
-            }],
+                        }
-        });
+                        : triggerButton,
+                }
+            ],
+        };
     }
 
     getText() {

src/case/trigger/trigger.text.select.js

@@ -1,6 +1,6 @@
+import { TextTrigger } from "./trigger.text";
 import { shortcut, extend, emptyFn, createWidget, isFunction, isArray, Tree, each, contains, remove } from "@/core";
 import { Trigger } from "@/base";
-import { TextTrigger } from "./trigger.text";
 
 /**
  * 选择字段trigger
@@ -11,9 +11,9 @@ import { TextTrigger } from "./trigger.text";
  */
 @shortcut()
 export class SelectTextTrigger extends Trigger {
-    static xtype = "bi.select_text_trigger"
+    static xtype = "bi.select_text_trigger";
 
-    static EVENT_CLEAR = "EVENT_CLEAR"
+    static EVENT_CLEAR = "EVENT_CLEAR";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -30,7 +30,7 @@ export class SelectTextTrigger extends Trigger {
         const o = this.options;
         const text = this._digest(o.value, o.items);
         this.trigger = createWidget({
-            type: "bi.text_trigger",
+            type: TextTrigger.xtype,
             element: this,
             height: o.height,
             readonly: o.readonly,
@@ -45,13 +45,15 @@ export class SelectTextTrigger extends Trigger {
             tipType: o.tipType,
             title: null,
             allowClear: o.allowClear,
-            listeners: [{
+            listeners: [
+                {
                     eventName: TextTrigger.EVENT_CLEAR,
                     action: () => {
                         this.setText("");
                         this.fireEvent(SelectTextTrigger.EVENT_CLEAR);
                     },
-            }],
+                },
+            ],
         });
     }
 

src/case/trigger/trigger.text.select.small.js

@@ -1,3 +1,4 @@
+import { SmallTextTrigger } from "./trigger.text.small";
 import { shortcut, extend, toPix, createWidget, isArray, deepContains, each, contains, Tree } from "@/core";
 import { Trigger } from "@/base";
 
@@ -9,7 +10,7 @@ import { Trigger } from "@/base";
  */
 @shortcut()
 export class SmallSelectTextTrigger extends Trigger {
-    static xtype = "bi.small_select_text_trigger"
+    static xtype = "bi.small_select_text_trigger";
 
     _defaultConfig() {
         return extend(super._defaultConfig(...arguments), {
@@ -23,7 +24,7 @@ export class SmallSelectTextTrigger extends Trigger {
         const o = this.options;
         const obj = this._digest(o.value, o.items);
         this.trigger = createWidget({
-            type: "bi.small_text_trigger",
+            type: SmallTextTrigger.xtype,
             element: this,
             height: toPix(o.height, 2),
             text: obj.text,

src/case/trigger/trigger.text.small.js

@@ -1,5 +1,6 @@
-import { shortcut, extend, createWidget } from "@/core";
+import { Label, Trigger } from "@/base";
-import { Trigger } from "@/base";
+import { TriggerIconButton } from "../button";
+import { HorizontalFillLayout, shortcut, extend, createWidget } from "@/core";
 
 /**
  * 文字trigger(右边小三角小一号的) ==
@@ -9,7 +10,7 @@ import { Trigger } from "@/base";
  */
 @shortcut()
 export class SmallTextTrigger extends Trigger {
-    static xtype = "bi.small_text_trigger"
+    static xtype = "bi.small_text_trigger";
 
     _defaultConfig() {
         const conf = super._defaultConfig(...arguments);
@@ -25,7 +26,7 @@ export class SmallTextTrigger extends Trigger {
         super._init(...arguments);
         const o = this.options;
         this.text = createWidget({
-            type: "bi.label",
+            type: Label.xtype,
             textAlign: "left",
             height: o.height,
             text: o.text,
@@ -37,20 +38,23 @@ export class SmallTextTrigger extends Trigger {
             bgap: o.textBgap,
         });
         this.trigerButton = createWidget({
-            type: "bi.trigger_icon_button",
+            type: TriggerIconButton.xtype,
             width: o.triggerWidth || o.height,
         });
 
         createWidget({
             element: this,
-            type: "bi.horizontal_fill",
+            type: HorizontalFillLayout.xtype,
-            items: [{
+            items: [
+                {
                     el: this.text,
                     width: "fill",
-            }, {
+                },
+                {
                     el: this.trigerButton,
                     width: "",
-            }],
+                }
+            ],
         });
     }
 

src/case/ztree/asynctree.js

@@ -162,14 +162,15 @@ export class Asynctree extends TreeView {
 
     // 展开节点
     _beforeExpandNode(treeId, treeNode) {
-        const self = this, o = this.options;
+        const self = this,
+            o = this.options;
 
         function complete(d) {
             const nodes = d.items || [];
             if (nodes.length > 0) {
                 callback(self._dealWidthNodes(nodes), !!d.hasNext);
             }
-        };
+        }
 
         function callback(nodes, hasNext) {
             self.nodes.addNodes(treeNode, nodes);
@@ -184,12 +185,17 @@ export class Asynctree extends TreeView {
             // console.log(times);
             options = options || {};
             const parentValues = treeNode.parentValues || self._getParentValues(treeNode);
-            const op = extend({}, o.paras, {
+            const op = extend(
+                {},
+                o.paras,
+                {
                     id: treeNode.id,
                     times: options.times,
                     parentValues: parentValues.concat(self._getNodeValue(treeNode)),
                     checkState: treeNode.getCheckStatus(),
-            }, options);
+                },
+                options
+            );
             o.itemsCreator(op, complete);
         }
 

src/case/ztree/jquery.ztree.excheck-3.5.js

@@ -15,10 +15,10 @@
     //default consts of excheck
     var _consts = {
             event: {
-				CHECK: "ztree_check"
+                CHECK: "ztree_check",
             },
             id: {
-				CHECK: "_check"
+                CHECK: "_check",
             },
             checkbox: {
                 STYLE: "checkbox",
@@ -28,13 +28,13 @@
                 TRUE: "true",
                 FULL: "full",
                 PART: "part",
-				FOCUS: "focus"
+                FOCUS: "focus",
             },
             radio: {
                 STYLE: "radio",
                 TYPE_ALL: "all",
-				TYPE_LEVEL: "level"
+                TYPE_LEVEL: "level",
-			}
+            },
         },
         //default setting of excheck
         _setting = {
@@ -46,19 +46,19 @@
                 chkDisabledInherit: false,
                 radioType: _consts.radio.TYPE_LEVEL,
                 chkboxType: {
-					"Y": "ps",
+                    Y: "ps",
-					"N": "ps"
+                    N: "ps",
-				}
+                },
             },
             data: {
                 key: {
-					checked: "checked"
+                    checked: "checked",
-				}
+                },
             },
             callback: {
                 beforeCheck: null,
-				onCheck: null
+                onCheck: null,
-			}
+            },
         },
         //default root of excheck
         _initRoot = function (setting) {
@@ -66,8 +66,7 @@
             r.radioCheckedList = [];
         },
         //default cache of excheck
-		_initCache = function (treeId) {
+        _initCache = function (treeId) {},
-		},
         //default bind event of excheck
         _bindEvent = function (setting) {
             var o = setting.treeObj,
@@ -86,22 +85,37 @@
         _eventProxy = function (e) {
             var target = e.target,
                 setting = data.getSetting(e.data.treeId),
-				tId = "", node = null,
+                tId = "",
-				nodeEventType = "", treeEventType = "",
+                node = null,
-				nodeEventCallback = null, treeEventCallback = null;
+                nodeEventType = "",
+                treeEventType = "",
+                nodeEventCallback = null,
+                treeEventCallback = null;
 
             if (tools.eqs(e.type, "mouseover")) {
-				if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) {
+                if (
+                    setting.check.enable &&
+                    tools.eqs(target.tagName, "span") &&
+                    target.getAttribute("treeNode" + consts.id.CHECK) !== null
+                ) {
                     tId = tools.getNodeMainDom(target).id;
                     nodeEventType = "mouseoverCheck";
                 }
             } else if (tools.eqs(e.type, "mouseout")) {
-				if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) {
+                if (
+                    setting.check.enable &&
+                    tools.eqs(target.tagName, "span") &&
+                    target.getAttribute("treeNode" + consts.id.CHECK) !== null
+                ) {
                     tId = tools.getNodeMainDom(target).id;
                     nodeEventType = "mouseoutCheck";
                 }
             } else if (tools.eqs(e.type, "click")) {
-				if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode" + consts.id.CHECK) !== null) {
+                if (
+                    setting.check.enable &&
+                    tools.eqs(target.tagName, "span") &&
+                    target.getAttribute("treeNode" + consts.id.CHECK) !== null
+                ) {
                     tId = tools.getNodeMainDom(target).id;
                     nodeEventType = "checkNode";
                 }
@@ -126,7 +140,7 @@
                 nodeEventType: nodeEventType,
                 nodeEventCallback: nodeEventCallback,
                 treeEventType: treeEventType,
-				treeEventCallback: treeEventCallback
+                treeEventCallback: treeEventCallback,
             };
             return proxyResult;
         },
@@ -140,7 +154,8 @@
             if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
             n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
             if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
-			n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
+            n.chkDisabled =
+                !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
             if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
             n.halfCheck = !!n.halfCheck;
             n.check_Child_State = -1;
@@ -149,7 +164,11 @@
                 return data.getCheckStatus(setting, n);
             };
 
-			if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey]) {
+            if (
+                setting.check.chkStyle == consts.radio.STYLE &&
+                setting.check.radioType == consts.radio.TYPE_ALL &&
+                n[checkedKey]
+            ) {
                 var r = data.getRoot(setting);
                 r.radioCheckedList.push(n);
             }
@@ -159,7 +178,17 @@
             var checkedKey = setting.data.key.checked;
             if (setting.check.enable) {
                 data.makeChkFlag(setting, node);
-				html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true ? " style='display:none;'" : ""), "></span>");
+                html.push(
+                    "<span ID='",
+                    node.tId,
+                    consts.id.CHECK,
+                    "' class='",
+                    view.makeChkClass(setting, node),
+                    "' treeNode",
+                    consts.id.CHECK,
+                    node.nocheck === true ? " style='display:none;'" : "",
+                    "></span>"
+                );
             }
         },
         //update zTreeObj, add method of check
@@ -174,13 +203,17 @@
 
                 if (node[checkedKey] === checked && !checkTypeFlag) {
                     return;
-				} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) {
+                } else if (
+                    callbackFlag &&
+                    tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false
+                ) {
                     return;
                 }
                 if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) {
                     node[checkedKey] = checked;
                     var checkObj = $$(node, consts.id.CHECK, this.setting);
-					if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+                    if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE)
+                        view.checkNodeRelation(this.setting, node);
                     view.setChkClass(this.setting, checkObj, node);
                     view.repairParentChkClassWithSelf(this.setting, node);
                     if (callbackFlag) {
@@ -195,7 +228,7 @@
 
             zTreeTools.getCheckedNodes = function (checked) {
                 var childKey = this.setting.data.key.children;
-				checked = (checked !== false);
+                checked = checked !== false;
                 return data.getTreeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey], checked);
             };
 
@@ -219,7 +252,8 @@
                 var nObj = $$(node, this.setting);
                 if (nObj.get(0) && tools.uCanDo(this.setting)) {
                     var checkObj = $$(node, consts.id.CHECK, this.setting);
-					if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+                    if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE)
+                        view.checkNodeRelation(this.setting, node);
                     view.setChkClass(this.setting, checkObj, node);
                     view.repairParentChkClassWithSelf(this.setting, node);
                 }
@@ -243,7 +277,13 @@
                 var checkedKey = setting.data.key.checked,
                     r = {
                         checked: node[checkedKey],
-						half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
+                        half: node.halfCheck
+                            ? node.halfCheck
+                            : setting.check.chkStyle == consts.radio.STYLE
+                            ? node.check_Child_State === 2
+                            : node[checkedKey]
+                            ? node.check_Child_State > -1 && node.check_Child_State < 2
+                            : node.check_Child_State > 0,
                     };
                 return r;
             },
@@ -251,7 +291,10 @@
                 if (!nodes) return [];
                 var childKey = setting.data.key.children,
                     checkedKey = setting.data.key.checked,
-					onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
+                    onlyOne =
+                        checked &&
+                        setting.check.chkStyle == consts.radio.STYLE &&
+                        setting.check.radioType == consts.radio.TYPE_ALL;
                 results = !results ? [] : results;
                 for (var i = 0, l = nodes.length; i < l; i++) {
                     if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) {
@@ -273,7 +316,11 @@
                     checkedKey = setting.data.key.checked;
                 results = !results ? [] : results;
                 for (var i = 0, l = nodes.length; i < l; i++) {
-					if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) {
+                    if (
+                        nodes[i].nocheck !== true &&
+                        nodes[i].chkDisabled !== true &&
+                        nodes[i][checkedKey] != nodes[i].checkedOld
+                    ) {
                         results.push(nodes[i]);
                     }
                     data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results);
@@ -311,9 +358,9 @@
                             } else if (cNode.halfCheck === true) {
                                 tmp = 1;
                             } else if (cNode[checkedKey]) {
-								tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
+                                tmp = cNode.check_Child_State === -1 || cNode.check_Child_State === 2 ? 2 : 1;
                             } else {
-								tmp = (cNode.check_Child_State > 0) ? 1 : 0;
+                                tmp = cNode.check_Child_State > 0 ? 1 : 0;
                             }
                             if (tmp === 1) {
                                 chkFlag = 1;
@@ -331,7 +378,7 @@
                     }
                 }
                 node.check_Child_State = chkFlag;
-			}
+            },
         },
         //method of event proxy
         _event = {},
@@ -365,14 +412,16 @@
                 node.check_Focus = false;
                 view.setChkClass(setting, checkObj, node);
                 return true;
-			}
+            },
         },
         //method of tools for zTree
         _tools = {},
         //method of operate ztree dom
         _view = {
             checkNodeRelation: function (setting, node) {
-				var pNode, i, l,
+                var pNode,
+                    i,
+                    l,
                     childKey = setting.data.key.children,
                     checkedKey = setting.data.key.checked,
                     r = consts.radio;
@@ -394,7 +443,7 @@
                             }
                             checkedList.push(node);
                         } else {
-							var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+                            var parentNode = node.parentTId ? node.getParentNode() : data.getRoot(setting);
                             for (i = 0, l = parentNode[childKey].length; i < l; i++) {
                                 pNode = parentNode[childKey][i];
                                 if (pNode[checkedKey] && pNode != node) {
@@ -411,12 +460,17 @@
                             }
                         }
                     }
-
                 } else {
-					if (node[checkedKey] && (!node[childKey] || node[childKey].length == 0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
+                    if (
+                        node[checkedKey] &&
+                        (!node[childKey] || node[childKey].length == 0 || setting.check.chkboxType.Y.indexOf("s") > -1)
+                    ) {
                         view.setSonNodeCheckBox(setting, node, true);
                     }
-					if (!node[checkedKey] && (!node[childKey] || node[childKey].length == 0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
+                    if (
+                        !node[checkedKey] &&
+                        (!node[childKey] || node[childKey].length == 0 || setting.check.chkboxType.N.indexOf("s") > -1)
+                    ) {
                         view.setSonNodeCheckBox(setting, node, false);
                     }
                     if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) {
@@ -429,35 +483,42 @@
             },
             makeChkClass: function (setting, node) {
                 var checkedKey = setting.data.key.checked,
-					c = consts.checkbox, r = consts.radio,
+                    c = consts.checkbox,
+                    r = consts.radio,
                     checkboxType = setting.check.chkboxType;
-				var notEffectByOtherNode = (checkboxType.Y === "" && checkboxType.N === "");
+                var notEffectByOtherNode = checkboxType.Y === "" && checkboxType.N === "";
                 fullStyle = "";
                 if (node.chkDisabled === true) {
                     fullStyle = c.DISABLED;
                 } else if (node.halfCheck) {
                     fullStyle = c.PART;
                 } else if (setting.check.chkStyle == r.STYLE) {
-					fullStyle = (node.check_Child_State < 1) ? c.FULL : c.PART;
+                    fullStyle = node.check_Child_State < 1 ? c.FULL : c.PART;
                 } else {
-					fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) || notEffectByOtherNode ? c.FULL : c.PART) : ((node.check_Child_State < 1 || notEffectByOtherNode) ? c.FULL : c.PART);
+                    fullStyle = node[checkedKey]
+                        ? node.check_Child_State === 2 || node.check_Child_State === -1 || notEffectByOtherNode
+                            ? c.FULL
+                            : c.PART
+                        : node.check_Child_State < 1 || notEffectByOtherNode
+                        ? c.FULL
+                        : c.PART;
                 }
                 var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle;
-				chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
+                chkName = node.check_Focus && node.chkDisabled !== true ? chkName + "_" + c.FOCUS : chkName;
                 var chClass = consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
                 switch (chkName) {
-					case 'checkbox_true_part':
+                    case "checkbox_true_part":
-					case 'checkbox_true_part_focus':
+                    case "checkbox_true_part_focus":
-						chClass += ' bi-half-button bi-high-light-border';
+                        chClass += " bi-half-button bi-high-light-border";
                         break;
-					case 'checkbox_true_full':
+                    case "checkbox_true_full":
-					case 'checkbox_true_full_focus':
+                    case "checkbox_true_full_focus":
-						chClass += ' bi-checkbox checkbox-content bi-high-light-background active';
+                        chClass += " bi-checkbox checkbox-content bi-high-light-background active";
                         break;
-					case 'checkbox_false_full':
+                    case "checkbox_false_full":
-					case 'checkbox_false_full_focus':
+                    case "checkbox_false_full_focus":
                     default:
-						chClass += ' bi-checkbox checkbox-content';
+                        chClass += " bi-checkbox checkbox-content";
                         break;
                 }
                 return chClass + (node.disabled ? " disabled" : "");
@@ -528,7 +589,7 @@
                 } else {
                     obj.show();
                 }
-				obj.attr('class', view.makeChkClass(setting, node));
+                obj.attr("class", view.makeChkClass(setting, node));
             },
             setParentNodeCheckBox: function (setting, node, value, srcNode) {
                 var childKey = setting.data.key.children,
@@ -548,8 +609,13 @@
                     if (!value) {
                         var pNodes = node.getParentNode()[childKey];
                         for (var i = 0, l = pNodes.length; i < l; i++) {
-							if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey])
+                            if (
-								|| ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) {
+                                (pNodes[i].nocheck !== true &&
+                                    pNodes[i].chkDisabled !== true &&
+                                    pNodes[i][checkedKey]) ||
+                                ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) &&
+                                    pNodes[i].check_Child_State > 0)
+                            ) {
                                 pSign = false;
                                 break;
                             }
@@ -582,24 +648,28 @@
                     }
                     if (node.nocheck !== true && node.chkDisabled !== true) {
                         node[checkedKey] = value;
-						if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1;
+                        if (!hasDisable)
+                            node.check_Child_State = node[childKey] && node[childKey].length > 0 ? (value ? 2 : 0) : -1;
                     } else {
                         node.check_Child_State = -1;
                     }
                     view.setChkClass(setting, checkObj, node);
-					if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
+                    if (
+                        setting.check.autoCheckTrigger &&
+                        node != srcNode &&
+                        node.nocheck !== true &&
+                        node.chkDisabled !== true
+                    ) {
                         setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
                     }
                 }
-
-			}
             },
-
+        },
         _z = {
             tools: _tools,
             view: _view,
             event: _event,
-			data: _data
+            data: _data,
         };
     $.extend(true, $.fn.zTree.consts, _consts);
     $.extend(true, $.fn.zTree._z, _z);

src/case/ztree/list/listasynctree.js

@@ -1,3 +1,6 @@
+import { Listtreeview } from "./listtreeview";
+import { cjkEncodeDO, delay, isEmpty, shortcut, extend } from "@/core";
+
 /**
  * author: windy
  * 继承自treeView, 此树的父子节点的勾选状态互不影响, 此树不会有半选节点
@@ -6,9 +9,6 @@
  * @extends TreeView
  */
 
-import { Listtreeview } from "./listtreeview";
-import { cjkEncodeDO, delay, isEmpty, shortcut, extend } from "@/core";
-
 @shortcut()
 export class Listasynctree extends Listtreeview {
     static xtype = "bi.list_async_tree";
@@ -72,7 +72,8 @@ export class Listasynctree extends Listtreeview {
 
     // 展开节点
     _beforeExpandNode(treeId, treeNode) {
-        const self = this, o = this.options;
+        const self = this,
+            o = this.options;
         const parentValues = treeNode.parentValues || self._getParentValues(treeNode);
         const op = extend({}, o.paras, {
             id: treeNode.id,
@@ -85,7 +86,7 @@ export class Listasynctree extends Listtreeview {
             if (nodes.length > 0) {
                 callback(self._dealWidthNodes(nodes), !!d.hasNext);
             }
-        };
+        }
         let times = 1;
 
         function callback(nodes, hasNext) {
@@ -119,4 +120,3 @@ export class Listasynctree extends Listtreeview {
         this._initTree(setting);
     }
 }
-

src/case/ztree/list/listparttree.js

@@ -1,3 +1,7 @@
+import { Listasynctree } from "./listasynctree";
+import { shortcut, extend, Events, delay } from "@/core";
+import { TreeView } from "../treeview";
+
 /**
  * guy
  * 局部树，两个请求树， 第一个请求构造树，第二个请求获取节点
@@ -5,24 +9,21 @@
  * @extends Asynctree
  */
 
-
-import { Listasynctree } from "./listasynctree";
-import { shortcut, extend, Events, delay } from "@/core";
-import { TreeView } from "../treeview";
-
 @shortcut()
 export class ListPartTree extends Listasynctree {
     static xtype = "bi.list_part_tree";
 
     _loadMore() {
-        const self = this, o = this.options;
+        const self = this,
+            o = this.options;
         const op = extend({}, o.paras, {
             type: TreeView.REQ_TYPE_INIT_DATA,
             times: ++this.times,
         });
         this.tip.setLoading();
         o.itemsCreator(op, d => {
-            const hasNext = !!d.hasNext, nodes = d.items || [];
+            const hasNext = !!d.hasNext,
+                nodes = d.items || [];
             o.paras.lastSearchValue = d.lastSearchValue;
             if (self._stop === true) {
                 return;
@@ -39,7 +40,8 @@ export class ListPartTree extends Listasynctree {
     }
 
     _initTree(setting, keyword) {
-        const self = this, o = this.options;
+        const self = this,
+            o = this.options;
         this.times = 1;
         const tree = this.tree;
         tree.empty();
@@ -54,7 +56,8 @@ export class ListPartTree extends Listasynctree {
             if (self._stop === true || keyword !== o.paras.keyword) {
                 return;
             }
-            const hasNext = !!d.hasNext, nodes = d.items || [];
+            const hasNext = !!d.hasNext,
+                nodes = d.items || [];
             o.paras.lastSearchValue = d.lastSearchValue;
             // 没有请求到数据也要初始化空树, 如果不初始化, 树就是上一次构造的树, 节点信息都是过期的
             callback(nodes.length > 0 ? self._dealWidthNodes(nodes) : []);

src/case/ztree/list/listtreeview.js

@@ -1,3 +1,6 @@
+import { TreeView } from "../treeview";
+import { extend, isNotNull, concat, each, shortcut } from "@/core";
+
 /**
  * author: windy
  * 继承自treeView, 此树的父子节点的勾选状态互不影响, 此树不会有半选节点
@@ -6,9 +9,6 @@
  * @extends BI.TreeView
  */
 
-import { TreeView } from "../treeview";
-import { extend, isNotNull, concat, each, shortcut } from "@/core";
-
 @shortcut()
 export class Listtreeview extends TreeView {
     static xtype = "bi.list_tree_view";

src/case/ztree/parttree.js

@@ -1,12 +1,13 @@
+import { isEmpty, shortcut, extend, deepClone, each, isNotEmptyArray, Events, delay, isNull } from "@/core";
+import { Asynctree } from "./asynctree";
+import { TreeView } from "./treeview";
+
 /**
  * guy
  * 局部树，两个请求树， 第一个请求构造树，第二个请求获取节点
  * @class BI.PartTree
  * @extends BI.AsyncTree
  */
-import { isEmpty, shortcut, extend, deepClone, each, isNotEmptyArray, Events, delay, isNull } from "@/core";
-import { Asynctree } from "./asynctree";
-import { TreeView } from "./treeview";
 
 @shortcut()
 export class PartTree extends Asynctree {
@@ -20,14 +21,16 @@ export class PartTree extends Asynctree {
     }
 
     _loadMore() {
-        const self = this, o = this.options;
+        const self = this,
+            o = this.options;
         const op = extend({}, o.paras, {
             type: TreeView.REQ_TYPE_INIT_DATA,
             times: ++this.times,
         });
         this.tip.setLoading();
         o.itemsCreator(op, d => {
-            const hasNext = !!d.hasNext, nodes = d.items || [];
+            const hasNext = !!d.hasNext,
+                nodes = d.items || [];
             o.paras.lastSearchValue = d.lastSearchValue;
             if (self._stop === true) {
                 return;
@@ -44,7 +47,8 @@ export class PartTree extends Asynctree {
     }
 
     _selectTreeNode(...args) {
-        const self = this, o = this.options;
+        const self = this,
+            o = this.options;
         const [treeId, treeNode] = args;
         const parentValues = deepClone(treeNode.parentValues || self._getParentValues(treeNode));
         const name = this._getNodeValue(treeNode);
@@ -52,14 +56,17 @@ export class PartTree extends Asynctree {
         if (treeNode.checked === true) {
             this.options.paras.selectedValues = this._getUnionValue();
             // this._buildTree(self.options.paras.selectedValues, concat(parentValues, name));
-            o.itemsCreator(extend({}, o.paras, {
+            o.itemsCreator(
+                extend({}, o.paras, {
                     type: TreeView.REQ_TYPE_ADJUST_DATA,
                     curSelectedValue: name,
                     parentValues,
-            }), function (res) {
+                }),
+                function (res) {
                     self.options.paras.selectedValues = res;
                     this.seMethos(...args);
-            });
+                }
+            );
         } else {
             // 如果选中的值中不存在该值不处理
             // 因为反正是不选中，没必要管
@@ -75,14 +82,17 @@ export class PartTree extends Asynctree {
                     break;
                 }
             }
-            o.itemsCreator(extend({}, o.paras, {
+            o.itemsCreator(
+                extend({}, o.paras, {
                     type: TreeView.REQ_TYPE_SELECT_DATA,
                     notSelectedValue: name,
                     parentValues,
-            }), new_values => {
+                }),
+                new_values => {
                     self.options.paras.selectedValues = new_values;
                     this.seMethos(...args);
-            });
+                }
+            );
         }
     }
 
@@ -120,7 +130,8 @@ export class PartTree extends Asynctree {
     }
 
     _initTree(setting, keyword) {
-        const self = this, o = this.options;
+        const self = this,
+            o = this.options;
         this.times = 1;
         const tree = this.tree;
         tree.empty();
@@ -135,7 +146,8 @@ export class PartTree extends Asynctree {
             if (self._stop === true || keyword !== o.paras.keyword) {
                 return;
             }
-            const hasNext = !!d.hasNext, nodes = d.items || [];
+            const hasNext = !!d.hasNext,
+                nodes = d.items || [];
             o.paras.lastSearchValue = d.lastSearchValue;
             // 没有请求到数据也要初始化空树, 如果不初始化, 树就是上一次构造的树, 节点信息都是过期的
             callback(nodes.length > 0 ? self._dealWidthNodes(nodes) : []);

src/case/ztree/tree.display.js

@@ -1,3 +1,6 @@
+import { extend } from "@/core";
+import { TreeView } from "./treeview";
+
 /**
  * guy
  * 异步树
@@ -5,9 +8,6 @@
  * @extends BI.TreeView
  */
 
-import { extend } from "@/core";
-import { TreeView } from "./treeview";
-
 export class DisplayTree extends TreeView {
     static xtype = "bi.display_tree";
     static EVENT_CHANGE = "EVENT_CHANGE";
@@ -53,7 +53,9 @@ export class DisplayTree extends TreeView {
             node.isParent = node.isParent || node.parent;
             if (node.text == null) {
                 if (node.count > 0) {
-                    node.text = `${node.value}(${BI.i18nText("BI-Basic_Altogether")}${node.count}${BI.i18nText("BI-Basic_Count")})`;
+                    node.text = `${node.value}(${BI.i18nText("BI-Basic_Altogether")}${node.count}${BI.i18nText(
+                        "BI-Basic_Count"
+                    )})`;
                 }
             }
         });