diff --git a/src/Scoped.tsx b/src/Scoped.tsx
index f96ca47f4..bf1f40936 100644
--- a/src/Scoped.tsx
+++ b/src/Scoped.tsx
@@ -1,43 +1,42 @@
 /**
-* @file 用来创建一个域，在这个域里面会把里面的运行时实例注册进来，方便组件之间的通信。
-* @author fex
-*/
+ * @file 用来创建一个域，在这个域里面会把里面的运行时实例注册进来，方便组件之间的通信。
+ * @author fex
+ */
 
 import React from 'react';
 import find = require('lodash/find');
 import PropTypes from 'prop-types';
 import hoistNonReactStatic = require('hoist-non-react-statics');
 import qs from 'qs';
-import { dataMapping } from './utils/tpl-builtin';
-import { RendererEnv, RendererProps } from './factory';
-import { noop, autobind } from './utils/helper';
-import { RendererData, Action } from './types';
+import {dataMapping} from './utils/tpl-builtin';
+import {RendererEnv, RendererProps} from './factory';
+import {noop, autobind} from './utils/helper';
+import {RendererData, Action} from './types';
 
 interface ScopedComponentType extends React.Component<RendererProps> {
     doAction?: (action: Action, data: RendererData, throwErrors?: boolean) => void;
     receive?: (values: RendererData, subPath?: string) => void;
-    reload?: (subPath?:string, query?:RendererData | null, ctx?: RendererData) => void;
+    reload?: (subPath?: string, query?: RendererData | null, ctx?: RendererData) => void;
 }
 
-
 export interface IScopedContext {
     parent?: AlisIScopedContext;
-    registerComponent: (component:ScopedComponentType) => void;
-    unRegisterComponent: (component:ScopedComponentType) => void;
-    getComponentByName: (name:string) => ScopedComponentType | void;
+    registerComponent: (component: ScopedComponentType) => void;
+    unRegisterComponent: (component: ScopedComponentType) => void;
+    getComponentByName: (name: string) => ScopedComponentType | void;
     getComponents: () => Array<ScopedComponentType>;
-    reload: (target:string, ctx: RendererData) => void;
-    send: (target:string, ctx: RendererData) => void;
-};
+    reload: (target: string, ctx: RendererData) => void;
+    send: (target: string, ctx: RendererData) => void;
+}
 type AlisIScopedContext = IScopedContext;
 export const ScopedContext = React.createContext(createScopedTools(''));
 
-function createScopedTools(path?:string, parent?:AlisIScopedContext, env?: RendererEnv):IScopedContext {
-    const components:Array<ScopedComponentType> = [];
+function createScopedTools(path?: string, parent?: AlisIScopedContext, env?: RendererEnv): IScopedContext {
+    const components: Array<ScopedComponentType> = [];
 
     return {
         parent,
-        registerComponent(component:ScopedComponentType) {
+        registerComponent(component: ScopedComponentType) {
             // 不要把自己注册在自己的 Scoped 上，自己的 Scoped 是给孩子们注册的。
             if (component.props.$path === path && parent) {
                 return parent.registerComponent(component);
@@ -48,7 +47,7 @@ function createScopedTools(path?:string, parent?:AlisIScopedContext, env?: Rende
             }
         },
 
-        unRegisterComponent(component:ScopedComponentType) {
+        unRegisterComponent(component: ScopedComponentType) {
             // 自己本身实际上注册在父级 Scoped 上。
             if (component.props.$path === path && parent) {
                 return parent.unRegisterComponent(component);
@@ -61,7 +60,7 @@ function createScopedTools(path?:string, parent?:AlisIScopedContext, env?: Rende
             }
         },
 
-        getComponentByName(name:string) {
+        getComponentByName(name: string) {
             if (~name.indexOf('.')) {
                 const paths = name.split('.');
                 const len = paths.length;
@@ -69,22 +68,25 @@ function createScopedTools(path?:string, parent?:AlisIScopedContext, env?: Rende
                 return paths.reduce((scope, name, idx) => {
                     if (scope && scope.getComponentByName) {
                         const result = scope.getComponentByName(name);
-                        return result && idx < (len - 1) ? result.context : result;
+                        return result && idx < len - 1 ? result.context : result;
                     }
 
                     return null;
                 }, this);
             }
 
-            const resolved = find(components, component => component.props.name === name || component.props.id === name);
-            return resolved || parent && parent.getComponentByName(name);
+            const resolved = find(
+                components,
+                component => component.props.name === name || component.props.id === name
+            );
+            return resolved || (parent && parent.getComponentByName(name));
         },
 
         getComponents() {
             return components.concat();
         },
 
-        reload(target:string, ctx:any) {
+        reload(target: string, ctx: any) {
             const scoped = this;
 
             if (target === 'window') {
@@ -114,7 +116,7 @@ function createScopedTools(path?:string, parent?:AlisIScopedContext, env?: Rende
             });
         },
 
-        send(receive:string, values:object) {
+        send(receive: string, values: object) {
             const scoped = this;
             let receives = typeof receive === 'string' ? receive.split(/\s*,\s*/) : receive;
 
@@ -131,10 +133,10 @@ function createScopedTools(path?:string, parent?:AlisIScopedContext, env?: Rende
                 const component = scoped.getComponentByName(name);
 
                 if (component && component.receive) {
-                    component.receive(values, subPath)
+                    component.receive(values, subPath);
                 } else if (name === 'window' && env && env.updateLocation) {
-                    const query =  {
-                        ...location.search ? qs.parse(location.search.substring(1)) : {},
+                    const query = {
+                        ...(location.search ? qs.parse(location.search.substring(1)) : {}),
                         ...values
                     };
                     const link = location.pathname + '?' + qs.stringify(query);
@@ -142,24 +144,32 @@ function createScopedTools(path?:string, parent?:AlisIScopedContext, env?: Rende
                 }
             });
         }
-    }
+    };
 }
 
-export function HocScoped<T extends {
-    $path?: string;
-    env: RendererEnv;
-}>(ComposedComponent: React.ComponentType<T>):React.ComponentType<T & {
-    scopeRef?: (ref: any) => void
-}> & {
+export function HocScoped<
+    T extends {
+        $path?: string;
+        env: RendererEnv;
+    }
+>(
     ComposedComponent: React.ComponentType<T>
+): React.ComponentType<
+    T & {
+        scopeRef?: (ref: any) => void;
+    }
+> & {
+    ComposedComponent: React.ComponentType<T>;
 } {
-    class ScopedComponent extends React.Component< T & {
-        scopeRef?: (ref: any) => void
-    }> {
+    class ScopedComponent extends React.Component<
+        T & {
+            scopeRef?: (ref: any) => void;
+        }
+    > {
         static displayName = `Scoped(${ComposedComponent.displayName || ComposedComponent.name})`;
         static contextType = ScopedContext;
         static ComposedComponent = ComposedComponent;
-        ref:any;
+        ref: any;
 
         getWrappedInstance() {
             return this.ref;
@@ -174,7 +184,7 @@ export function HocScoped<T extends {
             this.ref = ref;
         }
 
-        scoped = createScopedTools(this.props.$path, this.context, this.props.env)
+        scoped = createScopedTools(this.props.$path, this.context, this.props.env);
 
         componentWillMount() {
             const scopeRef = this.props.scopeRef;
@@ -187,21 +197,18 @@ export function HocScoped<T extends {
         }
 
         render() {
-            const {
-                scopeRef,
-                ...rest
-            } = this.props;
+            const {scopeRef, ...rest} = this.props;
 
             return (
                 <ScopedContext.Provider value={this.scoped}>
                     <ComposedComponent {...rest as any /* todo */} ref={this.childRef} />
                 </ScopedContext.Provider>
-            )
+            );
         }
     }
 
     hoistNonReactStatic(ScopedComponent, ComposedComponent);
     return ScopedComponent;
-};
+}
 
 export default HocScoped;
diff --git a/src/compat.ts b/src/compat.ts
index 76ac154dd..d7a8d67bb 100644
--- a/src/compat.ts
+++ b/src/compat.ts
@@ -2,39 +2,20 @@
  * @file 兼容配置，对于一些老的 api 设计的得不合理的地方做一些适配。
  * @author fex
  */
-import {
-    SchemaNode,
-    Schema
-} from './types';
-import {
-    RendererProps,
-    RendererConfig,
-    addSchemaFilter
-} from './factory';
-import {
-    CheckboxControlRenderer
-} from './renderers/Form/Checkbox';
-import {
-    FormRenderer
-} from './renderers/Form/index';
-import {
-    FieldSetRenderer
-} from './renderers/Form/FieldSet';
-import {
-    TabsRenderer
-} from './renderers/Form/Tabs';
-import {
-    CardRenderer
-} from './renderers/Card';
-import {
-    ListItemRenderer
-} from './renderers/List';
-import { ButtonGroupControlRenderer } from './renderers/Form/ButtonGroup';
-import { getLevelFromClassName } from './utils/helper';
-import { ServiceRenderer } from './renderers/Form/Service';
+import {SchemaNode, Schema} from './types';
+import {RendererProps, RendererConfig, addSchemaFilter} from './factory';
+import {CheckboxControlRenderer} from './renderers/Form/Checkbox';
+import {FormRenderer} from './renderers/Form/index';
+import {FieldSetRenderer} from './renderers/Form/FieldSet';
+import {TabsRenderer} from './renderers/Form/Tabs';
+import {CardRenderer} from './renderers/Card';
+import {ListItemRenderer} from './renderers/List';
+import {ButtonGroupControlRenderer} from './renderers/Form/ButtonGroup';
+import {getLevelFromClassName} from './utils/helper';
+import {ServiceRenderer} from './renderers/Form/Service';
 
 // 兼容老的用法，老用法 label 用在 checkbox 的右侧内容，新用法用 option 来代替。
-addSchemaFilter(function CheckboxPropsFilter(schema:Schema, renderer) {
+addSchemaFilter(function CheckboxPropsFilter(schema: Schema, renderer) {
     if (renderer.component !== CheckboxControlRenderer) {
         return schema;
     }
@@ -50,12 +31,12 @@ addSchemaFilter(function CheckboxPropsFilter(schema:Schema, renderer) {
     return schema;
 });
 
-function convertFieldSetTabs2Controls(schema:any) {
-    const toUpdate:any = {};
+function convertFieldSetTabs2Controls(schema: any) {
+    const toUpdate: any = {};
     let flag = false;
 
     toUpdate.controls = Array.isArray(schema.controls) ? schema.controls.concat() : [];
-    toUpdate.controls = toUpdate.controls.map((control:any) => {
+    toUpdate.controls = toUpdate.controls.map((control: any) => {
         if (Array.isArray(control)) {
             let converted = convertFieldSetTabs2Controls({
                 type: 'group',
@@ -67,23 +48,26 @@ function convertFieldSetTabs2Controls(schema:any) {
             }
 
             return converted;
-        } 
+        }
         return control;
     });
 
-    schema.fieldSet && (Array.isArray(schema.fieldSet) ? schema.fieldSet : [schema.fieldSet]).forEach((fieldSet:any) => {
-        flag = true;
-        toUpdate.controls.push({
-            ...convertFieldSetTabs2Controls(fieldSet),
-            type: 'fieldSet',
-            collapsable: schema.collapsable
+    schema.fieldSet &&
+        (Array.isArray(schema.fieldSet) ? schema.fieldSet : [schema.fieldSet]).forEach((fieldSet: any) => {
+            flag = true;
+            toUpdate.controls.push({
+                ...convertFieldSetTabs2Controls(fieldSet),
+                type: 'fieldSet',
+                collapsable: schema.collapsable
+            });
         });
-    });
 
-    schema.tabs && (flag = true) && toUpdate.controls.push({
-        type: 'tabs',
-        tabs: schema.tabs.map((tab:any) => convertFieldSetTabs2Controls(tab))
-    });
+    schema.tabs &&
+        (flag = true) &&
+        toUpdate.controls.push({
+            type: 'tabs',
+            tabs: schema.tabs.map((tab: any) => convertFieldSetTabs2Controls(tab))
+        });
 
     if (flag) {
         schema = {
@@ -98,7 +82,7 @@ function convertFieldSetTabs2Controls(schema:any) {
 
 // Form 中，把 fieldSet 和 tabs 转成 {type: 'fieldSet', controls: []}
 // 同时把数组用法转成 {type: 'group', controls: []}
-addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
+addSchemaFilter(function FormPropsFilter(schema: Schema, renderer) {
     if (renderer.component !== FormRenderer) {
         return schema;
     }
@@ -108,7 +92,7 @@ addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
         schema = convertFieldSetTabs2Controls(schema);
     } else if (Array.isArray(schema.controls)) {
         let flag = false;
-        let converted = schema.controls.map((control:any) => {
+        let converted = schema.controls.map((control: any) => {
             if (Array.isArray(control)) {
                 let converted = convertFieldSetTabs2Controls({
                     type: 'group',
@@ -119,7 +103,7 @@ addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
                     flag = true;
                 }
                 return converted;
-            } 
+            }
             return control;
         });
 
@@ -135,14 +119,14 @@ addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
 });
 
 // FieldSet 中把 controls 里面的数组用法转成 {type: 'group', controls: []}
-addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
+addSchemaFilter(function FormPropsFilter(schema: Schema, renderer) {
     if (renderer.component !== FieldSetRenderer) {
         return schema;
     }
 
     if (Array.isArray(schema.controls)) {
         let flag = false;
-        let converted = schema.controls.map((control:any) => {
+        let converted = schema.controls.map((control: any) => {
             if (Array.isArray(control)) {
                 let converted = convertFieldSetTabs2Controls({
                     type: 'group',
@@ -153,7 +137,7 @@ addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
                     flag = true;
                 }
                 return converted;
-            } 
+            }
             return control;
         });
 
@@ -169,16 +153,16 @@ addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
 });
 
 // Form 里面的 Tabs 中把 controls 里面的数组用法转成 {type: 'group', controls: []}
-addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
+addSchemaFilter(function FormPropsFilter(schema: Schema, renderer) {
     if (renderer.component !== TabsRenderer) {
         return schema;
     }
 
     if (Array.isArray(schema.tabs)) {
         let flag = false;
-        let converted = schema.tabs.map((tab:any) => {
+        let converted = schema.tabs.map((tab: any) => {
             let flag2 = false;
-            let converted = (tab.controls || []).map((control:any) => {
+            let converted = (tab.controls || []).map((control: any) => {
                 if (Array.isArray(control)) {
                     let converted = convertFieldSetTabs2Controls({
                         type: 'group',
@@ -189,7 +173,7 @@ addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
                         flag2 = true;
                     }
                     return converted;
-                } 
+                }
                 return control;
             });
 
@@ -215,9 +199,9 @@ addSchemaFilter(function FormPropsFilter(schema:Schema, renderer) {
     return schema;
 });
 
-function convertArray2Hbox(arr:Array<any>):any {
+function convertArray2Hbox(arr: Array<any>): any {
     let flag = false;
-    let converted = arr.map((item:any) => {
+    let converted = arr.map((item: any) => {
         if (Array.isArray(item)) {
             flag = true;
             return convertArray2Hbox(item);
@@ -233,22 +217,21 @@ function convertArray2Hbox(arr:Array<any>):any {
         type: 'hbox',
         columns: converted
     };
-
 }
 
 // CRUD/List  和 CRUD/Card 的 body 中的数组用法转成 hbox
-addSchemaFilter(function(schema:Schema, renderer) {
+addSchemaFilter(function(schema: Schema, renderer) {
     if (renderer.component !== CardRenderer && renderer.component !== ListItemRenderer) {
         return schema;
     }
 
     if (Array.isArray(schema.body)) {
         let flag = false;
-        let converted = schema.body.map((item:any) => {
+        let converted = schema.body.map((item: any) => {
             if (Array.isArray(item)) {
                 flag = true;
                 return convertArray2Hbox(item);
-            } 
+            }
             return item;
         });
 
@@ -264,7 +247,7 @@ addSchemaFilter(function(schema:Schema, renderer) {
 });
 
 // button group 的 btnClassName 和 btnActiveClassName 改成 btnLevel 和 btnActiveLevel 了
-addSchemaFilter(function(scheam:Schema, renderer) {
+addSchemaFilter(function(scheam: Schema, renderer) {
     if (renderer.component !== ButtonGroupControlRenderer) {
         return scheam;
     }
@@ -284,7 +267,7 @@ addSchemaFilter(function(scheam:Schema, renderer) {
 });
 
 // FieldSet  className 定制样式方式改成 size 来配置
-addSchemaFilter(function(scheam:Schema, renderer) {
+addSchemaFilter(function(scheam: Schema, renderer) {
     if (renderer.component !== FieldSetRenderer) {
         return scheam;
     }
@@ -304,7 +287,7 @@ addSchemaFilter(function(scheam:Schema, renderer) {
 });
 
 // FieldSet  className 定制样式方式改成 size 来配置
-addSchemaFilter(function(scheam:Schema, renderer) {
+addSchemaFilter(function(scheam: Schema, renderer) {
     if (renderer.component !== ServiceRenderer) {
         return scheam;
     }
@@ -318,4 +301,4 @@ addSchemaFilter(function(scheam:Schema, renderer) {
     }
 
     return scheam;
-});
\ No newline at end of file
+});
diff --git a/src/components/Alert.tsx b/src/components/Alert.tsx
index 711210780..ff411bc0f 100644
--- a/src/components/Alert.tsx
+++ b/src/components/Alert.tsx
@@ -49,7 +49,7 @@ export class Alert extends React.Component<AlertProps, AlertState> {
         show: false,
         title: '',
         content: '',
-        confirm: false,
+        confirm: false
     };
     constructor(props: AlertProps) {
         super(props);
@@ -66,7 +66,7 @@ export class Alert extends React.Component<AlertProps, AlertState> {
         cancelText: '取消',
         title: '系统消息',
         alertBtnLevel: 'primary',
-        confirmBtnLevel: 'danger',
+        confirmBtnLevel: 'danger'
     };
 
     componentWillMount() {
@@ -100,7 +100,7 @@ export class Alert extends React.Component<AlertProps, AlertState> {
 
         this.setState(
             {
-                show: false,
+                show: false
             },
             isConfirm ? () => this._resolve(confirmed) /*this._reject()*/ : undefined
         );
@@ -111,7 +111,7 @@ export class Alert extends React.Component<AlertProps, AlertState> {
             title,
             content,
             show: true,
-            confirm: false,
+            confirm: false
         });
     }
 
@@ -120,7 +120,7 @@ export class Alert extends React.Component<AlertProps, AlertState> {
             title,
             content,
             show: true,
-            confirm: true,
+            confirm: true
         });
 
         return new Promise(resolve => {
@@ -146,7 +146,7 @@ export class Alert extends React.Component<AlertProps, AlertState> {
             confirmBtnLevel,
             alertBtnLevel,
             classnames: cx,
-            classPrefix,
+            classPrefix
         } = this.props;
         return (
             <Modal show={this.state.show} onHide={this.handleCancel} container={container} ref={this.modalRef}>
diff --git a/src/components/Alert2.tsx b/src/components/Alert2.tsx
index 9759188dc..97b20257b 100644
--- a/src/components/Alert2.tsx
+++ b/src/components/Alert2.tsx
@@ -23,7 +23,7 @@ export class Alert extends React.Component<AlertProps, AlertState> {
     static defaultProps: Pick<AlertProps, 'level' | 'className' | 'showCloseButton'> = {
         level: 'info',
         className: '',
-        showCloseButton: false,
+        showCloseButton: false
     };
     static propsList: Array<string> = ['level', 'className', 'showCloseButton', 'onClose'];
 
@@ -32,14 +32,14 @@ export class Alert extends React.Component<AlertProps, AlertState> {
 
         this.handleClick = this.handleClick.bind(this);
         this.state = {
-            show: true,
+            show: true
         };
     }
 
     handleClick() {
         this.setState(
             {
-                show: false,
+                show: false
             },
             this.props.onClose
         );
diff --git a/src/components/AsideNav.tsx b/src/components/AsideNav.tsx
index 20c4f3e2c..f1e0548eb 100644
--- a/src/components/AsideNav.tsx
+++ b/src/components/AsideNav.tsx
@@ -65,7 +65,7 @@ export class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
                 <div className={cx('AsideNav-tooltip')}>{link.label}</div>
             ) : null,
         isActive: (link: LinkItem) => link.open,
-        isOpen: (item: LinkItemProps) => (item.children ? item.children.some(item => item.open) : false),
+        isOpen: (item: LinkItemProps) => (item.children ? item.children.some(item => item.open) : false)
     };
 
     constructor(props: AsideNavProps) {
@@ -84,12 +84,12 @@ export class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
                         ...item,
                         id: id++,
                         active: isActive,
-                        open: isActive || isOpen(item as LinkItemProps),
+                        open: isActive || isOpen(item as LinkItemProps)
                     };
                 },
                 1,
                 true
-            ),
+            )
         };
 
         this.renderLink = this.renderLink.bind(this);
@@ -113,12 +113,12 @@ export class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
                             ...item,
                             id: id++,
                             active: isActive,
-                            open: isActive || isOpen(item as LinkItemProps),
+                            open: isActive || isOpen(item as LinkItemProps)
                         };
                     },
                     1,
                     true
-                ),
+                )
             });
         }
     }
@@ -134,11 +134,11 @@ export class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
                 this.state.navigations,
                 (item: Navigation) => ({
                     ...item,
-                    open: link.id === item.id ? !item.open : item.open,
+                    open: link.id === item.id ? !item.open : item.open
                 }),
                 1,
                 true
-            ),
+            )
         });
     }
 
@@ -152,7 +152,7 @@ export class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
             toggleExpand: this.toggleExpand,
             depth,
             classnames: cx,
-            ...others,
+            ...others
         });
 
         if (!dom) {
@@ -165,7 +165,7 @@ export class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
                 key={key}
                 className={cx(`AsideNav-item`, link.className, {
                     [`is-open`]: link.open,
-                    [`is-active`]: link.active,
+                    [`is-active`]: link.active
                 })}
             >
                 {dom}
@@ -188,7 +188,7 @@ export class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
                 links.push(
                     React.cloneElement(prefix, {
                         ...prefix.props,
-                        key: `${index}-prefix`,
+                        key: `${index}-prefix`
                     })
                 );
             }
@@ -211,7 +211,7 @@ export class AsideNav extends React.Component<AsideNavProps, AsideNavState> {
                 links.push(
                     React.cloneElement(affix, {
                         ...affix.props,
-                        key: `${index}-affix`,
+                        key: `${index}-affix`
                     })
                 );
             }
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 198c5e4e7..b85bbc275 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -41,7 +41,7 @@ export class Button extends React.Component<ButtonProps> {
         type: 'button',
         placement: 'top',
         tooltipTrigger: ['hover', 'focus'],
-        tooltipRootClose: false,
+        tooltipRootClose: false
     };
 
     renderButton() {
@@ -79,7 +79,7 @@ export class Button extends React.Component<ButtonProps> {
                         [`Button--block`]: block,
                         [`Button--iconOnly`]: iconOnly,
                         'is-disabled': disabled,
-                        'is-active': active,
+                        'is-active': active
                     },
                     className
                 )}
@@ -100,7 +100,7 @@ export class Button extends React.Component<ButtonProps> {
             disabled,
             disabledTip,
             classPrefix,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         return (
diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx
index fc02243b5..e0384fc44 100644
--- a/src/components/Checkbox.tsx
+++ b/src/components/Checkbox.tsx
@@ -12,7 +12,7 @@ const sizeMap = {
     sm: 'i-checks-sm',
     lg: 'i-checks-lg',
     small: 'i-checks-sm',
-    large: 'i-checks-lg',
+    large: 'i-checks-lg'
 };
 
 interface CheckboxProps {
@@ -42,7 +42,7 @@ export class Checkbox extends React.Component<CheckboxProps, any> {
     static defaultProps = {
         trueValue: true,
         falseValue: false,
-        type: 'checkbox',
+        type: 'checkbox'
     };
 
     @autobind
@@ -70,7 +70,7 @@ export class Checkbox extends React.Component<CheckboxProps, any> {
             readOnly,
             checked,
             type,
-            name,
+            name
         } = this.props;
 
         className = (className ? className : '') + (size && sizeMap[size] ? ` ${sizeMap[size]}` : '');
@@ -80,7 +80,7 @@ export class Checkbox extends React.Component<CheckboxProps, any> {
                 className={cx(
                     `${ns}Checkbox ${ns}Checkbox--${type}`,
                     {
-                        [`${ns}Checkbox--full`]: !partial,
+                        [`${ns}Checkbox--full`]: !partial
                     },
                     className
                 )}
@@ -106,4 +106,4 @@ export class Checkbox extends React.Component<CheckboxProps, any> {
     }
 }
 
-export default themeable(Checkbox);
\ No newline at end of file
+export default themeable(Checkbox);
diff --git a/src/components/Checkboxes.tsx b/src/components/Checkboxes.tsx
index e2c396658..fb12454d4 100644
--- a/src/components/Checkboxes.tsx
+++ b/src/components/Checkboxes.tsx
@@ -120,7 +120,7 @@ export class Checkboxes extends React.PureComponent<CheckboxesProps, any> {
         extractValue: false,
         inline: false,
         delimiter: ',',
-        columnsCount: 1, // 一行显示一个
+        columnsCount: 1 // 一行显示一个
     };
 
     toggleOption(option: Option) {
@@ -130,7 +130,7 @@ export class Checkboxes extends React.PureComponent<CheckboxesProps, any> {
             multiple: true,
             valueField,
             delimiter,
-            options,
+            options
         });
         let idx = valueArray.indexOf(option);
 
@@ -140,7 +140,7 @@ export class Checkboxes extends React.PureComponent<CheckboxesProps, any> {
                     multiple: true,
                     valueField,
                     delimiter,
-                    options,
+                    options
                 })[0] || option;
             idx = valueArray.indexOf(option);
         }
@@ -172,14 +172,14 @@ export class Checkboxes extends React.PureComponent<CheckboxesProps, any> {
             placeholder,
             columnsCount,
             disabled,
-            inline,
+            inline
         } = this.props;
 
         let valueArray = value2array(value, {
             multiple: true,
             valueField,
             delimiter,
-            options,
+            options
         });
         let body: Array<React.ReactNode> = [];
 
@@ -219,6 +219,6 @@ export class Checkboxes extends React.PureComponent<CheckboxesProps, any> {
 
 export default themeable(
     uncontrollable(Checkboxes, {
-        value: 'onChange',
+        value: 'onChange'
     })
 );
diff --git a/src/components/Collapse.tsx b/src/components/Collapse.tsx
index 25ae005ad..120e044d4 100644
--- a/src/components/Collapse.tsx
+++ b/src/components/Collapse.tsx
@@ -7,8 +7,8 @@
 import React from 'react';
 import css = require('dom-helpers/style');
 import {ClassNamesFn, themeable} from '../theme';
-import Transition, { EXITED, ENTERING, EXITING } from 'react-transition-group/Transition';
-import { autobind } from '../utils/helper';
+import Transition, {EXITED, ENTERING, EXITING} from 'react-transition-group/Transition';
+import {autobind} from '../utils/helper';
 
 const collapseStyles: {
     [propName: string]: string;
@@ -19,23 +19,20 @@ const collapseStyles: {
 };
 
 export interface CollapseProps {
-    show?: boolean,
-    mountOnEnter?: boolean,
-    unmountOnExit?: boolean,
-    className?: string,
+    show?: boolean;
+    mountOnEnter?: boolean;
+    unmountOnExit?: boolean;
+    className?: string;
     classPrefix: string;
     classnames: ClassNamesFn;
 }
 
 export class Collapse extends React.Component<CollapseProps, any> {
-    static defaultProps: Pick<
-        CollapseProps,
-        'show' | 'mountOnEnter' | 'unmountOnExit'
-    > = {
+    static defaultProps: Pick<CollapseProps, 'show' | 'mountOnEnter' | 'unmountOnExit'> = {
         show: false,
         mountOnEnter: false,
         unmountOnExit: false
-    }
+    };
 
     contentDom: any;
     contentRef = (ref: any) => (this.contentDom = ref);
@@ -71,13 +68,7 @@ export class Collapse extends React.Component<CollapseProps, any> {
     }
 
     render() {
-        const {
-            show,
-            children,
-            classnames: cx,
-            mountOnEnter,
-            unmountOnExit
-        } = this.props;
+        const {show, children, classnames: cx, mountOnEnter, unmountOnExit} = this.props;
 
         return (
             <Transition
@@ -91,7 +82,7 @@ export class Collapse extends React.Component<CollapseProps, any> {
                 onExit={this.handleExit}
                 onExiting={this.handleExiting}
             >
-                {(status:string) => {
+                {(status: string) => {
                     if (status === ENTERING) {
                         this.contentDom.offsetWidth;
                     }
@@ -103,11 +94,11 @@ export class Collapse extends React.Component<CollapseProps, any> {
                             (children as React.ReactElement).props.className,
                             collapseStyles[status]
                         )
-                    })}
-                }
+                    });
+                }}
             </Transition>
         );
     }
 }
 
-export default themeable(Collapse);
\ No newline at end of file
+export default themeable(Collapse);
diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
index c05665839..c12c44ef8 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/ColorPicker.tsx
@@ -40,13 +40,13 @@ export class ColorControl extends React.PureComponent<ColorProps, ColorControlSt
     static defaultProps = {
         format: 'hex',
         clearable: true,
-        placeholder: '请选择颜色',
+        placeholder: '请选择颜色'
         // closeOnSelect: true
     };
     state = {
         isOpened: false,
         isFocused: false,
-        inputValue: this.props.value || '',
+        inputValue: this.props.value || ''
     };
     popover: any;
     closeTimer: number;
@@ -74,21 +74,21 @@ export class ColorControl extends React.PureComponent<ColorProps, ColorControlSt
 
         if (props.value !== nextProps.value) {
             this.setState({
-                inputValue: nextProps.value || '',
+                inputValue: nextProps.value || ''
             });
         }
     }
 
     handleFocus() {
         this.setState({
-            isFocused: true,
+            isFocused: true
         });
     }
 
     handleBlur() {
         this.setState({
             isFocused: false,
-            inputValue: this.props.value,
+            inputValue: this.props.value
         });
     }
 
@@ -106,7 +106,7 @@ export class ColorControl extends React.PureComponent<ColorProps, ColorControlSt
         }
         this.setState(
             {
-                isOpened: true,
+                isOpened: true
             },
             fn
         );
@@ -114,7 +114,7 @@ export class ColorControl extends React.PureComponent<ColorProps, ColorControlSt
 
     close() {
         this.setState({
-            isOpened: false,
+            isOpened: false
         });
     }
 
@@ -132,7 +132,7 @@ export class ColorControl extends React.PureComponent<ColorProps, ColorControlSt
 
         this.setState(
             {
-                inputValue: e.currentTarget.value,
+                inputValue: e.currentTarget.value
             },
             () => {
                 const dom: HTMLElement = this.preview.current as HTMLElement;
@@ -148,7 +148,7 @@ export class ColorControl extends React.PureComponent<ColorProps, ColorControlSt
     handleChange(color: ColorResult) {
         const {
             onChange,
-            format,
+            format
             // closeOnSelect
         } = this.props;
 
@@ -191,7 +191,7 @@ export class ColorControl extends React.PureComponent<ColorProps, ColorControlSt
                     `ColorPicker`,
                     {
                         'is-disabled': disabled,
-                        'is-focused': isFocused,
+                        'is-focused': isFocused
                     },
                     className
                 )}
@@ -251,6 +251,6 @@ export class ColorControl extends React.PureComponent<ColorProps, ColorControlSt
 
 export default themeable(
     uncontrollable(ColorControl, {
-        value: 'onChange',
+        value: 'onChange'
     })
 );
diff --git a/src/components/DatePicker.tsx b/src/components/DatePicker.tsx
index 9d12df209..da3837fb8 100644
--- a/src/components/DatePicker.tsx
+++ b/src/components/DatePicker.tsx
@@ -49,15 +49,19 @@ class BaseDatePicker extends ReactDatePicker {
                 return props;
             };
         }
-        
-        // TODO: Make a function or clean up this code,
-		// logic right now is really hard to follow
-		let className = 'rdt' + (this.props.className ?
-                    ( Array.isArray( this.props.className ) ?
-                    ' ' + this.props.className.join( ' ' ) : ' ' + this.props.className) : ''),
-            children:Array<any> = [];
 
-        if ( this.props.input ) {
+        // TODO: Make a function or clean up this code,
+        // logic right now is really hard to follow
+        let className =
+                'rdt' +
+                (this.props.className
+                    ? Array.isArray(this.props.className)
+                        ? ' ' + this.props.className.join(' ')
+                        : ' ' + this.props.className
+                    : ''),
+            children: Array<any> = [];
+
+        if (this.props.input) {
             var finalInputProps = {
                 type: 'text',
                 className: 'form-control',
@@ -69,23 +73,18 @@ class BaseDatePicker extends ReactDatePicker {
                 ...this.props.inputProps
             };
 
-            if ( this.props.renderInput ) {
-                children = [(
-                    <div key='i'>
-                        {this.props.renderInput(finalInputProps, this.openCalendar, this.closeCalendar)}
-                    </div>
-                )];
-            } else {
-                children= [
-                    <input key="i" {...finalInputProps} />
+            if (this.props.renderInput) {
+                children = [
+                    <div key="i">{this.props.renderInput(finalInputProps, this.openCalendar, this.closeCalendar)}</div>
                 ];
+            } else {
+                children = [<input key="i" {...finalInputProps} />];
             }
         } else {
             className += ' rdtStatic';
         }
 
-        if ( this.state.open )
-            className += ' rdtOpen';
+        if (this.state.open) className += ' rdtOpen';
 
         return (
             <div className={className}>
@@ -127,7 +126,7 @@ interface CustomDaysViewProps {
 
 class CustomDaysView extends React.Component<CustomDaysViewProps> {
     static defaultProps = {
-        classPrefix: 'a-',
+        classPrefix: 'a-'
     };
 
     constructor(props: CustomDaysViewProps) {
@@ -183,7 +182,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
 
             this.props.setDateTimeState({
                 viewDate,
-                selectedDate: viewDate.clone(),
+                selectedDate: viewDate.clone()
             });
             return;
         }
@@ -206,7 +205,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
             viewDate: viewDate
                 .clone()
                 .month(option.value)
-                .startOf('month'),
+                .startOf('month')
         });
     }
 
@@ -223,7 +222,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
         const viewDate = this.props.viewDate;
         const newDate = viewDate.clone().year(option.value);
         this.props.setDateTimeState({
-            viewDate: newDate[newDate.isBefore(viewDate) ? 'endOf' : 'startOf']('year'),
+            viewDate: newDate[newDate.isBefore(viewDate) ? 'endOf' : 'startOf']('year')
         });
     }
 
@@ -233,7 +232,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
 
         this.props.setDateTimeState({
             viewDate: date.clone(),
-            selectedDate: date.clone(),
+            selectedDate: date.clone()
         });
 
         if (!this.props.requiredConfirm) {
@@ -245,7 +244,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
         const date = this.props.viewDate.clone();
 
         this.props.setDateTimeState({
-            selectedDate: date,
+            selectedDate: date
         });
         this.props.onChange(date);
         this.props.onClose && this.props.onClose();
@@ -276,12 +275,12 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
             let currentYear = date.clone().set({
                 year: year,
                 month: irrelevantMonth,
-                date: irrelevantDate,
+                date: irrelevantDate
             });
             const noOfDaysInYear = parseInt(currentYear.endOf('year').format('DDD'), 10);
             const daysInYear = Array.from(
                 {
-                    length: noOfDaysInYear,
+                    length: noOfDaysInYear
                 },
                 (e, i) => i + 1
             );
@@ -303,12 +302,12 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
             let currentYear = date.clone().set({
                 year: year,
                 month: irrelevantMonth,
-                date: irrelevantDate,
+                date: irrelevantDate
             });
             const noOfDaysInYear = parseInt(currentYear.endOf('year').format('DDD'), 10);
             const daysInYear = Array.from(
                 {
-                    length: noOfDaysInYear,
+                    length: noOfDaysInYear
                 },
                 (e, i) => i + 1
             );
@@ -327,7 +326,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
                 value={date.year()}
                 options={years.map(year => ({
                     label: `${year}`,
-                    value: year,
+                    value: year
                 }))}
                 onChange={this.handleYearChange}
                 clearable={false}
@@ -348,7 +347,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
             const currentMonth = date.clone().set({
                 year,
                 month: i,
-                date: 1,
+                date: 1
             });
 
             const noOfDaysInMonth = parseInt(currentMonth.endOf('month').format('D'), 10);
@@ -369,7 +368,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
                 value={date.month()}
                 options={days.map(day => ({
                     label: `${day + 1}`,
-                    value: day,
+                    value: day
                 }))}
                 onChange={this.handleMonthChange}
                 clearable={false}
@@ -484,7 +483,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
             dayProps = {
                 key: prevMonth.format('M_D'),
                 'data-value': prevMonth.date(),
-                className: classes,
+                className: classes
             };
 
             if (!isDisabled) dayProps.onClick = this.handleDayChange;
@@ -532,7 +531,7 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
                 </tr>
             </thead>,
 
-            <tbody key="tb">{this.renderDays()}</tbody>,
+            <tbody key="tb">{this.renderDays()}</tbody>
         ];
 
         footer && tableChildren.push(footer);
@@ -545,13 +544,12 @@ class CustomDaysView extends React.Component<CustomDaysViewProps> {
     }
 }
 
-
 const availableShortcuts: {[propName: string]: any} = {
     today: {
         label: '今天',
         date: (now: moment.Moment) => {
             return now.startOf('day');
-        },
+        }
     },
 
     yesterday: {
@@ -586,15 +584,13 @@ const availableShortcuts: {[propName: string]: any} = {
         label: '90天前',
         date: (now: moment.Moment) => {
             return now.add(-90, 'days');
-        },
+        }
     },
 
     thisweek: {
         label: '本周一',
         date: (now: moment.Moment) => {
-            return now
-                .startOf('week')
-                .add(-1, 'weeks');
+            return now.startOf('week').add(-1, 'weeks');
         }
     },
 
@@ -602,7 +598,7 @@ const availableShortcuts: {[propName: string]: any} = {
         label: '本月初',
         date: (now: moment.Moment) => {
             return now.startOf('month');
-        },
+        }
     },
 
     prevmonth: {
@@ -616,7 +612,7 @@ const availableShortcuts: {[propName: string]: any} = {
         label: '上个季节初',
         date: (now: moment.Moment) => {
             return now.startOf('quarter').add(-1, 'quarter');
-        },
+        }
     },
 
     thisquarter: {
@@ -658,14 +654,13 @@ const availableShortcuts: {[propName: string]: any} = {
         label: '90天后',
         date: (now: moment.Moment) => {
             return now.add(90, 'days');
-        },
+        }
     },
 
     endofthisweek: {
         label: '本周日',
         date: (now: moment.Moment) => {
-            return now
-                .endOf('week');
+            return now.endOf('week');
         }
     },
 
@@ -673,7 +668,7 @@ const availableShortcuts: {[propName: string]: any} = {
         label: '本月底',
         date: (now: moment.Moment) => {
             return now.endOf('month');
-        },
+        }
     }
 };
 
@@ -711,12 +706,14 @@ export interface DatePickerState {
 export class DatePicker extends React.Component<DateProps, DatePickerState> {
     static defaultProps: Pick<DateProps, 'viewMode' | 'shortcuts'> = {
         viewMode: 'days',
-        shortcuts: '',
+        shortcuts: ''
     };
     state: DatePickerState = {
         isOpened: false,
         isFocused: false,
-        value: this.props.value ? (this.props.utc ? moment.utc : moment)(this.props.value, this.props.format) : undefined,
+        value: this.props.value
+            ? (this.props.utc ? moment.utc : moment)(this.props.value, this.props.format)
+            : undefined
     };
     constructor(props: DateProps) {
         super(props);
@@ -741,7 +738,9 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
     componentWillReceiveProps(nextProps: DateProps) {
         if (this.props.value !== nextProps.value) {
             this.setState({
-                value: nextProps.value ? (nextProps.utc ? moment.utc : moment)(nextProps.value, nextProps.format) : undefined,
+                value: nextProps.value
+                    ? (nextProps.utc ? moment.utc : moment)(nextProps.value, nextProps.format)
+                    : undefined
             });
         }
     }
@@ -756,13 +755,13 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
 
     handleFocus() {
         this.setState({
-            isFocused: true,
+            isFocused: true
         });
     }
 
     handleBlur() {
         this.setState({
-            isFocused: false,
+            isFocused: false
         });
     }
 
@@ -785,7 +784,7 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
         this.props.disabled ||
             this.setState(
                 {
-                    isOpened: true,
+                    isOpened: true
                 },
                 fn
             );
@@ -793,7 +792,7 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
 
     close() {
         this.setState({
-            isOpened: false,
+            isOpened: false
         });
     }
 
@@ -824,7 +823,7 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
         }
     }
 
-    selectRannge(item:any) {
+    selectRannge(item: any) {
         const now = moment();
         this.handleChange(item.date(now));
         this.close();
@@ -886,7 +885,7 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
                     `${ns}DatePicker`,
                     {
                         'is-disabled': disabled,
-                        'is-focused': this.state.isFocused,
+                        'is-focused': this.state.isFocused
                     },
                     className
                 )}
@@ -942,7 +941,7 @@ export class DatePicker extends React.Component<DateProps, DatePickerState> {
                                         ))}
                                 </ul>
                             ) : null}
-                            
+
                             <BaseDatePicker
                                 value={date}
                                 onChange={this.handleChange}
diff --git a/src/components/DateRangePicker.tsx b/src/components/DateRangePicker.tsx
index e814e78ce..4b9948370 100644
--- a/src/components/DateRangePicker.tsx
+++ b/src/components/DateRangePicker.tsx
@@ -8,7 +8,7 @@ import React = require('react');
 import moment = require('moment');
 import {findDOMNode} from 'react-dom';
 import cx from 'classnames';
-import { Icon } from './icons';
+import {Icon} from './icons';
 import Overlay from './Overlay';
 import {BaseDatePicker} from './DatePicker';
 import PopOver from './PopOver';
@@ -51,7 +51,7 @@ const availableRanges: {[propName: string]: any} = {
         },
         endDate: (now: moment.Moment) => {
             return now;
-        },
+        }
     },
 
     yesterday: {
@@ -61,7 +61,7 @@ const availableRanges: {[propName: string]: any} = {
         },
         endDate: (now: moment.Moment) => {
             return now.add(-1, 'days').endOf('day');
-        },
+        }
     },
 
     '1dayago': {
@@ -71,7 +71,7 @@ const availableRanges: {[propName: string]: any} = {
         },
         endDate: (now: moment.Moment) => {
             return now;
-        },
+        }
     },
 
     '7daysago': {
@@ -81,7 +81,7 @@ const availableRanges: {[propName: string]: any} = {
         },
         endDate: (now: moment.Moment) => {
             return now;
-        },
+        }
     },
 
     '90daysago': {
@@ -91,22 +91,20 @@ const availableRanges: {[propName: string]: any} = {
         },
         endDate: (now: moment.Moment) => {
             return now;
-        },
+        }
     },
 
     prevweek: {
         label: '上周',
         startDate: (now: moment.Moment) => {
-            return now
-                .startOf('week')
-                .add(-1, 'weeks');
+            return now.startOf('week').add(-1, 'weeks');
         },
         endDate: (now: moment.Moment) => {
             return now
                 .startOf('week')
                 .add(-1, 'days')
                 .endOf('day');
-        },
+        }
     },
 
     thismonth: {
@@ -116,7 +114,7 @@ const availableRanges: {[propName: string]: any} = {
         },
         endDate: (now: moment.Moment) => {
             return now;
-        },
+        }
     },
 
     prevmonth: {
@@ -129,7 +127,7 @@ const availableRanges: {[propName: string]: any} = {
                 .startOf('month')
                 .add(-1, 'day')
                 .endOf('day');
-        },
+        }
     },
 
     prevquarter: {
@@ -142,7 +140,7 @@ const availableRanges: {[propName: string]: any} = {
                 .startOf('quarter')
                 .add(-1, 'day')
                 .endOf('day');
-        },
+        }
     },
 
     thisquarter: {
@@ -152,8 +150,8 @@ const availableRanges: {[propName: string]: any} = {
         },
         endDate: (now: moment.Moment) => {
             return now;
-        },
-    },
+        }
+    }
 };
 
 export class DateRangePicker extends React.Component<DateRangePickerProps, DateRangePickerState> {
@@ -166,7 +164,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
         delimiter: ',',
         ranges: 'yesterday,7daysago,prevweek,thismonth,prevmonth,prevquarter',
         iconClassName: 'fa fa-calendar',
-        resetValue: '',
+        resetValue: ''
     };
 
     innerDom: any;
@@ -187,7 +185,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
         if (!value) {
             return {
                 startDate: undefined,
-                endDate: undefined,
+                endDate: undefined
             };
         }
 
@@ -197,7 +195,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
 
         return {
             startDate: value[0] ? moment(value[0], format) : undefined,
-            endDate: value[1] ? moment(value[1], format) : undefined,
+            endDate: value[1] ? moment(value[1], format) : undefined
         };
     }
 
@@ -226,7 +224,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
         this.state = {
             isOpened: false,
             isFocused: false,
-            ...DateRangePicker.unFormatValue(value, format, joinValues, delimiter),
+            ...DateRangePicker.unFormatValue(value, format, joinValues, delimiter)
         };
     }
 
@@ -236,7 +234,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
 
         if (props.value !== value) {
             this.setState({
-                ...DateRangePicker.unFormatValue(value, format, joinValues, delimiter),
+                ...DateRangePicker.unFormatValue(value, format, joinValues, delimiter)
             });
         }
     }
@@ -259,13 +257,13 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
 
     handleFocus() {
         this.setState({
-            isFocused: true,
+            isFocused: true
         });
     }
 
     handleBlur() {
         this.setState({
-            isFocused: false,
+            isFocused: false
         });
     }
 
@@ -275,14 +273,14 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
         }
 
         this.setState({
-            isOpened: true,
+            isOpened: true
         });
     }
 
     close() {
         this.setState(
             {
-                isOpened: false,
+                isOpened: false
             },
             this.blur
         );
@@ -314,7 +312,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
             DateRangePicker.formatValue(
                 {
                     startDate: this.state.startDate,
-                    endDate: this.state.endDate,
+                    endDate: this.state.endDate
                 },
                 this.props.format,
                 this.props.joinValues,
@@ -326,14 +324,14 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
 
     handleStartChange(newValue: any) {
         this.setState({
-            startDate: newValue.clone(),
+            startDate: newValue.clone()
         });
     }
 
     handleEndChange(newValue: any) {
         newValue = !this.state.endDate && !this.props.timeFormat ? newValue.endOf('day') : newValue;
         this.setState({
-            endDate: newValue.clone(),
+            endDate: newValue.clone()
         });
     }
 
@@ -344,7 +342,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
         const now = moment();
         this.setState({
             startDate: range.startDate(now.clone()),
-            endDate: range.endDate(now.clone()),
+            endDate: range.endDate(now.clone())
         });
     }
 
@@ -403,7 +401,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
             timeFormat,
             ranges,
             disabled,
-            iconClassName,
+            iconClassName
         } = this.props;
 
         const {isOpened, isFocused, startDate, endDate} = this.state;
@@ -425,7 +423,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
                     `${ns}DateRangePicker`,
                     {
                         'is-disabled': disabled,
-                        'is-focused': isFocused,
+                        'is-focused': isFocused
                     },
                     className
                 )}
@@ -520,7 +518,7 @@ export class DateRangePicker extends React.Component<DateRangePickerProps, DateR
                                 <div key="button" className={`${ns}DateRangePicker-actions`}>
                                     <a
                                         className={cx('rdtBtn rdtBtnConfirm', {
-                                            'is-disabled': !this.state.startDate || !this.state.endDate,
+                                            'is-disabled': !this.state.startDate || !this.state.endDate
                                         })}
                                         onClick={this.confirm}
                                     >
diff --git a/src/components/Drawer.tsx b/src/components/Drawer.tsx
index cf7bd0d38..47f2d872b 100644
--- a/src/components/Drawer.tsx
+++ b/src/components/Drawer.tsx
@@ -38,20 +38,20 @@ const fadeStyles: {
     [propName: string]: string;
 } = {
     [ENTERING]: 'in',
-    [ENTERED]: 'in',
+    [ENTERED]: 'in'
 };
 export class Drawer extends React.Component<DrawerProps, DrawerState> {
     static defaultProps: Pick<
         DrawerProps,
         'container' | 'position' | 'size' | 'overlay' | 'disableOnClickOutside' | 'enableOnClickOutside'
     > = {
-            container: document.body,
-            position: 'left',
-            size: 'md',
-            overlay: true,
-            disableOnClickOutside: noop,
-            enableOnClickOutside: noop,
-        };
+        container: document.body,
+        position: 'left',
+        size: 'md',
+        overlay: true,
+        disableOnClickOutside: noop,
+        enableOnClickOutside: noop
+    };
 
     contentDom: any;
 
@@ -111,7 +111,7 @@ export class Drawer extends React.Component<DrawerProps, DrawerState> {
             size,
             onHide,
             disabled,
-            overlay,
+            overlay
         } = this.props;
 
         return (
@@ -141,7 +141,7 @@ export class Drawer extends React.Component<DrawerProps, DrawerState> {
                                     {
                                         [`${ns}Drawer--${position}`]: position,
                                         [`${ns}Drawer--${size}`]: size,
-                                        [`${ns}Drawer--noOverlay`]: !overlay,
+                                        [`${ns}Drawer--noOverlay`]: !overlay
                                     },
                                     className
                                 )}
diff --git a/src/components/Html.tsx b/src/components/Html.tsx
index 2ab142277..23f7925a3 100644
--- a/src/components/Html.tsx
+++ b/src/components/Html.tsx
@@ -20,7 +20,7 @@ export interface HtmlProps {
 
 export class Html extends React.Component<HtmlProps> {
     static defaultProps = {
-        inline: true,
+        inline: true
     };
 
     dom: any;
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 7b41de74a..48d9a10ca 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -53,7 +53,7 @@ export function Layout({
     boxed,
     classnames: cx,
     bodyClassName
-}:LayoutProps) {
+}: LayoutProps) {
     let body = <div className={cx(`Layout-body`, contentClassName)}>{children}</div>;
 
     if (aside) {
@@ -68,7 +68,7 @@ export function Layout({
         bodyClassName && document.body.classList.add(bodyClassName);
 
         return () => {
-            bodyClassName && document.body.classList.remove(bodyClassName)
+            bodyClassName && document.body.classList.remove(bodyClassName);
         };
     }, [bodyClassName]);
 
@@ -82,7 +82,7 @@ export function Layout({
                 'Layout--folded': folded,
                 'Layout--offScreen': offScreen,
                 [`Layout--${size}`]: size,
-                'Layout--noFooter': !footer,
+                'Layout--noFooter': !footer
             })}
         >
             {header ? <div className={cx('Layout-header')}>{header}</div> : null}
@@ -111,7 +111,7 @@ Layout.defaultProps = {
     asideClassName: '',
     headerFixed: true,
     offScreen: false,
-    footer: false,
+    footer: false
 };
 
-export default themeable(Layout);
\ No newline at end of file
+export default themeable(Layout);
diff --git a/src/components/LazyComponent.tsx b/src/components/LazyComponent.tsx
index c640526f8..8f65d2a8a 100644
--- a/src/components/LazyComponent.tsx
+++ b/src/components/LazyComponent.tsx
@@ -26,10 +26,10 @@ export default class LazyComponent extends React.Component<LazyComponentProps, L
     static defaultProps = {
         placeholder: '加载中...',
         unMountOnHidden: false,
-        partialVisibility: true,
+        partialVisibility: true
     };
 
-    mounted:boolean = false;
+    mounted: boolean = false;
     constructor(props: LazyComponentProps) {
         super(props);
 
@@ -37,7 +37,7 @@ export default class LazyComponent extends React.Component<LazyComponentProps, L
 
         this.state = {
             visible: false,
-            component: props.component as React.ReactType,
+            component: props.component as React.ReactType
         };
     }
 
@@ -51,7 +51,7 @@ export default class LazyComponent extends React.Component<LazyComponentProps, L
 
     handleVisibleChange(visible: boolean) {
         this.setState({
-            visible: visible,
+            visible: visible
         });
 
         if (!visible || this.state.component || !this.props.getComponent) {
@@ -60,15 +60,20 @@ export default class LazyComponent extends React.Component<LazyComponentProps, L
 
         this.props
             .getComponent()
-            .then(component =>
-                this.mounted && typeof component === 'function' && this.setState({
-                    component: component,
-                })
+            .then(
+                component =>
+                    this.mounted &&
+                    typeof component === 'function' &&
+                    this.setState({
+                        component: component
+                    })
             )
-            .catch(reason =>
-                this.mounted && this.setState({
-                    component: () => <div className="alert alert-danger">{String(reason)}</div>,
-                })
+            .catch(
+                reason =>
+                    this.mounted &&
+                    this.setState({
+                        component: () => <div className="alert alert-danger">{String(reason)}</div>
+                    })
             );
     }
 
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index 2ababdb60..f419a8b22 100644
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -30,13 +30,13 @@ const fadeStyles: {
     [propName: string]: string;
 } = {
     [ENTERING]: 'in',
-    [ENTERED]: 'in',
+    [ENTERED]: 'in'
 };
 export class Modal extends React.Component<ModalProps, ModalState> {
     static defaultProps = {
         container: document.body,
         size: '',
-        overlay: true,
+        overlay: true
     };
 
     contentDom: any;
@@ -105,7 +105,7 @@ export class Modal extends React.Component<ModalProps, ModalState> {
                                 className={cx(
                                     `amis-dialog-widget ${ns}Modal`,
                                     {
-                                        [`${ns}Modal--${size}`]: size,
+                                        [`${ns}Modal--${size}`]: size
                                     },
                                     className
                                 )}
diff --git a/src/components/Overlay.tsx b/src/components/Overlay.tsx
index 142293970..86068d37b 100644
--- a/src/components/Overlay.tsx
+++ b/src/components/Overlay.tsx
@@ -19,7 +19,7 @@ Position.prototype.updatePosition = function(target: any) {
             positionLeft: 0,
             positionTop: 0,
             arrowOffsetLeft: null,
-            arrowOffsetTop: null,
+            arrowOffsetTop: null
         });
     }
 
diff --git a/src/components/PopOver.tsx b/src/components/PopOver.tsx
index e50521887..057b77134 100644
--- a/src/components/PopOver.tsx
+++ b/src/components/PopOver.tsx
@@ -7,7 +7,7 @@
 import React from 'react';
 import {findDOMNode} from 'react-dom';
 import {ClassNamesFn, themeable} from '../theme';
-import { camel } from '../utils/helper';
+import {camel} from '../utils/helper';
 
 export interface Offset {
     x: number;
@@ -41,18 +41,18 @@ export class PopOver extends React.PureComponent<PopOverPorps, PopOverState> {
         className: '',
         offset: {
             x: 0,
-            y: 0,
+            y: 0
         },
         overlay: false,
-        placement: 'bottom',
+        placement: 'bottom'
     };
 
     state = {
         xOffset: 0,
-        yOffset: 0,
+        yOffset: 0
     };
 
-    parent:HTMLElement;
+    parent: HTMLElement;
 
     componentDidMount() {
         this.mayUpdateOffset();
@@ -79,14 +79,14 @@ export class PopOver extends React.PureComponent<PopOverPorps, PopOverState> {
             offset = getOffset((findDOMNode(this) as HTMLElement).getBoundingClientRect(), {
                 x,
                 y,
-                placement,
+                placement
             });
         } else {
             offset = getOffset as Offset;
         }
         this.setState({
-            xOffset: (offset && offset.x) ? (offset as Offset).x : 0,
-            yOffset: (offset && offset.y) ? (offset as Offset).y : 0,
+            xOffset: offset && offset.x ? (offset as Offset).x : 0,
+            yOffset: offset && offset.y ? (offset as Offset).y : 0
         });
     }
 
@@ -114,11 +114,15 @@ export class PopOver extends React.PureComponent<PopOverPorps, PopOverState> {
             display: 'block',
             ...style,
             top: (positionTop as number) + yOffset,
-            left: (positionLeft as number) + xOffset,
+            left: (positionLeft as number) + xOffset
         };
 
         return (
-            <div className={cx(`${ns}PopOver`, className, `${ns}PopOver--${camel(activePlacement)}`)} style={outerStyle} {...rest}>
+            <div
+                className={cx(`${ns}PopOver`, className, `${ns}PopOver--${camel(activePlacement)}`)}
+                style={outerStyle}
+                {...rest}
+            >
                 {overlay ? <div className={`${ns}PopOver-overlay`} onClick={onHide} /> : null}
                 {children}
             </div>
diff --git a/src/components/Radios.tsx b/src/components/Radios.tsx
index 2326f35d8..a612fa979 100644
--- a/src/components/Radios.tsx
+++ b/src/components/Radios.tsx
@@ -39,24 +39,17 @@ export class Radios extends React.Component<RadioProps, any> {
     static defaultProps = {
         joinValues: true,
         clearable: false,
-        columnsCount: 1, // 一行显示一个
+        columnsCount: 1 // 一行显示一个
     };
 
     toggleOption(option: Option) {
-        const {
-            value,
-            onChange,
-            valueField,
-            clearable,
-            delimiter,
-            options
-        } = this.props;
+        const {value, onChange, valueField, clearable, delimiter, options} = this.props;
 
         let valueArray = value2array(value, {
             multiple: false,
             delimiter,
             valueField,
-            options,
+            options
         });
         const idx = valueArray.indexOf(option);
 
@@ -71,36 +64,26 @@ export class Radios extends React.Component<RadioProps, any> {
         onChange && onChange(newValue);
     }
 
-    renderGroup(option:Option, index:number, valueArray: Array<Option>) {
-        const {
-            classnames: cx
-        } = this.props;
+    renderGroup(option: Option, index: number, valueArray: Array<Option>) {
+        const {classnames: cx} = this.props;
 
         return (
-            <div key={index} className={cx("RadiosControl-group", option.className)}>
-                <label className={cx("RadiosControl-groupLabel", option.labelClassName)}>{option.label}</label>
+            <div key={index} className={cx('RadiosControl-group', option.className)}>
+                <label className={cx('RadiosControl-groupLabel', option.labelClassName)}>{option.label}</label>
 
-                {
-                    option.children && option.children.length 
-                        ? option.children.map((option, index) => this.renderItem(option, index, valueArray)) 
-                        : null
-                }
+                {option.children && option.children.length
+                    ? option.children.map((option, index) => this.renderItem(option, index, valueArray))
+                    : null}
             </div>
         );
     }
 
-    renderItem(option:Option, index:number, valueArray: Array<Option>) {
+    renderItem(option: Option, index: number, valueArray: Array<Option>) {
         if (option.children) {
             return this.renderGroup(option, index, valueArray);
         }
 
-
-        const {
-            disabled,
-            inline,
-            itemClassName,
-            classnames: cx
-        } = this.props;
+        const {disabled, inline, itemClassName, classnames: cx} = this.props;
 
         return (
             <Checkbox
@@ -129,14 +112,14 @@ export class Radios extends React.Component<RadioProps, any> {
             inline,
             delimiter,
             valueField,
-            classPrefix,
+            classPrefix
         } = this.props;
 
         let valueArray = value2array(value, {
             multiple: false,
             delimiter,
             valueField,
-            options,
+            options
         });
         let body: Array<React.ReactNode> = [];
 
@@ -150,7 +133,9 @@ export class Radios extends React.Component<RadioProps, any> {
             body = chunk(body, columnsCount).map((group, groupIndex) => (
                 <div className={cx('Grid')} key={groupIndex}>
                     {Array.from({length: columnsCount as number}).map((_, index) => (
-                        <div key={index} className={cx(cellClassName)}>{group[index]}</div>
+                        <div key={index} className={cx(cellClassName)}>
+                            {group[index]}
+                        </div>
                     ))}
                 </div>
             ));
@@ -162,6 +147,6 @@ export class Radios extends React.Component<RadioProps, any> {
 
 export default themeable(
     uncontrollable(Radios, {
-        value: 'onChange',
+        value: 'onChange'
     })
 );
diff --git a/src/components/Range.tsx b/src/components/Range.tsx
index 8dc49b78e..f618c9fe5 100644
--- a/src/components/Range.tsx
+++ b/src/components/Range.tsx
@@ -16,10 +16,12 @@ interface RangeProps extends RendererProps {
     className?: string;
     min: number;
     max: number;
-    value: {
-        min: number,
-        max: number
-    } | number;
+    value:
+        | {
+              min: number;
+              max: number;
+          }
+        | number;
     classPrefix: string;
     classnames: ClassNamesFn;
 }
@@ -27,7 +29,7 @@ interface RangeProps extends RendererProps {
 export class Range extends React.Component<RangeProps, any> {
     static defaultProps: Partial<RangeProps> = {
         min: 1,
-        max: 100,
+        max: 100
     };
 
     render() {
@@ -43,7 +45,7 @@ export class Range extends React.Component<RangeProps, any> {
             slider: `${ns}InputRange-slider`,
             sliderContainer: `${ns}InputRange-sliderContainer`,
             track: `${ns}InputRange-track ${ns}InputRange-track--background`,
-            valueLabel: `${ns}InputRange-label ${ns}InputRange-label--value`,
+            valueLabel: `${ns}InputRange-label ${ns}InputRange-label--value`
         };
 
         return (
@@ -62,6 +64,6 @@ export class Range extends React.Component<RangeProps, any> {
 
 export default themeable(
     uncontrollable(Range, {
-        value: 'onChange',
+        value: 'onChange'
     })
 );
diff --git a/src/components/Rating.tsx b/src/components/Rating.tsx
index 87bd3112c..1599474e5 100644
--- a/src/components/Rating.tsx
+++ b/src/components/Rating.tsx
@@ -33,7 +33,7 @@ export class Rating extends React.Component<RatingProps, any> {
         value: 0,
         count: 5,
         char: '★',
-        size: 24,
+        size: 24
     };
 
     constructor(props: RatingProps) {
@@ -44,8 +44,8 @@ export class Rating extends React.Component<RatingProps, any> {
             stars: [],
             halfStar: {
                 at: Math.floor(props.value),
-                hidden: props.half && props.value % 1 < 0.5,
-            },
+                hidden: props.half && props.value % 1 < 0.5
+            }
         };
 
         this.getRate = this.getRate.bind(this);
@@ -59,7 +59,7 @@ export class Rating extends React.Component<RatingProps, any> {
     componentDidMount() {
         const {value} = this.state;
         this.setState({
-            stars: this.getStars(value),
+            stars: this.getStars(value)
         });
     }
 
@@ -69,8 +69,8 @@ export class Rating extends React.Component<RatingProps, any> {
             value: props.value,
             halfStar: {
                 at: Math.floor(props.value),
-                hidden: props.half && props.value % 1 < 0.5,
-            },
+                hidden: props.half && props.value % 1 < 0.5
+            }
         });
     }
 
@@ -94,7 +94,7 @@ export class Rating extends React.Component<RatingProps, any> {
         const {count} = this.props;
         for (let i = 0; i < count; i++) {
             stars.push({
-                active: i <= activeCount - 1,
+                active: i <= activeCount - 1
             });
         }
         return stars;
@@ -110,14 +110,14 @@ export class Rating extends React.Component<RatingProps, any> {
             this.setState({
                 halfStar: {
                     at: index,
-                    hidden: isAtHalf,
-                },
+                    hidden: isAtHalf
+                }
             });
         } else {
             index = index + 1;
         }
         this.setState({
-            stars: this.getStars(index),
+            stars: this.getStars(index)
         });
     }
 
@@ -136,12 +136,12 @@ export class Rating extends React.Component<RatingProps, any> {
             this.setState({
                 halfStar: {
                     at: Math.floor(value),
-                    hidden: value % 1 === 0, // check value is decimal or not
-                },
+                    hidden: value % 1 === 0 // check value is decimal or not
+                }
             });
         }
         this.setState({
-            stars: this.getStars(),
+            stars: this.getStars()
         });
     }
 
@@ -157,15 +157,15 @@ export class Rating extends React.Component<RatingProps, any> {
             this.setState({
                 halfStar: {
                     at: index,
-                    hidden: isAtHalf,
-                },
+                    hidden: isAtHalf
+                }
             });
         } else {
             value = index = index + 1;
         }
         this.setState({
             value: value,
-            stars: this.getStars(index),
+            stars: this.getStars(index)
         });
         onChange && onChange(value);
     }
@@ -177,7 +177,7 @@ export class Rating extends React.Component<RatingProps, any> {
             let className = cx('Rating', {
                 'Rating-half': half && !halfStar.hidden && halfStar.at === i,
                 'is-active': star.active,
-                'is-disabled': readOnly,
+                'is-disabled': readOnly
             });
 
             return (
diff --git a/src/components/RichText.tsx b/src/components/RichText.tsx
index 0a077afe8..eec4b2b4b 100644
--- a/src/components/RichText.tsx
+++ b/src/components/RichText.tsx
@@ -56,7 +56,7 @@ export default class FroalaEditor extends React.Component<any, any> {
     $editor: any = null;
     config: any = {
         immediateReactModelUpdate: false,
-        reactIgnoreAttrs: null,
+        reactIgnoreAttrs: null
     };
     editorInitialized: boolean = false;
     oldModel: any = null;
@@ -203,8 +203,8 @@ export default class FroalaEditor extends React.Component<any, any> {
         url_regex: '',
         url_text: '',
         html:
-            '<span class="fr-video fr-dvb fr-draggable" contenteditable="false" draggable="true"><video class="fr-draggable" controls="" data-msg="ok" data-status="0" src="{url}" style="width: 600px;"></video></span>',
-    },
+            '<span class="fr-video fr-dvb fr-draggable" contenteditable="false" draggable="true"><video class="fr-draggable" controls="" data-msg="ok" data-status="0" src="{url}" style="width: 600px;"></video></span>'
+    }
 ];
 ($ as any).FE.LANGUAGE['zh_cn'] = {
     translation: {
@@ -430,7 +430,7 @@ export default class FroalaEditor extends React.Component<any, any> {
         Decrease: '\u5220\u9664\u5f15\u7528',
 
         // Quick Insert
-        'Quick Insert': '\u5feb\u63d2',
+        'Quick Insert': '\u5feb\u63d2'
     },
-    direction: 'ltr',
+    direction: 'ltr'
 };
diff --git a/src/components/Select.tsx b/src/components/Select.tsx
index cba3b2660..423f6fce7 100644
--- a/src/components/Select.tsx
+++ b/src/components/Select.tsx
@@ -44,7 +44,7 @@ export interface OptionProps {
     delimiter?: string;
     clearable?: boolean;
     placeholder?: string;
-    autoFill?: {[propName:string]: any}
+    autoFill?: {[propName: string]: any};
 }
 
 export type OptionValue = string | number | null | undefined | Option;
@@ -67,7 +67,7 @@ export function value2array(value: OptionValue | Array<OptionValue>, props: Part
     } else if (Array.isArray(value)) {
         value = value[0];
     }
-    
+
     let expandedValue = expandValue(value as OptionValue, props);
     return expandedValue ? [expandedValue] : [];
 }
@@ -92,18 +92,18 @@ export function normalizeOptions(options: string | {[propName: string]: string}
     if (typeof options === 'string') {
         return options.split(',').map(item => ({
             label: item,
-            value: item,
+            value: item
         }));
     } else if (Array.isArray(options as Array<string>) && typeof (options as Array<string>)[0] === 'string') {
         return (options as Array<string>).map(item => ({
             label: item,
-            value: item,
+            value: item
         }));
     } else if (Array.isArray(options as Options)) {
         return (options as Options).map(item => {
             let option = {
                 ...item,
-                value: item && item.value,
+                value: item && item.value
             };
 
             if (typeof option.children !== 'undefined') {
@@ -115,7 +115,7 @@ export function normalizeOptions(options: string | {[propName: string]: string}
     } else if (isPlainObject(options)) {
         return Object.keys(options).map(key => ({
             label: (options as {[propName: string]: string})[key] as string,
-            value: key,
+            value: key
         }));
     }
 
@@ -154,7 +154,7 @@ interface SelectProps {
     checkAll?: boolean;
     checkAllLabel?: string;
     defaultCheckAll?: boolean;
-    simpleValue?: boolean; 
+    simpleValue?: boolean;
 }
 
 interface SelectState {
@@ -214,7 +214,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
             isFocused: false,
             inputValue: '',
             highlightedIndex: -1,
-            selection: value2array(props.value, props),
+            selection: value2array(props.value, props)
         };
     }
 
@@ -224,9 +224,12 @@ export class Select extends React.Component<SelectProps, SelectState> {
 
         if (multiple && checkAll && defaultCheckAll && options.length) {
             selection = union(options, selection);
-            this.setState({
-                selection: selection
-            }, () => onChange(simpleValue ? selection.map(item => item.value) : selection));
+            this.setState(
+                {
+                    selection: selection
+                },
+                () => onChange(simpleValue ? selection.map(item => item.value) : selection)
+            );
         }
 
         loadOptions && loadOptions('');
@@ -237,7 +240,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
 
         if (props.value !== nextProps.value || JSON.stringify(props.options) !== JSON.stringify(nextProps.options)) {
             this.setState({
-                selection: value2array(nextProps.value, nextProps),
+                selection: value2array(nextProps.value, nextProps)
             });
         }
     }
@@ -245,24 +248,24 @@ export class Select extends React.Component<SelectProps, SelectState> {
     open() {
         this.props.disabled ||
             this.setState({
-                isOpen: true,
+                isOpen: true
             });
     }
 
     close() {
         this.setState({
-            isOpen: false,
+            isOpen: false
         });
     }
 
     toggle(e?: React.MouseEvent<HTMLDivElement>) {
-        if (e && this.menu.current && this.menu.current.contains(e.target as HTMLElement))  {
+        if (e && this.menu.current && this.menu.current.contains(e.target as HTMLElement)) {
             return;
         }
 
         this.props.disabled ||
             this.setState({
-                isOpen: !this.state.isOpen,
+                isOpen: !this.state.isOpen
             });
     }
 
@@ -270,7 +273,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
         this.props.disabled ||
             this.setState(
                 {
-                    isFocused: true,
+                    isFocused: true
                 },
                 this.focus
             );
@@ -281,7 +284,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
     onBlur(e: any) {
         this.setState({
             isFocused: false,
-            inputValue: '',
+            inputValue: ''
         });
 
         this.props.onBlur && this.props.onBlur(e);
@@ -333,7 +336,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
 
         this.setState(
             {
-                inputValue: evt.currentTarget.value,
+                inputValue: evt.currentTarget.value
             },
             () => loadOptions && loadOptions(this.state.inputValue)
         );
@@ -456,7 +459,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
             multiple,
             classnames: cx,
             checkAll,
-            checkAllLabel,
+            checkAllLabel
         } = this.props;
         const {selection} = this.state;
 
@@ -465,7 +468,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
         let filtedOptions: Array<Option> =
             inputValue && isOpen && !loadOptions
                 ? matchSorter(options, inputValue, {
-                      keys: [labelField || 'label', valueField || 'value'],
+                      keys: [labelField || 'label', valueField || 'value']
                   })
                 : options.concat();
 
@@ -480,11 +483,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
             }
         }
 
-        if (
-            inputValue &&
-            creatable &&
-            !find(options, (item) => item[labelField || 'label'] == inputValue)
-        ) {
+        if (inputValue && creatable && !find(options, item => item[labelField || 'label'] == inputValue)) {
             filtedOptions.unshift({
                 [labelField]: inputValue,
                 [valueField]: inputValue,
@@ -507,7 +506,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
                 ) : null}
                 {filtedOptions.length ? (
                     filtedOptions.map((item, index) => {
-                        const checked = checkAll ? selection.some((o:Option) => o.value == item.value) : false;
+                        const checked = checkAll ? selection.some((o: Option) => o.value == item.value) : false;
 
                         return (
                             <div
@@ -515,14 +514,14 @@ export class Select extends React.Component<SelectProps, SelectState> {
                                     key: index,
                                     index,
                                     item,
-                                    disabled: item.disabled,
+                                    disabled: item.disabled
                                 })}
                                 className={cx(`Select-option`, {
                                     'is-disabled': item.disabled,
                                     'is-highlight': highlightedIndex === index,
                                     'is-active':
                                         selectedItem === item ||
-                                        (Array.isArray(selectedItem) && ~selectedItem.indexOf(item)),
+                                        (Array.isArray(selectedItem) && ~selectedItem.indexOf(item))
                                 })}
                             >
                                 {checkAll ? (
@@ -540,10 +539,16 @@ export class Select extends React.Component<SelectProps, SelectState> {
                                 ) : item.isNew ? (
                                     promptTextCreator(item.label as string)
                                 ) : (
-                                    <span>{item.disabled ? item.label : highlight(item[labelField], inputValue as string, cx('Select-option-hl'))}{item.tip}</span>
+                                    <span>
+                                        {item.disabled
+                                            ? item.label
+                                            : highlight(item[labelField], inputValue as string, cx('Select-option-hl'))}
+                                        {item.tip}
+                                    </span>
                                 )}
                             </div>
-                    )})
+                        );
+                    })
                 ) : (
                     <div className={cx('Select-option Select-option--placeholder')}>{noResultsText}</div>
                 )}
@@ -578,7 +583,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
             spinnerClassName,
             clearable,
             labelField,
-            disabled,
+            disabled
         } = this.props;
 
         const selection = this.state.selection;
@@ -612,7 +617,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
                                     [`Select--searchable`]: searchable,
                                     'is-opened': isOpen,
                                     'is-focused': this.state.isFocused,
-                                    'is-disabled': disabled,
+                                    'is-disabled': disabled
                                 },
                                 className
                             )}
@@ -631,7 +636,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
                                                 }
                                             },
                                             onChange: this.handleInputChange,
-                                            ref: this.inputRef,
+                                            ref: this.inputRef
                                         })}
                                     />
                                 ) : null}
@@ -659,6 +664,6 @@ export class Select extends React.Component<SelectProps, SelectState> {
 
 export default themeable(
     uncontrollable(Select, {
-        value: 'onChange',
+        value: 'onChange'
     })
 );
diff --git a/src/components/Spinner.tsx b/src/components/Spinner.tsx
index 8b3885cd0..ddc564bbe 100644
--- a/src/components/Spinner.tsx
+++ b/src/components/Spinner.tsx
@@ -24,7 +24,7 @@ export class Spinner extends React.Component<SpinnerProps, object> {
         overlay: false,
         spinnerClassName: '',
         mode: '',
-        size: '',
+        size: ''
     };
 
     render() {
@@ -34,7 +34,7 @@ export class Spinner extends React.Component<SpinnerProps, object> {
             <div
                 className={cx(`${ns}Spinner`, spinnerClassName, {
                     [`Spinner--${mode}`]: !!mode,
-                    [`Spinner--${size}`]: !!size,
+                    [`Spinner--${size}`]: !!size
                 })}
             />
         );
diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx
index 35e62e434..8fd45f91e 100644
--- a/src/components/Switch.tsx
+++ b/src/components/Switch.tsx
@@ -13,13 +13,13 @@ const sizeMap = {
     md: 'i-switch-md',
     lg: 'i-switch-lg',
     middle: 'i-switch-md',
-    large: 'i-switch-lg',
+    large: 'i-switch-lg'
 };
 
 const levelMap = {
     info: 'bg-info',
     primary: 'bg-primary',
-    danger: 'bg-danger',
+    danger: 'bg-danger'
 };
 
 interface SwitchProps {
@@ -42,7 +42,7 @@ interface SwitchProps {
 export class Switch extends React.PureComponent<SwitchProps, any> {
     static defaultProps = {
         trueValue: true,
-        falseValue: false,
+        falseValue: false
     };
 
     constructor(props: SwitchProps) {
diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
index d32da8785..1f92e3a86 100644
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -5,9 +5,9 @@
  */
 
 import React from 'react';
-import { Schema } from '../types';
+import {Schema} from '../types';
 import Transition, {ENTERED, ENTERING} from 'react-transition-group/Transition';
-import { ClassNamesFn, themeable } from '../theme';
+import {ClassNamesFn, themeable} from '../theme';
 
 const transitionStyles: {
     [propName: string]: string;
@@ -28,7 +28,7 @@ export interface TabProps {
     mountOnEnter?: boolean;
     unmountOnExit?: boolean;
     toolbar?: React.ReactNode;
-};
+}
 
 export interface TabsProps {
     mode?: '' | 'line' | 'card' | 'radio';
@@ -45,13 +45,13 @@ export interface TabsProps {
 }
 
 export class Tabs extends React.Component<TabsProps> {
-    static defaultProps:Pick<TabsProps, 'mode' | 'contentClassName'> = {
+    static defaultProps: Pick<TabsProps, 'mode' | 'contentClassName'> = {
         mode: '',
         contentClassName: ''
     };
 
     handleSelect(key: any) {
-        const { handleSelect } = this.props;
+        const {handleSelect} = this.props;
         handleSelect && handleSelect(key);
     }
 
@@ -60,31 +60,29 @@ export class Tabs extends React.Component<TabsProps> {
             return;
         }
 
-        const { classnames: cx, activeKey } = this.props;
-        const { eventKey, disabled, icon, title, toolbar } = child.props;
+        const {classnames: cx, activeKey} = this.props;
+        const {eventKey, disabled, icon, title, toolbar} = child.props;
 
         return (
             <li
-                className={cx(
-                    'Tabs-link',
-                    activeKey === eventKey ? 'is-active' : '',
-                    disabled ? 'is-disabled' : ''
-                )}
+                className={cx('Tabs-link', activeKey === eventKey ? 'is-active' : '', disabled ? 'is-disabled' : '')}
                 key={index}
-                onClick={() => disabled ? '' : this.handleSelect(eventKey)}
+                onClick={() => (disabled ? '' : this.handleSelect(eventKey))}
             >
-                <a>{icon ? <i className={icon} /> : null} {title}</a>
+                <a>
+                    {icon ? <i className={icon} /> : null} {title}
+                </a>
                 {React.isValidElement(toolbar) ? toolbar : null}
             </li>
         );
     }
 
-    renderTab(child:any, index:number) {
+    renderTab(child: any, index: number) {
         if (!child) {
             return;
         }
 
-        const { activeKey, classnames} = this.props;
+        const {activeKey, classnames} = this.props;
 
         return React.cloneElement(child, {
             ...child.props,
@@ -95,15 +93,7 @@ export class Tabs extends React.Component<TabsProps> {
     }
 
     render() {
-        const {
-            classnames: cx,
-            contentClassName,
-            className,
-            mode: dMode,
-            tabsMode,
-            children,
-            additionBtns
-        } = this.props;
+        const {classnames: cx, contentClassName, className, mode: dMode, tabsMode, children, additionBtns} = this.props;
 
         if (!Array.isArray(children)) {
             return null;
@@ -116,21 +106,17 @@ export class Tabs extends React.Component<TabsProps> {
                 className={cx(
                     `Tabs`,
                     {
-                        [`Tabs--${mode}`]: mode,
+                        [`Tabs--${mode}`]: mode
                     },
                     className
                 )}
             >
                 <ul className={cx('Tabs-links')} role="tablist">
-                    {children.map((tab, index) => (
-                        this.renderNav(tab, index)
-                    ))}
+                    {children.map((tab, index) => this.renderNav(tab, index))}
                     {additionBtns}
                 </ul>
 
-                <div
-                    className={cx('Tabs-content', contentClassName)}
-                >
+                <div className={cx('Tabs-content', contentClassName)}>
                     {children.map((child, index) => {
                         return this.renderTab(child, index);
                     })}
@@ -163,27 +149,30 @@ export class Tab extends React.PureComponent<TabProps> {
                 unmountOnExit={typeof reload === 'boolean' ? reload : unmountOnExit}
                 timeout={500}
             >
-                {(status:string) => {
+                {(status: string) => {
                     if (status === ENTERING) {
                         this.contentDom.offsetWidth;
                     }
                     return (
                         <div
                             ref={this.contentRef}
-                            className={cx && cx(
-                                transitionStyles[status],
-                                activeKey === eventKey ? 'is-active' : '',
-                                'Tabs-pane',
-                                className
-                            )}
+                            className={
+                                cx &&
+                                cx(
+                                    transitionStyles[status],
+                                    activeKey === eventKey ? 'is-active' : '',
+                                    'Tabs-pane',
+                                    className
+                                )
+                            }
                         >
                             {children}
                         </div>
-                    )
+                    );
                 }}
             </Transition>
-        )
+        );
     }
 }
 
-export default themeable(Tabs);
\ No newline at end of file
+export default themeable(Tabs);
diff --git a/src/components/TitleBar.tsx b/src/components/TitleBar.tsx
index e770a0ba1..5331b815b 100644
--- a/src/components/TitleBar.tsx
+++ b/src/components/TitleBar.tsx
@@ -26,7 +26,7 @@ export class TitleBar extends React.PureComponent<TitleBarProps, any> {
         className: 'bg-light lter b-b',
         title: '标题',
         titleClassName: 'm-n font-thin h3',
-        right: false,
+        right: false
     };
 
     render(): JSX.Element {
diff --git a/src/components/Toast.tsx b/src/components/Toast.tsx
index 266f7f2cb..75e2caadc 100644
--- a/src/components/Toast.tsx
+++ b/src/components/Toast.tsx
@@ -17,7 +17,7 @@ const fadeStyles: {
     [ENTERING]: 'in',
     [ENTERED]: '',
     [EXITING]: 'out',
-    [EXITED]: 'hidden',
+    [EXITED]: 'hidden'
 };
 
 let toastRef: any = null;
@@ -56,17 +56,17 @@ interface ToastComponentState {
 }
 
 export class ToastComponent extends React.Component<ToastComponentProps, ToastComponentState> {
-    static defaultProps:Pick<ToastComponentProps, 'position' | 'closeButton' | 'timeOut' | 'extendedTimeOut'> = {
+    static defaultProps: Pick<ToastComponentProps, 'position' | 'closeButton' | 'timeOut' | 'extendedTimeOut'> = {
         position: 'top-right',
         closeButton: false,
         timeOut: 5000,
-        extendedTimeOut: 3000,
+        extendedTimeOut: 3000
     };
 
     // 当前ToastComponent是否真正render了
     hasRendered = false;
     state: ToastComponentState = {
-        items: [],
+        items: []
     };
 
     componentWillMount() {
@@ -74,7 +74,7 @@ export class ToastComponent extends React.Component<ToastComponentProps, ToastCo
         config = {
             closeButton,
             timeOut,
-            extendedTimeOut,
+            extendedTimeOut
         };
     }
 
@@ -96,10 +96,10 @@ export class ToastComponent extends React.Component<ToastComponentProps, ToastCo
             body: content,
             level,
             ...config,
-            id: uuid(),
+            id: uuid()
         });
         this.setState({
-            items,
+            items
         });
     }
 
@@ -127,7 +127,7 @@ export class ToastComponent extends React.Component<ToastComponentProps, ToastCo
         const items = this.state.items.concat();
         items.splice(index, 1);
         this.setState({
-            items: items,
+            items: items
         });
     }
 
@@ -185,11 +185,11 @@ export class ToastMessage extends React.Component<ToastMessageProps> {
         classPrefix: '',
         position: 'top-right',
         allowHtml: true,
-        level: 'info',
+        level: 'info'
     };
 
     state = {
-        visible: false,
+        visible: false
     };
 
     content: React.RefObject<HTMLDivElement>;
@@ -210,7 +210,7 @@ export class ToastMessage extends React.Component<ToastMessageProps> {
 
     componentDidMount() {
         this.setState({
-            visible: true,
+            visible: true
         });
     }
 
@@ -230,7 +230,7 @@ export class ToastMessage extends React.Component<ToastMessageProps> {
     close() {
         clearTimeout(this.timer);
         this.setState({
-            visible: false,
+            visible: false
         });
     }
 
@@ -277,5 +277,5 @@ export const toast = {
     success: (content: string, title?: string, conf?: any) => show(content, title, conf, 'success'),
     error: (content: string, title?: string, conf?: any) => show(content, title, conf, 'error'),
     info: (content: string, title?: string, conf?: any) => show(content, title, conf, 'info'),
-    warning: (content: string, title?: string, conf?: any) => show(content, title, conf, 'warning'),
+    warning: (content: string, title?: string, conf?: any) => show(content, title, conf, 'warning')
 };
diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
index 7110f591a..95fd00978 100644
--- a/src/components/Tooltip.tsx
+++ b/src/components/Tooltip.tsx
@@ -23,7 +23,7 @@ interface TooltipProps extends React.HTMLProps<HTMLDivElement> {
 
 export class Tooltip extends React.Component<TooltipProps> {
     static defaultProps = {
-        className: '',
+        className: ''
     };
 
     render() {
diff --git a/src/components/TooltipWrapper.tsx b/src/components/TooltipWrapper.tsx
index cef9e2cb9..8e85e5e05 100644
--- a/src/components/TooltipWrapper.tsx
+++ b/src/components/TooltipWrapper.tsx
@@ -36,14 +36,14 @@ interface TooltipWrapperState {
     show?: boolean;
 }
 
-let waitToHide:Function|null = null;
+let waitToHide: Function | null = null;
 
 export class TooltipWrapper extends React.Component<TooltipWrapperProps, TooltipWrapperState> {
     static defaultProps: Pick<TooltipWrapperProps, 'placement' | 'trigger' | 'rootClose' | 'delay'> = {
         placement: 'top',
         trigger: ['hover', 'focus'],
         rootClose: false,
-        delay: 200,
+        delay: 200
     };
 
     target: HTMLElement;
@@ -64,7 +64,7 @@ export class TooltipWrapper extends React.Component<TooltipWrapperProps, Tooltip
         this.handleMouseOut = this.handleMouseOut.bind(this);
 
         this.state = {
-            show: false,
+            show: false
         };
     }
 
@@ -82,14 +82,14 @@ export class TooltipWrapper extends React.Component<TooltipWrapperProps, Tooltip
 
     show() {
         this.setState({
-            show: true,
+            show: true
         });
     }
 
     hide() {
         waitToHide = null;
         this.setState({
-            show: false,
+            show: false
         });
     }
 
@@ -164,7 +164,7 @@ export class TooltipWrapper extends React.Component<TooltipWrapperProps, Tooltip
 
         const childProps: any = {
             ref: this.targetRef,
-            key: 'target',
+            key: 'target'
         };
 
         const triggers = Array.isArray(trigger) ? trigger.concat() : [trigger];
@@ -198,13 +198,13 @@ export class TooltipWrapper extends React.Component<TooltipWrapperProps, Tooltip
                 <Tooltip title={typeof tooltip !== 'string' ? tooltip.title : undefined}>
                     <Html html={typeof tooltip === 'string' ? tooltip : tooltip.content} />
                 </Tooltip>
-            </Overlay>,
+            </Overlay>
         ];
     }
 }
 
 export default themeable(
     uncontrollable(TooltipWrapper, {
-        show: 'onVisibleChange',
+        show: 'onVisibleChange'
     })
 );
diff --git a/src/components/Tree.tsx b/src/components/Tree.tsx
index 1c638f92d..161d031e2 100644
--- a/src/components/Tree.tsx
+++ b/src/components/Tree.tsx
@@ -83,7 +83,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
         rootLabel: '顶级',
         rootValue: 0,
         cascade: false,
-        selfDisabledAffectChildren: true,
+        selfDisabledAffectChildren: true
     };
 
     componentWillMount() {
@@ -102,9 +102,9 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
                 multiple: props.multiple,
                 delimiter: props.delimiter,
                 valueField: props.valueField,
-                options: props.data,
+                options: props.data
             }),
-            unfolded: this.syncUnFolded(props),
+            unfolded: this.syncUnFolded(props)
         });
     }
 
@@ -118,7 +118,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
                 multiple: nextProps.multiple,
                 delimiter: nextProps.delimiter,
                 valueField: nextProps.valueField,
-                options: nextProps.data,
+                options: nextProps.data
             });
         }
 
@@ -159,15 +159,15 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
         this.setState({
             unfolded: {
                 ...this.state.unfolded,
-                [node[this.props.valueField as string]]: !this.state.unfolded[node[this.props.valueField as string]],
-            },
+                [node[this.props.valueField as string]]: !this.state.unfolded[node[this.props.valueField as string]]
+            }
         });
     }
 
     clearSelect() {
         this.setState(
             {
-                value: [],
+                value: []
             },
             () => {
                 const {joinValues, rootValue, onChange} = this.props;
@@ -180,7 +180,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
     handleSelect(node: any, value?: any) {
         this.setState(
             {
-                value: [node],
+                value: [node]
             },
             () => {
                 const {joinValues, valueField, onChange} = this.props;
@@ -257,7 +257,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
 
         this.setState(
             {
-                value,
+                value
             },
             () => {
                 const {joinValues, extractValue, valueField, delimiter, onChange} = this.props;
@@ -332,11 +332,9 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
             let nodeDisabled = !!uncheckable || !!disabled || selfDisabled;
 
             if (
-                !nodeDisabled
-                && (
-                    (maxLength && !selfChecked && this.state.value.length >= maxLength)
-                    || (minLength && selfChecked && this.state.value.length <= minLength)
-                )
+                !nodeDisabled &&
+                ((maxLength && !selfChecked && this.state.value.length >= maxLength) ||
+                    (minLength && selfChecked && this.state.value.length <= minLength))
             ) {
                 nodeDisabled = true;
             }
@@ -369,7 +367,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
                 <li
                     key={key}
                     className={cx(`Tree-item ${itemClassName || ''}`, {
-                        'Tree-item--isLeaf': isLeaf,
+                        'Tree-item--isLeaf': isLeaf
                     })}
                 >
                     <a>
@@ -377,7 +375,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
                             <i
                                 onClick={() => this.toggleUnfolded(item)}
                                 className={cx('Tree-itemArrow', {
-                                    'is-folded': !this.state.unfolded[item[valueField]],
+                                    'is-folded': !this.state.unfolded[item[valueField]]
                                 })}
                             />
                         ) : null}
@@ -397,7 +395,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
                             className={cx('Tree-itemText', {
                                 'is-children-checked': multiple && !cascade && tmpChildrenChecked && !nodeDisabled,
                                 'is-checked': checked,
-                                'is-disabled': nodeDisabled,
+                                'is-disabled': nodeDisabled
                             })}
                             onClick={() =>
                                 !nodeDisabled &&
@@ -410,7 +408,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
                     {childrenItems ? (
                         <ul
                             className={cx('Tree-sublist', {
-                                'is-folded': !this.state.unfolded[item[valueField]],
+                                'is-folded': !this.state.unfolded[item[valueField]]
                             })}
                         >
                             {childrenItems}
@@ -422,7 +420,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
 
         return {
             dom: ret,
-            childrenChecked,
+            childrenChecked
         };
     }
 
@@ -444,7 +442,7 @@ export class TreeSelector extends React.Component<TreeSelectorProps, TreeSelecto
 
                                     <label
                                         className={cx('Tree-itemLabel', {
-                                            'is-checked': !value || !value.length,
+                                            'is-checked': !value || !value.length
                                         })}
                                     >
                                         <span className={cx('Tree-itemText')} onClick={this.clearSelect}>
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index 849b91f28..150ae7b47 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -26,39 +26,37 @@ import LeftArrowIcon from '../icons/left-arrow.svg';
 // @ts-ignore
 import RightArrowIcon from '../icons/right-arrow.svg';
 
-
 // 兼容原来的用法，后续不直接试用。
 // @ts-ignore
-export const closeIcon = (<CloseIcon className="icon" />);
+export const closeIcon = <CloseIcon className="icon" />;
 // @ts-ignore
-export const unDoIcon = (<UnDoIcon className="icon" />);
+export const unDoIcon = <UnDoIcon className="icon" />;
 // @ts-ignore
-export const reDoIcon = (<ReDoIcon className="icon" />);
+export const reDoIcon = <ReDoIcon className="icon" />;
 // @ts-ignore
-export const enterIcon = (<EnterIcon className="icon" />);
+export const enterIcon = <EnterIcon className="icon" />;
 // @ts-ignore
-export const volumeIcon = (<VolumeIcon className="icon" />);
+export const volumeIcon = <VolumeIcon className="icon" />;
 // @ts-ignore
-export const muteIcon = (<MuteIcon className="icon" />);
+export const muteIcon = <MuteIcon className="icon" />;
 // @ts-ignore
-export const playIcon = (<PlayIcon className="icon" />);
+export const playIcon = <PlayIcon className="icon" />;
 // @ts-ignore
-export const pauseIcon = (<PauseIcon className="icon" />);
+export const pauseIcon = <PauseIcon className="icon" />;
 // @ts-ignore
-export const leftArrowIcon = (<LeftArrowIcon className="icon" />);
+export const leftArrowIcon = <LeftArrowIcon className="icon" />;
 // @ts-ignore
-export const rightArrowIcon = (<RightArrowIcon className="icon" />);
+export const rightArrowIcon = <RightArrowIcon className="icon" />;
 
-const iconFactory:{
-    [propName:string]: React.ReactType<{}>
+const iconFactory: {
+    [propName: string]: React.ReactType<{}>;
 } = {};
 
-
-export function getIcon(key:string) {
+export function getIcon(key: string) {
     return iconFactory[key];
 }
 
-export function registerIcon(key:string, component:React.ReactType<{}>) {
+export function registerIcon(key: string, component: React.ReactType<{}>) {
     iconFactory[key] = component;
 }
 
@@ -76,15 +74,11 @@ registerIcon('right-arrow', RightArrowIcon);
 export function Icon({
     icon,
     ...rest
-}:{
-    icon: string
+}: {
+    icon: string;
 } & React.ComponentProps<any>) {
     const Component = getIcon(icon);
-    return Component ? (
-        <Component {...rest} />
-    ) : (
-        <span className="text-danger">没有 icon {icon}</span>
-    );
+    return Component ? <Component {...rest} /> : <span className="text-danger">没有 icon {icon}</span>;
 }
 
 export {
@@ -98,4 +92,4 @@ export {
     PauseIcon,
     LeftArrowIcon,
     RightArrowIcon
-}
\ No newline at end of file
+};
diff --git a/src/components/index.tsx b/src/components/index.tsx
index 013060d5a..fb48077bf 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -75,5 +75,5 @@ export {
     toast,
     Tooltip,
     TooltipWrapper,
-    Tree,
+    Tree
 };
diff --git a/src/factory.tsx b/src/factory.tsx
index 8ea08651b..6484203ba 100644
--- a/src/factory.tsx
+++ b/src/factory.tsx
@@ -1,19 +1,9 @@
-import React from "react";
+import React from 'react';
 import qs from 'qs';
-import {
-    RendererStore,
-    IRendererStore,
-    IIRendererStore
-} from "./store/index";
-import {
-    getEnv
-} from 'mobx-state-tree';
-import {
-    Location, parsePath
-} from 'history';
-import {
-    wrapFetcher
-} from './utils/api';
+import {RendererStore, IRendererStore, IIRendererStore} from './store/index';
+import {getEnv} from 'mobx-state-tree';
+import {Location, parsePath} from 'history';
+import {wrapFetcher} from './utils/api';
 import {
     createObject,
     extendObject,
@@ -39,20 +29,24 @@ import {
     PlainObject,
     RendererData
 } from './types';
-import { observer } from "mobx-react";
+import {observer} from 'mobx-react';
 import getExprProperties from './utils/filter-schema';
 import hoistNonReactStatic = require('hoist-non-react-statics');
 import omit = require('lodash/omit');
 import difference = require('lodash/difference');
 import isPlainObject = require('lodash/isPlainObject');
 import Scoped from './Scoped';
-import { getTheme, ThemeInstance, ClassNamesFn, ThemeContext } from "./theme";
-import find = require("lodash/find");
-import Alert from "./components/Alert2";
-import { LazyComponent } from './components';
+import {getTheme, ThemeInstance, ClassNamesFn, ThemeContext} from './theme';
+import find = require('lodash/find');
+import Alert from './components/Alert2';
+import {LazyComponent} from './components';
 
 export interface TestFunc {
-    (path: string, schema?: Schema, resolveRenderer?: (path:string, schema?:Schema, props?:any) => null | RendererConfig): boolean;
+    (
+        path: string,
+        schema?: Schema,
+        resolveRenderer?: (path: string, schema?: Schema, props?: any) => null | RendererConfig
+    ): boolean;
 }
 
 export interface RendererBasicConfig {
@@ -67,47 +61,51 @@ export interface RendererBasicConfig {
 }
 
 export interface RendererEnv {
-    fetcher: (api:Api, data?:any, options?: object) => Promise<Payload>;
-    isCancel: (val:any) => boolean;
-    notify: (type: "error" | "success", msg: string) => void;
-    jumpTo: (to:string, action?: Action, ctx?: object) => void;
-    alert: (msg:string) => void;
-    confirm: (msg:string, title?: string) => Promise<boolean>;
-    updateLocation: (location:any, replace?:boolean) => void;
-    isCurrentUrl: (link:string) => boolean;
-    rendererResolver?: (path:string, schema:Schema, props:any) => null | RendererConfig;
-    copy?: (contents:string) => void;
+    fetcher: (api: Api, data?: any, options?: object) => Promise<Payload>;
+    isCancel: (val: any) => boolean;
+    notify: (type: 'error' | 'success', msg: string) => void;
+    jumpTo: (to: string, action?: Action, ctx?: object) => void;
+    alert: (msg: string) => void;
+    confirm: (msg: string, title?: string) => Promise<boolean>;
+    updateLocation: (location: any, replace?: boolean) => void;
+    isCurrentUrl: (link: string) => boolean;
+    rendererResolver?: (path: string, schema: Schema, props: any) => null | RendererConfig;
+    copy?: (contents: string) => void;
     getModalContainer?: () => HTMLElement;
     theme: ThemeInstance;
     affixOffsetTop: number;
     affixOffsetBottom: number;
     richTextToken: string;
-    loadRenderer: (schema:Schema, path:string, reRender:Function) => Promise<React.ReactType> | React.ReactType  | JSX.Element | void;
-    [propName:string]: any;
-};
+    loadRenderer: (
+        schema: Schema,
+        path: string,
+        reRender: Function
+    ) => Promise<React.ReactType> | React.ReactType | JSX.Element | void;
+    [propName: string]: any;
+}
 
 export interface RendererProps {
-    render: (region: string, node:SchemaNode, props?:any) => JSX.Element;
+    render: (region: string, node: SchemaNode, props?: any) => JSX.Element;
     env: RendererEnv;
     classPrefix: string;
     classnames: ClassNamesFn;
     $path: string; // 当前组件所在的层级信息
     store?: IIRendererStore;
     data: {
-        [propName:string]: any;
+        [propName: string]: any;
     };
     defaultData?: object;
     className?: string;
-    [propName:string]: any;
+    [propName: string]: any;
 }
 
 export interface renderChildProps extends Partial<RendererProps> {
     env: RendererEnv;
-};
+}
 
 export type RendererComponent = React.ComponentType<RendererProps> & {
     propsList?: Array<string>;
-}
+};
 
 export interface RendererConfig extends RendererBasicConfig {
     component: RendererComponent;
@@ -115,72 +113,74 @@ export interface RendererConfig extends RendererBasicConfig {
 }
 
 export interface RenderSchemaFilter {
-    (schema:Schema, renderer: RendererConfig, props?:object): SchemaNode;
-};
+    (schema: Schema, renderer: RendererConfig, props?: object): SchemaNode;
+}
 
 export interface RootRenderProps {
     location?: Location;
     theme?: string;
-    [propName:string]: any;
-};
-
+    [propName: string]: any;
+}
 
 export interface RenderOptions {
-    session?: string,
-    fetcher?: (config: fetcherConfig) => Promise<fetcherResult>,
-    isCancel?: (value:any) => boolean;
-    notify?: (type: "error" | "success", msg: string) => void,
-    jumpTo?: (to:string) => void,
-    alert?: (msg:string) => void,
-    confirm?: (msg:string, title?: string) => boolean | Promise<boolean>;
-    rendererResolver?: (path:string, schema:Schema, props:any) => null | RendererConfig;
-    copy?: (contents:string) => void;
+    session?: string;
+    fetcher?: (config: fetcherConfig) => Promise<fetcherResult>;
+    isCancel?: (value: any) => boolean;
+    notify?: (type: 'error' | 'success', msg: string) => void;
+    jumpTo?: (to: string) => void;
+    alert?: (msg: string) => void;
+    confirm?: (msg: string, title?: string) => boolean | Promise<boolean>;
+    rendererResolver?: (path: string, schema: Schema, props: any) => null | RendererConfig;
+    copy?: (contents: string) => void;
     getModalContainer?: () => HTMLElement;
-    loadRenderer?: (schema:Schema, path: string, reRender:Function) => Promise<React.ReactType> | React.ReactType | JSX.Element | void;
+    loadRenderer?: (
+        schema: Schema,
+        path: string,
+        reRender: Function
+    ) => Promise<React.ReactType> | React.ReactType | JSX.Element | void;
     affixOffsetTop?: number;
     affixOffsetBottom?: number;
     richTextToken?: string;
-    [propName: string]: any
+    [propName: string]: any;
 }
 
-export interface fetcherConfig  {
+export interface fetcherConfig {
     url: string;
     method: 'get' | 'post' | 'put' | 'patch' | 'delete';
     data?: any;
     config?: any;
-};
+}
 
 export type ReactElement = React.ReactNode[] | JSX.Element | null | false;
 
-
-const renderers:Array<RendererConfig> = [];
-const rendererNames:Array<string> = [];
-const schemaFilters:Array<RenderSchemaFilter> = [];
+const renderers: Array<RendererConfig> = [];
+const rendererNames: Array<string> = [];
+const schemaFilters: Array<RenderSchemaFilter> = [];
 let anonymousIndex = 1;
 
-export function addSchemaFilter(fn:RenderSchemaFilter) {
+export function addSchemaFilter(fn: RenderSchemaFilter) {
     schemaFilters.push(fn);
 }
 
-export function filterSchema(schema:Schema, render:RendererConfig, props?:any) {
+export function filterSchema(schema: Schema, render: RendererConfig, props?: any) {
     return schemaFilters.reduce((schema, filter) => filter(schema, render, props), schema) as Schema;
 }
 
-export function Renderer(config:RendererBasicConfig) {
-    return function<T extends RendererComponent>(component:T):T {
+export function Renderer(config: RendererBasicConfig) {
+    return function<T extends RendererComponent>(component: T): T {
         const renderer = registerRenderer({
             ...config,
             component: component
         });
         return renderer.component as T;
-    }
+    };
 }
 
-export function registerRenderer(config:RendererConfig):RendererConfig {
+export function registerRenderer(config: RendererConfig): RendererConfig {
     if (!config.test) {
-        throw new TypeError("config.test is required");
+        throw new TypeError('config.test is required');
     } else if (!config.component) {
-        throw new TypeError("config.component is required");
+        throw new TypeError('config.component is required');
     }
 
     config.weight = config.weight || 0;
@@ -208,45 +208,47 @@ export function registerRenderer(config:RendererConfig):RendererConfig {
     return config;
 }
 
-export function unRegisterRenderer(config:RendererConfig | string) {
-    let idx = typeof config === 'string' ? findIndex(renderers, item => item.name === config) : renderers.indexOf(config);
+export function unRegisterRenderer(config: RendererConfig | string) {
+    let idx =
+        typeof config === 'string' ? findIndex(renderers, item => item.name === config) : renderers.indexOf(config);
     ~idx && renderers.splice(idx, 1);
 
     // 清空渲染器定位缓存
     cache = {};
 }
 
-export function renderChildren(prefix: string, node: SchemaNode, props:renderChildProps):ReactElement {
+export function renderChildren(prefix: string, node: SchemaNode, props: renderChildProps): ReactElement {
     if (Array.isArray(node)) {
-        return node.map((node, index) => renderChild(`${prefix}/${index}`, node, {
-            ...props,
-            key: `${props.key ? `${props.key}-` : ''}${index}`
-        }));
+        return node.map((node, index) =>
+            renderChild(`${prefix}/${index}`, node, {
+                ...props,
+                key: `${props.key ? `${props.key}-` : ''}${index}`
+            })
+        );
     }
 
     return renderChild(prefix, node, props);
 }
 
-export function renderChild(prefix:string, node:SchemaNode, props:renderChildProps):ReactElement {
+export function renderChild(prefix: string, node: SchemaNode, props: renderChildProps): ReactElement {
     if (Array.isArray(node)) {
         return renderChildren(prefix, node, props);
     }
 
     const typeofnode = typeof node;
-    let schema:Schema = typeofnode === 'string' || typeofnode === 'number' ? {type: 'tpl', tpl: String(node)} : node as Schema;
+    let schema: Schema =
+        typeofnode === 'string' || typeofnode === 'number' ? {type: 'tpl', tpl: String(node)} : (node as Schema);
     const detectData = schema.detectField === '&' ? props : props[schema.detectField || 'data'];
     const exprProps = detectData ? getExprProperties(schema, detectData) : null;
 
     if (
-        exprProps
-        && (
-            exprProps.hidden
-            || exprProps.visible === false
-            || schema.hidden
-            || schema.visible === false
-            || props.hidden
-            || props.visible === false
-        )
+        exprProps &&
+        (exprProps.hidden ||
+            exprProps.visible === false ||
+            schema.hidden ||
+            schema.visible === false ||
+            props.hidden ||
+            props.visible === false)
     ) {
         return null;
     }
@@ -256,10 +258,10 @@ export function renderChild(prefix:string, node:SchemaNode, props:renderChildPro
             {...props}
             {...exprProps}
             schema={schema}
-            $path={`${prefix ? `${prefix}/` : ''}${schema && schema.type || ''}`}
+            $path={`${prefix ? `${prefix}/` : ''}${(schema && schema.type) || ''}`}
         />
     );
-};
+}
 
 export interface RootRendererProps {
     schema: SchemaNode;
@@ -267,8 +269,8 @@ export interface RootRendererProps {
     env: RendererEnv;
     theme: string;
     pathPrefix?: string;
-    [propName:string]: any;
-};
+    [propName: string]: any;
+}
 
 const RootStoreContext = React.createContext<IRendererStore>(undefined as any);
 
@@ -276,9 +278,9 @@ export class RootRenderer extends React.Component<RootRendererProps> {
     state = {
         error: null,
         errorInfo: null
-    }
+    };
 
-    componentDidCatch(error:any, errorInfo:any) {
+    componentDidCatch(error: any, errorInfo: any) {
         this.setState({
             error: error,
             errorInfo: errorInfo
@@ -286,7 +288,7 @@ export class RootRenderer extends React.Component<RootRendererProps> {
     }
 
     @autobind
-    resolveDefinitions(name:string) {
+    resolveDefinitions(name: string) {
         const definitions = (this.props.schema as Schema).definitions;
         if (!name || isEmpty(definitions)) {
             return {};
@@ -299,42 +301,48 @@ export class RootRenderer extends React.Component<RootRendererProps> {
         if (errorInfo) {
             return errorRenderer(error, errorInfo);
         }
-        const {
-            schema,
-            rootStore,
-            env,
-            pathPrefix,
-            location,
-            data,
-            ...rest
-        } = this.props;
+        const {schema, rootStore, env, pathPrefix, location, data, ...rest} = this.props;
 
         const theme = env.theme;
-        const query = location && location.query
-            || location && location.search && qs.parse(location.search.substring(1))
-            || window.location.search && qs.parse(window.location.search.substring(1));
+        const query =
+            (location && location.query) ||
+            (location && location.search && qs.parse(location.search.substring(1))) ||
+            (window.location.search && qs.parse(window.location.search.substring(1)));
 
-        const finalData = query ? createObject({
-            ...(data && data.__super ? data.__super: null),
-            ...query,
-            query
-        }, data) : data;
+        const finalData = query
+            ? createObject(
+                  {
+                      ...(data && data.__super ? data.__super : null),
+                      ...query,
+                      query
+                  },
+                  data
+              )
+            : data;
 
         return (
             <RootStoreContext.Provider value={rootStore}>
                 <ThemeContext.Provider value={this.props.theme || 'default'}>
-                    {renderChild(pathPrefix || '', isPlainObject(schema) ? {
-                        type: 'page',
-                        ...(schema as Schema)
-                    } : schema, {
-                        ...rest,
-                        resolveDefinitions: this.resolveDefinitions,
-                        location: location,
-                        data: finalData,
-                        env,
-                        classnames: theme.classnames,
-                        classPrefix: theme.classPrefix
-                    }) as JSX.Element}
+                    {
+                        renderChild(
+                            pathPrefix || '',
+                            isPlainObject(schema)
+                                ? {
+                                      type: 'page',
+                                      ...(schema as Schema)
+                                  }
+                                : schema,
+                            {
+                                ...rest,
+                                resolveDefinitions: this.resolveDefinitions,
+                                location: location,
+                                data: finalData,
+                                env,
+                                classnames: theme.classnames,
+                                classPrefix: theme.classPrefix
+                            }
+                        ) as JSX.Element
+                    }
                 </ThemeContext.Provider>
             </RootStoreContext.Provider>
         );
@@ -347,22 +355,33 @@ interface SchemaRendererProps extends Partial<RendererProps> {
     schema: Schema;
     $path: string;
     env: RendererEnv;
-};
+}
 
 const defaultOmitList = [
-    'type', 'name',  '$ref', 'className', 'data', 'children',
-    'ref', 'visible', 'visibleOn', 'hidden',
-    'hiddenOn', 'disabled', 'disabledOn',
-    'children', 'detectField'
+    'type',
+    'name',
+    '$ref',
+    'className',
+    'data',
+    'children',
+    'ref',
+    'visible',
+    'visibleOn',
+    'hidden',
+    'hiddenOn',
+    'disabled',
+    'disabledOn',
+    'children',
+    'detectField'
 ];
 
 class SchemaRenderer extends React.Component<SchemaRendererProps, any> {
-    static displayName:string = 'Renderer';
+    static displayName: string = 'Renderer';
 
-    renderer:RendererConfig | null;
+    renderer: RendererConfig | null;
     ref: any;
 
-    constructor(props:SchemaRendererProps) {
+    constructor(props: SchemaRendererProps) {
         super(props);
         this.refFn = this.refFn.bind(this);
         this.renderChild = this.renderChild.bind(this);
@@ -373,34 +392,28 @@ class SchemaRenderer extends React.Component<SchemaRendererProps, any> {
         this.resolveRenderer(this.props);
     }
 
-    componentWillReceiveProps(nextProps:SchemaRendererProps) {
+    componentWillReceiveProps(nextProps: SchemaRendererProps) {
         const props = this.props;
 
-        if (
-            props.schema.type !== nextProps.schema.type ||
-            props.schema.$$id !== nextProps.schema.$$id
-        ) {
+        if (props.schema.type !== nextProps.schema.type || props.schema.$$id !== nextProps.schema.$$id) {
             this.resolveRenderer(nextProps);
         }
     }
 
     // 限制：只有 schema 除外的 props 变化，或者 schema 里面的某个成员值发生变化才更新。
-    shouldComponentUpdate(nextProps:SchemaRendererProps) {
+    shouldComponentUpdate(nextProps: SchemaRendererProps) {
         const props = this.props;
-        const list:Array<string> = difference(Object.keys(nextProps), ['schema']);
+        const list: Array<string> = difference(Object.keys(nextProps), ['schema']);
 
         if (
-            difference(Object.keys(props), ['schema']).length !== list.length
-            || anyChanged(list, this.props, nextProps)
+            difference(Object.keys(props), ['schema']).length !== list.length ||
+            anyChanged(list, this.props, nextProps)
         ) {
             return true;
         } else {
-            const list:Array<string> = Object.keys(nextProps.schema);
+            const list: Array<string> = Object.keys(nextProps.schema);
 
-            if (
-                Object.keys(props.schema).length !== list.length
-                || anyChanged(list, props.schema, nextProps.schema)
-            ) {
+            if (Object.keys(props.schema).length !== list.length || anyChanged(list, props.schema, nextProps.schema)) {
                 return true;
             }
         }
@@ -408,7 +421,7 @@ class SchemaRenderer extends React.Component<SchemaRendererProps, any> {
         return false;
     }
 
-    resolveRenderer(props:SchemaRendererProps):any {
+    resolveRenderer(props: SchemaRendererProps): any {
         let schema = props.schema;
         let path = props.$path;
         const rendererResolver = props.env.rendererResolver || resolveRenderer;
@@ -436,20 +449,19 @@ class SchemaRenderer extends React.Component<SchemaRendererProps, any> {
         return this.ref;
     }
 
-    refFn(ref:any) {
+    refFn(ref: any) {
         this.ref = ref;
     }
 
-    renderChild(region: string, node?:SchemaNode, subProps: {
-        data?: object;
-        [propName: string]: any;
-    } = {}) {
-        let {
-            schema,
-            $path,
-            env,
-            ...rest
-        } = this.props;
+    renderChild(
+        region: string,
+        node?: SchemaNode,
+        subProps: {
+            data?: object;
+            [propName: string]: any;
+        } = {}
+    ) {
+        let {schema, $path, env, ...rest} = this.props;
 
         const omitList = defaultOmitList.concat();
         if (this.renderer) {
@@ -470,12 +482,8 @@ class SchemaRenderer extends React.Component<SchemaRendererProps, any> {
         this.forceUpdate();
     }
 
-    render():JSX.Element | null {
-        let {
-            $path,
-            schema,
-            ...rest
-        } = this.props;
+    render(): JSX.Element | null {
+        let {$path, schema, ...rest} = this.props;
 
         if (schema.$ref) {
             schema = this.resolveRenderer(this.props);
@@ -486,25 +494,27 @@ class SchemaRenderer extends React.Component<SchemaRendererProps, any> {
         if (Array.isArray(schema)) {
             return renderChildren($path, schema, rest) as JSX.Element;
         } else if (schema.children) {
-            return React.isValidElement(schema.children) ? schema.children : React.createElement(schema.children as any, {
-                ...rest,
-                $path: $path,
-                render: this.renderChild
-            });
+            return React.isValidElement(schema.children)
+                ? schema.children
+                : React.createElement(schema.children as any, {
+                      ...rest,
+                      $path: $path,
+                      render: this.renderChild
+                  });
         } else if (!this.renderer) {
             return (
                 <LazyComponent
                     {...rest}
                     getComponent={async () => {
                         const result = await rest.env.loadRenderer(schema, $path, this.reRender);
-                        if (result && typeof result === "function") {
+                        if (result && typeof result === 'function') {
                             return result;
                         } else if (result && React.isValidElement(result)) {
                             return () => result;
                         }
 
                         this.reRender();
-                        return () => loadRenderer(schema, $path)
+                        return () => loadRenderer(schema, $path);
                     }}
                     $path={$path}
                     retry={this.reRender}
@@ -514,10 +524,7 @@ class SchemaRenderer extends React.Component<SchemaRendererProps, any> {
 
         const renderer = this.renderer as RendererConfig;
         schema = filterSchema(schema, renderer, rest);
-        const {
-            data: defaultData,
-            ...restSchema
-        } = schema;
+        const {data: defaultData, ...restSchema} = schema;
         const Component = renderer.component;
 
         return (
@@ -534,13 +541,9 @@ class SchemaRenderer extends React.Component<SchemaRendererProps, any> {
     }
 }
 
-export function HocStoreFactory(renderer:{
-    storeType: string;
-    extendsData?: boolean;
-}):any {
-    return function <T extends React.ComponentType<RendererProps>>(Component:T) {
-
-        type Props = Omit<RendererProps, "store" | "data" | "dataUpdatedAt" | "scope"> & {
+export function HocStoreFactory(renderer: {storeType: string; extendsData?: boolean}): any {
+    return function<T extends React.ComponentType<RendererProps>>(Component: T) {
+        type Props = Omit<RendererProps, 'store' | 'data' | 'dataUpdatedAt' | 'scope'> & {
             store?: IIRendererStore;
             data?: RendererData;
             scope?: RendererData;
@@ -551,23 +554,23 @@ export function HocStoreFactory(renderer:{
             static displayName = `WithStore(${Component.displayName || Component.name})`;
             static ComposedComponent = Component;
             static contextType = RootStoreContext;
-            store:IIRendererStore;
+            store: IIRendererStore;
             context!: React.ContextType<typeof RootStoreContext>;
-            ref:any;
+            ref: any;
 
             getWrappedInstance() {
                 return this.ref;
             }
 
-            refFn(ref:any) {
+            refFn(ref: any) {
                 this.ref = ref;
             }
 
-            formatData(data:any):object {
+            formatData(data: any): object {
                 if (Array.isArray(data)) {
                     return {
                         items: data
-                    }
+                    };
                 }
 
                 return data as object;
@@ -578,28 +581,34 @@ export function HocStoreFactory(renderer:{
                 this.renderChild = this.renderChild.bind(this);
                 this.refFn = this.refFn.bind(this);
 
-                const store = this.store = rootStore.addStore({
+                const store = (this.store = rootStore.addStore({
                     id: guid(),
                     path: this.props.$path,
                     storeType: renderer.storeType,
                     parentId: this.props.store ? this.props.store.id : ''
-                });
+                }));
 
                 if (renderer.extendsData === false) {
-                    store.initData(createObject((this.props.data as any) ? (this.props.data as any).__super : null, {
-                        ...this.formatData(this.props.defaultData),
-                        ...this.formatData(this.props.data)
-                    }));
-                } else if (this.props.scope || this.props.data && (this.props.data as any).__super) {
-                    if (this.props.store && this.props.data === this.props.store.data) {
-                        store.initData(createObject(this.props.store.data, {
-                            ...this.formatData(this.props.defaultData)
-                        }))
-                    } else {
-                        store.initData(createObject((this.props.data as any).__super || this.props.scope, {
+                    store.initData(
+                        createObject((this.props.data as any) ? (this.props.data as any).__super : null, {
                             ...this.formatData(this.props.defaultData),
                             ...this.formatData(this.props.data)
-                        }))
+                        })
+                    );
+                } else if (this.props.scope || (this.props.data && (this.props.data as any).__super)) {
+                    if (this.props.store && this.props.data === this.props.store.data) {
+                        store.initData(
+                            createObject(this.props.store.data, {
+                                ...this.formatData(this.props.defaultData)
+                            })
+                        );
+                    } else {
+                        store.initData(
+                            createObject((this.props.data as any).__super || this.props.scope, {
+                                ...this.formatData(this.props.defaultData),
+                                ...this.formatData(this.props.data)
+                            })
+                        );
                     }
                 } else {
                     store.initData({
@@ -609,26 +618,33 @@ export function HocStoreFactory(renderer:{
                 }
             }
 
-            componentWillReceiveProps(nextProps:RendererProps) {
+            componentWillReceiveProps(nextProps: RendererProps) {
                 const props = this.props;
                 const store = this.store;
 
                 if (renderer.extendsData === false) {
-                    (
-                        props.defaultData !== nextProps.defaultData
-                        || isObjectShallowModified(props.data, nextProps.data)
+                    (props.defaultData !== nextProps.defaultData ||
+                        isObjectShallowModified(props.data, nextProps.data) ||
                         // CRUD 中 toolbar 里面的 data 是空对象，但是 __super 会不一样
-                        || nextProps.data && props.data && nextProps.data.__super !== props.data.__super
-                    )
-                    && store.initData(extendObject(nextProps.data, {
-                        ...store.hasRemoteData ? store.data : null, // todo 只保留 remote 数据
-                        ...this.formatData(nextProps.defaultData),
-                        ...this.formatData(nextProps.data)
-                    }));
+                        (nextProps.data && props.data && nextProps.data.__super !== props.data.__super)) &&
+                        store.initData(
+                            extendObject(nextProps.data, {
+                                ...(store.hasRemoteData ? store.data : null), // todo 只保留 remote 数据
+                                ...this.formatData(nextProps.defaultData),
+                                ...this.formatData(nextProps.data)
+                            })
+                        );
                 } else if (isObjectShallowModified(props.data, nextProps.data)) {
                     if (nextProps.store && nextProps.store.data === nextProps.data) {
-                        const newData = createObject(nextProps.store.data, syncDataFromSuper(store.data,
-                            nextProps.store.data, props.scope, nextProps.dataUpdatedAt !== props.dataUpdatedAt));
+                        const newData = createObject(
+                            nextProps.store.data,
+                            syncDataFromSuper(
+                                store.data,
+                                nextProps.store.data,
+                                props.scope,
+                                nextProps.dataUpdatedAt !== props.dataUpdatedAt
+                            )
+                        );
 
                         // todo fix: dialog 种数据从孩子 form 同步过来后，会走这个逻辑让 form 更新 data，会导致里面的 __prev 丢失。
                         store.initData(newData);
@@ -637,18 +653,26 @@ export function HocStoreFactory(renderer:{
                     } else {
                         store.initData(createObject(nextProps.scope, nextProps.data));
                     }
-                } else if ((!nextProps.store || nextProps.data !== nextProps.store.data) && nextProps.data && nextProps.data.__super) {
+                } else if (
+                    (!nextProps.store || nextProps.data !== nextProps.store.data) &&
+                    nextProps.data &&
+                    nextProps.data.__super
+                ) {
                     // 这个用法很少，当 data.__super 值发生变化时，更新 store.data
-                    (!props.data || isObjectShallowModified(nextProps.data.__super, props.data.__super, false))
-                        && store.initData(createObject(nextProps.data.__super, {
+                    (!props.data || isObjectShallowModified(nextProps.data.__super, props.data.__super, false)) &&
+                        store.initData(
+                            createObject(nextProps.data.__super, {
+                                ...nextProps.data,
+                                ...store.data
+                            })
+                        );
+                } else if (nextProps.scope !== props.scope) {
+                    store.initData(
+                        createObject(nextProps.scope, {
                             ...nextProps.data,
                             ...store.data
-                        }));
-                } else if (nextProps.scope !== props.scope) {
-                    store.initData(createObject(nextProps.scope, {
-                        ...nextProps.data,
-                        ...store.data
-                    }));
+                        })
+                    );
                 }
             }
 
@@ -659,13 +683,15 @@ export function HocStoreFactory(renderer:{
                 delete this.store;
             }
 
-            renderChild(region: string, node:SchemaNode, subProps: {
-                data?: object;
-                [propName: string]: any;
-            } = {}) {
-                let {
-                    render,
-                } = this.props;
+            renderChild(
+                region: string,
+                node: SchemaNode,
+                subProps: {
+                    data?: object;
+                    [propName: string]: any;
+                } = {}
+            ) {
+                let {render} = this.props;
 
                 return render(region, node, {
                     data: this.store.data,
@@ -677,13 +703,10 @@ export function HocStoreFactory(renderer:{
             }
 
             render() {
-                const {
-                    detectField,
-                    ...rest
-                } = this.props;
+                const {detectField, ...rest} = this.props;
 
-                let exprProps:any = {};
-                if (!detectField || detectField === "data") {
+                let exprProps: any = {};
+                if (!detectField || detectField === 'data') {
                     exprProps = getExprProperties(rest, this.store.data);
 
                     if (exprProps.hidden || exprProps.visible === false) {
@@ -693,7 +716,9 @@ export function HocStoreFactory(renderer:{
 
                 return (
                     <Component
-                        {...rest as any /* todo */}
+                        {
+                            ...rest as any /* todo */
+                        }
                         {...exprProps}
                         ref={this.refFn}
                         data={this.store.data}
@@ -708,30 +733,33 @@ export function HocStoreFactory(renderer:{
         hoistNonReactStatic(StoreFactory, Component);
 
         return StoreFactory;
-    }
+    };
 }
 
-
-function loadRenderer(schema:Schema, path:string) {
+function loadRenderer(schema: Schema, path: string) {
     return (
         <Alert level="danger">
             <p>Error: 找不到对应的渲染器</p>
             <p>Path: {path}</p>
-            <pre><code>{JSON.stringify(schema, null, 2)}</code></pre>
+            <pre>
+                <code>{JSON.stringify(schema, null, 2)}</code>
+            </pre>
         </Alert>
     );
 }
 
-function errorRenderer(error:any, errorInfo:any) {
+function errorRenderer(error: any, errorInfo: any) {
     return (
         <Alert level="danger">
             <p>{error && error.toString()}</p>
-            <pre><code>{errorInfo.componentStack}</code></pre>
+            <pre>
+                <code>{errorInfo.componentStack}</code>
+            </pre>
         </Alert>
-    )
+    );
 }
 
-const defaultOptions:RenderOptions = {
+const defaultOptions: RenderOptions = {
     session: 'global',
     affixOffsetTop: 50,
     affixOffsetBottom: 0,
@@ -741,46 +769,62 @@ const defaultOptions:RenderOptions = {
         return Promise.reject('fetcher is required');
     },
     isCancel() {
-        console.error('Please implements this. see https://baidu.github.io/amis/docs/getting-started#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8');
+        console.error(
+            'Please implements this. see https://baidu.github.io/amis/docs/getting-started#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8'
+        );
         return false;
     },
-    alert(msg:string) {
+    alert(msg: string) {
         alert(msg);
     },
     updateLocation() {
-        console.error('Please implements this. see https://baidu.github.io/amis/docs/getting-started#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8');
+        console.error(
+            'Please implements this. see https://baidu.github.io/amis/docs/getting-started#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8'
+        );
     },
-    confirm(msg:string) {
-        return confirm(msg)
+    confirm(msg: string) {
+        return confirm(msg);
     },
     notify(msg) {
         alert(msg);
     },
     jumpTo() {
-        console.error('Please implements this. see https://baidu.github.io/amis/docs/getting-started#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8');
+        console.error(
+            'Please implements this. see https://baidu.github.io/amis/docs/getting-started#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8'
+        );
     },
     isCurrentUrl() {
         return false;
     },
-    copy(contents:string) {
-        console.error('copy contents', contents)
+    copy(contents: string) {
+        console.error('copy contents', contents);
     },
     rendererResolver: resolveRenderer
 };
-let stores:{
-    [propName:string]: IRendererStore
+let stores: {
+    [propName: string]: IRendererStore;
 } = {};
-export function render(schema:SchemaNode, props:RootRenderProps = {}, options:RenderOptions = {}, pathPrefix:string = ''):JSX.Element {
+export function render(
+    schema: SchemaNode,
+    props: RootRenderProps = {},
+    options: RenderOptions = {},
+    pathPrefix: string = ''
+): JSX.Element {
     options = {
         ...defaultOptions,
         ...options
     };
 
-    let store = stores[options.session || 'global'] || (stores[options.session || 'global'] = RendererStore.create({}, {
-        ...options,
-        fetcher: options.fetcher ? wrapFetcher(options.fetcher) : defaultOptions.fetcher,
-        confirm: options.confirm ? promisify(options.confirm) : defaultOptions.confirm,
-    }));
+    let store =
+        stores[options.session || 'global'] ||
+        (stores[options.session || 'global'] = RendererStore.create(
+            {},
+            {
+                ...options,
+                fetcher: options.fetcher ? wrapFetcher(options.fetcher) : defaultOptions.fetcher,
+                confirm: options.confirm ? promisify(options.confirm) : defaultOptions.confirm
+            }
+        ));
 
     (window as any).amisStore = store; // 为了方便 debug.
     const env = getEnv(store);
@@ -799,7 +843,7 @@ export function render(schema:SchemaNode, props:RootRenderProps = {}, options:Re
     );
 }
 
-export function clearStoresCache(sessions?:Array<string>) {
+export function clearStoresCache(sessions?: Array<string>) {
     if (Array.isArray(sessions) && sessions.length) {
         sessions.forEach(key => delete stores[key]);
     } else {
@@ -807,20 +851,20 @@ export function clearStoresCache(sessions?:Array<string>) {
     }
 }
 
-let cache:{[propName: string]: RendererConfig} = {};
-export function resolveRenderer(path:string, schema?:Schema, props?:any): null | RendererConfig {
+let cache: {[propName: string]: RendererConfig} = {};
+export function resolveRenderer(path: string, schema?: Schema, props?: any): null | RendererConfig {
     if (cache[path]) {
         return cache[path];
     } else if (path && path.length > 1024) {
         throw new Error('Path太长是不是死循环了？');
     }
 
-    let renderer:null | RendererConfig = null;
+    let renderer: null | RendererConfig = null;
 
     renderers.some(item => {
         let matched = false;
 
-        if (typeof item.test === "function") {
+        if (typeof item.test === 'function') {
             matched = item.test(path, schema, resolveRenderer);
         } else if (item.test instanceof RegExp) {
             matched = item.test.test(path);
@@ -834,22 +878,22 @@ export function resolveRenderer(path:string, schema?:Schema, props?:any): null |
     });
 
     // 只能缓存纯正则表达式的后者方法中没有用到第二个参数的，因为自定义 test 函数的有可能依赖 schema 的结果
-    if (renderer !== null &&
-        (
-            (renderer as RendererConfig).test instanceof RegExp
-            || typeof (renderer as RendererConfig).test === 'function' && ((renderer as RendererConfig).test as Function).length < 2
-        )) {
+    if (
+        renderer !== null &&
+        ((renderer as RendererConfig).test instanceof RegExp ||
+            (typeof (renderer as RendererConfig).test === 'function' &&
+                ((renderer as RendererConfig).test as Function).length < 2))
+    ) {
         cache[path] = renderer;
     }
 
     return renderer;
 }
 
-
 export function getRenderers() {
     return renderers.concat();
 }
 
-export function getRendererByName(name:string) {
+export function getRendererByName(name: string) {
     return find(renderers, item => item.name === name);
 }
diff --git a/src/renderers/Action.tsx b/src/renderers/Action.tsx
index f58141ca8..c2a814a76 100644
--- a/src/renderers/Action.tsx
+++ b/src/renderers/Action.tsx
@@ -54,7 +54,7 @@ export interface ActionProps {
     level?: 'info' | 'success' | 'warning' | 'danger' | 'link';
     onAction?: (e: React.MouseEvent<any> | void | null, action: object) => void;
     isCurrentUrl?: (link: string) => boolean;
-    onClick?: (e: React.MouseEvent<any>, props:any) => void;
+    onClick?: (e: React.MouseEvent<any>, props: any) => void;
     primary?: boolean;
     activeClassName: string;
     componentClass: React.ReactType;
@@ -80,7 +80,7 @@ export class Action extends React.Component<ActionProps> {
         type: 'button',
         componentClass: 'button',
         tooltipPlacement: 'bottom',
-        activeClassName: 'is-active',
+        activeClassName: 'is-active'
     };
 
     dom: any;
@@ -89,7 +89,7 @@ export class Action extends React.Component<ActionProps> {
     handleAction(e: React.MouseEvent<any>) {
         const {onAction, onClick, disabled} = this.props;
 
-        const result:any = onClick && onClick(e, this.props);
+        const result: any = onClick && onClick(e, this.props);
 
         if (disabled || e.isDefaultPrevented() || result === false || !onAction) {
             return;
@@ -125,7 +125,7 @@ export class Action extends React.Component<ActionProps> {
             active,
             activeLevel,
             tooltipContainer,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         let isActive = !!active;
@@ -138,7 +138,7 @@ export class Action extends React.Component<ActionProps> {
             <a
                 className={cx(className, {
                     [activeClassName || 'is-active']: isActive,
-                    'is-disabled': disabled,
+                    'is-disabled': disabled
                 })}
                 onClick={this.handleAction}
             >
@@ -148,7 +148,7 @@ export class Action extends React.Component<ActionProps> {
         ) : (
             <Button
                 className={cx(className, {
-                    [activeClassName || 'is-active']: isActive,
+                    [activeClassName || 'is-active']: isActive
                 })}
                 size={size}
                 level={activeLevel && isActive ? activeLevel : level || (primary ? 'primary' : undefined)}
@@ -174,7 +174,7 @@ export default themeable(Action);
 
 @Renderer({
     test: /(^|\/)action$/,
-    name: 'action',
+    name: 'action'
 })
 export class ActionRenderer extends React.Component<
     RendererProps &
@@ -219,18 +219,18 @@ export class ActionRenderer extends React.Component<
 
 @Renderer({
     test: /(^|\/)button$/,
-    name: 'button',
+    name: 'button'
 })
 export class ButtonRenderer extends ActionRenderer {}
 
 @Renderer({
     test: /(^|\/)submit$/,
-    name: 'submit',
+    name: 'submit'
 })
 export class SubmitRenderer extends ActionRenderer {}
 
 @Renderer({
     test: /(^|\/)reset$/,
-    name: 'reset',
+    name: 'reset'
 })
 export class ResetRenderer extends ActionRenderer {}
diff --git a/src/renderers/Alert.tsx b/src/renderers/Alert.tsx
index 77f500b3e..08e425a15 100644
--- a/src/renderers/Alert.tsx
+++ b/src/renderers/Alert.tsx
@@ -4,7 +4,7 @@ import Alert, {AlertProps} from '../components/Alert2';
 
 @Renderer({
     test: /(^|\/)alert$/,
-    name: 'alert',
+    name: 'alert'
 })
 export class TplRenderer extends React.Component<AlertProps & RendererProps> {
     render() {
diff --git a/src/renderers/Audio.tsx b/src/renderers/Audio.tsx
index ce3a21a10..2e9094d86 100644
--- a/src/renderers/Audio.tsx
+++ b/src/renderers/Audio.tsx
@@ -50,7 +50,11 @@ export class Audio extends React.Component<AudioProps, AudioState> {
     };
 
     state: AudioState = {
-        src: this.props.value || (this.props.src ? filter(this.props.src, this.props.data) : '') || resolveVariable(this.props.name, this.props.data) || '',
+        src:
+            this.props.value ||
+            (this.props.src ? filter(this.props.src, this.props.data) : '') ||
+            resolveVariable(this.props.name, this.props.data) ||
+            '',
         isReady: false,
         muted: false,
         playing: false,
@@ -61,7 +65,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
         loaded: 0,
         playbackRate: 1.0,
         showHandlePlaybackRate: false,
-        showHandleVolume: false,
+        showHandleVolume: false
     };
 
     componentWillUnmount() {
@@ -74,26 +78,29 @@ export class Audio extends React.Component<AudioProps, AudioState> {
         const playing = autoPlay ? true : false;
         this.setState(
             {
-                playing: playing,
+                playing: playing
             },
             this.progress
         );
     }
 
-    componentWillReceiveProps(nextProps:AudioProps) {
+    componentWillReceiveProps(nextProps: AudioProps) {
         const props = this.props;
 
         if (
             props.value !== nextProps.value ||
             filter(props.src as string, props.data) !== filter(nextProps.src as string, nextProps.data)
         ) {
-            this.setState({
-                src: nextProps.value || filter(nextProps.src as string, nextProps.data),
-                playing: false
-            }, () => {
-                this.audio.load();
-                this.progress();
-            });
+            this.setState(
+                {
+                    src: nextProps.value || filter(nextProps.src as string, nextProps.data),
+                    playing: false
+                },
+                () => {
+                    this.audio.load();
+                    this.progress();
+                }
+            );
         }
     }
 
@@ -108,7 +115,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
             playing = played != 1 && playing ? true : false;
             this.setState({
                 played,
-                playing,
+                playing
             });
             this.progressTimeout = setTimeout(this.progress, this.props.progressInterval / this.state.playbackRate);
         }
@@ -122,7 +129,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
     @autobind
     load() {
         this.setState({
-            isReady: true,
+            isReady: true
         });
     }
 
@@ -131,7 +138,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
         this.audio.playbackRate = rate;
         this.setState({
             playbackRate: rate,
-            showHandlePlaybackRate: false,
+            showHandlePlaybackRate: false
         });
     }
 
@@ -145,7 +152,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
         this.audio.muted = !muted;
         this.setState({
             muted: !muted,
-            volume: curVolume,
+            volume: curVolume
         });
     }
 
@@ -157,7 +164,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
         let playing = this.state.playing;
         playing ? this.audio.pause() : this.audio.play();
         this.setState({
-            playing: !playing,
+            playing: !playing
         });
     }
 
@@ -227,7 +234,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
         playing = played < 1 || loop ? playing : false;
         this.setState({
             playing: playing,
-            seeking: false,
+            seeking: false
         });
     }
 
@@ -240,7 +247,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
         this.audio.volume = volume;
         this.setState({
             volume: volume,
-            prevVolume: volume,
+            prevVolume: volume
         });
     }
 
@@ -267,7 +274,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
             return;
         }
         this.setState({
-            showHandlePlaybackRate: !this.state.showHandlePlaybackRate,
+            showHandlePlaybackRate: !this.state.showHandlePlaybackRate
         });
     }
 
@@ -277,42 +284,33 @@ export class Audio extends React.Component<AudioProps, AudioState> {
             return;
         }
         this.setState({
-            showHandleVolume: type,
+            showHandleVolume: type
         });
     }
 
     renderRates() {
-        const {
-            rates,
-            classnames: cx
-        } = this.props;
-        const {
-            showHandlePlaybackRate,
-            playbackRate
-        } = this.state;
+        const {rates, classnames: cx} = this.props;
+        const {showHandlePlaybackRate, playbackRate} = this.state;
 
-        return (
-            rates && rates.length ?
-                showHandlePlaybackRate ? (
-                    <div className={cx('Audio-rateControl')}>
-                        {rates.map((rate, index) =>
-                            <div
-                                key={index}
-                                className={cx('Audio-rateControlItem')}
-                                onClick={() => this.handlePlaybackRate(rate)}>
-                                x{rate.toFixed(1)}
-                            </div>
-                        )}
-                    </div>
-                ) : (
-                    <div
-                        className={cx('Audio-rates')}
-                        onClick={this.toggleHandlePlaybackRate}>
-                        x{playbackRate.toFixed(1)}
-                    </div>
-                )
-                : null
-        )
+        return rates && rates.length ? (
+            showHandlePlaybackRate ? (
+                <div className={cx('Audio-rateControl')}>
+                    {rates.map((rate, index) => (
+                        <div
+                            key={index}
+                            className={cx('Audio-rateControlItem')}
+                            onClick={() => this.handlePlaybackRate(rate)}
+                        >
+                            x{rate.toFixed(1)}
+                        </div>
+                    ))}
+                </div>
+            ) : (
+                <div className={cx('Audio-rates')} onClick={this.toggleHandlePlaybackRate}>
+                    x{playbackRate.toFixed(1)}
+                </div>
+            )
+        ) : null;
     }
 
     renderPlay() {
@@ -320,12 +318,10 @@ export class Audio extends React.Component<AudioProps, AudioState> {
         const {playing} = this.state;
 
         return (
-            <div
-                className={cx('Audio-play')}
-                onClick={this.handlePlaying}>
+            <div className={cx('Audio-play')} onClick={this.handlePlaying}>
                 {playing ? <Icon icon="pause" className="icon" /> : <Icon icon="play" className="icon" />}
             </div>
-        )
+        );
     }
 
     renderTime() {
@@ -335,7 +331,7 @@ export class Audio extends React.Component<AudioProps, AudioState> {
             <div className={cx('Audio-times')}>
                 {this.getCurrentTime()} / {this.getDuration()}
             </div>
-        )
+        );
     }
 
     renderProcess() {
@@ -346,56 +342,38 @@ export class Audio extends React.Component<AudioProps, AudioState> {
             <div className={cx('Audio-process')}>
                 <input
                     type="range"
-                    min={0} max={1} step="any"
+                    min={0}
+                    max={1}
+                    step="any"
                     value={played || 0}
                     onMouseDown={this.onSeekMouseDown}
                     onChange={this.onSeekChange}
-                    onMouseUp={this.onSeekMouseUp} />
+                    onMouseUp={this.onSeekMouseUp}
+                />
             </div>
-        )
+        );
     }
 
     renderVolume() {
         const {classnames: cx} = this.props;
-        const {
-            volume,
-            showHandleVolume
-        } = this.state;
+        const {volume, showHandleVolume} = this.state;
 
-        return (
-            showHandleVolume ? (
-                <div
-                    className={cx('Audio-volumeControl')}
-                    onMouseLeave={() => this.toggleHandleVolume(false)}>
-                    <div
-                        className={cx('Audio-volumeControlIcon')}
-                        onClick={this.handleMute}>
-                        {volume > 0 ? <Icon icon="volume" className="icon" /> : <Icon icon="mute" className="icon" />}
-                    </div>
-                    <input
-                        type='range' min={0} max={1} step='any'
-                        value={volume}
-                        onChange={this.setVolume} />
-                </div>
-            ) : (
-                <div
-                    className={cx('Audio-volume')}
-                    onMouseEnter={() => this.toggleHandleVolume(true)}>
+        return showHandleVolume ? (
+            <div className={cx('Audio-volumeControl')} onMouseLeave={() => this.toggleHandleVolume(false)}>
+                <div className={cx('Audio-volumeControlIcon')} onClick={this.handleMute}>
                     {volume > 0 ? <Icon icon="volume" className="icon" /> : <Icon icon="mute" className="icon" />}
                 </div>
-            )
-        )
+                <input type="range" min={0} max={1} step="any" value={volume} onChange={this.setVolume} />
+            </div>
+        ) : (
+            <div className={cx('Audio-volume')} onMouseEnter={() => this.toggleHandleVolume(true)}>
+                {volume > 0 ? <Icon icon="volume" className="icon" /> : <Icon icon="mute" className="icon" />}
+            </div>
+        );
     }
 
     render() {
-        const {
-            className,
-            inline,
-            autoPlay,
-            loop,
-            controls,
-            classnames: cx
-        } = this.props;
+        const {className, inline, autoPlay, loop, controls, classnames: cx} = this.props;
         const {muted, src} = this.state;
 
         return (
@@ -407,19 +385,23 @@ export class Audio extends React.Component<AudioProps, AudioState> {
                     autoPlay={autoPlay}
                     controls
                     muted={muted}
-                    loop={loop}>
+                    loop={loop}
+                >
                     <source src={src} />
                 </audio>
                 <div className={cx('Audio-controls')}>
-                    {controls && controls.map((control:string, index:number) => {
-                        control = 'render' + upperFirst(control);
-                        const method:'renderRates'|'renderPlay'|'renderTime'|'renderProcess'|'renderVolume'|'render' = control as any;
-                        return (
-                            <React.Fragment key={index}>
-                                {this[method]()}
-                            </React.Fragment>
-                        )
-                    })}
+                    {controls &&
+                        controls.map((control: string, index: number) => {
+                            control = 'render' + upperFirst(control);
+                            const method:
+                                | 'renderRates'
+                                | 'renderPlay'
+                                | 'renderTime'
+                                | 'renderProcess'
+                                | 'renderVolume'
+                                | 'render' = control as any;
+                            return <React.Fragment key={index}>{this[method]()}</React.Fragment>;
+                        })}
                 </div>
             </div>
         );
@@ -428,6 +410,6 @@ export class Audio extends React.Component<AudioProps, AudioState> {
 
 @Renderer({
     test: /(^|\/)audio/,
-    name: 'audio',
+    name: 'audio'
 })
 export class AudioRenderer extends Audio {}
diff --git a/src/renderers/ButtonGroup.tsx b/src/renderers/ButtonGroup.tsx
index 164440ee2..b4916482e 100644
--- a/src/renderers/ButtonGroup.tsx
+++ b/src/renderers/ButtonGroup.tsx
@@ -6,6 +6,6 @@ export default ButtonGroup;
 
 @Renderer({
     test: /(^|\/)(?:button|action)\-group$/,
-    name: 'button-group',
+    name: 'button-group'
 })
 export class ButtonGroupRenderer extends ButtonGroup {}
diff --git a/src/renderers/ButtonToolbar.tsx b/src/renderers/ButtonToolbar.tsx
index 9fabbc3ae..0c27be384 100644
--- a/src/renderers/ButtonToolbar.tsx
+++ b/src/renderers/ButtonToolbar.tsx
@@ -17,7 +17,7 @@ export default class ButtonToolbar extends React.Component<ButtonToolbarProps, o
                 {Array.isArray(buttons)
                     ? buttons.map((button, key) =>
                           render(`${key}`, button, {
-                              key,
+                              key
                           })
                       )
                     : null}
@@ -28,6 +28,6 @@ export default class ButtonToolbar extends React.Component<ButtonToolbarProps, o
 
 @Renderer({
     test: /(^|\/)button-toolbar$/,
-    name: 'button-toolbar',
+    name: 'button-toolbar'
 })
 export class ButtonToolbarRenderer extends ButtonToolbar {}
diff --git a/src/renderers/CRUD.tsx b/src/renderers/CRUD.tsx
index 253e0be03..7c123a3d7 100644
--- a/src/renderers/CRUD.tsx
+++ b/src/renderers/CRUD.tsx
@@ -127,7 +127,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
         silentPolling: false,
         filterTogglable: false,
         filterDefaultVisible: true,
-        loadDataOnce: false,
+        loadDataOnce: false
     };
 
     control: any;
@@ -274,7 +274,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                 nextIndex: idx + 1,
                 hasPrev: idx > 0,
                 prevIndex: idx - 1,
-                index: idx,
+                index: idx
             });
         } else if (action.actionType === 'ajax') {
             const data = ctx;
@@ -285,7 +285,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             return store
                 .saveRemote(action.api, data, {
                     successMessage: (action.messages && action.messages.success) || (messages && messages.saveSuccess),
-                    errorMessage: (action.messages && action.messages.failed) || (messages && messages.saveFailed),
+                    errorMessage: (action.messages && action.messages.failed) || (messages && messages.saveFailed)
                 })
                 .then(async (payload: object) => {
                     const data = createObject(ctx, payload);
@@ -301,7 +301,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                 .catch(() => {});
         } else if (pickerMode && (action.actionType === 'confirm' || action.actionType === 'submit')) {
             return Promise.resolve({
-                items: store.selectedItems.concat(),
+                items: store.selectedItems.concat()
             });
         } else {
             onAction(e, action, ctx);
@@ -325,7 +325,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             rows: selectedItems,
             items: selectedItems,
             unSelectedItems: unSelectedItems,
-            ids,
+            ids
         });
 
         if (action.actionType === 'dialog') {
@@ -333,7 +333,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                 e,
                 {
                     ...action,
-                    __from: 'bulkAction',
+                    __from: 'bulkAction'
                 },
                 ctx
             );
@@ -341,8 +341,9 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             isEffectiveApi(action.api, ctx) &&
                 store
                     .saveRemote(action.api as string, ctx, {
-                        successMessage: (action.messages && action.messages.success) || (messages && messages.saveSuccess),
-                        errorMessage: (action.messages && action.messages.failed) || (messages && messages.saveFailed),
+                        successMessage:
+                            (action.messages && action.messages.success) || (messages && messages.saveSuccess),
+                        errorMessage: (action.messages && action.messages.failed) || (messages && messages.saveFailed)
                     })
                     .then(async () => {
                         if (action.feedback && isVisible(action.feedback, store.data)) {
@@ -371,7 +372,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             {
                 ...defaultParams,
                 ...values,
-                ...store.query,
+                ...store.query
             },
             false,
             true,
@@ -384,7 +385,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
 
         pickerMode &&
             store.updateData({
-                items: options || [],
+                items: options || []
             });
 
         // 只执行一次。
@@ -416,7 +417,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
         store.updateQuery(
             {
                 ...values,
-                [pageField || 'page']: jumpToFirstPage ? 1 : store.page,
+                [pageField || 'page']: jumpToFirstPage ? 1 : store.page
             },
             syncLocation && env && env.updateLocation
                 ? (location: any) => env.updateLocation(location, replaceLocation)
@@ -458,10 +459,10 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             return this.handleAction(
                 undefined,
                 {
-                    ...dialogAction,
+                    ...dialogAction
                 },
                 createObject(store.data.items[ctx.nextIndex], {
-                    index: ctx.nextIndex,
+                    index: ctx.nextIndex
                 })
             );
         } else if (
@@ -472,10 +473,10 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             return this.handleAction(
                 undefined,
                 {
-                    ...dialogAction,
+                    ...dialogAction
                 },
                 createObject(store.data.items[ctx.prevIndex], {
-                    index: ctx.prevIndex,
+                    index: ctx.prevIndex
                 })
             );
         } else if (values.length) {
@@ -487,7 +488,8 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                 // 数据保存了，说明列表数据已经无效了，重新刷新。
                 if (value && (value as any).__saved) {
                     // 配置了 reload 则跳过自动更新。
-                    dialogAction.reload || this.search(dialogAction.__from ? {[pageField || 'page']: 1} : undefined, undefined, true);
+                    dialogAction.reload ||
+                        this.search(dialogAction.__from ? {[pageField || 'page']: 1} : undefined, undefined, true);
                 } else if (
                     value &&
                     ((value.hasOwnProperty('items') && (value as any).items) || value.hasOwnProperty('ids')) &&
@@ -518,7 +520,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             store.setCurrentAction({
                 type: 'button',
                 actionType: 'dialog',
-                dialog: dialog,
+                dialog: dialog
             });
             store.openDialog(ctx, undefined, confirmed => {
                 resolve(confirmed);
@@ -581,7 +583,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                     pageField,
                     perPageField,
                     loadDataMode,
-                    syncResponse2Query,
+                    syncResponse2Query
                 })
                 .then(value => {
                     interval &&
@@ -607,7 +609,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
         const {store, syncLocation, env, pageField, perPageField, autoJumpToTopOnPagerChange} = this.props;
 
         let query: any = {
-            [pageField || 'page']: page,
+            [pageField || 'page']: page
         };
 
         if (perPage) {
@@ -646,7 +648,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             const data: any = createObject(store.data, {
                 rows,
                 rowsDiff: diff,
-                indexes: indexes,
+                indexes: indexes
             });
 
             if (rows.length && rows[0].hasOwnProperty(primaryField || 'id')) {
@@ -660,7 +662,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             store
                 .saveRemote(quickSaveApi, data, {
                     successMessage: messages && messages.saveFailed,
-                    errorMessage: messages && messages.saveSuccess,
+                    errorMessage: messages && messages.saveSuccess
                 })
                 .then(() => {
                     reload && this.reloadTarget(reload, data);
@@ -675,7 +677,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
 
             const data = createObject(store.data, {
                 item: rows,
-                modified: diff,
+                modified: diff
             });
 
             const sendData = createObject(data, rows);
@@ -754,7 +756,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             const start = (store.page - 1) * store.perPage || 0;
             rows = rows.map((item, key) =>
                 extendObject(item, {
-                    [orderField]: start + key + 1,
+                    [orderField]: start + key + 1
                 })
             );
         }
@@ -825,7 +827,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
         store.updateQuery(
             {
                 ...values,
-                [pageField || 'page']: 1,
+                [pageField || 'page']: 1
             },
             syncLocation && env && env.updateLocation ? env.updateLocation : undefined,
             pageField,
@@ -900,7 +902,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             bulkBtns = bulkActions
                 .map(item => ({
                     ...item,
-                    ...getExprProperties(item as Schema, ctx),
+                    ...getExprProperties(item as Schema, ctx)
                 }))
                 .filter(item => !item.hidden && item.visible !== false);
         }
@@ -911,7 +913,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             itemBtns = itemActions
                 .map(item => ({
                     ...item,
-                    ...getExprProperties(item as Schema, itemData),
+                    ...getExprProperties(item as Schema, itemData)
                 }))
                 .filter(item => !item.hidden && item.visible !== false);
         }
@@ -947,7 +949,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             bulkBtns = bulkActions
                 .map(item => ({
                     ...item,
-                    ...getExprProperties(item as Schema, ctx),
+                    ...getExprProperties(item as Schema, ctx)
                 }))
                 .filter(item => !item.hidden && item.visible !== false);
         }
@@ -958,7 +960,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             itemBtns = itemActions
                 .map(item => ({
                     ...item,
-                    ...getExprProperties(item as Schema, itemData),
+                    ...getExprProperties(item as Schema, itemData)
                 }))
                 .filter(item => !item.hidden && item.visible !== false);
         }
@@ -971,17 +973,13 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                         {
                             size: 'sm',
                             ...omit(btn, ['visibleOn', 'hiddenOn', 'disabledOn']),
-                            type: 'button',
+                            type: 'button'
                         },
                         {
                             key: `bulk-${index}`,
                             data: ctx,
                             disabled: btn.disabled || (btn.requireSelected !== false ? !selectedItems.length : false),
-                            onAction: this.handleBulkAction.bind(
-                                this,
-                                selectedItems.concat(),
-                                unSelectedItems.concat()
-                            ),
+                            onAction: this.handleBulkAction.bind(this, selectedItems.concat(), unSelectedItems.concat())
                         }
                     )
                 )}
@@ -992,13 +990,13 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                         {
                             size: 'sm',
                             ...omit(btn, ['visibleOn', 'hiddenOn', 'disabledOn']),
-                            type: 'button',
+                            type: 'button'
                         },
                         {
                             key: `item-${index}`,
                             data: itemData,
                             disabled: btn.disabled,
-                            onAction: this.handleItemAction.bind(this, btn, itemData),
+                            onAction: this.handleItemAction.bind(this, btn, itemData)
                         }
                     )
                 )}
@@ -1020,7 +1018,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                 {render(
                     'pagination',
                     {
-                        type: 'pagination',
+                        type: 'pagination'
                     },
                     {
                         activePage: page,
@@ -1057,7 +1055,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
 
         const perPages = (perPageAvailable || [5, 10, 20, 50, 100]).map((item: any) => ({
             label: item,
-            value: item + '',
+            value: item + ''
         }));
 
         return (
@@ -1142,7 +1140,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             const children: Array<any> = toolbar
                 .map((toolbar, index) => ({
                     dom: this.renderToolbar(toolbar, index, childProps, toolbarRenderer),
-                    toolbar,
+                    toolbar
                 }))
                 .filter(item => item.dom);
             const len = children.length;
@@ -1196,7 +1194,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                 createObject(store.filterData, {
                     items: childProps.items,
                     selectedItems: childProps.selectedItems,
-                    unSelectedItems: childProps.unSelectedItems,
+                    unSelectedItems: childProps.unSelectedItems
                 }),
                 {}
             ),
@@ -1207,7 +1205,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             onAction: this.handleAction,
             onChangePage: this.handleChangePage,
             onBulkAction: this.handleBulkAction,
-            $$editable,
+            $$editable
         });
     }
 
@@ -1264,9 +1262,11 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                             ×
                         </span>
                         <span className={cx('Crud-valueLabel')}>
-                            {labelTpl
-                                ? (<Html html={filter(labelTpl, item)} />)
-                                : getVariable(item, labelField || 'label') || getVariable(item, primaryField || 'id')}
+                            {labelTpl ? (
+                                <Html html={filter(labelTpl, item)} />
+                            ) : (
+                                getVariable(item, labelField || 'label') || getVariable(item, primaryField || 'id')
+                            )}
                         </span>
                     </div>
                 ))}
@@ -1303,7 +1303,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
         return (
             <div
                 className={cx('Crud', className, {
-                    'is-loading': store.loading,
+                    'is-loading': store.loading
                 })}
             >
                 {filter && (!store.filterTogggable || store.filterVisible)
@@ -1315,14 +1315,14 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                               submitText: '搜索',
                               ...filter,
                               type: 'form',
-                              api: null,
+                              api: null
                           },
                           {
                               key: 'filter',
                               data: store.filterData,
                               onReset: this.handleFilterReset,
                               onSubmit: this.handleFilterSubmit,
-                              onInit: this.handleFilterInit,
+                              onInit: this.handleFilterInit
                           }
                       )
                     : null}
@@ -1333,7 +1333,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                     'body',
                     {
                         ...rest,
-                        type: mode || 'table',
+                        type: mode || 'table'
                     },
                     {
                         key: 'body',
@@ -1360,7 +1360,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                         onPopOverClose: this.handleChildPopOverClose,
                         headerToolbarRender: this.renderHeaderToolbar,
                         footerToolbarRender: this.renderFooterToolbar,
-                        data: store.mergedData,
+                        data: store.mergedData
                     }
                 )}
 
@@ -1369,11 +1369,11 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                           'info',
                           {
                               type: 'spinner',
-                              overlay: true,
+                              overlay: true
                           },
                           {
                               size: 'lg',
-                              key: 'info',
+                              key: 'info'
                           }
                       )
                     : null}
@@ -1382,14 +1382,14 @@ export default class CRUD extends React.Component<CRUDProps, any> {
                     'dialog',
                     {
                         ...((store.action as Action) && ((store.action as Action).dialog as object)),
-                        type: 'dialog',
+                        type: 'dialog'
                     },
                     {
                         key: 'dialog',
                         data: store.dialogData,
                         onConfirm: this.handleDialogConfirm,
                         onClose: this.handleDialogClose,
-                        show: store.dialogOpen,
+                        show: store.dialogOpen
                     }
                 )}
             </div>
@@ -1400,7 +1400,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
 @Renderer({
     test: /(^|\/)crud$/,
     storeType: CRUDStore.name,
-    name: 'crud',
+    name: 'crud'
 })
 export class CRUDRenderer extends CRUD {
     static contextType = ScopedContext;
diff --git a/src/renderers/Card.tsx b/src/renderers/Card.tsx
index 786248f38..cb85867e6 100644
--- a/src/renderers/Card.tsx
+++ b/src/renderers/Card.tsx
@@ -31,7 +31,7 @@ export class Card extends React.Component<CardProps> {
         titleClassName: '',
         highlightClassName: '',
         subTitleClassName: '',
-        descClassName: '',
+        descClassName: ''
     };
 
     static propsList: Array<string> = [
@@ -43,7 +43,7 @@ export class Card extends React.Component<CardProps> {
         'highlightClassName',
         'subTitleClassName',
         'descClassName',
-        'hideCheckToggler',
+        'hideCheckToggler'
     ];
 
     constructor(props: CardProps) {
@@ -63,10 +63,9 @@ export class Card extends React.Component<CardProps> {
         let formItem;
 
         if (
-            !e.currentTarget.contains(target) 
-            || ~['INPUT', 'TEXTAREA'].indexOf(target.tagName) 
-            || (formItem = target.closest(`button, a, .${ns}Form-item`)) 
-                && e.currentTarget.contains(formItem)
+            !e.currentTarget.contains(target) ||
+            ~['INPUT', 'TEXTAREA'].indexOf(target.tagName) ||
+            ((formItem = target.closest(`button, a, .${ns}Form-item`)) && e.currentTarget.contains(formItem))
         ) {
             return;
         }
@@ -105,7 +104,7 @@ export class Card extends React.Component<CardProps> {
             multiple,
             hideCheckToggler,
             classnames: cx,
-            classPrefix: ns,
+            classPrefix: ns
         } = this.props;
 
         if (dragging) {
@@ -147,7 +146,7 @@ export class Card extends React.Component<CardProps> {
                                 level: 'link',
                                 type: 'button',
                                 ...action,
-                                size,
+                                size
                             },
                             {
                                 isMenuItem: true,
@@ -159,7 +158,7 @@ export class Card extends React.Component<CardProps> {
                                     action.className || `${size ? `Card-action--${size}` : ''}`
                                 ),
                                 componentClass: 'a',
-                                onAction: this.handleAction,
+                                onAction: this.handleAction
                             }
                         );
                     })}
@@ -182,7 +181,7 @@ export class Card extends React.Component<CardProps> {
         if (childNode.type === 'hbox' || childNode.type === 'grid') {
             return render(region, node, {
                 key,
-                itemRender: this.itemRender,
+                itemRender: this.itemRender
             }) as JSX.Element;
         }
 
@@ -197,7 +196,7 @@ export class Card extends React.Component<CardProps> {
         const {render, classnames: cx, itemIndex} = props;
         const data = this.props.data;
         if (!isVisible(field, data)) {
-            return ;
+            return;
         }
 
         const $$id = field.$$id ? `${field.$$id}-field` : '';
@@ -215,7 +214,7 @@ export class Card extends React.Component<CardProps> {
                             ...field,
                             field: field,
                             $$id,
-                            type: 'card-item-field',
+                            type: 'card-item-field'
                         },
                         {
                             className: cx('Card-fieldValue', field.className),
@@ -224,7 +223,7 @@ export class Card extends React.Component<CardProps> {
                             value: field.name ? resolveVariable(field.name, data) : undefined,
                             popOverContainer: this.getPopOverContainer,
                             onAction: this.handleAction,
-                            onQuickChange: this.handleQuickChange,
+                            onQuickChange: this.handleQuickChange
                         }
                     ) as JSX.Element
                 }
@@ -260,7 +259,7 @@ export class Card extends React.Component<CardProps> {
             checkOnItemClick,
             checkable,
             classnames: cx,
-            classPrefix: ns,
+            classPrefix: ns
         } = this.props;
 
         let heading = null;
@@ -275,7 +274,7 @@ export class Card extends React.Component<CardProps> {
                 subTitle: subTitleTpl,
                 subTitlePlaceholder,
                 desc: descTpl,
-                descPlaceholder,
+                descPlaceholder
             } = header;
 
             const highlight = !!evalExpression(highlightTpl, data as object);
@@ -305,7 +304,7 @@ export class Card extends React.Component<CardProps> {
                         {subTitle || subTitlePlaceholder ? (
                             <div className={cx('Card-subTitle', header.subTitleClassName || subTitleClassName)}>
                                 {render('sub-title', subTitle || subTitlePlaceholder, {
-                                    className: cx(!subTitle ? 'Card-placeholder' : undefined),
+                                    className: cx(!subTitle ? 'Card-placeholder' : undefined)
                                 })}
                             </div>
                         ) : null}
@@ -313,7 +312,7 @@ export class Card extends React.Component<CardProps> {
                         {desc || descPlaceholder ? (
                             <div className={cx('Card-desc', header.descClassName || descClassName)}>
                                 {render('desc', desc || descPlaceholder, {
-                                    className: !desc ? 'text-muted' : undefined,
+                                    className: !desc ? 'text-muted' : undefined
                                 })}
                             </div>
                         ) : null}
@@ -340,13 +339,13 @@ export class Card extends React.Component<CardProps> {
 
 @Renderer({
     test: /(^|\/)card$/,
-    name: 'card',
+    name: 'card'
 })
 export class CardRenderer extends Card {}
 
 @Renderer({
     test: /(^|\/)card-item-field$/,
-    name: 'card-item',
+    name: 'card-item'
 })
 @QuickEdit()
 @PopOver()
@@ -354,7 +353,7 @@ export class CardRenderer extends Card {}
 export class CardItemFieldRenderer extends TableCell {
     static defaultProps = {
         ...TableCell.defaultProps,
-        wrapperComponent: 'div',
+        wrapperComponent: 'div'
     };
 
     static propsList = ['quickEdit', 'popOver', 'copyable', ...TableCell.propsList];
@@ -381,7 +380,7 @@ export class CardItemFieldRenderer extends TableCell {
         const schema = {
             ...field,
             className: innerClassName,
-            type: (field && field.type) || 'plain',
+            type: (field && field.type) || 'plain'
         };
 
         let body = children
@@ -389,7 +388,7 @@ export class CardItemFieldRenderer extends TableCell {
             : render('field', schema, {
                   ...rest,
                   value,
-                  data,
+                  data
               });
 
         if (width) {
diff --git a/src/renderers/Cards.tsx b/src/renderers/Cards.tsx
index 45f7aa8ec..cf3ad6219 100644
--- a/src/renderers/Cards.tsx
+++ b/src/renderers/Cards.tsx
@@ -69,7 +69,7 @@ export default class Cards extends React.Component<GridProps, object> {
         'itemDraggableOn',
         'masonryLayout',
         'items',
-        'valueField',
+        'valueField'
     ];
     static defaultProps: Partial<GridProps> = {
         className: '',
@@ -83,7 +83,7 @@ export default class Cards extends React.Component<GridProps, object> {
         hideCheckToggler: false,
         masonryLayout: false,
         affixHeader: true,
-        itemsClassName: '',
+        itemsClassName: ''
     };
 
     dragTip?: HTMLElement;
@@ -92,7 +92,7 @@ export default class Cards extends React.Component<GridProps, object> {
     body?: any;
     // fixAlignmentLazy: Function;
     unSensor: Function;
-    renderedToolbars:Array<string>;
+    renderedToolbars: Array<string>;
 
     constructor(props: GridProps) {
         super(props);
@@ -148,7 +148,7 @@ export default class Cards extends React.Component<GridProps, object> {
             multiple,
             hideCheckToggler,
             itemCheckableOn,
-            itemDraggableOn,
+            itemDraggableOn
         } = this.props;
 
         store.update({
@@ -159,7 +159,7 @@ export default class Cards extends React.Component<GridProps, object> {
             multiple,
             hideCheckToggler,
             itemCheckableOn,
-            itemDraggableOn,
+            itemDraggableOn
         });
 
         Cards.syncItems(store, this.props);
@@ -192,7 +192,7 @@ export default class Cards extends React.Component<GridProps, object> {
                     'multiple',
                     'hideCheckToggler',
                     'itemCheckableOn',
-                    'itemDraggableOn',
+                    'itemDraggableOn'
                 ],
                 props,
                 nextProps
@@ -206,7 +206,7 @@ export default class Cards extends React.Component<GridProps, object> {
                 multiple: nextProps.multiple,
                 hideCheckToggler: nextProps.hideCheckToggler,
                 itemCheckableOn: nextProps.itemCheckableOn,
-                itemDraggableOn: nextProps.itemDraggableOn,
+                itemDraggableOn: nextProps.itemDraggableOn
             });
         }
 
@@ -311,7 +311,7 @@ export default class Cards extends React.Component<GridProps, object> {
                 null,
                 {
                     actionType: 'ajax',
-                    api: saveImmediately.api,
+                    api: saveImmediately.api
                 },
                 values
             );
@@ -403,7 +403,7 @@ export default class Cards extends React.Component<GridProps, object> {
                 }
 
                 store.exchange(e.oldIndex, e.newIndex);
-            },
+            }
         });
     }
 
@@ -420,16 +420,20 @@ export default class Cards extends React.Component<GridProps, object> {
             actions.unshift({
                 type: 'button',
                 children: btn
-            })
+            });
         }
 
-        if (region === 'header' && !~this.renderedToolbars.indexOf('drag-toggler') && (btn = this.renderDragToggler())) {
+        if (
+            region === 'header' &&
+            !~this.renderedToolbars.indexOf('drag-toggler') &&
+            (btn = this.renderDragToggler())
+        ) {
             actions.unshift({
                 type: 'button',
                 children: btn
-            })
+            });
         }
-        
+
         return Array.isArray(actions) && actions.length ? (
             <div className={cx('Cards-actions')}>
                 {actions.map((action, key) =>
@@ -437,12 +441,12 @@ export default class Cards extends React.Component<GridProps, object> {
                         `action/${key}`,
                         {
                             type: 'button',
-                            ...action,
+                            ...action
                         },
                         {
                             onAction: this.handleAction,
                             key,
-                            btnDisabled: store.dragging,
+                            btnDisabled: store.dragging
                         }
                     )
                 )}
@@ -517,7 +521,7 @@ export default class Cards extends React.Component<GridProps, object> {
             showHeader,
             render,
             store,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         if (showHeader === false) {
@@ -525,12 +529,15 @@ export default class Cards extends React.Component<GridProps, object> {
         }
 
         const child = headerToolbarRender
-            ? headerToolbarRender({
-                  ...this.props,
-                  selectedItems: store.selectedItems.map(item => item.data),
-                  items: store.items.map(item => item.data),
-                  unSelectedItems: store.unSelectedItems.map(item => item.data),
-              }, this.renderToolbar)
+            ? headerToolbarRender(
+                  {
+                      ...this.props,
+                      selectedItems: store.selectedItems.map(item => item.data),
+                      items: store.items.map(item => item.data),
+                      unSelectedItems: store.unSelectedItems.map(item => item.data)
+                  },
+                  this.renderToolbar
+              )
             : null;
         const actions = this.renderActions('header');
         const toolbarNode =
@@ -562,7 +569,7 @@ export default class Cards extends React.Component<GridProps, object> {
             render,
             showFooter,
             store,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         if (showFooter === false) {
@@ -570,15 +577,18 @@ export default class Cards extends React.Component<GridProps, object> {
         }
 
         const child = footerToolbarRender
-            ? footerToolbarRender({
-                  ...this.props,
-                  selectedItems: store.selectedItems.map(item => item.data),
-                  items: store.items.map(item => item.data),
-                  unSelectedItems: store.unSelectedItems.map(item => item.data),
-            }, this.renderToolbar)
+            ? footerToolbarRender(
+                  {
+                      ...this.props,
+                      selectedItems: store.selectedItems.map(item => item.data),
+                      items: store.items.map(item => item.data),
+                      unSelectedItems: store.unSelectedItems.map(item => item.data)
+                  },
+                  this.renderToolbar
+              )
             : null;
         const actions = this.renderActions('footer');
-        
+
         const toolbarNode =
             actions || child ? (
                 <div className={cx('Cards-toolbar')} key="footer-toolbar">
@@ -595,12 +605,8 @@ export default class Cards extends React.Component<GridProps, object> {
     }
 
     renderCheckAll() {
-        const {
-            store,
-            multiple,
-            selectable,
-        } = this.props;
-        
+        const {store, multiple, selectable} = this.props;
+
         if (!store.selectable || !multiple || !selectable || store.dragging || !store.items.length) {
             return null;
         }
@@ -619,13 +625,8 @@ export default class Cards extends React.Component<GridProps, object> {
     }
 
     renderDragToggler() {
-        const {
-            store,
-            multiple,
-            selectable,
-            env
-        } = this.props;
-        
+        const {store, multiple, selectable, env} = this.props;
+
         if (!store.draggable || store.items.length < 2) {
             return null;
         }
@@ -679,7 +680,7 @@ export default class Cards extends React.Component<GridProps, object> {
             checkOnItemClick,
             masonryLayout,
             itemsClassName,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         this.renderedToolbars = []; // 用来记录哪些 toolbar 已经渲染了，已经渲染了就不重复渲染了。
@@ -710,7 +711,7 @@ export default class Cards extends React.Component<GridProps, object> {
             <div
                 ref={this.bodyRef}
                 className={cx('Cards', className, {
-                    'Cards--unsaved': !!store.modified || !!store.moved,
+                    'Cards--unsaved': !!store.modified || !!store.moved
                 })}
             >
                 {affixHeader ? (
@@ -730,13 +731,13 @@ export default class Cards extends React.Component<GridProps, object> {
                                         `${index}`,
                                         {
                                             type: 'card',
-                                            ...card,
+                                            ...card
                                         },
                                         {
                                             className: cx((card && card.className) || '', {
                                                 'is-checked': item.checked,
                                                 'is-modified': item.modified,
-                                                'is-moved': item.moved,
+                                                'is-moved': item.moved
                                             }),
                                             item,
                                             intemIndex: item.index,
@@ -752,7 +753,7 @@ export default class Cards extends React.Component<GridProps, object> {
                                             checkOnItemClick,
                                             onAction,
                                             onCheck: this.handleCheck,
-                                            onQuickChange: store.dragging ? null : this.handleQuickChange,
+                                            onQuickChange: store.dragging ? null : this.handleQuickChange
                                         }
                                     )}
                                 </div>
@@ -773,7 +774,7 @@ export default class Cards extends React.Component<GridProps, object> {
     test: /(^|\/)(?:crud\/body\/grid|cards)$/,
     name: 'cards',
     storeType: ListStore.name,
-    weight: -100, // 默认的 grid 不是这样，这个只识别 crud 下面的 grid
+    weight: -100 // 默认的 grid 不是这样，这个只识别 crud 下面的 grid
 })
 export class CardsRenderer extends Cards {
     dragging: boolean;
diff --git a/src/renderers/Carousel.tsx b/src/renderers/Carousel.tsx
index b94a309e5..cf7392aea 100644
--- a/src/renderers/Carousel.tsx
+++ b/src/renderers/Carousel.tsx
@@ -88,9 +88,10 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
         nextAnimation: ''
     };
 
-    componentWillReceiveProps(nextProps:CarouselProps) {
+    componentWillReceiveProps(nextProps: CarouselProps) {
         const currentOptions = this.state.options;
-        const nextOptions = nextProps.value || nextProps.options || resolveVariable(nextProps.name, nextProps.data) || [];
+        const nextOptions =
+            nextProps.value || nextProps.options || resolveVariable(nextProps.name, nextProps.data) || [];
         if (isArrayChilrenModified(currentOptions, nextOptions)) {
             this.setState({
                 options: nextOptions
@@ -103,11 +104,11 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
     }
 
     componentWillUnmount() {
-        this.clearAutoTimeout()
+        this.clearAutoTimeout();
     }
 
     @autobind
-    prepareAutoSlide () {
+    prepareAutoSlide() {
         if (this.state.options.length < 2) {
             return;
         }
@@ -119,14 +120,14 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
     }
 
     @autobind
-    autoSlide (rel?:string) {
+    autoSlide(rel?: string) {
         this.clearAutoTimeout();
         const {animation} = this.props;
         let {nextAnimation} = this.state;
 
         switch (rel) {
             case 'prev':
-                animation === 'slide' ? nextAnimation = 'slideRight' : nextAnimation = '';
+                animation === 'slide' ? (nextAnimation = 'slideRight') : (nextAnimation = '');
                 this.transitFramesTowards('right', nextAnimation);
                 break;
             case 'next':
@@ -140,7 +141,7 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
     }
 
     @autobind
-    transitFramesTowards (direction:string, nextAnimation: string) {
+    transitFramesTowards(direction: string, nextAnimation: string) {
         let {current} = this.state;
 
         switch (direction) {
@@ -159,7 +160,7 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
     }
 
     @autobind
-    getFrameId (pos?:string) {
+    getFrameId(pos?: string) {
         const {options, current} = this.state;
         const total = options.length;
         switch (pos) {
@@ -173,17 +174,17 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
     }
 
     @autobind
-    next () {
+    next() {
         this.autoSlide('next');
     }
 
     @autobind
-    prev () {
+    prev() {
         this.autoSlide('prev');
     }
 
     @autobind
-    clearAutoTimeout () {
+    clearAutoTimeout() {
         clearTimeout(this.intervalTimeout);
         clearTimeout(this.durationTimeout);
     }
@@ -197,11 +198,11 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
                 onMouseEnter={this.handleMouseEnter}
                 onMouseLeave={this.handleMouseLeave}
             >
-                {Array.from({length: options.length}).map((_, i) =>
-                    <span key={i} className={cx('Carousel-dot', current === i ? 'is-active' : '')}></span>
-                )}
+                {Array.from({length: options.length}).map((_, i) => (
+                    <span key={i} className={cx('Carousel-dot', current === i ? 'is-active' : '')} />
+                ))}
             </div>
-        )
+        );
     }
 
     renderArrows() {
@@ -212,10 +213,14 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
                 onMouseEnter={this.handleMouseEnter}
                 onMouseLeave={this.handleMouseLeave}
             >
-                <div className={cx('Carousel-leftArrow')} onClick={this.prev}><Icon icon="left-arrow" className="icon" /></div>
-                <div className={cx('Carousel-rightArrow')} onClick={this.next}><Icon icon="right-arrow" className="icon" /></div>
+                <div className={cx('Carousel-leftArrow')} onClick={this.prev}>
+                    <Icon icon="left-arrow" className="icon" />
+                </div>
+                <div className={cx('Carousel-rightArrow')} onClick={this.next}>
+                    <Icon icon="right-arrow" className="icon" />
+                </div>
             </div>
-        )
+        );
     }
 
     @autobind
@@ -249,19 +254,14 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
             data,
             name
         } = this.props;
-        const {
-            options,
-            showArrows,
-            current,
-            nextAnimation
-        } = this.state;
+        const {options, showArrows, current, nextAnimation} = this.state;
 
-        let body:JSX.Element | null = null;
+        let body: JSX.Element | null = null;
         let carouselStyles: {
             [propName: string]: string;
         } = {};
-        width ? carouselStyles.width = width + 'px' : '';
-        height ? carouselStyles.height = height + 'px' : '';
+        width ? (carouselStyles.width = width + 'px') : '';
+        height ? (carouselStyles.height = height + 'px') : '';
         const [dots, arrows] = [controls.indexOf('dots') > -1, controls.indexOf('arrows') > -1];
         const animationName = nextAnimation || animation;
 
@@ -272,24 +272,24 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
                     className={cx('Carousel-container')}
                     onMouseEnter={this.handleMouseEnter}
                     onMouseLeave={this.handleMouseLeave}
-                    >
-                    {options.map((option:any, key:number) => (
-                        <Transition
-                            mountOnEnter
-                            unmountOnExit
-                            in={key === current}
-                            timeout={500}
-                            key={key}
-                        >
-                            {(status:string) => {
+                >
+                    {options.map((option: any, key: number) => (
+                        <Transition mountOnEnter unmountOnExit in={key === current} timeout={500} key={key}>
+                            {(status: string) => {
                                 if (status === ENTERING) {
-                                    this.wrapperRef.current && this.wrapperRef.current.childNodes.forEach((item:HTMLElement) => item.offsetHeight);
+                                    this.wrapperRef.current &&
+                                        this.wrapperRef.current.childNodes.forEach(
+                                            (item: HTMLElement) => item.offsetHeight
+                                        );
                                 }
 
                                 return (
                                     <div className={cx('Carousel-item', animationName, animationStyles[status])}>
                                         {render(`${current}/body`, itemSchema ? itemSchema : defaultSchema, {
-                                            data: createObject(data, isObject(option) ? option : {item: option, [name]: option})
+                                            data: createObject(
+                                                data,
+                                                isObject(option) ? option : {item: option, [name]: option}
+                                            )
                                         })}
                                     </div>
                                 );
@@ -312,6 +312,6 @@ export class Carousel extends React.Component<CarouselProps, CarouselState> {
 
 @Renderer({
     test: /(^|\/)carousel/,
-    name: 'carousel',
+    name: 'carousel'
 })
 export class CarouselRenderer extends Carousel {}
diff --git a/src/renderers/Chart.tsx b/src/renderers/Chart.tsx
index fd8012fcc..7a0c39793 100644
--- a/src/renderers/Chart.tsx
+++ b/src/renderers/Chart.tsx
@@ -25,7 +25,7 @@ export interface ChartProps extends RendererProps {
 export class Chart extends React.Component<ChartProps> {
     static defaultProps: Partial<ChartProps> = {
         offsetY: 50,
-        replaceChartOption: false,
+        replaceChartOption: false
     };
 
     static propsList: Array<string> = [];
@@ -104,7 +104,7 @@ export class Chart extends React.Component<ChartProps> {
                     const height = ref.offsetHeight;
                     this.echarts.resize({
                         width,
-                        height,
+                        height
                     });
                 });
 
@@ -136,10 +136,9 @@ export class Chart extends React.Component<ChartProps> {
         }
         this.echarts && this.echarts.showLoading();
 
-        env
-            .fetcher(api, store.data, {
-                cancelExecutor: (executor: Function) => (this.reloadCancel = executor),
-            })
+        env.fetcher(api, store.data, {
+            cancelExecutor: (executor: Function) => (this.reloadCancel = executor)
+        })
             .then(result => {
                 delete this.reloadCancel;
                 this.renderChart(result.data || {});
@@ -212,7 +211,7 @@ export class Chart extends React.Component<ChartProps> {
 @Renderer({
     test: /(^|\/)chart$/,
     storeType: ServiceStore.name,
-    name: 'chart',
+    name: 'chart'
 })
 export class ChartRenderer extends Chart {
     static contextType = ScopedContext;
diff --git a/src/renderers/Collapse.tsx b/src/renderers/Collapse.tsx
index 16a8d1871..d92643d40 100644
--- a/src/renderers/Collapse.tsx
+++ b/src/renderers/Collapse.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import { Renderer, RendererProps } from '../factory';
-import { Collapse as BasicCollapse } from '../components/Collapse';
+import {Renderer, RendererProps} from '../factory';
+import {Collapse as BasicCollapse} from '../components/Collapse';
 
 export interface CollapseProps extends RendererProps {
     title?: string; // 标题
@@ -24,7 +24,7 @@ export default class Collapse extends React.Component<CollapseProps, CollapseSta
         'headingComponent',
         'bodyClassName',
         'collapsed',
-        'headingClassName',
+        'headingClassName'
     ];
 
     static defaultProps: Partial<CollapseProps> = {
@@ -33,11 +33,11 @@ export default class Collapse extends React.Component<CollapseProps, CollapseSta
         className: '',
         headingClassName: '',
         bodyClassName: '',
-        collapsable: true,
+        collapsable: true
     };
 
     state = {
-        collapsed: false,
+        collapsed: false
     };
 
     constructor(props: CollapseProps) {
@@ -52,15 +52,16 @@ export default class Collapse extends React.Component<CollapseProps, CollapseSta
 
         if (props.collapsed !== nextProps.collapsed) {
             this.setState({
-                collapsed: !!nextProps.collapsed,
+                collapsed: !!nextProps.collapsed
             });
         }
     }
 
     toggleCollapsed() {
-        this.props.collapsable !== false && this.setState({
-            collapsed: !this.state.collapsed,
-        });
+        this.props.collapsable !== false &&
+            this.setState({
+                collapsed: !this.state.collapsed
+            });
     }
 
     render() {
@@ -77,7 +78,7 @@ export default class Collapse extends React.Component<CollapseProps, CollapseSta
             body,
             bodyClassName,
             render,
-            collapsable,
+            collapsable
         } = this.props;
 
         return (
@@ -87,13 +88,16 @@ export default class Collapse extends React.Component<CollapseProps, CollapseSta
                     {
                         'is-collapsed': this.state.collapsed,
                         [`Collapse--${size}`]: size,
-                        'Collapse--collapsable': collapsable,
+                        'Collapse--collapsable': collapsable
                     },
                     className
                 )}
             >
                 {title ? (
-                    <HeadingComponent onClick={this.toggleCollapsed} className={cx(`Collapse-header`, headingClassName)}>
+                    <HeadingComponent
+                        onClick={this.toggleCollapsed}
+                        className={cx(`Collapse-header`, headingClassName)}
+                    >
                         {render('heading', title)}
                         {collapsable && <span className={cx('Collapse-arrow')} />}
                     </HeadingComponent>
@@ -117,6 +121,6 @@ export default class Collapse extends React.Component<CollapseProps, CollapseSta
 
 @Renderer({
     test: /(^|\/)collapse$/,
-    name: 'collapse',
+    name: 'collapse'
 })
 export class CollapseRenderer extends Collapse {}
diff --git a/src/renderers/Container.tsx b/src/renderers/Container.tsx
index aec1e524f..b1a6e933f 100644
--- a/src/renderers/Container.tsx
+++ b/src/renderers/Container.tsx
@@ -11,7 +11,7 @@ export interface ContainerProps extends RendererProps {
 export default class Container<T> extends React.Component<ContainerProps & T, object> {
     static propsList: Array<string> = ['body', 'className'];
     static defaultProps = {
-        className: '',
+        className: ''
     };
 
     renderBody(): JSX.Element | null {
@@ -39,6 +39,6 @@ export default class Container<T> extends React.Component<ContainerProps & T, ob
 
 @Renderer({
     test: /(^|\/)container$/,
-    name: 'container',
+    name: 'container'
 })
 export class ContainerRenderer extends Container<{}> {}
diff --git a/src/renderers/Date.tsx b/src/renderers/Date.tsx
index bc3c9c71e..cad2fb8fe 100644
--- a/src/renderers/Date.tsx
+++ b/src/renderers/Date.tsx
@@ -29,10 +29,10 @@ export class DateField extends React.Component<DateProps, DateState> {
     // 动态显示相对时间时，用来触发视图更新
     state: DateState = {
         random: 0
-    }
+    };
 
     componentDidMount() {
-        const { fromNow, updateFrequency } = this.props;
+        const {fromNow, updateFrequency} = this.props;
 
         if (fromNow && updateFrequency) {
             this.refreshInterval = setInterval(() => {
@@ -48,7 +48,7 @@ export class DateField extends React.Component<DateProps, DateState> {
     }
 
     render() {
-        const { value, valueFormat, format, placeholder, fromNow, className, classnames: cx } = this.props;
+        const {value, valueFormat, format, placeholder, fromNow, className, classnames: cx} = this.props;
         let viewValue: React.ReactNode = <span className="text-muted">{placeholder}</span>;
 
         if (value) {
@@ -57,11 +57,9 @@ export class DateField extends React.Component<DateProps, DateState> {
 
             viewValue = ISODate.isValid()
                 ? ISODate.format(format)
-                : (
-                    NormalDate.isValid()
-                        ? NormalDate.format(format)
-                        : false
-                );
+                : NormalDate.isValid()
+                ? NormalDate.format(format)
+                : false;
         }
 
         if (fromNow) {
@@ -76,33 +74,33 @@ export class DateField extends React.Component<DateProps, DateState> {
 
 @Renderer({
     test: /(^|\/)date$/,
-    name: 'date-field',
+    name: 'date-field'
 })
 export class DateFieldRenderer extends DateField {
     static defaultProps: Partial<DateProps> = {
         ...DateField.defaultProps,
-        format: 'YYYY-MM-DD',
+        format: 'YYYY-MM-DD'
     };
 }
 
 @Renderer({
     test: /(^|\/)datetime$/,
-    name: 'datetime-field',
+    name: 'datetime-field'
 })
 export class DateTimeFieldRenderer extends DateField {
     static defaultProps: Partial<DateProps> = {
         ...DateField.defaultProps,
-        format: 'YYYY-MM-DD HH:mm:ss',
+        format: 'YYYY-MM-DD HH:mm:ss'
     };
 }
 
 @Renderer({
     test: /(^|\/)time$/,
-    name: 'time-field',
+    name: 'time-field'
 })
 export class TimeFieldRenderer extends DateField {
     static defaultProps: Partial<DateProps> = {
         ...DateField.defaultProps,
-        format: 'HH:mm',
+        format: 'HH:mm'
     };
 }
diff --git a/src/renderers/Dialog.tsx b/src/renderers/Dialog.tsx
index 35c5c2b43..29618a07a 100644
--- a/src/renderers/Dialog.tsx
+++ b/src/renderers/Dialog.tsx
@@ -1,18 +1,18 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Scoped, { ScopedContext, IScopedContext } from '../Scoped';
-import { Renderer, RendererProps } from '../factory';
-import { ServiceStore, IServiceStore } from '../store/service';
-import { observer } from 'mobx-react';
-import { SchemaNode, Schema, Action } from '../types';
-import { filter } from '../utils/tpl';
+import Scoped, {ScopedContext, IScopedContext} from '../Scoped';
+import {Renderer, RendererProps} from '../factory';
+import {ServiceStore, IServiceStore} from '../store/service';
+import {observer} from 'mobx-react';
+import {SchemaNode, Schema, Action} from '../types';
+import {filter} from '../utils/tpl';
 import Modal from '../components/Modal';
 import findLast = require('lodash/findLast');
-import { guid, chainFunctions, isVisible } from '../utils/helper';
-import { reaction } from 'mobx';
-import { Icon } from '../components/icons';
-import { ModalStore, IModalStore } from '../store/modal';
-import { findDOMNode } from 'react-dom';
+import {guid, chainFunctions, isVisible} from '../utils/helper';
+import {reaction} from 'mobx';
+import {Icon} from '../components/icons';
+import {ModalStore, IModalStore} from '../store/modal';
+import {findDOMNode} from 'react-dom';
 
 export interface DialogProps extends RendererProps {
     title?: string; // 标题
@@ -53,7 +53,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
         'show',
         'body',
         'showCloseButton',
-        'actions',
+        'actions'
     ];
     static defaultProps: Partial<DialogProps> = {
         title: '弹框',
@@ -63,7 +63,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
         lazyRender: false,
         showCloseButton: true,
         wrapperComponent: Modal,
-        closeOnEsc: false,
+        closeOnEsc: false
     };
 
     reaction: any;
@@ -72,7 +72,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
         super(props);
 
         this.state = {
-            entered: !!this.props.show,
+            entered: !!this.props.show
         };
         this.handleSelfClose = this.handleSelfClose.bind(this);
         this.handleAction = this.handleAction.bind(this);
@@ -110,7 +110,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     buildActions(): Array<Action> {
-        const { actions, confirm } = this.props;
+        const {actions, confirm} = this.props;
 
         if (typeof actions !== 'undefined') {
             return actions;
@@ -120,7 +120,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
         ret.push({
             type: 'button',
             actionType: 'cancel',
-            label: '取消',
+            label: '取消'
         });
 
         if (confirm) {
@@ -128,7 +128,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
                 type: 'button',
                 actionType: 'confirm',
                 label: '确认',
-                primary: true,
+                primary: true
             });
         }
 
@@ -136,7 +136,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     handleSelfClose() {
-        const { onClose, store } = this.props;
+        const {onClose, store} = this.props;
 
         // clear error
         store.updateMessage();
@@ -144,7 +144,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     handleAction(e: React.UIEvent<any>, action: Action, data: object) {
-        const { store, onAction } = this.props;
+        const {store, onAction} = this.props;
 
         if (action.type === 'reset') {
             store.reset();
@@ -156,7 +156,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     handleDialogConfirm(values: object[], action: Action, ...args: Array<any>) {
-        const { store } = this.props;
+        const {store} = this.props;
 
         if (action.mergeData && values.length === 1 && values[0]) {
             store.updateData(values[0]);
@@ -172,7 +172,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     handleDialogClose(...args: Array<any>) {
-        const { store } = this.props;
+        const {store} = this.props;
 
         const action = store.action as Action;
         const dialog = action.dialog as any;
@@ -185,7 +185,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     handleDrawerConfirm(values: object[], action: Action, ...args: Array<any>) {
-        const { store } = this.props;
+        const {store} = this.props;
 
         if (action.mergeData && values.length === 1 && values[0]) {
             store.updateData(values[0]);
@@ -201,7 +201,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     handleDrawerClose(...args: Array<any>) {
-        const { store } = this.props;
+        const {store} = this.props;
 
         const action = store.action as Action;
         const drawer = action.drawer as any;
@@ -216,7 +216,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     handleEntered() {
         this.state.entered ||
             this.setState({
-                entered: true,
+                entered: true
             });
 
         const activeElem = document.activeElement as HTMLElement;
@@ -227,32 +227,32 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     handleExited() {
-        const { store } = this.props;
+        const {store} = this.props;
         store.reset();
         this.state.entered &&
             this.setState({
-                entered: false,
+                entered: false
             });
     }
 
     handleFormInit(data: any) {
-        const { store } = this.props;
+        const {store} = this.props;
 
         store.setFormData(data);
     }
 
     handleFormChange(data: any) {
-        const { store } = this.props;
+        const {store} = this.props;
 
         store.setFormData(data);
     }
 
     handleFormSaved(data: any, response: any) {
-        const { store } = this.props;
+        const {store} = this.props;
 
         store.setFormData({
             ...data,
-            ...response,
+            ...response
         });
     }
 
@@ -266,7 +266,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
             store.setCurrentAction({
                 type: 'button',
                 actionType: 'dialog',
-                dialog: dialog,
+                dialog: dialog
             });
             store.openDialog(ctx, undefined, confirmed => {
                 resolve(confirmed);
@@ -275,7 +275,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     }
 
     renderBody(body: SchemaNode, key?: any): React.ReactNode {
-        let { render, store } = this.props;
+        let {render, store} = this.props;
 
         if (Array.isArray(body)) {
             return body.map((body, key) => this.renderBody(body, key));
@@ -283,9 +283,9 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
 
         let subProps: any = {
             key,
-            disabled: body && (body as any).disabled || store.loading,
+            disabled: (body && (body as any).disabled) || store.loading,
             onAction: this.handleAction,
-            onFinished: this.handleChildFinished,
+            onFinished: this.handleChildFinished
         };
 
         if (!(body as Schema).type) {
@@ -299,7 +299,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
                 mode: 'horizontal',
                 wrapWithPanel: false,
                 submitText: null,
-                ...schema,
+                ...schema
             };
 
             // 同步数据到 Dialog 层，方便 actions 根据表单数据联动。
@@ -318,7 +318,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
             return null;
         }
 
-        const { store, render, classnames: cx } = this.props;
+        const {store, render, classnames: cx} = this.props;
 
         return (
             <div className={cx('Modal-footer')}>
@@ -326,15 +326,15 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
                     <div className={cx('Dialog-info')} key="info">
                         {store.loading
                             ? render(
-                                'info',
-                                {
-                                    type: 'spinner',
-                                },
-                                {
-                                    key: 'info',
-                                    size: 'sm',
-                                }
-                            )
+                                  'info',
+                                  {
+                                      type: 'spinner'
+                                  },
+                                  {
+                                      key: 'info',
+                                      size: 'sm'
+                                  }
+                              )
                             : null}
                         {store.error ? <span className={cx('Dialog-error')}>{store.msg}</span> : null}
                     </div>
@@ -344,7 +344,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
                         data: store.formData,
                         onAction: this.handleAction,
                         key,
-                        disabled: action.disabled || store.loading,
+                        disabled: action.disabled || store.loading
                     })
                 )}
             </div>
@@ -369,7 +369,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
             showCloseButton,
             env,
             classnames: cx,
-            classPrefix,
+            classPrefix
         } = this.props;
 
         // console.log('Render Dialog');
@@ -408,7 +408,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
                             </a>
                         ) : null}
                         {render('title', title, {
-                            data: store.formData,
+                            data: store.formData
                         })}
                     </div>
                 ) : showCloseButton !== false && !store.loading ? (
@@ -419,8 +419,8 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
 
                 {header
                     ? render('header', header, {
-                        data: store.formData,
-                    })
+                          data: store.formData
+                      })
                     : null}
 
                 {!this.state.entered && lazyRender ? (
@@ -433,40 +433,40 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
 
                 {body
                     ? render(
-                        'drawer',
-                        {
-                            // 支持嵌套
-                            ...((store.action as Action) && ((store.action as Action).drawer as object)),
-                            type: 'drawer',
-                        },
-                        {
-                            key: 'drawer',
-                            data: store.drawerData,
-                            onConfirm: this.handleDrawerConfirm,
-                            onClose: this.handleDrawerClose,
-                            show: store.drawerOpen,
-                            onAction: this.handleAction,
-                        }
-                    )
+                          'drawer',
+                          {
+                              // 支持嵌套
+                              ...((store.action as Action) && ((store.action as Action).drawer as object)),
+                              type: 'drawer'
+                          },
+                          {
+                              key: 'drawer',
+                              data: store.drawerData,
+                              onConfirm: this.handleDrawerConfirm,
+                              onClose: this.handleDrawerClose,
+                              show: store.drawerOpen,
+                              onAction: this.handleAction
+                          }
+                      )
                     : null}
 
                 {body
                     ? render(
-                        'dialog',
-                        {
-                            // 支持嵌套
-                            ...((store.action as Action) && ((store.action as Action).dialog as object)),
-                            type: 'dialog',
-                        },
-                        {
-                            key: 'dialog',
-                            data: store.dialogData,
-                            onConfirm: this.handleDialogConfirm,
-                            onClose: this.handleDialogClose,
-                            show: store.dialogOpen,
-                            onAction: this.handleAction,
-                        }
-                    )
+                          'dialog',
+                          {
+                              // 支持嵌套
+                              ...((store.action as Action) && ((store.action as Action).dialog as object)),
+                              type: 'dialog'
+                          },
+                          {
+                              key: 'dialog',
+                              data: store.dialogData,
+                              onConfirm: this.handleDialogConfirm,
+                              onClose: this.handleDialogClose,
+                              show: store.dialogOpen,
+                              onAction: this.handleAction
+                          }
+                      )
                     : null}
             </Wrapper>
         );
@@ -478,7 +478,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     storeType: ModalStore.name,
     storeExtendsData: false,
     name: 'dialog',
-    isolateScope: true,
+    isolateScope: true
 })
 export class DialogRenderer extends Dialog {
     static contextType = ScopedContext;
@@ -504,7 +504,7 @@ export class DialogRenderer extends Dialog {
 
         const components = scoped.getComponents();
         const targets: Array<any> = [];
-        const { onConfirm, store } = this.props;
+        const {onConfirm, store} = this.props;
 
         if (action.target) {
             targets.push(
@@ -532,7 +532,7 @@ export class DialogRenderer extends Dialog {
                     target.doAction(
                         {
                             ...action,
-                            from: this.$$id,
+                            from: this.$$id
                         },
                         ctx,
                         true
@@ -568,9 +568,9 @@ export class DialogRenderer extends Dialog {
         action: Action,
         data: object,
         throwErrors: boolean = false,
-        delegate?: boolean,
+        delegate?: boolean
     ) {
-        const { onAction, store, onConfirm, env } = this.props;
+        const {onAction, store, onConfirm, env} = this.props;
 
         if (action.from === this.$$id) {
             return onAction ? onAction(e, action, data, throwErrors, true) : false;
@@ -587,7 +587,7 @@ export class DialogRenderer extends Dialog {
             this.tryChildrenToHandle(
                 {
                     ...action,
-                    actionType: 'submit',
+                    actionType: 'submit'
                 },
                 data,
                 action
@@ -597,7 +597,7 @@ export class DialogRenderer extends Dialog {
                 this.tryChildrenToHandle(
                     {
                         ...action,
-                        actionType: 'submit',
+                        actionType: 'submit'
                     },
                     data,
                     action
@@ -616,8 +616,8 @@ export class DialogRenderer extends Dialog {
         } else if (action.actionType === 'ajax') {
             store
                 .saveRemote(action.api as string, data, {
-                    successMessage: (action.messages && action.messages.success) ,
-                    errorMessage: (action.messages && action.messages.failed),
+                    successMessage: action.messages && action.messages.success,
+                    errorMessage: action.messages && action.messages.failed
                 })
                 .then(async () => {
                     if (action.feedback && isVisible(action.feedback, store.data)) {
diff --git a/src/renderers/Divider.tsx b/src/renderers/Divider.tsx
index 8800c4c9b..b1303def0 100644
--- a/src/renderers/Divider.tsx
+++ b/src/renderers/Divider.tsx
@@ -5,27 +5,23 @@ import {filter} from '../utils/tpl';
 import cx from 'classnames';
 
 export interface DividerProps extends RendererProps {
-    lineStyle: 'dashed' | 'solid'
+    lineStyle: 'dashed' | 'solid';
 }
 
 export default class Divider extends React.Component<DividerProps, object> {
-    static defaultProps:Pick<DividerProps, 'className' | 'lineStyle'> = {
+    static defaultProps: Pick<DividerProps, 'className' | 'lineStyle'> = {
         className: '',
         lineStyle: 'dashed'
     };
 
     render() {
-        const {
-            classnames: cx,
-            className,
-            lineStyle
-        } = this.props;
+        const {classnames: cx, className, lineStyle} = this.props;
         return <div className={cx('Divider', lineStyle ? `Divider--${lineStyle}` : '', className)} />;
     }
 }
 
 @Renderer({
     test: /(^|\/)(?:divider|hr)$/,
-    name: 'divider',
+    name: 'divider'
 })
 export class DividerRenderer extends Divider {}
diff --git a/src/renderers/Drawer.tsx b/src/renderers/Drawer.tsx
index 1ed867075..f89860129 100644
--- a/src/renderers/Drawer.tsx
+++ b/src/renderers/Drawer.tsx
@@ -12,7 +12,7 @@ import {guid, chainFunctions, isVisible} from '../utils/helper';
 import {reaction} from 'mobx';
 import {findDOMNode} from 'react-dom';
 import {IModalStore, ModalStore} from '../store/modal';
-import { filter } from '../utils/tpl';
+import {filter} from '../utils/tpl';
 
 export interface DrawerProps extends RendererProps {
     title?: string; // 标题
@@ -58,14 +58,14 @@ export default class Drawer extends React.Component<DrawerProps, object> {
         position: 'right',
         resizable: false,
         overlay: true,
-        closeOnEsc: false,
+        closeOnEsc: false
     };
 
     reaction: any;
     $$id: string = guid();
     drawer: any;
     state = {
-        resizeCoord: 0,
+        resizeCoord: 0
     };
     constructor(props: DrawerProps) {
         super(props);
@@ -116,7 +116,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
         ret.push({
             type: 'button',
             actionType: 'close',
-            label: '取消',
+            label: '取消'
         });
 
         if (confirm) {
@@ -124,7 +124,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                 type: 'button',
                 actionType: 'confirm',
                 label: '确认',
-                primary: true,
+                primary: true
             });
         }
 
@@ -230,7 +230,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
 
         store.setFormData({
             ...data,
-            ...response,
+            ...response
         });
     }
 
@@ -251,7 +251,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
             key,
             disabled: store.loading,
             onAction: this.handleAction,
-            onFinished: this.handleChildFinished,
+            onFinished: this.handleChildFinished
         };
 
         if (schema.type === 'form') {
@@ -259,7 +259,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                 mode: 'horizontal',
                 wrapWithPanel: false,
                 submitText: null,
-                ...schema,
+                ...schema
             };
 
             // 同步数据到 Dialog 层，方便 actions 根据表单数据联动。
@@ -288,10 +288,10 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                             ? render(
                                   'info',
                                   {
-                                      type: 'spinner',
+                                      type: 'spinner'
                                   },
                                   {
-                                      key: 'info',
+                                      key: 'info'
                                   }
                               )
                             : null}
@@ -303,7 +303,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                         onAction: this.handleAction,
                         data: store.formData,
                         key,
-                        disabled: action.disabled || store.loading,
+                        disabled: action.disabled || store.loading
                     })
                 )}
             </div>
@@ -348,7 +348,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                         e.clientY -
                         resizeCtrl.offsetHeight -
                         parseInt(drawerHeight.substring(0, drawerHeight.length - 2))) ||
-                0,
+                0
         });
 
         document.body.addEventListener('mousemove', this.bindResize);
@@ -388,7 +388,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
             store.setCurrentAction({
                 type: 'button',
                 actionType: 'dialog',
-                dialog: dialog,
+                dialog: dialog
             });
             store.openDialog(ctx, undefined, confirmed => {
                 resolve(confirmed);
@@ -415,7 +415,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
             overlay,
             closeOnOutside,
             classPrefix: ns,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         const Container = wrapperComponent || DrawerContainer;
@@ -439,13 +439,13 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                     {title ? (
                         <div className={cx('Drawer-title')}>
                             {render('title', title, {
-                                data: store.formData,
+                                data: store.formData
                             })}
                         </div>
                     ) : null}
                     {header
                         ? render('header', header, {
-                              data: store.formData,
+                              data: store.formData
                           })
                         : null}
                 </div>
@@ -459,7 +459,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                           'dialog',
                           {
                               ...((store.action as Action) && ((store.action as Action).dialog as object)),
-                              type: 'dialog',
+                              type: 'dialog'
                           },
                           {
                               key: 'dialog',
@@ -467,7 +467,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                               onConfirm: this.handleDialogConfirm,
                               onClose: this.handleDialogClose,
                               onAction: this.handleAction,
-                              show: store.dialogOpen,
+                              show: store.dialogOpen
                           }
                       )
                     : null}
@@ -477,7 +477,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                           'drawer',
                           {
                               ...((store.action as Action) && ((store.action as Action).drawer as object)),
-                              type: 'drawer',
+                              type: 'drawer'
                           },
                           {
                               key: 'drawer',
@@ -485,7 +485,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
                               onConfirm: this.handleDrawerConfirm,
                               onClose: this.handleDrawerClose,
                               onAction: this.handleAction,
-                              show: store.drawerOpen,
+                              show: store.drawerOpen
                           }
                       )
                     : null}
@@ -501,7 +501,7 @@ export default class Drawer extends React.Component<DrawerProps, object> {
     storeType: ModalStore.name,
     storeExtendsData: false,
     name: 'drawer',
-    isolateScope: true,
+    isolateScope: true
 })
 export class DrawerRenderer extends Drawer {
     static contextType = ScopedContext;
@@ -555,7 +555,7 @@ export class DrawerRenderer extends Drawer {
                     target.doAction(
                         {
                             ...action,
-                            from: this.$$id,
+                            from: this.$$id
                         },
                         ctx,
                         true
@@ -617,8 +617,8 @@ export class DrawerRenderer extends Drawer {
         } else if (action.actionType === 'ajax') {
             store
                 .saveRemote(action.api as string, data, {
-                    successMessage: (action.messages && action.messages.success) ,
-                    errorMessage: (action.messages && action.messages.failed),
+                    successMessage: action.messages && action.messages.success,
+                    errorMessage: action.messages && action.messages.failed
                 })
                 .then(async () => {
                     if (action.feedback && isVisible(action.feedback, store.data)) {
diff --git a/src/renderers/DropDownButton.tsx b/src/renderers/DropDownButton.tsx
index ac1f931a2..2457e2f7c 100644
--- a/src/renderers/DropDownButton.tsx
+++ b/src/renderers/DropDownButton.tsx
@@ -24,11 +24,11 @@ export interface DropDownButtonState {
 
 export default class DropDownButton extends React.Component<DropDownButtonProps, DropDownButtonState> {
     state: DropDownButtonState = {
-        isOpened: this.props.defaultIsOpened || false,
+        isOpened: this.props.defaultIsOpened || false
     };
 
     static defaultProps = {
-        caretIcon: 'fa fa-angle-down',
+        caretIcon: 'fa fa-angle-down'
     };
 
     target: any;
@@ -49,38 +49,41 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
         e.preventDefault();
 
         this.setState({
-            isOpened: !this.state.isOpened,
+            isOpened: !this.state.isOpened
         });
     }
 
     open() {
         this.setState({
-            isOpened: true,
+            isOpened: true
         });
     }
 
     close() {
         this.setState({
-            isOpened: false,
+            isOpened: false
         });
     }
 
     renderOuter() {
         const {
-            render, 
-            buttons, 
-            data, 
-            popOverContainer, 
-            classnames: cx, 
-            classPrefix: ns, 
-            children, 
+            render,
+            buttons,
+            data,
+            popOverContainer,
+            classnames: cx,
+            classPrefix: ns,
+            children,
             align,
             closeOnClick,
             closeOnOutside
         } = this.props;
 
         let body = (
-            <RootCloseWrapper disabled={!this.state.isOpened} onRootClose={closeOnOutside !== false ? this.close: noop}>
+            <RootCloseWrapper
+                disabled={!this.state.isOpened}
+                onRootClose={closeOnOutside !== false ? this.close : noop}
+            >
                 <ul className={cx('DropDown-menu')} onClick={closeOnClick ? this.close : noop}>
                     {children
                         ? children
@@ -97,7 +100,7 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
                                       {render(`button/${index}`, {
                                           type: 'button',
                                           ...button,
-                                          isMenuItem: true,
+                                          isMenuItem: true
                                       })}
                                   </li>
                               );
@@ -146,7 +149,7 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
             align,
             iconOnly,
             icon,
-            data,
+            data
         } = this.props;
 
         return (
@@ -154,7 +157,7 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
                 className={cx('DropDown ', {
                     'DropDown--block': block,
                     'DropDown--alignRight': align === 'right',
-                    'is-opened': this.state.isOpened,
+                    'is-opened': this.state.isOpened
                 })}
                 ref={this.domRef}
             >
@@ -168,12 +171,12 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
                         {
                             'Button--block': block,
                             'Button--primary': primary,
-                            'Button--iconOnly': iconOnly,
+                            'Button--iconOnly': iconOnly
                         },
                         size ? `Button--${size}` : ''
                     )}
                 >
-                    {icon ? (<i className={cx(icon, 'm-r-xs')} />) : null}
+                    {icon ? <i className={cx(icon, 'm-r-xs')} /> : null}
                     {typeof label === 'string' ? filter(label, data) : label}
                     <i className={cx('DropDown-caret', caretIcon)} />
                 </button>
@@ -186,6 +189,6 @@ export default class DropDownButton extends React.Component<DropDownButtonProps,
 
 @Renderer({
     test: /(^|\/)dropdown-button$/,
-    name: 'dropdown-button',
+    name: 'dropdown-button'
 })
 export class DropDownButtonRenderer extends DropDownButton {}
diff --git a/src/renderers/Each.tsx b/src/renderers/Each.tsx
index ac94b58d5..690ed98de 100644
--- a/src/renderers/Each.tsx
+++ b/src/renderers/Each.tsx
@@ -12,7 +12,7 @@ export interface EachProps extends RendererProps {
 export default class Each extends React.Component<EachProps> {
     static propsList: Array<string> = ['name', 'items', 'value'];
     static defaultProps: Partial<EachProps> = {
-        className: '',
+        className: ''
     };
 
     render() {
@@ -23,7 +23,7 @@ export default class Each extends React.Component<EachProps> {
                 ? isObject(value)
                     ? Object.keys(value).map(key => ({
                           key: key,
-                          value: value[key],
+                          value: value[key]
                       }))
                     : Array.isArray(value)
                     ? value
@@ -36,7 +36,7 @@ export default class Each extends React.Component<EachProps> {
                     ? arr.map((item: any, index: number) =>
                           render(`item/${index}`, items, {
                               data: createObject(data, isObject(item) ? item : {[name]: item, item: item}),
-                              key: index,
+                              key: index
                           })
                       )
                     : null}
@@ -47,6 +47,6 @@ export default class Each extends React.Component<EachProps> {
 
 @Renderer({
     test: /(^|\/)(?:repeat|each)$/,
-    name: 'each',
+    name: 'each'
 })
 export class EachRenderer extends Each {}
diff --git a/src/renderers/Form/Array.tsx b/src/renderers/Form/Array.tsx
index 52d002a2a..ff2ae380b 100644
--- a/src/renderers/Form/Array.tsx
+++ b/src/renderers/Form/Array.tsx
@@ -1,14 +1,10 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
-import { Schema } from '../../types';
+import {FormItem, FormControlProps} from './Item';
+import {Schema} from '../../types';
 import {ComboStore, IComboStore} from '../../store/combo';
-import { observer } from "mobx-react";
+import {observer} from 'mobx-react';
 import Combo from './Combo';
 
-
 export interface ArrayProps extends FormControlProps {
     placeholder?: string;
     controls: Array<Schema>;
@@ -19,37 +15,32 @@ export interface ArrayProps extends FormControlProps {
         unique?: boolean;
     };
     store: IComboStore;
-};
+}
 
 export default class ArrayControl extends React.Component<ArrayProps> {
-    comboInstance:any;
-    constructor(props:ArrayProps) {
+    comboInstance: any;
+    constructor(props: ArrayProps) {
         super(props);
         this.comboRef = this.comboRef.bind(this);
     }
 
-    comboRef(ref:any) {
+    comboRef(ref: any) {
         this.comboInstance = ref;
     }
 
-    validate(args:Array<any>) {
+    validate(args: Array<any>) {
         return this.comboInstance ? this.comboInstance.validate(...args) : null;
     }
 
     render() {
-        const {
-            items,
-            ...rest
-        } = this.props;
+        const {items, ...rest} = this.props;
 
-        return (<Combo {...rest} controls={[items]} flat multiple multiLine={false} ref={this.comboRef} />);
+        return <Combo {...rest} controls={[items]} flat multiple multiLine={false} ref={this.comboRef} />;
     }
 }
 
-
 @FormItem({
     type: 'array',
     storeType: ComboStore.name
 })
-export class ArrayControlRenderer extends ArrayControl {};
-
+export class ArrayControlRenderer extends ArrayControl {}
diff --git a/src/renderers/Form/Button.tsx b/src/renderers/Form/Button.tsx
index e874f28a1..ba6f888a3 100644
--- a/src/renderers/Form/Button.tsx
+++ b/src/renderers/Form/Button.tsx
@@ -1,25 +1,14 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import {Button} from '../../types';
 
-export interface ButtonProps extends FormControlProps, Button {
-
-};
+export interface ButtonProps extends FormControlProps, Button {}
 
 export class ButtonControl extends React.Component<ButtonProps, any> {
-    static defaultProps:Partial<ButtonProps> = {
-    }
+    static defaultProps: Partial<ButtonProps> = {};
     render() {
-        const {
-            render,
-            type,
-            children,
-            ...rest
-        } = this.props;
+        const {render, type, children, ...rest} = this.props;
 
         return render('action', {
             ...rest,
@@ -34,7 +23,7 @@ export class ButtonControl extends React.Component<ButtonProps, any> {
     strictMode: false,
     sizeMutable: false
 })
-export class ButtonControlRenderer extends ButtonControl {};
+export class ButtonControlRenderer extends ButtonControl {}
 
 @FormItem({
     type: 'submit',
@@ -42,12 +31,12 @@ export class ButtonControlRenderer extends ButtonControl {};
     sizeMutable: false,
     strictMode: false
 })
-export class SubmitControlRenderer extends ButtonControl {};
+export class SubmitControlRenderer extends ButtonControl {}
 
 @FormItem({
     type: 'reset',
     renderLabel: false,
     strictMode: false,
-    sizeMutable: false,
+    sizeMutable: false
 })
-export class ResetControlRenderer extends ButtonControl {};
+export class ResetControlRenderer extends ButtonControl {}
diff --git a/src/renderers/Form/ButtonGroup.tsx b/src/renderers/Form/ButtonGroup.tsx
index 4dbeb2fcb..3719f50d5 100644
--- a/src/renderers/Form/ButtonGroup.tsx
+++ b/src/renderers/Form/ButtonGroup.tsx
@@ -1,15 +1,9 @@
 import React from 'react';
 import cx from 'classnames';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from './Options';
-import {
-    Button
-} from '../../types';
-import { getLevelFromClassName, autobind, isEmpty} from '../../utils/helper';
-import { dataMapping } from '../../utils/tpl-builtin';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
+import {Button} from '../../types';
+import {getLevelFromClassName, autobind, isEmpty} from '../../utils/helper';
+import {dataMapping} from '../../utils/tpl-builtin';
 
 export interface ButtonGroupProps extends OptionsControlProps {
     buttons?: Array<Button>;
@@ -18,28 +12,23 @@ export interface ButtonGroupProps extends OptionsControlProps {
     btnClassName: string;
     btnActiveClassName: string;
     vertical?: boolean;
-};
+}
 
 export default class ButtonGroupControl extends React.Component<ButtonGroupProps, any> {
-    static defaultProps:Partial<ButtonGroupProps> = {
+    static defaultProps: Partial<ButtonGroupProps> = {
         btnLevel: 'default',
         btnActiveLevel: 'primary',
         clearable: false,
         vertical: false
-    }
+    };
 
     @autobind
     handleToggle(option: Option) {
-        const {
-            onToggle,
-            multiple,
-            autoFill,
-            onBulkChange
-        } = this.props;
+        const {onToggle, multiple, autoFill, onBulkChange} = this.props;
 
         const sendTo = !multiple && autoFill && !isEmpty(autoFill) && dataMapping(autoFill, option as Option);
         sendTo && onBulkChange(sendTo);
-        onToggle(option)
+        onToggle(option);
     }
 
     reload() {
@@ -66,7 +55,7 @@ export default class ButtonGroupControl extends React.Component<ButtonGroupProps
             vertical
         } = props;
 
-        let body:Array<React.ReactNode> = [];
+        let body: Array<React.ReactNode> = [];
         let btnLevel = props.btnLevel;
         let btnActiveLevel = props.btnActiveLevel;
 
@@ -76,42 +65,58 @@ export default class ButtonGroupControl extends React.Component<ButtonGroupProps
         if (options && options.length) {
             body = options.map((option, key) => {
                 const active = !!~selectedOptions.indexOf(option);
-                return render(`option/${key}`, {
-                    label: option.label,
-                    icon: option.icon,
-                    size: option.size || size,
-                    type: 'button',
-                    block: block,
-                }, {
-                    key: key,
-                    active,
-                    level: (active ? btnActiveLevel : '') || option.level || btnLevel,
-                    className: cx(option.className, btnClassName),
-                    disabled: option.disabled || disabled,
-                    onClick: (e:React.UIEvent<any>) => {
-                        this.handleToggle(option);
-                        e.preventDefault(); // 禁止 onAction 触发
+                return render(
+                    `option/${key}`,
+                    {
+                        label: option.label,
+                        icon: option.icon,
+                        size: option.size || size,
+                        type: 'button',
+                        block: block
+                    },
+                    {
+                        key: key,
+                        active,
+                        level: (active ? btnActiveLevel : '') || option.level || btnLevel,
+                        className: cx(option.className, btnClassName),
+                        disabled: option.disabled || disabled,
+                        onClick: (e: React.UIEvent<any>) => {
+                            this.handleToggle(option);
+                            e.preventDefault(); // 禁止 onAction 触发
+                        }
                     }
-                });
+                );
             });
         } else if (buttons) {
-            body = buttons.map((button, key) => render(`button/${key}`, {
-                size: size,
-                block: block,
-                activeLevel: btnActiveLevel,
-                ...button
-            }, {
-                key,
-                className: cx(button.className, btnClassName),
-            }));
+            body = buttons.map((button, key) =>
+                render(
+                    `button/${key}`,
+                    {
+                        size: size,
+                        block: block,
+                        activeLevel: btnActiveLevel,
+                        ...button
+                    },
+                    {
+                        key,
+                        className: cx(button.className, btnClassName)
+                    }
+                )
+            );
         }
 
         return (
-            <div className={cx(`ButtonGroup`, {
-                'ButtonGroup--block': block,
-                'ButtonGroup--vertical': vertical,
-                [`ButtonGroup--${size}`]: size
-            }, className)}>
+            <div
+                className={cx(
+                    `ButtonGroup`,
+                    {
+                        'ButtonGroup--block': block,
+                        'ButtonGroup--vertical': vertical,
+                        [`ButtonGroup--${size}`]: size
+                    },
+                    className
+                )}
+            >
                 {body.length ? body : <span className={`${ns}ButtonGroup-placeholder`}>{placeholder}</span>}
             </div>
         );
@@ -124,22 +129,13 @@ export default class ButtonGroupControl extends React.Component<ButtonGroupProps
 })
 export class ButtonGroupControlRenderer extends ButtonGroupControl {
     render() {
-        const {
-            className,
-            classnames: cx,
-            ...rest
-        } = this.props;
+        const {className, classnames: cx, ...rest} = this.props;
 
         const body = super.render({
             ...rest,
             classnames: cx
         });
 
-        return (
-            <div className={cx('ButtonGroupControl', className)}>
-                {body}
-            </div>
-        )
+        return <div className={cx('ButtonGroupControl', className)}>{body}</div>;
     }
-};
-
+}
diff --git a/src/renderers/Form/ButtonToolbar.tsx b/src/renderers/Form/ButtonToolbar.tsx
index 7731aa11b..b6707e91f 100644
--- a/src/renderers/Form/ButtonToolbar.tsx
+++ b/src/renderers/Form/ButtonToolbar.tsx
@@ -1,36 +1,27 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
-import {
-    Button
-} from '../../types';
+import {Button} from '../../types';
 
 export interface ButtonToolbarProps extends FormControlProps {
     buttons?: Array<Button>;
-};
+}
 
 export class ButtonToolbarControl extends React.Component<ButtonToolbarProps> {
-    static defaultProps = {
-        
-    }
+    static defaultProps = {};
 
     render() {
-        const {
-            render,
-            className,
-            classPrefix: ns,
-            buttons
-        } = this.props;
-
+        const {render, className, classPrefix: ns, buttons} = this.props;
 
         return (
             <div className={cx(`${ns}ButtonToolbar`, className)}>
-                {Array.isArray(buttons) ? buttons.map((button, key) => render(`button/${key}`, button, {
-                    key: key
-                })) : null}
+                {Array.isArray(buttons)
+                    ? buttons.map((button, key) =>
+                          render(`button/${key}`, button, {
+                              key: key
+                          })
+                      )
+                    : null}
             </div>
         );
     }
@@ -41,5 +32,4 @@ export class ButtonToolbarControl extends React.Component<ButtonToolbarProps> {
     sizeMutable: false,
     strictMode: false // data 变化也更新
 })
-export class ButtonToolbarRenderer extends ButtonToolbarControl {};
-
+export class ButtonToolbarRenderer extends ButtonToolbarControl {}
diff --git a/src/renderers/Form/ChainedSelect.tsx b/src/renderers/Form/ChainedSelect.tsx
index 7af4f69bd..24cca1868 100644
--- a/src/renderers/Form/ChainedSelect.tsx
+++ b/src/renderers/Form/ChainedSelect.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
 import cx from 'classnames';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option} from './Options';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
 import Select from '../../components/Select';
 import {Api} from '../../types';
 import {isEffectiveApi} from '../../utils/api';
@@ -11,7 +8,7 @@ import {isEffectiveApi} from '../../utils/api';
 export interface ChainedSelectProps extends OptionsControlProps {
     autoComplete?: Api;
     searchable?: boolean;
-};
+}
 
 export interface SelectState {
     stack: Array<{
@@ -23,32 +20,29 @@ export interface SelectState {
 }
 
 export default class ChainedSelectControl extends React.Component<ChainedSelectProps, SelectState> {
-    static defaultProps:Partial<ChainedSelectProps> = {
+    static defaultProps: Partial<ChainedSelectProps> = {
         clearable: false,
         searchable: false,
         multiple: true
-    }
+    };
 
-    state:SelectState = {
+    state: SelectState = {
         stack: []
     };
-    constructor(props:ChainedSelectProps) {
+    constructor(props: ChainedSelectProps) {
         super(props);
 
         this.handleChange = this.handleChange.bind(this);
         this.loadMore = this.loadMore.bind(this);
-        
     }
 
     componentDidMount() {
-        const {
-            formInited
-        } = this.props;
-        
-        formInited ?  this.loadMore() : this.props.addHook(this.loadMore, 'init');
+        const {formInited} = this.props;
+
+        formInited ? this.loadMore() : this.props.addHook(this.loadMore, 'init');
     }
 
-    componentWillReceiveProps(nextProps:ChainedSelectProps) {
+    componentWillReceiveProps(nextProps: ChainedSelectProps) {
         const props = this.props;
 
         if (props.options !== nextProps.options) {
@@ -58,7 +52,7 @@ export default class ChainedSelectControl extends React.Component<ChainedSelectP
         }
     }
 
-    componentDidUpdate(prevProps:ChainedSelectProps) {
+    componentDidUpdate(prevProps: ChainedSelectProps) {
         const props = this.props;
 
         if (props.value !== prevProps.value) {
@@ -67,21 +61,20 @@ export default class ChainedSelectControl extends React.Component<ChainedSelectP
     }
 
     loadMore() {
-        const {
-            value,
-            delimiter,
-            onChange,
-            joinValues,
-            extractValue,
-            source,
-            data,
-            env
-        } = this.props;
+        const {value, delimiter, onChange, joinValues, extractValue, source, data, env} = this.props;
 
-        const arr = Array.isArray(value) ? value.concat() : value && typeof value === 'string' ? value.split(delimiter || ',') : [];
+        const arr = Array.isArray(value)
+            ? value.concat()
+            : value && typeof value === 'string'
+            ? value.split(delimiter || ',')
+            : [];
         let idx = 0;
         let len = this.state.stack.length;
-        while (idx < len && arr[idx] && this.state.stack[idx].parentId == ((joinValues || extractValue) ? arr[idx] : arr[idx].value)) {
+        while (
+            idx < len &&
+            arr[idx] &&
+            this.state.stack[idx].parentId == (joinValues || extractValue ? arr[idx] : arr[idx].value)
+        ) {
             idx++;
         }
 
@@ -89,7 +82,7 @@ export default class ChainedSelectControl extends React.Component<ChainedSelectP
             return;
         }
 
-        const parentId = (joinValues || extractValue) ? arr[idx] : arr[idx].value;
+        const parentId = joinValues || extractValue ? arr[idx] : arr[idx].value;
         const stack = this.state.stack.concat();
         stack.splice(idx, stack.length - idx);
         stack.push({
@@ -98,57 +91,60 @@ export default class ChainedSelectControl extends React.Component<ChainedSelectP
             options: []
         });
 
-        this.setState({
-            stack
-        }, () => {
-            env
-                .fetcher(source as Api, {
+        this.setState(
+            {
+                stack
+            },
+            () => {
+                env.fetcher(source as Api, {
                     ...data,
                     value: arr,
                     level: idx + 1,
                     parentId,
                     parent: arr[idx]
                 })
-                .then(ret => {
-                    const stack = this.state.stack.concat();
-                    const remoteValue = ret.data ? ret.data.value : undefined;
-                    let options = ret.data && (ret.data as any).options || ret.data;
-                    
-                    stack.splice(idx, stack.length - idx);
+                    .then(ret => {
+                        const stack = this.state.stack.concat();
+                        const remoteValue = ret.data ? ret.data.value : undefined;
+                        let options = (ret.data && (ret.data as any).options) || ret.data;
 
-                    if (typeof remoteValue !== 'undefined') {
-                        arr.splice(idx + 1, value.length - idx - 1);
-                        arr.push(remoteValue);
-                        onChange(joinValues ? arr.join(delimiter || ',') : arr);
-                    }
+                        stack.splice(idx, stack.length - idx);
 
-                    stack.push({
-                        options,
-                        parentId,
-                        loading: false,
-                        visible: !!options
+                        if (typeof remoteValue !== 'undefined') {
+                            arr.splice(idx + 1, value.length - idx - 1);
+                            arr.push(remoteValue);
+                            onChange(joinValues ? arr.join(delimiter || ',') : arr);
+                        }
+
+                        stack.push({
+                            options,
+                            parentId,
+                            loading: false,
+                            visible: !!options
+                        });
+
+                        this.setState(
+                            {
+                                stack: stack
+                            },
+                            this.loadMore
+                        );
+                    })
+                    .catch(e => {
+                        env.notify('error', e.message);
                     });
-
-                    this.setState({
-                        stack: stack
-                    }, this.loadMore);
-                })
-                .catch(e => {
-                    env.notify('error', e.message);
-                })
-        });
+            }
+        );
     }
 
-    handleChange(index:number, currentValue:any) {
-        const {
-            value,
-            delimiter,
-            onChange,
-            joinValues,
-            extractValue
-        } = this.props;
+    handleChange(index: number, currentValue: any) {
+        const {value, delimiter, onChange, joinValues, extractValue} = this.props;
 
-        const arr = Array.isArray(value) ? value.concat() : value && typeof value === 'string' ? value.split(delimiter || ',') : [];
+        const arr = Array.isArray(value)
+            ? value.concat()
+            : value && typeof value === 'string'
+            ? value.split(delimiter || ',')
+            : [];
         arr.splice(index, arr.length - index);
         arr.push(joinValues ? currentValue.value : currentValue);
 
@@ -174,7 +170,11 @@ export default class ChainedSelectControl extends React.Component<ChainedSelectP
             multiple,
             ...rest
         } = this.props;
-        const arr = Array.isArray(value) ? value.concat() : value && typeof value === 'string' ? value.split(delimiter || ',') : [];
+        const arr = Array.isArray(value)
+            ? value.concat()
+            : value && typeof value === 'string'
+            ? value.split(delimiter || ',')
+            : [];
 
         return (
             <div className={cx(`${ns}ChainedSelectControl`, className)}>
@@ -189,22 +189,20 @@ export default class ChainedSelectControl extends React.Component<ChainedSelectP
                     inline
                 />
 
-                {this.state.stack.map(({
-                    options,
-                    loading,
-                    visible
-                }, index) => visible === false ? null : (
-                    <Select
-                        {...rest}
-                        classPrefix={ns}
-                        key={`x-${index + 1}`}
-                        options={options}
-                        value={arr[index + 1]}
-                        onChange={this.handleChange.bind(this, index + 1)}
-                        loading={loading}
-                        inline
-                    />
-                ))}
+                {this.state.stack.map(({options, loading, visible}, index) =>
+                    visible === false ? null : (
+                        <Select
+                            {...rest}
+                            classPrefix={ns}
+                            key={`x-${index + 1}`}
+                            options={options}
+                            value={arr[index + 1]}
+                            onChange={this.handleChange.bind(this, index + 1)}
+                            loading={loading}
+                            inline
+                        />
+                    )
+                )}
             </div>
         );
     }
@@ -214,5 +212,4 @@ export default class ChainedSelectControl extends React.Component<ChainedSelectP
     type: 'chained-select',
     sizeMutable: false
 })
-export class ChainedSelectControlRenderer extends ChainedSelectControl {};
-
+export class ChainedSelectControlRenderer extends ChainedSelectControl {}
diff --git a/src/renderers/Form/Checkbox.tsx b/src/renderers/Form/Checkbox.tsx
index da66c9283..14b36cc04 100644
--- a/src/renderers/Form/Checkbox.tsx
+++ b/src/renderers/Form/Checkbox.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import Checkbox from '../../components/Checkbox';
 
@@ -10,13 +7,13 @@ export interface CheckboxProps extends FormControlProps {
     option?: string;
     trueValue?: any;
     falseValue?: any;
-};
+}
 
 export default class CheckboxControl extends React.Component<CheckboxProps, any> {
-    static defaultProps:Partial<CheckboxProps> = {
+    static defaultProps: Partial<CheckboxProps> = {
         trueValue: true,
         falseValue: false
-    }
+    };
     render() {
         const {
             className,
@@ -39,7 +36,7 @@ export default class CheckboxControl extends React.Component<CheckboxProps, any>
                     falseValue={falseValue}
                     classPrefix={ns}
                     disabled={disabled}
-                    onChange={(value:any) => onChange(value)}
+                    onChange={(value: any) => onChange(value)}
                 >
                     {option ? render('option', option) : null}
                 </Checkbox>
@@ -52,5 +49,4 @@ export default class CheckboxControl extends React.Component<CheckboxProps, any>
     type: 'checkbox',
     sizeMutable: false
 })
-export class CheckboxControlRenderer extends CheckboxControl {};
-
+export class CheckboxControlRenderer extends CheckboxControl {}
diff --git a/src/renderers/Form/Checkboxes.tsx b/src/renderers/Form/Checkboxes.tsx
index 2a367119e..1a3461909 100644
--- a/src/renderers/Form/Checkboxes.tsx
+++ b/src/renderers/Form/Checkboxes.tsx
@@ -1,9 +1,5 @@
 import React from 'react';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from './Options';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
 import cx from 'classnames';
 import Checkbox from '../../components/Checkbox';
 import chunk = require('lodash/chunk');
@@ -13,20 +9,17 @@ export interface CheckboxesProps extends OptionsControlProps {
     disabled?: boolean;
     itemClassName?: string;
     columnsCount?: number;
-};
+}
 
 export default class CheckboxesControl extends React.Component<CheckboxesProps, any> {
-    static defaultProps:Partial<CheckboxesProps> = {
+    static defaultProps: Partial<CheckboxesProps> = {
         columnsCount: 1,
         multiple: true,
         placeholder: '暂无选项'
-    }
+    };
 
     componentDidMount() {
-        const {
-            defaultCheckAll,
-            onToggleAll
-        } = this.props;
+        const {defaultCheckAll, onToggleAll} = this.props;
 
         defaultCheckAll && onToggleAll();
     }
@@ -36,36 +29,26 @@ export default class CheckboxesControl extends React.Component<CheckboxesProps,
         reload && reload();
     }
 
-    renderGroup(option:Option, index:number) {
-        const {
-            classnames: cx
-        } = this.props;
+    renderGroup(option: Option, index: number) {
+        const {classnames: cx} = this.props;
 
         return (
-            <div key={index} className={cx("CheckboxesControl-group", option.className)}>
-                <label className={cx("CheckboxesControl-groupLabel", option.labelClassName)}>{option.label}</label>
+            <div key={index} className={cx('CheckboxesControl-group', option.className)}>
+                <label className={cx('CheckboxesControl-groupLabel', option.labelClassName)}>{option.label}</label>
 
-                {
-                    option.children && option.children.length 
-                        ? option.children.map((option, index) => this.renderItem(option, index)) 
-                        : null
-                }
+                {option.children && option.children.length
+                    ? option.children.map((option, index) => this.renderItem(option, index))
+                    : null}
             </div>
         );
     }
 
-    renderItem(option:Option, index:number) {
+    renderItem(option: Option, index: number) {
         if (option.children) {
             return this.renderGroup(option, index);
         }
 
-        const {
-            itemClassName,
-            onToggle,
-            selectedOptions,
-            disabled,
-            inline
-        } = this.props;
+        const {itemClassName, onToggle, selectedOptions, disabled, inline} = this.props;
 
         return (
             <Checkbox
@@ -97,7 +80,7 @@ export default class CheckboxesControl extends React.Component<CheckboxesProps,
             itemClassName
         } = this.props;
 
-        let body:Array<React.ReactNode> = [];
+        let body: Array<React.ReactNode> = [];
 
         if (options && options.length) {
             body = options.map((option, key) => this.renderItem(option, key));
@@ -120,12 +103,14 @@ export default class CheckboxesControl extends React.Component<CheckboxesProps,
         }
 
         if (!inline && (columnsCount as number) > 1) {
-            let weight = 12/(columnsCount as number);
+            let weight = 12 / (columnsCount as number);
             let cellClassName = `Grid-col--sm${weight === Math.round(weight) ? weight : ''}`;
             body = chunk(body, columnsCount).map((group, groupIndex) => (
                 <div className={cx('Grid')} key={groupIndex}>
                     {Array.from({length: columnsCount as number}).map((_, index) => (
-                        <div key={index} className={cx(cellClassName)}>{group[index]}</div>
+                        <div key={index} className={cx(cellClassName)}>
+                            {group[index]}
+                        </div>
                     ))}
                 </div>
             ));
@@ -133,9 +118,7 @@ export default class CheckboxesControl extends React.Component<CheckboxesProps,
 
         return (
             <div className={cx(`CheckboxesControl`, className)}>
-                {body && body.length ? body : (
-                    <span className={`Form-placeholder`}>{placeholder}</span>
-                )}
+                {body && body.length ? body : <span className={`Form-placeholder`}>{placeholder}</span>}
             </div>
         );
     }
@@ -145,5 +128,4 @@ export default class CheckboxesControl extends React.Component<CheckboxesProps,
     type: 'checkboxes',
     sizeMutable: false
 })
-export class CheckboxesControlRenderer extends CheckboxesControl {};
-
+export class CheckboxesControlRenderer extends CheckboxesControl {}
diff --git a/src/renderers/Form/City.tsx b/src/renderers/Form/City.tsx
index 6343b85b5..aae576de0 100644
--- a/src/renderers/Form/City.tsx
+++ b/src/renderers/Form/City.tsx
@@ -1,22 +1,14 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
-import db, {
-    province,
-    city,
-    district
-} from './CityDB';
-import { ClassNamesFn, themeable } from '../../theme';
-import { Select } from '../../components';
-import { autobind } from '../../utils/helper';
-import { Option } from './Options';
-
+import {FormItem, FormControlProps} from './Item';
+import db, {province, city, district} from './CityDB';
+import {ClassNamesFn, themeable} from '../../theme';
+import {Select} from '../../components';
+import {autobind} from '../../utils/helper';
+import {Option} from './Options';
 
 export interface CityPickerProps {
-    value:any;
-    onChange: (value:any) => void;
+    value: any;
+    onChange: (value: any) => void;
     extractValue: boolean;
     joinValues?: boolean;
     delimiter: string;
@@ -27,7 +19,7 @@ export interface CityPickerProps {
     allowCity: boolean;
     allowDistrict: boolean;
     // allowStreet: boolean;
-};
+}
 
 export interface CityPickerState {
     code: number;
@@ -38,7 +30,7 @@ export interface CityPickerState {
     district: string;
     districtCode: number;
     street: string;
-};
+}
 
 export class CityPicker extends React.Component<CityPickerProps, CityPickerState> {
     static defaultProps = {
@@ -46,7 +38,7 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
         extractValue: true,
         delimiter: ',',
         allowCity: true,
-        allowDistrict: true,
+        allowDistrict: true
         // allowStreet: false
     };
 
@@ -65,60 +57,68 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
         this.syncIn();
     }
 
-    componentWillReceiveProps(nextProps:CityPickerProps) {
+    componentWillReceiveProps(nextProps: CityPickerProps) {
         const props = this.props;
 
         if (props.value !== nextProps.value) {
             this.syncIn(nextProps);
         }
     }
-    
-    @autobind
-    handleProvinceChange(option:Option) {
 
-        this.setState({
-            province: option.label as string,
-            provinceCode: option.value as number,
-            city: '',
-            cityCode: 0,
-            district: '',
-            districtCode: 0,
-            street: '',
-            code: option.value
-        }, this.syncOut);
+    @autobind
+    handleProvinceChange(option: Option) {
+        this.setState(
+            {
+                province: option.label as string,
+                provinceCode: option.value as number,
+                city: '',
+                cityCode: 0,
+                district: '',
+                districtCode: 0,
+                street: '',
+                code: option.value
+            },
+            this.syncOut
+        );
     }
 
     @autobind
-    handleCityChange(option:Option) {
+    handleCityChange(option: Option) {
         if (option.value % 100) {
             return this.handleDistrictChange(option, {
                 cityCode: option.value as number
             });
         }
 
-        this.setState({
-            city: option.label as string,
-            cityCode: option.value as number,
-            district: '',
-            districtCode: 0,
-            street: '',
-            code: option.value
-        }, this.syncOut);
+        this.setState(
+            {
+                city: option.label as string,
+                cityCode: option.value as number,
+                district: '',
+                districtCode: 0,
+                street: '',
+                code: option.value
+            },
+            this.syncOut
+        );
     }
 
     @autobind
-    handleDistrictChange(option:Option, otherStates:Partial<CityPickerState> = {}) {
-        this.setState({
-            ...otherStates as any,
-            district: option.label as string,
-            districtCode: option.value as number,
-            street: '',
-            code: option.value as number
-        }, this.syncOut);
+    handleDistrictChange(option: Option, otherStates: Partial<CityPickerState> = {}) {
+        this.setState(
+            {
+                ...(otherStates as any),
+                district: option.label as string,
+                districtCode: option.value as number,
+                street: '',
+                code: option.value as number
+            },
+            this.syncOut
+        );
     }
 
     @autobind
-    handleStreetChange(e:React.ChangeEvent<HTMLInputElement>) {
+    handleStreetChange(e: React.ChangeEvent<HTMLInputElement>) {
         this.setState({
             street: e.currentTarget.value
         });
@@ -131,10 +131,7 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
 
     @autobind
     syncIn(props = this.props) {
-        const {
-            value,
-            delimiter
-        } = props;
+        const {value, delimiter} = props;
 
         const state = {
             code: 0,
@@ -147,10 +144,11 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
             street: ''
         };
 
-        let code = value && value.code
-            || typeof value === "number" && value
-            || typeof value === "string" && /(\d{6})/.test(value) && RegExp.$1;
-        
+        let code =
+            (value && value.code) ||
+            (typeof value === 'number' && value) ||
+            (typeof value === 'string' && /(\d{6})/.test(value) && RegExp.$1);
+
         if (code && db[code]) {
             code = parseInt(code, 10);
             state.code = code;
@@ -160,7 +158,7 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
                 state.provinceCode = provinceCode;
                 state.province = db[provinceCode];
             }
-            
+
             const cityCode = code - (code % 100);
             if (db[cityCode]) {
                 state.cityCode = cityCode;
@@ -177,8 +175,8 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
 
         if (value && value.street) {
             state.street = value.street;
-        } else if (typeof value === "string" && ~value.indexOf(delimiter)) {
-            state.street = value.slice(value.indexOf(delimiter) + delimiter.length)
+        } else if (typeof value === 'string' && ~value.indexOf(delimiter)) {
+            state.street = value.slice(value.indexOf(delimiter) + delimiter.length);
         }
 
         this.setState(state);
@@ -198,18 +196,18 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
             code,
             province,
             city,
-            district,
+            district
             // street
         } = this.state;
 
-        if (typeof extractValue === "undefined" ? joinValues : extractValue ) {
+        if (typeof extractValue === 'undefined' ? joinValues : extractValue) {
             code ? onChange(/*allowStreet && street ? [code, street].join(delimiter) :*/ String(code)) : onChange('');
         } else {
             onChange({
                 code,
                 province,
                 city,
-                district,
+                district
                 // street
             });
         }
@@ -221,16 +219,11 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
             className,
             disabled,
             allowCity,
-            allowDistrict,
+            allowDistrict
             // allowStreet
         } = this.props;
 
-        const {
-            provinceCode,
-            cityCode,
-            districtCode,
-            street
-        } = this.state;
+        const {provinceCode, cityCode, districtCode, street} = this.state;
 
         return (
             <div className={cx('CityPicker', className)}>
@@ -294,28 +287,26 @@ export class CityPicker extends React.Component<CityPickerProps, CityPickerState
 const ThemedCity = themeable(CityPicker);
 export default ThemedCity;
 
-
 export interface LocationControlProps extends FormControlProps {
     allowCity?: boolean;
     allowDistrict?: boolean;
     extractValue?: boolean;
     joinValues?: boolean;
     // allowStreet?: boolean;
-};
+}
 export class LocationControl extends React.Component<LocationControlProps> {
-    
     render() {
         const {
-            value, 
+            value,
             onChange,
             allowCity,
             allowDistrict,
             extractValue,
-            joinValues,
+            joinValues
             // allowStreet
         } = this.props;
         return (
-            <ThemedCity 
+            <ThemedCity
                 value={value}
                 onChange={onChange}
                 allowCity={allowCity}
@@ -332,5 +323,4 @@ export class LocationControl extends React.Component<LocationControlProps> {
     type: 'city',
     sizeMutable: false
 })
-export class CheckboxControlRenderer extends LocationControl {};
-
+export class CheckboxControlRenderer extends LocationControl {}
diff --git a/src/renderers/Form/CityDB.ts b/src/renderers/Form/CityDB.ts
index 41e72b5b0..def8df86b 100644
--- a/src/renderers/Form/CityDB.ts
+++ b/src/renderers/Form/CityDB.ts
@@ -1,3552 +1,3554 @@
 // 数据来源：https://lbs.amap.com/api/webservice/download
-const db:{
-    [propName:string]: any;
+const db: {
+    [propName: string]: any;
 } = {
-    110000: "北京市",
-    110100: "北京市市辖区",
-    110101: "东城区",
-    110102: "西城区",
-    110105: "朝阳区",
-    110106: "丰台区",
-    110107: "石景山区",
-    110108: "海淀区",
-    110109: "门头沟区",
-    110111: "房山区",
-    110112: "通州区",
-    110113: "顺义区",
-    110114: "昌平区",
-    110115: "大兴区",
-    110116: "怀柔区",
-    110117: "平谷区",
-    110118: "密云区",
-    110119: "延庆区",
-    120000: "天津市",
-    120100: "天津市市辖区",
-    120101: "和平区",
-    120102: "河东区",
-    120103: "河西区",
-    120104: "南开区",
-    120105: "河北区",
-    120106: "红桥区",
-    120110: "东丽区",
-    120111: "西青区",
-    120112: "津南区",
-    120113: "北辰区",
-    120114: "武清区",
-    120115: "宝坻区",
-    120116: "滨海新区",
-    120117: "宁河区",
-    120118: "静海区",
-    120119: "蓟州区",
-    130000: "河北省",
-    130100: "石家庄市",
-    130101: "石家庄市市辖区",
-    130102: "长安区",
-    130104: "桥西区",
-    130105: "新华区",
-    130107: "井陉矿区",
-    130108: "裕华区",
-    130109: "藁城区",
-    130110: "鹿泉区",
-    130111: "栾城区",
-    130121: "井陉县",
-    130123: "正定县",
-    130125: "行唐县",
-    130126: "灵寿县",
-    130127: "高邑县",
-    130128: "深泽县",
-    130129: "赞皇县",
-    130130: "无极县",
-    130131: "平山县",
-    130132: "元氏县",
-    130133: "赵县",
-    130181: "辛集市",
-    130183: "晋州市",
-    130184: "新乐市",
-    130200: "唐山市",
-    130201: "唐山市市辖区",
-    130202: "路南区",
-    130203: "路北区",
-    130204: "古冶区",
-    130205: "开平区",
-    130207: "丰南区",
-    130208: "丰润区",
-    130209: "曹妃甸区",
-    130224: "滦南县",
-    130225: "乐亭县",
-    130227: "迁西县",
-    130229: "玉田县",
-    130281: "遵化市",
-    130283: "迁安市",
-    130284: "滦州市",
-    130300: "秦皇岛市",
-    130301: "秦皇岛市市辖区",
-    130302: "海港区",
-    130303: "山海关区",
-    130304: "北戴河区",
-    130306: "抚宁区",
-    130321: "青龙满族自治县",
-    130322: "昌黎县",
-    130324: "卢龙县",
-    130400: "邯郸市",
-    130401: "邯郸市市辖区",
-    130402: "邯山区",
-    130403: "丛台区",
-    130404: "复兴区",
-    130406: "峰峰矿区",
-    130407: "肥乡区",
-    130408: "永年区",
-    130423: "临漳县",
-    130424: "成安县",
-    130425: "大名县",
-    130426: "涉县",
-    130427: "磁县",
-    130430: "邱县",
-    130431: "鸡泽县",
-    130432: "广平县",
-    130433: "馆陶县",
-    130434: "魏县",
-    130435: "曲周县",
-    130481: "武安市",
-    130500: "邢台市",
-    130501: "邢台市市辖区",
-    130502: "桥东区",
-    130503: "桥西区",
-    130521: "邢台县",
-    130522: "临城县",
-    130523: "内丘县",
-    130524: "柏乡县",
-    130525: "隆尧县",
-    130526: "任县",
-    130527: "南和县",
-    130528: "宁晋县",
-    130529: "巨鹿县",
-    130530: "新河县",
-    130531: "广宗县",
-    130532: "平乡县",
-    130533: "威县",
-    130534: "清河县",
-    130535: "临西县",
-    130581: "南宫市",
-    130582: "沙河市",
-    130600: "保定市",
-    130601: "保定市市辖区",
-    130602: "竞秀区",
-    130606: "莲池区",
-    130607: "满城区",
-    130608: "清苑区",
-    130609: "徐水区",
-    130623: "涞水县",
-    130624: "阜平县",
-    130626: "定兴县",
-    130627: "唐县",
-    130628: "高阳县",
-    130629: "容城县",
-    130630: "涞源县",
-    130631: "望都县",
-    130632: "安新县",
-    130633: "易县",
-    130634: "曲阳县",
-    130635: "蠡县",
-    130636: "顺平县",
-    130637: "博野县",
-    130638: "雄县",
-    130681: "涿州市",
-    130682: "定州市",
-    130683: "安国市",
-    130684: "高碑店市",
-    130700: "张家口市",
-    130701: "张家口市市辖区",
-    130702: "桥东区",
-    130703: "桥西区",
-    130705: "宣化区",
-    130706: "下花园区",
-    130708: "万全区",
-    130709: "崇礼区",
-    130722: "张北县",
-    130723: "康保县",
-    130724: "沽源县",
-    130725: "尚义县",
-    130726: "蔚县",
-    130727: "阳原县",
-    130728: "怀安县",
-    130730: "怀来县",
-    130731: "涿鹿县",
-    130732: "赤城县",
-    130800: "承德市",
-    130801: "承德市市辖区",
-    130802: "双桥区",
-    130803: "双滦区",
-    130804: "鹰手营子矿区",
-    130821: "承德县",
-    130822: "兴隆县",
-    130824: "滦平县",
-    130825: "隆化县",
-    130826: "丰宁满族自治县",
-    130827: "宽城满族自治县",
-    130828: "围场满族蒙古族自治县",
-    130881: "平泉市",
-    130900: "沧州市",
-    130901: "沧州市市辖区",
-    130902: "新华区",
-    130903: "运河区",
-    130921: "沧县",
-    130922: "青县",
-    130923: "东光县",
-    130924: "海兴县",
-    130925: "盐山县",
-    130926: "肃宁县",
-    130927: "南皮县",
-    130928: "吴桥县",
-    130929: "献县",
-    130930: "孟村回族自治县",
-    130981: "泊头市",
-    130982: "任丘市",
-    130983: "黄骅市",
-    130984: "河间市",
-    131000: "廊坊市",
-    131001: "廊坊市市辖区",
-    131002: "安次区",
-    131003: "广阳区",
-    131022: "固安县",
-    131023: "永清县",
-    131024: "香河县",
-    131025: "大城县",
-    131026: "文安县",
-    131028: "大厂回族自治县",
-    131081: "霸州市",
-    131082: "三河市",
-    131100: "衡水市",
-    131101: "衡水市市辖区",
-    131102: "桃城区",
-    131103: "冀州区",
-    131121: "枣强县",
-    131122: "武邑县",
-    131123: "武强县",
-    131124: "饶阳县",
-    131125: "安平县",
-    131126: "故城县",
-    131127: "景县",
-    131128: "阜城县",
-    131182: "深州市",
-    140000: "山西省",
-    140100: "太原市",
-    140101: "太原市市辖区",
-    140105: "小店区",
-    140106: "迎泽区",
-    140107: "杏花岭区",
-    140108: "尖草坪区",
-    140109: "万柏林区",
-    140110: "晋源区",
-    140121: "清徐县",
-    140122: "阳曲县",
-    140123: "娄烦县",
-    140181: "古交市",
-    140200: "大同市",
-    140201: "大同市市辖区",
-    140212: "新荣区",
-    140213: "平城区",
-    140214: "云冈区",
-    140215: "云州区",
-    140221: "阳高县",
-    140222: "天镇县",
-    140223: "广灵县",
-    140224: "灵丘县",
-    140225: "浑源县",
-    140226: "左云县",
-    140300: "阳泉市",
-    140301: "阳泉市市辖区",
-    140302: "城区",
-    140303: "矿区",
-    140311: "郊区",
-    140321: "平定县",
-    140322: "盂县",
-    140400: "长治市",
-    140401: "长治市市辖区",
-    140403: "潞州区",
-    140404: "上党区",
-    140405: "屯留区",
-    140406: "潞城区",
-    140423: "襄垣县",
-    140425: "平顺县",
-    140426: "黎城县",
-    140427: "壶关县",
-    140428: "长子县",
-    140429: "武乡县",
-    140430: "沁县",
-    140431: "沁源县",
-    140500: "晋城市",
-    140501: "晋城市市辖区",
-    140502: "城区",
-    140521: "沁水县",
-    140522: "阳城县",
-    140524: "陵川县",
-    140525: "泽州县",
-    140581: "高平市",
-    140600: "朔州市",
-    140601: "朔州市市辖区",
-    140602: "朔城区",
-    140603: "平鲁区",
-    140621: "山阴县",
-    140622: "应县",
-    140623: "右玉县",
-    140681: "怀仁市",
-    140700: "晋中市",
-    140701: "晋中市市辖区",
-    140702: "榆次区",
-    140721: "榆社县",
-    140722: "左权县",
-    140723: "和顺县",
-    140724: "昔阳县",
-    140725: "寿阳县",
-    140726: "太谷县",
-    140727: "祁县",
-    140728: "平遥县",
-    140729: "灵石县",
-    140781: "介休市",
-    140800: "运城市",
-    140801: "运城市市辖区",
-    140802: "盐湖区",
-    140821: "临猗县",
-    140822: "万荣县",
-    140823: "闻喜县",
-    140824: "稷山县",
-    140825: "新绛县",
-    140826: "绛县",
-    140827: "垣曲县",
-    140828: "夏县",
-    140829: "平陆县",
-    140830: "芮城县",
-    140881: "永济市",
-    140882: "河津市",
-    140900: "忻州市",
-    140901: "忻州市市辖区",
-    140902: "忻府区",
-    140921: "定襄县",
-    140922: "五台县",
-    140923: "代县",
-    140924: "繁峙县",
-    140925: "宁武县",
-    140926: "静乐县",
-    140927: "神池县",
-    140928: "五寨县",
-    140929: "岢岚县",
-    140930: "河曲县",
-    140931: "保德县",
-    140932: "偏关县",
-    140981: "原平市",
-    141000: "临汾市",
-    141001: "临汾市市辖区",
-    141002: "尧都区",
-    141021: "曲沃县",
-    141022: "翼城县",
-    141023: "襄汾县",
-    141024: "洪洞县",
-    141025: "古县",
-    141026: "安泽县",
-    141027: "浮山县",
-    141028: "吉县",
-    141029: "乡宁县",
-    141030: "大宁县",
-    141031: "隰县",
-    141032: "永和县",
-    141033: "蒲县",
-    141034: "汾西县",
-    141081: "侯马市",
-    141082: "霍州市",
-    141100: "吕梁市",
-    141101: "吕梁市市辖区",
-    141102: "离石区",
-    141121: "文水县",
-    141122: "交城县",
-    141123: "兴县",
-    141124: "临县",
-    141125: "柳林县",
-    141126: "石楼县",
-    141127: "岚县",
-    141128: "方山县",
-    141129: "中阳县",
-    141130: "交口县",
-    141181: "孝义市",
-    141182: "汾阳市",
-    150000: "内蒙古自治区",
-    150100: "呼和浩特市",
-    150101: "呼和浩特市市辖区",
-    150102: "新城区",
-    150103: "回民区",
-    150104: "玉泉区",
-    150105: "赛罕区",
-    150121: "土默特左旗",
-    150122: "托克托县",
-    150123: "和林格尔县",
-    150124: "清水河县",
-    150125: "武川县",
-    150200: "包头市",
-    150201: "包头市市辖区",
-    150202: "东河区",
-    150203: "昆都仑区",
-    150204: "青山区",
-    150205: "石拐区",
-    150206: "白云鄂博矿区",
-    150207: "九原区",
-    150221: "土默特右旗",
-    150222: "固阳县",
-    150223: "达尔罕茂明安联合旗",
-    150300: "乌海市",
-    150301: "乌海市市辖区",
-    150302: "海勃湾区",
-    150303: "海南区",
-    150304: "乌达区",
-    150400: "赤峰市",
-    150401: "赤峰市市辖区",
-    150402: "红山区",
-    150403: "元宝山区",
-    150404: "松山区",
-    150421: "阿鲁科尔沁旗",
-    150422: "巴林左旗",
-    150423: "巴林右旗",
-    150424: "林西县",
-    150425: "克什克腾旗",
-    150426: "翁牛特旗",
-    150428: "喀喇沁旗",
-    150429: "宁城县",
-    150430: "敖汉旗",
-    150500: "通辽市",
-    150501: "通辽市市辖区",
-    150502: "科尔沁区",
-    150521: "科尔沁左翼中旗",
-    150522: "科尔沁左翼后旗",
-    150523: "开鲁县",
-    150524: "库伦旗",
-    150525: "奈曼旗",
-    150526: "扎鲁特旗",
-    150581: "霍林郭勒市",
-    150600: "鄂尔多斯市",
-    150601: "鄂尔多斯市市辖区",
-    150602: "东胜区",
-    150603: "康巴什区",
-    150621: "达拉特旗",
-    150622: "准格尔旗",
-    150623: "鄂托克前旗",
-    150624: "鄂托克旗",
-    150625: "杭锦旗",
-    150626: "乌审旗",
-    150627: "伊金霍洛旗",
-    150700: "呼伦贝尔市",
-    150701: "呼伦贝尔市市辖区",
-    150702: "海拉尔区",
-    150703: "扎赉诺尔区",
-    150721: "阿荣旗",
-    150722: "莫力达瓦达斡尔族自治旗",
-    150723: "鄂伦春自治旗",
-    150724: "鄂温克族自治旗",
-    150725: "陈巴尔虎旗",
-    150726: "新巴尔虎左旗",
-    150727: "新巴尔虎右旗",
-    150781: "满洲里市",
-    150782: "牙克石市",
-    150783: "扎兰屯市",
-    150784: "额尔古纳市",
-    150785: "根河市",
-    150800: "巴彦淖尔市",
-    150801: "巴彦淖尔市市辖区",
-    150802: "临河区",
-    150821: "五原县",
-    150822: "磴口县",
-    150823: "乌拉特前旗",
-    150824: "乌拉特中旗",
-    150825: "乌拉特后旗",
-    150826: "杭锦后旗",
-    150900: "乌兰察布市",
-    150901: "乌兰察布市市辖区",
-    150902: "集宁区",
-    150921: "卓资县",
-    150922: "化德县",
-    150923: "商都县",
-    150924: "兴和县",
-    150925: "凉城县",
-    150926: "察哈尔右翼前旗",
-    150927: "察哈尔右翼中旗",
-    150928: "察哈尔右翼后旗",
-    150929: "四子王旗",
-    150981: "丰镇市",
-    152200: "兴安盟",
-    152201: "乌兰浩特市",
-    152202: "阿尔山市",
-    152221: "科尔沁右翼前旗",
-    152222: "科尔沁右翼中旗",
-    152223: "扎赉特旗",
-    152224: "突泉县",
-    152500: "锡林郭勒盟",
-    152501: "二连浩特市",
-    152502: "锡林浩特市",
-    152522: "阿巴嘎旗",
-    152523: "苏尼特左旗",
-    152524: "苏尼特右旗",
-    152525: "东乌珠穆沁旗",
-    152526: "西乌珠穆沁旗",
-    152527: "太仆寺旗",
-    152528: "镶黄旗",
-    152529: "正镶白旗",
-    152530: "正蓝旗",
-    152531: "多伦县",
-    152900: "阿拉善盟",
-    152921: "阿拉善左旗",
-    152922: "阿拉善右旗",
-    152923: "额济纳旗",
-    210000: "辽宁省",
-    210100: "沈阳市",
-    210101: "沈阳市市辖区",
-    210102: "和平区",
-    210103: "沈河区",
-    210104: "大东区",
-    210105: "皇姑区",
-    210106: "铁西区",
-    210111: "苏家屯区",
-    210112: "浑南区",
-    210113: "沈北新区",
-    210114: "于洪区",
-    210115: "辽中区",
-    210123: "康平县",
-    210124: "法库县",
-    210181: "新民市",
-    210200: "大连市",
-    210201: "大连市市辖区",
-    210202: "中山区",
-    210203: "西岗区",
-    210204: "沙河口区",
-    210211: "甘井子区",
-    210212: "旅顺口区",
-    210213: "金州区",
-    210214: "普兰店区",
-    210224: "长海县",
-    210281: "瓦房店市",
-    210283: "庄河市",
-    210300: "鞍山市",
-    210301: "鞍山市市辖区",
-    210302: "铁东区",
-    210303: "铁西区",
-    210304: "立山区",
-    210311: "千山区",
-    210321: "台安县",
-    210323: "岫岩满族自治县",
-    210381: "海城市",
-    210400: "抚顺市",
-    210401: "抚顺市市辖区",
-    210402: "新抚区",
-    210403: "东洲区",
-    210404: "望花区",
-    210411: "顺城区",
-    210421: "抚顺县",
-    210422: "新宾满族自治县",
-    210423: "清原满族自治县",
-    210500: "本溪市",
-    210501: "本溪市市辖区",
-    210502: "平山区",
-    210503: "溪湖区",
-    210504: "明山区",
-    210505: "南芬区",
-    210521: "本溪满族自治县",
-    210522: "桓仁满族自治县",
-    210600: "丹东市",
-    210601: "丹东市市辖区",
-    210602: "元宝区",
-    210603: "振兴区",
-    210604: "振安区",
-    210624: "宽甸满族自治县",
-    210681: "东港市",
-    210682: "凤城市",
-    210700: "锦州市",
-    210701: "锦州市市辖区",
-    210702: "古塔区",
-    210703: "凌河区",
-    210711: "太和区",
-    210726: "黑山县",
-    210727: "义县",
-    210781: "凌海市",
-    210782: "北镇市",
-    210800: "营口市",
-    210801: "营口市市辖区",
-    210802: "站前区",
-    210803: "西市区",
-    210804: "鲅鱼圈区",
-    210811: "老边区",
-    210881: "盖州市",
-    210882: "大石桥市",
-    210900: "阜新市",
-    210901: "阜新市市辖区",
-    210902: "海州区",
-    210903: "新邱区",
-    210904: "太平区",
-    210905: "清河门区",
-    210911: "细河区",
-    210921: "阜新蒙古族自治县",
-    210922: "彰武县",
-    211000: "辽阳市",
-    211001: "辽阳市市辖区",
-    211002: "白塔区",
-    211003: "文圣区",
-    211004: "宏伟区",
-    211005: "弓长岭区",
-    211011: "太子河区",
-    211021: "辽阳县",
-    211081: "灯塔市",
-    211100: "盘锦市",
-    211101: "盘锦市市辖区",
-    211102: "双台子区",
-    211103: "兴隆台区",
-    211104: "大洼区",
-    211122: "盘山县",
-    211200: "铁岭市",
-    211201: "铁岭市市辖区",
-    211202: "银州区",
-    211204: "清河区",
-    211221: "铁岭县",
-    211223: "西丰县",
-    211224: "昌图县",
-    211281: "调兵山市",
-    211282: "开原市",
-    211300: "朝阳市",
-    211301: "朝阳市市辖区",
-    211302: "双塔区",
-    211303: "龙城区",
-    211321: "朝阳县",
-    211322: "建平县",
-    211324: "喀喇沁左翼蒙古族自治县",
-    211381: "北票市",
-    211382: "凌源市",
-    211400: "葫芦岛市",
-    211401: "葫芦岛市市辖区",
-    211402: "连山区",
-    211403: "龙港区",
-    211404: "南票区",
-    211421: "绥中县",
-    211422: "建昌县",
-    211481: "兴城市",
-    220000: "吉林省",
-    220100: "长春市",
-    220101: "长春市市辖区",
-    220102: "南关区",
-    220103: "宽城区",
-    220104: "朝阳区",
-    220105: "二道区",
-    220106: "绿园区",
-    220112: "双阳区",
-    220113: "九台区",
-    220122: "农安县",
-    220182: "榆树市",
-    220183: "德惠市",
-    220200: "吉林市",
-    220201: "吉林市市辖区",
-    220202: "昌邑区",
-    220203: "龙潭区",
-    220204: "船营区",
-    220211: "丰满区",
-    220221: "永吉县",
-    220281: "蛟河市",
-    220282: "桦甸市",
-    220283: "舒兰市",
-    220284: "磐石市",
-    220300: "四平市",
-    220301: "四平市市辖区",
-    220302: "铁西区",
-    220303: "铁东区",
-    220322: "梨树县",
-    220323: "伊通满族自治县",
-    220381: "公主岭市",
-    220382: "双辽市",
-    220400: "辽源市",
-    220401: "辽源市市辖区",
-    220402: "龙山区",
-    220403: "西安区",
-    220421: "东丰县",
-    220422: "东辽县",
-    220500: "通化市",
-    220501: "通化市市辖区",
-    220502: "东昌区",
-    220503: "二道江区",
-    220521: "通化县",
-    220523: "辉南县",
-    220524: "柳河县",
-    220581: "梅河口市",
-    220582: "集安市",
-    220600: "白山市",
-    220601: "白山市市辖区",
-    220602: "浑江区",
-    220605: "江源区",
-    220621: "抚松县",
-    220622: "靖宇县",
-    220623: "长白朝鲜族自治县",
-    220681: "临江市",
-    220700: "松原市",
-    220701: "松原市市辖区",
-    220702: "宁江区",
-    220721: "前郭尔罗斯蒙古族自治县",
-    220722: "长岭县",
-    220723: "乾安县",
-    220781: "扶余市",
-    220800: "白城市",
-    220801: "白城市市辖区",
-    220802: "洮北区",
-    220821: "镇赉县",
-    220822: "通榆县",
-    220881: "洮南市",
-    220882: "大安市",
-    222400: "延边朝鲜族自治州",
-    222401: "延吉市",
-    222402: "图们市",
-    222403: "敦化市",
-    222404: "珲春市",
-    222405: "龙井市",
-    222406: "和龙市",
-    222424: "汪清县",
-    222426: "安图县",
-    230000: "黑龙江省",
-    230100: "哈尔滨市",
-    230101: "哈尔滨市市辖区",
-    230102: "道里区",
-    230103: "南岗区",
-    230104: "道外区",
-    230108: "平房区",
-    230109: "松北区",
-    230110: "香坊区",
-    230111: "呼兰区",
-    230112: "阿城区",
-    230113: "双城区",
-    230123: "依兰县",
-    230124: "方正县",
-    230125: "宾县",
-    230126: "巴彦县",
-    230127: "木兰县",
-    230128: "通河县",
-    230129: "延寿县",
-    230183: "尚志市",
-    230184: "五常市",
-    230200: "齐齐哈尔市",
-    230201: "齐齐哈尔市市辖区",
-    230202: "龙沙区",
-    230203: "建华区",
-    230204: "铁锋区",
-    230205: "昂昂溪区",
-    230206: "富拉尔基区",
-    230207: "碾子山区",
-    230208: "梅里斯达斡尔族区",
-    230221: "龙江县",
-    230223: "依安县",
-    230224: "泰来县",
-    230225: "甘南县",
-    230227: "富裕县",
-    230229: "克山县",
-    230230: "克东县",
-    230231: "拜泉县",
-    230281: "讷河市",
-    230300: "鸡西市",
-    230301: "鸡西市市辖区",
-    230302: "鸡冠区",
-    230303: "恒山区",
-    230304: "滴道区",
-    230305: "梨树区",
-    230306: "城子河区",
-    230307: "麻山区",
-    230321: "鸡东县",
-    230381: "虎林市",
-    230382: "密山市",
-    230400: "鹤岗市",
-    230401: "鹤岗市市辖区",
-    230402: "向阳区",
-    230403: "工农区",
-    230404: "南山区",
-    230405: "兴安区",
-    230406: "东山区",
-    230407: "兴山区",
-    230421: "萝北县",
-    230422: "绥滨县",
-    230500: "双鸭山市",
-    230501: "双鸭山市市辖区",
-    230502: "尖山区",
-    230503: "岭东区",
-    230505: "四方台区",
-    230506: "宝山区",
-    230521: "集贤县",
-    230522: "友谊县",
-    230523: "宝清县",
-    230524: "饶河县",
-    230600: "大庆市",
-    230601: "大庆市市辖区",
-    230602: "萨尔图区",
-    230603: "龙凤区",
-    230604: "让胡路区",
-    230605: "红岗区",
-    230606: "大同区",
-    230621: "肇州县",
-    230622: "肇源县",
-    230623: "林甸县",
-    230624: "杜尔伯特蒙古族自治县",
-    230700: "伊春市",
-    230701: "伊春市市辖区",
-    230702: "伊春区",
-    230703: "南岔区",
-    230704: "友好区",
-    230705: "西林区",
-    230706: "翠峦区",
-    230707: "新青区",
-    230708: "美溪区",
-    230709: "金山屯区",
-    230710: "五营区",
-    230711: "乌马河区",
-    230712: "汤旺河区",
-    230713: "带岭区",
-    230714: "乌伊岭区",
-    230715: "红星区",
-    230716: "上甘岭区",
-    230722: "嘉荫县",
-    230781: "铁力市",
-    230800: "佳木斯市",
-    230801: "佳木斯市市辖区",
-    230803: "向阳区",
-    230804: "前进区",
-    230805: "东风区",
-    230811: "郊区",
-    230822: "桦南县",
-    230826: "桦川县",
-    230828: "汤原县",
-    230881: "同江市",
-    230882: "富锦市",
-    230883: "抚远市",
-    230900: "七台河市",
-    230901: "七台河市市辖区",
-    230902: "新兴区",
-    230903: "桃山区",
-    230904: "茄子河区",
-    230921: "勃利县",
-    231000: "牡丹江市",
-    231001: "牡丹江市市辖区",
-    231002: "东安区",
-    231003: "阳明区",
-    231004: "爱民区",
-    231005: "西安区",
-    231025: "林口县",
-    231081: "绥芬河市",
-    231083: "海林市",
-    231084: "宁安市",
-    231085: "穆棱市",
-    231086: "东宁市",
-    231100: "黑河市",
-    231101: "黑河市市辖区",
-    231102: "爱辉区",
-    231121: "嫩江县",
-    231123: "逊克县",
-    231124: "孙吴县",
-    231181: "北安市",
-    231182: "五大连池市",
-    231200: "绥化市",
-    231201: "绥化市市辖区",
-    231202: "北林区",
-    231221: "望奎县",
-    231222: "兰西县",
-    231223: "青冈县",
-    231224: "庆安县",
-    231225: "明水县",
-    231226: "绥棱县",
-    231281: "安达市",
-    231282: "肇东市",
-    231283: "海伦市",
-    232700: "大兴安岭地区",
-    232701: "漠河市",
-    232718: "加格达奇区",
-    232721: "呼玛县",
-    232722: "塔河县",
-    310000: "上海市",
-    310100: "上海市市辖区",
-    310101: "黄浦区",
-    310104: "徐汇区",
-    310105: "长宁区",
-    310106: "静安区",
-    310107: "普陀区",
-    310109: "虹口区",
-    310110: "杨浦区",
-    310112: "闵行区",
-    310113: "宝山区",
-    310114: "嘉定区",
-    310115: "浦东新区",
-    310116: "金山区",
-    310117: "松江区",
-    310118: "青浦区",
-    310120: "奉贤区",
-    310151: "崇明区",
-    320000: "江苏省",
-    320100: "南京市",
-    320101: "南京市市辖区",
-    320102: "玄武区",
-    320104: "秦淮区",
-    320105: "建邺区",
-    320106: "鼓楼区",
-    320111: "浦口区",
-    320113: "栖霞区",
-    320114: "雨花台区",
-    320115: "江宁区",
-    320116: "六合区",
-    320117: "溧水区",
-    320118: "高淳区",
-    320200: "无锡市",
-    320201: "无锡市市辖区",
-    320205: "锡山区",
-    320206: "惠山区",
-    320211: "滨湖区",
-    320213: "梁溪区",
-    320214: "新吴区",
-    320281: "江阴市",
-    320282: "宜兴市",
-    320300: "徐州市",
-    320301: "徐州市市辖区",
-    320302: "鼓楼区",
-    320303: "云龙区",
-    320305: "贾汪区",
-    320311: "泉山区",
-    320312: "铜山区",
-    320321: "丰县",
-    320322: "沛县",
-    320324: "睢宁县",
-    320381: "新沂市",
-    320382: "邳州市",
-    320400: "常州市",
-    320401: "常州市市辖区",
-    320402: "天宁区",
-    320404: "钟楼区",
-    320411: "新北区",
-    320412: "武进区",
-    320413: "金坛区",
-    320481: "溧阳市",
-    320500: "苏州市",
-    320501: "苏州市市辖区",
-    320505: "虎丘区",
-    320506: "吴中区",
-    320507: "相城区",
-    320508: "姑苏区",
-    320509: "吴江区",
-    320571: "苏州工业园区",
-    320581: "常熟市",
-    320582: "张家港市",
-    320583: "昆山市",
-    320585: "太仓市",
-    320600: "南通市",
-    320601: "南通市市辖区",
-    320602: "崇川区",
-    320611: "港闸区",
-    320612: "通州区",
-    320623: "如东县",
-    320681: "启东市",
-    320682: "如皋市",
-    320684: "海门市",
-    320685: "海安市",
-    320700: "连云港市",
-    320701: "连云港市市辖区",
-    320703: "连云区",
-    320706: "海州区",
-    320707: "赣榆区",
-    320722: "东海县",
-    320723: "灌云县",
-    320724: "灌南县",
-    320800: "淮安市",
-    320801: "淮安市市辖区",
-    320803: "淮安区",
-    320804: "淮阴区",
-    320812: "清江浦区",
-    320813: "洪泽区",
-    320826: "涟水县",
-    320830: "盱眙县",
-    320831: "金湖县",
-    320900: "盐城市",
-    320901: "盐城市市辖区",
-    320902: "亭湖区",
-    320903: "盐都区",
-    320904: "大丰区",
-    320921: "响水县",
-    320922: "滨海县",
-    320923: "阜宁县",
-    320924: "射阳县",
-    320925: "建湖县",
-    320981: "东台市",
-    321000: "扬州市",
-    321001: "扬州市市辖区",
-    321002: "广陵区",
-    321003: "邗江区",
-    321012: "江都区",
-    321023: "宝应县",
-    321081: "仪征市",
-    321084: "高邮市",
-    321100: "镇江市",
-    321101: "镇江市市辖区",
-    321102: "京口区",
-    321111: "润州区",
-    321112: "丹徒区",
-    321181: "丹阳市",
-    321182: "扬中市",
-    321183: "句容市",
-    321200: "泰州市",
-    321201: "泰州市市辖区",
-    321202: "海陵区",
-    321203: "高港区",
-    321204: "姜堰区",
-    321281: "兴化市",
-    321282: "靖江市",
-    321283: "泰兴市",
-    321300: "宿迁市",
-    321301: "宿迁市市辖区",
-    321302: "宿城区",
-    321311: "宿豫区",
-    321322: "沭阳县",
-    321323: "泗阳县",
-    321324: "泗洪县",
-    330000: "浙江省",
-    330100: "杭州市",
-    330101: "杭州市市辖区",
-    330102: "上城区",
-    330103: "下城区",
-    330104: "江干区",
-    330105: "拱墅区",
-    330106: "西湖区",
-    330108: "滨江区",
-    330109: "萧山区",
-    330110: "余杭区",
-    330111: "富阳区",
-    330112: "临安区",
-    330122: "桐庐县",
-    330127: "淳安县",
-    330182: "建德市",
-    330200: "宁波市",
-    330201: "宁波市市辖区",
-    330203: "海曙区",
-    330205: "江北区",
-    330206: "北仑区",
-    330211: "镇海区",
-    330212: "鄞州区",
-    330213: "奉化区",
-    330225: "象山县",
-    330226: "宁海县",
-    330281: "余姚市",
-    330282: "慈溪市",
-    330300: "温州市",
-    330301: "温州市市辖区",
-    330302: "鹿城区",
-    330303: "龙湾区",
-    330304: "瓯海区",
-    330305: "洞头区",
-    330324: "永嘉县",
-    330326: "平阳县",
-    330327: "苍南县",
-    330328: "文成县",
-    330329: "泰顺县",
-    330381: "瑞安市",
-    330382: "乐清市",
-    330400: "嘉兴市",
-    330401: "嘉兴市市辖区",
-    330402: "南湖区",
-    330411: "秀洲区",
-    330421: "嘉善县",
-    330424: "海盐县",
-    330481: "海宁市",
-    330482: "平湖市",
-    330483: "桐乡市",
-    330500: "湖州市",
-    330501: "湖州市市辖区",
-    330502: "吴兴区",
-    330503: "南浔区",
-    330521: "德清县",
-    330522: "长兴县",
-    330523: "安吉县",
-    330600: "绍兴市",
-    330601: "绍兴市市辖区",
-    330602: "越城区",
-    330603: "柯桥区",
-    330604: "上虞区",
-    330624: "新昌县",
-    330681: "诸暨市",
-    330683: "嵊州市",
-    330700: "金华市",
-    330701: "金华市市辖区",
-    330702: "婺城区",
-    330703: "金东区",
-    330723: "武义县",
-    330726: "浦江县",
-    330727: "磐安县",
-    330781: "兰溪市",
-    330782: "义乌市",
-    330783: "东阳市",
-    330784: "永康市",
-    330800: "衢州市",
-    330801: "衢州市市辖区",
-    330802: "柯城区",
-    330803: "衢江区",
-    330822: "常山县",
-    330824: "开化县",
-    330825: "龙游县",
-    330881: "江山市",
-    330900: "舟山市",
-    330901: "舟山市市辖区",
-    330902: "定海区",
-    330903: "普陀区",
-    330921: "岱山县",
-    330922: "嵊泗县",
-    331000: "台州市",
-    331001: "台州市市辖区",
-    331002: "椒江区",
-    331003: "黄岩区",
-    331004: "路桥区",
-    331022: "三门县",
-    331023: "天台县",
-    331024: "仙居县",
-    331081: "温岭市",
-    331082: "临海市",
-    331083: "玉环市",
-    331100: "丽水市",
-    331101: "丽水市市辖区",
-    331102: "莲都区",
-    331121: "青田县",
-    331122: "缙云县",
-    331123: "遂昌县",
-    331124: "松阳县",
-    331125: "云和县",
-    331126: "庆元县",
-    331127: "景宁畲族自治县",
-    331181: "龙泉市",
-    340000: "安徽省",
-    340100: "合肥市",
-    340101: "合肥市市辖区",
-    340102: "瑶海区",
-    340103: "庐阳区",
-    340104: "蜀山区",
-    340111: "包河区",
-    340121: "长丰县",
-    340122: "肥东县",
-    340123: "肥西县",
-    340124: "庐江县",
-    340181: "巢湖市",
-    340200: "芜湖市",
-    340201: "芜湖市市辖区",
-    340202: "镜湖区",
-    340203: "弋江区",
-    340207: "鸠江区",
-    340208: "三山区",
-    340221: "芜湖县",
-    340222: "繁昌县",
-    340223: "南陵县",
-    340225: "无为县",
-    340300: "蚌埠市",
-    340301: "蚌埠市市辖区",
-    340302: "龙子湖区",
-    340303: "蚌山区",
-    340304: "禹会区",
-    340311: "淮上区",
-    340321: "怀远县",
-    340322: "五河县",
-    340323: "固镇县",
-    340400: "淮南市",
-    340401: "淮南市市辖区",
-    340402: "大通区",
-    340403: "田家庵区",
-    340404: "谢家集区",
-    340405: "八公山区",
-    340406: "潘集区",
-    340421: "凤台县",
-    340422: "寿县",
-    340500: "马鞍山市",
-    340501: "马鞍山市市辖区",
-    340503: "花山区",
-    340504: "雨山区",
-    340506: "博望区",
-    340521: "当涂县",
-    340522: "含山县",
-    340523: "和县",
-    340600: "淮北市",
-    340601: "淮北市市辖区",
-    340602: "杜集区",
-    340603: "相山区",
-    340604: "烈山区",
-    340621: "濉溪县",
-    340700: "铜陵市",
-    340701: "铜陵市市辖区",
-    340705: "铜官区",
-    340706: "义安区",
-    340711: "郊区",
-    340722: "枞阳县",
-    340800: "安庆市",
-    340801: "安庆市市辖区",
-    340802: "迎江区",
-    340803: "大观区",
-    340811: "宜秀区",
-    340822: "怀宁县",
-    340824: "潜山市",
-    340825: "太湖县",
-    340826: "宿松县",
-    340827: "望江县",
-    340828: "岳西县",
-    340881: "桐城市",
-    341000: "黄山市",
-    341001: "黄山市市辖区",
-    341002: "屯溪区",
-    341003: "黄山区",
-    341004: "徽州区",
-    341021: "歙县",
-    341022: "休宁县",
-    341023: "黟县",
-    341024: "祁门县",
-    341100: "滁州市",
-    341101: "滁州市市辖区",
-    341102: "琅琊区",
-    341103: "南谯区",
-    341122: "来安县",
-    341124: "全椒县",
-    341125: "定远县",
-    341126: "凤阳县",
-    341181: "天长市",
-    341182: "明光市",
-    341200: "阜阳市",
-    341201: "阜阳市市辖区",
-    341202: "颍州区",
-    341203: "颍东区",
-    341204: "颍泉区",
-    341221: "临泉县",
-    341222: "太和县",
-    341225: "阜南县",
-    341226: "颍上县",
-    341282: "界首市",
-    341300: "宿州市",
-    341301: "宿州市市辖区",
-    341302: "埇桥区",
-    341321: "砀山县",
-    341322: "萧县",
-    341323: "灵璧县",
-    341324: "泗县",
-    341500: "六安市",
-    341501: "六安市市辖区",
-    341502: "金安区",
-    341503: "裕安区",
-    341504: "叶集区",
-    341522: "霍邱县",
-    341523: "舒城县",
-    341524: "金寨县",
-    341525: "霍山县",
-    341600: "亳州市",
-    341601: "亳州市市辖区",
-    341602: "谯城区",
-    341621: "涡阳县",
-    341622: "蒙城县",
-    341623: "利辛县",
-    341700: "池州市",
-    341701: "池州市市辖区",
-    341702: "贵池区",
-    341721: "东至县",
-    341722: "石台县",
-    341723: "青阳县",
-    341800: "宣城市",
-    341801: "宣城市市辖区",
-    341802: "宣州区",
-    341821: "郎溪县",
-    341822: "广德县",
-    341823: "泾县",
-    341824: "绩溪县",
-    341825: "旌德县",
-    341881: "宁国市",
-    350000: "福建省",
-    350100: "福州市",
-    350101: "福州市市辖区",
-    350102: "鼓楼区",
-    350103: "台江区",
-    350104: "仓山区",
-    350105: "马尾区",
-    350111: "晋安区",
-    350112: "长乐区",
-    350121: "闽侯县",
-    350122: "连江县",
-    350123: "罗源县",
-    350124: "闽清县",
-    350125: "永泰县",
-    350128: "平潭县",
-    350181: "福清市",
-    350200: "厦门市",
-    350201: "厦门市市辖区",
-    350203: "思明区",
-    350205: "海沧区",
-    350206: "湖里区",
-    350211: "集美区",
-    350212: "同安区",
-    350213: "翔安区",
-    350300: "莆田市",
-    350301: "莆田市市辖区",
-    350302: "城厢区",
-    350303: "涵江区",
-    350304: "荔城区",
-    350305: "秀屿区",
-    350322: "仙游县",
-    350400: "三明市",
-    350401: "三明市市辖区",
-    350402: "梅列区",
-    350403: "三元区",
-    350421: "明溪县",
-    350423: "清流县",
-    350424: "宁化县",
-    350425: "大田县",
-    350426: "尤溪县",
-    350427: "沙县",
-    350428: "将乐县",
-    350429: "泰宁县",
-    350430: "建宁县",
-    350481: "永安市",
-    350500: "泉州市",
-    350501: "泉州市市辖区",
-    350502: "鲤城区",
-    350503: "丰泽区",
-    350504: "洛江区",
-    350505: "泉港区",
-    350521: "惠安县",
-    350524: "安溪县",
-    350525: "永春县",
-    350526: "德化县",
-    350527: "金门县",
-    350581: "石狮市",
-    350582: "晋江市",
-    350583: "南安市",
-    350600: "漳州市",
-    350601: "漳州市市辖区",
-    350602: "芗城区",
-    350603: "龙文区",
-    350622: "云霄县",
-    350623: "漳浦县",
-    350624: "诏安县",
-    350625: "长泰县",
-    350626: "东山县",
-    350627: "南靖县",
-    350628: "平和县",
-    350629: "华安县",
-    350681: "龙海市",
-    350700: "南平市",
-    350701: "南平市市辖区",
-    350702: "延平区",
-    350703: "建阳区",
-    350721: "顺昌县",
-    350722: "浦城县",
-    350723: "光泽县",
-    350724: "松溪县",
-    350725: "政和县",
-    350781: "邵武市",
-    350782: "武夷山市",
-    350783: "建瓯市",
-    350800: "龙岩市",
-    350801: "龙岩市市辖区",
-    350802: "新罗区",
-    350803: "永定区",
-    350821: "长汀县",
-    350823: "上杭县",
-    350824: "武平县",
-    350825: "连城县",
-    350881: "漳平市",
-    350900: "宁德市",
-    350901: "宁德市市辖区",
-    350902: "蕉城区",
-    350921: "霞浦县",
-    350922: "古田县",
-    350923: "屏南县",
-    350924: "寿宁县",
-    350925: "周宁县",
-    350926: "柘荣县",
-    350981: "福安市",
-    350982: "福鼎市",
-    360000: "江西省",
-    360100: "南昌市",
-    360101: "南昌市市辖区",
-    360102: "东湖区",
-    360103: "西湖区",
-    360104: "青云谱区",
-    360105: "湾里区",
-    360111: "青山湖区",
-    360112: "新建区",
-    360121: "南昌县",
-    360123: "安义县",
-    360124: "进贤县",
-    360200: "景德镇市",
-    360201: "景德镇市市辖区",
-    360202: "昌江区",
-    360203: "珠山区",
-    360222: "浮梁县",
-    360281: "乐平市",
-    360300: "萍乡市",
-    360301: "萍乡市市辖区",
-    360302: "安源区",
-    360313: "湘东区",
-    360321: "莲花县",
-    360322: "上栗县",
-    360323: "芦溪县",
-    360400: "九江市",
-    360401: "九江市市辖区",
-    360402: "濂溪区",
-    360403: "浔阳区",
-    360404: "柴桑区",
-    360423: "武宁县",
-    360424: "修水县",
-    360425: "永修县",
-    360426: "德安县",
-    360428: "都昌县",
-    360429: "湖口县",
-    360430: "彭泽县",
-    360481: "瑞昌市",
-    360482: "共青城市",
-    360483: "庐山市",
-    360500: "新余市",
-    360501: "新余市市辖区",
-    360502: "渝水区",
-    360521: "分宜县",
-    360600: "鹰潭市",
-    360601: "鹰潭市市辖区",
-    360602: "月湖区",
-    360603: "余江区",
-    360681: "贵溪市",
-    360700: "赣州市",
-    360701: "赣州市市辖区",
-    360702: "章贡区",
-    360703: "南康区",
-    360704: "赣县区",
-    360722: "信丰县",
-    360723: "大余县",
-    360724: "上犹县",
-    360725: "崇义县",
-    360726: "安远县",
-    360727: "龙南县",
-    360728: "定南县",
-    360729: "全南县",
-    360730: "宁都县",
-    360731: "于都县",
-    360732: "兴国县",
-    360733: "会昌县",
-    360734: "寻乌县",
-    360735: "石城县",
-    360781: "瑞金市",
-    360800: "吉安市",
-    360801: "吉安市市辖区",
-    360802: "吉州区",
-    360803: "青原区",
-    360821: "吉安县",
-    360822: "吉水县",
-    360823: "峡江县",
-    360824: "新干县",
-    360825: "永丰县",
-    360826: "泰和县",
-    360827: "遂川县",
-    360828: "万安县",
-    360829: "安福县",
-    360830: "永新县",
-    360881: "井冈山市",
-    360900: "宜春市",
-    360901: "宜春市市辖区",
-    360902: "袁州区",
-    360921: "奉新县",
-    360922: "万载县",
-    360923: "上高县",
-    360924: "宜丰县",
-    360925: "靖安县",
-    360926: "铜鼓县",
-    360981: "丰城市",
-    360982: "樟树市",
-    360983: "高安市",
-    361000: "抚州市",
-    361001: "抚州市市辖区",
-    361002: "临川区",
-    361003: "东乡区",
-    361021: "南城县",
-    361022: "黎川县",
-    361023: "南丰县",
-    361024: "崇仁县",
-    361025: "乐安县",
-    361026: "宜黄县",
-    361027: "金溪县",
-    361028: "资溪县",
-    361030: "广昌县",
-    361100: "上饶市",
-    361101: "上饶市市辖区",
-    361102: "信州区",
-    361103: "广丰区",
-    361121: "上饶县",
-    361123: "玉山县",
-    361124: "铅山县",
-    361125: "横峰县",
-    361126: "弋阳县",
-    361127: "余干县",
-    361128: "鄱阳县",
-    361129: "万年县",
-    361130: "婺源县",
-    361181: "德兴市",
-    370000: "山东省",
-    370100: "济南市",
-    370101: "济南市市辖区",
-    370102: "历下区",
-    370103: "市中区",
-    370104: "槐荫区",
-    370105: "天桥区",
-    370112: "历城区",
-    370113: "长清区",
-    370114: "章丘区",
-    370115: "济阳区",
-    370116: "莱芜区",
-    370117: "钢城区",
-    370124: "平阴县",
-    370126: "商河县",
-    370200: "青岛市",
-    370201: "青岛市市辖区",
-    370202: "市南区",
-    370203: "市北区",
-    370211: "黄岛区",
-    370212: "崂山区",
-    370213: "李沧区",
-    370214: "城阳区",
-    370215: "即墨区",
-    370281: "胶州市",
-    370283: "平度市",
-    370285: "莱西市",
-    370300: "淄博市",
-    370301: "淄博市市辖区",
-    370302: "淄川区",
-    370303: "张店区",
-    370304: "博山区",
-    370305: "临淄区",
-    370306: "周村区",
-    370321: "桓台县",
-    370322: "高青县",
-    370323: "沂源县",
-    370400: "枣庄市",
-    370401: "枣庄市市辖区",
-    370402: "市中区",
-    370403: "薛城区",
-    370404: "峄城区",
-    370405: "台儿庄区",
-    370406: "山亭区",
-    370481: "滕州市",
-    370500: "东营市",
-    370501: "东营市市辖区",
-    370502: "东营区",
-    370503: "河口区",
-    370505: "垦利区",
-    370522: "利津县",
-    370523: "广饶县",
-    370600: "烟台市",
-    370601: "烟台市市辖区",
-    370602: "芝罘区",
-    370611: "福山区",
-    370612: "牟平区",
-    370613: "莱山区",
-    370634: "长岛县",
-    370681: "龙口市",
-    370682: "莱阳市",
-    370683: "莱州市",
-    370684: "蓬莱市",
-    370685: "招远市",
-    370686: "栖霞市",
-    370687: "海阳市",
-    370700: "潍坊市",
-    370701: "潍坊市市辖区",
-    370702: "潍城区",
-    370703: "寒亭区",
-    370704: "坊子区",
-    370705: "奎文区",
-    370724: "临朐县",
-    370725: "昌乐县",
-    370781: "青州市",
-    370782: "诸城市",
-    370783: "寿光市",
-    370784: "安丘市",
-    370785: "高密市",
-    370786: "昌邑市",
-    370800: "济宁市",
-    370801: "济宁市市辖区",
-    370811: "任城区",
-    370812: "兖州区",
-    370826: "微山县",
-    370827: "鱼台县",
-    370828: "金乡县",
-    370829: "嘉祥县",
-    370830: "汶上县",
-    370831: "泗水县",
-    370832: "梁山县",
-    370881: "曲阜市",
-    370883: "邹城市",
-    370900: "泰安市",
-    370901: "泰安市市辖区",
-    370902: "泰山区",
-    370911: "岱岳区",
-    370921: "宁阳县",
-    370923: "东平县",
-    370982: "新泰市",
-    370983: "肥城市",
-    371000: "威海市",
-    371001: "威海市市辖区",
-    371002: "环翠区",
-    371003: "文登区",
-    371082: "荣成市",
-    371083: "乳山市",
-    371100: "日照市",
-    371101: "日照市市辖区",
-    371102: "东港区",
-    371103: "岚山区",
-    371121: "五莲县",
-    371122: "莒县",
-    371300: "临沂市",
-    371301: "临沂市市辖区",
-    371302: "兰山区",
-    371311: "罗庄区",
-    371312: "河东区",
-    371321: "沂南县",
-    371322: "郯城县",
-    371323: "沂水县",
-    371324: "兰陵县",
-    371325: "费县",
-    371326: "平邑县",
-    371327: "莒南县",
-    371328: "蒙阴县",
-    371329: "临沭县",
-    371400: "德州市",
-    371401: "德州市市辖区",
-    371402: "德城区",
-    371403: "陵城区",
-    371422: "宁津县",
-    371423: "庆云县",
-    371424: "临邑县",
-    371425: "齐河县",
-    371426: "平原县",
-    371427: "夏津县",
-    371428: "武城县",
-    371481: "乐陵市",
-    371482: "禹城市",
-    371500: "聊城市",
-    371501: "聊城市市辖区",
-    371502: "东昌府区",
-    371521: "阳谷县",
-    371522: "莘县",
-    371523: "茌平县",
-    371524: "东阿县",
-    371525: "冠县",
-    371526: "高唐县",
-    371581: "临清市",
-    371600: "滨州市",
-    371601: "滨州市市辖区",
-    371602: "滨城区",
-    371603: "沾化区",
-    371621: "惠民县",
-    371622: "阳信县",
-    371623: "无棣县",
-    371625: "博兴县",
-    371681: "邹平市",
-    371700: "菏泽市",
-    371701: "菏泽市市辖区",
-    371702: "牡丹区",
-    371703: "定陶区",
-    371721: "曹县",
-    371722: "单县",
-    371723: "成武县",
-    371724: "巨野县",
-    371725: "郓城县",
-    371726: "鄄城县",
-    371728: "东明县",
-    410000: "河南省",
-    410100: "郑州市",
-    410101: "郑州市市辖区",
-    410102: "中原区",
-    410103: "二七区",
-    410104: "管城回族区",
-    410105: "金水区",
-    410106: "上街区",
-    410108: "惠济区",
-    410122: "中牟县",
-    410181: "巩义市",
-    410182: "荥阳市",
-    410183: "新密市",
-    410184: "新郑市",
-    410185: "登封市",
-    410200: "开封市",
-    410201: "开封市市辖区",
-    410202: "龙亭区",
-    410203: "顺河回族区",
-    410204: "鼓楼区",
-    410205: "禹王台区",
-    410212: "祥符区",
-    410221: "杞县",
-    410222: "通许县",
-    410223: "尉氏县",
-    410225: "兰考县",
-    410300: "洛阳市",
-    410301: "洛阳市市辖区",
-    410302: "老城区",
-    410303: "西工区",
-    410304: "瀍河回族区",
-    410305: "涧西区",
-    410306: "吉利区",
-    410311: "洛龙区",
-    410322: "孟津县",
-    410323: "新安县",
-    410324: "栾川县",
-    410325: "嵩县",
-    410326: "汝阳县",
-    410327: "宜阳县",
-    410328: "洛宁县",
-    410329: "伊川县",
-    410381: "偃师市",
-    410400: "平顶山市",
-    410401: "平顶山市市辖区",
-    410402: "新华区",
-    410403: "卫东区",
-    410404: "石龙区",
-    410411: "湛河区",
-    410421: "宝丰县",
-    410422: "叶县",
-    410423: "鲁山县",
-    410425: "郏县",
-    410481: "舞钢市",
-    410482: "汝州市",
-    410500: "安阳市",
-    410501: "安阳市市辖区",
-    410502: "文峰区",
-    410503: "北关区",
-    410505: "殷都区",
-    410506: "龙安区",
-    410522: "安阳县",
-    410523: "汤阴县",
-    410526: "滑县",
-    410527: "内黄县",
-    410581: "林州市",
-    410600: "鹤壁市",
-    410601: "鹤壁市市辖区",
-    410602: "鹤山区",
-    410603: "山城区",
-    410611: "淇滨区",
-    410621: "浚县",
-    410622: "淇县",
-    410700: "新乡市",
-    410701: "新乡市市辖区",
-    410702: "红旗区",
-    410703: "卫滨区",
-    410704: "凤泉区",
-    410711: "牧野区",
-    410721: "新乡县",
-    410724: "获嘉县",
-    410725: "原阳县",
-    410726: "延津县",
-    410727: "封丘县",
-    410728: "长垣县",
-    410781: "卫辉市",
-    410782: "辉县市",
-    410800: "焦作市",
-    410801: "焦作市市辖区",
-    410802: "解放区",
-    410803: "中站区",
-    410804: "马村区",
-    410811: "山阳区",
-    410821: "修武县",
-    410822: "博爱县",
-    410823: "武陟县",
-    410825: "温县",
-    410882: "沁阳市",
-    410883: "孟州市",
-    410900: "濮阳市",
-    410901: "濮阳市市辖区",
-    410902: "华龙区",
-    410922: "清丰县",
-    410923: "南乐县",
-    410926: "范县",
-    410927: "台前县",
-    410928: "濮阳县",
-    411000: "许昌市",
-    411001: "许昌市市辖区",
-    411002: "魏都区",
-    411003: "建安区",
-    411024: "鄢陵县",
-    411025: "襄城县",
-    411081: "禹州市",
-    411082: "长葛市",
-    411100: "漯河市",
-    411101: "漯河市市辖区",
-    411102: "源汇区",
-    411103: "郾城区",
-    411104: "召陵区",
-    411121: "舞阳县",
-    411122: "临颍县",
-    411200: "三门峡市",
-    411201: "三门峡市市辖区",
-    411202: "湖滨区",
-    411203: "陕州区",
-    411221: "渑池县",
-    411224: "卢氏县",
-    411281: "义马市",
-    411282: "灵宝市",
-    411300: "南阳市",
-    411301: "南阳市市辖区",
-    411302: "宛城区",
-    411303: "卧龙区",
-    411321: "南召县",
-    411322: "方城县",
-    411323: "西峡县",
-    411324: "镇平县",
-    411325: "内乡县",
-    411326: "淅川县",
-    411327: "社旗县",
-    411328: "唐河县",
-    411329: "新野县",
-    411330: "桐柏县",
-    411381: "邓州市",
-    411400: "商丘市",
-    411401: "商丘市市辖区",
-    411402: "梁园区",
-    411403: "睢阳区",
-    411421: "民权县",
-    411422: "睢县",
-    411423: "宁陵县",
-    411424: "柘城县",
-    411425: "虞城县",
-    411426: "夏邑县",
-    411481: "永城市",
-    411500: "信阳市",
-    411501: "信阳市市辖区",
-    411502: "浉河区",
-    411503: "平桥区",
-    411521: "罗山县",
-    411522: "光山县",
-    411523: "新县",
-    411524: "商城县",
-    411525: "固始县",
-    411526: "潢川县",
-    411527: "淮滨县",
-    411528: "息县",
-    411600: "周口市",
-    411601: "周口市市辖区",
-    411602: "川汇区",
-    411621: "扶沟县",
-    411622: "西华县",
-    411623: "商水县",
-    411624: "沈丘县",
-    411625: "郸城县",
-    411626: "淮阳县",
-    411627: "太康县",
-    411628: "鹿邑县",
-    411681: "项城市",
-    411700: "驻马店市",
-    411701: "驻马店市市辖区",
-    411702: "驿城区",
-    411721: "西平县",
-    411722: "上蔡县",
-    411723: "平舆县",
-    411724: "正阳县",
-    411725: "确山县",
-    411726: "泌阳县",
-    411727: "汝南县",
-    411728: "遂平县",
-    411729: "新蔡县",
-    419001: "济源市",
-    420000: "湖北省",
-    420100: "武汉市",
-    420101: "武汉市市辖区",
-    420102: "江岸区",
-    420103: "江汉区",
-    420104: "硚口区",
-    420105: "汉阳区",
-    420106: "武昌区",
-    420107: "青山区",
-    420111: "洪山区",
-    420112: "东西湖区",
-    420113: "汉南区",
-    420114: "蔡甸区",
-    420115: "江夏区",
-    420116: "黄陂区",
-    420117: "新洲区",
-    420200: "黄石市",
-    420201: "黄石市市辖区",
-    420202: "黄石港区",
-    420203: "西塞山区",
-    420204: "下陆区",
-    420205: "铁山区",
-    420222: "阳新县",
-    420281: "大冶市",
-    420300: "十堰市",
-    420301: "十堰市市辖区",
-    420302: "茅箭区",
-    420303: "张湾区",
-    420304: "郧阳区",
-    420322: "郧西县",
-    420323: "竹山县",
-    420324: "竹溪县",
-    420325: "房县",
-    420381: "丹江口市",
-    420500: "宜昌市",
-    420501: "宜昌市市辖区",
-    420502: "西陵区",
-    420503: "伍家岗区",
-    420504: "点军区",
-    420505: "猇亭区",
-    420506: "夷陵区",
-    420525: "远安县",
-    420526: "兴山县",
-    420527: "秭归县",
-    420528: "长阳土家族自治县",
-    420529: "五峰土家族自治县",
-    420581: "宜都市",
-    420582: "当阳市",
-    420583: "枝江市",
-    420600: "襄阳市",
-    420601: "襄阳市市辖区",
-    420602: "襄城区",
-    420606: "樊城区",
-    420607: "襄州区",
-    420624: "南漳县",
-    420625: "谷城县",
-    420626: "保康县",
-    420682: "老河口市",
-    420683: "枣阳市",
-    420684: "宜城市",
-    420700: "鄂州市",
-    420701: "鄂州市市辖区",
-    420702: "梁子湖区",
-    420703: "华容区",
-    420704: "鄂城区",
-    420800: "荆门市",
-    420801: "荆门市市辖区",
-    420802: "东宝区",
-    420804: "掇刀区",
-    420822: "沙洋县",
-    420881: "钟祥市",
-    420882: "京山市",
-    420900: "孝感市",
-    420901: "孝感市市辖区",
-    420902: "孝南区",
-    420921: "孝昌县",
-    420922: "大悟县",
-    420923: "云梦县",
-    420981: "应城市",
-    420982: "安陆市",
-    420984: "汉川市",
-    421000: "荆州市",
-    421001: "荆州市市辖区",
-    421002: "沙市区",
-    421003: "荆州区",
-    421022: "公安县",
-    421023: "监利县",
-    421024: "江陵县",
-    421081: "石首市",
-    421083: "洪湖市",
-    421087: "松滋市",
-    421100: "黄冈市",
-    421101: "黄冈市市辖区",
-    421102: "黄州区",
-    421121: "团风县",
-    421122: "红安县",
-    421123: "罗田县",
-    421124: "英山县",
-    421125: "浠水县",
-    421126: "蕲春县",
-    421127: "黄梅县",
-    421181: "麻城市",
-    421182: "武穴市",
-    421200: "咸宁市",
-    421201: "咸宁市市辖区",
-    421202: "咸安区",
-    421221: "嘉鱼县",
-    421222: "通城县",
-    421223: "崇阳县",
-    421224: "通山县",
-    421281: "赤壁市",
-    421300: "随州市",
-    421301: "随州市市辖区",
-    421303: "曾都区",
-    421321: "随县",
-    421381: "广水市",
-    422800: "恩施土家族苗族自治州",
-    422801: "恩施市",
-    422802: "利川市",
-    422822: "建始县",
-    422823: "巴东县",
-    422825: "宣恩县",
-    422826: "咸丰县",
-    422827: "来凤县",
-    422828: "鹤峰县",
-    429004: "仙桃市",
-    429005: "潜江市",
-    429006: "天门市",
-    429021: "神农架林区",
-    430000: "湖南省",
-    430100: "长沙市",
-    430101: "长沙市市辖区",
-    430102: "芙蓉区",
-    430103: "天心区",
-    430104: "岳麓区",
-    430105: "开福区",
-    430111: "雨花区",
-    430112: "望城区",
-    430121: "长沙县",
-    430181: "浏阳市",
-    430182: "宁乡市",
-    430200: "株洲市",
-    430201: "株洲市市辖区",
-    430202: "荷塘区",
-    430203: "芦淞区",
-    430204: "石峰区",
-    430211: "天元区",
-    430212: "渌口区",
-    430223: "攸县",
-    430224: "茶陵县",
-    430225: "炎陵县",
-    430281: "醴陵市",
-    430300: "湘潭市",
-    430301: "湘潭市市辖区",
-    430302: "雨湖区",
-    430304: "岳塘区",
-    430321: "湘潭县",
-    430381: "湘乡市",
-    430382: "韶山市",
-    430400: "衡阳市",
-    430401: "衡阳市市辖区",
-    430405: "珠晖区",
-    430406: "雁峰区",
-    430407: "石鼓区",
-    430408: "蒸湘区",
-    430412: "南岳区",
-    430421: "衡阳县",
-    430422: "衡南县",
-    430423: "衡山县",
-    430424: "衡东县",
-    430426: "祁东县",
-    430481: "耒阳市",
-    430482: "常宁市",
-    430500: "邵阳市",
-    430501: "邵阳市市辖区",
-    430502: "双清区",
-    430503: "大祥区",
-    430511: "北塔区",
-    430521: "邵东县",
-    430522: "新邵县",
-    430523: "邵阳县",
-    430524: "隆回县",
-    430525: "洞口县",
-    430527: "绥宁县",
-    430528: "新宁县",
-    430529: "城步苗族自治县",
-    430581: "武冈市",
-    430600: "岳阳市",
-    430601: "岳阳市市辖区",
-    430602: "岳阳楼区",
-    430603: "云溪区",
-    430611: "君山区",
-    430621: "岳阳县",
-    430623: "华容县",
-    430624: "湘阴县",
-    430626: "平江县",
-    430681: "汨罗市",
-    430682: "临湘市",
-    430700: "常德市",
-    430701: "常德市市辖区",
-    430702: "武陵区",
-    430703: "鼎城区",
-    430721: "安乡县",
-    430722: "汉寿县",
-    430723: "澧县",
-    430724: "临澧县",
-    430725: "桃源县",
-    430726: "石门县",
-    430781: "津市市",
-    430800: "张家界市",
-    430801: "张家界市市辖区",
-    430802: "永定区",
-    430811: "武陵源区",
-    430821: "慈利县",
-    430822: "桑植县",
-    430900: "益阳市",
-    430901: "益阳市市辖区",
-    430902: "资阳区",
-    430903: "赫山区",
-    430921: "南县",
-    430922: "桃江县",
-    430923: "安化县",
-    430981: "沅江市",
-    431000: "郴州市",
-    431001: "郴州市市辖区",
-    431002: "北湖区",
-    431003: "苏仙区",
-    431021: "桂阳县",
-    431022: "宜章县",
-    431023: "永兴县",
-    431024: "嘉禾县",
-    431025: "临武县",
-    431026: "汝城县",
-    431027: "桂东县",
-    431028: "安仁县",
-    431081: "资兴市",
-    431100: "永州市",
-    431101: "永州市市辖区",
-    431102: "零陵区",
-    431103: "冷水滩区",
-    431121: "祁阳县",
-    431122: "东安县",
-    431123: "双牌县",
-    431124: "道县",
-    431125: "江永县",
-    431126: "宁远县",
-    431127: "蓝山县",
-    431128: "新田县",
-    431129: "江华瑶族自治县",
-    431200: "怀化市",
-    431201: "怀化市市辖区",
-    431202: "鹤城区",
-    431221: "中方县",
-    431222: "沅陵县",
-    431223: "辰溪县",
-    431224: "溆浦县",
-    431225: "会同县",
-    431226: "麻阳苗族自治县",
-    431227: "新晃侗族自治县",
-    431228: "芷江侗族自治县",
-    431229: "靖州苗族侗族自治县",
-    431230: "通道侗族自治县",
-    431281: "洪江市",
-    431300: "娄底市",
-    431301: "娄底市市辖区",
-    431302: "娄星区",
-    431321: "双峰县",
-    431322: "新化县",
-    431381: "冷水江市",
-    431382: "涟源市",
-    433100: "湘西土家族苗族自治州",
-    433101: "吉首市",
-    433122: "泸溪县",
-    433123: "凤凰县",
-    433124: "花垣县",
-    433125: "保靖县",
-    433126: "古丈县",
-    433127: "永顺县",
-    433130: "龙山县",
-    440000: "广东省",
-    440100: "广州市",
-    440101: "广州市市辖区",
-    440103: "荔湾区",
-    440104: "越秀区",
-    440105: "海珠区",
-    440106: "天河区",
-    440111: "白云区",
-    440112: "黄埔区",
-    440113: "番禺区",
-    440114: "花都区",
-    440115: "南沙区",
-    440117: "从化区",
-    440118: "增城区",
-    440200: "韶关市",
-    440201: "韶关市市辖区",
-    440203: "武江区",
-    440204: "浈江区",
-    440205: "曲江区",
-    440222: "始兴县",
-    440224: "仁化县",
-    440229: "翁源县",
-    440232: "乳源瑶族自治县",
-    440233: "新丰县",
-    440281: "乐昌市",
-    440282: "南雄市",
-    440300: "深圳市",
-    440301: "深圳市市辖区",
-    440303: "罗湖区",
-    440304: "福田区",
-    440305: "南山区",
-    440306: "宝安区",
-    440307: "龙岗区",
-    440308: "盐田区",
-    440309: "龙华区",
-    440310: "坪山区",
-    440311: "光明区",
-    440400: "珠海市",
-    440401: "珠海市市辖区",
-    440402: "香洲区",
-    440403: "斗门区",
-    440404: "金湾区",
-    440500: "汕头市",
-    440501: "汕头市市辖区",
-    440507: "龙湖区",
-    440511: "金平区",
-    440512: "濠江区",
-    440513: "潮阳区",
-    440514: "潮南区",
-    440515: "澄海区",
-    440523: "南澳县",
-    440600: "佛山市",
-    440601: "佛山市市辖区",
-    440604: "禅城区",
-    440605: "南海区",
-    440606: "顺德区",
-    440607: "三水区",
-    440608: "高明区",
-    440700: "江门市",
-    440701: "江门市市辖区",
-    440703: "蓬江区",
-    440704: "江海区",
-    440705: "新会区",
-    440781: "台山市",
-    440783: "开平市",
-    440784: "鹤山市",
-    440785: "恩平市",
-    440800: "湛江市",
-    440801: "湛江市市辖区",
-    440802: "赤坎区",
-    440803: "霞山区",
-    440804: "坡头区",
-    440811: "麻章区",
-    440823: "遂溪县",
-    440825: "徐闻县",
-    440881: "廉江市",
-    440882: "雷州市",
-    440883: "吴川市",
-    440900: "茂名市",
-    440901: "茂名市市辖区",
-    440902: "茂南区",
-    440904: "电白区",
-    440981: "高州市",
-    440982: "化州市",
-    440983: "信宜市",
-    441200: "肇庆市",
-    441201: "肇庆市市辖区",
-    441202: "端州区",
-    441203: "鼎湖区",
-    441204: "高要区",
-    441223: "广宁县",
-    441224: "怀集县",
-    441225: "封开县",
-    441226: "德庆县",
-    441284: "四会市",
-    441300: "惠州市",
-    441301: "惠州市市辖区",
-    441302: "惠城区",
-    441303: "惠阳区",
-    441322: "博罗县",
-    441323: "惠东县",
-    441324: "龙门县",
-    441400: "梅州市",
-    441401: "梅州市市辖区",
-    441402: "梅江区",
-    441403: "梅县区",
-    441422: "大埔县",
-    441423: "丰顺县",
-    441424: "五华县",
-    441426: "平远县",
-    441427: "蕉岭县",
-    441481: "兴宁市",
-    441500: "汕尾市",
-    441501: "汕尾市市辖区",
-    441502: "城区",
-    441521: "海丰县",
-    441523: "陆河县",
-    441581: "陆丰市",
-    441600: "河源市",
-    441601: "河源市市辖区",
-    441602: "源城区",
-    441621: "紫金县",
-    441622: "龙川县",
-    441623: "连平县",
-    441624: "和平县",
-    441625: "东源县",
-    441700: "阳江市",
-    441701: "阳江市市辖区",
-    441702: "江城区",
-    441704: "阳东区",
-    441721: "阳西县",
-    441781: "阳春市",
-    441800: "清远市",
-    441801: "清远市市辖区",
-    441802: "清城区",
-    441803: "清新区",
-    441821: "佛冈县",
-    441823: "阳山县",
-    441825: "连山壮族瑶族自治县",
-    441826: "连南瑶族自治县",
-    441881: "英德市",
-    441882: "连州市",
-    441900: "东莞市",
-    442000: "中山市",
-    442101: "东沙群岛",
-    445100: "潮州市",
-    445101: "潮州市市辖区",
-    445102: "湘桥区",
-    445103: "潮安区",
-    445122: "饶平县",
-    445200: "揭阳市",
-    445201: "揭阳市市辖区",
-    445202: "榕城区",
-    445203: "揭东区",
-    445222: "揭西县",
-    445224: "惠来县",
-    445281: "普宁市",
-    445300: "云浮市",
-    445301: "云浮市市辖区",
-    445302: "云城区",
-    445303: "云安区",
-    445321: "新兴县",
-    445322: "郁南县",
-    445381: "罗定市",
-    450000: "广西壮族自治区",
-    450100: "南宁市",
-    450101: "南宁市市辖区",
-    450102: "兴宁区",
-    450103: "青秀区",
-    450105: "江南区",
-    450107: "西乡塘区",
-    450108: "良庆区",
-    450109: "邕宁区",
-    450110: "武鸣区",
-    450123: "隆安县",
-    450124: "马山县",
-    450125: "上林县",
-    450126: "宾阳县",
-    450127: "横县",
-    450200: "柳州市",
-    450201: "柳州市市辖区",
-    450202: "城中区",
-    450203: "鱼峰区",
-    450204: "柳南区",
-    450205: "柳北区",
-    450206: "柳江区",
-    450222: "柳城县",
-    450223: "鹿寨县",
-    450224: "融安县",
-    450225: "融水苗族自治县",
-    450226: "三江侗族自治县",
-    450300: "桂林市",
-    450301: "桂林市市辖区",
-    450302: "秀峰区",
-    450303: "叠彩区",
-    450304: "象山区",
-    450305: "七星区",
-    450311: "雁山区",
-    450312: "临桂区",
-    450321: "阳朔县",
-    450323: "灵川县",
-    450324: "全州县",
-    450325: "兴安县",
-    450326: "永福县",
-    450327: "灌阳县",
-    450328: "龙胜各族自治县",
-    450329: "资源县",
-    450330: "平乐县",
-    450332: "恭城瑶族自治县",
-    450381: "荔浦市",
-    450400: "梧州市",
-    450401: "梧州市市辖区",
-    450403: "万秀区",
-    450405: "长洲区",
-    450406: "龙圩区",
-    450421: "苍梧县",
-    450422: "藤县",
-    450423: "蒙山县",
-    450481: "岑溪市",
-    450500: "北海市",
-    450501: "北海市市辖区",
-    450502: "海城区",
-    450503: "银海区",
-    450512: "铁山港区",
-    450521: "合浦县",
-    450600: "防城港市",
-    450601: "防城港市市辖区",
-    450602: "港口区",
-    450603: "防城区",
-    450621: "上思县",
-    450681: "东兴市",
-    450700: "钦州市",
-    450701: "钦州市市辖区",
-    450702: "钦南区",
-    450703: "钦北区",
-    450721: "灵山县",
-    450722: "浦北县",
-    450800: "贵港市",
-    450801: "贵港市市辖区",
-    450802: "港北区",
-    450803: "港南区",
-    450804: "覃塘区",
-    450821: "平南县",
-    450881: "桂平市",
-    450900: "玉林市",
-    450901: "玉林市市辖区",
-    450902: "玉州区",
-    450903: "福绵区",
-    450921: "容县",
-    450922: "陆川县",
-    450923: "博白县",
-    450924: "兴业县",
-    450981: "北流市",
-    451000: "百色市",
-    451001: "百色市市辖区",
-    451002: "右江区",
-    451021: "田阳县",
-    451022: "田东县",
-    451023: "平果县",
-    451024: "德保县",
-    451026: "那坡县",
-    451027: "凌云县",
-    451028: "乐业县",
-    451029: "田林县",
-    451030: "西林县",
-    451031: "隆林各族自治县",
-    451081: "靖西市",
-    451100: "贺州市",
-    451101: "贺州市市辖区",
-    451102: "八步区",
-    451103: "平桂区",
-    451121: "昭平县",
-    451122: "钟山县",
-    451123: "富川瑶族自治县",
-    451200: "河池市",
-    451201: "河池市市辖区",
-    451202: "金城江区",
-    451203: "宜州区",
-    451221: "南丹县",
-    451222: "天峨县",
-    451223: "凤山县",
-    451224: "东兰县",
-    451225: "罗城仫佬族自治县",
-    451226: "环江毛南族自治县",
-    451227: "巴马瑶族自治县",
-    451228: "都安瑶族自治县",
-    451229: "大化瑶族自治县",
-    451300: "来宾市",
-    451301: "来宾市市辖区",
-    451302: "兴宾区",
-    451321: "忻城县",
-    451322: "象州县",
-    451323: "武宣县",
-    451324: "金秀瑶族自治县",
-    451381: "合山市",
-    451400: "崇左市",
-    451401: "崇左市市辖区",
-    451402: "江州区",
-    451421: "扶绥县",
-    451422: "宁明县",
-    451423: "龙州县",
-    451424: "大新县",
-    451425: "天等县",
-    451481: "凭祥市",
-    460000: "海南省",
-    460100: "海口市",
-    460101: "海口市市辖区",
-    460105: "秀英区",
-    460106: "龙华区",
-    460107: "琼山区",
-    460108: "美兰区",
-    460200: "三亚市",
-    460201: "三亚市市辖区",
-    460202: "海棠区",
-    460203: "吉阳区",
-    460204: "天涯区",
-    460205: "崖州区",
-    460300: "三沙市",
-    460301: "三沙市市辖区",
-    460321: "西沙群岛",
-    460322: "南沙群岛",
-    460323: "中沙群岛的岛礁及其海域",
-    460400: "儋州市",
-    469001: "五指山市",
-    469002: "琼海市",
-    469005: "文昌市",
-    469006: "万宁市",
-    469007: "东方市",
-    469021: "定安县",
-    469022: "屯昌县",
-    469023: "澄迈县",
-    469024: "临高县",
-    469025: "白沙黎族自治县",
-    469026: "昌江黎族自治县",
-    469027: "乐东黎族自治县",
-    469028: "陵水黎族自治县",
-    469029: "保亭黎族苗族自治县",
-    469030: "琼中黎族苗族自治县",
-    500000: "重庆市",
-    500100: "重庆市市辖区",
-    500101: "万州区",
-    500102: "涪陵区",
-    500103: "渝中区",
-    500104: "大渡口区",
-    500105: "江北区",
-    500106: "沙坪坝区",
-    500107: "九龙坡区",
-    500108: "南岸区",
-    500109: "北碚区",
-    500110: "綦江区",
-    500111: "大足区",
-    500112: "渝北区",
-    500113: "巴南区",
-    500114: "黔江区",
-    500115: "长寿区",
-    500116: "江津区",
-    500117: "合川区",
-    500118: "永川区",
-    500119: "南川区",
-    500120: "璧山区",
-    500151: "铜梁区",
-    500152: "潼南区",
-    500153: "荣昌区",
-    500154: "开州区",
-    500155: "梁平区",
-    500156: "武隆区",
-    500200: "重庆市郊县",
-    500229: "城口县",
-    500230: "丰都县",
-    500231: "垫江县",
-    500233: "忠县",
-    500235: "云阳县",
-    500236: "奉节县",
-    500237: "巫山县",
-    500238: "巫溪县",
-    500240: "石柱土家族自治县",
-    500241: "秀山土家族苗族自治县",
-    500242: "酉阳土家族苗族自治县",
-    500243: "彭水苗族土家族自治县",
-    510000: "四川省",
-    510100: "成都市",
-    510101: "成都市市辖区",
-    510104: "锦江区",
-    510105: "青羊区",
-    510106: "金牛区",
-    510107: "武侯区",
-    510108: "成华区",
-    510112: "龙泉驿区",
-    510113: "青白江区",
-    510114: "新都区",
-    510115: "温江区",
-    510116: "双流区",
-    510117: "郫都区",
-    510121: "金堂县",
-    510129: "大邑县",
-    510131: "蒲江县",
-    510132: "新津县",
-    510181: "都江堰市",
-    510182: "彭州市",
-    510183: "邛崃市",
-    510184: "崇州市",
-    510185: "简阳市",
-    510300: "自贡市",
-    510301: "自贡市市辖区",
-    510302: "自流井区",
-    510303: "贡井区",
-    510304: "大安区",
-    510311: "沿滩区",
-    510321: "荣县",
-    510322: "富顺县",
-    510400: "攀枝花市",
-    510401: "攀枝花市市辖区",
-    510402: "东区",
-    510403: "西区",
-    510411: "仁和区",
-    510421: "米易县",
-    510422: "盐边县",
-    510500: "泸州市",
-    510501: "泸州市市辖区",
-    510502: "江阳区",
-    510503: "纳溪区",
-    510504: "龙马潭区",
-    510521: "泸县",
-    510522: "合江县",
-    510524: "叙永县",
-    510525: "古蔺县",
-    510600: "德阳市",
-    510601: "德阳市市辖区",
-    510603: "旌阳区",
-    510604: "罗江区",
-    510623: "中江县",
-    510681: "广汉市",
-    510682: "什邡市",
-    510683: "绵竹市",
-    510700: "绵阳市",
-    510701: "绵阳市市辖区",
-    510703: "涪城区",
-    510704: "游仙区",
-    510705: "安州区",
-    510722: "三台县",
-    510723: "盐亭县",
-    510725: "梓潼县",
-    510726: "北川羌族自治县",
-    510727: "平武县",
-    510781: "江油市",
-    510800: "广元市",
-    510801: "广元市市辖区",
-    510802: "利州区",
-    510811: "昭化区",
-    510812: "朝天区",
-    510821: "旺苍县",
-    510822: "青川县",
-    510823: "剑阁县",
-    510824: "苍溪县",
-    510900: "遂宁市",
-    510901: "遂宁市市辖区",
-    510903: "船山区",
-    510904: "安居区",
-    510921: "蓬溪县",
-    510922: "射洪县",
-    510923: "大英县",
-    511000: "内江市",
-    511001: "内江市市辖区",
-    511002: "市中区",
-    511011: "东兴区",
-    511024: "威远县",
-    511025: "资中县",
-    511083: "隆昌市",
-    511100: "乐山市",
-    511101: "乐山市市辖区",
-    511102: "市中区",
-    511111: "沙湾区",
-    511112: "五通桥区",
-    511113: "金口河区",
-    511123: "犍为县",
-    511124: "井研县",
-    511126: "夹江县",
-    511129: "沐川县",
-    511132: "峨边彝族自治县",
-    511133: "马边彝族自治县",
-    511181: "峨眉山市",
-    511300: "南充市",
-    511301: "南充市市辖区",
-    511302: "顺庆区",
-    511303: "高坪区",
-    511304: "嘉陵区",
-    511321: "南部县",
-    511322: "营山县",
-    511323: "蓬安县",
-    511324: "仪陇县",
-    511325: "西充县",
-    511381: "阆中市",
-    511400: "眉山市",
-    511401: "眉山市市辖区",
-    511402: "东坡区",
-    511403: "彭山区",
-    511421: "仁寿县",
-    511423: "洪雅县",
-    511424: "丹棱县",
-    511425: "青神县",
-    511500: "宜宾市",
-    511501: "宜宾市市辖区",
-    511502: "翠屏区",
-    511503: "南溪区",
-    511504: "叙州区",
-    511523: "江安县",
-    511524: "长宁县",
-    511525: "高县",
-    511526: "珙县",
-    511527: "筠连县",
-    511528: "兴文县",
-    511529: "屏山县",
-    511600: "广安市",
-    511601: "广安市市辖区",
-    511602: "广安区",
-    511603: "前锋区",
-    511621: "岳池县",
-    511622: "武胜县",
-    511623: "邻水县",
-    511681: "华蓥市",
-    511700: "达州市",
-    511701: "达州市市辖区",
-    511702: "通川区",
-    511703: "达川区",
-    511722: "宣汉县",
-    511723: "开江县",
-    511724: "大竹县",
-    511725: "渠县",
-    511781: "万源市",
-    511800: "雅安市",
-    511801: "雅安市市辖区",
-    511802: "雨城区",
-    511803: "名山区",
-    511822: "荥经县",
-    511823: "汉源县",
-    511824: "石棉县",
-    511825: "天全县",
-    511826: "芦山县",
-    511827: "宝兴县",
-    511900: "巴中市",
-    511901: "巴中市市辖区",
-    511902: "巴州区",
-    511903: "恩阳区",
-    511921: "通江县",
-    511922: "南江县",
-    511923: "平昌县",
-    512000: "资阳市",
-    512001: "资阳市市辖区",
-    512002: "雁江区",
-    512021: "安岳县",
-    512022: "乐至县",
-    513200: "阿坝藏族羌族自治州",
-    513201: "马尔康市",
-    513221: "汶川县",
-    513222: "理县",
-    513223: "茂县",
-    513224: "松潘县",
-    513225: "九寨沟县",
-    513226: "金川县",
-    513227: "小金县",
-    513228: "黑水县",
-    513230: "壤塘县",
-    513231: "阿坝县",
-    513232: "若尔盖县",
-    513233: "红原县",
-    513300: "甘孜藏族自治州",
-    513301: "康定市",
-    513322: "泸定县",
-    513323: "丹巴县",
-    513324: "九龙县",
-    513325: "雅江县",
-    513326: "道孚县",
-    513327: "炉霍县",
-    513328: "甘孜县",
-    513329: "新龙县",
-    513330: "德格县",
-    513331: "白玉县",
-    513332: "石渠县",
-    513333: "色达县",
-    513334: "理塘县",
-    513335: "巴塘县",
-    513336: "乡城县",
-    513337: "稻城县",
-    513338: "得荣县",
-    513400: "凉山彝族自治州",
-    513401: "西昌市",
-    513422: "木里藏族自治县",
-    513423: "盐源县",
-    513424: "德昌县",
-    513425: "会理县",
-    513426: "会东县",
-    513427: "宁南县",
-    513428: "普格县",
-    513429: "布拖县",
-    513430: "金阳县",
-    513431: "昭觉县",
-    513432: "喜德县",
-    513433: "冕宁县",
-    513434: "越西县",
-    513435: "甘洛县",
-    513436: "美姑县",
-    513437: "雷波县",
-    520000: "贵州省",
-    520100: "贵阳市",
-    520101: "贵阳市市辖区",
-    520102: "南明区",
-    520103: "云岩区",
-    520111: "花溪区",
-    520112: "乌当区",
-    520113: "白云区",
-    520115: "观山湖区",
-    520121: "开阳县",
-    520122: "息烽县",
-    520123: "修文县",
-    520181: "清镇市",
-    520200: "六盘水市",
-    520201: "钟山区",
-    520203: "六枝特区",
-    520221: "水城县",
-    520281: "盘州市",
-    520300: "遵义市",
-    520301: "遵义市市辖区",
-    520302: "红花岗区",
-    520303: "汇川区",
-    520304: "播州区",
-    520322: "桐梓县",
-    520323: "绥阳县",
-    520324: "正安县",
-    520325: "道真仡佬族苗族自治县",
-    520326: "务川仡佬族苗族自治县",
-    520327: "凤冈县",
-    520328: "湄潭县",
-    520329: "余庆县",
-    520330: "习水县",
-    520381: "赤水市",
-    520382: "仁怀市",
-    520400: "安顺市",
-    520401: "安顺市市辖区",
-    520402: "西秀区",
-    520403: "平坝区",
-    520422: "普定县",
-    520423: "镇宁布依族苗族自治县",
-    520424: "关岭布依族苗族自治县",
-    520425: "紫云苗族布依族自治县",
-    520500: "毕节市",
-    520502: "七星关区",
-    520521: "大方县",
-    520522: "黔西县",
-    520523: "金沙县",
-    520524: "织金县",
-    520525: "纳雍县",
-    520526: "威宁彝族回族苗族自治县",
-    520527: "赫章县",
-    520600: "铜仁市",
-    520602: "碧江区",
-    520603: "万山区",
-    520621: "江口县",
-    520622: "玉屏侗族自治县",
-    520623: "石阡县",
-    520624: "思南县",
-    520625: "印江土家族苗族自治县",
-    520626: "德江县",
-    520627: "沿河土家族自治县",
-    520628: "松桃苗族自治县",
-    522300: "黔西南布依族苗族自治州",
-    522301: "兴义市",
-    522302: "兴仁市",
-    522323: "普安县",
-    522324: "晴隆县",
-    522325: "贞丰县",
-    522326: "望谟县",
-    522327: "册亨县",
-    522328: "安龙县",
-    522600: "黔东南苗族侗族自治州",
-    522601: "凯里市",
-    522622: "黄平县",
-    522623: "施秉县",
-    522624: "三穗县",
-    522625: "镇远县",
-    522626: "岑巩县",
-    522627: "天柱县",
-    522628: "锦屏县",
-    522629: "剑河县",
-    522630: "台江县",
-    522631: "黎平县",
-    522632: "榕江县",
-    522633: "从江县",
-    522634: "雷山县",
-    522635: "麻江县",
-    522636: "丹寨县",
-    522700: "黔南布依族苗族自治州",
-    522701: "都匀市",
-    522702: "福泉市",
-    522722: "荔波县",
-    522723: "贵定县",
-    522725: "瓮安县",
-    522726: "独山县",
-    522727: "平塘县",
-    522728: "罗甸县",
-    522729: "长顺县",
-    522730: "龙里县",
-    522731: "惠水县",
-    522732: "三都水族自治县",
-    530000: "云南省",
-    530100: "昆明市",
-    530101: "昆明市市辖区",
-    530102: "五华区",
-    530103: "盘龙区",
-    530111: "官渡区",
-    530112: "西山区",
-    530113: "东川区",
-    530114: "呈贡区",
-    530115: "晋宁区",
-    530124: "富民县",
-    530125: "宜良县",
-    530126: "石林彝族自治县",
-    530127: "嵩明县",
-    530128: "禄劝彝族苗族自治县",
-    530129: "寻甸回族彝族自治县",
-    530181: "安宁市",
-    530300: "曲靖市",
-    530301: "曲靖市市辖区",
-    530302: "麒麟区",
-    530303: "沾益区",
-    530304: "马龙区",
-    530322: "陆良县",
-    530323: "师宗县",
-    530324: "罗平县",
-    530325: "富源县",
-    530326: "会泽县",
-    530381: "宣威市",
-    530400: "玉溪市",
-    530401: "玉溪市市辖区",
-    530402: "红塔区",
-    530403: "江川区",
-    530422: "澄江县",
-    530423: "通海县",
-    530424: "华宁县",
-    530425: "易门县",
-    530426: "峨山彝族自治县",
-    530427: "新平彝族傣族自治县",
-    530428: "元江哈尼族彝族傣族自治县",
-    530500: "保山市",
-    530501: "保山市市辖区",
-    530502: "隆阳区",
-    530521: "施甸县",
-    530523: "龙陵县",
-    530524: "昌宁县",
-    530581: "腾冲市",
-    530600: "昭通市",
-    530601: "昭通市市辖区",
-    530602: "昭阳区",
-    530621: "鲁甸县",
-    530622: "巧家县",
-    530623: "盐津县",
-    530624: "大关县",
-    530625: "永善县",
-    530626: "绥江县",
-    530627: "镇雄县",
-    530628: "彝良县",
-    530629: "威信县",
-    530681: "水富市",
-    530700: "丽江市",
-    530701: "丽江市市辖区",
-    530702: "古城区",
-    530721: "玉龙纳西族自治县",
-    530722: "永胜县",
-    530723: "华坪县",
-    530724: "宁蒗彝族自治县",
-    530800: "普洱市",
-    530801: "普洱市市辖区",
-    530802: "思茅区",
-    530821: "宁洱哈尼族彝族自治县",
-    530822: "墨江哈尼族自治县",
-    530823: "景东彝族自治县",
-    530824: "景谷傣族彝族自治县",
-    530825: "镇沅彝族哈尼族拉祜族自治县",
-    530826: "江城哈尼族彝族自治县",
-    530827: "孟连傣族拉祜族佤族自治县",
-    530828: "澜沧拉祜族自治县",
-    530829: "西盟佤族自治县",
-    530900: "临沧市",
-    530901: "临沧市市辖区",
-    530902: "临翔区",
-    530921: "凤庆县",
-    530922: "云县",
-    530923: "永德县",
-    530924: "镇康县",
-    530925: "双江拉祜族佤族布朗族傣族自治县",
-    530926: "耿马傣族佤族自治县",
-    530927: "沧源佤族自治县",
-    532300: "楚雄彝族自治州",
-    532301: "楚雄市",
-    532322: "双柏县",
-    532323: "牟定县",
-    532324: "南华县",
-    532325: "姚安县",
-    532326: "大姚县",
-    532327: "永仁县",
-    532328: "元谋县",
-    532329: "武定县",
-    532331: "禄丰县",
-    532500: "红河哈尼族彝族自治州",
-    532501: "个旧市",
-    532502: "开远市",
-    532503: "蒙自市",
-    532504: "弥勒市",
-    532523: "屏边苗族自治县",
-    532524: "建水县",
-    532525: "石屏县",
-    532527: "泸西县",
-    532528: "元阳县",
-    532529: "红河县",
-    532530: "金平苗族瑶族傣族自治县",
-    532531: "绿春县",
-    532532: "河口瑶族自治县",
-    532600: "文山壮族苗族自治州",
-    532601: "文山市",
-    532622: "砚山县",
-    532623: "西畴县",
-    532624: "麻栗坡县",
-    532625: "马关县",
-    532626: "丘北县",
-    532627: "广南县",
-    532628: "富宁县",
-    532800: "西双版纳傣族自治州",
-    532801: "景洪市",
-    532822: "勐海县",
-    532823: "勐腊县",
-    532900: "大理白族自治州",
-    532901: "大理市",
-    532922: "漾濞彝族自治县",
-    532923: "祥云县",
-    532924: "宾川县",
-    532925: "弥渡县",
-    532926: "南涧彝族自治县",
-    532927: "巍山彝族回族自治县",
-    532928: "永平县",
-    532929: "云龙县",
-    532930: "洱源县",
-    532931: "剑川县",
-    532932: "鹤庆县",
-    533100: "德宏傣族景颇族自治州",
-    533102: "瑞丽市",
-    533103: "芒市",
-    533122: "梁河县",
-    533123: "盈江县",
-    533124: "陇川县",
-    533300: "怒江傈僳族自治州",
-    533301: "泸水市",
-    533323: "福贡县",
-    533324: "贡山独龙族怒族自治县",
-    533325: "兰坪白族普米族自治县",
-    533400: "迪庆藏族自治州",
-    533401: "香格里拉市",
-    533422: "德钦县",
-    533423: "维西傈僳族自治县",
-    540000: "西藏自治区",
-    540100: "拉萨市",
-    540101: "拉萨市市辖区",
-    540102: "城关区",
-    540103: "堆龙德庆区",
-    540104: "达孜区",
-    540121: "林周县",
-    540122: "当雄县",
-    540123: "尼木县",
-    540124: "曲水县",
-    540127: "墨竹工卡县",
-    540200: "日喀则市",
-    540202: "桑珠孜区",
-    540221: "南木林县",
-    540222: "江孜县",
-    540223: "定日县",
-    540224: "萨迦县",
-    540225: "拉孜县",
-    540226: "昂仁县",
-    540227: "谢通门县",
-    540228: "白朗县",
-    540229: "仁布县",
-    540230: "康马县",
-    540231: "定结县",
-    540232: "仲巴县",
-    540233: "亚东县",
-    540234: "吉隆县",
-    540235: "聂拉木县",
-    540236: "萨嘎县",
-    540237: "岗巴县",
-    540300: "昌都市",
-    540302: "卡若区",
-    540321: "江达县",
-    540322: "贡觉县",
-    540323: "类乌齐县",
-    540324: "丁青县",
-    540325: "察雅县",
-    540326: "八宿县",
-    540327: "左贡县",
-    540328: "芒康县",
-    540329: "洛隆县",
-    540330: "边坝县",
-    540400: "林芝市",
-    540402: "巴宜区",
-    540421: "工布江达县",
-    540422: "米林县",
-    540423: "墨脱县",
-    540424: "波密县",
-    540425: "察隅县",
-    540426: "朗县",
-    540500: "山南市",
-    540502: "乃东区",
-    540521: "扎囊县",
-    540522: "贡嘎县",
-    540523: "桑日县",
-    540524: "琼结县",
-    540525: "曲松县",
-    540526: "措美县",
-    540527: "洛扎县",
-    540528: "加查县",
-    540529: "隆子县",
-    540530: "错那县",
-    540531: "浪卡子县",
-    540600: "那曲市",
-    540602: "色尼区",
-    540621: "嘉黎县",
-    540622: "比如县",
-    540623: "聂荣县",
-    540624: "安多县",
-    540625: "申扎县",
-    540626: "索县",
-    540627: "班戈县",
-    540628: "巴青县",
-    540629: "尼玛县",
-    540630: "双湖县",
-    542500: "阿里地区",
-    542521: "普兰县",
-    542522: "札达县",
-    542523: "噶尔县",
-    542524: "日土县",
-    542525: "革吉县",
-    542526: "改则县",
-    542527: "措勤县",
-    610000: "陕西省",
-    610100: "西安市",
-    610101: "西安市市辖区",
-    610102: "新城区",
-    610103: "碑林区",
-    610104: "莲湖区",
-    610111: "灞桥区",
-    610112: "未央区",
-    610113: "雁塔区",
-    610114: "阎良区",
-    610115: "临潼区",
-    610116: "长安区",
-    610117: "高陵区",
-    610118: "鄠邑区",
-    610122: "蓝田县",
-    610124: "周至县",
-    610200: "铜川市",
-    610201: "铜川市市辖区",
-    610202: "王益区",
-    610203: "印台区",
-    610204: "耀州区",
-    610222: "宜君县",
-    610300: "宝鸡市",
-    610301: "宝鸡市市辖区",
-    610302: "渭滨区",
-    610303: "金台区",
-    610304: "陈仓区",
-    610322: "凤翔县",
-    610323: "岐山县",
-    610324: "扶风县",
-    610326: "眉县",
-    610327: "陇县",
-    610328: "千阳县",
-    610329: "麟游县",
-    610330: "凤县",
-    610331: "太白县",
-    610400: "咸阳市",
-    610401: "咸阳市市辖区",
-    610402: "秦都区",
-    610403: "杨陵区",
-    610404: "渭城区",
-    610422: "三原县",
-    610423: "泾阳县",
-    610424: "乾县",
-    610425: "礼泉县",
-    610426: "永寿县",
-    610428: "长武县",
-    610429: "旬邑县",
-    610430: "淳化县",
-    610431: "武功县",
-    610481: "兴平市",
-    610482: "彬州市",
-    610500: "渭南市",
-    610501: "渭南市市辖区",
-    610502: "临渭区",
-    610503: "华州区",
-    610522: "潼关县",
-    610523: "大荔县",
-    610524: "合阳县",
-    610525: "澄城县",
-    610526: "蒲城县",
-    610527: "白水县",
-    610528: "富平县",
-    610581: "韩城市",
-    610582: "华阴市",
-    610600: "延安市",
-    610601: "延安市市辖区",
-    610602: "宝塔区",
-    610603: "安塞区",
-    610621: "延长县",
-    610622: "延川县",
-    610623: "子长县",
-    610625: "志丹县",
-    610626: "吴起县",
-    610627: "甘泉县",
-    610628: "富县",
-    610629: "洛川县",
-    610630: "宜川县",
-    610631: "黄龙县",
-    610632: "黄陵县",
-    610700: "汉中市",
-    610701: "汉中市市辖区",
-    610702: "汉台区",
-    610703: "南郑区",
-    610722: "城固县",
-    610723: "洋县",
-    610724: "西乡县",
-    610725: "勉县",
-    610726: "宁强县",
-    610727: "略阳县",
-    610728: "镇巴县",
-    610729: "留坝县",
-    610730: "佛坪县",
-    610800: "榆林市",
-    610801: "榆林市市辖区",
-    610802: "榆阳区",
-    610803: "横山区",
-    610822: "府谷县",
-    610824: "靖边县",
-    610825: "定边县",
-    610826: "绥德县",
-    610827: "米脂县",
-    610828: "佳县",
-    610829: "吴堡县",
-    610830: "清涧县",
-    610831: "子洲县",
-    610881: "神木市",
-    610900: "安康市",
-    610901: "安康市市辖区",
-    610902: "汉滨区",
-    610921: "汉阴县",
-    610922: "石泉县",
-    610923: "宁陕县",
-    610924: "紫阳县",
-    610925: "岚皋县",
-    610926: "平利县",
-    610927: "镇坪县",
-    610928: "旬阳县",
-    610929: "白河县",
-    611000: "商洛市",
-    611001: "商洛市市辖区",
-    611002: "商州区",
-    611021: "洛南县",
-    611022: "丹凤县",
-    611023: "商南县",
-    611024: "山阳县",
-    611025: "镇安县",
-    611026: "柞水县",
-    620000: "甘肃省",
-    620100: "兰州市",
-    620101: "兰州市市辖区",
-    620102: "城关区",
-    620103: "七里河区",
-    620104: "西固区",
-    620105: "安宁区",
-    620111: "红古区",
-    620121: "永登县",
-    620122: "皋兰县",
-    620123: "榆中县",
-    620200: "嘉峪关市",
-    620201: "嘉峪关市市辖区",
-    620300: "金昌市",
-    620301: "金昌市市辖区",
-    620302: "金川区",
-    620321: "永昌县",
-    620400: "白银市",
-    620401: "白银市市辖区",
-    620402: "白银区",
-    620403: "平川区",
-    620421: "靖远县",
-    620422: "会宁县",
-    620423: "景泰县",
-    620500: "天水市",
-    620501: "天水市市辖区",
-    620502: "秦州区",
-    620503: "麦积区",
-    620521: "清水县",
-    620522: "秦安县",
-    620523: "甘谷县",
-    620524: "武山县",
-    620525: "张家川回族自治县",
-    620600: "武威市",
-    620601: "武威市市辖区",
-    620602: "凉州区",
-    620621: "民勤县",
-    620622: "古浪县",
-    620623: "天祝藏族自治县",
-    620700: "张掖市",
-    620701: "张掖市市辖区",
-    620702: "甘州区",
-    620721: "肃南裕固族自治县",
-    620722: "民乐县",
-    620723: "临泽县",
-    620724: "高台县",
-    620725: "山丹县",
-    620800: "平凉市",
-    620801: "平凉市市辖区",
-    620802: "崆峒区",
-    620821: "泾川县",
-    620822: "灵台县",
-    620823: "崇信县",
-    620825: "庄浪县",
-    620826: "静宁县",
-    620881: "华亭市",
-    620900: "酒泉市",
-    620901: "酒泉市市辖区",
-    620902: "肃州区",
-    620921: "金塔县",
-    620922: "瓜州县",
-    620923: "肃北蒙古族自治县",
-    620924: "阿克塞哈萨克族自治县",
-    620981: "玉门市",
-    620982: "敦煌市",
-    621000: "庆阳市",
-    621001: "庆阳市市辖区",
-    621002: "西峰区",
-    621021: "庆城县",
-    621022: "环县",
-    621023: "华池县",
-    621024: "合水县",
-    621025: "正宁县",
-    621026: "宁县",
-    621027: "镇原县",
-    621100: "定西市",
-    621101: "定西市市辖区",
-    621102: "安定区",
-    621121: "通渭县",
-    621122: "陇西县",
-    621123: "渭源县",
-    621124: "临洮县",
-    621125: "漳县",
-    621126: "岷县",
-    621200: "陇南市",
-    621201: "陇南市市辖区",
-    621202: "武都区",
-    621221: "成县",
-    621222: "文县",
-    621223: "宕昌县",
-    621224: "康县",
-    621225: "西和县",
-    621226: "礼县",
-    621227: "徽县",
-    621228: "两当县",
-    622900: "临夏回族自治州",
-    622901: "临夏市",
-    622921: "临夏县",
-    622922: "康乐县",
-    622923: "永靖县",
-    622924: "广河县",
-    622925: "和政县",
-    622926: "东乡族自治县",
-    622927: "积石山保安族东乡族撒拉族自治县",
-    623000: "甘南藏族自治州",
-    623001: "合作市",
-    623021: "临潭县",
-    623022: "卓尼县",
-    623023: "舟曲县",
-    623024: "迭部县",
-    623025: "玛曲县",
-    623026: "碌曲县",
-    623027: "夏河县",
-    630000: "青海省",
-    630100: "西宁市",
-    630101: "西宁市市辖区",
-    630102: "城东区",
-    630103: "城中区",
-    630104: "城西区",
-    630105: "城北区",
-    630121: "大通回族土族自治县",
-    630122: "湟中县",
-    630123: "湟源县",
-    630200: "海东市",
-    630202: "乐都区",
-    630203: "平安区",
-    630222: "民和回族土族自治县",
-    630223: "互助土族自治县",
-    630224: "化隆回族自治县",
-    630225: "循化撒拉族自治县",
-    632200: "海北藏族自治州",
-    632221: "门源回族自治县",
-    632222: "祁连县",
-    632223: "海晏县",
-    632224: "刚察县",
-    632300: "黄南藏族自治州",
-    632321: "同仁县",
-    632322: "尖扎县",
-    632323: "泽库县",
-    632324: "河南蒙古族自治县",
-    632500: "海南藏族自治州",
-    632521: "共和县",
-    632522: "同德县",
-    632523: "贵德县",
-    632524: "兴海县",
-    632525: "贵南县",
-    632600: "果洛藏族自治州",
-    632621: "玛沁县",
-    632622: "班玛县",
-    632623: "甘德县",
-    632624: "达日县",
-    632625: "久治县",
-    632626: "玛多县",
-    632700: "玉树藏族自治州",
-    632701: "玉树市",
-    632722: "杂多县",
-    632723: "称多县",
-    632724: "治多县",
-    632725: "囊谦县",
-    632726: "曲麻莱县",
-    632800: "海西蒙古族藏族自治州",
-    632801: "格尔木市",
-    632802: "德令哈市",
-    632803: "茫崖市",
-    632821: "乌兰县",
-    632822: "都兰县",
-    632823: "天峻县",
-    632825: "海西蒙古族藏族自治州直辖",
-    640000: "宁夏回族自治区",
-    640100: "银川市",
-    640101: "银川市市辖区",
-    640104: "兴庆区",
-    640105: "西夏区",
-    640106: "金凤区",
-    640121: "永宁县",
-    640122: "贺兰县",
-    640181: "灵武市",
-    640200: "石嘴山市",
-    640201: "石嘴山市市辖区",
-    640202: "大武口区",
-    640205: "惠农区",
-    640221: "平罗县",
-    640300: "吴忠市",
-    640301: "吴忠市市辖区",
-    640302: "利通区",
-    640303: "红寺堡区",
-    640323: "盐池县",
-    640324: "同心县",
-    640381: "青铜峡市",
-    640400: "固原市",
-    640401: "固原市市辖区",
-    640402: "原州区",
-    640422: "西吉县",
-    640423: "隆德县",
-    640424: "泾源县",
-    640425: "彭阳县",
-    640500: "中卫市",
-    640501: "中卫市市辖区",
-    640502: "沙坡头区",
-    640521: "中宁县",
-    640522: "海原县",
-    650000: "新疆维吾尔自治区",
-    650100: "乌鲁木齐市",
-    650101: "乌鲁木齐市市辖区",
-    650102: "天山区",
-    650103: "沙依巴克区",
-    650104: "新市区",
-    650105: "水磨沟区",
-    650106: "头屯河区",
-    650107: "达坂城区",
-    650109: "米东区",
-    650121: "乌鲁木齐县",
-    650200: "克拉玛依市",
-    650201: "克拉玛依市市辖区",
-    650202: "独山子区",
-    650203: "克拉玛依区",
-    650204: "白碱滩区",
-    650205: "乌尔禾区",
-    650400: "吐鲁番市",
-    650402: "高昌区",
-    650421: "鄯善县",
-    650422: "托克逊县",
-    650500: "哈密市",
-    650502: "伊州区",
-    650521: "巴里坤哈萨克自治县",
-    650522: "伊吾县",
-    652300: "昌吉回族自治州",
-    652301: "昌吉市",
-    652302: "阜康市",
-    652323: "呼图壁县",
-    652324: "玛纳斯县",
-    652325: "奇台县",
-    652327: "吉木萨尔县",
-    652328: "木垒哈萨克自治县",
-    652700: "博尔塔拉蒙古自治州",
-    652701: "博乐市",
-    652702: "阿拉山口市",
-    652722: "精河县",
-    652723: "温泉县",
-    652800: "巴音郭楞蒙古自治州",
-    652801: "库尔勒市",
-    652822: "轮台县",
-    652823: "尉犁县",
-    652824: "若羌县",
-    652825: "且末县",
-    652826: "焉耆回族自治县",
-    652827: "和静县",
-    652828: "和硕县",
-    652829: "博湖县",
-    652900: "阿克苏地区",
-    652901: "阿克苏市",
-    652922: "温宿县",
-    652923: "库车县",
-    652924: "沙雅县",
-    652925: "新和县",
-    652926: "拜城县",
-    652927: "乌什县",
-    652928: "阿瓦提县",
-    652929: "柯坪县",
-    653000: "克孜勒苏柯尔克孜自治州",
-    653001: "阿图什市",
-    653022: "阿克陶县",
-    653023: "阿合奇县",
-    653024: "乌恰县",
-    653100: "喀什地区",
-    653101: "喀什市",
-    653121: "疏附县",
-    653122: "疏勒县",
-    653123: "英吉沙县",
-    653124: "泽普县",
-    653125: "莎车县",
-    653126: "叶城县",
-    653127: "麦盖提县",
-    653128: "岳普湖县",
-    653129: "伽师县",
-    653130: "巴楚县",
-    653131: "塔什库尔干塔吉克自治县",
-    653200: "和田地区",
-    653201: "和田市",
-    653221: "和田县",
-    653222: "墨玉县",
-    653223: "皮山县",
-    653224: "洛浦县",
-    653225: "策勒县",
-    653226: "于田县",
-    653227: "民丰县",
-    654000: "伊犁哈萨克自治州",
-    654002: "伊宁市",
-    654003: "奎屯市",
-    654004: "霍尔果斯市",
-    654021: "伊宁县",
-    654022: "察布查尔锡伯自治县",
-    654023: "霍城县",
-    654024: "巩留县",
-    654025: "新源县",
-    654026: "昭苏县",
-    654027: "特克斯县",
-    654028: "尼勒克县",
-    654200: "塔城地区",
-    654201: "塔城市",
-    654202: "乌苏市",
-    654221: "额敏县",
-    654223: "沙湾县",
-    654224: "托里县",
-    654225: "裕民县",
-    654226: "和布克赛尔蒙古自治县",
-    654300: "阿勒泰地区",
-    654301: "阿勒泰市",
-    654321: "布尔津县",
-    654322: "富蕴县",
-    654323: "福海县",
-    654324: "哈巴河县",
-    654325: "青河县",
-    654326: "吉木乃县",
-    659001: "石河子市",
-    659002: "阿拉尔市",
-    659003: "图木舒克市",
-    659004: "五家渠市",
-    659005: "北屯市",
-    659006: "铁门关市",
-    659007: "双河市",
-    659008: "可克达拉市",
-    659009: "昆玉市",
-    710000: "台湾省",
-    810000: "香港特别行政区",
-    810001: "中西区",
-    810002: "湾仔区",
-    810003: "东区",
-    810004: "南区",
-    810005: "油尖旺区",
-    810006: "深水埗区",
-    810007: "九龙城区",
-    810008: "黄大仙区",
-    810009: "观塘区",
-    810010: "荃湾区",
-    810011: "屯门区",
-    810012: "元朗区",
-    810013: "北区",
-    810014: "大埔区",
-    810015: "西贡区",
-    810016: "沙田区",
-    810017: "葵青区",
-    810018: "离岛区",
-    820000: "澳门特别行政区",
-    820001: "花地玛堂区",
-    820002: "花王堂区",
-    820003: "望德堂区",
-    820004: "大堂区",
-    820005: "风顺堂区",
-    820006: "嘉模堂区",
-    820007: "路凼填海区",
-    820008: "圣方济各堂区"
+    110000: '北京市',
+    110100: '北京市市辖区',
+    110101: '东城区',
+    110102: '西城区',
+    110105: '朝阳区',
+    110106: '丰台区',
+    110107: '石景山区',
+    110108: '海淀区',
+    110109: '门头沟区',
+    110111: '房山区',
+    110112: '通州区',
+    110113: '顺义区',
+    110114: '昌平区',
+    110115: '大兴区',
+    110116: '怀柔区',
+    110117: '平谷区',
+    110118: '密云区',
+    110119: '延庆区',
+    120000: '天津市',
+    120100: '天津市市辖区',
+    120101: '和平区',
+    120102: '河东区',
+    120103: '河西区',
+    120104: '南开区',
+    120105: '河北区',
+    120106: '红桥区',
+    120110: '东丽区',
+    120111: '西青区',
+    120112: '津南区',
+    120113: '北辰区',
+    120114: '武清区',
+    120115: '宝坻区',
+    120116: '滨海新区',
+    120117: '宁河区',
+    120118: '静海区',
+    120119: '蓟州区',
+    130000: '河北省',
+    130100: '石家庄市',
+    130101: '石家庄市市辖区',
+    130102: '长安区',
+    130104: '桥西区',
+    130105: '新华区',
+    130107: '井陉矿区',
+    130108: '裕华区',
+    130109: '藁城区',
+    130110: '鹿泉区',
+    130111: '栾城区',
+    130121: '井陉县',
+    130123: '正定县',
+    130125: '行唐县',
+    130126: '灵寿县',
+    130127: '高邑县',
+    130128: '深泽县',
+    130129: '赞皇县',
+    130130: '无极县',
+    130131: '平山县',
+    130132: '元氏县',
+    130133: '赵县',
+    130181: '辛集市',
+    130183: '晋州市',
+    130184: '新乐市',
+    130200: '唐山市',
+    130201: '唐山市市辖区',
+    130202: '路南区',
+    130203: '路北区',
+    130204: '古冶区',
+    130205: '开平区',
+    130207: '丰南区',
+    130208: '丰润区',
+    130209: '曹妃甸区',
+    130224: '滦南县',
+    130225: '乐亭县',
+    130227: '迁西县',
+    130229: '玉田县',
+    130281: '遵化市',
+    130283: '迁安市',
+    130284: '滦州市',
+    130300: '秦皇岛市',
+    130301: '秦皇岛市市辖区',
+    130302: '海港区',
+    130303: '山海关区',
+    130304: '北戴河区',
+    130306: '抚宁区',
+    130321: '青龙满族自治县',
+    130322: '昌黎县',
+    130324: '卢龙县',
+    130400: '邯郸市',
+    130401: '邯郸市市辖区',
+    130402: '邯山区',
+    130403: '丛台区',
+    130404: '复兴区',
+    130406: '峰峰矿区',
+    130407: '肥乡区',
+    130408: '永年区',
+    130423: '临漳县',
+    130424: '成安县',
+    130425: '大名县',
+    130426: '涉县',
+    130427: '磁县',
+    130430: '邱县',
+    130431: '鸡泽县',
+    130432: '广平县',
+    130433: '馆陶县',
+    130434: '魏县',
+    130435: '曲周县',
+    130481: '武安市',
+    130500: '邢台市',
+    130501: '邢台市市辖区',
+    130502: '桥东区',
+    130503: '桥西区',
+    130521: '邢台县',
+    130522: '临城县',
+    130523: '内丘县',
+    130524: '柏乡县',
+    130525: '隆尧县',
+    130526: '任县',
+    130527: '南和县',
+    130528: '宁晋县',
+    130529: '巨鹿县',
+    130530: '新河县',
+    130531: '广宗县',
+    130532: '平乡县',
+    130533: '威县',
+    130534: '清河县',
+    130535: '临西县',
+    130581: '南宫市',
+    130582: '沙河市',
+    130600: '保定市',
+    130601: '保定市市辖区',
+    130602: '竞秀区',
+    130606: '莲池区',
+    130607: '满城区',
+    130608: '清苑区',
+    130609: '徐水区',
+    130623: '涞水县',
+    130624: '阜平县',
+    130626: '定兴县',
+    130627: '唐县',
+    130628: '高阳县',
+    130629: '容城县',
+    130630: '涞源县',
+    130631: '望都县',
+    130632: '安新县',
+    130633: '易县',
+    130634: '曲阳县',
+    130635: '蠡县',
+    130636: '顺平县',
+    130637: '博野县',
+    130638: '雄县',
+    130681: '涿州市',
+    130682: '定州市',
+    130683: '安国市',
+    130684: '高碑店市',
+    130700: '张家口市',
+    130701: '张家口市市辖区',
+    130702: '桥东区',
+    130703: '桥西区',
+    130705: '宣化区',
+    130706: '下花园区',
+    130708: '万全区',
+    130709: '崇礼区',
+    130722: '张北县',
+    130723: '康保县',
+    130724: '沽源县',
+    130725: '尚义县',
+    130726: '蔚县',
+    130727: '阳原县',
+    130728: '怀安县',
+    130730: '怀来县',
+    130731: '涿鹿县',
+    130732: '赤城县',
+    130800: '承德市',
+    130801: '承德市市辖区',
+    130802: '双桥区',
+    130803: '双滦区',
+    130804: '鹰手营子矿区',
+    130821: '承德县',
+    130822: '兴隆县',
+    130824: '滦平县',
+    130825: '隆化县',
+    130826: '丰宁满族自治县',
+    130827: '宽城满族自治县',
+    130828: '围场满族蒙古族自治县',
+    130881: '平泉市',
+    130900: '沧州市',
+    130901: '沧州市市辖区',
+    130902: '新华区',
+    130903: '运河区',
+    130921: '沧县',
+    130922: '青县',
+    130923: '东光县',
+    130924: '海兴县',
+    130925: '盐山县',
+    130926: '肃宁县',
+    130927: '南皮县',
+    130928: '吴桥县',
+    130929: '献县',
+    130930: '孟村回族自治县',
+    130981: '泊头市',
+    130982: '任丘市',
+    130983: '黄骅市',
+    130984: '河间市',
+    131000: '廊坊市',
+    131001: '廊坊市市辖区',
+    131002: '安次区',
+    131003: '广阳区',
+    131022: '固安县',
+    131023: '永清县',
+    131024: '香河县',
+    131025: '大城县',
+    131026: '文安县',
+    131028: '大厂回族自治县',
+    131081: '霸州市',
+    131082: '三河市',
+    131100: '衡水市',
+    131101: '衡水市市辖区',
+    131102: '桃城区',
+    131103: '冀州区',
+    131121: '枣强县',
+    131122: '武邑县',
+    131123: '武强县',
+    131124: '饶阳县',
+    131125: '安平县',
+    131126: '故城县',
+    131127: '景县',
+    131128: '阜城县',
+    131182: '深州市',
+    140000: '山西省',
+    140100: '太原市',
+    140101: '太原市市辖区',
+    140105: '小店区',
+    140106: '迎泽区',
+    140107: '杏花岭区',
+    140108: '尖草坪区',
+    140109: '万柏林区',
+    140110: '晋源区',
+    140121: '清徐县',
+    140122: '阳曲县',
+    140123: '娄烦县',
+    140181: '古交市',
+    140200: '大同市',
+    140201: '大同市市辖区',
+    140212: '新荣区',
+    140213: '平城区',
+    140214: '云冈区',
+    140215: '云州区',
+    140221: '阳高县',
+    140222: '天镇县',
+    140223: '广灵县',
+    140224: '灵丘县',
+    140225: '浑源县',
+    140226: '左云县',
+    140300: '阳泉市',
+    140301: '阳泉市市辖区',
+    140302: '城区',
+    140303: '矿区',
+    140311: '郊区',
+    140321: '平定县',
+    140322: '盂县',
+    140400: '长治市',
+    140401: '长治市市辖区',
+    140403: '潞州区',
+    140404: '上党区',
+    140405: '屯留区',
+    140406: '潞城区',
+    140423: '襄垣县',
+    140425: '平顺县',
+    140426: '黎城县',
+    140427: '壶关县',
+    140428: '长子县',
+    140429: '武乡县',
+    140430: '沁县',
+    140431: '沁源县',
+    140500: '晋城市',
+    140501: '晋城市市辖区',
+    140502: '城区',
+    140521: '沁水县',
+    140522: '阳城县',
+    140524: '陵川县',
+    140525: '泽州县',
+    140581: '高平市',
+    140600: '朔州市',
+    140601: '朔州市市辖区',
+    140602: '朔城区',
+    140603: '平鲁区',
+    140621: '山阴县',
+    140622: '应县',
+    140623: '右玉县',
+    140681: '怀仁市',
+    140700: '晋中市',
+    140701: '晋中市市辖区',
+    140702: '榆次区',
+    140721: '榆社县',
+    140722: '左权县',
+    140723: '和顺县',
+    140724: '昔阳县',
+    140725: '寿阳县',
+    140726: '太谷县',
+    140727: '祁县',
+    140728: '平遥县',
+    140729: '灵石县',
+    140781: '介休市',
+    140800: '运城市',
+    140801: '运城市市辖区',
+    140802: '盐湖区',
+    140821: '临猗县',
+    140822: '万荣县',
+    140823: '闻喜县',
+    140824: '稷山县',
+    140825: '新绛县',
+    140826: '绛县',
+    140827: '垣曲县',
+    140828: '夏县',
+    140829: '平陆县',
+    140830: '芮城县',
+    140881: '永济市',
+    140882: '河津市',
+    140900: '忻州市',
+    140901: '忻州市市辖区',
+    140902: '忻府区',
+    140921: '定襄县',
+    140922: '五台县',
+    140923: '代县',
+    140924: '繁峙县',
+    140925: '宁武县',
+    140926: '静乐县',
+    140927: '神池县',
+    140928: '五寨县',
+    140929: '岢岚县',
+    140930: '河曲县',
+    140931: '保德县',
+    140932: '偏关县',
+    140981: '原平市',
+    141000: '临汾市',
+    141001: '临汾市市辖区',
+    141002: '尧都区',
+    141021: '曲沃县',
+    141022: '翼城县',
+    141023: '襄汾县',
+    141024: '洪洞县',
+    141025: '古县',
+    141026: '安泽县',
+    141027: '浮山县',
+    141028: '吉县',
+    141029: '乡宁县',
+    141030: '大宁县',
+    141031: '隰县',
+    141032: '永和县',
+    141033: '蒲县',
+    141034: '汾西县',
+    141081: '侯马市',
+    141082: '霍州市',
+    141100: '吕梁市',
+    141101: '吕梁市市辖区',
+    141102: '离石区',
+    141121: '文水县',
+    141122: '交城县',
+    141123: '兴县',
+    141124: '临县',
+    141125: '柳林县',
+    141126: '石楼县',
+    141127: '岚县',
+    141128: '方山县',
+    141129: '中阳县',
+    141130: '交口县',
+    141181: '孝义市',
+    141182: '汾阳市',
+    150000: '内蒙古自治区',
+    150100: '呼和浩特市',
+    150101: '呼和浩特市市辖区',
+    150102: '新城区',
+    150103: '回民区',
+    150104: '玉泉区',
+    150105: '赛罕区',
+    150121: '土默特左旗',
+    150122: '托克托县',
+    150123: '和林格尔县',
+    150124: '清水河县',
+    150125: '武川县',
+    150200: '包头市',
+    150201: '包头市市辖区',
+    150202: '东河区',
+    150203: '昆都仑区',
+    150204: '青山区',
+    150205: '石拐区',
+    150206: '白云鄂博矿区',
+    150207: '九原区',
+    150221: '土默特右旗',
+    150222: '固阳县',
+    150223: '达尔罕茂明安联合旗',
+    150300: '乌海市',
+    150301: '乌海市市辖区',
+    150302: '海勃湾区',
+    150303: '海南区',
+    150304: '乌达区',
+    150400: '赤峰市',
+    150401: '赤峰市市辖区',
+    150402: '红山区',
+    150403: '元宝山区',
+    150404: '松山区',
+    150421: '阿鲁科尔沁旗',
+    150422: '巴林左旗',
+    150423: '巴林右旗',
+    150424: '林西县',
+    150425: '克什克腾旗',
+    150426: '翁牛特旗',
+    150428: '喀喇沁旗',
+    150429: '宁城县',
+    150430: '敖汉旗',
+    150500: '通辽市',
+    150501: '通辽市市辖区',
+    150502: '科尔沁区',
+    150521: '科尔沁左翼中旗',
+    150522: '科尔沁左翼后旗',
+    150523: '开鲁县',
+    150524: '库伦旗',
+    150525: '奈曼旗',
+    150526: '扎鲁特旗',
+    150581: '霍林郭勒市',
+    150600: '鄂尔多斯市',
+    150601: '鄂尔多斯市市辖区',
+    150602: '东胜区',
+    150603: '康巴什区',
+    150621: '达拉特旗',
+    150622: '准格尔旗',
+    150623: '鄂托克前旗',
+    150624: '鄂托克旗',
+    150625: '杭锦旗',
+    150626: '乌审旗',
+    150627: '伊金霍洛旗',
+    150700: '呼伦贝尔市',
+    150701: '呼伦贝尔市市辖区',
+    150702: '海拉尔区',
+    150703: '扎赉诺尔区',
+    150721: '阿荣旗',
+    150722: '莫力达瓦达斡尔族自治旗',
+    150723: '鄂伦春自治旗',
+    150724: '鄂温克族自治旗',
+    150725: '陈巴尔虎旗',
+    150726: '新巴尔虎左旗',
+    150727: '新巴尔虎右旗',
+    150781: '满洲里市',
+    150782: '牙克石市',
+    150783: '扎兰屯市',
+    150784: '额尔古纳市',
+    150785: '根河市',
+    150800: '巴彦淖尔市',
+    150801: '巴彦淖尔市市辖区',
+    150802: '临河区',
+    150821: '五原县',
+    150822: '磴口县',
+    150823: '乌拉特前旗',
+    150824: '乌拉特中旗',
+    150825: '乌拉特后旗',
+    150826: '杭锦后旗',
+    150900: '乌兰察布市',
+    150901: '乌兰察布市市辖区',
+    150902: '集宁区',
+    150921: '卓资县',
+    150922: '化德县',
+    150923: '商都县',
+    150924: '兴和县',
+    150925: '凉城县',
+    150926: '察哈尔右翼前旗',
+    150927: '察哈尔右翼中旗',
+    150928: '察哈尔右翼后旗',
+    150929: '四子王旗',
+    150981: '丰镇市',
+    152200: '兴安盟',
+    152201: '乌兰浩特市',
+    152202: '阿尔山市',
+    152221: '科尔沁右翼前旗',
+    152222: '科尔沁右翼中旗',
+    152223: '扎赉特旗',
+    152224: '突泉县',
+    152500: '锡林郭勒盟',
+    152501: '二连浩特市',
+    152502: '锡林浩特市',
+    152522: '阿巴嘎旗',
+    152523: '苏尼特左旗',
+    152524: '苏尼特右旗',
+    152525: '东乌珠穆沁旗',
+    152526: '西乌珠穆沁旗',
+    152527: '太仆寺旗',
+    152528: '镶黄旗',
+    152529: '正镶白旗',
+    152530: '正蓝旗',
+    152531: '多伦县',
+    152900: '阿拉善盟',
+    152921: '阿拉善左旗',
+    152922: '阿拉善右旗',
+    152923: '额济纳旗',
+    210000: '辽宁省',
+    210100: '沈阳市',
+    210101: '沈阳市市辖区',
+    210102: '和平区',
+    210103: '沈河区',
+    210104: '大东区',
+    210105: '皇姑区',
+    210106: '铁西区',
+    210111: '苏家屯区',
+    210112: '浑南区',
+    210113: '沈北新区',
+    210114: '于洪区',
+    210115: '辽中区',
+    210123: '康平县',
+    210124: '法库县',
+    210181: '新民市',
+    210200: '大连市',
+    210201: '大连市市辖区',
+    210202: '中山区',
+    210203: '西岗区',
+    210204: '沙河口区',
+    210211: '甘井子区',
+    210212: '旅顺口区',
+    210213: '金州区',
+    210214: '普兰店区',
+    210224: '长海县',
+    210281: '瓦房店市',
+    210283: '庄河市',
+    210300: '鞍山市',
+    210301: '鞍山市市辖区',
+    210302: '铁东区',
+    210303: '铁西区',
+    210304: '立山区',
+    210311: '千山区',
+    210321: '台安县',
+    210323: '岫岩满族自治县',
+    210381: '海城市',
+    210400: '抚顺市',
+    210401: '抚顺市市辖区',
+    210402: '新抚区',
+    210403: '东洲区',
+    210404: '望花区',
+    210411: '顺城区',
+    210421: '抚顺县',
+    210422: '新宾满族自治县',
+    210423: '清原满族自治县',
+    210500: '本溪市',
+    210501: '本溪市市辖区',
+    210502: '平山区',
+    210503: '溪湖区',
+    210504: '明山区',
+    210505: '南芬区',
+    210521: '本溪满族自治县',
+    210522: '桓仁满族自治县',
+    210600: '丹东市',
+    210601: '丹东市市辖区',
+    210602: '元宝区',
+    210603: '振兴区',
+    210604: '振安区',
+    210624: '宽甸满族自治县',
+    210681: '东港市',
+    210682: '凤城市',
+    210700: '锦州市',
+    210701: '锦州市市辖区',
+    210702: '古塔区',
+    210703: '凌河区',
+    210711: '太和区',
+    210726: '黑山县',
+    210727: '义县',
+    210781: '凌海市',
+    210782: '北镇市',
+    210800: '营口市',
+    210801: '营口市市辖区',
+    210802: '站前区',
+    210803: '西市区',
+    210804: '鲅鱼圈区',
+    210811: '老边区',
+    210881: '盖州市',
+    210882: '大石桥市',
+    210900: '阜新市',
+    210901: '阜新市市辖区',
+    210902: '海州区',
+    210903: '新邱区',
+    210904: '太平区',
+    210905: '清河门区',
+    210911: '细河区',
+    210921: '阜新蒙古族自治县',
+    210922: '彰武县',
+    211000: '辽阳市',
+    211001: '辽阳市市辖区',
+    211002: '白塔区',
+    211003: '文圣区',
+    211004: '宏伟区',
+    211005: '弓长岭区',
+    211011: '太子河区',
+    211021: '辽阳县',
+    211081: '灯塔市',
+    211100: '盘锦市',
+    211101: '盘锦市市辖区',
+    211102: '双台子区',
+    211103: '兴隆台区',
+    211104: '大洼区',
+    211122: '盘山县',
+    211200: '铁岭市',
+    211201: '铁岭市市辖区',
+    211202: '银州区',
+    211204: '清河区',
+    211221: '铁岭县',
+    211223: '西丰县',
+    211224: '昌图县',
+    211281: '调兵山市',
+    211282: '开原市',
+    211300: '朝阳市',
+    211301: '朝阳市市辖区',
+    211302: '双塔区',
+    211303: '龙城区',
+    211321: '朝阳县',
+    211322: '建平县',
+    211324: '喀喇沁左翼蒙古族自治县',
+    211381: '北票市',
+    211382: '凌源市',
+    211400: '葫芦岛市',
+    211401: '葫芦岛市市辖区',
+    211402: '连山区',
+    211403: '龙港区',
+    211404: '南票区',
+    211421: '绥中县',
+    211422: '建昌县',
+    211481: '兴城市',
+    220000: '吉林省',
+    220100: '长春市',
+    220101: '长春市市辖区',
+    220102: '南关区',
+    220103: '宽城区',
+    220104: '朝阳区',
+    220105: '二道区',
+    220106: '绿园区',
+    220112: '双阳区',
+    220113: '九台区',
+    220122: '农安县',
+    220182: '榆树市',
+    220183: '德惠市',
+    220200: '吉林市',
+    220201: '吉林市市辖区',
+    220202: '昌邑区',
+    220203: '龙潭区',
+    220204: '船营区',
+    220211: '丰满区',
+    220221: '永吉县',
+    220281: '蛟河市',
+    220282: '桦甸市',
+    220283: '舒兰市',
+    220284: '磐石市',
+    220300: '四平市',
+    220301: '四平市市辖区',
+    220302: '铁西区',
+    220303: '铁东区',
+    220322: '梨树县',
+    220323: '伊通满族自治县',
+    220381: '公主岭市',
+    220382: '双辽市',
+    220400: '辽源市',
+    220401: '辽源市市辖区',
+    220402: '龙山区',
+    220403: '西安区',
+    220421: '东丰县',
+    220422: '东辽县',
+    220500: '通化市',
+    220501: '通化市市辖区',
+    220502: '东昌区',
+    220503: '二道江区',
+    220521: '通化县',
+    220523: '辉南县',
+    220524: '柳河县',
+    220581: '梅河口市',
+    220582: '集安市',
+    220600: '白山市',
+    220601: '白山市市辖区',
+    220602: '浑江区',
+    220605: '江源区',
+    220621: '抚松县',
+    220622: '靖宇县',
+    220623: '长白朝鲜族自治县',
+    220681: '临江市',
+    220700: '松原市',
+    220701: '松原市市辖区',
+    220702: '宁江区',
+    220721: '前郭尔罗斯蒙古族自治县',
+    220722: '长岭县',
+    220723: '乾安县',
+    220781: '扶余市',
+    220800: '白城市',
+    220801: '白城市市辖区',
+    220802: '洮北区',
+    220821: '镇赉县',
+    220822: '通榆县',
+    220881: '洮南市',
+    220882: '大安市',
+    222400: '延边朝鲜族自治州',
+    222401: '延吉市',
+    222402: '图们市',
+    222403: '敦化市',
+    222404: '珲春市',
+    222405: '龙井市',
+    222406: '和龙市',
+    222424: '汪清县',
+    222426: '安图县',
+    230000: '黑龙江省',
+    230100: '哈尔滨市',
+    230101: '哈尔滨市市辖区',
+    230102: '道里区',
+    230103: '南岗区',
+    230104: '道外区',
+    230108: '平房区',
+    230109: '松北区',
+    230110: '香坊区',
+    230111: '呼兰区',
+    230112: '阿城区',
+    230113: '双城区',
+    230123: '依兰县',
+    230124: '方正县',
+    230125: '宾县',
+    230126: '巴彦县',
+    230127: '木兰县',
+    230128: '通河县',
+    230129: '延寿县',
+    230183: '尚志市',
+    230184: '五常市',
+    230200: '齐齐哈尔市',
+    230201: '齐齐哈尔市市辖区',
+    230202: '龙沙区',
+    230203: '建华区',
+    230204: '铁锋区',
+    230205: '昂昂溪区',
+    230206: '富拉尔基区',
+    230207: '碾子山区',
+    230208: '梅里斯达斡尔族区',
+    230221: '龙江县',
+    230223: '依安县',
+    230224: '泰来县',
+    230225: '甘南县',
+    230227: '富裕县',
+    230229: '克山县',
+    230230: '克东县',
+    230231: '拜泉县',
+    230281: '讷河市',
+    230300: '鸡西市',
+    230301: '鸡西市市辖区',
+    230302: '鸡冠区',
+    230303: '恒山区',
+    230304: '滴道区',
+    230305: '梨树区',
+    230306: '城子河区',
+    230307: '麻山区',
+    230321: '鸡东县',
+    230381: '虎林市',
+    230382: '密山市',
+    230400: '鹤岗市',
+    230401: '鹤岗市市辖区',
+    230402: '向阳区',
+    230403: '工农区',
+    230404: '南山区',
+    230405: '兴安区',
+    230406: '东山区',
+    230407: '兴山区',
+    230421: '萝北县',
+    230422: '绥滨县',
+    230500: '双鸭山市',
+    230501: '双鸭山市市辖区',
+    230502: '尖山区',
+    230503: '岭东区',
+    230505: '四方台区',
+    230506: '宝山区',
+    230521: '集贤县',
+    230522: '友谊县',
+    230523: '宝清县',
+    230524: '饶河县',
+    230600: '大庆市',
+    230601: '大庆市市辖区',
+    230602: '萨尔图区',
+    230603: '龙凤区',
+    230604: '让胡路区',
+    230605: '红岗区',
+    230606: '大同区',
+    230621: '肇州县',
+    230622: '肇源县',
+    230623: '林甸县',
+    230624: '杜尔伯特蒙古族自治县',
+    230700: '伊春市',
+    230701: '伊春市市辖区',
+    230702: '伊春区',
+    230703: '南岔区',
+    230704: '友好区',
+    230705: '西林区',
+    230706: '翠峦区',
+    230707: '新青区',
+    230708: '美溪区',
+    230709: '金山屯区',
+    230710: '五营区',
+    230711: '乌马河区',
+    230712: '汤旺河区',
+    230713: '带岭区',
+    230714: '乌伊岭区',
+    230715: '红星区',
+    230716: '上甘岭区',
+    230722: '嘉荫县',
+    230781: '铁力市',
+    230800: '佳木斯市',
+    230801: '佳木斯市市辖区',
+    230803: '向阳区',
+    230804: '前进区',
+    230805: '东风区',
+    230811: '郊区',
+    230822: '桦南县',
+    230826: '桦川县',
+    230828: '汤原县',
+    230881: '同江市',
+    230882: '富锦市',
+    230883: '抚远市',
+    230900: '七台河市',
+    230901: '七台河市市辖区',
+    230902: '新兴区',
+    230903: '桃山区',
+    230904: '茄子河区',
+    230921: '勃利县',
+    231000: '牡丹江市',
+    231001: '牡丹江市市辖区',
+    231002: '东安区',
+    231003: '阳明区',
+    231004: '爱民区',
+    231005: '西安区',
+    231025: '林口县',
+    231081: '绥芬河市',
+    231083: '海林市',
+    231084: '宁安市',
+    231085: '穆棱市',
+    231086: '东宁市',
+    231100: '黑河市',
+    231101: '黑河市市辖区',
+    231102: '爱辉区',
+    231121: '嫩江县',
+    231123: '逊克县',
+    231124: '孙吴县',
+    231181: '北安市',
+    231182: '五大连池市',
+    231200: '绥化市',
+    231201: '绥化市市辖区',
+    231202: '北林区',
+    231221: '望奎县',
+    231222: '兰西县',
+    231223: '青冈县',
+    231224: '庆安县',
+    231225: '明水县',
+    231226: '绥棱县',
+    231281: '安达市',
+    231282: '肇东市',
+    231283: '海伦市',
+    232700: '大兴安岭地区',
+    232701: '漠河市',
+    232718: '加格达奇区',
+    232721: '呼玛县',
+    232722: '塔河县',
+    310000: '上海市',
+    310100: '上海市市辖区',
+    310101: '黄浦区',
+    310104: '徐汇区',
+    310105: '长宁区',
+    310106: '静安区',
+    310107: '普陀区',
+    310109: '虹口区',
+    310110: '杨浦区',
+    310112: '闵行区',
+    310113: '宝山区',
+    310114: '嘉定区',
+    310115: '浦东新区',
+    310116: '金山区',
+    310117: '松江区',
+    310118: '青浦区',
+    310120: '奉贤区',
+    310151: '崇明区',
+    320000: '江苏省',
+    320100: '南京市',
+    320101: '南京市市辖区',
+    320102: '玄武区',
+    320104: '秦淮区',
+    320105: '建邺区',
+    320106: '鼓楼区',
+    320111: '浦口区',
+    320113: '栖霞区',
+    320114: '雨花台区',
+    320115: '江宁区',
+    320116: '六合区',
+    320117: '溧水区',
+    320118: '高淳区',
+    320200: '无锡市',
+    320201: '无锡市市辖区',
+    320205: '锡山区',
+    320206: '惠山区',
+    320211: '滨湖区',
+    320213: '梁溪区',
+    320214: '新吴区',
+    320281: '江阴市',
+    320282: '宜兴市',
+    320300: '徐州市',
+    320301: '徐州市市辖区',
+    320302: '鼓楼区',
+    320303: '云龙区',
+    320305: '贾汪区',
+    320311: '泉山区',
+    320312: '铜山区',
+    320321: '丰县',
+    320322: '沛县',
+    320324: '睢宁县',
+    320381: '新沂市',
+    320382: '邳州市',
+    320400: '常州市',
+    320401: '常州市市辖区',
+    320402: '天宁区',
+    320404: '钟楼区',
+    320411: '新北区',
+    320412: '武进区',
+    320413: '金坛区',
+    320481: '溧阳市',
+    320500: '苏州市',
+    320501: '苏州市市辖区',
+    320505: '虎丘区',
+    320506: '吴中区',
+    320507: '相城区',
+    320508: '姑苏区',
+    320509: '吴江区',
+    320571: '苏州工业园区',
+    320581: '常熟市',
+    320582: '张家港市',
+    320583: '昆山市',
+    320585: '太仓市',
+    320600: '南通市',
+    320601: '南通市市辖区',
+    320602: '崇川区',
+    320611: '港闸区',
+    320612: '通州区',
+    320623: '如东县',
+    320681: '启东市',
+    320682: '如皋市',
+    320684: '海门市',
+    320685: '海安市',
+    320700: '连云港市',
+    320701: '连云港市市辖区',
+    320703: '连云区',
+    320706: '海州区',
+    320707: '赣榆区',
+    320722: '东海县',
+    320723: '灌云县',
+    320724: '灌南县',
+    320800: '淮安市',
+    320801: '淮安市市辖区',
+    320803: '淮安区',
+    320804: '淮阴区',
+    320812: '清江浦区',
+    320813: '洪泽区',
+    320826: '涟水县',
+    320830: '盱眙县',
+    320831: '金湖县',
+    320900: '盐城市',
+    320901: '盐城市市辖区',
+    320902: '亭湖区',
+    320903: '盐都区',
+    320904: '大丰区',
+    320921: '响水县',
+    320922: '滨海县',
+    320923: '阜宁县',
+    320924: '射阳县',
+    320925: '建湖县',
+    320981: '东台市',
+    321000: '扬州市',
+    321001: '扬州市市辖区',
+    321002: '广陵区',
+    321003: '邗江区',
+    321012: '江都区',
+    321023: '宝应县',
+    321081: '仪征市',
+    321084: '高邮市',
+    321100: '镇江市',
+    321101: '镇江市市辖区',
+    321102: '京口区',
+    321111: '润州区',
+    321112: '丹徒区',
+    321181: '丹阳市',
+    321182: '扬中市',
+    321183: '句容市',
+    321200: '泰州市',
+    321201: '泰州市市辖区',
+    321202: '海陵区',
+    321203: '高港区',
+    321204: '姜堰区',
+    321281: '兴化市',
+    321282: '靖江市',
+    321283: '泰兴市',
+    321300: '宿迁市',
+    321301: '宿迁市市辖区',
+    321302: '宿城区',
+    321311: '宿豫区',
+    321322: '沭阳县',
+    321323: '泗阳县',
+    321324: '泗洪县',
+    330000: '浙江省',
+    330100: '杭州市',
+    330101: '杭州市市辖区',
+    330102: '上城区',
+    330103: '下城区',
+    330104: '江干区',
+    330105: '拱墅区',
+    330106: '西湖区',
+    330108: '滨江区',
+    330109: '萧山区',
+    330110: '余杭区',
+    330111: '富阳区',
+    330112: '临安区',
+    330122: '桐庐县',
+    330127: '淳安县',
+    330182: '建德市',
+    330200: '宁波市',
+    330201: '宁波市市辖区',
+    330203: '海曙区',
+    330205: '江北区',
+    330206: '北仑区',
+    330211: '镇海区',
+    330212: '鄞州区',
+    330213: '奉化区',
+    330225: '象山县',
+    330226: '宁海县',
+    330281: '余姚市',
+    330282: '慈溪市',
+    330300: '温州市',
+    330301: '温州市市辖区',
+    330302: '鹿城区',
+    330303: '龙湾区',
+    330304: '瓯海区',
+    330305: '洞头区',
+    330324: '永嘉县',
+    330326: '平阳县',
+    330327: '苍南县',
+    330328: '文成县',
+    330329: '泰顺县',
+    330381: '瑞安市',
+    330382: '乐清市',
+    330400: '嘉兴市',
+    330401: '嘉兴市市辖区',
+    330402: '南湖区',
+    330411: '秀洲区',
+    330421: '嘉善县',
+    330424: '海盐县',
+    330481: '海宁市',
+    330482: '平湖市',
+    330483: '桐乡市',
+    330500: '湖州市',
+    330501: '湖州市市辖区',
+    330502: '吴兴区',
+    330503: '南浔区',
+    330521: '德清县',
+    330522: '长兴县',
+    330523: '安吉县',
+    330600: '绍兴市',
+    330601: '绍兴市市辖区',
+    330602: '越城区',
+    330603: '柯桥区',
+    330604: '上虞区',
+    330624: '新昌县',
+    330681: '诸暨市',
+    330683: '嵊州市',
+    330700: '金华市',
+    330701: '金华市市辖区',
+    330702: '婺城区',
+    330703: '金东区',
+    330723: '武义县',
+    330726: '浦江县',
+    330727: '磐安县',
+    330781: '兰溪市',
+    330782: '义乌市',
+    330783: '东阳市',
+    330784: '永康市',
+    330800: '衢州市',
+    330801: '衢州市市辖区',
+    330802: '柯城区',
+    330803: '衢江区',
+    330822: '常山县',
+    330824: '开化县',
+    330825: '龙游县',
+    330881: '江山市',
+    330900: '舟山市',
+    330901: '舟山市市辖区',
+    330902: '定海区',
+    330903: '普陀区',
+    330921: '岱山县',
+    330922: '嵊泗县',
+    331000: '台州市',
+    331001: '台州市市辖区',
+    331002: '椒江区',
+    331003: '黄岩区',
+    331004: '路桥区',
+    331022: '三门县',
+    331023: '天台县',
+    331024: '仙居县',
+    331081: '温岭市',
+    331082: '临海市',
+    331083: '玉环市',
+    331100: '丽水市',
+    331101: '丽水市市辖区',
+    331102: '莲都区',
+    331121: '青田县',
+    331122: '缙云县',
+    331123: '遂昌县',
+    331124: '松阳县',
+    331125: '云和县',
+    331126: '庆元县',
+    331127: '景宁畲族自治县',
+    331181: '龙泉市',
+    340000: '安徽省',
+    340100: '合肥市',
+    340101: '合肥市市辖区',
+    340102: '瑶海区',
+    340103: '庐阳区',
+    340104: '蜀山区',
+    340111: '包河区',
+    340121: '长丰县',
+    340122: '肥东县',
+    340123: '肥西县',
+    340124: '庐江县',
+    340181: '巢湖市',
+    340200: '芜湖市',
+    340201: '芜湖市市辖区',
+    340202: '镜湖区',
+    340203: '弋江区',
+    340207: '鸠江区',
+    340208: '三山区',
+    340221: '芜湖县',
+    340222: '繁昌县',
+    340223: '南陵县',
+    340225: '无为县',
+    340300: '蚌埠市',
+    340301: '蚌埠市市辖区',
+    340302: '龙子湖区',
+    340303: '蚌山区',
+    340304: '禹会区',
+    340311: '淮上区',
+    340321: '怀远县',
+    340322: '五河县',
+    340323: '固镇县',
+    340400: '淮南市',
+    340401: '淮南市市辖区',
+    340402: '大通区',
+    340403: '田家庵区',
+    340404: '谢家集区',
+    340405: '八公山区',
+    340406: '潘集区',
+    340421: '凤台县',
+    340422: '寿县',
+    340500: '马鞍山市',
+    340501: '马鞍山市市辖区',
+    340503: '花山区',
+    340504: '雨山区',
+    340506: '博望区',
+    340521: '当涂县',
+    340522: '含山县',
+    340523: '和县',
+    340600: '淮北市',
+    340601: '淮北市市辖区',
+    340602: '杜集区',
+    340603: '相山区',
+    340604: '烈山区',
+    340621: '濉溪县',
+    340700: '铜陵市',
+    340701: '铜陵市市辖区',
+    340705: '铜官区',
+    340706: '义安区',
+    340711: '郊区',
+    340722: '枞阳县',
+    340800: '安庆市',
+    340801: '安庆市市辖区',
+    340802: '迎江区',
+    340803: '大观区',
+    340811: '宜秀区',
+    340822: '怀宁县',
+    340824: '潜山市',
+    340825: '太湖县',
+    340826: '宿松县',
+    340827: '望江县',
+    340828: '岳西县',
+    340881: '桐城市',
+    341000: '黄山市',
+    341001: '黄山市市辖区',
+    341002: '屯溪区',
+    341003: '黄山区',
+    341004: '徽州区',
+    341021: '歙县',
+    341022: '休宁县',
+    341023: '黟县',
+    341024: '祁门县',
+    341100: '滁州市',
+    341101: '滁州市市辖区',
+    341102: '琅琊区',
+    341103: '南谯区',
+    341122: '来安县',
+    341124: '全椒县',
+    341125: '定远县',
+    341126: '凤阳县',
+    341181: '天长市',
+    341182: '明光市',
+    341200: '阜阳市',
+    341201: '阜阳市市辖区',
+    341202: '颍州区',
+    341203: '颍东区',
+    341204: '颍泉区',
+    341221: '临泉县',
+    341222: '太和县',
+    341225: '阜南县',
+    341226: '颍上县',
+    341282: '界首市',
+    341300: '宿州市',
+    341301: '宿州市市辖区',
+    341302: '埇桥区',
+    341321: '砀山县',
+    341322: '萧县',
+    341323: '灵璧县',
+    341324: '泗县',
+    341500: '六安市',
+    341501: '六安市市辖区',
+    341502: '金安区',
+    341503: '裕安区',
+    341504: '叶集区',
+    341522: '霍邱县',
+    341523: '舒城县',
+    341524: '金寨县',
+    341525: '霍山县',
+    341600: '亳州市',
+    341601: '亳州市市辖区',
+    341602: '谯城区',
+    341621: '涡阳县',
+    341622: '蒙城县',
+    341623: '利辛县',
+    341700: '池州市',
+    341701: '池州市市辖区',
+    341702: '贵池区',
+    341721: '东至县',
+    341722: '石台县',
+    341723: '青阳县',
+    341800: '宣城市',
+    341801: '宣城市市辖区',
+    341802: '宣州区',
+    341821: '郎溪县',
+    341822: '广德县',
+    341823: '泾县',
+    341824: '绩溪县',
+    341825: '旌德县',
+    341881: '宁国市',
+    350000: '福建省',
+    350100: '福州市',
+    350101: '福州市市辖区',
+    350102: '鼓楼区',
+    350103: '台江区',
+    350104: '仓山区',
+    350105: '马尾区',
+    350111: '晋安区',
+    350112: '长乐区',
+    350121: '闽侯县',
+    350122: '连江县',
+    350123: '罗源县',
+    350124: '闽清县',
+    350125: '永泰县',
+    350128: '平潭县',
+    350181: '福清市',
+    350200: '厦门市',
+    350201: '厦门市市辖区',
+    350203: '思明区',
+    350205: '海沧区',
+    350206: '湖里区',
+    350211: '集美区',
+    350212: '同安区',
+    350213: '翔安区',
+    350300: '莆田市',
+    350301: '莆田市市辖区',
+    350302: '城厢区',
+    350303: '涵江区',
+    350304: '荔城区',
+    350305: '秀屿区',
+    350322: '仙游县',
+    350400: '三明市',
+    350401: '三明市市辖区',
+    350402: '梅列区',
+    350403: '三元区',
+    350421: '明溪县',
+    350423: '清流县',
+    350424: '宁化县',
+    350425: '大田县',
+    350426: '尤溪县',
+    350427: '沙县',
+    350428: '将乐县',
+    350429: '泰宁县',
+    350430: '建宁县',
+    350481: '永安市',
+    350500: '泉州市',
+    350501: '泉州市市辖区',
+    350502: '鲤城区',
+    350503: '丰泽区',
+    350504: '洛江区',
+    350505: '泉港区',
+    350521: '惠安县',
+    350524: '安溪县',
+    350525: '永春县',
+    350526: '德化县',
+    350527: '金门县',
+    350581: '石狮市',
+    350582: '晋江市',
+    350583: '南安市',
+    350600: '漳州市',
+    350601: '漳州市市辖区',
+    350602: '芗城区',
+    350603: '龙文区',
+    350622: '云霄县',
+    350623: '漳浦县',
+    350624: '诏安县',
+    350625: '长泰县',
+    350626: '东山县',
+    350627: '南靖县',
+    350628: '平和县',
+    350629: '华安县',
+    350681: '龙海市',
+    350700: '南平市',
+    350701: '南平市市辖区',
+    350702: '延平区',
+    350703: '建阳区',
+    350721: '顺昌县',
+    350722: '浦城县',
+    350723: '光泽县',
+    350724: '松溪县',
+    350725: '政和县',
+    350781: '邵武市',
+    350782: '武夷山市',
+    350783: '建瓯市',
+    350800: '龙岩市',
+    350801: '龙岩市市辖区',
+    350802: '新罗区',
+    350803: '永定区',
+    350821: '长汀县',
+    350823: '上杭县',
+    350824: '武平县',
+    350825: '连城县',
+    350881: '漳平市',
+    350900: '宁德市',
+    350901: '宁德市市辖区',
+    350902: '蕉城区',
+    350921: '霞浦县',
+    350922: '古田县',
+    350923: '屏南县',
+    350924: '寿宁县',
+    350925: '周宁县',
+    350926: '柘荣县',
+    350981: '福安市',
+    350982: '福鼎市',
+    360000: '江西省',
+    360100: '南昌市',
+    360101: '南昌市市辖区',
+    360102: '东湖区',
+    360103: '西湖区',
+    360104: '青云谱区',
+    360105: '湾里区',
+    360111: '青山湖区',
+    360112: '新建区',
+    360121: '南昌县',
+    360123: '安义县',
+    360124: '进贤县',
+    360200: '景德镇市',
+    360201: '景德镇市市辖区',
+    360202: '昌江区',
+    360203: '珠山区',
+    360222: '浮梁县',
+    360281: '乐平市',
+    360300: '萍乡市',
+    360301: '萍乡市市辖区',
+    360302: '安源区',
+    360313: '湘东区',
+    360321: '莲花县',
+    360322: '上栗县',
+    360323: '芦溪县',
+    360400: '九江市',
+    360401: '九江市市辖区',
+    360402: '濂溪区',
+    360403: '浔阳区',
+    360404: '柴桑区',
+    360423: '武宁县',
+    360424: '修水县',
+    360425: '永修县',
+    360426: '德安县',
+    360428: '都昌县',
+    360429: '湖口县',
+    360430: '彭泽县',
+    360481: '瑞昌市',
+    360482: '共青城市',
+    360483: '庐山市',
+    360500: '新余市',
+    360501: '新余市市辖区',
+    360502: '渝水区',
+    360521: '分宜县',
+    360600: '鹰潭市',
+    360601: '鹰潭市市辖区',
+    360602: '月湖区',
+    360603: '余江区',
+    360681: '贵溪市',
+    360700: '赣州市',
+    360701: '赣州市市辖区',
+    360702: '章贡区',
+    360703: '南康区',
+    360704: '赣县区',
+    360722: '信丰县',
+    360723: '大余县',
+    360724: '上犹县',
+    360725: '崇义县',
+    360726: '安远县',
+    360727: '龙南县',
+    360728: '定南县',
+    360729: '全南县',
+    360730: '宁都县',
+    360731: '于都县',
+    360732: '兴国县',
+    360733: '会昌县',
+    360734: '寻乌县',
+    360735: '石城县',
+    360781: '瑞金市',
+    360800: '吉安市',
+    360801: '吉安市市辖区',
+    360802: '吉州区',
+    360803: '青原区',
+    360821: '吉安县',
+    360822: '吉水县',
+    360823: '峡江县',
+    360824: '新干县',
+    360825: '永丰县',
+    360826: '泰和县',
+    360827: '遂川县',
+    360828: '万安县',
+    360829: '安福县',
+    360830: '永新县',
+    360881: '井冈山市',
+    360900: '宜春市',
+    360901: '宜春市市辖区',
+    360902: '袁州区',
+    360921: '奉新县',
+    360922: '万载县',
+    360923: '上高县',
+    360924: '宜丰县',
+    360925: '靖安县',
+    360926: '铜鼓县',
+    360981: '丰城市',
+    360982: '樟树市',
+    360983: '高安市',
+    361000: '抚州市',
+    361001: '抚州市市辖区',
+    361002: '临川区',
+    361003: '东乡区',
+    361021: '南城县',
+    361022: '黎川县',
+    361023: '南丰县',
+    361024: '崇仁县',
+    361025: '乐安县',
+    361026: '宜黄县',
+    361027: '金溪县',
+    361028: '资溪县',
+    361030: '广昌县',
+    361100: '上饶市',
+    361101: '上饶市市辖区',
+    361102: '信州区',
+    361103: '广丰区',
+    361121: '上饶县',
+    361123: '玉山县',
+    361124: '铅山县',
+    361125: '横峰县',
+    361126: '弋阳县',
+    361127: '余干县',
+    361128: '鄱阳县',
+    361129: '万年县',
+    361130: '婺源县',
+    361181: '德兴市',
+    370000: '山东省',
+    370100: '济南市',
+    370101: '济南市市辖区',
+    370102: '历下区',
+    370103: '市中区',
+    370104: '槐荫区',
+    370105: '天桥区',
+    370112: '历城区',
+    370113: '长清区',
+    370114: '章丘区',
+    370115: '济阳区',
+    370116: '莱芜区',
+    370117: '钢城区',
+    370124: '平阴县',
+    370126: '商河县',
+    370200: '青岛市',
+    370201: '青岛市市辖区',
+    370202: '市南区',
+    370203: '市北区',
+    370211: '黄岛区',
+    370212: '崂山区',
+    370213: '李沧区',
+    370214: '城阳区',
+    370215: '即墨区',
+    370281: '胶州市',
+    370283: '平度市',
+    370285: '莱西市',
+    370300: '淄博市',
+    370301: '淄博市市辖区',
+    370302: '淄川区',
+    370303: '张店区',
+    370304: '博山区',
+    370305: '临淄区',
+    370306: '周村区',
+    370321: '桓台县',
+    370322: '高青县',
+    370323: '沂源县',
+    370400: '枣庄市',
+    370401: '枣庄市市辖区',
+    370402: '市中区',
+    370403: '薛城区',
+    370404: '峄城区',
+    370405: '台儿庄区',
+    370406: '山亭区',
+    370481: '滕州市',
+    370500: '东营市',
+    370501: '东营市市辖区',
+    370502: '东营区',
+    370503: '河口区',
+    370505: '垦利区',
+    370522: '利津县',
+    370523: '广饶县',
+    370600: '烟台市',
+    370601: '烟台市市辖区',
+    370602: '芝罘区',
+    370611: '福山区',
+    370612: '牟平区',
+    370613: '莱山区',
+    370634: '长岛县',
+    370681: '龙口市',
+    370682: '莱阳市',
+    370683: '莱州市',
+    370684: '蓬莱市',
+    370685: '招远市',
+    370686: '栖霞市',
+    370687: '海阳市',
+    370700: '潍坊市',
+    370701: '潍坊市市辖区',
+    370702: '潍城区',
+    370703: '寒亭区',
+    370704: '坊子区',
+    370705: '奎文区',
+    370724: '临朐县',
+    370725: '昌乐县',
+    370781: '青州市',
+    370782: '诸城市',
+    370783: '寿光市',
+    370784: '安丘市',
+    370785: '高密市',
+    370786: '昌邑市',
+    370800: '济宁市',
+    370801: '济宁市市辖区',
+    370811: '任城区',
+    370812: '兖州区',
+    370826: '微山县',
+    370827: '鱼台县',
+    370828: '金乡县',
+    370829: '嘉祥县',
+    370830: '汶上县',
+    370831: '泗水县',
+    370832: '梁山县',
+    370881: '曲阜市',
+    370883: '邹城市',
+    370900: '泰安市',
+    370901: '泰安市市辖区',
+    370902: '泰山区',
+    370911: '岱岳区',
+    370921: '宁阳县',
+    370923: '东平县',
+    370982: '新泰市',
+    370983: '肥城市',
+    371000: '威海市',
+    371001: '威海市市辖区',
+    371002: '环翠区',
+    371003: '文登区',
+    371082: '荣成市',
+    371083: '乳山市',
+    371100: '日照市',
+    371101: '日照市市辖区',
+    371102: '东港区',
+    371103: '岚山区',
+    371121: '五莲县',
+    371122: '莒县',
+    371300: '临沂市',
+    371301: '临沂市市辖区',
+    371302: '兰山区',
+    371311: '罗庄区',
+    371312: '河东区',
+    371321: '沂南县',
+    371322: '郯城县',
+    371323: '沂水县',
+    371324: '兰陵县',
+    371325: '费县',
+    371326: '平邑县',
+    371327: '莒南县',
+    371328: '蒙阴县',
+    371329: '临沭县',
+    371400: '德州市',
+    371401: '德州市市辖区',
+    371402: '德城区',
+    371403: '陵城区',
+    371422: '宁津县',
+    371423: '庆云县',
+    371424: '临邑县',
+    371425: '齐河县',
+    371426: '平原县',
+    371427: '夏津县',
+    371428: '武城县',
+    371481: '乐陵市',
+    371482: '禹城市',
+    371500: '聊城市',
+    371501: '聊城市市辖区',
+    371502: '东昌府区',
+    371521: '阳谷县',
+    371522: '莘县',
+    371523: '茌平县',
+    371524: '东阿县',
+    371525: '冠县',
+    371526: '高唐县',
+    371581: '临清市',
+    371600: '滨州市',
+    371601: '滨州市市辖区',
+    371602: '滨城区',
+    371603: '沾化区',
+    371621: '惠民县',
+    371622: '阳信县',
+    371623: '无棣县',
+    371625: '博兴县',
+    371681: '邹平市',
+    371700: '菏泽市',
+    371701: '菏泽市市辖区',
+    371702: '牡丹区',
+    371703: '定陶区',
+    371721: '曹县',
+    371722: '单县',
+    371723: '成武县',
+    371724: '巨野县',
+    371725: '郓城县',
+    371726: '鄄城县',
+    371728: '东明县',
+    410000: '河南省',
+    410100: '郑州市',
+    410101: '郑州市市辖区',
+    410102: '中原区',
+    410103: '二七区',
+    410104: '管城回族区',
+    410105: '金水区',
+    410106: '上街区',
+    410108: '惠济区',
+    410122: '中牟县',
+    410181: '巩义市',
+    410182: '荥阳市',
+    410183: '新密市',
+    410184: '新郑市',
+    410185: '登封市',
+    410200: '开封市',
+    410201: '开封市市辖区',
+    410202: '龙亭区',
+    410203: '顺河回族区',
+    410204: '鼓楼区',
+    410205: '禹王台区',
+    410212: '祥符区',
+    410221: '杞县',
+    410222: '通许县',
+    410223: '尉氏县',
+    410225: '兰考县',
+    410300: '洛阳市',
+    410301: '洛阳市市辖区',
+    410302: '老城区',
+    410303: '西工区',
+    410304: '瀍河回族区',
+    410305: '涧西区',
+    410306: '吉利区',
+    410311: '洛龙区',
+    410322: '孟津县',
+    410323: '新安县',
+    410324: '栾川县',
+    410325: '嵩县',
+    410326: '汝阳县',
+    410327: '宜阳县',
+    410328: '洛宁县',
+    410329: '伊川县',
+    410381: '偃师市',
+    410400: '平顶山市',
+    410401: '平顶山市市辖区',
+    410402: '新华区',
+    410403: '卫东区',
+    410404: '石龙区',
+    410411: '湛河区',
+    410421: '宝丰县',
+    410422: '叶县',
+    410423: '鲁山县',
+    410425: '郏县',
+    410481: '舞钢市',
+    410482: '汝州市',
+    410500: '安阳市',
+    410501: '安阳市市辖区',
+    410502: '文峰区',
+    410503: '北关区',
+    410505: '殷都区',
+    410506: '龙安区',
+    410522: '安阳县',
+    410523: '汤阴县',
+    410526: '滑县',
+    410527: '内黄县',
+    410581: '林州市',
+    410600: '鹤壁市',
+    410601: '鹤壁市市辖区',
+    410602: '鹤山区',
+    410603: '山城区',
+    410611: '淇滨区',
+    410621: '浚县',
+    410622: '淇县',
+    410700: '新乡市',
+    410701: '新乡市市辖区',
+    410702: '红旗区',
+    410703: '卫滨区',
+    410704: '凤泉区',
+    410711: '牧野区',
+    410721: '新乡县',
+    410724: '获嘉县',
+    410725: '原阳县',
+    410726: '延津县',
+    410727: '封丘县',
+    410728: '长垣县',
+    410781: '卫辉市',
+    410782: '辉县市',
+    410800: '焦作市',
+    410801: '焦作市市辖区',
+    410802: '解放区',
+    410803: '中站区',
+    410804: '马村区',
+    410811: '山阳区',
+    410821: '修武县',
+    410822: '博爱县',
+    410823: '武陟县',
+    410825: '温县',
+    410882: '沁阳市',
+    410883: '孟州市',
+    410900: '濮阳市',
+    410901: '濮阳市市辖区',
+    410902: '华龙区',
+    410922: '清丰县',
+    410923: '南乐县',
+    410926: '范县',
+    410927: '台前县',
+    410928: '濮阳县',
+    411000: '许昌市',
+    411001: '许昌市市辖区',
+    411002: '魏都区',
+    411003: '建安区',
+    411024: '鄢陵县',
+    411025: '襄城县',
+    411081: '禹州市',
+    411082: '长葛市',
+    411100: '漯河市',
+    411101: '漯河市市辖区',
+    411102: '源汇区',
+    411103: '郾城区',
+    411104: '召陵区',
+    411121: '舞阳县',
+    411122: '临颍县',
+    411200: '三门峡市',
+    411201: '三门峡市市辖区',
+    411202: '湖滨区',
+    411203: '陕州区',
+    411221: '渑池县',
+    411224: '卢氏县',
+    411281: '义马市',
+    411282: '灵宝市',
+    411300: '南阳市',
+    411301: '南阳市市辖区',
+    411302: '宛城区',
+    411303: '卧龙区',
+    411321: '南召县',
+    411322: '方城县',
+    411323: '西峡县',
+    411324: '镇平县',
+    411325: '内乡县',
+    411326: '淅川县',
+    411327: '社旗县',
+    411328: '唐河县',
+    411329: '新野县',
+    411330: '桐柏县',
+    411381: '邓州市',
+    411400: '商丘市',
+    411401: '商丘市市辖区',
+    411402: '梁园区',
+    411403: '睢阳区',
+    411421: '民权县',
+    411422: '睢县',
+    411423: '宁陵县',
+    411424: '柘城县',
+    411425: '虞城县',
+    411426: '夏邑县',
+    411481: '永城市',
+    411500: '信阳市',
+    411501: '信阳市市辖区',
+    411502: '浉河区',
+    411503: '平桥区',
+    411521: '罗山县',
+    411522: '光山县',
+    411523: '新县',
+    411524: '商城县',
+    411525: '固始县',
+    411526: '潢川县',
+    411527: '淮滨县',
+    411528: '息县',
+    411600: '周口市',
+    411601: '周口市市辖区',
+    411602: '川汇区',
+    411621: '扶沟县',
+    411622: '西华县',
+    411623: '商水县',
+    411624: '沈丘县',
+    411625: '郸城县',
+    411626: '淮阳县',
+    411627: '太康县',
+    411628: '鹿邑县',
+    411681: '项城市',
+    411700: '驻马店市',
+    411701: '驻马店市市辖区',
+    411702: '驿城区',
+    411721: '西平县',
+    411722: '上蔡县',
+    411723: '平舆县',
+    411724: '正阳县',
+    411725: '确山县',
+    411726: '泌阳县',
+    411727: '汝南县',
+    411728: '遂平县',
+    411729: '新蔡县',
+    419001: '济源市',
+    420000: '湖北省',
+    420100: '武汉市',
+    420101: '武汉市市辖区',
+    420102: '江岸区',
+    420103: '江汉区',
+    420104: '硚口区',
+    420105: '汉阳区',
+    420106: '武昌区',
+    420107: '青山区',
+    420111: '洪山区',
+    420112: '东西湖区',
+    420113: '汉南区',
+    420114: '蔡甸区',
+    420115: '江夏区',
+    420116: '黄陂区',
+    420117: '新洲区',
+    420200: '黄石市',
+    420201: '黄石市市辖区',
+    420202: '黄石港区',
+    420203: '西塞山区',
+    420204: '下陆区',
+    420205: '铁山区',
+    420222: '阳新县',
+    420281: '大冶市',
+    420300: '十堰市',
+    420301: '十堰市市辖区',
+    420302: '茅箭区',
+    420303: '张湾区',
+    420304: '郧阳区',
+    420322: '郧西县',
+    420323: '竹山县',
+    420324: '竹溪县',
+    420325: '房县',
+    420381: '丹江口市',
+    420500: '宜昌市',
+    420501: '宜昌市市辖区',
+    420502: '西陵区',
+    420503: '伍家岗区',
+    420504: '点军区',
+    420505: '猇亭区',
+    420506: '夷陵区',
+    420525: '远安县',
+    420526: '兴山县',
+    420527: '秭归县',
+    420528: '长阳土家族自治县',
+    420529: '五峰土家族自治县',
+    420581: '宜都市',
+    420582: '当阳市',
+    420583: '枝江市',
+    420600: '襄阳市',
+    420601: '襄阳市市辖区',
+    420602: '襄城区',
+    420606: '樊城区',
+    420607: '襄州区',
+    420624: '南漳县',
+    420625: '谷城县',
+    420626: '保康县',
+    420682: '老河口市',
+    420683: '枣阳市',
+    420684: '宜城市',
+    420700: '鄂州市',
+    420701: '鄂州市市辖区',
+    420702: '梁子湖区',
+    420703: '华容区',
+    420704: '鄂城区',
+    420800: '荆门市',
+    420801: '荆门市市辖区',
+    420802: '东宝区',
+    420804: '掇刀区',
+    420822: '沙洋县',
+    420881: '钟祥市',
+    420882: '京山市',
+    420900: '孝感市',
+    420901: '孝感市市辖区',
+    420902: '孝南区',
+    420921: '孝昌县',
+    420922: '大悟县',
+    420923: '云梦县',
+    420981: '应城市',
+    420982: '安陆市',
+    420984: '汉川市',
+    421000: '荆州市',
+    421001: '荆州市市辖区',
+    421002: '沙市区',
+    421003: '荆州区',
+    421022: '公安县',
+    421023: '监利县',
+    421024: '江陵县',
+    421081: '石首市',
+    421083: '洪湖市',
+    421087: '松滋市',
+    421100: '黄冈市',
+    421101: '黄冈市市辖区',
+    421102: '黄州区',
+    421121: '团风县',
+    421122: '红安县',
+    421123: '罗田县',
+    421124: '英山县',
+    421125: '浠水县',
+    421126: '蕲春县',
+    421127: '黄梅县',
+    421181: '麻城市',
+    421182: '武穴市',
+    421200: '咸宁市',
+    421201: '咸宁市市辖区',
+    421202: '咸安区',
+    421221: '嘉鱼县',
+    421222: '通城县',
+    421223: '崇阳县',
+    421224: '通山县',
+    421281: '赤壁市',
+    421300: '随州市',
+    421301: '随州市市辖区',
+    421303: '曾都区',
+    421321: '随县',
+    421381: '广水市',
+    422800: '恩施土家族苗族自治州',
+    422801: '恩施市',
+    422802: '利川市',
+    422822: '建始县',
+    422823: '巴东县',
+    422825: '宣恩县',
+    422826: '咸丰县',
+    422827: '来凤县',
+    422828: '鹤峰县',
+    429004: '仙桃市',
+    429005: '潜江市',
+    429006: '天门市',
+    429021: '神农架林区',
+    430000: '湖南省',
+    430100: '长沙市',
+    430101: '长沙市市辖区',
+    430102: '芙蓉区',
+    430103: '天心区',
+    430104: '岳麓区',
+    430105: '开福区',
+    430111: '雨花区',
+    430112: '望城区',
+    430121: '长沙县',
+    430181: '浏阳市',
+    430182: '宁乡市',
+    430200: '株洲市',
+    430201: '株洲市市辖区',
+    430202: '荷塘区',
+    430203: '芦淞区',
+    430204: '石峰区',
+    430211: '天元区',
+    430212: '渌口区',
+    430223: '攸县',
+    430224: '茶陵县',
+    430225: '炎陵县',
+    430281: '醴陵市',
+    430300: '湘潭市',
+    430301: '湘潭市市辖区',
+    430302: '雨湖区',
+    430304: '岳塘区',
+    430321: '湘潭县',
+    430381: '湘乡市',
+    430382: '韶山市',
+    430400: '衡阳市',
+    430401: '衡阳市市辖区',
+    430405: '珠晖区',
+    430406: '雁峰区',
+    430407: '石鼓区',
+    430408: '蒸湘区',
+    430412: '南岳区',
+    430421: '衡阳县',
+    430422: '衡南县',
+    430423: '衡山县',
+    430424: '衡东县',
+    430426: '祁东县',
+    430481: '耒阳市',
+    430482: '常宁市',
+    430500: '邵阳市',
+    430501: '邵阳市市辖区',
+    430502: '双清区',
+    430503: '大祥区',
+    430511: '北塔区',
+    430521: '邵东县',
+    430522: '新邵县',
+    430523: '邵阳县',
+    430524: '隆回县',
+    430525: '洞口县',
+    430527: '绥宁县',
+    430528: '新宁县',
+    430529: '城步苗族自治县',
+    430581: '武冈市',
+    430600: '岳阳市',
+    430601: '岳阳市市辖区',
+    430602: '岳阳楼区',
+    430603: '云溪区',
+    430611: '君山区',
+    430621: '岳阳县',
+    430623: '华容县',
+    430624: '湘阴县',
+    430626: '平江县',
+    430681: '汨罗市',
+    430682: '临湘市',
+    430700: '常德市',
+    430701: '常德市市辖区',
+    430702: '武陵区',
+    430703: '鼎城区',
+    430721: '安乡县',
+    430722: '汉寿县',
+    430723: '澧县',
+    430724: '临澧县',
+    430725: '桃源县',
+    430726: '石门县',
+    430781: '津市市',
+    430800: '张家界市',
+    430801: '张家界市市辖区',
+    430802: '永定区',
+    430811: '武陵源区',
+    430821: '慈利县',
+    430822: '桑植县',
+    430900: '益阳市',
+    430901: '益阳市市辖区',
+    430902: '资阳区',
+    430903: '赫山区',
+    430921: '南县',
+    430922: '桃江县',
+    430923: '安化县',
+    430981: '沅江市',
+    431000: '郴州市',
+    431001: '郴州市市辖区',
+    431002: '北湖区',
+    431003: '苏仙区',
+    431021: '桂阳县',
+    431022: '宜章县',
+    431023: '永兴县',
+    431024: '嘉禾县',
+    431025: '临武县',
+    431026: '汝城县',
+    431027: '桂东县',
+    431028: '安仁县',
+    431081: '资兴市',
+    431100: '永州市',
+    431101: '永州市市辖区',
+    431102: '零陵区',
+    431103: '冷水滩区',
+    431121: '祁阳县',
+    431122: '东安县',
+    431123: '双牌县',
+    431124: '道县',
+    431125: '江永县',
+    431126: '宁远县',
+    431127: '蓝山县',
+    431128: '新田县',
+    431129: '江华瑶族自治县',
+    431200: '怀化市',
+    431201: '怀化市市辖区',
+    431202: '鹤城区',
+    431221: '中方县',
+    431222: '沅陵县',
+    431223: '辰溪县',
+    431224: '溆浦县',
+    431225: '会同县',
+    431226: '麻阳苗族自治县',
+    431227: '新晃侗族自治县',
+    431228: '芷江侗族自治县',
+    431229: '靖州苗族侗族自治县',
+    431230: '通道侗族自治县',
+    431281: '洪江市',
+    431300: '娄底市',
+    431301: '娄底市市辖区',
+    431302: '娄星区',
+    431321: '双峰县',
+    431322: '新化县',
+    431381: '冷水江市',
+    431382: '涟源市',
+    433100: '湘西土家族苗族自治州',
+    433101: '吉首市',
+    433122: '泸溪县',
+    433123: '凤凰县',
+    433124: '花垣县',
+    433125: '保靖县',
+    433126: '古丈县',
+    433127: '永顺县',
+    433130: '龙山县',
+    440000: '广东省',
+    440100: '广州市',
+    440101: '广州市市辖区',
+    440103: '荔湾区',
+    440104: '越秀区',
+    440105: '海珠区',
+    440106: '天河区',
+    440111: '白云区',
+    440112: '黄埔区',
+    440113: '番禺区',
+    440114: '花都区',
+    440115: '南沙区',
+    440117: '从化区',
+    440118: '增城区',
+    440200: '韶关市',
+    440201: '韶关市市辖区',
+    440203: '武江区',
+    440204: '浈江区',
+    440205: '曲江区',
+    440222: '始兴县',
+    440224: '仁化县',
+    440229: '翁源县',
+    440232: '乳源瑶族自治县',
+    440233: '新丰县',
+    440281: '乐昌市',
+    440282: '南雄市',
+    440300: '深圳市',
+    440301: '深圳市市辖区',
+    440303: '罗湖区',
+    440304: '福田区',
+    440305: '南山区',
+    440306: '宝安区',
+    440307: '龙岗区',
+    440308: '盐田区',
+    440309: '龙华区',
+    440310: '坪山区',
+    440311: '光明区',
+    440400: '珠海市',
+    440401: '珠海市市辖区',
+    440402: '香洲区',
+    440403: '斗门区',
+    440404: '金湾区',
+    440500: '汕头市',
+    440501: '汕头市市辖区',
+    440507: '龙湖区',
+    440511: '金平区',
+    440512: '濠江区',
+    440513: '潮阳区',
+    440514: '潮南区',
+    440515: '澄海区',
+    440523: '南澳县',
+    440600: '佛山市',
+    440601: '佛山市市辖区',
+    440604: '禅城区',
+    440605: '南海区',
+    440606: '顺德区',
+    440607: '三水区',
+    440608: '高明区',
+    440700: '江门市',
+    440701: '江门市市辖区',
+    440703: '蓬江区',
+    440704: '江海区',
+    440705: '新会区',
+    440781: '台山市',
+    440783: '开平市',
+    440784: '鹤山市',
+    440785: '恩平市',
+    440800: '湛江市',
+    440801: '湛江市市辖区',
+    440802: '赤坎区',
+    440803: '霞山区',
+    440804: '坡头区',
+    440811: '麻章区',
+    440823: '遂溪县',
+    440825: '徐闻县',
+    440881: '廉江市',
+    440882: '雷州市',
+    440883: '吴川市',
+    440900: '茂名市',
+    440901: '茂名市市辖区',
+    440902: '茂南区',
+    440904: '电白区',
+    440981: '高州市',
+    440982: '化州市',
+    440983: '信宜市',
+    441200: '肇庆市',
+    441201: '肇庆市市辖区',
+    441202: '端州区',
+    441203: '鼎湖区',
+    441204: '高要区',
+    441223: '广宁县',
+    441224: '怀集县',
+    441225: '封开县',
+    441226: '德庆县',
+    441284: '四会市',
+    441300: '惠州市',
+    441301: '惠州市市辖区',
+    441302: '惠城区',
+    441303: '惠阳区',
+    441322: '博罗县',
+    441323: '惠东县',
+    441324: '龙门县',
+    441400: '梅州市',
+    441401: '梅州市市辖区',
+    441402: '梅江区',
+    441403: '梅县区',
+    441422: '大埔县',
+    441423: '丰顺县',
+    441424: '五华县',
+    441426: '平远县',
+    441427: '蕉岭县',
+    441481: '兴宁市',
+    441500: '汕尾市',
+    441501: '汕尾市市辖区',
+    441502: '城区',
+    441521: '海丰县',
+    441523: '陆河县',
+    441581: '陆丰市',
+    441600: '河源市',
+    441601: '河源市市辖区',
+    441602: '源城区',
+    441621: '紫金县',
+    441622: '龙川县',
+    441623: '连平县',
+    441624: '和平县',
+    441625: '东源县',
+    441700: '阳江市',
+    441701: '阳江市市辖区',
+    441702: '江城区',
+    441704: '阳东区',
+    441721: '阳西县',
+    441781: '阳春市',
+    441800: '清远市',
+    441801: '清远市市辖区',
+    441802: '清城区',
+    441803: '清新区',
+    441821: '佛冈县',
+    441823: '阳山县',
+    441825: '连山壮族瑶族自治县',
+    441826: '连南瑶族自治县',
+    441881: '英德市',
+    441882: '连州市',
+    441900: '东莞市',
+    442000: '中山市',
+    442101: '东沙群岛',
+    445100: '潮州市',
+    445101: '潮州市市辖区',
+    445102: '湘桥区',
+    445103: '潮安区',
+    445122: '饶平县',
+    445200: '揭阳市',
+    445201: '揭阳市市辖区',
+    445202: '榕城区',
+    445203: '揭东区',
+    445222: '揭西县',
+    445224: '惠来县',
+    445281: '普宁市',
+    445300: '云浮市',
+    445301: '云浮市市辖区',
+    445302: '云城区',
+    445303: '云安区',
+    445321: '新兴县',
+    445322: '郁南县',
+    445381: '罗定市',
+    450000: '广西壮族自治区',
+    450100: '南宁市',
+    450101: '南宁市市辖区',
+    450102: '兴宁区',
+    450103: '青秀区',
+    450105: '江南区',
+    450107: '西乡塘区',
+    450108: '良庆区',
+    450109: '邕宁区',
+    450110: '武鸣区',
+    450123: '隆安县',
+    450124: '马山县',
+    450125: '上林县',
+    450126: '宾阳县',
+    450127: '横县',
+    450200: '柳州市',
+    450201: '柳州市市辖区',
+    450202: '城中区',
+    450203: '鱼峰区',
+    450204: '柳南区',
+    450205: '柳北区',
+    450206: '柳江区',
+    450222: '柳城县',
+    450223: '鹿寨县',
+    450224: '融安县',
+    450225: '融水苗族自治县',
+    450226: '三江侗族自治县',
+    450300: '桂林市',
+    450301: '桂林市市辖区',
+    450302: '秀峰区',
+    450303: '叠彩区',
+    450304: '象山区',
+    450305: '七星区',
+    450311: '雁山区',
+    450312: '临桂区',
+    450321: '阳朔县',
+    450323: '灵川县',
+    450324: '全州县',
+    450325: '兴安县',
+    450326: '永福县',
+    450327: '灌阳县',
+    450328: '龙胜各族自治县',
+    450329: '资源县',
+    450330: '平乐县',
+    450332: '恭城瑶族自治县',
+    450381: '荔浦市',
+    450400: '梧州市',
+    450401: '梧州市市辖区',
+    450403: '万秀区',
+    450405: '长洲区',
+    450406: '龙圩区',
+    450421: '苍梧县',
+    450422: '藤县',
+    450423: '蒙山县',
+    450481: '岑溪市',
+    450500: '北海市',
+    450501: '北海市市辖区',
+    450502: '海城区',
+    450503: '银海区',
+    450512: '铁山港区',
+    450521: '合浦县',
+    450600: '防城港市',
+    450601: '防城港市市辖区',
+    450602: '港口区',
+    450603: '防城区',
+    450621: '上思县',
+    450681: '东兴市',
+    450700: '钦州市',
+    450701: '钦州市市辖区',
+    450702: '钦南区',
+    450703: '钦北区',
+    450721: '灵山县',
+    450722: '浦北县',
+    450800: '贵港市',
+    450801: '贵港市市辖区',
+    450802: '港北区',
+    450803: '港南区',
+    450804: '覃塘区',
+    450821: '平南县',
+    450881: '桂平市',
+    450900: '玉林市',
+    450901: '玉林市市辖区',
+    450902: '玉州区',
+    450903: '福绵区',
+    450921: '容县',
+    450922: '陆川县',
+    450923: '博白县',
+    450924: '兴业县',
+    450981: '北流市',
+    451000: '百色市',
+    451001: '百色市市辖区',
+    451002: '右江区',
+    451021: '田阳县',
+    451022: '田东县',
+    451023: '平果县',
+    451024: '德保县',
+    451026: '那坡县',
+    451027: '凌云县',
+    451028: '乐业县',
+    451029: '田林县',
+    451030: '西林县',
+    451031: '隆林各族自治县',
+    451081: '靖西市',
+    451100: '贺州市',
+    451101: '贺州市市辖区',
+    451102: '八步区',
+    451103: '平桂区',
+    451121: '昭平县',
+    451122: '钟山县',
+    451123: '富川瑶族自治县',
+    451200: '河池市',
+    451201: '河池市市辖区',
+    451202: '金城江区',
+    451203: '宜州区',
+    451221: '南丹县',
+    451222: '天峨县',
+    451223: '凤山县',
+    451224: '东兰县',
+    451225: '罗城仫佬族自治县',
+    451226: '环江毛南族自治县',
+    451227: '巴马瑶族自治县',
+    451228: '都安瑶族自治县',
+    451229: '大化瑶族自治县',
+    451300: '来宾市',
+    451301: '来宾市市辖区',
+    451302: '兴宾区',
+    451321: '忻城县',
+    451322: '象州县',
+    451323: '武宣县',
+    451324: '金秀瑶族自治县',
+    451381: '合山市',
+    451400: '崇左市',
+    451401: '崇左市市辖区',
+    451402: '江州区',
+    451421: '扶绥县',
+    451422: '宁明县',
+    451423: '龙州县',
+    451424: '大新县',
+    451425: '天等县',
+    451481: '凭祥市',
+    460000: '海南省',
+    460100: '海口市',
+    460101: '海口市市辖区',
+    460105: '秀英区',
+    460106: '龙华区',
+    460107: '琼山区',
+    460108: '美兰区',
+    460200: '三亚市',
+    460201: '三亚市市辖区',
+    460202: '海棠区',
+    460203: '吉阳区',
+    460204: '天涯区',
+    460205: '崖州区',
+    460300: '三沙市',
+    460301: '三沙市市辖区',
+    460321: '西沙群岛',
+    460322: '南沙群岛',
+    460323: '中沙群岛的岛礁及其海域',
+    460400: '儋州市',
+    469001: '五指山市',
+    469002: '琼海市',
+    469005: '文昌市',
+    469006: '万宁市',
+    469007: '东方市',
+    469021: '定安县',
+    469022: '屯昌县',
+    469023: '澄迈县',
+    469024: '临高县',
+    469025: '白沙黎族自治县',
+    469026: '昌江黎族自治县',
+    469027: '乐东黎族自治县',
+    469028: '陵水黎族自治县',
+    469029: '保亭黎族苗族自治县',
+    469030: '琼中黎族苗族自治县',
+    500000: '重庆市',
+    500100: '重庆市市辖区',
+    500101: '万州区',
+    500102: '涪陵区',
+    500103: '渝中区',
+    500104: '大渡口区',
+    500105: '江北区',
+    500106: '沙坪坝区',
+    500107: '九龙坡区',
+    500108: '南岸区',
+    500109: '北碚区',
+    500110: '綦江区',
+    500111: '大足区',
+    500112: '渝北区',
+    500113: '巴南区',
+    500114: '黔江区',
+    500115: '长寿区',
+    500116: '江津区',
+    500117: '合川区',
+    500118: '永川区',
+    500119: '南川区',
+    500120: '璧山区',
+    500151: '铜梁区',
+    500152: '潼南区',
+    500153: '荣昌区',
+    500154: '开州区',
+    500155: '梁平区',
+    500156: '武隆区',
+    500200: '重庆市郊县',
+    500229: '城口县',
+    500230: '丰都县',
+    500231: '垫江县',
+    500233: '忠县',
+    500235: '云阳县',
+    500236: '奉节县',
+    500237: '巫山县',
+    500238: '巫溪县',
+    500240: '石柱土家族自治县',
+    500241: '秀山土家族苗族自治县',
+    500242: '酉阳土家族苗族自治县',
+    500243: '彭水苗族土家族自治县',
+    510000: '四川省',
+    510100: '成都市',
+    510101: '成都市市辖区',
+    510104: '锦江区',
+    510105: '青羊区',
+    510106: '金牛区',
+    510107: '武侯区',
+    510108: '成华区',
+    510112: '龙泉驿区',
+    510113: '青白江区',
+    510114: '新都区',
+    510115: '温江区',
+    510116: '双流区',
+    510117: '郫都区',
+    510121: '金堂县',
+    510129: '大邑县',
+    510131: '蒲江县',
+    510132: '新津县',
+    510181: '都江堰市',
+    510182: '彭州市',
+    510183: '邛崃市',
+    510184: '崇州市',
+    510185: '简阳市',
+    510300: '自贡市',
+    510301: '自贡市市辖区',
+    510302: '自流井区',
+    510303: '贡井区',
+    510304: '大安区',
+    510311: '沿滩区',
+    510321: '荣县',
+    510322: '富顺县',
+    510400: '攀枝花市',
+    510401: '攀枝花市市辖区',
+    510402: '东区',
+    510403: '西区',
+    510411: '仁和区',
+    510421: '米易县',
+    510422: '盐边县',
+    510500: '泸州市',
+    510501: '泸州市市辖区',
+    510502: '江阳区',
+    510503: '纳溪区',
+    510504: '龙马潭区',
+    510521: '泸县',
+    510522: '合江县',
+    510524: '叙永县',
+    510525: '古蔺县',
+    510600: '德阳市',
+    510601: '德阳市市辖区',
+    510603: '旌阳区',
+    510604: '罗江区',
+    510623: '中江县',
+    510681: '广汉市',
+    510682: '什邡市',
+    510683: '绵竹市',
+    510700: '绵阳市',
+    510701: '绵阳市市辖区',
+    510703: '涪城区',
+    510704: '游仙区',
+    510705: '安州区',
+    510722: '三台县',
+    510723: '盐亭县',
+    510725: '梓潼县',
+    510726: '北川羌族自治县',
+    510727: '平武县',
+    510781: '江油市',
+    510800: '广元市',
+    510801: '广元市市辖区',
+    510802: '利州区',
+    510811: '昭化区',
+    510812: '朝天区',
+    510821: '旺苍县',
+    510822: '青川县',
+    510823: '剑阁县',
+    510824: '苍溪县',
+    510900: '遂宁市',
+    510901: '遂宁市市辖区',
+    510903: '船山区',
+    510904: '安居区',
+    510921: '蓬溪县',
+    510922: '射洪县',
+    510923: '大英县',
+    511000: '内江市',
+    511001: '内江市市辖区',
+    511002: '市中区',
+    511011: '东兴区',
+    511024: '威远县',
+    511025: '资中县',
+    511083: '隆昌市',
+    511100: '乐山市',
+    511101: '乐山市市辖区',
+    511102: '市中区',
+    511111: '沙湾区',
+    511112: '五通桥区',
+    511113: '金口河区',
+    511123: '犍为县',
+    511124: '井研县',
+    511126: '夹江县',
+    511129: '沐川县',
+    511132: '峨边彝族自治县',
+    511133: '马边彝族自治县',
+    511181: '峨眉山市',
+    511300: '南充市',
+    511301: '南充市市辖区',
+    511302: '顺庆区',
+    511303: '高坪区',
+    511304: '嘉陵区',
+    511321: '南部县',
+    511322: '营山县',
+    511323: '蓬安县',
+    511324: '仪陇县',
+    511325: '西充县',
+    511381: '阆中市',
+    511400: '眉山市',
+    511401: '眉山市市辖区',
+    511402: '东坡区',
+    511403: '彭山区',
+    511421: '仁寿县',
+    511423: '洪雅县',
+    511424: '丹棱县',
+    511425: '青神县',
+    511500: '宜宾市',
+    511501: '宜宾市市辖区',
+    511502: '翠屏区',
+    511503: '南溪区',
+    511504: '叙州区',
+    511523: '江安县',
+    511524: '长宁县',
+    511525: '高县',
+    511526: '珙县',
+    511527: '筠连县',
+    511528: '兴文县',
+    511529: '屏山县',
+    511600: '广安市',
+    511601: '广安市市辖区',
+    511602: '广安区',
+    511603: '前锋区',
+    511621: '岳池县',
+    511622: '武胜县',
+    511623: '邻水县',
+    511681: '华蓥市',
+    511700: '达州市',
+    511701: '达州市市辖区',
+    511702: '通川区',
+    511703: '达川区',
+    511722: '宣汉县',
+    511723: '开江县',
+    511724: '大竹县',
+    511725: '渠县',
+    511781: '万源市',
+    511800: '雅安市',
+    511801: '雅安市市辖区',
+    511802: '雨城区',
+    511803: '名山区',
+    511822: '荥经县',
+    511823: '汉源县',
+    511824: '石棉县',
+    511825: '天全县',
+    511826: '芦山县',
+    511827: '宝兴县',
+    511900: '巴中市',
+    511901: '巴中市市辖区',
+    511902: '巴州区',
+    511903: '恩阳区',
+    511921: '通江县',
+    511922: '南江县',
+    511923: '平昌县',
+    512000: '资阳市',
+    512001: '资阳市市辖区',
+    512002: '雁江区',
+    512021: '安岳县',
+    512022: '乐至县',
+    513200: '阿坝藏族羌族自治州',
+    513201: '马尔康市',
+    513221: '汶川县',
+    513222: '理县',
+    513223: '茂县',
+    513224: '松潘县',
+    513225: '九寨沟县',
+    513226: '金川县',
+    513227: '小金县',
+    513228: '黑水县',
+    513230: '壤塘县',
+    513231: '阿坝县',
+    513232: '若尔盖县',
+    513233: '红原县',
+    513300: '甘孜藏族自治州',
+    513301: '康定市',
+    513322: '泸定县',
+    513323: '丹巴县',
+    513324: '九龙县',
+    513325: '雅江县',
+    513326: '道孚县',
+    513327: '炉霍县',
+    513328: '甘孜县',
+    513329: '新龙县',
+    513330: '德格县',
+    513331: '白玉县',
+    513332: '石渠县',
+    513333: '色达县',
+    513334: '理塘县',
+    513335: '巴塘县',
+    513336: '乡城县',
+    513337: '稻城县',
+    513338: '得荣县',
+    513400: '凉山彝族自治州',
+    513401: '西昌市',
+    513422: '木里藏族自治县',
+    513423: '盐源县',
+    513424: '德昌县',
+    513425: '会理县',
+    513426: '会东县',
+    513427: '宁南县',
+    513428: '普格县',
+    513429: '布拖县',
+    513430: '金阳县',
+    513431: '昭觉县',
+    513432: '喜德县',
+    513433: '冕宁县',
+    513434: '越西县',
+    513435: '甘洛县',
+    513436: '美姑县',
+    513437: '雷波县',
+    520000: '贵州省',
+    520100: '贵阳市',
+    520101: '贵阳市市辖区',
+    520102: '南明区',
+    520103: '云岩区',
+    520111: '花溪区',
+    520112: '乌当区',
+    520113: '白云区',
+    520115: '观山湖区',
+    520121: '开阳县',
+    520122: '息烽县',
+    520123: '修文县',
+    520181: '清镇市',
+    520200: '六盘水市',
+    520201: '钟山区',
+    520203: '六枝特区',
+    520221: '水城县',
+    520281: '盘州市',
+    520300: '遵义市',
+    520301: '遵义市市辖区',
+    520302: '红花岗区',
+    520303: '汇川区',
+    520304: '播州区',
+    520322: '桐梓县',
+    520323: '绥阳县',
+    520324: '正安县',
+    520325: '道真仡佬族苗族自治县',
+    520326: '务川仡佬族苗族自治县',
+    520327: '凤冈县',
+    520328: '湄潭县',
+    520329: '余庆县',
+    520330: '习水县',
+    520381: '赤水市',
+    520382: '仁怀市',
+    520400: '安顺市',
+    520401: '安顺市市辖区',
+    520402: '西秀区',
+    520403: '平坝区',
+    520422: '普定县',
+    520423: '镇宁布依族苗族自治县',
+    520424: '关岭布依族苗族自治县',
+    520425: '紫云苗族布依族自治县',
+    520500: '毕节市',
+    520502: '七星关区',
+    520521: '大方县',
+    520522: '黔西县',
+    520523: '金沙县',
+    520524: '织金县',
+    520525: '纳雍县',
+    520526: '威宁彝族回族苗族自治县',
+    520527: '赫章县',
+    520600: '铜仁市',
+    520602: '碧江区',
+    520603: '万山区',
+    520621: '江口县',
+    520622: '玉屏侗族自治县',
+    520623: '石阡县',
+    520624: '思南县',
+    520625: '印江土家族苗族自治县',
+    520626: '德江县',
+    520627: '沿河土家族自治县',
+    520628: '松桃苗族自治县',
+    522300: '黔西南布依族苗族自治州',
+    522301: '兴义市',
+    522302: '兴仁市',
+    522323: '普安县',
+    522324: '晴隆县',
+    522325: '贞丰县',
+    522326: '望谟县',
+    522327: '册亨县',
+    522328: '安龙县',
+    522600: '黔东南苗族侗族自治州',
+    522601: '凯里市',
+    522622: '黄平县',
+    522623: '施秉县',
+    522624: '三穗县',
+    522625: '镇远县',
+    522626: '岑巩县',
+    522627: '天柱县',
+    522628: '锦屏县',
+    522629: '剑河县',
+    522630: '台江县',
+    522631: '黎平县',
+    522632: '榕江县',
+    522633: '从江县',
+    522634: '雷山县',
+    522635: '麻江县',
+    522636: '丹寨县',
+    522700: '黔南布依族苗族自治州',
+    522701: '都匀市',
+    522702: '福泉市',
+    522722: '荔波县',
+    522723: '贵定县',
+    522725: '瓮安县',
+    522726: '独山县',
+    522727: '平塘县',
+    522728: '罗甸县',
+    522729: '长顺县',
+    522730: '龙里县',
+    522731: '惠水县',
+    522732: '三都水族自治县',
+    530000: '云南省',
+    530100: '昆明市',
+    530101: '昆明市市辖区',
+    530102: '五华区',
+    530103: '盘龙区',
+    530111: '官渡区',
+    530112: '西山区',
+    530113: '东川区',
+    530114: '呈贡区',
+    530115: '晋宁区',
+    530124: '富民县',
+    530125: '宜良县',
+    530126: '石林彝族自治县',
+    530127: '嵩明县',
+    530128: '禄劝彝族苗族自治县',
+    530129: '寻甸回族彝族自治县',
+    530181: '安宁市',
+    530300: '曲靖市',
+    530301: '曲靖市市辖区',
+    530302: '麒麟区',
+    530303: '沾益区',
+    530304: '马龙区',
+    530322: '陆良县',
+    530323: '师宗县',
+    530324: '罗平县',
+    530325: '富源县',
+    530326: '会泽县',
+    530381: '宣威市',
+    530400: '玉溪市',
+    530401: '玉溪市市辖区',
+    530402: '红塔区',
+    530403: '江川区',
+    530422: '澄江县',
+    530423: '通海县',
+    530424: '华宁县',
+    530425: '易门县',
+    530426: '峨山彝族自治县',
+    530427: '新平彝族傣族自治县',
+    530428: '元江哈尼族彝族傣族自治县',
+    530500: '保山市',
+    530501: '保山市市辖区',
+    530502: '隆阳区',
+    530521: '施甸县',
+    530523: '龙陵县',
+    530524: '昌宁县',
+    530581: '腾冲市',
+    530600: '昭通市',
+    530601: '昭通市市辖区',
+    530602: '昭阳区',
+    530621: '鲁甸县',
+    530622: '巧家县',
+    530623: '盐津县',
+    530624: '大关县',
+    530625: '永善县',
+    530626: '绥江县',
+    530627: '镇雄县',
+    530628: '彝良县',
+    530629: '威信县',
+    530681: '水富市',
+    530700: '丽江市',
+    530701: '丽江市市辖区',
+    530702: '古城区',
+    530721: '玉龙纳西族自治县',
+    530722: '永胜县',
+    530723: '华坪县',
+    530724: '宁蒗彝族自治县',
+    530800: '普洱市',
+    530801: '普洱市市辖区',
+    530802: '思茅区',
+    530821: '宁洱哈尼族彝族自治县',
+    530822: '墨江哈尼族自治县',
+    530823: '景东彝族自治县',
+    530824: '景谷傣族彝族自治县',
+    530825: '镇沅彝族哈尼族拉祜族自治县',
+    530826: '江城哈尼族彝族自治县',
+    530827: '孟连傣族拉祜族佤族自治县',
+    530828: '澜沧拉祜族自治县',
+    530829: '西盟佤族自治县',
+    530900: '临沧市',
+    530901: '临沧市市辖区',
+    530902: '临翔区',
+    530921: '凤庆县',
+    530922: '云县',
+    530923: '永德县',
+    530924: '镇康县',
+    530925: '双江拉祜族佤族布朗族傣族自治县',
+    530926: '耿马傣族佤族自治县',
+    530927: '沧源佤族自治县',
+    532300: '楚雄彝族自治州',
+    532301: '楚雄市',
+    532322: '双柏县',
+    532323: '牟定县',
+    532324: '南华县',
+    532325: '姚安县',
+    532326: '大姚县',
+    532327: '永仁县',
+    532328: '元谋县',
+    532329: '武定县',
+    532331: '禄丰县',
+    532500: '红河哈尼族彝族自治州',
+    532501: '个旧市',
+    532502: '开远市',
+    532503: '蒙自市',
+    532504: '弥勒市',
+    532523: '屏边苗族自治县',
+    532524: '建水县',
+    532525: '石屏县',
+    532527: '泸西县',
+    532528: '元阳县',
+    532529: '红河县',
+    532530: '金平苗族瑶族傣族自治县',
+    532531: '绿春县',
+    532532: '河口瑶族自治县',
+    532600: '文山壮族苗族自治州',
+    532601: '文山市',
+    532622: '砚山县',
+    532623: '西畴县',
+    532624: '麻栗坡县',
+    532625: '马关县',
+    532626: '丘北县',
+    532627: '广南县',
+    532628: '富宁县',
+    532800: '西双版纳傣族自治州',
+    532801: '景洪市',
+    532822: '勐海县',
+    532823: '勐腊县',
+    532900: '大理白族自治州',
+    532901: '大理市',
+    532922: '漾濞彝族自治县',
+    532923: '祥云县',
+    532924: '宾川县',
+    532925: '弥渡县',
+    532926: '南涧彝族自治县',
+    532927: '巍山彝族回族自治县',
+    532928: '永平县',
+    532929: '云龙县',
+    532930: '洱源县',
+    532931: '剑川县',
+    532932: '鹤庆县',
+    533100: '德宏傣族景颇族自治州',
+    533102: '瑞丽市',
+    533103: '芒市',
+    533122: '梁河县',
+    533123: '盈江县',
+    533124: '陇川县',
+    533300: '怒江傈僳族自治州',
+    533301: '泸水市',
+    533323: '福贡县',
+    533324: '贡山独龙族怒族自治县',
+    533325: '兰坪白族普米族自治县',
+    533400: '迪庆藏族自治州',
+    533401: '香格里拉市',
+    533422: '德钦县',
+    533423: '维西傈僳族自治县',
+    540000: '西藏自治区',
+    540100: '拉萨市',
+    540101: '拉萨市市辖区',
+    540102: '城关区',
+    540103: '堆龙德庆区',
+    540104: '达孜区',
+    540121: '林周县',
+    540122: '当雄县',
+    540123: '尼木县',
+    540124: '曲水县',
+    540127: '墨竹工卡县',
+    540200: '日喀则市',
+    540202: '桑珠孜区',
+    540221: '南木林县',
+    540222: '江孜县',
+    540223: '定日县',
+    540224: '萨迦县',
+    540225: '拉孜县',
+    540226: '昂仁县',
+    540227: '谢通门县',
+    540228: '白朗县',
+    540229: '仁布县',
+    540230: '康马县',
+    540231: '定结县',
+    540232: '仲巴县',
+    540233: '亚东县',
+    540234: '吉隆县',
+    540235: '聂拉木县',
+    540236: '萨嘎县',
+    540237: '岗巴县',
+    540300: '昌都市',
+    540302: '卡若区',
+    540321: '江达县',
+    540322: '贡觉县',
+    540323: '类乌齐县',
+    540324: '丁青县',
+    540325: '察雅县',
+    540326: '八宿县',
+    540327: '左贡县',
+    540328: '芒康县',
+    540329: '洛隆县',
+    540330: '边坝县',
+    540400: '林芝市',
+    540402: '巴宜区',
+    540421: '工布江达县',
+    540422: '米林县',
+    540423: '墨脱县',
+    540424: '波密县',
+    540425: '察隅县',
+    540426: '朗县',
+    540500: '山南市',
+    540502: '乃东区',
+    540521: '扎囊县',
+    540522: '贡嘎县',
+    540523: '桑日县',
+    540524: '琼结县',
+    540525: '曲松县',
+    540526: '措美县',
+    540527: '洛扎县',
+    540528: '加查县',
+    540529: '隆子县',
+    540530: '错那县',
+    540531: '浪卡子县',
+    540600: '那曲市',
+    540602: '色尼区',
+    540621: '嘉黎县',
+    540622: '比如县',
+    540623: '聂荣县',
+    540624: '安多县',
+    540625: '申扎县',
+    540626: '索县',
+    540627: '班戈县',
+    540628: '巴青县',
+    540629: '尼玛县',
+    540630: '双湖县',
+    542500: '阿里地区',
+    542521: '普兰县',
+    542522: '札达县',
+    542523: '噶尔县',
+    542524: '日土县',
+    542525: '革吉县',
+    542526: '改则县',
+    542527: '措勤县',
+    610000: '陕西省',
+    610100: '西安市',
+    610101: '西安市市辖区',
+    610102: '新城区',
+    610103: '碑林区',
+    610104: '莲湖区',
+    610111: '灞桥区',
+    610112: '未央区',
+    610113: '雁塔区',
+    610114: '阎良区',
+    610115: '临潼区',
+    610116: '长安区',
+    610117: '高陵区',
+    610118: '鄠邑区',
+    610122: '蓝田县',
+    610124: '周至县',
+    610200: '铜川市',
+    610201: '铜川市市辖区',
+    610202: '王益区',
+    610203: '印台区',
+    610204: '耀州区',
+    610222: '宜君县',
+    610300: '宝鸡市',
+    610301: '宝鸡市市辖区',
+    610302: '渭滨区',
+    610303: '金台区',
+    610304: '陈仓区',
+    610322: '凤翔县',
+    610323: '岐山县',
+    610324: '扶风县',
+    610326: '眉县',
+    610327: '陇县',
+    610328: '千阳县',
+    610329: '麟游县',
+    610330: '凤县',
+    610331: '太白县',
+    610400: '咸阳市',
+    610401: '咸阳市市辖区',
+    610402: '秦都区',
+    610403: '杨陵区',
+    610404: '渭城区',
+    610422: '三原县',
+    610423: '泾阳县',
+    610424: '乾县',
+    610425: '礼泉县',
+    610426: '永寿县',
+    610428: '长武县',
+    610429: '旬邑县',
+    610430: '淳化县',
+    610431: '武功县',
+    610481: '兴平市',
+    610482: '彬州市',
+    610500: '渭南市',
+    610501: '渭南市市辖区',
+    610502: '临渭区',
+    610503: '华州区',
+    610522: '潼关县',
+    610523: '大荔县',
+    610524: '合阳县',
+    610525: '澄城县',
+    610526: '蒲城县',
+    610527: '白水县',
+    610528: '富平县',
+    610581: '韩城市',
+    610582: '华阴市',
+    610600: '延安市',
+    610601: '延安市市辖区',
+    610602: '宝塔区',
+    610603: '安塞区',
+    610621: '延长县',
+    610622: '延川县',
+    610623: '子长县',
+    610625: '志丹县',
+    610626: '吴起县',
+    610627: '甘泉县',
+    610628: '富县',
+    610629: '洛川县',
+    610630: '宜川县',
+    610631: '黄龙县',
+    610632: '黄陵县',
+    610700: '汉中市',
+    610701: '汉中市市辖区',
+    610702: '汉台区',
+    610703: '南郑区',
+    610722: '城固县',
+    610723: '洋县',
+    610724: '西乡县',
+    610725: '勉县',
+    610726: '宁强县',
+    610727: '略阳县',
+    610728: '镇巴县',
+    610729: '留坝县',
+    610730: '佛坪县',
+    610800: '榆林市',
+    610801: '榆林市市辖区',
+    610802: '榆阳区',
+    610803: '横山区',
+    610822: '府谷县',
+    610824: '靖边县',
+    610825: '定边县',
+    610826: '绥德县',
+    610827: '米脂县',
+    610828: '佳县',
+    610829: '吴堡县',
+    610830: '清涧县',
+    610831: '子洲县',
+    610881: '神木市',
+    610900: '安康市',
+    610901: '安康市市辖区',
+    610902: '汉滨区',
+    610921: '汉阴县',
+    610922: '石泉县',
+    610923: '宁陕县',
+    610924: '紫阳县',
+    610925: '岚皋县',
+    610926: '平利县',
+    610927: '镇坪县',
+    610928: '旬阳县',
+    610929: '白河县',
+    611000: '商洛市',
+    611001: '商洛市市辖区',
+    611002: '商州区',
+    611021: '洛南县',
+    611022: '丹凤县',
+    611023: '商南县',
+    611024: '山阳县',
+    611025: '镇安县',
+    611026: '柞水县',
+    620000: '甘肃省',
+    620100: '兰州市',
+    620101: '兰州市市辖区',
+    620102: '城关区',
+    620103: '七里河区',
+    620104: '西固区',
+    620105: '安宁区',
+    620111: '红古区',
+    620121: '永登县',
+    620122: '皋兰县',
+    620123: '榆中县',
+    620200: '嘉峪关市',
+    620201: '嘉峪关市市辖区',
+    620300: '金昌市',
+    620301: '金昌市市辖区',
+    620302: '金川区',
+    620321: '永昌县',
+    620400: '白银市',
+    620401: '白银市市辖区',
+    620402: '白银区',
+    620403: '平川区',
+    620421: '靖远县',
+    620422: '会宁县',
+    620423: '景泰县',
+    620500: '天水市',
+    620501: '天水市市辖区',
+    620502: '秦州区',
+    620503: '麦积区',
+    620521: '清水县',
+    620522: '秦安县',
+    620523: '甘谷县',
+    620524: '武山县',
+    620525: '张家川回族自治县',
+    620600: '武威市',
+    620601: '武威市市辖区',
+    620602: '凉州区',
+    620621: '民勤县',
+    620622: '古浪县',
+    620623: '天祝藏族自治县',
+    620700: '张掖市',
+    620701: '张掖市市辖区',
+    620702: '甘州区',
+    620721: '肃南裕固族自治县',
+    620722: '民乐县',
+    620723: '临泽县',
+    620724: '高台县',
+    620725: '山丹县',
+    620800: '平凉市',
+    620801: '平凉市市辖区',
+    620802: '崆峒区',
+    620821: '泾川县',
+    620822: '灵台县',
+    620823: '崇信县',
+    620825: '庄浪县',
+    620826: '静宁县',
+    620881: '华亭市',
+    620900: '酒泉市',
+    620901: '酒泉市市辖区',
+    620902: '肃州区',
+    620921: '金塔县',
+    620922: '瓜州县',
+    620923: '肃北蒙古族自治县',
+    620924: '阿克塞哈萨克族自治县',
+    620981: '玉门市',
+    620982: '敦煌市',
+    621000: '庆阳市',
+    621001: '庆阳市市辖区',
+    621002: '西峰区',
+    621021: '庆城县',
+    621022: '环县',
+    621023: '华池县',
+    621024: '合水县',
+    621025: '正宁县',
+    621026: '宁县',
+    621027: '镇原县',
+    621100: '定西市',
+    621101: '定西市市辖区',
+    621102: '安定区',
+    621121: '通渭县',
+    621122: '陇西县',
+    621123: '渭源县',
+    621124: '临洮县',
+    621125: '漳县',
+    621126: '岷县',
+    621200: '陇南市',
+    621201: '陇南市市辖区',
+    621202: '武都区',
+    621221: '成县',
+    621222: '文县',
+    621223: '宕昌县',
+    621224: '康县',
+    621225: '西和县',
+    621226: '礼县',
+    621227: '徽县',
+    621228: '两当县',
+    622900: '临夏回族自治州',
+    622901: '临夏市',
+    622921: '临夏县',
+    622922: '康乐县',
+    622923: '永靖县',
+    622924: '广河县',
+    622925: '和政县',
+    622926: '东乡族自治县',
+    622927: '积石山保安族东乡族撒拉族自治县',
+    623000: '甘南藏族自治州',
+    623001: '合作市',
+    623021: '临潭县',
+    623022: '卓尼县',
+    623023: '舟曲县',
+    623024: '迭部县',
+    623025: '玛曲县',
+    623026: '碌曲县',
+    623027: '夏河县',
+    630000: '青海省',
+    630100: '西宁市',
+    630101: '西宁市市辖区',
+    630102: '城东区',
+    630103: '城中区',
+    630104: '城西区',
+    630105: '城北区',
+    630121: '大通回族土族自治县',
+    630122: '湟中县',
+    630123: '湟源县',
+    630200: '海东市',
+    630202: '乐都区',
+    630203: '平安区',
+    630222: '民和回族土族自治县',
+    630223: '互助土族自治县',
+    630224: '化隆回族自治县',
+    630225: '循化撒拉族自治县',
+    632200: '海北藏族自治州',
+    632221: '门源回族自治县',
+    632222: '祁连县',
+    632223: '海晏县',
+    632224: '刚察县',
+    632300: '黄南藏族自治州',
+    632321: '同仁县',
+    632322: '尖扎县',
+    632323: '泽库县',
+    632324: '河南蒙古族自治县',
+    632500: '海南藏族自治州',
+    632521: '共和县',
+    632522: '同德县',
+    632523: '贵德县',
+    632524: '兴海县',
+    632525: '贵南县',
+    632600: '果洛藏族自治州',
+    632621: '玛沁县',
+    632622: '班玛县',
+    632623: '甘德县',
+    632624: '达日县',
+    632625: '久治县',
+    632626: '玛多县',
+    632700: '玉树藏族自治州',
+    632701: '玉树市',
+    632722: '杂多县',
+    632723: '称多县',
+    632724: '治多县',
+    632725: '囊谦县',
+    632726: '曲麻莱县',
+    632800: '海西蒙古族藏族自治州',
+    632801: '格尔木市',
+    632802: '德令哈市',
+    632803: '茫崖市',
+    632821: '乌兰县',
+    632822: '都兰县',
+    632823: '天峻县',
+    632825: '海西蒙古族藏族自治州直辖',
+    640000: '宁夏回族自治区',
+    640100: '银川市',
+    640101: '银川市市辖区',
+    640104: '兴庆区',
+    640105: '西夏区',
+    640106: '金凤区',
+    640121: '永宁县',
+    640122: '贺兰县',
+    640181: '灵武市',
+    640200: '石嘴山市',
+    640201: '石嘴山市市辖区',
+    640202: '大武口区',
+    640205: '惠农区',
+    640221: '平罗县',
+    640300: '吴忠市',
+    640301: '吴忠市市辖区',
+    640302: '利通区',
+    640303: '红寺堡区',
+    640323: '盐池县',
+    640324: '同心县',
+    640381: '青铜峡市',
+    640400: '固原市',
+    640401: '固原市市辖区',
+    640402: '原州区',
+    640422: '西吉县',
+    640423: '隆德县',
+    640424: '泾源县',
+    640425: '彭阳县',
+    640500: '中卫市',
+    640501: '中卫市市辖区',
+    640502: '沙坡头区',
+    640521: '中宁县',
+    640522: '海原县',
+    650000: '新疆维吾尔自治区',
+    650100: '乌鲁木齐市',
+    650101: '乌鲁木齐市市辖区',
+    650102: '天山区',
+    650103: '沙依巴克区',
+    650104: '新市区',
+    650105: '水磨沟区',
+    650106: '头屯河区',
+    650107: '达坂城区',
+    650109: '米东区',
+    650121: '乌鲁木齐县',
+    650200: '克拉玛依市',
+    650201: '克拉玛依市市辖区',
+    650202: '独山子区',
+    650203: '克拉玛依区',
+    650204: '白碱滩区',
+    650205: '乌尔禾区',
+    650400: '吐鲁番市',
+    650402: '高昌区',
+    650421: '鄯善县',
+    650422: '托克逊县',
+    650500: '哈密市',
+    650502: '伊州区',
+    650521: '巴里坤哈萨克自治县',
+    650522: '伊吾县',
+    652300: '昌吉回族自治州',
+    652301: '昌吉市',
+    652302: '阜康市',
+    652323: '呼图壁县',
+    652324: '玛纳斯县',
+    652325: '奇台县',
+    652327: '吉木萨尔县',
+    652328: '木垒哈萨克自治县',
+    652700: '博尔塔拉蒙古自治州',
+    652701: '博乐市',
+    652702: '阿拉山口市',
+    652722: '精河县',
+    652723: '温泉县',
+    652800: '巴音郭楞蒙古自治州',
+    652801: '库尔勒市',
+    652822: '轮台县',
+    652823: '尉犁县',
+    652824: '若羌县',
+    652825: '且末县',
+    652826: '焉耆回族自治县',
+    652827: '和静县',
+    652828: '和硕县',
+    652829: '博湖县',
+    652900: '阿克苏地区',
+    652901: '阿克苏市',
+    652922: '温宿县',
+    652923: '库车县',
+    652924: '沙雅县',
+    652925: '新和县',
+    652926: '拜城县',
+    652927: '乌什县',
+    652928: '阿瓦提县',
+    652929: '柯坪县',
+    653000: '克孜勒苏柯尔克孜自治州',
+    653001: '阿图什市',
+    653022: '阿克陶县',
+    653023: '阿合奇县',
+    653024: '乌恰县',
+    653100: '喀什地区',
+    653101: '喀什市',
+    653121: '疏附县',
+    653122: '疏勒县',
+    653123: '英吉沙县',
+    653124: '泽普县',
+    653125: '莎车县',
+    653126: '叶城县',
+    653127: '麦盖提县',
+    653128: '岳普湖县',
+    653129: '伽师县',
+    653130: '巴楚县',
+    653131: '塔什库尔干塔吉克自治县',
+    653200: '和田地区',
+    653201: '和田市',
+    653221: '和田县',
+    653222: '墨玉县',
+    653223: '皮山县',
+    653224: '洛浦县',
+    653225: '策勒县',
+    653226: '于田县',
+    653227: '民丰县',
+    654000: '伊犁哈萨克自治州',
+    654002: '伊宁市',
+    654003: '奎屯市',
+    654004: '霍尔果斯市',
+    654021: '伊宁县',
+    654022: '察布查尔锡伯自治县',
+    654023: '霍城县',
+    654024: '巩留县',
+    654025: '新源县',
+    654026: '昭苏县',
+    654027: '特克斯县',
+    654028: '尼勒克县',
+    654200: '塔城地区',
+    654201: '塔城市',
+    654202: '乌苏市',
+    654221: '额敏县',
+    654223: '沙湾县',
+    654224: '托里县',
+    654225: '裕民县',
+    654226: '和布克赛尔蒙古自治县',
+    654300: '阿勒泰地区',
+    654301: '阿勒泰市',
+    654321: '布尔津县',
+    654322: '富蕴县',
+    654323: '福海县',
+    654324: '哈巴河县',
+    654325: '青河县',
+    654326: '吉木乃县',
+    659001: '石河子市',
+    659002: '阿拉尔市',
+    659003: '图木舒克市',
+    659004: '五家渠市',
+    659005: '北屯市',
+    659006: '铁门关市',
+    659007: '双河市',
+    659008: '可克达拉市',
+    659009: '昆玉市',
+    710000: '台湾省',
+    810000: '香港特别行政区',
+    810001: '中西区',
+    810002: '湾仔区',
+    810003: '东区',
+    810004: '南区',
+    810005: '油尖旺区',
+    810006: '深水埗区',
+    810007: '九龙城区',
+    810008: '黄大仙区',
+    810009: '观塘区',
+    810010: '荃湾区',
+    810011: '屯门区',
+    810012: '元朗区',
+    810013: '北区',
+    810014: '大埔区',
+    810015: '西贡区',
+    810016: '沙田区',
+    810017: '葵青区',
+    810018: '离岛区',
+    820000: '澳门特别行政区',
+    820001: '花地玛堂区',
+    820002: '花王堂区',
+    820003: '望德堂区',
+    820004: '大堂区',
+    820005: '风顺堂区',
+    820006: '嘉模堂区',
+    820007: '路凼填海区',
+    820008: '圣方济各堂区'
 };
 
-export const province:Array<number> = [];
-export const city:{
-    [propName:number]: Array<number>
+export const province: Array<number> = [];
+export const city: {
+    [propName: number]: Array<number>;
 } = {};
-export const district:{
-    [propName:number]: {
-        [propName:number]: Array<number>
-    } | Array<number>;
+export const district: {
+    [propName: number]:
+        | {
+              [propName: number]: Array<number>;
+          }
+        | Array<number>;
 } = {};
 
 Object.keys(db).forEach(key => {
@@ -3557,7 +3559,7 @@ Object.keys(db).forEach(key => {
     } else if (!(code % 100)) {
         const provinceCode = code - (code % 10000);
         city[provinceCode].push(code);
-        district[provinceCode] = (district[provinceCode] || {})
+        district[provinceCode] = district[provinceCode] || {};
         district[provinceCode][code] = [];
     } else {
         const provinceCode = code - (code % 10000);
@@ -3566,7 +3568,7 @@ Object.keys(db).forEach(key => {
         if (district[provinceCode] && Array.isArray(district[provinceCode][cityCode])) {
             (district[provinceCode][cityCode] as Array<number>).push(code);
         } else if (!district[provinceCode] || Array.isArray(district[provinceCode])) {
-            district[provinceCode] = (district[provinceCode] || []);
+            district[provinceCode] = district[provinceCode] || [];
             (district[provinceCode] as Array<number>).push(code);
         } else {
             city[provinceCode].push(code);
@@ -3574,4 +3576,4 @@ Object.keys(db).forEach(key => {
     }
 });
 
-export default db;
\ No newline at end of file
+export default db;
diff --git a/src/renderers/Form/Color.tsx b/src/renderers/Form/Color.tsx
index f16d9398d..4974f6a1b 100644
--- a/src/renderers/Form/Color.tsx
+++ b/src/renderers/Form/Color.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import ColorPicker from '../../components/ColorPicker';
 
@@ -10,43 +7,35 @@ export interface ColorProps extends FormControlProps {
     placeholder?: string;
     format?: string;
     timeConstrainst?: object;
-    closeOnSelect?:boolean;
+    closeOnSelect?: boolean;
     presetColors?: string[];
-};
+}
 
 export interface ColorControlState {
     open: boolean;
-};
+}
 
 export default class ColorControl extends React.PureComponent<ColorProps, ColorControlState> {
-    static defaultProps:Partial<ColorProps> = {
+    static defaultProps: Partial<ColorProps> = {
         format: 'hex',
         clearable: true
     };
-    state:ColorControlState = {
+    state: ColorControlState = {
         open: false
     };
-    
+
     render() {
-        const {
-            className,
-            classPrefix: ns,
-            ...rest
-        } = this.props;
+        const {className, classPrefix: ns, ...rest} = this.props;
 
         return (
             <div className={cx(`${ns}ColorControl`, className)}>
-                <ColorPicker
-                    classPrefix={ns}
-                    {...rest}
-                />
+                <ColorPicker classPrefix={ns} {...rest} />
             </div>
         );
     }
 }
 
 @FormItem({
-    type: 'color',
+    type: 'color'
 })
-export class ColorControlRenderer extends ColorControl {};
-
+export class ColorControlRenderer extends ColorControl {}
diff --git a/src/renderers/Form/Combo.tsx b/src/renderers/Form/Combo.tsx
index 7e8e16a6e..7cbb9e0a3 100644
--- a/src/renderers/Form/Combo.tsx
+++ b/src/renderers/Form/Combo.tsx
@@ -1,28 +1,17 @@
 import React from 'react';
-import {
-    findDOMNode
-} from 'react-dom';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
-import { Schema, Action, Api } from '../../types';
+import {findDOMNode} from 'react-dom';
+import {FormItem, FormControlProps} from './Item';
+import {Schema, Action, Api} from '../../types';
 import {ComboStore, IComboStore} from '../../store/combo';
-import { default as CTabs, Tab } from '../../components/Tabs';
+import {default as CTabs, Tab} from '../../components/Tabs';
 
-import {
-    guid,
-    anyChanged,
-    isObject,
-    createObject,
-    extendObject,
-    autobind} from '../../utils/helper';
+import {guid, anyChanged, isObject, createObject, extendObject, autobind} from '../../utils/helper';
 import Sortable = require('sortablejs');
-import { evalExpression, filter } from '../../utils/tpl';
+import {evalExpression, filter} from '../../utils/tpl';
 import find = require('lodash/find');
 import Select from '../../components/Select';
-import { dataMapping } from '../../utils/tpl-builtin';
-import { isEffectiveApi } from '../../utils/api';
+import {dataMapping} from '../../utils/tpl-builtin';
+import {isEffectiveApi} from '../../utils/api';
 
 export interface Condition {
     test: string;
@@ -49,14 +38,14 @@ export interface ComboProps extends FormControlProps {
     addable?: boolean;
     typeSwitchable?: boolean;
     removable?: boolean;
-    deleteApi?: Api,
+    deleteApi?: Api;
     deleteConfirmText?: string;
     canAccessSuperData?: boolean;
     subFormMode?: 'normal' | 'inline' | 'horizontal';
     noBorder?: boolean;
     joinValues?: boolean;
     delimiter?: string;
-    dragIcon: string,
+    dragIcon: string;
     deleteIcon: string;
     store: IComboStore;
     tabsMode: boolean;
@@ -66,8 +55,8 @@ export interface ComboProps extends FormControlProps {
         validateFailed?: string;
         minLengthValidateFailed?: string;
         maxLengthValidateFailed?: string;
-    }
-};
+    };
+}
 
 export default class ComboControl extends React.Component<ComboProps> {
     static defaultProps = {
@@ -88,32 +77,32 @@ export default class ComboControl extends React.Component<ComboProps> {
         tabsStyle: ''
     };
     static propsList: Array<string> = [
-        "minLength",
-        "maxLength",
-        "multiple",
-        "multiLine",
-        "addButtonClassName",
-        "subFormMode",
-        "draggableTip",
-        "addButtonText",
-        "draggable",
-        "scaffold",
-        "canAccessSuperData",
-        "addIcon",
-        "dragIcon",
-        "deleteIcon",
-        "noBorder",
-        "conditions",
-        "tabsMode",
-        "tabsStyle"
+        'minLength',
+        'maxLength',
+        'multiple',
+        'multiLine',
+        'addButtonClassName',
+        'subFormMode',
+        'draggableTip',
+        'addButtonText',
+        'draggable',
+        'scaffold',
+        'canAccessSuperData',
+        'addIcon',
+        'dragIcon',
+        'deleteIcon',
+        'noBorder',
+        'conditions',
+        'tabsMode',
+        'tabsStyle'
     ];
 
-    subForms:Array<any> = [];
+    subForms: Array<any> = [];
     keys: Array<string> = [];
     dragTip?: HTMLElement;
     sortable?: Sortable;
     defaultValue?: any;
-    constructor(props:ComboProps) {
+    constructor(props: ComboProps) {
         super(props);
 
         this.handleChange = this.handleChange.bind(this);
@@ -130,34 +119,24 @@ export default class ComboControl extends React.Component<ComboProps> {
     }
 
     componentWillMount() {
-        const {
-            store,
-            value,
-            minLength,
-            maxLength,
-            formItem
-        } = this.props;
+        const {store, value, minLength, maxLength, formItem} = this.props;
 
         store.config({
             minLength,
             maxLength,
-            length: this.getValueAsArray().length,
+            length: this.getValueAsArray().length
         });
 
         formItem && formItem.setSubStore(store);
     }
 
-    componentWillReceiveProps(nextProps:ComboProps) {
+    componentWillReceiveProps(nextProps: ComboProps) {
         const props = this.props;
 
         if (anyChanged(['minLength', 'maxLength', 'value'], props, nextProps)) {
-            const {
-                store,
-                minLength,
-                maxLength
-            } = nextProps;
+            const {store, minLength, maxLength} = nextProps;
             const values = this.getValueAsArray(nextProps);
-    
+
             store.config({
                 minLength,
                 maxLength,
@@ -171,19 +150,13 @@ export default class ComboControl extends React.Component<ComboProps> {
     }
 
     componentWillUnmount() {
-        const {
-            formItem
-        } = this.props;
+        const {formItem} = this.props;
 
         formItem && formItem.setSubStore(null);
     }
 
     getValueAsArray(props = this.props) {
-        const {
-            flat,
-            joinValues,
-            delimiter,
-        } = props;
+        const {flat, joinValues, delimiter} = props;
         let value = props.value;
 
         if (joinValues && flat && typeof value === 'string') {
@@ -196,14 +169,8 @@ export default class ComboControl extends React.Component<ComboProps> {
         return value;
     }
 
-    addItemWith(condition:Condition) {
-        const {
-            flat,
-            joinValues,
-            delimiter,
-            scaffold,
-            disabled
-        } = this.props;
+    addItemWith(condition: Condition) {
+        const {flat, joinValues, delimiter, scaffold, disabled} = this.props;
 
         if (disabled) {
             return;
@@ -211,9 +178,13 @@ export default class ComboControl extends React.Component<ComboProps> {
 
         let value = this.getValueAsArray();
 
-        value.push(flat ? condition.scaffold || scaffold || '' : {
-            ...condition.scaffold || scaffold
-        });
+        value.push(
+            flat
+                ? condition.scaffold || scaffold || ''
+                : {
+                      ...(condition.scaffold || scaffold)
+                  }
+        );
         this.keys.push(guid());
 
         if (flat && joinValues) {
@@ -224,13 +195,7 @@ export default class ComboControl extends React.Component<ComboProps> {
     }
 
     addItem() {
-        const {
-            flat,
-            joinValues,
-            delimiter,
-            scaffold,
-            disabled
-        } = this.props;
+        const {flat, joinValues, delimiter, scaffold, disabled} = this.props;
 
         if (disabled) {
             return;
@@ -238,9 +203,13 @@ export default class ComboControl extends React.Component<ComboProps> {
 
         let value = this.getValueAsArray();
 
-        value.push(flat ? scaffold || '' : {
-            ...scaffold
-        });
+        value.push(
+            flat
+                ? scaffold || ''
+                : {
+                      ...scaffold
+                  }
+        );
         this.keys.push(guid());
 
         if (flat && joinValues) {
@@ -250,17 +219,8 @@ export default class ComboControl extends React.Component<ComboProps> {
         this.props.onChange(value);
     }
 
-    async removeItem(key:number) {
-        const {
-            flat,
-            joinValues,
-            delimiter,
-            disabled,
-            deleteApi,
-            deleteConfirmText,
-            data,
-            env
-        } = this.props;
+    async removeItem(key: number) {
+        const {flat, joinValues, delimiter, disabled, deleteApi, deleteConfirmText, data, env} = this.props;
 
         if (disabled) {
             return;
@@ -268,11 +228,11 @@ export default class ComboControl extends React.Component<ComboProps> {
 
         let value = this.getValueAsArray();
         const ctx = createObject(data, value[key]);
-        
+
         if (isEffectiveApi(deleteApi, ctx)) {
-            
-            const confirmed = await env.confirm(deleteConfirmText ? filter(deleteConfirmText, ctx): '确认要删除？')
-            if (!confirmed) { // 如果不确认，则跳过！
+            const confirmed = await env.confirm(deleteConfirmText ? filter(deleteConfirmText, ctx) : '确认要删除？');
+            if (!confirmed) {
+                // 如果不确认，则跳过！
                 return;
             }
 
@@ -294,16 +254,8 @@ export default class ComboControl extends React.Component<ComboProps> {
         this.props.onChange(value);
     }
 
-    handleChange(index:number, values: any) {
-        const {
-            formItem,
-            flat,
-            store,
-            joinValues,
-            delimiter,
-            disabled,
-            validateOnChange
-        } = this.props;
+    handleChange(index: number, values: any) {
+        const {formItem, flat, store, joinValues, delimiter, disabled, validateOnChange} = this.props;
 
         if (disabled) {
             return;
@@ -325,22 +277,22 @@ export default class ComboControl extends React.Component<ComboProps> {
         store.forms.forEach(item => item.items.forEach(item => item.unique && item.syncOptions()));
     }
 
-    handleSingleFormChange(values:object) {
+    handleSingleFormChange(values: object) {
         this.props.onChange({
             ...values
         });
     }
 
-    handleSingleFormInit(values:any) {
-        this.props.syncDefaultValue !== false && this.props.setPrinstineValue && this.props.setPrinstineValue({
-            ...values
-        });
+    handleSingleFormInit(values: any) {
+        this.props.syncDefaultValue !== false &&
+            this.props.setPrinstineValue &&
+            this.props.setPrinstineValue({
+                ...values
+            });
     }
 
-    handleAction(action: Action):any {
-        const {
-            onAction
-        } = this.props;
+    handleAction(action: Action): any {
+        const {onAction} = this.props;
 
         if (action.actionType === 'delete') {
             action.index !== void 0 && this.removeItem(action.index);
@@ -350,37 +302,35 @@ export default class ComboControl extends React.Component<ComboProps> {
         onAction && onAction.apply(null, arguments);
     }
 
-    validate():any {
-        
-        const {
-            value,
-            minLength,
-            maxLength,
-            messages
-        } = this.props;
+    validate(): any {
+        const {value, minLength, maxLength, messages} = this.props;
 
         if (minLength && (!Array.isArray(value) || value.length < minLength)) {
-            return messages && messages.minLengthValidateFailed || `组合表单成员数量不够，低于设定的最小${minLength}个，请添加更多的成员。`;
+            return (
+                (messages && messages.minLengthValidateFailed) ||
+                `组合表单成员数量不够，低于设定的最小${minLength}个，请添加更多的成员。`
+            );
         } else if (maxLength && Array.isArray(value) && value.length > maxLength) {
-            return messages && messages.maxLengthValidateFailed || `组合表单成员数量超出，超出设定的最大${maxLength}个，请删除多余的成员。`;
+            return (
+                (messages && messages.maxLengthValidateFailed) ||
+                `组合表单成员数量超出，超出设定的最大${maxLength}个，请删除多余的成员。`
+            );
         } else if (this.subForms.length) {
-            return Promise
-                .all(this.subForms.map(item => item.validate()))
-                .then((values) => {
-                    if (~values.indexOf(false)) {
-                        return messages && messages.validateFailed || '子表单验证失败，请仔细检查';
-                    }
+            return Promise.all(this.subForms.map(item => item.validate())).then(values => {
+                if (~values.indexOf(false)) {
+                    return (messages && messages.validateFailed) || '子表单验证失败，请仔细检查';
+                }
 
-                    return;
-                })
+                return;
+            });
         }
     }
 
-    dragTipRef(ref:any) {
+    dragTipRef(ref: any) {
         if (!this.dragTip && ref) {
             this.initDragging();
         } else if (this.dragTip && !ref) {
-            this.destroyDragging()
+            this.destroyDragging();
         }
 
         this.dragTip = ref;
@@ -394,7 +344,7 @@ export default class ComboControl extends React.Component<ComboProps> {
             animation: 150,
             handle: `.${ns}Combo-itemDrager`,
             ghostClass: `${ns}Combo-item--dragging`,
-            onEnd: (e:any) => {
+            onEnd: (e: any) => {
                 // 没有移动
                 if (e.newIndex === e.oldIndex) {
                     return;
@@ -402,7 +352,7 @@ export default class ComboControl extends React.Component<ComboProps> {
 
                 // 换回来
                 const parent = e.to as HTMLElement;
-                if (e.oldIndex < parent.childNodes.length -1) {
+                if (e.oldIndex < parent.childNodes.length - 1) {
                     parent.insertBefore(e.item, parent.childNodes[e.oldIndex]);
                 } else {
                     parent.appendChild(e.item);
@@ -424,7 +374,7 @@ export default class ComboControl extends React.Component<ComboProps> {
         this.sortable && this.sortable.destroy();
     }
 
-    formRef(ref:any, index:number = 0) {
+    formRef(ref: any, index: number = 0) {
         if (ref) {
             while (ref && ref.getWrappedInstance) {
                 ref = ref.getWrappedInstance();
@@ -435,11 +385,8 @@ export default class ComboControl extends React.Component<ComboProps> {
         }
     }
 
-    formatValue(value:any, index:number) {
-        const {
-            flat,
-            data
-        } = this.props;
+    formatValue(value: any, index: number) {
+        const {flat, data} = this.props;
 
         if (flat) {
             value = {
@@ -451,22 +398,17 @@ export default class ComboControl extends React.Component<ComboProps> {
         return createObject(extendObject(data, {index, __index: index, ...data}), value);
     }
 
-    pickCondition(value:any):Condition {
-        const conditions:Array<Condition> = this.props.conditions as Array<Condition>;
-        return (find(conditions, (item) => item.test && evalExpression(item.test, value)) || conditions[0]) as Condition;
+    pickCondition(value: any): Condition {
+        const conditions: Array<Condition> = this.props.conditions as Array<Condition>;
+        return (find(conditions, item => item.test && evalExpression(item.test, value)) || conditions[0]) as Condition;
     }
 
-    handleComboTypeChange(index:number, selection:any) {
-        const {
-            multiple,
-            onChange,
-            value,
-            flat
-        } = this.props;
+    handleComboTypeChange(index: number, selection: any) {
+        const {multiple, onChange, value, flat} = this.props;
 
-        const conditions:Array<Condition> = this.props.conditions as Array<Condition>;
+        const conditions: Array<Condition> = this.props.conditions as Array<Condition>;
         const condition = find(conditions, item => item.label === selection.label);
-        
+
         if (!condition) {
             return;
         }
@@ -487,18 +429,14 @@ export default class ComboControl extends React.Component<ComboProps> {
     }
 
     @autobind
-    handleTabSelect(key:number) {
-        const {
-            store
-        } = this.props;
+    handleTabSelect(key: number) {
+        const {store} = this.props;
 
         store.setActiveKey(key);
     }
 
     renderPlaceholder() {
-        return (
-            <span className="text-muted">{this.props.placeholder || '没有数据'}</span>
-        );
+        return <span className="text-muted">{this.props.placeholder || '没有数据'}</span>;
     }
 
     renderTabsMode() {
@@ -532,9 +470,10 @@ export default class ComboControl extends React.Component<ComboProps> {
             value = value.split(delimiter || ',');
         }
 
-        const finnalRemovable = store.removable !== false // minLength ?
-            && !disabled // 控件自身是否禁用
-            && removable !== false; // 是否可以删除
+        const finnalRemovable =
+            store.removable !== false && // minLength ?
+            !disabled && // 控件自身是否禁用
+            removable !== false; // 是否可以删除
 
         if (!Array.isArray(value)) {
             return this.renderPlaceholder();
@@ -547,58 +486,64 @@ export default class ComboControl extends React.Component<ComboProps> {
                 mode={tabsStyle}
                 activeKey={store.activeKey}
                 handleSelect={this.handleTabSelect}
-                additionBtns={!disabled ? (
-                    <li className={cx(`Tabs-link`)}>
-                        {store.addable && addable !== false ? Array.isArray(conditions) && conditions.length ? (
-                            render('add-button', {
-                                type: 'dropdown-button',
-                                icon: addIcon,
-                                label: addButtonText || '新增',
-                                level: 'info',
-                                size: 'sm',
-                                closeOnClick: true
-                            }, {
-                                buttons: conditions.map(item => ({
-                                    label: item.label,
-                                    onClick: (e:any) => {
-                                        this.addItemWith(item)
-                                        return false;
-                                    }
-                                }))
-                            })
-                        ) : (
-                            <a
-                                onClick={this.addItem}
-                                data-tooltip="新增一条数据"
-                            >
-                                {addIcon ? (<i className={cx('m-r-xs', addIcon)} />) : null}
-                                <span>{addButtonText || '新增'}</span>
-                            </a>
-                        ) : null}
-                    </li>
-                ) : null}
+                additionBtns={
+                    !disabled ? (
+                        <li className={cx(`Tabs-link`)}>
+                            {store.addable && addable !== false ? (
+                                Array.isArray(conditions) && conditions.length ? (
+                                    render(
+                                        'add-button',
+                                        {
+                                            type: 'dropdown-button',
+                                            icon: addIcon,
+                                            label: addButtonText || '新增',
+                                            level: 'info',
+                                            size: 'sm',
+                                            closeOnClick: true
+                                        },
+                                        {
+                                            buttons: conditions.map(item => ({
+                                                label: item.label,
+                                                onClick: (e: any) => {
+                                                    this.addItemWith(item);
+                                                    return false;
+                                                }
+                                            }))
+                                        }
+                                    )
+                                ) : (
+                                    <a onClick={this.addItem} data-tooltip="新增一条数据">
+                                        {addIcon ? <i className={cx('m-r-xs', addIcon)} /> : null}
+                                        <span>{addButtonText || '新增'}</span>
+                                    </a>
+                                )
+                            ) : null}
+                        </li>
+                    ) : null
+                }
             >
                 {value.map((value, index) => {
                     const data = this.formatValue(value, index);
-                    let condition:Condition | null = null;
-            
+                    let condition: Condition | null = null;
+
                     if (Array.isArray(conditions) && conditions.length) {
                         condition = this.pickCondition(data);
                         controls = condition.controls;
                     }
 
-                    let finnalControls = flat ? [{
-                        ...controls && controls[0],
-                        name: 'flat'
-                    }] : controls;
+                    let finnalControls = flat
+                        ? [
+                              {
+                                  ...(controls && controls[0]),
+                                  name: 'flat'
+                              }
+                          ]
+                        : controls;
 
                     let toolbar = undefined;
                     if (
-                        finnalRemovable
-                        && ( // 表达式判断单条是否可删除
-                            !itemRemovableOn 
-                            || evalExpression(itemRemovableOn, value) !== false
-                        )
+                        finnalRemovable && // 表达式判断单条是否可删除
+                        (!itemRemovableOn || evalExpression(itemRemovableOn, value) !== false)
                     ) {
                         toolbar = (
                             <a
@@ -627,31 +572,38 @@ export default class ComboControl extends React.Component<ComboProps> {
                                     <label>类型</label>
                                     <Select
                                         onChange={this.handleComboTypeChange.bind(this, index)}
-                                        options={(conditions as Array<Condition>).map(item => ({label: item.label , value: item.label}))}
+                                        options={(conditions as Array<Condition>).map(item => ({
+                                            label: item.label,
+                                            value: item.label
+                                        }))}
                                         value={condition.label}
                                     />
                                 </div>
                             ) : null}
                             <div className={cx(`Combo-itemInner`)}>
-                                {render(`multiple/${index}`, {
-                                    type: 'form',
-                                    controls: finnalControls,
-                                    wrapperComponent: 'div',
-                                    wrapWithPanel: false,
-                                    mode: subFormMode,
-                                    className: cx(`Combo-form`, formClassName)
-                                }, {
-                                    index,
-                                    disabled,
-                                    data,
-                                    onChange: this.handleChange.bind(this, index),
-                                    onAction: this.handleAction,
-                                    ref: (ref:any) => this.formRef(ref, index),
-                                    canAccessSuperData
-                                })}
+                                {render(
+                                    `multiple/${index}`,
+                                    {
+                                        type: 'form',
+                                        controls: finnalControls,
+                                        wrapperComponent: 'div',
+                                        wrapWithPanel: false,
+                                        mode: subFormMode,
+                                        className: cx(`Combo-form`, formClassName)
+                                    },
+                                    {
+                                        index,
+                                        disabled,
+                                        data,
+                                        onChange: this.handleChange.bind(this, index),
+                                        onAction: this.handleAction,
+                                        ref: (ref: any) => this.formRef(ref, index),
+                                        canAccessSuperData
+                                    }
+                                )}
                             </div>
                         </Tab>
-                    )
+                    );
                 })}
             </CTabs>
         );
@@ -659,7 +611,7 @@ export default class ComboControl extends React.Component<ComboProps> {
 
     renderMultipe() {
         if (this.props.tabsMode) {
-            return this.renderTabsMode()
+            return this.renderTabsMode();
         }
 
         const {
@@ -696,136 +648,157 @@ export default class ComboControl extends React.Component<ComboProps> {
             value = value.split(delimiter || ',');
         }
 
-        const finnalRemovable = store.removable !== false // minLength ?
-            && !disabled // 控件自身是否禁用
-            && removable !== false; // 是否可以删除
+        const finnalRemovable =
+            store.removable !== false && // minLength ?
+            !disabled && // 控件自身是否禁用
+            removable !== false; // 是否可以删除
 
         return (
-            <div 
-                className={cx(`Combo Combo--multi`, multiLine ? `Combo--ver` : `Combo--hor`, noBorder ? `Combo--noBorder` : '')}
+            <div
+                className={cx(
+                    `Combo Combo--multi`,
+                    multiLine ? `Combo--ver` : `Combo--hor`,
+                    noBorder ? `Combo--noBorder` : ''
+                )}
             >
                 <div className={cx(`Combo-items`)}>
-                    {Array.isArray(value) ? value.map((value, index, thelist) => {
-                        const toolbar:Array<any> = [];
+                    {Array.isArray(value)
+                        ? value.map((value, index, thelist) => {
+                              const toolbar: Array<any> = [];
 
-                        if (!disabled && draggable && thelist.length > 1) {
-                            toolbar.push(
-                                <a
-                                    key="drag"
-                                    className={cx(`Combo-toolbarBtn Combo-itemDrager`)}
-                                    data-tooltip="拖拽排序"
-                                    data-position="bottom"
-                                >
-                                    <i className={dragIcon} />
-                                </a>
-                            );
-                        }
+                              if (!disabled && draggable && thelist.length > 1) {
+                                  toolbar.push(
+                                      <a
+                                          key="drag"
+                                          className={cx(`Combo-toolbarBtn Combo-itemDrager`)}
+                                          data-tooltip="拖拽排序"
+                                          data-position="bottom"
+                                      >
+                                          <i className={dragIcon} />
+                                      </a>
+                                  );
+                              }
 
-                        if (
-                            finnalRemovable
-                            && ( // 表达式判断单条是否可删除
-                                !itemRemovableOn 
-                                || evalExpression(itemRemovableOn, value) !== false
-                            )
-                        ) {
-                            toolbar.push(
-                                <a
-                                    onClick={this.removeItem.bind(this, index)}
-                                    key="remove"
-                                    className={cx(`Combo-toolbarBtn ${!store.removable ? 'is-disabled' : ''}`)}
-                                    data-tooltip="删除"
-                                    data-position="bottom"
-                                >
-                                    <i className={deleteIcon} />
-                                </a>
-                            );
-                        }
+                              if (
+                                  finnalRemovable && // 表达式判断单条是否可删除
+                                  (!itemRemovableOn || evalExpression(itemRemovableOn, value) !== false)
+                              ) {
+                                  toolbar.push(
+                                      <a
+                                          onClick={this.removeItem.bind(this, index)}
+                                          key="remove"
+                                          className={cx(`Combo-toolbarBtn ${!store.removable ? 'is-disabled' : ''}`)}
+                                          data-tooltip="删除"
+                                          data-position="bottom"
+                                      >
+                                          <i className={deleteIcon} />
+                                      </a>
+                                  );
+                              }
 
-                        const data = this.formatValue(value, index);
-                        let condition:Condition | null = null;
-                
-                        if (Array.isArray(conditions) && conditions.length) {
-                            condition = this.pickCondition(data);
-                            controls = condition.controls;
-                        }
+                              const data = this.formatValue(value, index);
+                              let condition: Condition | null = null;
 
-                        let finnalControls = flat ? [{
-                            ...controls && controls[0],
-                            name: 'flat'
-                        }] : controls;
+                              if (Array.isArray(conditions) && conditions.length) {
+                                  condition = this.pickCondition(data);
+                                  controls = condition.controls;
+                              }
 
-                        return (
-                            <div 
-                                className={cx(`Combo-item`)}
-                                key={this.keys[index] || (this.keys[index] = guid())}
-                            >
-                                {condition && typeSwitchable !== false ? (
-                                    <div className={cx('Combo-itemTag')}>
-                                        <label>类型</label>
-                                        <Select
-                                            onChange={this.handleComboTypeChange.bind(this, index)}
-                                            options={(conditions as Array<Condition>).map(item => ({label: item.label , value: item.label}))}
-                                            value={condition.label}
-                                        />
-                                    </div>
-                                ) : null}
-                                <div className={cx(`Combo-itemInner`)}>
-                                    {render(`multiple/${index}`, {
-                                        type: 'form',
-                                        controls: finnalControls,
-                                        wrapperComponent: 'div',
-                                        wrapWithPanel: false,
-                                        mode: multiLine ? subFormMode : 'row',
-                                        className: cx(`Combo-form`, formClassName)
-                                    }, {
-                                        index,
-                                        disabled,
-                                        data,
-                                        onChange: this.handleChange.bind(this, index),
-                                        onAction: this.handleAction,
-                                        ref: (ref:any) => this.formRef(ref, index),
-                                        canAccessSuperData
-                                    })}
-                                </div>
-                                {toolbar.length ? (
-                                    <div className={cx(`Combo-itemToolbar`)}>{toolbar}</div>
-                                ) : null}
-                            </div>
-                        );
-                    }) : null}
+                              let finnalControls = flat
+                                  ? [
+                                        {
+                                            ...(controls && controls[0]),
+                                            name: 'flat'
+                                        }
+                                    ]
+                                  : controls;
+
+                              return (
+                                  <div
+                                      className={cx(`Combo-item`)}
+                                      key={this.keys[index] || (this.keys[index] = guid())}
+                                  >
+                                      {condition && typeSwitchable !== false ? (
+                                          <div className={cx('Combo-itemTag')}>
+                                              <label>类型</label>
+                                              <Select
+                                                  onChange={this.handleComboTypeChange.bind(this, index)}
+                                                  options={(conditions as Array<Condition>).map(item => ({
+                                                      label: item.label,
+                                                      value: item.label
+                                                  }))}
+                                                  value={condition.label}
+                                              />
+                                          </div>
+                                      ) : null}
+                                      <div className={cx(`Combo-itemInner`)}>
+                                          {render(
+                                              `multiple/${index}`,
+                                              {
+                                                  type: 'form',
+                                                  controls: finnalControls,
+                                                  wrapperComponent: 'div',
+                                                  wrapWithPanel: false,
+                                                  mode: multiLine ? subFormMode : 'row',
+                                                  className: cx(`Combo-form`, formClassName)
+                                              },
+                                              {
+                                                  index,
+                                                  disabled,
+                                                  data,
+                                                  onChange: this.handleChange.bind(this, index),
+                                                  onAction: this.handleAction,
+                                                  ref: (ref: any) => this.formRef(ref, index),
+                                                  canAccessSuperData
+                                              }
+                                          )}
+                                      </div>
+                                      {toolbar.length ? <div className={cx(`Combo-itemToolbar`)}>{toolbar}</div> : null}
+                                  </div>
+                              );
+                          })
+                        : null}
                 </div>
                 {!disabled ? (
                     <div className={cx(`Combo-toolbar`)}>
-                        {store.addable && addable !== false ? Array.isArray(conditions) && conditions.length ? (
-                            render('add-button', {
-                                type: 'dropdown-button',
-                                icon: addIcon,
-                                label: addButtonText || '新增',
-                                level: 'info',
-                                size: 'sm',
-                                closeOnClick: true
-                            }, {
-                                buttons: conditions.map(item => ({
-                                    label: item.label,
-                                    onClick: (e:any) => {
-                                        this.addItemWith(item)
-                                        return false;
+                        {store.addable && addable !== false ? (
+                            Array.isArray(conditions) && conditions.length ? (
+                                render(
+                                    'add-button',
+                                    {
+                                        type: 'dropdown-button',
+                                        icon: addIcon,
+                                        label: addButtonText || '新增',
+                                        level: 'info',
+                                        size: 'sm',
+                                        closeOnClick: true
+                                    },
+                                    {
+                                        buttons: conditions.map(item => ({
+                                            label: item.label,
+                                            onClick: (e: any) => {
+                                                this.addItemWith(item);
+                                                return false;
+                                            }
+                                        }))
                                     }
-                                }))
-                            })
-                        ) : (
-                            <button
-                                type="button"
-                                onClick={this.addItem}
-                                className={cx(`Button Combo-addBtn`, addButtonClassName)}
-                                data-tooltip="新增一条数据"
-                            >
-                                {addIcon ? (<i className={cx("Button-icon", addIcon)} />) : null}
-                                <span>{addButtonText || '新增'}</span>
-                            </button>
+                                )
+                            ) : (
+                                <button
+                                    type="button"
+                                    onClick={this.addItem}
+                                    className={cx(`Button Combo-addBtn`, addButtonClassName)}
+                                    data-tooltip="新增一条数据"
+                                >
+                                    {addIcon ? <i className={cx('Button-icon', addIcon)} /> : null}
+                                    <span>{addButtonText || '新增'}</span>
+                                </button>
+                            )
                         ) : null}
                         {draggable ? (
-                            <span className={cx(`Combo-dragableTip`)} ref={this.dragTipRef} >{Array.isArray(value) && value.length > 1 ? draggableTip : ''}</span>
+                            <span className={cx(`Combo-dragableTip`)} ref={this.dragTipRef}>
+                                {Array.isArray(value) && value.length > 1 ? draggableTip : ''}
+                            </span>
                         ) : null}
                     </div>
                 ) : null}
@@ -849,7 +822,7 @@ export default class ComboControl extends React.Component<ComboProps> {
 
         let controls = this.props.controls;
         const data = isObject(value) ? value : this.defaultValue;
-        let condition:Condition | null = null;
+        let condition: Condition | null = null;
 
         if (Array.isArray(conditions) && conditions.length) {
             condition = this.pickCondition(data);
@@ -857,8 +830,12 @@ export default class ComboControl extends React.Component<ComboProps> {
         }
 
         return (
-            <div 
-                className={cx(`Combo Combo--single`, multiLine ? `Combo--ver` : `Combo--hor`, noBorder ? `Combo--noBorder` : '')}
+            <div
+                className={cx(
+                    `Combo Combo--single`,
+                    multiLine ? `Combo--ver` : `Combo--hor`,
+                    noBorder ? `Combo--noBorder` : ''
+                )}
             >
                 <div className={cx(`Combo-item`)}>
                     {condition && typeSwitchable !== false ? (
@@ -866,28 +843,35 @@ export default class ComboControl extends React.Component<ComboProps> {
                             <label>类型</label>
                             <Select
                                 onChange={this.handleComboTypeChange.bind(this, 0)}
-                                options={(conditions as Array<Condition>).map(item => ({label: item.label , value: item.label}))}
+                                options={(conditions as Array<Condition>).map(item => ({
+                                    label: item.label,
+                                    value: item.label
+                                }))}
                                 value={condition.label}
                             />
                         </div>
                     ) : null}
 
                     <div className={cx(`Combo-itemInner`)}>
-                        {render('single', {
-                            type: 'form',
-                            controls,
-                            wrapperComponent: 'div',
-                            wrapWithPanel: false,
-                            mode: multiLine ? 'normal' : 'row',
-                            className: cx(`Combo-form`, formClassName)
-                        }, {
-                            disabled: disabled,
-                            data: isObject(value) ? value : this.defaultValue,
-                            onChange: this.handleSingleFormChange,
-                            ref: (ref:any) => this.formRef(ref),
-                            onInit: this.handleSingleFormInit,
-                            canAccessSuperData
-                        })}
+                        {render(
+                            'single',
+                            {
+                                type: 'form',
+                                controls,
+                                wrapperComponent: 'div',
+                                wrapWithPanel: false,
+                                mode: multiLine ? 'normal' : 'row',
+                                className: cx(`Combo-form`, formClassName)
+                            },
+                            {
+                                disabled: disabled,
+                                data: isObject(value) ? value : this.defaultValue,
+                                onChange: this.handleSingleFormChange,
+                                ref: (ref: any) => this.formRef(ref),
+                                onInit: this.handleSingleFormInit,
+                                canAccessSuperData
+                            }
+                        )}
                     </div>
                 </div>
             </div>
@@ -895,26 +879,17 @@ export default class ComboControl extends React.Component<ComboProps> {
     }
 
     render() {
-        const {
-            multiple,
-            className,
-            classPrefix: ns,
-            classnames: cx,
-        } = this.props;
+        const {multiple, className, classPrefix: ns, classnames: cx} = this.props;
 
         return (
-            <div className={cx(`ComboControl`, className)}>
-                {multiple ? this.renderMultipe() : this.renderSingle()}
-            </div>
+            <div className={cx(`ComboControl`, className)}>{multiple ? this.renderMultipe() : this.renderSingle()}</div>
         );
     }
 }
 
-
 @FormItem({
     type: 'combo',
     storeType: ComboStore.name,
     extendsData: false
 })
-export class ComboControlRenderer extends ComboControl {};
-
+export class ComboControlRenderer extends ComboControl {}
diff --git a/src/renderers/Form/Container.tsx b/src/renderers/Form/Container.tsx
index d9e9dc2a4..797edccef 100644
--- a/src/renderers/Form/Container.tsx
+++ b/src/renderers/Form/Container.tsx
@@ -1,12 +1,10 @@
 import React from 'react';
-import {
-    Renderer
-} from '../../factory';
+import {Renderer} from '../../factory';
 import cx from 'classnames';
 import Container from '../Container';
-import FormItem, { FormControlProps } from './Item';
+import FormItem, {FormControlProps} from './Item';
 
-export interface ContainerProps extends FormControlProps {};
+export interface ContainerProps extends FormControlProps {}
 
 @FormItem({
     type: 'container',
@@ -14,7 +12,7 @@ export interface ContainerProps extends FormControlProps {};
     sizeMutable: false
 })
 export class ContainerControlRenderer extends Container<ContainerProps> {
-    renderBody():JSX.Element | null {
+    renderBody(): JSX.Element | null {
         const {
             renderFormItems,
             body,
@@ -32,7 +30,7 @@ export class ContainerControlRenderer extends Container<ContainerProps> {
         } = this.props;
 
         if (!body && (controls || tabs || fieldSet)) {
-            let props:any = {
+            let props: any = {
                 store,
                 data: store.data,
                 render
@@ -42,11 +40,15 @@ export class ContainerControlRenderer extends Container<ContainerProps> {
 
             return (
                 <div className={cx(`${ns}Form--${props.mode || formMode || 'normal'}`, bodyClassName)}>
-                    {renderFormItems({
-                        controls,
-                        tabs,
-                        fieldSet
-                    }, ($path as string).replace(/^.*form\//, ''), props)}
+                    {renderFormItems(
+                        {
+                            controls,
+                            tabs,
+                            fieldSet
+                        },
+                        ($path as string).replace(/^.*form\//, ''),
+                        props
+                    )}
                 </div>
             );
         }
diff --git a/src/renderers/Form/Control.tsx b/src/renderers/Form/Control.tsx
index a480d09e9..0eb5f7baf 100644
--- a/src/renderers/Form/Control.tsx
+++ b/src/renderers/Form/Control.tsx
@@ -3,26 +3,12 @@ import PropTypes from 'prop-types';
 import {IFormStore, IFormItemStore} from '../../store/form';
 import debouce = require('lodash/debounce');
 
-import {
-    RendererProps,
-    Renderer
-} from '../../factory';
-import {
-    ComboStore,
-    IComboStore,
-    IUniqueGroup
-} from '../../store/combo';
-import {
-    anyChanged,
-    promisify,
-    isObject,
-    getVariable
-} from '../../utils/helper';
-import { Schema } from '../../types';
-import { IIRendererStore } from '../../store';
-import { ScopedContext, IScopedContext } from '../../Scoped';
-
-
+import {RendererProps, Renderer} from '../../factory';
+import {ComboStore, IComboStore, IUniqueGroup} from '../../store/combo';
+import {anyChanged, promisify, isObject, getVariable} from '../../utils/helper';
+import {Schema} from '../../types';
+import {IIRendererStore} from '../../store';
+import {ScopedContext, IScopedContext} from '../../Scoped';
 
 export interface FormControlProps extends RendererProps {
     control: {
@@ -30,8 +16,8 @@ export interface FormControlProps extends RendererProps {
         name?: string;
         value?: any;
         required?: boolean;
-        validations: string | {[propsName:string]: any};
-        validationErrors: {[propsName:string]: any};
+        validations: string | {[propsName: string]: any};
+        validationErrors: {[propsName: string]: any};
         validateOnChange: boolean;
         multiple?: boolean;
         delimiter?: string;
@@ -40,9 +26,9 @@ export interface FormControlProps extends RendererProps {
         valueField?: string;
         labelField?: string;
         unique?: boolean;
-        pipeIn?: (value:any, data:any) => any;
-        pipeOut?: (value:any, originValue:any, data:any) => any;
-        validate?: (value:any, values:any) => any;
+        pipeIn?: (value: any, data: any) => any;
+        pipeOut?: (value: any, originValue: any, data: any) => any;
+        validate?: (value: any, values: any) => any;
     } & Schema;
     formStore: IFormStore;
     store: IIRendererStore;
@@ -51,15 +37,14 @@ export interface FormControlProps extends RendererProps {
 }
 
 export default class FormControl extends React.Component<FormControlProps, any> {
-    public model:IFormItemStore | undefined;
-    control:any;
+    public model: IFormItemStore | undefined;
+    control: any;
     hook?: () => any;
     hook2?: () => any;
 
-    static defaultProps:Partial<FormControlProps> = {
-    };
+    static defaultProps: Partial<FormControlProps> = {};
 
-    lazyValidate:Function;
+    lazyValidate: Function;
     componentWillMount() {
         const {
             formStore: form,
@@ -77,7 +62,7 @@ export default class FormControl extends React.Component<FormControlProps, any>
                 valueField,
                 labelField,
                 joinValues,
-                extractValue,
+                extractValue
             }
         } = this.props;
 
@@ -110,7 +95,7 @@ export default class FormControl extends React.Component<FormControlProps, any>
             valueField,
             labelField,
             joinValues,
-            extractValue,
+            extractValue
         });
 
         if (this.model.unique && form.parentStore && form.parentStore.storeType === ComboStore.name) {
@@ -123,17 +108,14 @@ export default class FormControl extends React.Component<FormControlProps, any>
         const {
             store,
             formStore: form,
-            control: {
-                name,
-                validate,
-            },
+            control: {name, validate},
             addHook
         } = this.props;
 
         if (name && form !== store) {
             const value = getVariable(store.data, name);
             if (typeof value !== 'undefined' && value !== this.getValue()) {
-                this.handleChange(value)
+                this.handleChange(value);
             }
         }
 
@@ -142,23 +124,21 @@ export default class FormControl extends React.Component<FormControlProps, any>
             let finalValidate = promisify(validate.bind(formItem));
             this.hook2 = function() {
                 formItem.clearError('control:valdiate');
-                return finalValidate(form.data, formItem.value)
-                    .then((ret:any) => {
-                        if ((typeof ret === 'string' || Array.isArray(ret)) && ret) {
-                            formItem.addError(ret, 'control:valdiate');
-                        }
-                    });
-            }
+                return finalValidate(form.data, formItem.value).then((ret: any) => {
+                    if ((typeof ret === 'string' || Array.isArray(ret)) && ret) {
+                        formItem.addError(ret, 'control:valdiate');
+                    }
+                });
+            };
             addHook(this.hook2);
         }
     }
 
-    componentWillReceiveProps(nextProps:FormControlProps) {
+    componentWillReceiveProps(nextProps: FormControlProps) {
         const props = this.props;
         const form = nextProps.formStore;
 
         if (!nextProps.control.name) {
-
             // 把 name 删了, 对 model 做清理
             this.model && this.disposeModel();
             this.model = undefined;
@@ -187,21 +167,25 @@ export default class FormControl extends React.Component<FormControlProps, any>
         }
 
         if (
-            this.model 
-            && anyChanged([
-                'id',
-                'validations',
-                'validationErrors',
-                'value',
-                'required',
-                'unique',
-                'multiple',
-                'delimiter',
-                'valueField',
-                'labelField',
-                'joinValues',
-                'extractValue',
-            ], props.control, nextProps.control)
+            this.model &&
+            anyChanged(
+                [
+                    'id',
+                    'validations',
+                    'validationErrors',
+                    'value',
+                    'required',
+                    'unique',
+                    'multiple',
+                    'delimiter',
+                    'valueField',
+                    'labelField',
+                    'joinValues',
+                    'extractValue'
+                ],
+                props.control,
+                nextProps.control
+            )
         ) {
             this.model.config({
                 required: nextProps.control.required,
@@ -220,14 +204,12 @@ export default class FormControl extends React.Component<FormControlProps, any>
         }
     }
 
-    componentDidUpdate(prevProps:FormControlProps) {
+    componentDidUpdate(prevProps: FormControlProps) {
         const {
             store,
             formStore: form,
             data,
-            control: {
-                name
-            }
+            control: {name}
         } = this.props;
 
         if (!name) {
@@ -235,8 +217,12 @@ export default class FormControl extends React.Component<FormControlProps, any>
         }
 
         // form 里面部分塞 service 的用法
-        let value:any;
-        if (form !== store && data !== prevProps.data && (value = getVariable(data as any, name)) !== getVariable(prevProps.data, name)) {
+        let value: any;
+        if (
+            form !== store &&
+            data !== prevProps.data &&
+            (value = getVariable(data as any, name)) !== getVariable(prevProps.data, name)
+        ) {
             this.handleChange(value);
         }
     }
@@ -248,24 +234,18 @@ export default class FormControl extends React.Component<FormControlProps, any>
     }
 
     disposeModel() {
-        const {
-            formStore: form
-        } = this.props;
+        const {formStore: form} = this.props;
 
         if (this.model && this.model.unique && form.parentStore && form.parentStore.storeType === ComboStore.name) {
             const combo = form.parentStore as IComboStore;
             combo.unBindUniuqueItem(this.model);
         }
-        
+
         this.model && form.unRegistryItem(this.model);
     }
 
-    controlRef(control:any) {
-        const {
-            addHook,
-            removeHook,
-            formStore: form
-        } = this.props;
+    controlRef(control: any) {
+        const {addHook, removeHook, formStore: form} = this.props;
 
         // 因为 control 有可能被 n 层 hoc 包裹。
         while (control && control.getWrappedInstance) {
@@ -278,13 +258,12 @@ export default class FormControl extends React.Component<FormControlProps, any>
             this.hook = function() {
                 formItem.clearError('component:valdiate');
 
-                return validate(form.data, formItem.value)
-                    .then(ret => {
-                        if ((typeof ret === 'string' || Array.isArray(ret)) && ret) {
-                            formItem.setError(ret, 'component:valdiate');
-                        }
-                    });
-            }
+                return validate(form.data, formItem.value).then(ret => {
+                    if ((typeof ret === 'string' || Array.isArray(ret)) && ret) {
+                        formItem.setError(ret, 'component:valdiate');
+                    }
+                });
+            };
             addHook(this.hook);
         } else if (!control && this.hook) {
             removeHook(this.hook);
@@ -295,9 +274,7 @@ export default class FormControl extends React.Component<FormControlProps, any>
     }
 
     validate() {
-        const {
-            formStore: form,
-        } = this.props;
+        const {formStore: form} = this.props;
 
         if (this.model) {
             if (this.model.unique && form.parentStore && form.parentStore.storeType === ComboStore.name) {
@@ -306,23 +283,16 @@ export default class FormControl extends React.Component<FormControlProps, any>
                 group.items.forEach(item => item.validate());
             } else {
                 this.model.validate(this.hook);
-                form.getItemsByName(this.model.name)
-                    .forEach(item => item !== this.model && item.validate())
+                form.getItemsByName(this.model.name).forEach(item => item !== this.model && item.validate());
             }
         }
     }
 
-    handleChange(value:any, submitOnChange:boolean = this.props.control.submitOnChange) {
+    handleChange(value: any, submitOnChange: boolean = this.props.control.submitOnChange) {
         const {
             formStore: form,
             onChange,
-            control: {
-                validateOnChange,
-                name,
-                pipeOut,
-                onChange: onFormItemChange,
-                type
-            }
+            control: {validateOnChange, name, pipeOut, onChange: onFormItemChange, type}
         } = this.props;
 
         // todo 以后想办法不要強耦合类型。
@@ -335,14 +305,14 @@ export default class FormControl extends React.Component<FormControlProps, any>
         if (pipeOut) {
             value = pipeOut(value, oldValue, form.data);
         }
-        
+
         if (oldValue === value) {
             return;
         }
 
         this.model.changeValue(value);
 
-        if (validateOnChange === true || validateOnChange !== false && (form.submited || this.model.validated)) {
+        if (validateOnChange === true || (validateOnChange !== false && (form.submited || this.model.validated))) {
             this.lazyValidate();
         } else if (validateOnChange === false && !this.model.valid) {
             this.model.reset();
@@ -352,12 +322,10 @@ export default class FormControl extends React.Component<FormControlProps, any>
         onChange && onChange(value, name, submitOnChange === true);
     }
 
-    handleBlur(e:any) {
+    handleBlur(e: any) {
         const {
             onBlur,
-            control: {
-                validateOnBlur
-            }
+            control: {validateOnBlur}
         } = this.props;
 
         if (validateOnBlur && this.model) {
@@ -367,18 +335,14 @@ export default class FormControl extends React.Component<FormControlProps, any>
         onBlur && onBlur(e);
     }
 
-    handleBulkChange(values:any, submitOnChange:boolean = this.props.control.submitOnChange) {
+    handleBulkChange(values: any, submitOnChange: boolean = this.props.control.submitOnChange) {
         const {
             formStore: form,
             onChange,
-            control: {
-                validateOnChange,
-                type
-            },
+            control: {validateOnChange, type},
             onBulkChange
         } = this.props;
 
-
         if (!isObject(values)) {
             return;
         } else if (!this.model || ~['service'].indexOf(type)) {
@@ -386,7 +350,8 @@ export default class FormControl extends React.Component<FormControlProps, any>
             return;
         }
 
-        let lastKey:string = '', lastValue:any;
+        let lastKey: string = '',
+            lastValue: any;
         Object.keys(values).forEach(key => {
             const value = values[key];
             lastKey = key;
@@ -397,7 +362,7 @@ export default class FormControl extends React.Component<FormControlProps, any>
         if (!lastKey) {
             return;
         }
-        
+
         form.setValues(values);
 
         if (validateOnChange !== false && (form.submited || this.model.validated)) {
@@ -407,7 +372,7 @@ export default class FormControl extends React.Component<FormControlProps, any>
         onChange && onChange(lastValue, lastKey, submitOnChange === true);
     }
 
-    setPrinstineValue(value:any) {
+    setPrinstineValue(value: any) {
         if (!this.model) {
             return;
         }
@@ -416,14 +381,11 @@ export default class FormControl extends React.Component<FormControlProps, any>
     }
 
     getValue() {
-        const {
-            control,
-            formStore: form
-        } = this.props;
+        const {control, formStore: form} = this.props;
 
         const model = this.model;
         // let value:any = model ? (typeof model.value === 'undefined' ? '' : model.value) : (control.value || '');
-        let value:any = model ? model.value : control.value;
+        let value: any = model ? model.value : control.value;
 
         if (control.pipeIn) {
             value = control.pipeIn(value, form.data);
@@ -433,11 +395,9 @@ export default class FormControl extends React.Component<FormControlProps, any>
     }
 
     // 兼容老版本用法，新版本直接用 onChange 就可以。
-    setValue(value:any, key?:string) {
+    setValue(value: any, key?: string) {
         const {
-            control: {
-                name            
-            }
+            control: {name}
         } = this.props;
 
         if (!key || key === name) {
@@ -452,11 +412,7 @@ export default class FormControl extends React.Component<FormControlProps, any>
     render() {
         const {
             render,
-            control: {
-                pipeIn,
-                pipeOut,
-                ...control
-            },
+            control: {pipeIn, pipeOut, ...control},
             formMode,
             controlWidth,
             type,
@@ -493,14 +449,14 @@ export default class FormControl extends React.Component<FormControlProps, any>
 }
 
 @Renderer({
-    test: (path:string) => /(^|\/)form(?:\/.*)?\/control$/i.test(path) && !/\/control\/control$/i.test(path),
-    name: "control"
+    test: (path: string) => /(^|\/)form(?:\/.*)?\/control$/i.test(path) && !/\/control\/control$/i.test(path),
+    name: 'control'
 })
 export class FormControlRenderer extends FormControl {
     static displayName = 'Control';
     static contextType = ScopedContext;
 
-    controlRef(ref:any) {
+    controlRef(ref: any) {
         const originRef = this.control;
         super.controlRef(ref);
         const scoped = this.context as IScopedContext;
@@ -516,4 +472,3 @@ export class FormControlRenderer extends FormControl {
         }
     }
 }
-
diff --git a/src/renderers/Form/Date.tsx b/src/renderers/Form/Date.tsx
index e508d34cd..e2f584f4d 100644
--- a/src/renderers/Form/Date.tsx
+++ b/src/renderers/Form/Date.tsx
@@ -1,12 +1,7 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
-import {
-    filterDate
-} from '../../utils/tpl-builtin';
+import {filterDate} from '../../utils/tpl-builtin';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
 import DatePicker from '../../components/DatePicker';
@@ -20,7 +15,7 @@ export interface DateProps extends FormControlProps {
     closeOnSelect?: boolean;
     disabled?: boolean;
     iconClassName?: string;
-};
+}
 
 interface DateControlState {
     minDate?: moment.Moment;
@@ -42,15 +37,7 @@ export default class DateControl extends React.PureComponent<DateProps> {
     };
 
     componentWillMount() {
-        const {
-            minDate,
-            maxDate,
-            value,
-            defaultValue,
-            setPrinstineValue,
-            data,
-            format
-        } = this.props;
+        const {minDate, maxDate, value, defaultValue, setPrinstineValue, data, format} = this.props;
 
         if (defaultValue && value === defaultValue) {
             setPrinstineValue(filterDate(defaultValue, data).format(format));
@@ -69,24 +56,26 @@ export default class DateControl extends React.PureComponent<DateProps> {
             nextProps.setPrinstineValue(filterDate(nextProps.defaultValue, nextProps.data));
         }
 
-        if (props.minDate !== nextProps.minDate || props.maxDate !== nextProps.maxDate || props.data !== nextProps.data) {
+        if (
+            props.minDate !== nextProps.minDate ||
+            props.maxDate !== nextProps.maxDate ||
+            props.data !== nextProps.data
+        ) {
             this.setState({
-                minDate: nextProps.minDate ? filterDate(nextProps.minDate, nextProps.data, this.props.format) : undefined,
-                maxDate: nextProps.maxDate ? filterDate(nextProps.maxDate, nextProps.data, this.props.format) : undefined
+                minDate: nextProps.minDate
+                    ? filterDate(nextProps.minDate, nextProps.data, this.props.format)
+                    : undefined,
+                maxDate: nextProps.maxDate
+                    ? filterDate(nextProps.maxDate, nextProps.data, this.props.format)
+                    : undefined
             });
         }
     }
 
     render() {
-        const {
-            className,
-            classPrefix: ns,
-            defaultValue,
-            defaultData,
-            ...rest
-        } = this.props;
+        const {className, classPrefix: ns, defaultValue, defaultData, ...rest} = this.props;
 
-       return (
+        return (
             <div className={cx(`${ns}DateControl`, className)}>
                 <DatePicker {...rest} {...this.state} classPrefix={ns} />
             </div>
@@ -106,7 +95,7 @@ export class DateControlRenderer extends DateControl {
         timeFormat: '',
         strictMode: false
     };
-};
+}
 
 @FormItem({
     type: 'datetime'
@@ -121,7 +110,7 @@ export class DatetimeControlRenderer extends DateControl {
         closeOnSelect: false,
         strictMode: false
     };
-};
+}
 
 @FormItem({
     type: 'time'
@@ -136,4 +125,4 @@ export class TimeControlRenderer extends DateControl {
         viewMode: 'time',
         closeOnSelect: false
     };
-};
\ No newline at end of file
+}
diff --git a/src/renderers/Form/DateRange.tsx b/src/renderers/Form/DateRange.tsx
index d1032b49b..8e8b2c442 100644
--- a/src/renderers/Form/DateRange.tsx
+++ b/src/renderers/Form/DateRange.tsx
@@ -1,12 +1,7 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
-import {
-    filterDate
-} from '../../utils/tpl-builtin';
+import {filterDate} from '../../utils/tpl-builtin';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
 import DateRangePicker from '../../components/DateRangePicker';
@@ -19,7 +14,7 @@ export interface DateRangeProps extends FormControlProps {
     delimiter: string;
     minDate?: any;
     maxDate?: any;
-};
+}
 
 interface DateControlState {
     minDate?: moment.Moment;
@@ -27,21 +22,16 @@ interface DateControlState {
 }
 
 export default class DateRangeControl extends React.Component<DateRangeProps, DateControlState> {
-    
     static defaultProps = {
         format: 'X',
         joinValues: true,
         delimiter: ','
     };
 
-    constructor(props:DateRangeProps) {
+    constructor(props: DateRangeProps) {
         super(props);
 
-        const {
-            minDate,
-            maxDate,
-            data
-        } = props;
+        const {minDate, maxDate, data} = props;
 
         this.state = {
             minDate: minDate ? filterDate(minDate, data) : undefined,
@@ -50,31 +40,26 @@ export default class DateRangeControl extends React.Component<DateRangeProps, Da
     }
 
     componentWillMount() {
-        const {
-            defaultValue,
-            setPrinstineValue,
-            delimiter,
-            format,
-            data,
-            value,
-            joinValues,
-        } = this.props;
+        const {defaultValue, setPrinstineValue, delimiter, format, data, value, joinValues} = this.props;
 
         if (defaultValue && value === defaultValue) {
             let arr = typeof defaultValue === 'string' ? defaultValue.split(delimiter) : defaultValue;
-            setPrinstineValue(DateRangePicker.formatValue({
-                startDate: filterDate(arr[0], data),
-                endDate: filterDate(arr[1], data),
-            }, format, joinValues, delimiter));
+            setPrinstineValue(
+                DateRangePicker.formatValue(
+                    {
+                        startDate: filterDate(arr[0], data),
+                        endDate: filterDate(arr[1], data)
+                    },
+                    format,
+                    joinValues,
+                    delimiter
+                )
+            );
         }
     }
 
     componentWillReceiveProps(nextProps: DateRangeProps) {
-        const {
-            data,
-            minDate,
-            maxDate
-        } = nextProps;
+        const {data, minDate, maxDate} = nextProps;
         const props = this.props;
 
         if (props.minDate !== minDate || props.maxDate !== maxDate || props.data !== data) {
@@ -86,37 +71,31 @@ export default class DateRangeControl extends React.Component<DateRangeProps, Da
     }
 
     componentDidUpdate(prevProps: DateRangeProps) {
-        const {
-            defaultValue,
-            delimiter,
-            format,
-            joinValues,
-            setPrinstineValue,
-            data
-        } = this.props;
+        const {defaultValue, delimiter, format, joinValues, setPrinstineValue, data} = this.props;
 
         if (prevProps.defaultValue !== defaultValue) {
-            
-            let arr = typeof defaultValue === 'string'
-                ? defaultValue.split(delimiter) : defaultValue;
-            
-            setPrinstineValue(arr ? DateRangePicker.formatValue({
-                startDate: filterDate(arr[0], data),
-                endDate: filterDate(arr[1], data),
-            }, format, joinValues, delimiter) : undefined);
+            let arr = typeof defaultValue === 'string' ? defaultValue.split(delimiter) : defaultValue;
+
+            setPrinstineValue(
+                arr
+                    ? DateRangePicker.formatValue(
+                          {
+                              startDate: filterDate(arr[0], data),
+                              endDate: filterDate(arr[1], data)
+                          },
+                          format,
+                          joinValues,
+                          delimiter
+                      )
+                    : undefined
+            );
         }
     }
 
     render() {
-        const {
-            className,
-            classPrefix: ns,
-            defaultValue,
-            defaultData,
-            ...rest
-        } = this.props;
+        const {className, classPrefix: ns, defaultValue, defaultData, ...rest} = this.props;
 
-       return (
+        return (
             <div className={cx(`${ns}DateRangeControl`, className)}>
                 <DateRangePicker {...rest} {...this.state} classPrefix={ns} />
             </div>
@@ -132,7 +111,7 @@ export class DateRangeControlRenderer extends DateRangeControl {
         ...DateRangeControl.defaultProps,
         timeFormat: ''
     };
-};
+}
 
 @FormItem({
     type: 'datetime-range',
@@ -144,5 +123,4 @@ export class DateTimeRangeControlRenderer extends DateRangeControl {
         timeFormat: 'HH:mm',
         inputFormat: 'YYYY-MM-DD HH:mm'
     };
-};
-
+}
diff --git a/src/renderers/Form/DiffEditor.tsx b/src/renderers/Form/DiffEditor.tsx
index bef559263..beb37ab1a 100644
--- a/src/renderers/Form/DiffEditor.tsx
+++ b/src/renderers/Form/DiffEditor.tsx
@@ -1,20 +1,15 @@
 import React from 'react';
-import {
-    Renderer
-} from '../../factory';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
-import {
-    filter,
-} from '../../utils/tpl';
+import {Renderer} from '../../factory';
+import {FormItem, FormControlProps} from './Item';
+import {filter} from '../../utils/tpl';
 import cx from 'classnames';
 import LazyComponent from '../../components/LazyComponent';
 import debouce = require('lodash/debounce');
 
 function loadComponent(): Promise<React.ReactType> {
-    return new Promise((resolve) => (require as any)(['../../components/Editor'], (component: any) => resolve(component.default)));
+    return new Promise(resolve =>
+        (require as any)(['../../components/Editor'], (component: any) => resolve(component.default))
+    );
 }
 
 export interface DiffEditorProps extends FormControlProps {
@@ -30,7 +25,7 @@ function normalizeValue(value: any) {
     return value;
 }
 
-export class DiffEditor extends React.Component<DiffEditorProps, any>{
+export class DiffEditor extends React.Component<DiffEditorProps, any> {
     static defaultProps: Partial<DiffEditorProps> = {
         language: 'javascript',
         theme: 'vs',
@@ -44,10 +39,10 @@ export class DiffEditor extends React.Component<DiffEditorProps, any>{
             }
         },
         diffValue: ''
-    }
+    };
 
     state = {
-        focused: false,
+        focused: false
     };
 
     editor: any;
@@ -88,15 +83,16 @@ export class DiffEditor extends React.Component<DiffEditorProps, any>{
     }
 
     componentDidUpdate(prevProps: any) {
-        const {
-            data,
-            value,
-            diffValue
-        } = this.props;
+        const {data, value, diffValue} = this.props;
 
         if (this.originalEditor && diffValue && (diffValue !== prevProps.diffValue || data !== prevProps.data)) {
-            this.originalEditor.getModel().setValue(/^\$(?:([a-z0-9_.]+)|{.+})$/.test(diffValue as string)
-                ? filter(normalizeValue(diffValue || ''), data, '| raw') : normalizeValue(diffValue));
+            this.originalEditor
+                .getModel()
+                .setValue(
+                    /^\$(?:([a-z0-9_.]+)|{.+})$/.test(diffValue as string)
+                        ? filter(normalizeValue(diffValue || ''), data, '| raw')
+                        : normalizeValue(diffValue)
+                );
         }
 
         if (this.modifiedEditor && value && value !== prevProps.value && !this.state.focused) {
@@ -109,12 +105,7 @@ export class DiffEditor extends React.Component<DiffEditorProps, any>{
     }
 
     handleEditorMounted(editor: any, monaco: any) {
-        const {
-            value,
-            data,
-            language,
-            diffValue
-        } = this.props;
+        const {value, data, language, diffValue} = this.props;
 
         this.monaco = monaco;
         this.editor = editor;
@@ -126,8 +117,12 @@ export class DiffEditor extends React.Component<DiffEditorProps, any>{
         this.toDispose.push(this.modifiedEditor.onDidChangeModelContent(this.handleModifiedEditorChange).dispose);
 
         this.editor.setModel({
-            original: this.monaco.editor.createModel(/^\$(?:([a-z0-9_.]+)|{.+})$/.test(diffValue as string)
-                ? filter(normalizeValue(diffValue || ''), data, '| raw') : normalizeValue(diffValue), language),
+            original: this.monaco.editor.createModel(
+                /^\$(?:([a-z0-9_.]+)|{.+})$/.test(diffValue as string)
+                    ? filter(normalizeValue(diffValue || ''), data, '| raw')
+                    : normalizeValue(diffValue),
+                language
+            ),
             modified: this.monaco.editor.createModel(normalizeValue(value), language)
         });
 
@@ -135,7 +130,7 @@ export class DiffEditor extends React.Component<DiffEditorProps, any>{
     }
 
     handleModifiedEditorChange() {
-        const { onChange } = this.props;
+        const {onChange} = this.props;
         onChange && onChange(this.modifiedEditor.getModel().getValue());
         this.updateContainerSize();
     }
@@ -153,21 +148,13 @@ export class DiffEditor extends React.Component<DiffEditorProps, any>{
     }
 
     render() {
-        const {
-            className,
-            value,
-            onChange,
-            disabled,
-            size,
-            options,
-            language,
-            theme,
-            classnames: cx
-        } = this.props;
+        const {className, value, onChange, disabled, size, options, language, theme, classnames: cx} = this.props;
 
         return (
             <div
-                className={cx('EditorControl', size ? `EditorControl--${size}` : '', className, { 'is-focused': this.state.focused })}
+                className={cx('EditorControl', size ? `EditorControl--${size}` : '', className, {
+                    'is-focused': this.state.focused
+                })}
             >
                 <LazyComponent
                     getComponent={loadComponent}
@@ -194,14 +181,14 @@ export class DiffEditor extends React.Component<DiffEditorProps, any>{
 })
 export class DiffEditorControlRenderer extends DiffEditor {
     static defaultProps = {
-        ...DiffEditor.defaultProps,
+        ...DiffEditor.defaultProps
     };
-};
+}
 
 @Renderer({
     test: /(^|\/)diff-editor$/,
     sizeMutable: false,
-    name: "diff-editor"
+    name: 'diff-editor'
 })
 export class DiffEditorRenderer extends DiffEditor {
     static defaultProps = {
diff --git a/src/renderers/Form/FieldSet.tsx b/src/renderers/Form/FieldSet.tsx
index 9302b26c8..c69f5ee04 100644
--- a/src/renderers/Form/FieldSet.tsx
+++ b/src/renderers/Form/FieldSet.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
+import {Renderer, RendererProps} from '../../factory';
 import Collapse from '../Collapse';
 import cx from 'classnames';
 
@@ -10,19 +7,19 @@ export interface FieldSetProps extends RendererProps {
     title?: string;
     collapsed?: boolean;
     mode?: 'normal' | 'inline' | 'horizontal' | 'row';
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'base',
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'base';
     collapsable?: boolean;
     horizontal: {
         left: string;
         right: string;
         offset: string;
     };
-};
+}
 
 export default class FieldSetControl extends React.Component<FieldSetProps, any> {
-    constructor(props:FieldSetProps) {
+    constructor(props: FieldSetProps) {
         super(props);
-        this.renderBody = this.renderBody.bind(this);        
+        this.renderBody = this.renderBody.bind(this);
     }
 
     static defaultProps = {
@@ -30,7 +27,7 @@ export default class FieldSetControl extends React.Component<FieldSetProps, any>
         collapsable: false
     };
 
-    renderBody():JSX.Element {
+    renderBody(): JSX.Element {
         const {
             renderFormItems,
             controls,
@@ -49,7 +46,7 @@ export default class FieldSetControl extends React.Component<FieldSetProps, any>
             return render('body', body) as JSX.Element;
         }
 
-        let props:any = {
+        let props: any = {
             store,
             data: store.data,
             render
@@ -66,15 +63,10 @@ export default class FieldSetControl extends React.Component<FieldSetProps, any>
     }
 
     render() {
-        const {
-            controls,
-            className,
-            mode,
-            ...rest
-        } = this.props;
+        const {controls, className, mode, ...rest} = this.props;
 
         return (
-            <Collapse 
+            <Collapse
                 {...rest}
                 className={className}
                 children={this.renderBody}
@@ -88,6 +80,6 @@ export default class FieldSetControl extends React.Component<FieldSetProps, any>
 @Renderer({
     test: /(^|\/)form(?:.+)?\/control\/fieldSet$/i,
     weight: -100,
-    name: "fieldset"
+    name: 'fieldset'
 })
-export class FieldSetRenderer extends FieldSetControl {};
\ No newline at end of file
+export class FieldSetRenderer extends FieldSetControl {}
diff --git a/src/renderers/Form/File.tsx b/src/renderers/Form/File.tsx
index 52e17a054..58049e1ea 100644
--- a/src/renderers/Form/File.tsx
+++ b/src/renderers/Form/File.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import qs from 'qs';
 import find = require('lodash/find');
@@ -10,7 +7,7 @@ import isPlainObject = require('lodash/isPlainObject');
 import {mapLimit} from 'async';
 import ImageControl from './Image';
 import {Payload} from '../../types';
-import { filter } from '../../utils/tpl';
+import {filter} from '../../utils/tpl';
 import Alert from '../../components/Alert2';
 
 export interface FileProps extends FormControlProps {
@@ -41,12 +38,12 @@ export interface FileProps extends FormControlProps {
         uploading: string;
         error: string;
         uploaded: string;
-        [propName:string]: string;
+        [propName: string]: string;
     };
     asBase64?: boolean;
     asBlob?: boolean;
     resetValue?: string;
-};
+}
 
 export interface FileX extends File {
     state?: 'init' | 'error' | 'pending' | 'uploading' | 'uploaded' | 'invalid' | 'ready';
@@ -58,17 +55,17 @@ export interface FileValue {
     name?: string;
     url?: string;
     state: 'init' | 'error' | 'pending' | 'uploading' | 'uploaded' | 'invalid' | 'ready';
-    [propName:string]: any;
-};
+    [propName: string]: any;
+}
 
 export interface FileState {
     uploading: boolean;
     files: Array<FileX | FileValue>;
     error?: string | null;
-};
+}
 
 export default class FileControl extends React.Component<FileProps, FileState> {
-    static defaultProps:Partial<FileProps> = {
+    static defaultProps: Partial<FileProps> = {
         btnClassName: 'btn-sm btn-info',
         btnUploadClassName: 'btn-sm btn-success',
         maxSize: 0,
@@ -91,52 +88,69 @@ export default class FileControl extends React.Component<FileProps, FileState> {
         autoUpload: true,
         hideUploadButton: false,
         stateTextMap: {
-            'init': "",
-            'pending': "等待上传",
-            'uploading': "上传中",
-            'error': "上传出错",
-            'uploaded': "已上传",
-            "ready": ""
+            init: '',
+            pending: '等待上传',
+            uploading: '上传中',
+            error: '上传出错',
+            uploaded: '已上传',
+            ready: ''
         },
         asBase64: false
     };
 
     state: FileState;
     current: FileValue | FileX | null;
-    resolve?: (value?:any) => void;
+    resolve?: (value?: any) => void;
 
-    static valueToFile(value:string | FileValue, props:FileProps, files?: Array<FileX | FileValue>):FileValue|undefined {
-        let file:FileValue | FileX | undefined = files && typeof value === 'string'
-            ? find(files, item => (item as FileValue).value === value)
+    static valueToFile(
+        value: string | FileValue,
+        props: FileProps,
+        files?: Array<FileX | FileValue>
+    ): FileValue | undefined {
+        let file: FileValue | FileX | undefined =
+            files && typeof value === 'string' ? find(files, item => (item as FileValue).value === value) : undefined;
+        return value
+            ? value instanceof File
+                ? {
+                      state: 'ready',
+                      value: value,
+                      name: value.name,
+                      url: ''
+                  }
+                : {
+                      ...(typeof value === 'string'
+                          ? {
+                                state: file && file.state ? file.state : 'init',
+                                value,
+                                name: /^data:/.test(value) ? (file && file.name) || 'base64数据' : '',
+                                url:
+                                    typeof props.downloadUrl === 'string' && value && !/^data:/.test(value)
+                                        ? `${props.downloadUrl}${value}`
+                                        : undefined
+                            }
+                          : (value as FileValue))
+                  }
             : undefined;
-        return value ? value instanceof File ? {
-            state: 'ready',
-            value: value,
-            name: value.name,
-            url: ''
-        } : {
-            ...(typeof value === 'string' ? {
-                state: file && file.state ? file.state : 'init',
-                value,
-                name: /^data:/.test(value) ? (file && file.name || 'base64数据') : '',
-                url: typeof props.downloadUrl === 'string' && value && !/^data:/.test(value) ? `${props.downloadUrl}${value}` : undefined
-            } : (value as FileValue))
-        } : undefined;
     }
 
-    constructor(props:FileProps) {
+    constructor(props: FileProps) {
         super(props);
 
-        const value:string|Array<string | FileValue>|FileValue = props.value;
+        const value: string | Array<string | FileValue> | FileValue = props.value;
         const multiple = props.multiple;
         const joinValues = props.joinValues;
         const delimiter = props.delimiter as string;
-        let files:Array<FileValue> = [];
+        let files: Array<FileValue> = [];
 
         if (value) {
-            files = (Array.isArray(value) ? value : joinValues ? (((value as any).value || value) as string).split(delimiter) : [((value as any).value || value) as string])
-            .map(item => FileControl.valueToFile(item, props) as FileValue)
-            .filter(item => item);
+            files = (Array.isArray(value)
+                ? value
+                : joinValues
+                ? (((value as any).value || value) as string).split(delimiter)
+                : [((value as any).value || value) as string]
+            )
+                .map(item => FileControl.valueToFile(item, props) as FileValue)
+                .filter(item => item);
         }
 
         this.state = {
@@ -157,42 +171,49 @@ export default class FileControl extends React.Component<FileProps, FileState> {
         this.uploadBigFile = this.uploadBigFile.bind(this);
     }
 
-    componentWillReceiveProps(nextProps:FileProps) {
+    componentWillReceiveProps(nextProps: FileProps) {
         const props = this.props;
 
         if (props.value !== nextProps.value) {
-            const value:string|Array<string | FileValue>|FileValue = nextProps.value;
+            const value: string | Array<string | FileValue> | FileValue = nextProps.value;
             const multiple = nextProps.multiple;
-            const joinValues =nextProps.joinValues;
+            const joinValues = nextProps.joinValues;
             const delimiter = nextProps.delimiter as string;
-            let files:Array<FileValue> = [];
+            let files: Array<FileValue> = [];
 
             if (value) {
-                files = (Array.isArray(value) ? value : joinValues && typeof value === 'string' ? value.split(delimiter) : [value as any])
-                .map(item => {
-                    let obj = FileControl.valueToFile(item, nextProps, this.state.files) as FileValue;
-                    let org;
+                files = (Array.isArray(value)
+                    ? value
+                    : joinValues && typeof value === 'string'
+                    ? value.split(delimiter)
+                    : [value as any]
+                )
+                    .map(item => {
+                        let obj = FileControl.valueToFile(item, nextProps, this.state.files) as FileValue;
+                        let org;
 
-                    if (obj && (org = find(this.state.files, (item:FileValue) => item.value === obj.value)) as FileValue) {
-                        obj = {
-                            ...org,
-                            ...obj
-                        };
-                    }
+                        if (
+                            obj &&
+                            ((org = find(this.state.files, (item: FileValue) => item.value === obj.value)) as FileValue)
+                        ) {
+                            obj = {
+                                ...org,
+                                ...obj
+                            };
+                        }
 
-                    return obj;
-                })
-                .filter(item => item);
+                        return obj;
+                    })
+                    .filter(item => item);
             }
 
-
             this.setState({
-                files: files,
+                files: files
             });
         }
     }
 
-    handleDrop(e:React.ChangeEvent<any>) {
+    handleDrop(e: React.ChangeEvent<any>) {
         const files = e.currentTarget.files;
 
         if (!files.length) {
@@ -200,13 +221,18 @@ export default class FileControl extends React.Component<FileProps, FileState> {
         }
 
         const {maxSize, multiple, maxLength} = this.props;
-        const allowed = (multiple ? maxLength ? maxLength : (files.length + this.state.files.length) : 1) - this.state.files.length;
+        const allowed =
+            (multiple ? (maxLength ? maxLength : files.length + this.state.files.length) : 1) - this.state.files.length;
 
-        const inputFiles:Array<FileX> = [];
+        const inputFiles: Array<FileX> = [];
 
-        [].slice.call(files, 0, allowed).forEach((file:FileX) => {
+        [].slice.call(files, 0, allowed).forEach((file: FileX) => {
             if (maxSize && file.size > maxSize) {
-                alert(`您选择的文件 ${file.name} 大小为 ${ImageControl.formatFileSize(file.size)} 超出了最大为 ${ImageControl.formatFileSize(maxSize)} 的限制，请重新选择`);
+                alert(
+                    `您选择的文件 ${file.name} 大小为 ${ImageControl.formatFileSize(
+                        file.size
+                    )} 超出了最大为 ${ImageControl.formatFileSize(maxSize)} 的限制，请重新选择`
+                );
                 return;
             }
 
@@ -218,18 +244,19 @@ export default class FileControl extends React.Component<FileProps, FileState> {
             return;
         }
 
-        this.setState({
-            error: null,
-            files: this.state.files.concat(inputFiles)
-        }, () => {
-            const {
-                autoUpload
-            } = this.props;
+        this.setState(
+            {
+                error: null,
+                files: this.state.files.concat(inputFiles)
+            },
+            () => {
+                const {autoUpload} = this.props;
 
-            if (autoUpload) {
-                this.startUpload();
+                if (autoUpload) {
+                    this.startUpload();
+                }
             }
-        });
+        );
     }
 
     startUpload() {
@@ -237,19 +264,22 @@ export default class FileControl extends React.Component<FileProps, FileState> {
             return;
         }
 
-        this.setState({
-            uploading: true,
-            files: this.state.files.map(file => {
-                if (file.state === 'error') {
-                    file.state = 'pending';
-                }
+        this.setState(
+            {
+                uploading: true,
+                files: this.state.files.map(file => {
+                    if (file.state === 'error') {
+                        file.state = 'pending';
+                    }
 
-                return file;
-            })
-        }, this.tick);
+                    return file;
+                })
+            },
+            this.tick
+        );
     }
 
-    toggleUpload(e:React.MouseEvent<HTMLButtonElement>) {
+    toggleUpload(e: React.MouseEvent<HTMLButtonElement>) {
         e.preventDefault();
         return this.state.uploading ? this.stopUpload() : this.startUpload();
     }
@@ -265,7 +295,9 @@ export default class FileControl extends React.Component<FileProps, FileState> {
     }
 
     tick() {
-        if (this.current || !this.state.uploading) {return;}
+        if (this.current || !this.state.uploading) {
+            return;
+        }
 
         const file = find(this.state.files, item => item.state === 'pending') as FileX;
         if (file) {
@@ -273,47 +305,58 @@ export default class FileControl extends React.Component<FileProps, FileState> {
 
             file.state = 'uploading';
 
-            this.setState({
-                files: this.state.files.concat()
-            }, () => this.sendFile(file, (error, file, obj) => {
-                const files = this.state.files.concat();
-                const idx = files.indexOf(file as FileX);
+            this.setState(
+                {
+                    files: this.state.files.concat()
+                },
+                () =>
+                    this.sendFile(file, (error, file, obj) => {
+                        const files = this.state.files.concat();
+                        const idx = files.indexOf(file as FileX);
 
-                if (!~idx) {
-                    return;
-                }
+                        if (!~idx) {
+                            return;
+                        }
 
-                let newFile:FileValue = file as FileValue;
+                        let newFile: FileValue = file as FileValue;
 
-                if (error) {
-                    newFile.state = 'error';
-                    newFile.error = error;
-                } else {
-                    newFile = obj as FileValue;
-                }
-                files.splice(idx, 1, newFile);
-                this.current = null;
-                this.setState({
-                    error: error ? error : null,
-                    files: files
-                }, this.tick);
-            }));
+                        if (error) {
+                            newFile.state = 'error';
+                            newFile.error = error;
+                        } else {
+                            newFile = obj as FileValue;
+                        }
+                        files.splice(idx, 1, newFile);
+                        this.current = null;
+                        this.setState(
+                            {
+                                error: error ? error : null,
+                                files: files
+                            },
+                            this.tick
+                        );
+                    })
+            );
         } else {
-            this.setState({
-                uploading: false
-            }, () => {
-                this.onChange();
+            this.setState(
+                {
+                    uploading: false
+                },
+                () => {
+                    this.onChange();
 
-                if (this.resolve) {
-                    this.resolve(this.state.files.some(file => file.state === 'error') ? '文件上传失败请重试' : null);
-                    this.resolve = undefined;
+                    if (this.resolve) {
+                        this.resolve(
+                            this.state.files.some(file => file.state === 'error') ? '文件上传失败请重试' : null
+                        );
+                        this.resolve = undefined;
+                    }
                 }
-            });
+            );
         }
     }
 
-
-    sendFile(file:FileX, cb:(error:null|string, file?:FileX, obj?: FileValue) => void) {
+    sendFile(file: FileX, cb: (error: null | string, file?: FileX, obj?: FileValue) => void) {
         const {
             reciever,
             fileField,
@@ -337,55 +380,75 @@ export default class FileControl extends React.Component<FileProps, FileState> {
                     url: '',
                     state: 'ready'
                 });
-            }
-            reader.onerror = (error:any) => cb(error.message);
+            };
+            reader.onerror = (error: any) => cb(error.message);
             return;
         } else if (asBlob) {
-            setTimeout(() => cb(null, file, {
-                name: file.name,
-                value: file,
-                url: '',
-                state: 'ready'
-            }), 4);
+            setTimeout(
+                () =>
+                    cb(null, file, {
+                        name: file.name,
+                        value: file,
+                        url: '',
+                        state: 'ready'
+                    }),
+                4
+            );
             return;
         }
 
-        let fn = useChunk === 'auto' && chunkSize && file.size > chunkSize || useChunk === true ? this.uploadBigFile : this.uploadFile;
+        let fn =
+            (useChunk === 'auto' && chunkSize && file.size > chunkSize) || useChunk === true
+                ? this.uploadBigFile
+                : this.uploadFile;
 
-        fn(file, reciever as string, {}, {
-            fieldName: fileField,
-            chunkSize,
-            startChunkApi,
-            chunkApi,
-            finishChunkApi
-        })
-        .then(ret => {
-            if (ret.status || !ret.data) {
-                throw new Error(ret.msg || '上传失败, 请重试');
+        fn(
+            file,
+            reciever as string,
+            {},
+            {
+                fieldName: fileField,
+                chunkSize,
+                startChunkApi,
+                chunkApi,
+                finishChunkApi
             }
+        )
+            .then(ret => {
+                if (ret.status || !ret.data) {
+                    throw new Error(ret.msg || '上传失败, 请重试');
+                }
 
-            const value = (ret.data as any).value || ret.data;
+                const value = (ret.data as any).value || ret.data;
 
-            cb(null, file, {
-                ...isPlainObject(ret.data) ? ret.data : null,
-                value: value,
-                url: typeof downloadUrl === 'string' && value ? `${downloadUrl}${value}` : ret.data ? (ret.data as any).url : null,
-                state: 'uploaded'
+                cb(null, file, {
+                    ...(isPlainObject(ret.data) ? ret.data : null),
+                    value: value,
+                    url:
+                        typeof downloadUrl === 'string' && value
+                            ? `${downloadUrl}${value}`
+                            : ret.data
+                            ? (ret.data as any).url
+                            : null,
+                    state: 'uploaded'
+                });
+            })
+            .catch(error => {
+                cb(error.message || '上传失败, 请重试', file);
             });
-        })
-        .catch(error => {
-            cb(error.message || '上传失败, 请重试', file);
-        })
     }
 
-    removeFile(file:FileX | FileValue, index:number) {
+    removeFile(file: FileX | FileValue, index: number) {
         const files = this.state.files.concat();
 
         files.splice(index, 1);
 
-        this.setState({
-            files: files
-        }, this.onChange);
+        this.setState(
+            {
+                files: files
+            },
+            this.onChange
+        );
     }
 
     clearError() {
@@ -395,26 +458,21 @@ export default class FileControl extends React.Component<FileProps, FileState> {
     }
 
     onChange() {
-        const {
-            multiple,
-            onChange,
-            joinValues,
-            extractValue,
-            valueField,
-            delimiter,
-            resetValue,
-            asBlob
-        } = this.props;
+        const {multiple, onChange, joinValues, extractValue, valueField, delimiter, resetValue, asBlob} = this.props;
 
         const files = this.state.files.filter(file => ~['uploaded', 'init', 'ready'].indexOf(file.state as string));
-        let value:any = multiple ? files : files[0];
+        let value: any = multiple ? files : files[0];
 
         if (value) {
             if (extractValue || asBlob) {
-                value = Array.isArray(value) ? value.map((item: any) => item[valueField || 'value']) : value[valueField || 'value'];
+                value = Array.isArray(value)
+                    ? value.map((item: any) => item[valueField || 'value'])
+                    : value[valueField || 'value'];
             } else if (joinValues) {
-                value = Array.isArray(value) ? value.map((item: any) => item[valueField || 'value']).join(delimiter || ',') : value[valueField || 'value'];
-            } 
+                value = Array.isArray(value)
+                    ? value.map((item: any) => item[valueField || 'value']).join(delimiter || ',')
+                    : value[valueField || 'value'];
+            }
         } else {
             value = typeof resetValue === 'undefined' ? '' : resetValue;
         }
@@ -422,7 +480,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
         onChange(value);
     }
 
-    uploadFile(file:FileX, reciever:string, params:object, config:Partial<FileProps> = {}):Promise<Payload> {
+    uploadFile(file: FileX, reciever: string, params: object, config: Partial<FileProps> = {}): Promise<Payload> {
         const fd = new FormData();
 
         reciever = filter(reciever, this.props.data);
@@ -445,7 +503,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
         });
     }
 
-    uploadBigFile(file:FileX, reciever:string, params:object, config:Partial<FileProps> = {}):Promise<Payload> {
+    uploadBigFile(file: FileX, reciever: string, params: object, config: Partial<FileProps> = {}): Promise<Payload> {
         const chunkSize = config.chunkSize || 5 * 1024 * 1024;
         const self = this;
 
@@ -454,8 +512,8 @@ export default class FileControl extends React.Component<FileProps, FileState> {
             uploadId: string;
             loaded: number;
             total: number;
-            [propName:string]: any;
-        };
+            [propName: string]: any;
+        }
 
         interface Task {
             file: File;
@@ -463,18 +521,17 @@ export default class FileControl extends React.Component<FileProps, FileState> {
             partSize: number;
             start: number;
             stop: number;
-            [propName:string]: any;
-        };
+            [propName: string]: any;
+        }
 
         return new Promise((resolve, reject) => {
-
-            let state:ObjectState;
+            let state: ObjectState;
 
             self._send(config.startChunkApi as string, {filename: file.name})
-            .then(startChunk)
-            .catch(reject);
+                .then(startChunk)
+                .catch(reject);
 
-            function startChunk(ret:Payload) {
+            function startChunk(ret: Payload) {
                 const tasks = getTasks(file);
 
                 if (!ret.data) {
@@ -488,7 +545,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
                     total: tasks.length
                 };
 
-                mapLimit(tasks, 3, uploadPartFile(state, config), function (err, results) {
+                mapLimit(tasks, 3, uploadPartFile(state, config), function(err, results) {
                     if (err) {
                         reject(err);
                     } else {
@@ -497,20 +554,22 @@ export default class FileControl extends React.Component<FileProps, FileState> {
                 });
             }
 
-            function finishChunk(partList:Array<any>|undefined, state:ObjectState) {
+            function finishChunk(partList: Array<any> | undefined, state: ObjectState) {
                 self._send(config.finishChunkApi as string, {
                     ...params,
                     uploadId: state.uploadId,
                     key: state.key,
                     filename: file.name,
                     partList
-                }).then(resolve).catch(reject);
+                })
+                    .then(resolve)
+                    .catch(reject);
             }
 
-            function uploadPartFile(state:ObjectState, conf:Partial<FileProps>) {
+            function uploadPartFile(state: ObjectState, conf: Partial<FileProps>) {
                 reciever = conf.chunkApi as string;
 
-                return (task:Task, callback:(error:any, value?:any) => void) => {
+                return (task: Task, callback: (error: any, value?: any) => void) => {
                     const fd = new FormData();
                     let blob = task.file.slice(task.start, task.stop + 1);
 
@@ -520,26 +579,27 @@ export default class FileControl extends React.Component<FileProps, FileState> {
                     fd.append('partSize', task.partSize.toString());
                     fd.append(config.fieldName || 'file', blob, file.name);
 
-                    return self._send(reciever, fd, {
-                        withCredentials: true
-                    })
-                    .then(ret => {
-                        state.loaded++;
-                        callback(null, {
-                            partNumber: task.partNumber,
-                            eTag: (ret.data as any).eTag
-                        });
-                    })
-                    .catch(callback);
-                }
+                    return self
+                        ._send(reciever, fd, {
+                            withCredentials: true
+                        })
+                        .then(ret => {
+                            state.loaded++;
+                            callback(null, {
+                                partNumber: task.partNumber,
+                                eTag: (ret.data as any).eTag
+                            });
+                        })
+                        .catch(callback);
+                };
             }
 
-            function getTasks(file:FileX):Array<Task> {
+            function getTasks(file: FileX): Array<Task> {
                 let leftSize = file.size;
                 let offset = 0;
                 let partNumber = 1;
 
-                let tasks:Array<Task> = [];
+                let tasks: Array<Task> = [];
 
                 while (leftSize > 0) {
                     let partSize = Math.min(leftSize, chunkSize);
@@ -558,10 +618,10 @@ export default class FileControl extends React.Component<FileProps, FileState> {
 
                 return tasks;
             }
-        })
+        });
     }
 
-    _send(reciever:string, data:any, options?:object):Promise<Payload> {
+    _send(reciever: string, data: any, options?: object): Promise<Payload> {
         const env = this.props.env;
 
         if (!env || !env.fetcher) {
@@ -575,9 +635,9 @@ export default class FileControl extends React.Component<FileProps, FileState> {
         });
     }
 
-    validate():any {
+    validate(): any {
         if (this.state.uploading || this.state.files.some(item => item.state === 'pending')) {
-            return new Promise((resolve) => {
+            return new Promise(resolve => {
                 this.resolve = resolve;
                 this.startUpload();
             });
@@ -602,11 +662,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
             asBlob,
             joinValues
         } = this.props;
-        let {
-            files,
-            uploading,
-            error
-        } = this.state;
+        let {files, uploading, error} = this.state;
 
         const hasPending = files.some(file => file.state == 'pending');
 
@@ -620,47 +676,67 @@ export default class FileControl extends React.Component<FileProps, FileState> {
 
                 {files && files.length ? (
                     <ul className="list-group no-bg m-b-sm">
-                    {files.map((file, key) => (
-                        <li key={key} className="list-group-item clearfix">
-                        <a
-                            className="text-danger pull-right"
-                            onClick={() => this.removeFile(file, key)}
-                            href="javascript:void 0"
-                            data-tooltip="移除"
-                        ><i className="fa fa-times" /></a>
-                        <span className="pull-right text-muted text-xs m-r-sm">{stateTextMap && stateTextMap[file.state as string] || ''}</span>
-                        <i className="fa fa-file fa-fw m-r-xs" />
-                        {(file as FileValue).url ? (<a href={(file as FileValue).url} target="_blank">{file.name || (file as FileValue).filename || (file as FileValue).value}</a>) : (<span>{file.name || (file as FileValue).filename}</span>)}
-                        </li>
-                    ))}
+                        {files.map((file, key) => (
+                            <li key={key} className="list-group-item clearfix">
+                                <a
+                                    className="text-danger pull-right"
+                                    onClick={() => this.removeFile(file, key)}
+                                    href="javascript:void 0"
+                                    data-tooltip="移除"
+                                >
+                                    <i className="fa fa-times" />
+                                </a>
+                                <span className="pull-right text-muted text-xs m-r-sm">
+                                    {(stateTextMap && stateTextMap[file.state as string]) || ''}
+                                </span>
+                                <i className="fa fa-file fa-fw m-r-xs" />
+                                {(file as FileValue).url ? (
+                                    <a href={(file as FileValue).url} target="_blank">
+                                        {file.name || (file as FileValue).filename || (file as FileValue).value}
+                                    </a>
+                                ) : (
+                                    <span>{file.name || (file as FileValue).filename}</span>
+                                )}
+                            </li>
+                        ))}
                     </ul>
                 ) : null}
 
                 <div className="clear">
-                {multiple && (!maxLength || files.length < maxLength) || !multiple && !files.length ? (
-                    <label className={cx("btn m-r-xs", btnClassName, {disabled})}>
-                    <input type="file" accept={accept} disabled={disabled} multiple={multiple} className="invisible" onChange={this.handleDrop} />
-                    {btnLabel}
-                    </label>
-                ) : null}
+                    {(multiple && (!maxLength || files.length < maxLength)) || (!multiple && !files.length) ? (
+                        <label className={cx('btn m-r-xs', btnClassName, {disabled})}>
+                            <input
+                                type="file"
+                                accept={accept}
+                                disabled={disabled}
+                                multiple={multiple}
+                                className="invisible"
+                                onChange={this.handleDrop}
+                            />
+                            {btnLabel}
+                        </label>
+                    ) : null}
 
-                {!autoUpload && !hideUploadButton && files.length ? (
-                    <button type="button" className={cx('btn m-r-xs', btnUploadClassName)} disabled={!hasPending} onClick={this.toggleUpload}>
-                    {uploading ? '暂停上传' : '开始上传'}
-                    </button>
-                ) : null}
+                    {!autoUpload && !hideUploadButton && files.length ? (
+                        <button
+                            type="button"
+                            className={cx('btn m-r-xs', btnUploadClassName)}
+                            disabled={!hasPending}
+                            onClick={this.toggleUpload}
+                        >
+                            {uploading ? '暂停上传' : '开始上传'}
+                        </button>
+                    ) : null}
 
-                {this.state.uploading ? (<i className="fa fa-spinner fa-spin fa-2x fa-fw" />) : null}
+                    {this.state.uploading ? <i className="fa fa-spinner fa-spin fa-2x fa-fw" /> : null}
                 </div>
             </div>
         );
     }
 }
 
-
 @FormItem({
     type: 'file',
     sizeMutable: false
 })
-export class FileControlRenderer extends FileControl {};
-
+export class FileControlRenderer extends FileControl {}
diff --git a/src/renderers/Form/Formula.tsx b/src/renderers/Form/Formula.tsx
index 939050fbd..aec09491c 100644
--- a/src/renderers/Form/Formula.tsx
+++ b/src/renderers/Form/Formula.tsx
@@ -1,15 +1,7 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
-import {
-    evalJS,
-    filter
-} from '../../utils/tpl';
-import {
-    isObjectShallowModified
-} from '../../utils/helper';
+import {FormItem, FormControlProps} from './Item';
+import {evalJS, filter} from '../../utils/tpl';
+import {isObjectShallowModified} from '../../utils/helper';
 
 export interface FormulaProps extends FormControlProps {
     formula?: string;
@@ -19,14 +11,8 @@ export interface FormulaProps extends FormControlProps {
 }
 
 export default class FormulaControl extends React.Component<FormControlProps, any> {
-
     componentDidMount() {
-        const {
-            formula,
-            data,
-            setPrinstineValue,
-            initSet
-        } = this.props;
+        const {formula, data, setPrinstineValue, initSet} = this.props;
 
         if (!formula || initSet === false) {
             return;
@@ -37,24 +23,25 @@ export default class FormulaControl extends React.Component<FormControlProps, an
     }
 
     componentWillReceiveProps(nextProps: FormControlProps) {
-        const {
-            formula,
-            data,
-            onChange,
-            autoSet,
-            value,
-            condition
-        } = this.props;
-        
-        if (autoSet !== false && formula && nextProps.formula && isObjectShallowModified(data, nextProps.data, false) && value === nextProps.value) {
+        const {formula, data, onChange, autoSet, value, condition} = this.props;
+
+        if (
+            autoSet !== false &&
+            formula &&
+            nextProps.formula &&
+            isObjectShallowModified(data, nextProps.data, false) &&
+            value === nextProps.value
+        ) {
             const nextResult: any = evalJS(nextProps.formula, nextProps.data as object);
 
             if (condition && nextProps.condition) {
-                if (!!~condition.indexOf("$") || !!~condition.indexOf("<%")) {  // 使用${xxx}，来监听某个变量的变化
+                if (!!~condition.indexOf('$') || !!~condition.indexOf('<%')) {
+                    // 使用${xxx}，来监听某个变量的变化
                     if (filter(condition, data) !== filter(nextProps.condition, nextProps.data)) {
                         onChange(nextResult);
                     }
-                } else if (evalJS(nextProps.condition, nextProps.data as object)) {  // 使用 data.xxx == 'a' 表达式形式来判断
+                } else if (evalJS(nextProps.condition, nextProps.data as object)) {
+                    // 使用 data.xxx == 'a' 表达式形式来判断
                     onChange(nextResult);
                 }
             } else {
@@ -69,13 +56,7 @@ export default class FormulaControl extends React.Component<FormControlProps, an
     doAction() {
         // 不细化具体是啥动作了，先重新计算，并把值运用上。
 
-        const {
-            formula,
-            data,
-            onChange,
-            autoSet,
-            value
-        } = this.props;
+        const {formula, data, onChange, autoSet, value} = this.props;
 
         const result: any = evalJS(formula, data as object);
         onChange(result);
@@ -92,4 +73,4 @@ export default class FormulaControl extends React.Component<FormControlProps, an
     strictMode: false,
     sizeMutable: false
 })
-export class FormulaControlRenderer extends FormulaControl { };
+export class FormulaControlRenderer extends FormulaControl {}
diff --git a/src/renderers/Form/Grid.tsx b/src/renderers/Form/Grid.tsx
index 082818edc..a0de443dd 100644
--- a/src/renderers/Form/Grid.tsx
+++ b/src/renderers/Form/Grid.tsx
@@ -1,19 +1,13 @@
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
-import Grid, { ColumnNode, Column, ColProps, ColumnArray } from '../Grid';
-import { Schema } from '../../types';
+import {Renderer, RendererProps} from '../../factory';
+import Grid, {ColumnNode, Column, ColProps, ColumnArray} from '../Grid';
+import {Schema} from '../../types';
 
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
-import pick = require("lodash/pick");
+import {FormItem, FormControlProps} from './Item';
+import pick = require('lodash/pick');
 import React from 'react';
 import cx from 'classnames';
 
-export interface GridProps extends FormControlProps {};
+export interface GridProps extends FormControlProps {}
 const defaultHorizontal = {
     left: 'col-sm-4',
     right: 'col-sm-8',
@@ -26,18 +20,11 @@ const defaultHorizontal = {
     sizeMutable: false
 })
 export class GridRenderer extends Grid<GridProps> {
-    static propsList: Array<string> = ["columns"];
+    static propsList: Array<string> = ['columns'];
     static defaultProps = {};
-    
-    renderChild(region:string, node:Schema, key: number, length: number) {
-        const {
-            render,
-            renderFormItems,
-            classnames: cx,
-            $path,
-            itemRender,
-            store
-        } = this.props;
+
+    renderChild(region: string, node: Schema, key: number, length: number) {
+        const {render, renderFormItems, classnames: cx, $path, itemRender, store} = this.props;
 
         if (node && !node.type && (node.controls || node.tabs || node.feildSet)) {
             return (
@@ -53,6 +40,6 @@ export class GridRenderer extends Grid<GridProps> {
             );
         }
 
-        return itemRender ?  itemRender(node, key, length, this.props) : render(region, node.body || node);
+        return itemRender ? itemRender(node, key, length, this.props) : render(region, node.body || node);
     }
 }
diff --git a/src/renderers/Form/Group.tsx b/src/renderers/Form/Group.tsx
index c0d3c5bb5..08c306c7d 100644
--- a/src/renderers/Form/Group.tsx
+++ b/src/renderers/Form/Group.tsx
@@ -1,44 +1,42 @@
 import React from 'react';
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
-import { Schema } from '../../types';
+import {Renderer, RendererProps} from '../../factory';
+import {Schema} from '../../types';
 import {isVisible, getWidthRate, makeHorizontalDeeper} from '../../utils/helper';
 import cx from 'classnames';
-import { FormItemWrap } from './Item';
+import {FormItemWrap} from './Item';
 
 export interface InputGroupProps extends RendererProps {
     formMode?: string;
     controls: Array<any>;
     gap?: 'xs' | 'sm' | 'normal';
     direction: 'horizontal' | 'vertical';
-};
+}
 
 @Renderer({
     test: /(^|\/)form(?:\/.+)?\/control\/(?:\d+\/)?group$/,
     sizeMutable: false,
-    name: "group-control"
+    name: 'group-control'
 })
 export class ControlGroupRenderer extends React.Component<InputGroupProps> {
-    constructor(props:InputGroupProps) {
-        super(props)
+    constructor(props: InputGroupProps) {
+        super(props);
         this.renderInput = this.renderInput.bind(this);
     }
 
-    renderControl(control:any, index:any, otherProps?: any) {
-        const {
-            render
-        } = this.props;
+    renderControl(control: any, index: any, otherProps?: any) {
+        const {render} = this.props;
 
         if (!control) {
             return null;
         }
 
-        const subSchema: any = control && (control as Schema).type === 'control' ? control : {
-            type: 'control',
-            control
-        };
+        const subSchema: any =
+            control && (control as Schema).type === 'control'
+                ? control
+                : {
+                      type: 'control',
+                      control
+                  };
 
         if (subSchema.control) {
             let control = subSchema.control as Schema;
@@ -52,26 +50,19 @@ export class ControlGroupRenderer extends React.Component<InputGroupProps> {
     }
 
     renderVertical(props = this.props) {
-        let {
-            controls,
-            className,
-            classnames: cx,
-            mode,
-            formMode,
-            data,
-        } = props;
+        let {controls, className, classnames: cx, mode, formMode, data} = props;
 
         formMode = mode || formMode;
         controls = controls.filter(item => isVisible(item, data));
-        
+
         return (
             <div className={cx(`Form-group Form-group--ver Form-group--${formMode}`, className)}>
                 {controls.map((control, index) => {
                     if (!isVisible(control, data)) {
                         return null;
                     }
-                    
-                    const controlMode = control && control.mode || formMode;
+
+                    const controlMode = (control && control.mode) || formMode;
 
                     return this.renderControl(control, index, {
                         key: index,
@@ -79,7 +70,7 @@ export class ControlGroupRenderer extends React.Component<InputGroupProps> {
                     });
                 })}
             </div>
-        )
+        );
     }
 
     renderHorizontal(props = this.props) {
@@ -93,20 +84,26 @@ export class ControlGroupRenderer extends React.Component<InputGroupProps> {
             formMode,
             formHorizontal,
             data,
-            gap,
+            gap
         } = props;
 
         formMode = mode || formMode;
-        
+
         return (
-            <div className={cx(`Form-group Form-group--hor Form-group--${formMode}`, gap ? `Form-group--${gap}` : '', className)}>
+            <div
+                className={cx(
+                    `Form-group Form-group--hor Form-group--${formMode}`,
+                    gap ? `Form-group--${gap}` : '',
+                    className
+                )}
+            >
                 {controls.map((control, index) => {
                     if (!isVisible(control, data)) {
                         return null;
                     }
-                    const controlMode = control && control.mode || formMode;
+                    const controlMode = (control && control.mode) || formMode;
 
-                    if (controlMode === 'inline' || control && control.type === "formula") {
+                    if (controlMode === 'inline' || (control && control.type === 'formula')) {
                         return this.renderControl(control, index, {
                             formMode: 'inline',
                             key: index,
@@ -115,10 +112,18 @@ export class ControlGroupRenderer extends React.Component<InputGroupProps> {
                     }
 
                     const columnWidth = control.columnRatio || getWidthRate(control && control.columnClassName);
-                    let horizontalDeeper = horizontal || makeHorizontalDeeper(formHorizontal, controls.filter(item => item.mode !== 'inline').length);
+                    let horizontalDeeper =
+                        horizontal ||
+                        makeHorizontalDeeper(formHorizontal, controls.filter(item => item.mode !== 'inline').length);
 
                     return (
-                        <div key={index} className={cx(`${ns}Form-groupColumn`, columnWidth ? `${ns}Form-groupColumn--${columnWidth}` : '')}>
+                        <div
+                            key={index}
+                            className={cx(
+                                `${ns}Form-groupColumn`,
+                                columnWidth ? `${ns}Form-groupColumn--${columnWidth}` : ''
+                            )}
+                        >
                             {this.renderControl(control, index, {
                                 formHorizontal: horizontalDeeper,
                                 formMode: controlMode
@@ -127,29 +132,19 @@ export class ControlGroupRenderer extends React.Component<InputGroupProps> {
                     );
                 })}
             </div>
-        )
+        );
     }
 
     renderInput(props = this.props) {
         const direction = props.direction;
-        return direction === "vertical" ? this.renderVertical(props) : this.renderHorizontal(props);
+        return direction === 'vertical' ? this.renderVertical(props) : this.renderHorizontal(props);
     }
 
     render() {
-        const {
-            label,
-            ...rest
-        } = this.props;
+        const {label, ...rest} = this.props;
 
         if (label) {
-            return (
-                <FormItemWrap
-                    {...rest as any}
-                    sizeMutable={false}
-                    label={label}
-                    renderControl={this.renderInput}
-                />
-            );
+            return <FormItemWrap {...rest as any} sizeMutable={false} label={label} renderControl={this.renderInput} />;
         }
 
         return this.renderInput();
diff --git a/src/renderers/Form/HBox.tsx b/src/renderers/Form/HBox.tsx
index 8581bd1a7..f2d4c1f4f 100644
--- a/src/renderers/Form/HBox.tsx
+++ b/src/renderers/Form/HBox.tsx
@@ -1,20 +1,14 @@
 import React from 'react';
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {Renderer, RendererProps} from '../../factory';
+import {FormItem, FormControlProps} from './Item';
 import HBox from '../HBox';
-import { Schema } from '../../types';
+import {Schema} from '../../types';
 import cx from 'classnames';
-import { isVisible } from '../../utils/helper';
+import {isVisible} from '../../utils/helper';
 
 interface HBoxProps extends FormControlProps {
     size?: string;
-};
+}
 
 @FormItem({
     type: 'hbox',
@@ -22,15 +16,11 @@ interface HBoxProps extends FormControlProps {
     sizeMutable: false
 })
 export class HBoxRenderer extends React.Component<HBoxProps, any> {
-    static propsList: Array<string> = ["columns"];
+    static propsList: Array<string> = ['columns'];
     static defaultProps: Partial<HBoxProps> = {};
 
     renderColumn(column: any, key: number, length: number) {
-        const {
-            itemRender,
-            data,
-            classPrefix: ns
-        } = this.props;
+        const {itemRender, data, classPrefix: ns} = this.props;
 
         if (!isVisible(column, data)) {
             return null;
@@ -53,14 +43,8 @@ export class HBoxRenderer extends React.Component<HBoxProps, any> {
         );
     }
 
-    renderChild(region:string, node:Schema) {
-        const {
-            render,
-            renderFormItems,
-            formMode,
-            store,
-            $path
-        } = this.props;
+    renderChild(region: string, node: Schema) {
+        const {render, renderFormItems, formMode, store, $path} = this.props;
 
         if (node && !node.type && (node.controls || node.tabs || node.feildSet)) {
             return renderFormItems(node, ($path as string).replace(/^.*form\//, ''), {
@@ -80,19 +64,12 @@ export class HBoxRenderer extends React.Component<HBoxProps, any> {
     }
 
     render() {
-        const {
-            className,
-            columns,
-            gap,
-            classPrefix: ns
-        } = this.props;
+        const {className, columns, gap, classPrefix: ns} = this.props;
 
         return (
             <div className={cx(`${ns}FormHbox`, gap ? `${ns}Hbox--${gap}` : '', className)}>
                 <div className={`${ns}Hbox`}>
-                    {columns.map((column:any, key:number) =>
-                        this.renderColumn(column, key, columns.length)
-                    )}
+                    {columns.map((column: any, key: number) => this.renderColumn(column, key, columns.length))}
                 </div>
             </div>
         );
diff --git a/src/renderers/Form/Hidden.tsx b/src/renderers/Form/Hidden.tsx
index c0d79bb22..1b0c2127e 100644
--- a/src/renderers/Form/Hidden.tsx
+++ b/src/renderers/Form/Hidden.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 
 export default class HiddenControl extends React.Component<FormControlProps, any> {
     render() {
@@ -15,4 +12,4 @@ export default class HiddenControl extends React.Component<FormControlProps, any
     wrap: false,
     sizeMutable: false
 })
-export class HiddenControlRenderer extends HiddenControl {};
+export class HiddenControlRenderer extends HiddenControl {}
diff --git a/src/renderers/Form/IconPicker.tsx b/src/renderers/Form/IconPicker.tsx
index 9fddc614b..1abe7174f 100644
--- a/src/renderers/Form/IconPicker.tsx
+++ b/src/renderers/Form/IconPicker.tsx
@@ -1,50 +1,47 @@
 import React from 'react';
 import cx from 'classnames';
 import matchSorter from 'match-sorter';
-import keycode from "keycode";
-import Downshift, { StateChangeOptions } from 'downshift';
-import { autobind } from '../../utils/helper';
-import { ICONS } from './IconPickerIcons';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import keycode from 'keycode';
+import Downshift, {StateChangeOptions} from 'downshift';
+import {autobind} from '../../utils/helper';
+import {ICONS} from './IconPickerIcons';
+import {FormItem, FormControlProps} from './Item';
 
 export interface Option {
     label?: string;
     value?: any;
-};
+}
 
 export interface IconPickerProps extends FormControlProps {
     placeholder?: string;
     resetValue?: any;
     noDataTip?: string;
-};
+}
 
 export interface IconPickerState {
     isOpen?: boolean;
     inputValue?: string;
     isFocused?: boolean;
     vendorIndex?: number;
-};
+}
 
 export default class IconPickerControl extends React.PureComponent<IconPickerProps, IconPickerState> {
-    input?:HTMLInputElement;
+    input?: HTMLInputElement;
 
-    state:IconPickerState = {
+    state: IconPickerState = {
         isOpen: false,
         inputValue: '',
         isFocused: false,
         vendorIndex: 0
     };
 
-    static defaultProps:Pick<IconPickerProps, 'resetValue' | 'placeholder' | 'noDataTip'> = {
+    static defaultProps: Pick<IconPickerProps, 'resetValue' | 'placeholder' | 'noDataTip'> = {
         resetValue: '',
         placeholder: '',
         noDataTip: '未找到匹配的图标'
     };
 
-    componentWillReceiveProps(nextProps:IconPickerProps) {
+    componentWillReceiveProps(nextProps: IconPickerProps) {
         const props = this.props;
 
         if (props.value !== nextProps.value) {
@@ -55,19 +52,20 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
     }
 
     @autobind
-    changeVendor(index:number) {
-        this.setState({
-            vendorIndex: index
-        }, this.formatOptions);
+    changeVendor(index: number) {
+        this.setState(
+            {
+                vendorIndex: index
+            },
+            this.formatOptions
+        );
     }
 
     @autobind
     formatOptions() {
         let vendorIndex = this.state.vendorIndex || 0;
         let {prefix, icons} = ICONS[vendorIndex];
-        return icons.map((icon:string) => (
-            {label: prefix + icon, value: prefix + icon}
-        ));
+        return icons.map((icon: string) => ({label: prefix + icon, value: prefix + icon}));
     }
 
     @autobind
@@ -76,9 +74,9 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
     }
 
     @autobind
-    inputRef(ref:any) {
+    inputRef(ref: any) {
         this.input = ref;
-    };
+    }
 
     @autobind
     focus() {
@@ -101,7 +99,7 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
     }
 
     @autobind
-    handleFocus(e:any) {
+    handleFocus(e: any) {
         this.setState({
             isOpen: true,
             isFocused: true
@@ -111,27 +109,25 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
     }
 
     @autobind
-    handleBlur(e:any) {
-        const {
-            onBlur,
-            trimContents,
-            value,
-            onChange
-        } = this.props;
+    handleBlur(e: any) {
+        const {onBlur, trimContents, value, onChange} = this.props;
 
-        this.setState({
-            isFocused: false
-        }, () => {
-            if (trimContents && value && typeof value === "string") {
-                onChange(value.trim());
+        this.setState(
+            {
+                isFocused: false
+            },
+            () => {
+                if (trimContents && value && typeof value === 'string') {
+                    onChange(value.trim());
+                }
             }
-        });
+        );
 
         onBlur && onBlur(e);
     }
 
     @autobind
-    handleInputChange(evt:React.ChangeEvent<HTMLInputElement>) {
+    handleInputChange(evt: React.ChangeEvent<HTMLInputElement>) {
         let value = evt.currentTarget.value;
 
         this.setState({
@@ -140,15 +136,13 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
     }
 
     @autobind
-    handleKeyDown(evt:React.KeyboardEvent<HTMLInputElement>) {
+    handleKeyDown(evt: React.KeyboardEvent<HTMLInputElement>) {
         const code = keycode(evt.keyCode);
         if (code !== 'backspace') {
             return;
         }
 
-        const {
-            onChange
-        } = this.props;
+        const {onChange} = this.props;
 
         if (!this.state.inputValue) {
             onChange('');
@@ -159,7 +153,7 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
     }
 
     @autobind
-    handleChange(value:any) {
+    handleChange(value: any) {
         const {onChange} = this.props;
 
         onChange(value);
@@ -170,7 +164,7 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
     }
 
     @autobind
-    handleStateChange(changes:StateChangeOptions<any>) {
+    handleStateChange(changes: StateChangeOptions<any>) {
         switch (changes.type) {
             case Downshift.stateChangeTypes.itemMouseEnter:
             case Downshift.stateChangeTypes.changeInput:
@@ -179,7 +173,7 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
                 });
                 break;
             default:
-                const state:IconPickerState = {};
+                const state: IconPickerState = {};
                 if (typeof changes.isOpen !== 'undefined') {
                     state.isOpen = changes.isOpen;
                 }
@@ -194,19 +188,15 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
     }
 
     renderFontIcons() {
-        const {
-            className,
-            inputOnly,
-            placeholder,
-            classnames: cx,
-            name,
-            value,
-            noDataTip,
-            formItem
-        } = this.props;
+        const {className, inputOnly, placeholder, classnames: cx, name, value, noDataTip, formItem} = this.props;
         const options = this.formatOptions();
         const vendors = this.getVendors();
-        const selectedOptions = formItem && formItem.selectedOptions.length ? formItem.selectedOptions : value ? [{label: value, value: value}] : [];
+        const selectedOptions =
+            formItem && formItem.selectedOptions.length
+                ? formItem.selectedOptions
+                : value
+                ? [{label: value, value: value}]
+                : [];
 
         return (
             <Downshift
@@ -215,88 +205,110 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
                 onChange={this.handleChange}
                 onOuterClick={this.handleBlur}
                 onStateChange={this.handleStateChange}
-                selectedItem={selectedOptions.map((option:Option) => option['value'])}
-            >{({
-                getInputProps,
-                getItemProps,
-                isOpen,
-                inputValue,
-                selectedItem
-            }) => {
-                let filteredOptions = inputValue && isOpen ? matchSorter(options, inputValue, {keys: ['label', 'value']}) : options;
-                filteredOptions = filteredOptions.filter((option:any) => !~selectedItem.indexOf(option.value));
+                selectedItem={selectedOptions.map((option: Option) => option['value'])}
+            >
+                {({getInputProps, getItemProps, isOpen, inputValue, selectedItem}) => {
+                    let filteredOptions =
+                        inputValue && isOpen ? matchSorter(options, inputValue, {keys: ['label', 'value']}) : options;
+                    filteredOptions = filteredOptions.filter((option: any) => !~selectedItem.indexOf(option.value));
 
-                return  (
-                    <div
-                        className={cx(`IconPickerControl-input IconPickerControl-input--withAC`, inputOnly ? className : '', {
-                            'is-opened': isOpen
-                        })}
-                        onClick={this.handleClick}
-                    >
-                        <div className={cx("IconPickerControl-valueWrap")}>
-                            {placeholder && !selectedOptions.length && !this.state.inputValue ? (
-                                <div className={cx("IconPickerControl-placeholder")}>{placeholder}</div>
-                            ) : null}
+                    return (
+                        <div
+                            className={cx(
+                                `IconPickerControl-input IconPickerControl-input--withAC`,
+                                inputOnly ? className : '',
+                                {
+                                    'is-opened': isOpen
+                                }
+                            )}
+                            onClick={this.handleClick}
+                        >
+                            <div className={cx('IconPickerControl-valueWrap')}>
+                                {placeholder && !selectedOptions.length && !this.state.inputValue ? (
+                                    <div className={cx('IconPickerControl-placeholder')}>{placeholder}</div>
+                                ) : null}
 
-                            {selectedOptions.map((option:Option, index:number) => inputValue && isOpen ? null : (
-                                <div className={cx('IconPickerControl-value')} key={index}>
-                                    <i className={cx(`${option.value}`)}></i>
-                                    {option.label}
-                                </div>
-                            ))}
-
-                            <input
-                                {...getInputProps({
-                                    name,
-                                    ref: this.inputRef,
-                                    onFocus: this.handleFocus,
-                                    onChange: this.handleInputChange,
-                                    onKeyDown: this.handleKeyDown
-                                })}
-                                autoComplete="off"
-                            />
-                        </div>
-                        {isOpen ? (
-                            <div className={cx('IconPickerControl-sugsPanel')}>
-                                {vendors.length > 1 ? <div className={cx('IconPickerControl-tabs')}>
-                                    {vendors.map((vendor:string, index: number) => (
-                                        <div
-                                            className={cx('IconPickerControl-tab', {'active': this.state.vendorIndex === index})}
-                                            onClick={() => this.changeVendor(index)}
-                                            key={index}
-                                        >
-                                            {vendor}
+                                {selectedOptions.map((option: Option, index: number) =>
+                                    inputValue && isOpen ? null : (
+                                        <div className={cx('IconPickerControl-value')} key={index}>
+                                            <i className={cx(`${option.value}`)} />
+                                            {option.label}
                                         </div>
-                                    ))}
-                                </div> : null}
+                                    )
+                                )}
 
-                                {filteredOptions.length ? <div className={cx('IconPickerControl-sugs', vendors.length > 1 ? 'IconPickerControl-multiVendor' : 'IconPickerControl-singleVendor')}>
-                                    {filteredOptions.map((option:Option, index:number) => (
-                                        <div
-                                            {...getItemProps({
-                                                item: option.value,
-                                                className: cx(`IconPickerControl-sugItem`)
-                                            })}
-                                            key={index}
-                                        >
-                                            <i className={cx(`${option.value}`)} title={`${option.value}`}></i>
-                                        </div>
-                                    ))}
-                                </div> : <div className={cx(vendors.length > 1 ? 'IconPickerControl-multiVendor' : 'IconPickerControl-singleVendor')}>{noDataTip}</div>}
+                                <input
+                                    {...getInputProps({
+                                        name,
+                                        ref: this.inputRef,
+                                        onFocus: this.handleFocus,
+                                        onChange: this.handleInputChange,
+                                        onKeyDown: this.handleKeyDown
+                                    })}
+                                    autoComplete="off"
+                                />
                             </div>
-                        ) : null}
-                    </div>
-                );
-            }}</Downshift>
+                            {isOpen ? (
+                                <div className={cx('IconPickerControl-sugsPanel')}>
+                                    {vendors.length > 1 ? (
+                                        <div className={cx('IconPickerControl-tabs')}>
+                                            {vendors.map((vendor: string, index: number) => (
+                                                <div
+                                                    className={cx('IconPickerControl-tab', {
+                                                        active: this.state.vendorIndex === index
+                                                    })}
+                                                    onClick={() => this.changeVendor(index)}
+                                                    key={index}
+                                                >
+                                                    {vendor}
+                                                </div>
+                                            ))}
+                                        </div>
+                                    ) : null}
+
+                                    {filteredOptions.length ? (
+                                        <div
+                                            className={cx(
+                                                'IconPickerControl-sugs',
+                                                vendors.length > 1
+                                                    ? 'IconPickerControl-multiVendor'
+                                                    : 'IconPickerControl-singleVendor'
+                                            )}
+                                        >
+                                            {filteredOptions.map((option: Option, index: number) => (
+                                                <div
+                                                    {...getItemProps({
+                                                        item: option.value,
+                                                        className: cx(`IconPickerControl-sugItem`)
+                                                    })}
+                                                    key={index}
+                                                >
+                                                    <i className={cx(`${option.value}`)} title={`${option.value}`} />
+                                                </div>
+                                            ))}
+                                        </div>
+                                    ) : (
+                                        <div
+                                            className={cx(
+                                                vendors.length > 1
+                                                    ? 'IconPickerControl-multiVendor'
+                                                    : 'IconPickerControl-singleVendor'
+                                            )}
+                                        >
+                                            {noDataTip}
+                                        </div>
+                                    )}
+                                </div>
+                            ) : null}
+                        </div>
+                    );
+                }}
+            </Downshift>
         );
     }
 
-    render():JSX.Element {
-        const {
-            className,
-            classPrefix: ns,
-            inputOnly
-        } = this.props;
+    render(): JSX.Element {
+        const {className, classPrefix: ns, inputOnly} = this.props;
 
         let input = this.renderFontIcons();
 
@@ -305,9 +317,11 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
         }
 
         return (
-            <div className={cx(className, `${ns}IconPickerControl`, {
-                'is-focused': this.state.isFocused
-            })}>
+            <div
+                className={cx(className, `${ns}IconPickerControl`, {
+                    'is-focused': this.state.isFocused
+                })}
+            >
                 {input}
             </div>
         );
@@ -317,4 +331,4 @@ export default class IconPickerControl extends React.PureComponent<IconPickerPro
 @FormItem({
     type: 'icon-picker'
 })
-export class IconPickerControlRenderer extends IconPickerControl {};
\ No newline at end of file
+export class IconPickerControlRenderer extends IconPickerControl {}
diff --git a/src/renderers/Form/IconPickerIcons.tsx b/src/renderers/Form/IconPickerIcons.tsx
index 75974d530..60c24807e 100644
--- a/src/renderers/Form/IconPickerIcons.tsx
+++ b/src/renderers/Form/IconPickerIcons.tsx
@@ -2,16 +2,25 @@ interface Vendor {
     name: string;
     prefix: string;
     icons: string[];
-};
+}
 
-export let ICONS: Vendor[]= [
+export let ICONS: Vendor[] = [
     {
         name: 'Font Awesome 4.7',
         prefix: 'fa fa-',
-        icons: ["slideshare","snapchat","snapchat-ghost","snapchat-square","soundcloud","spotify","stack-exchange","stack-overflow"]
+        icons: [
+            'slideshare',
+            'snapchat',
+            'snapchat-ghost',
+            'snapchat-square',
+            'soundcloud',
+            'spotify',
+            'stack-exchange',
+            'stack-overflow'
+        ]
     }
-]
+];
 
-export function setIconVendor(icons:Vendor[]) {
+export function setIconVendor(icons: Vendor[]) {
     ICONS = icons;
-}
\ No newline at end of file
+}
diff --git a/src/renderers/Form/Image.tsx b/src/renderers/Form/Image.tsx
index f40e5dc8f..8d1f0bdd9 100644
--- a/src/renderers/Form/Image.tsx
+++ b/src/renderers/Form/Image.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import Cropper from 'react-cropper';
 import DropZone from 'react-dropzone';
@@ -12,9 +9,9 @@ import 'blueimp-canvastoblob';
 // import 'cropperjs/dist/cropper.css';
 import find = require('lodash/find');
 import qs from 'qs';
-import { Payload } from '../../types';
-import { filter } from '../../utils/tpl';
-import { Switch } from '../../components';
+import {Payload} from '../../types';
+import {filter} from '../../utils/tpl';
+import {Switch} from '../../components';
 
 export interface ImageProps extends FormControlProps {
     placeholder?: string;
@@ -28,7 +25,7 @@ export interface ImageProps extends FormControlProps {
         minHeight?: number;
         aspectRatio?: number;
         aspectRatioLabel?: string;
-    },
+    };
     accept?: string;
     btnUploadClassName?: string;
     btnClassName?: string;
@@ -38,7 +35,7 @@ export interface ImageProps extends FormControlProps {
     delimiter?: string;
     autoUpload?: boolean;
     multiple?: boolean;
-};
+}
 
 export interface ImageState {
     uploading: boolean;
@@ -49,16 +46,16 @@ export interface ImageState {
         maxWidth?: number;
         maxHeight?: number;
     };
-    files: Array<FileValue|FileX>;
+    files: Array<FileValue | FileX>;
     crop?: object;
     error?: string;
     cropFile?: FileValue;
     submitOnChange?: boolean;
-};
+}
 
 export interface FileValue {
     value?: any;
-    state: 'init' | 'error' | 'pending' | 'uploading' | 'uploaded' | 'invalid',
+    state: 'init' | 'error' | 'pending' | 'uploading' | 'uploaded' | 'invalid';
     url?: string;
     error?: string;
     info?: {
@@ -66,13 +63,13 @@ export interface FileValue {
         height: number;
         len?: number;
     };
-    [propName:string]: any;
+    [propName: string]: any;
 }
 
 export interface FileX extends File {
     preview?: string;
     state?: 'init' | 'error' | 'pending' | 'uploading' | 'uploaded' | 'invalid';
-    [propName:string]: any;
+    [propName: string]: any;
 }
 
 export default class ImageControl extends React.Component<ImageProps, ImageState> {
@@ -92,7 +89,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         multiple: false
     };
 
-    static formatFileSize(size:number | string, units = [' B', ' KB', ' M', ' G']) {
+    static formatFileSize(size: number | string, units = [' B', ' KB', ' M', ' G']) {
         size = parseInt(size as string, 10) || 0;
 
         while (size > 1024 && units.length > 1) {
@@ -103,17 +100,21 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         return size.toFixed(2) + units[0];
     }
 
-    static valueToFile(value:string | object, props?:ImageProps):FileValue|undefined {
-        return value ? {
-            ...(typeof value === 'string' ? {
-                value,
-                url: value
-            } : value),
-            state: 'init'
-        } : undefined;
+    static valueToFile(value: string | object, props?: ImageProps): FileValue | undefined {
+        return value
+            ? {
+                  ...(typeof value === 'string'
+                      ? {
+                            value,
+                            url: value
+                        }
+                      : value),
+                  state: 'init'
+              }
+            : undefined;
     }
 
-    static sizeInfo(width?:number, height?:number):string {
+    static sizeInfo(width?: number, height?: number): string {
         if (!width) {
             return `高度${height}px`;
         } else if (!height) {
@@ -123,7 +124,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         return `尺寸（${width} x ${height}）`;
     }
 
-    state:ImageState = {
+    state: ImageState = {
         uploading: false,
         locked: false,
         compress: false,
@@ -131,22 +132,27 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         compressOptions: {}
     };
 
-    current: FileValue|FileX|null = null;
-    resolve?: (value?:any) => void;
+    current: FileValue | FileX | null = null;
+    resolve?: (value?: any) => void;
 
-    constructor(props:ImageProps) {
+    constructor(props: ImageProps) {
         super(props);
-        const value:string|Array<string | FileValue>|FileValue = props.value;
+        const value: string | Array<string | FileValue> | FileValue = props.value;
         const multiple = props.multiple;
         const joinValues = props.joinValues;
         const delimiter = props.delimiter as string;
-        let files:Array<FileValue> = [];
+        let files: Array<FileValue> = [];
 
         if (value) {
             // files = (multiple && Array.isArray(value) ? value : joinValues ? (value as string).split(delimiter) : [value])
-            files = (Array.isArray(value) ? value : (joinValues && typeof value === 'string' && multiple) ? (value as string).split(delimiter) : [value])
-            .map(item => ImageControl.valueToFile(item) as FileValue)
-            .filter(item => item);
+            files = (Array.isArray(value)
+                ? value
+                : joinValues && typeof value === 'string' && multiple
+                ? (value as string).split(delimiter)
+                : [value]
+            )
+                .map(item => ImageControl.valueToFile(item) as FileValue)
+                .filter(item => item);
         }
 
         this.state = {
@@ -176,33 +182,38 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         this.handlePaste = this.handlePaste.bind(this);
     }
 
-    componentWillReceiveProps(nextProps:ImageProps) {
+    componentWillReceiveProps(nextProps: ImageProps) {
         const props = this.props;
 
         if (props.value !== nextProps.value) {
-            const value:string|Array<string | FileValue>|FileValue = nextProps.value;
+            const value: string | Array<string | FileValue> | FileValue = nextProps.value;
             const multiple = nextProps.multiple;
             const joinValues = nextProps.joinValues;
             const delimiter = nextProps.delimiter as string;
 
-            let files:Array<FileValue> = [];
+            let files: Array<FileValue> = [];
 
             if (value) {
-                files = (Array.isArray(value) ? value : (joinValues && typeof value === 'string') ? (value as string).split(delimiter) : [value])
-                .map(item => {
-                    let obj = ImageControl.valueToFile(item, nextProps) as FileValue;
-                    let org;
+                files = (Array.isArray(value)
+                    ? value
+                    : joinValues && typeof value === 'string'
+                    ? (value as string).split(delimiter)
+                    : [value]
+                )
+                    .map(item => {
+                        let obj = ImageControl.valueToFile(item, nextProps) as FileValue;
+                        let org;
 
-                    if (obj && (org = find(this.state.files, item => (item as FileValue).value === obj.value))) {
-                        obj = {
-                            ...org,
-                            ...obj
-                        };
-                    }
+                        if (obj && (org = find(this.state.files, item => (item as FileValue).value === obj.value))) {
+                            obj = {
+                                ...org,
+                                ...obj
+                            };
+                        }
 
-                    return obj;
-                })
-                .filter(item => item);
+                        return obj;
+                    })
+                    .filter(item => item);
             }
 
             this.setState({
@@ -217,7 +228,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         }
     }
 
-    buildCrop(props:ImageProps) {
+    buildCrop(props: ImageProps) {
         let crop = props.crop;
 
         if (crop && props.multiple) {
@@ -244,7 +255,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         return crop;
     }
 
-    handleDropRejected(rejectedFiles:any, evt:React.DragEvent<any>) {
+    handleDropRejected(rejectedFiles: any, evt: React.DragEvent<any>) {
         evt.type === 'change' && alert('您选择的文件类型不符已被过滤！');
     }
 
@@ -253,17 +264,20 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
             return;
         }
 
-        this.setState({
-            uploading: true,
-            locked: true,
-            files: this.state.files.map(file => {
-                if (file.state === 'error') {
-                    file.state = 'pending';
-                }
+        this.setState(
+            {
+                uploading: true,
+                locked: true,
+                files: this.state.files.map(file => {
+                    if (file.state === 'error') {
+                        file.state = 'pending';
+                    }
 
-                return file;
-            })
-        }, this.tick);
+                    return file;
+                })
+            },
+            this.tick
+        );
     }
 
     toggleUpload() {
@@ -281,78 +295,94 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
     }
 
     tick() {
-        if (this.current || !this.state.uploading) {return;}
+        if (this.current || !this.state.uploading) {
+            return;
+        }
 
         const file = find(this.state.files, item => item.state === 'pending');
         if (file) {
             this.current = file;
 
             file.state = 'uploading';
-            this.setState({
-                files: this.state.files.concat()
-            }, () => this.sendFile(file as FileX, (error, file, obj) => {
-                const files = this.state.files.concat();
-                const idx = files.indexOf(file);
+            this.setState(
+                {
+                    files: this.state.files.concat()
+                },
+                () =>
+                    this.sendFile(file as FileX, (error, file, obj) => {
+                        const files = this.state.files.concat();
+                        const idx = files.indexOf(file);
 
-                if (!~idx) {
-                    return;
-                }
+                        if (!~idx) {
+                            return;
+                        }
 
-                let newFile:FileX | FileValue = file;
+                        let newFile: FileX | FileValue = file;
 
-                if (error) {
-                    newFile.state = file.state !== 'uploading' ? file.state : 'error';
-                    newFile.error = error;
+                        if (error) {
+                            newFile.state = file.state !== 'uploading' ? file.state : 'error';
+                            newFile.error = error;
 
-                    if (!this.props.multiple && newFile.state === 'invalid') {
-                        files.splice(idx, 1);
+                            if (!this.props.multiple && newFile.state === 'invalid') {
+                                files.splice(idx, 1);
+                                this.current = null;
+
+                                return this.setState(
+                                    {
+                                        files: files,
+                                        error: error
+                                    },
+                                    this.tick
+                                );
+                            }
+                        } else {
+                            newFile = obj as FileValue;
+                        }
+                        files.splice(idx, 1, newFile);
                         this.current = null;
-
-                        return this.setState({
-                            files: files,
-                            error: error
-                        }, this.tick);
-                    }
-
-                } else {
-                    newFile = obj as FileValue;
-                }
-                files.splice(idx, 1, newFile);
-                this.current = null;
-                this.setState({
-                    files: files
-                }, this.tick);
-            }));
+                        this.setState(
+                            {
+                                files: files
+                            },
+                            this.tick
+                        );
+                    })
+            );
         } else {
-            this.setState({
-                uploading: false,
-                locked: false
-            }, () => {
-                this.onChange();
+            this.setState(
+                {
+                    uploading: false,
+                    locked: false
+                },
+                () => {
+                    this.onChange();
 
-                if (this.resolve) {
-                    this.resolve(this.state.files.some(file => file.state === 'error') ? '文件上传失败请重试' : null);
-                    this.resolve = undefined;
+                    if (this.resolve) {
+                        this.resolve(
+                            this.state.files.some(file => file.state === 'error') ? '文件上传失败请重试' : null
+                        );
+                        this.resolve = undefined;
+                    }
                 }
-            });
-            
+            );
         }
     }
 
-    removeFile(file:FileValue, index:number) {
+    removeFile(file: FileValue, index: number) {
         const files = this.state.files.concat();
 
         files.splice(index, 1);
 
-        this.setState({
-            files: files
-        }, this.onChange);
+        this.setState(
+            {
+                files: files
+            },
+            this.onChange
+        );
     }
 
-    editImage(index:number) {
-        const {
-            multiple
-        } = this.props;
+    editImage(index: number) {
+        const {multiple} = this.props;
 
         const files = this.state.files;
 
@@ -362,27 +392,27 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
                 state: 'init'
             }
         });
-
     }
 
     onChange() {
-        const {
-            multiple,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField
-        } = this.props;
+        const {multiple, onChange, joinValues, extractValue, delimiter, valueField} = this.props;
 
         const files = this.state.files.filter(file => file.state == 'uploaded' || file.state == 'init');
 
-        let newValue:any = files.length ? joinValues ? files[0].value : files[0] : '';
+        let newValue: any = files.length ? (joinValues ? files[0].value : files[0]) : '';
 
         if (multiple) {
-            newValue = joinValues ? files.map(item => item.value).join(delimiter) : extractValue ? files.map(item => item.value) : files;
+            newValue = joinValues
+                ? files.map(item => item.value).join(delimiter)
+                : extractValue
+                ? files.map(item => item.value)
+                : files;
         } else {
-            newValue = joinValues ? newValue.value || newValue : extractValue ? newValue[valueField || 'value'] : newValue;
+            newValue = joinValues
+                ? newValue.value || newValue
+                : extractValue
+                ? newValue[valueField || 'value']
+                : newValue;
         }
 
         onChange(newValue);
@@ -392,10 +422,10 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         this.refs.dropzone && (this.refs.dropzone as any).open();
     }
 
-    handleDrop(files:Array<FileX>) {
+    handleDrop(files: Array<FileX>) {
         const {multiple, crop} = this.props;
 
-        if (crop && !multiple ) {
+        if (crop && !multiple) {
             return this.setState({
                 locked: true,
                 lockedReason: '请选择放弃或者应用',
@@ -406,13 +436,13 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         this.addFiles(files);
     }
 
-    handlePaste(e:React.ClipboardEvent<any>) {
+    handlePaste(e: React.ClipboardEvent<any>) {
         const event = e.nativeEvent;
-        const files:Array<FileX> = [];
+        const files: Array<FileX> = [];
         const items = event.clipboardData.items;
 
-        [].slice.call(items).forEach((item:DataTransferItem) => {
-            let blob:FileX;
+        [].slice.call(items).forEach((item: DataTransferItem) => {
+            let blob: FileX;
 
             if (item.kind !== 'file' || !(blob = item.getAsFile() as File) || !/^image/i.test(blob.type)) {
                 return;
@@ -426,7 +456,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
     }
 
     handleCrop() {
-        (this.refs.cropper as any).getCroppedCanvas().toBlob((file:File) => {
+        (this.refs.cropper as any).getCroppedCanvas().toBlob((file: File) => {
             this.addFiles([file]);
             this.setState({
                 cropFile: undefined,
@@ -437,14 +467,17 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
     }
 
     cancelCrop() {
-        this.setState({
-            cropFile: undefined,
-            locked: false,
-            lockedReason: ''
-        }, this.onChange);
+        this.setState(
+            {
+                cropFile: undefined,
+                locked: false,
+                lockedReason: ''
+            },
+            this.onChange
+        );
     }
 
-    addFiles(files:Array<FileX>) {
+    addFiles(files: Array<FileX>) {
         if (!files.length) {
             return;
         }
@@ -456,12 +489,17 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
             currentFiles = [];
         }
 
-        const allowed = (multiple ? maxLength ? maxLength : (files.length + currentFiles.length) : 1) - currentFiles.length;
-        const inputFiles:Array<FileX> = [];
+        const allowed =
+            (multiple ? (maxLength ? maxLength : files.length + currentFiles.length) : 1) - currentFiles.length;
+        const inputFiles: Array<FileX> = [];
 
         [].slice.call(files, 0, allowed).forEach((file: FileX) => {
             if (maxSize && file.size > maxSize) {
-                alert(`您选择的文件 ${file.name} 大小为 ${ImageControl.formatFileSize(file.size)} 超出了最大为 ${ImageControl.formatFileSize(maxSize)} 的限制，请重新选择`);
+                alert(
+                    `您选择的文件 ${file.name} 大小为 ${ImageControl.formatFileSize(
+                        file.size
+                    )} 超出了最大为 ${ImageControl.formatFileSize(maxSize)} 的限制，请重新选择`
+                );
                 return;
             }
 
@@ -476,22 +514,23 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
             return;
         }
 
-        this.setState({
-            error: undefined,
-            files: currentFiles.concat(inputFiles),
-            locked: true
-        }, () => {
-            const {
-                autoUpload
-            } = this.props;
+        this.setState(
+            {
+                error: undefined,
+                files: currentFiles.concat(inputFiles),
+                locked: true
+            },
+            () => {
+                const {autoUpload} = this.props;
 
-            if (autoUpload) {
-                this.startUpload();
+                if (autoUpload) {
+                    this.startUpload();
+                }
             }
-        });
+        );
     }
 
-    sendFile(file:FileX, cb:(error:null|string, file:FileX, obj?: FileValue) => void) {
+    sendFile(file: FileX, cb: (error: null | string, file: FileX, obj?: FileValue) => void) {
         const {limit} = this.props;
 
         if (!limit) {
@@ -504,14 +543,21 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
             const height = image.height;
             let error = '';
 
-            if (limit.width && limit.width != width || limit.height && limit.height != height) {
+            if ((limit.width && limit.width != width) || (limit.height && limit.height != height)) {
                 error = `您选择的图片不符合尺寸要求, 请上传${ImageControl.sizeInfo(limit.width, limit.height)}的图片`;
-            } else if (limit.maxWidth && limit.maxWidth < width || limit.maxHeight && limit.maxHeight < height) {
-                error = `您选择的图片不符合尺寸要求, 请上传不要超过${ImageControl.sizeInfo(limit.maxWidth, limit.maxHeight)}的图片`;
-            } else if (limit.minWidth && limit.minWidth > width || limit.minHeight && limit.minHeight > height) {
-                error = `您选择的图片不符合尺寸要求, 请上传不要小于${ImageControl.sizeInfo(limit.minWidth, limit.minHeight)}的图片`;
-            } else if (limit.aspectRatio && Math.abs((width / height) - limit.aspectRatio) > 0.01) {
-                error = `您选择的图片不符合尺寸要求, 请上传尺寸比率为 ${limit.aspectRatioLabel || limit.aspectRatio} 的图片`
+            } else if ((limit.maxWidth && limit.maxWidth < width) || (limit.maxHeight && limit.maxHeight < height)) {
+                error = `您选择的图片不符合尺寸要求, 请上传不要超过${ImageControl.sizeInfo(
+                    limit.maxWidth,
+                    limit.maxHeight
+                )}的图片`;
+            } else if ((limit.minWidth && limit.minWidth > width) || (limit.minHeight && limit.minHeight > height)) {
+                error = `您选择的图片不符合尺寸要求, 请上传不要小于${ImageControl.sizeInfo(
+                    limit.minWidth,
+                    limit.minHeight
+                )}的图片`;
+            } else if (limit.aspectRatio && Math.abs(width / height - limit.aspectRatio) > 0.01) {
+                error = `您选择的图片不符合尺寸要求, 请上传尺寸比率为 ${limit.aspectRatioLabel ||
+                    limit.aspectRatio} 的图片`;
             }
 
             if (error) {
@@ -524,7 +570,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         image.src = (file.preview || file.url) as string;
     }
 
-    _upload(file:Blob, cb:(error:null|string, file:Blob, obj?: FileValue) => void) {
+    _upload(file: Blob, cb: (error: null | string, file: Blob, obj?: FileValue) => void) {
         let compressOptions = this.state.compressOptions;
 
         if (this.props.showCompressOptions) {
@@ -536,29 +582,29 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         }
 
         this._send(file, this.props.reciever as string, {compress: this.state.compress, compressOptions})
-        .then((ret: Payload) => {
-            if (ret.status) {
-                throw new Error(ret.msg || '上传失败, 请重试');
-            }
+            .then((ret: Payload) => {
+                if (ret.status) {
+                    throw new Error(ret.msg || '上传失败, 请重试');
+                }
 
-            const obj:FileValue = {
-                ...ret.data,
-                state: 'uploaded'
-            };
-            obj.value = obj.value || obj.url;
+                const obj: FileValue = {
+                    ...ret.data,
+                    state: 'uploaded'
+                };
+                obj.value = obj.value || obj.url;
 
-            cb(null, file, obj);
-        })
-        .catch(error => cb(error.message || '上传失败，请重试', file))
+                cb(null, file, obj);
+            })
+            .catch(error => cb(error.message || '上传失败，请重试', file));
     }
 
-    _send(file:Blob, reciever:string, params:object):Promise<Payload> {
+    _send(file: Blob, reciever: string, params: object): Promise<Payload> {
         const fd = new FormData();
         const data = this.props.data;
         reciever = filter(reciever, data);
         const fileField = this.props.fileField || 'file';
         fd.append(fileField, file, (file as File).name);
-        
+
         const idx = reciever.indexOf('?');
 
         if (~idx && params) {
@@ -591,7 +637,7 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
         (this.refs.dropzone as any).open();
     }
 
-    handleImageLoaded(index:number, e:React.UIEvent<any>) {
+    handleImageLoaded(index: number, e: React.UIEvent<any>) {
         const imgDom = e.currentTarget;
         const img = new Image();
         img.onload = () => {
@@ -612,18 +658,21 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
             files.splice(index, 1, file);
             const needUploading = !!(this.current || find(files, file => file.state === 'pending'));
 
-            this.setState({
-                files: files
-            }, !needUploading ? this.onChange : undefined);
+            this.setState(
+                {
+                    files: files
+                },
+                !needUploading ? this.onChange : undefined
+            );
         };
         img.src = imgDom.src;
     }
 
-    validate():any {
+    validate(): any {
         if (this.state.locked && this.state.lockedReason) {
             return this.state.lockedReason;
         } else if (this.state.uploading || this.state.files.some(item => item.state === 'pending')) {
-            return new Promise((resolve) => {
+            return new Promise(resolve => {
                 this.resolve = resolve;
                 this.startUpload();
             });
@@ -643,43 +692,58 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
 
         return (
             <div key="options" className="m-t">
+                <Switch
+                    classPrefix={classPrefix}
+                    checked={!!this.state.compress}
+                    onChange={checked => this.setState({compress: checked})}
+                    disabled={this.props.disabled}
+                />
 
-            <Switch
-                classPrefix={classPrefix} 
-                checked={!!this.state.compress}
-                onChange={checked => this.setState({compress: checked})}
-                disabled={this.props.disabled}
-            />
+                <span className="m-l-xs">开启缩放?</span>
 
-            <span className="m-l-xs">开启缩放?</span>
+                {this.state.compress && (
+                    <div className="inline">
+                        <input
+                            className="form-control w-xs inline m-l-xs m-r-xs"
+                            type="text"
+                            value={
+                                typeof this.state.compressOptions.maxWidth === 'undefined'
+                                    ? 800
+                                    : this.state.compressOptions.maxWidth
+                            }
+                            onChange={e =>
+                                this.setState({
+                                    compressOptions: {
+                                        ...this.state.compressOptions,
+                                        maxWidth: parseInt(e.currentTarget.value, 10) || 0
+                                    }
+                                })
+                            }
+                            disabled={this.props.disabled}
+                        />
 
-            {this.state.compress && (
-                <div className="inline">
-                    <input
-                        className="form-control w-xs inline m-l-xs m-r-xs"
-                        type="text"
-                        value={typeof this.state.compressOptions.maxWidth === 'undefined' ? 800 : this.state.compressOptions.maxWidth}
-                        onChange={e => this.setState({compressOptions: {
-                            ...this.state.compressOptions,
-                            maxWidth: parseInt(e.currentTarget.value, 10) || 0
-                        }})}
-                        disabled={this.props.disabled}
-                    />
+                        <span className=" m-l-xs m-r-xs">X</span>
 
-                    <span className=" m-l-xs m-r-xs">X</span>
-
-                    <input
-                        className="form-control w-xs inline  m-l-xs m-r-xs"
-                        type="text"
-                        value={typeof this.state.compressOptions.maxHeight  === 'undefined' ? 600 : this.state.compressOptions.maxHeight}
-                        onChange={e => this.setState({compressOptions: {
-                            ...this.state.compressOptions,
-                            maxHeight: parseInt(e.currentTarget.value, 10) || 0
-                        }})}
-                        disabled={this.props.disabled}
-                    />
-                </div>
-            )}
+                        <input
+                            className="form-control w-xs inline  m-l-xs m-r-xs"
+                            type="text"
+                            value={
+                                typeof this.state.compressOptions.maxHeight === 'undefined'
+                                    ? 600
+                                    : this.state.compressOptions.maxHeight
+                            }
+                            onChange={e =>
+                                this.setState({
+                                    compressOptions: {
+                                        ...this.state.compressOptions,
+                                        maxHeight: parseInt(e.currentTarget.value, 10) || 0
+                                    }
+                                })
+                            }
+                            disabled={this.props.disabled}
+                        />
+                    </div>
+                )}
             </div>
         );
     }
@@ -699,41 +763,19 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
             hideUploadButton
         } = this.props;
 
-        const {
-            files,
-            error,
-            crop,
-            uploading,
-            cropFile
-        } = this.state;
+        const {files, error, crop, uploading, cropFile} = this.state;
 
         const hasPending = files.some(file => file.state == 'pending');
 
         return (
-            <div
-                className={cx(`${ns}ImageControl`, className)}
-                tabIndex={-1}
-                onPaste={this.handlePaste}
-            >
+            <div className={cx(`${ns}ImageControl`, className)} tabIndex={-1} onPaste={this.handlePaste}>
                 {cropFile ? (
                     <div className="cropper-wrapper">
-                        <Cropper
-                            {...crop}
-                            ref="cropper"
-                            src={cropFile.preview}
-                        />
-                        <button
-                            type="button"
-                            className="btn-sm btn btn-link"
-                            onClick={this.handleCrop}
-                        >
+                        <Cropper {...crop} ref="cropper" src={cropFile.preview} />
+                        <button type="button" className="btn-sm btn btn-link" onClick={this.handleCrop}>
                             <i className="fa fa-2x fa-check text-warning" />
                         </button>
-                        <button
-                            type="button"
-                            className="btn-sm btn btn-link"
-                            onClick={this.cancelCrop}
-                            >
+                        <button type="button" className="btn-sm btn btn-link" onClick={this.cancelCrop}>
                             <i className="fa fa-2x fa-times text-white" />
                         </button>
                     </div>
@@ -751,11 +793,13 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
                         disableClick
                         accept={accept}
                         multiple={multiple}
-                        >
-                            {files && files.length ? (
-                                <div className={cx("image-list clearfix", {
+                    >
+                        {files && files.length ? (
+                            <div
+                                className={cx('image-list clearfix', {
                                     'image-list-multiple': multiple
-                                })}>
+                                })}
+                            >
                                 {files.map((file, key) => (
                                     <div
                                         key={key}
@@ -764,39 +808,92 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
                                             invalid: file.state === 'error' || file.state == 'invalid'
                                         })}
                                     >
-                                        <div className="img-wrapper"><img onLoad={this.handleImageLoaded.bind(this, key)} src={file.url || file.preview} alt={file.name} className="img-rounded" /></div>
-                                        {file.info ? [
-                                            <p key="1">{file.info.width} x {file.info.height}</p>,
-                                            file.info.len ? (<p key="2">{ImageControl.formatFileSize(file.info.len)}</p>) : null
-                                        ] : (<p>...</p>)}
+                                        <div className="img-wrapper">
+                                            <img
+                                                onLoad={this.handleImageLoaded.bind(this, key)}
+                                                src={file.url || file.preview}
+                                                alt={file.name}
+                                                className="img-rounded"
+                                            />
+                                        </div>
+                                        {file.info ? (
+                                            [
+                                                <p key="1">
+                                                    {file.info.width} x {file.info.height}
+                                                </p>,
+                                                file.info.len ? (
+                                                    <p key="2">{ImageControl.formatFileSize(file.info.len)}</p>
+                                                ) : null
+                                            ]
+                                        ) : (
+                                            <p>...</p>
+                                        )}
 
-                                        {file.error ? (<p className="text-danger">{file.error}</p>) : null}
+                                        {file.error ? <p className="text-danger">{file.error}</p> : null}
 
                                         <div className="image-overlay">
-                                            {file.state === 'uploading' ? (<i className="fa fa-spinner fa-spin fa-2x fa-fw" />) : null}
-                                            {!disabled && file.state !== 'uploading' ? (<button onClick={this.removeFile.bind(this, file, key)} type="button" className={cx("close", {'crop-close' :!!crop})}><span>&times;</span></button>) : null}
-                                            {!!crop && !disabled && file.state !== 'uploading' ? (<button onClick={this.editImage.bind(this, key)} type="button" className="edit"><i className="fa fa-pencil"></i></button>) : null}
-                                            {!disabled && file.state !== 'uploading' ? (<a target="_blank" href={file.url || file.preview} className="view"><i className="fa fa-search"></i></a>) : null}
+                                            {file.state === 'uploading' ? (
+                                                <i className="fa fa-spinner fa-spin fa-2x fa-fw" />
+                                            ) : null}
+                                            {!disabled && file.state !== 'uploading' ? (
+                                                <button
+                                                    onClick={this.removeFile.bind(this, file, key)}
+                                                    type="button"
+                                                    className={cx('close', {'crop-close': !!crop})}
+                                                >
+                                                    <span>&times;</span>
+                                                </button>
+                                            ) : null}
+                                            {!!crop && !disabled && file.state !== 'uploading' ? (
+                                                <button
+                                                    onClick={this.editImage.bind(this, key)}
+                                                    type="button"
+                                                    className="edit"
+                                                >
+                                                    <i className="fa fa-pencil" />
+                                                </button>
+                                            ) : null}
+                                            {!disabled && file.state !== 'uploading' ? (
+                                                <a target="_blank" href={file.url || file.preview} className="view">
+                                                    <i className="fa fa-search" />
+                                                </a>
+                                            ) : null}
                                         </div>
                                     </div>
                                 ))}
 
-                                {multiple && (!maxLength || files.length < maxLength) || !multiple && !files.length ? (
-                                    <label className={cx("image-add-btn", {disabled})} onClick={this.handleSelect}>
-                                    <i className="fa fa-plus fa-3x" />
+                                {(multiple && (!maxLength || files.length < maxLength)) ||
+                                (!multiple && !files.length) ? (
+                                    <label className={cx('image-add-btn', {disabled})} onClick={this.handleSelect}>
+                                        <i className="fa fa-plus fa-3x" />
                                     </label>
                                 ) : null}
-                                </div>
-                            ) : (<div className={error ? 'text-danger' : undefined}>{error || placeholder}
-                            <button type="button" className={cx('btn m-l-sm', btnClassName)} disabled={disabled} onClick={this.handleSelect}><i className="fa fa-cloud-upload" /> 选择文件</button>
-                        </div>)}
+                            </div>
+                        ) : (
+                            <div className={error ? 'text-danger' : undefined}>
+                                {error || placeholder}
+                                <button
+                                    type="button"
+                                    className={cx('btn m-l-sm', btnClassName)}
+                                    disabled={disabled}
+                                    onClick={this.handleSelect}
+                                >
+                                    <i className="fa fa-cloud-upload" /> 选择文件
+                                </button>
+                            </div>
+                        )}
                     </DropZone>
                 )}
 
                 {this.renderCompressOptions()}
 
                 {!autoUpload && !hideUploadButton && files.length ? (
-                    <button type="button" className={cx('btn m-r-xs', btnUploadClassName)} disabled={!hasPending} onClick={this.toggleUpload}>
+                    <button
+                        type="button"
+                        className={cx('btn m-r-xs', btnUploadClassName)}
+                        disabled={!hasPending}
+                        onClick={this.toggleUpload}
+                    >
                         {uploading ? '暂停上传' : '开始上传'}
                     </button>
                 ) : null}
@@ -805,10 +902,8 @@ export default class ImageControl extends React.Component<ImageProps, ImageState
     }
 }
 
-
 @FormItem({
     type: 'image',
     sizeMutable: false
 })
-export class ImageControlRenderer extends ImageControl {};
-
+export class ImageControlRenderer extends ImageControl {}
diff --git a/src/renderers/Form/InputGroup.tsx b/src/renderers/Form/InputGroup.tsx
index 0b41ffe56..51c5ced90 100644
--- a/src/renderers/Form/InputGroup.tsx
+++ b/src/renderers/Form/InputGroup.tsx
@@ -1,29 +1,23 @@
 import React from 'react';
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
-import { Schema } from '../../types';
+import {Renderer, RendererProps} from '../../factory';
+import {Schema} from '../../types';
 import Collapse from '../Collapse';
 import {makeColumnClassBuild, makeHorizontalDeeper, isVisible, isDisabled} from '../../utils/helper';
 import cx from 'classnames';
 import getExprProperties from '../../utils/filter-schema';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 
 export interface InputGroupProps extends FormControlProps {
     controls: Array<any>;
-    size?: 'xs' | 'sm' | 'normal'
-};
+    size?: 'xs' | 'sm' | 'normal';
+}
 
 interface InputGroupState {
     isFocused: boolean;
-};
+}
 
 export class InputGroup extends React.Component<InputGroupProps, InputGroupState> {
-    constructor(props:InputGroupProps) {
+    constructor(props: InputGroupProps) {
         super(props);
 
         this.handleFocus = this.handleFocus.bind(this);
@@ -37,7 +31,7 @@ export class InputGroup extends React.Component<InputGroupProps, InputGroupState
     handleFocus() {
         this.setState({
             isFocused: true
-        })
+        });
     }
 
     handleBlur() {
@@ -46,19 +40,20 @@ export class InputGroup extends React.Component<InputGroupProps, InputGroupState
         });
     }
 
-    renderControl(control:any, index:any, otherProps?: any) {
-        const {
-            render
-        } = this.props;
+    renderControl(control: any, index: any, otherProps?: any) {
+        const {render} = this.props;
 
         if (!control) {
             return null;
         }
 
-        const subSchema: any = control && (control as Schema).type === 'control' ? control : {
-            type: 'control',
-            control
-        };
+        const subSchema: any =
+            control && (control as Schema).type === 'control'
+                ? control
+                : {
+                      type: 'control',
+                      control
+                  };
 
         if (subSchema.control) {
             let control = subSchema.control as Schema;
@@ -72,14 +67,11 @@ export class InputGroup extends React.Component<InputGroupProps, InputGroupState
     }
 
     validate() {
-        const {
-            formStore,
-            controls
-        } = this.props;
+        const {formStore, controls} = this.props;
 
-        const errors:Array<string> = [];
+        const errors: Array<string> = [];
 
-        controls.forEach(({name})=> {
+        controls.forEach(({name}) => {
             const formItem = name ? formStore.getItemByName(name) : null;
             formItem && formItem.errors.length && errors.push(...formItem.errors);
         });
@@ -88,16 +80,7 @@ export class InputGroup extends React.Component<InputGroupProps, InputGroupState
     }
 
     render() {
-        let {
-            controls,
-            className,
-            mode,
-            horizontal,
-            formMode,
-            formHorizontal,
-            data,
-            classnames: cx
-        } = this.props;
+        let {controls, className, mode, horizontal, formMode, formHorizontal, data, classnames: cx} = this.props;
 
         formMode = mode || formMode;
 
@@ -116,13 +99,15 @@ export class InputGroup extends React.Component<InputGroupProps, InputGroupState
 
         let horizontalDeeper = horizontal || makeHorizontalDeeper(formHorizontal, controls.length);
         return (
-            <div 
+            <div
                 className={cx(`InputGroup`, className, {
                     'is-focused': this.state.isFocused
                 })}
             >
                 {controls.map((control, index) => {
-                    const isAddOn = ~['icon', 'plain', 'tpl', 'button', 'submit', 'reset'].indexOf(control && control.type);
+                    const isAddOn = ~['icon', 'plain', 'tpl', 'button', 'submit', 'reset'].indexOf(
+                        control && control.type
+                    );
 
                     let dom = this.renderControl(control, index, {
                         formHorizontal: horizontalDeeper,
@@ -134,17 +119,28 @@ export class InputGroup extends React.Component<InputGroupProps, InputGroupState
                     });
 
                     return isAddOn ? (
-                        <span key={index} className={cx(control.addOnclassName, ~['button', 'submit', 'reset'].indexOf(control && control.type) ? 'InputGroup-btn' : 'InputGroup-addOn')}>{dom}</span>
-                    ) : dom;
+                        <span
+                            key={index}
+                            className={cx(
+                                control.addOnclassName,
+                                ~['button', 'submit', 'reset'].indexOf(control && control.type)
+                                    ? 'InputGroup-btn'
+                                    : 'InputGroup-addOn'
+                            )}
+                        >
+                            {dom}
+                        </span>
+                    ) : (
+                        dom
+                    );
                 })}
             </div>
-        )
+        );
     }
 }
 
-
 @FormItem({
     type: 'input-group',
     strictMode: false
 })
-export default class InputGroupRenderer extends InputGroup {}
\ No newline at end of file
+export default class InputGroupRenderer extends InputGroup {}
diff --git a/src/renderers/Form/Item.tsx b/src/renderers/Form/Item.tsx
index e748c58da..0ca6e0485 100644
--- a/src/renderers/Form/Item.tsx
+++ b/src/renderers/Form/Item.tsx
@@ -1,21 +1,11 @@
 import React from 'react';
 import hoistNonReactStatic = require('hoist-non-react-statics');
-import { IFormItemStore } from '../../store/form';
-import { reaction } from 'mobx';
-
-import {
-    RendererProps,
-    registerRenderer,
-    TestFunc,
-    RendererConfig,
-    HocStoreFactory
-} from '../../factory';
-import {
-    anyChanged,
-    ucFirst,
-    getWidthRate} from '../../utils/helper';
-import { observer } from 'mobx-react';
+import {IFormItemStore} from '../../store/form';
+import {reaction} from 'mobx';
 
+import {RendererProps, registerRenderer, TestFunc, RendererConfig, HocStoreFactory} from '../../factory';
+import {anyChanged, ucFirst, getWidthRate} from '../../utils/helper';
+import {observer} from 'mobx-react';
 
 export interface FormItemBasicConfig extends Partial<RendererConfig> {
     type?: string;
@@ -33,8 +23,7 @@ export interface FormItemBasicConfig extends Partial<RendererConfig> {
 
     // 兼容老用法，新用法直接在 Component 里面定义 validate 方法即可。
     validate?: (values: any, value: any) => string | boolean;
-};
-
+}
 
 export interface FormControlProps extends RendererProps {
     // error string
@@ -43,7 +32,7 @@ export interface FormControlProps extends RendererProps {
 
     // error 详情
     errors?: {
-        [propName: string]: string
+        [propName: string]: string;
     };
 
     defaultValue: any;
@@ -57,18 +46,18 @@ export interface FormControlProps extends RendererProps {
     formItem?: IFormItemStore;
     strictMode?: boolean;
 
-    renderControl?: (props:RendererProps) => JSX.Element;
+    renderControl?: (props: RendererProps) => JSX.Element;
     renderLabel?: boolean;
     sizeMutable?: boolean;
     wrap?: boolean;
     hint?: string;
     description?: string;
     descriptionClassName?: string;
-};
+}
 
 export interface FormControlState {
     isFocused: boolean;
-};
+}
 
 export type FormItemComponent = React.ComponentType<FormControlProps>;
 export type FormControlComponent = React.ComponentType<FormControlProps>;
@@ -79,8 +68,8 @@ export interface FormItemConfig extends FormItemBasicConfig {
 
 export class FormItemWrap extends React.Component<FormControlProps, FormControlState> {
     reaction: any;
-    
-    constructor(props:FormControlProps) {
+
+    constructor(props: FormControlProps) {
         super(props);
 
         this.state = {
@@ -92,9 +81,7 @@ export class FormItemWrap extends React.Component<FormControlProps, FormControlS
     }
 
     componentWillMount() {
-        const {
-            formItem: model
-        } = this.props;
+        const {formItem: model} = this.props;
 
         if (model) {
             this.reaction = reaction(() => model.errors.join(''), () => this.forceUpdate());
@@ -105,14 +92,14 @@ export class FormItemWrap extends React.Component<FormControlProps, FormControlS
         this.reaction && this.reaction();
     }
 
-    handleFocus(e:any) {
+    handleFocus(e: any) {
         this.setState({
             isFocused: true
         });
         this.props.onFocus && this.props.onFocus(e);
     }
 
-    handleBlur(e:any) {
+    handleBlur(e: any) {
         this.setState({
             isFocused: false
         });
@@ -141,14 +128,19 @@ export class FormItemWrap extends React.Component<FormControlProps, FormControlS
                 type,
                 classnames: cx,
                 formItem: model,
-                className: cx(`Form-control`, {
-                    'is-inline': !!rest.inline,
-                    'is-error': model && !model.valid,
-                    [`Form-control--size${ucFirst(controlSize)}`]: sizeMutable !== false
-                        && typeof controlSize === 'string'
-                        && !!controlSize
-                        && controlSize !== 'full'
-                }, inputClassName)
+                className: cx(
+                    `Form-control`,
+                    {
+                        'is-inline': !!rest.inline,
+                        'is-error': model && !model.valid,
+                        [`Form-control--size${ucFirst(controlSize)}`]:
+                            sizeMutable !== false &&
+                            typeof controlSize === 'string' &&
+                            !!controlSize &&
+                            controlSize !== 'full'
+                    },
+                    inputClassName
+                )
             });
         }
 
@@ -187,62 +179,82 @@ export class FormItemWrap extends React.Component<FormControlProps, FormControlS
         const right = getWidthRate(horizontal.right);
 
         return (
-            <div className={cx(`Form-item Form-item--horizontal`, className, {
-                [`is-error`]: model && !model.valid,
-                [`is-required`]: required
-            })}>
+            <div
+                className={cx(`Form-item Form-item--horizontal`, className, {
+                    [`is-error`]: model && !model.valid,
+                    [`is-required`]: required
+                })}
+            >
                 {label !== false ? (
-                    <label 
-                        className={cx(`Form-label`, {
-                            [`Form-itemColumn--${typeof horizontal.leftFixed === 'string' ? horizontal.leftFixed : 'normal'}`]: horizontal.leftFixed,
-                            [`Form-itemColumn--${left}`]: !horizontal.leftFixed
-                        }, labelClassName)}
+                    <label
+                        className={cx(
+                            `Form-label`,
+                            {
+                                [`Form-itemColumn--${
+                                    typeof horizontal.leftFixed === 'string' ? horizontal.leftFixed : 'normal'
+                                }`]: horizontal.leftFixed,
+                                [`Form-itemColumn--${left}`]: !horizontal.leftFixed
+                            },
+                            labelClassName
+                        )}
                     >
                         <span>
                             {label}
-                            {required ? (<span className={cx(`Form-star`)}>*</span>) : null}
-                            {labelRemark ? render('label-remark', {
-                                type: 'remark',
-                                tooltip: labelRemark,
-                                className: cx(`Form-labelRemark`),
-                                container: env && env.getModalContainer ? env.getModalContainer() : undefined
-                            }) : null}
+                            {required ? <span className={cx(`Form-star`)}>*</span> : null}
+                            {labelRemark
+                                ? render('label-remark', {
+                                      type: 'remark',
+                                      tooltip: labelRemark,
+                                      className: cx(`Form-labelRemark`),
+                                      container: env && env.getModalContainer ? env.getModalContainer() : undefined
+                                  })
+                                : null}
                         </span>
                     </label>
                 ) : null}
 
-                <div 
+                <div
                     className={cx(`Form-value`, {
                         // [`Form-itemColumn--offset${getWidthRate(horizontal.offset)}`]: !label && label !== false,
-                        [`Form-itemColumn--${right}`]: !!right && right !== (12 - left)
+                        [`Form-itemColumn--${right}`]: !!right && right !== 12 - left
                     })}
                 >
                     {this.renderControl()}
 
-                    {caption ? render('caption', caption, {
-                        className: cx(`Form-caption`, captionClassName) 
-                    }) : null}
+                    {caption
+                        ? render('caption', caption, {
+                              className: cx(`Form-caption`, captionClassName)
+                          })
+                        : null}
 
-                    {remark ? render('remark', {
-                        type: 'remark',
-                        tooltip: remark,
-                        className: cx(`Form-remark`),
-                        container: env && env.getModalContainer ? env.getModalContainer() : undefined
-                    }) : null}
+                    {remark
+                        ? render('remark', {
+                              type: 'remark',
+                              tooltip: remark,
+                              className: cx(`Form-remark`),
+                              container: env && env.getModalContainer ? env.getModalContainer() : undefined
+                          })
+                        : null}
+
+                    {hint && this.state.isFocused
+                        ? render('hint', hint, {
+                              className: cx(`Form-hint`)
+                          })
+                        : null}
 
-                    {hint && this.state.isFocused ? (render('hint', hint, {
-                        className: cx(`Form-hint`)
-                    })) : null}
-                    
                     {model && !model.valid ? (
                         <ul className={cx(`Form-feedback`)}>
-                            {model.errors.map((msg: string, key: number) => (<li key={key}>{msg}</li>))}
+                            {model.errors.map((msg: string, key: number) => (
+                                <li key={key}>{msg}</li>
+                            ))}
                         </ul>
                     ) : null}
 
-                    {description ? render('description', description, {
-                        className: cx(`Form-description`, descriptionClassName)
-                    }) : null}
+                    {description
+                        ? render('description', description, {
+                              className: cx(`Form-description`, descriptionClassName)
+                          })
+                        : null}
                 </div>
             </div>
         );
@@ -273,51 +285,65 @@ export class FormItemWrap extends React.Component<FormControlProps, FormControlS
         description = description || desc;
 
         return (
-            <div className={cx(`Form-item Form-item--${formMode}`, className, {
-                'is-error': model && !model.valid,
-                [`is-required`]: required,
-            })}>
+            <div
+                className={cx(`Form-item Form-item--${formMode}`, className, {
+                    'is-error': model && !model.valid,
+                    [`is-required`]: required
+                })}
+            >
                 {label && renderLabel !== false ? (
                     <label className={cx(`Form-label`, labelClassName)}>
                         <span>
                             {label}
-                            {required ? (<span className={cx(`Form-star`)}>*</span>) : null}
-                            {labelRemark ? render('label-remark', {
-                                type: 'remark',
-                                tooltip: labelRemark,
-                                className: cx(`Form-lableRemark`),
-                                container: env && env.getModalContainer ? env.getModalContainer() : undefined
-                            }) : null}
+                            {required ? <span className={cx(`Form-star`)}>*</span> : null}
+                            {labelRemark
+                                ? render('label-remark', {
+                                      type: 'remark',
+                                      tooltip: labelRemark,
+                                      className: cx(`Form-lableRemark`),
+                                      container: env && env.getModalContainer ? env.getModalContainer() : undefined
+                                  })
+                                : null}
                         </span>
                     </label>
                 ) : null}
-                
+
                 {this.renderControl()}
 
-                {caption ? render('caption', caption, {
-                    className: cx(`Form-caption`, captionClassName) 
-                }) : null}
+                {caption
+                    ? render('caption', caption, {
+                          className: cx(`Form-caption`, captionClassName)
+                      })
+                    : null}
 
-                {remark ? render('remark', {
-                    type: 'remark',
-                    className: cx(`Form-remark`),
-                    tooltip: remark,
-                    container: env && env.getModalContainer ? env.getModalContainer() : undefined
-                }) : null}
+                {remark
+                    ? render('remark', {
+                          type: 'remark',
+                          className: cx(`Form-remark`),
+                          tooltip: remark,
+                          container: env && env.getModalContainer ? env.getModalContainer() : undefined
+                      })
+                    : null}
 
-                {hint && this.state.isFocused ? (render('hint', hint, {
-                    className: cx(`Form-hint`)
-                })) : null}
+                {hint && this.state.isFocused
+                    ? render('hint', hint, {
+                          className: cx(`Form-hint`)
+                      })
+                    : null}
 
                 {model && !model.valid ? (
                     <ul className={cx(`Form-feedback`)}>
-                        {model.errors.map((msg: string, key: number) => (<li key={key}>{msg}</li>))}
+                        {model.errors.map((msg: string, key: number) => (
+                            <li key={key}>{msg}</li>
+                        ))}
                     </ul>
                 ) : null}
 
-                {description ? render('description', description, {
-                    className: cx(`Form-description`, descriptionClassName)
-                }) : null}
+                {description
+                    ? render('description', description, {
+                          className: cx(`Form-description`, descriptionClassName)
+                      })
+                    : null}
             </div>
         );
     }
@@ -346,21 +372,25 @@ export class FormItemWrap extends React.Component<FormControlProps, FormControlS
         description = description || desc;
 
         return (
-            <div className={cx(`Form-item Form-item--inline`, className, {
-                'is-error': model && !model.valid,
-                [`is-required`]: required,
-            })}>
-                {label && renderLabel !== false? (
+            <div
+                className={cx(`Form-item Form-item--inline`, className, {
+                    'is-error': model && !model.valid,
+                    [`is-required`]: required
+                })}
+            >
+                {label && renderLabel !== false ? (
                     <label className={cx(`Form-label`, labelClassName)}>
                         <span>
                             {label}
-                            {required ? (<span className={cx(`Form-star`)}>*</span>) : null}
-                            {labelRemark ? render('label-remark', {
-                                type: 'remark',
-                                tooltip: labelRemark,
-                                className: cx(`Form-lableRemark`),
-                                container: env && env.getModalContainer ? env.getModalContainer() : undefined
-                            }) : null}
+                            {required ? <span className={cx(`Form-star`)}>*</span> : null}
+                            {labelRemark
+                                ? render('label-remark', {
+                                      type: 'remark',
+                                      tooltip: labelRemark,
+                                      className: cx(`Form-lableRemark`),
+                                      container: env && env.getModalContainer ? env.getModalContainer() : undefined
+                                  })
+                                : null}
                         </span>
                     </label>
                 ) : null}
@@ -368,32 +398,41 @@ export class FormItemWrap extends React.Component<FormControlProps, FormControlS
                 <div className={cx(`Form-value`)}>
                     {this.renderControl()}
 
-                    {caption ? render('caption', caption, {
-                        className: cx(`Form-caption`, captionClassName) 
-                    }) : null}
+                    {caption
+                        ? render('caption', caption, {
+                              className: cx(`Form-caption`, captionClassName)
+                          })
+                        : null}
 
-                    {remark ? render('remark', {
-                        type: 'remark',
-                        className: cx(`Form-remark`),
-                        tooltip: remark,
-                        container: env && env.getModalContainer ? env.getModalContainer() : undefined
-                    }) : null}
+                    {remark
+                        ? render('remark', {
+                              type: 'remark',
+                              className: cx(`Form-remark`),
+                              tooltip: remark,
+                              container: env && env.getModalContainer ? env.getModalContainer() : undefined
+                          })
+                        : null}
 
-                    {hint && this.state.isFocused ? (render('hint', hint, {
-                        className: cx(`Form-hint`)
-                    })) : null}
+                    {hint && this.state.isFocused
+                        ? render('hint', hint, {
+                              className: cx(`Form-hint`)
+                          })
+                        : null}
 
                     {model && !model.valid ? (
                         <ul className={cx(`Form-value`)}>
-                            {model.errors.map((msg: string, key: number) => (<li key={key}>{msg}</li>))}
+                            {model.errors.map((msg: string, key: number) => (
+                                <li key={key}>{msg}</li>
+                            ))}
                         </ul>
                     ) : null}
 
-                    {description ? render('description', description, {
-                        className: cx(`Form-description`, descriptionClassName)
-                    }) : null}
+                    {description
+                        ? render('description', description, {
+                              className: cx(`Form-description`, descriptionClassName)
+                          })
+                        : null}
                 </div>
-
             </div>
         );
     }
@@ -423,72 +462,85 @@ export class FormItemWrap extends React.Component<FormControlProps, FormControlS
         description = description || desc;
 
         return (
-            <div className={cx(`Form-item Form-item--${formMode}`, className, {
-                'is-error': model && !model.valid,
-                [`is-required`]: required,
-            })}>
+            <div
+                className={cx(`Form-item Form-item--${formMode}`, className, {
+                    'is-error': model && !model.valid,
+                    [`is-required`]: required
+                })}
+            >
                 <div className={cx('Form-rowInner')}>
                     {label && renderLabel !== false ? (
                         <label className={cx(`Form-label`, labelClassName)}>
                             <span>
                                 {label}
-                                {required ? (<span className={cx(`Form-star`)}>*</span>) : null}
-                                {labelRemark ? render('label-remark', {
-                                    type: 'remark',
-                                    tooltip: labelRemark,
-                                    className: cx(`Form-lableRemark`),
-                                    container: env && env.getModalContainer ? env.getModalContainer() : undefined
-                                }) : null}
+                                {required ? <span className={cx(`Form-star`)}>*</span> : null}
+                                {labelRemark
+                                    ? render('label-remark', {
+                                          type: 'remark',
+                                          tooltip: labelRemark,
+                                          className: cx(`Form-lableRemark`),
+                                          container: env && env.getModalContainer ? env.getModalContainer() : undefined
+                                      })
+                                    : null}
                             </span>
                         </label>
                     ) : null}
-                    
+
                     {this.renderControl()}
 
-                    {caption ? render('caption', caption, {
-                        className: cx(`Form-caption`, captionClassName) 
-                    }) : null}
+                    {caption
+                        ? render('caption', caption, {
+                              className: cx(`Form-caption`, captionClassName)
+                          })
+                        : null}
 
-                    {remark ? render('remark', {
-                        type: 'remark',
-                        className: cx(`Form-remark`),
-                        tooltip: remark,
-                        container: env && env.getModalContainer ? env.getModalContainer() : undefined
-                    }) : null}
+                    {remark
+                        ? render('remark', {
+                              type: 'remark',
+                              className: cx(`Form-remark`),
+                              tooltip: remark,
+                              container: env && env.getModalContainer ? env.getModalContainer() : undefined
+                          })
+                        : null}
                 </div>
 
-                {hint && this.state.isFocused ? (render('hint', hint, {
-                    className: cx(`Form-hint`)
-                })) : null}
+                {hint && this.state.isFocused
+                    ? render('hint', hint, {
+                          className: cx(`Form-hint`)
+                      })
+                    : null}
 
                 {model && !model.valid ? (
                     <ul className={cx('Form-feedback')}>
-                        {model.errors.map((msg: string, key: number) => (<li key={key}>{msg}</li>))}
+                        {model.errors.map((msg: string, key: number) => (
+                            <li key={key}>{msg}</li>
+                        ))}
                     </ul>
                 ) : null}
 
-                {description ? render('description', description, {
-                    className: cx(`Form-description`, descriptionClassName)
-                }) : null}
+                {description
+                    ? render('description', description, {
+                          className: cx(`Form-description`, descriptionClassName)
+                      })
+                    : null}
             </div>
         );
     }
 
     render() {
-        const {
-            formMode,
-            inputOnly,
-            wrap
-        } = this.props;
+        const {formMode, inputOnly, wrap} = this.props;
 
         if (wrap === false || inputOnly) {
             return this.renderControl();
         }
 
         return formMode === 'inline'
-            ? this.renderInline() : formMode === 'horizontal'
-            ? this.renderHorizontal() : formMode === 'row'
-            ? this.renderRow() : this.renderNormal();
+            ? this.renderInline()
+            : formMode === 'horizontal'
+            ? this.renderHorizontal()
+            : formMode === 'row'
+            ? this.renderRow()
+            : this.renderNormal();
     }
 }
 
@@ -498,7 +550,7 @@ export function registerFormItem(config: FormItemConfig): RendererConfig {
     // 兼容老的 FormItem 用法。
     if (config.validate && !Control.prototype.validate) {
         const fn = config.validate;
-        Control.prototype.validate = function () {
+        Control.prototype.validate = function() {
             // console.warn('推荐直接在类中定义，而不是 FormItem HOC 的参数中传入。');
             const host = {
                 input: this
@@ -507,7 +559,9 @@ export function registerFormItem(config: FormItemConfig): RendererConfig {
             return fn.apply(host, arguments);
         };
     } else if (config.validate) {
-        console.error('FormItem配置中的 validate 将不起作用，因为类的成员函数中已经定义了 validate 方法，将优先使用类里面的实现。');
+        console.error(
+            'FormItem配置中的 validate 将不起作用，因为类的成员函数中已经定义了 validate 方法，将优先使用类里面的实现。'
+        );
     }
 
     if (config.storeType) {
@@ -548,11 +602,8 @@ export function registerFormItem(config: FormItemConfig): RendererConfig {
         }
 
         componentWillMount() {
-            const {
-                validations,
-                formItem: model
-            } = this.props;
-    
+            const {validations, formItem: model} = this.props;
+
             // 组件注册的时候可能默认指定验证器类型
             if (model && !validations && config.validations) {
                 model.config({
@@ -567,68 +618,74 @@ export function registerFormItem(config: FormItemConfig): RendererConfig {
             if (nextProps.strictMode === false) {
                 return true;
             }
-    
+
             // 把可能会影响视图的白名单弄出来，减少重新渲染次数。
-            if (anyChanged([
-                'formPristine',
-                'addable',
-                'addButtonClassName',
-                'addButtonText',
-                'addOn',
-                'btnClassName',
-                'btnLabel',
-                'btnDisabled',
-                'className',
-                'clearable',
-                'columns',
-                'columnsCount',
-                'controls',
-                'desc',
-                'description',
-                'disabled',
-                'draggable',
-                'editable',
-                'editButtonClassName',
-                'formHorizontal',
-                'formMode',
-                'hideRoot',
-                'horizontal',
-                'icon',
-                'inline',
-                'inputClassName',
-                'label',
-                'labelClassName',
-                'labelField',
-                'language',
-                'level',
-                'max',
-                'maxRows',
-                'min',
-                'minRows',
-                'multiLine',
-                'multiple',
-                'option',
-                'placeholder',
-                'removable',
-                'required',
-                'remark',
-                'hint',
-                'rows',
-                'searchable',
-                'showCompressOptions',
-                'size',
-                'step',
-                'showInput',
-                'unit',
-                'value',
-                'diffValue'
-            ], this.props, nextProps)) {
+            if (
+                anyChanged(
+                    [
+                        'formPristine',
+                        'addable',
+                        'addButtonClassName',
+                        'addButtonText',
+                        'addOn',
+                        'btnClassName',
+                        'btnLabel',
+                        'btnDisabled',
+                        'className',
+                        'clearable',
+                        'columns',
+                        'columnsCount',
+                        'controls',
+                        'desc',
+                        'description',
+                        'disabled',
+                        'draggable',
+                        'editable',
+                        'editButtonClassName',
+                        'formHorizontal',
+                        'formMode',
+                        'hideRoot',
+                        'horizontal',
+                        'icon',
+                        'inline',
+                        'inputClassName',
+                        'label',
+                        'labelClassName',
+                        'labelField',
+                        'language',
+                        'level',
+                        'max',
+                        'maxRows',
+                        'min',
+                        'minRows',
+                        'multiLine',
+                        'multiple',
+                        'option',
+                        'placeholder',
+                        'removable',
+                        'required',
+                        'remark',
+                        'hint',
+                        'rows',
+                        'searchable',
+                        'showCompressOptions',
+                        'size',
+                        'step',
+                        'showInput',
+                        'unit',
+                        'value',
+                        'diffValue'
+                    ],
+                    this.props,
+                    nextProps
+                )
+            ) {
                 return true;
             }
-    
+
             return false;
         }
-        
+
         getWrappedInstance() {
             return this.ref;
         }
@@ -650,7 +707,7 @@ export function registerFormItem(config: FormItemConfig): RendererConfig {
             } = this.props;
 
             const controlSize = size || defaultSize;
-    
+
             return (
                 <Control
                     {...rest}
@@ -661,14 +718,19 @@ export function registerFormItem(config: FormItemConfig): RendererConfig {
                     classnames={cx}
                     ref={this.refFn}
                     formItem={model}
-                    className={cx(`Form-control`, {
-                        'is-inline': !!rest.inline,
-                        'is-error': model && !model.valid,
-                        [`Form-control--size${ucFirst(controlSize)}`]: config.sizeMutable !== false
-                            && typeof controlSize === 'string'
-                            && !!controlSize
-                            && controlSize !== 'full'
-                    }, inputClassName)}
+                    className={cx(
+                        `Form-control`,
+                        {
+                            'is-inline': !!rest.inline,
+                            'is-error': model && !model.valid,
+                            [`Form-control--size${ucFirst(controlSize)}`]:
+                                config.sizeMutable !== false &&
+                                typeof controlSize === 'string' &&
+                                !!controlSize &&
+                                controlSize !== 'full'
+                        },
+                        inputClassName
+                    )}
                 />
             );
         }
@@ -687,14 +749,14 @@ export function registerFormItem(config: FormItemConfig): RendererConfig {
 }
 
 export function FormItem(config: FormItemBasicConfig) {
-    return function (component: FormControlComponent): any {
+    return function(component: FormControlComponent): any {
         const renderer = registerFormItem({
             ...config,
             component
         });
 
         return renderer.component as any;
-    }
+    };
 }
 
 export default FormItem;
diff --git a/src/renderers/Form/List.tsx b/src/renderers/Form/List.tsx
index 3b834454d..cc1dcd94d 100644
--- a/src/renderers/Form/List.tsx
+++ b/src/renderers/Form/List.tsx
@@ -1,49 +1,36 @@
 import React from 'react';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from './Options';
-import { Schema } from '../../types';
-import { createObject, isEmpty } from '../../utils/helper';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
+import {Schema} from '../../types';
+import {createObject, isEmpty} from '../../utils/helper';
 import {dataMapping} from '../../utils/tpl-builtin';
 
 export interface ListProps extends OptionsControlProps {
     imageClassName: string;
     submitOnDBClick?: boolean;
     itemSchema?: Schema;
-};
+}
 
 export default class ListControl extends React.Component<ListProps, any> {
-    static propsList = [
-        'itemSchema',
-        'value',
-        'renderFormItems'
-    ];
+    static propsList = ['itemSchema', 'value', 'renderFormItems'];
     static defaultProps = {
         clearable: false,
         imageClassName: '',
         submitOnDBClick: false
-    }
+    };
 
-    handleDBClick(option:Option, e:React.MouseEvent<HTMLElement>) {
+    handleDBClick(option: Option, e: React.MouseEvent<HTMLElement>) {
         this.props.onToggle(option);
         this.props.onAction(e, {
             type: 'submit'
         });
     }
 
-    handleClick(option:Option, e:React.MouseEvent<HTMLElement>) {
+    handleClick(option: Option, e: React.MouseEvent<HTMLElement>) {
         if (e.target && (e.target as HTMLElement).closest('a,button')) {
             return;
         }
 
-        const {
-            onToggle,
-            multiple,
-            autoFill,
-            onBulkChange
-        } = this.props;
+        const {onToggle, multiple, autoFill, onBulkChange} = this.props;
 
         const sendTo = !multiple && autoFill && !isEmpty(autoFill) && dataMapping(autoFill, option as Option);
         sendTo && onBulkChange(sendTo);
@@ -72,11 +59,11 @@ export default class ListControl extends React.Component<ListProps, any> {
             data
         } = this.props;
 
-        let body:JSX.Element | null = null;
+        let body: JSX.Element | null = null;
 
         if (options && options.length) {
             body = (
-                <div className={cx('ListControl-items',)}>
+                <div className={cx('ListControl-items')}>
                     {options.map((option, key) => (
                         <div
                             key={key}
@@ -87,13 +74,25 @@ export default class ListControl extends React.Component<ListProps, any> {
                             onClick={this.handleClick.bind(this, option)}
                             onDoubleClick={submitOnDBClick ? this.handleDBClick.bind(this, option) : undefined}
                         >
-                            {itemSchema ? render(`${key}/body`, itemSchema, {
-                                data: createObject(data, option)
-                            }) : option.body ? render(`${key}/body`, option.body) : [
-                                option.image ? (<div key="image" className={cx('ListControl-itemImage', imageClassName)}><img src={option.image} alt={option.label} /></div>) : null,
-                                option.label ? (<div key="label" className={cx('ListControl-itemLabel')}>{option.label}</div>) : null,
-                                // {/* {option.tip ? (<div className={`${ns}ListControl-tip`}>{option.tip}</div>) : null} */}
-                            ]}
+                            {itemSchema
+                                ? render(`${key}/body`, itemSchema, {
+                                      data: createObject(data, option)
+                                  })
+                                : option.body
+                                ? render(`${key}/body`, option.body)
+                                : [
+                                      option.image ? (
+                                          <div key="image" className={cx('ListControl-itemImage', imageClassName)}>
+                                              <img src={option.image} alt={option.label} />
+                                          </div>
+                                      ) : null,
+                                      option.label ? (
+                                          <div key="label" className={cx('ListControl-itemLabel')}>
+                                              {option.label}
+                                          </div>
+                                      ) : null
+                                      // {/* {option.tip ? (<div className={`${ns}ListControl-tip`}>{option.tip}</div>) : null} */}
+                                  ]}
                         </div>
                     ))}
                 </div>
@@ -112,5 +111,4 @@ export default class ListControl extends React.Component<ListProps, any> {
     type: 'list',
     sizeMutable: false
 })
-export class ListControlRenderer extends ListControl {};
-
+export class ListControlRenderer extends ListControl {}
diff --git a/src/renderers/Form/Matrix.tsx b/src/renderers/Form/Matrix.tsx
index d5e83926c..da03d6f04 100644
--- a/src/renderers/Form/Matrix.tsx
+++ b/src/renderers/Form/Matrix.tsx
@@ -1,22 +1,22 @@
 /**
-* @file filter
-* @author fex
-*/
+ * @file filter
+ * @author fex
+ */
 
 import React from 'react';
 import cx from 'classnames';
-import { FormControlProps, FormItem } from './Item';
-import { buildApi, isValidApi, isEffectiveApi } from '../../utils/api';
-import { Checkbox } from '../../components';
+import {FormControlProps, FormItem} from './Item';
+import {buildApi, isValidApi, isEffectiveApi} from '../../utils/api';
+import {Checkbox} from '../../components';
 
 export interface Column {
     label: string;
-    [propName:string]: any;
+    [propName: string]: any;
 }
 
 export interface Row {
     label: string;
-    [propName:string]: any;
+    [propName: string]: any;
 }
 
 export interface ValueItem extends Column, Row {
@@ -24,31 +24,30 @@ export interface ValueItem extends Column, Row {
 }
 
 export interface MatrixProps extends FormControlProps {
-    columns:  Array<Column>;
+    columns: Array<Column>;
     rows: Array<Row>;
     multiple: boolean;
-};
+}
 
 export interface MatrixState {
-    columns:  Array<Column>;
+    columns: Array<Column>;
     rows: Array<Row>;
     loading: boolean;
     error?: string;
     singleSelectMode?: 'cell' | 'row' | 'column';
-};
+}
 
 export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixState> {
-
-    static defaultProps:Partial<MatrixProps> = {
+    static defaultProps: Partial<MatrixProps> = {
         columns: [],
         rows: [],
         multiple: true,
         singleSelectMode: 'column' // multiple 为 false 时有效。
     };
 
-    state:MatrixState;
-    sourceInvalid:boolean = false;
-    constructor(props:MatrixProps) {
+    state: MatrixState;
+    sourceInvalid: boolean = false;
+    constructor(props: MatrixProps) {
         super(props);
 
         this.state = {
@@ -62,15 +61,12 @@ export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixS
     }
 
     componentDidMount() {
-        const {
-            formInited,
-            addHook
-        } = this.props;
+        const {formInited, addHook} = this.props;
 
-        formInited ? this.reload() : addHook(this.reload, 'init')
+        formInited ? this.reload() : addHook(this.reload, 'init');
     }
 
-    componentWillReceiveProps(nextProps:MatrixProps) {
+    componentWillReceiveProps(nextProps: MatrixProps) {
         const props = this.props;
 
         if (props.columns !== nextProps.columns || props.rows !== nextProps.rows) {
@@ -97,12 +93,7 @@ export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixS
     }
 
     reload() {
-        const {
-            source,
-            data,
-            env,
-            onChange
-        } = this.props;
+        const {source, data, env, onChange} = this.props;
 
         if (!isEffectiveApi(source, data) || this.state.loading) {
             return;
@@ -113,45 +104,47 @@ export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixS
         }
 
         // 需要联动加载吗？我看不一定会用到，先这样吧。
-        this.setState({
-            loading: true,
-        }, () => {
-            env.fetcher(source, data)
-                .then(ret => {
-                    if (!ret.ok) {
-                        throw new Error(ret.msg || '数据请求错误');
-                    }
-                    this.setState({
-                        loading: false,
-                        rows: (ret.data as any).rows || [],
-                        columns: (ret.data as any).columns || [],
-                    }, () => {
-                        let value = (ret.data as any).value;
-                        if (value) {
-                            value = mergeValue(value, this.state.columns, this.state.rows);
-                            onChange(value);
+        this.setState(
+            {
+                loading: true
+            },
+            () => {
+                env.fetcher(source, data)
+                    .then(ret => {
+                        if (!ret.ok) {
+                            throw new Error(ret.msg || '数据请求错误');
                         }
-                    });
-                })
-                .catch(reason => this.setState({
-                    error: reason,
-                    loading: false
-                }));
-        })
+                        this.setState(
+                            {
+                                loading: false,
+                                rows: (ret.data as any).rows || [],
+                                columns: (ret.data as any).columns || []
+                            },
+                            () => {
+                                let value = (ret.data as any).value;
+                                if (value) {
+                                    value = mergeValue(value, this.state.columns, this.state.rows);
+                                    onChange(value);
+                                }
+                            }
+                        );
+                    })
+                    .catch(reason =>
+                        this.setState({
+                            error: reason,
+                            loading: false
+                        })
+                    );
+            }
+        );
     }
 
-    toggleItem(checked:boolean, x:number, y:number) {
-        const {
-            columns,
-            rows,
-        } = this.state;
-        const {
-            multiple,
-            singleSelectMode
-        } = this.props;
+    toggleItem(checked: boolean, x: number, y: number) {
+        const {columns, rows} = this.state;
+        const {multiple, singleSelectMode} = this.props;
 
         const value = this.props.value || buildDefaultValue(columns, rows);
-        
+
         if (multiple) {
             value[x][y] = {
                 ...value[x][y],
@@ -164,14 +157,15 @@ export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixS
                     checked: x === x2 ? checked : !checked
                 };
             }
-        }  else if (singleSelectMode === 'column') {
+        } else if (singleSelectMode === 'column') {
             for (let y2 = 0, len = rows.length; y2 < len; y2++) {
                 value[x][y2] = {
                     ...value[x][y2],
                     checked: y === y2 ? checked : !checked
                 };
             }
-        } else { // 只剩下 cell 了
+        } else {
+            // 只剩下 cell 了
             for (let y2 = 0, len = rows.length; y2 < len; y2++) {
                 for (let x2 = 0, len2 = columns.length; x2 < len2; x2++) {
                     value[x2][y2] = {
@@ -186,50 +180,47 @@ export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixS
     }
 
     renderInput() {
-        const {
-            columns,
-            rows
-        } = this.state;
-        const {
-            rowLabel,
-            className,
-            classnames: cx,
-            multiple
-        } = this.props;
+        const {columns, rows} = this.state;
+        const {rowLabel, className, classnames: cx, multiple} = this.props;
 
         const value = this.props.value || buildDefaultValue(columns, rows);
 
         return (
-            <div className={cx("Table m-b-none")}>
-                <div className={cx("Table-content")}>
-                    <table className={cx("Table-table")}>
+            <div className={cx('Table m-b-none')}>
+                <div className={cx('Table-content')}>
+                    <table className={cx('Table-table')}>
                         <thead>
                             <tr>
                                 <th>{rowLabel}</th>
                                 {columns.map((column, x) => (
-                                    <th key={x} className="text-center">{column.label}</th>
+                                    <th key={x} className="text-center">
+                                        {column.label}
+                                    </th>
                                 ))}
                             </tr>
                         </thead>
                         <tbody>
-                        {rows.map((row, y) => (
-                            <tr key={y}>
-                                <td>
-                                    {row.label}{row.description || row.desc ? (
-                                        <span className="m-l-xs text-muted text-xs">{row.description || row.desc}</span>
-                                    ) : null}
-                                </td>
-                                {columns.map((column, x) => (
-                                    <td key={x} className="text-center">
-                                        <Checkbox 
-                                            type={multiple ? 'checkbox' : 'radio'}
-                                            checked={!!(value[x] && value[x][y] && value[x][y].checked)}
-                                            onChange={(checked:boolean) => this.toggleItem(checked, x, y)}
-                                        />
+                            {rows.map((row, y) => (
+                                <tr key={y}>
+                                    <td>
+                                        {row.label}
+                                        {row.description || row.desc ? (
+                                            <span className="m-l-xs text-muted text-xs">
+                                                {row.description || row.desc}
+                                            </span>
+                                        ) : null}
                                     </td>
-                                ))}
-                            </tr>
-                        ))}
+                                    {columns.map((column, x) => (
+                                        <td key={x} className="text-center">
+                                            <Checkbox
+                                                type={multiple ? 'checkbox' : 'radio'}
+                                                checked={!!(value[x] && value[x][y] && value[x][y].checked)}
+                                                onChange={(checked: boolean) => this.toggleItem(checked, x, y)}
+                                            />
+                                        </td>
+                                    ))}
+                                </tr>
+                            ))}
                         </tbody>
                     </table>
                 </div>
@@ -238,30 +229,25 @@ export default class MatrixCheckbox extends React.Component<MatrixProps, MatrixS
     }
 
     render() {
-        const {
-            className,
-            render,
-            classnames: cx
-        } = this.props;
+        const {className, render, classnames: cx} = this.props;
 
-        const {
-            error,
-            loading
-        } = this.state;
+        const {error, loading} = this.state;
 
         return (
             <div key="input" className={cx('MatrixControl', className || '')}>
                 {error ? (
-                    <div className={cx("MatrixControl-error Alert Alert--danger")}>
-                        {String(error)}
-                    </div>
-                ) : this.renderInput()}
+                    <div className={cx('MatrixControl-error Alert Alert--danger')}>{String(error)}</div>
+                ) : (
+                    this.renderInput()
+                )}
 
-                {loading ? render('loading', {
-                    type: 'spinner',
-                    overlay: true,
-                    size: 'lg',
-                }):null}
+                {loading
+                    ? render('loading', {
+                          type: 'spinner',
+                          overlay: true,
+                          size: 'lg'
+                      })
+                    : null}
             </div>
         );
     }
@@ -276,19 +262,23 @@ function buildDefaultValue(columns: Array<Column>, rows: Array<Row>): Array<Arra
         rows = [];
     }
 
-    return columns.map(column => rows.map(row => ({
-        ...row,
-        ...column,
-        checked: false
-    })));
+    return columns.map(column =>
+        rows.map(row => ({
+            ...row,
+            ...column,
+            checked: false
+        }))
+    );
 }
 
-function mergeValue(value:Array<Array<ValueItem>>, columns: Array<Column>, rows: Array<Row>):Array<Array<ValueItem>> {
-    return value.map((column, x) => column.map((item, y) => ({
-        ...columns[x],
-        ...rows[y],
-        ...item
-    })));
+function mergeValue(value: Array<Array<ValueItem>>, columns: Array<Column>, rows: Array<Row>): Array<Array<ValueItem>> {
+    return value.map((column, x) =>
+        column.map((item, y) => ({
+            ...columns[x],
+            ...rows[y],
+            ...item
+        }))
+    );
 }
 
 @FormItem({
@@ -296,4 +286,4 @@ function mergeValue(value:Array<Array<ValueItem>>, columns: Array<Column>, rows:
     strictMode: false,
     sizeMutable: false
 })
-export class MatrixRenderer extends MatrixCheckbox {};
+export class MatrixRenderer extends MatrixCheckbox {}
diff --git a/src/renderers/Form/NestedSelect.tsx b/src/renderers/Form/NestedSelect.tsx
index c62ccf456..73288bbc8 100644
--- a/src/renderers/Form/NestedSelect.tsx
+++ b/src/renderers/Form/NestedSelect.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import xorBy = require('lodash/xorBy')
-import unionBy = require('lodash/unionBy')
+import xorBy = require('lodash/xorBy');
+import unionBy = require('lodash/unionBy');
 import Overlay from '../../components/Overlay';
 import Checkbox from '../../components/Checkbox';
 import PopOver from '../../components/PopOver';
@@ -9,11 +9,7 @@ import {Icon} from '../../components/icons';
 import {autobind, flattenTree, isEmpty} from '../../utils/helper';
 import {dataMapping} from '../../utils/tpl-builtin';
 
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from '../Form/Options'
+import {OptionsControl, OptionsControlProps, Option} from '../Form/Options';
 
 export interface NestedSelectProps extends OptionsControlProps {
     cascade?: boolean;
@@ -24,16 +20,16 @@ export interface NestedSelectState {
     isOpened?: boolean;
 }
 
-export default class NestedSelectControl extends React.Component<NestedSelectProps, NestedSelectState>{
+export default class NestedSelectControl extends React.Component<NestedSelectProps, NestedSelectState> {
     static defaultProps: Partial<NestedSelectProps> = {
         cascade: false,
         withChildren: false
-    }
+    };
     target: any;
     alteredOptions: any;
     state = {
         isOpened: false
-    }
+    };
 
     @autobind
     domRef(ref: any) {
@@ -57,12 +53,7 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
     }
 
     renderValue() {
-        const {
-            multiple,
-            classnames: cx,
-            selectedOptions,
-            labelField
-        } = this.props;
+        const {multiple, classnames: cx, selectedOptions, labelField} = this.props;
         const len = Array.isArray(selectedOptions) ? selectedOptions.length : 0;
         return (
             <div className={cx('NestedSelect-valueWrap')} onClick={this.open}>
@@ -76,37 +67,24 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
     }
 
     renderClear() {
-        const {
-            clearable,
-            value,
-            disabled,
-            classnames: cx
-        } = this.props;
+        const {clearable, value, disabled, classnames: cx} = this.props;
 
-        return clearable && !disabled && (Array.isArray(value) ? value.length : value) ?
-            (<a onClick={this.clearValue} className={cx('NestedSelect-clear')}><Icon icon="close" className="icon" /></a>) : null;
+        return clearable && !disabled && (Array.isArray(value) ? value.length : value) ? (
+            <a onClick={this.clearValue} className={cx('NestedSelect-clear')}>
+                <Icon icon="close" className="icon" />
+            </a>
+        ) : null;
     }
 
     @autobind
     clearValue() {
-        const {
-            onChange,
-            resetValue
-        } = this.props;
+        const {onChange, resetValue} = this.props;
 
         onChange(typeof resetValue === 'undefined' ? '' : resetValue);
     }
 
     handleOptionClick(option: Option, e: React.MouseEvent<HTMLElement>) {
-        const {
-            multiple,
-            onChange,
-            joinValues,
-            extractValue,
-            valueField,
-            autoFill,
-            onBulkChange
-        } = this.props;
+        const {multiple, onChange, joinValues, extractValue, valueField, autoFill, onBulkChange} = this.props;
 
         e.stopPropagation();
 
@@ -188,15 +166,7 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
     }
 
     renderOptions(newOptions: Array<any>, isChildren: boolean, uncheckable: boolean): any {
-        const {
-            multiple,
-            selectedOptions,
-            classnames: cx,
-            value,
-            options,
-            disabled,
-            cascade
-        } = this.props;
+        const {multiple, selectedOptions, classnames: cx, value, options, disabled, cascade} = this.props;
 
         if (multiple) {
             let partialChecked = this.partialChecked(options);
@@ -230,10 +200,20 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
                                 >
                                     {option.label}
                                 </Checkbox>
-                                {option.children ? (<div className={cx('NestedSelect-optionArrowRight')}><Icon icon="right-arrow" className="icon" /></div>) : null}
-                                {option.children && option.children.length ? this.renderOptions(option.children, true, cascade ? false : uncheckable || multiple && checked) : null}
+                                {option.children ? (
+                                    <div className={cx('NestedSelect-optionArrowRight')}>
+                                        <Icon icon="right-arrow" className="icon" />
+                                    </div>
+                                ) : null}
+                                {option.children && option.children.length
+                                    ? this.renderOptions(
+                                          option.children,
+                                          true,
+                                          cascade ? false : uncheckable || (multiple && checked)
+                                      )
+                                    : null}
                             </div>
-                        )
+                        );
                     })}
                 </div>
             );
@@ -250,28 +230,26 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
                         onClick={this.handleOptionClick.bind(this, option)}
                     >
                         <span>{option.label}</span>
-                        {option.children ? (<div className={cx('NestedSelect-optionArrowRight')}><Icon icon="right-arrow" className="icon" /></div>) : null}
-                        {option.children && option.children.length ? this.renderOptions(option.children, true, false) : null}
+                        {option.children ? (
+                            <div className={cx('NestedSelect-optionArrowRight')}>
+                                <Icon icon="right-arrow" className="icon" />
+                            </div>
+                        ) : null}
+                        {option.children && option.children.length
+                            ? this.renderOptions(option.children, true, false)
+                            : null}
                     </div>
-
                 ))}
             </div>
         );
     }
 
     renderOuter() {
-        const {
-            popOverContainer,
-            options,
-            classnames: cx
-        } = this.props;
+        const {popOverContainer, options, classnames: cx} = this.props;
 
         let body = (
-            <RootCloseWrapper
-                disabled={!this.state.isOpened}
-                onRootClose={this.close}
-            >
-                <div className={cx('NestedSelect-menuOuter')} style={{minWidth: this.target.offsetWidth}} >
+            <RootCloseWrapper disabled={!this.state.isOpened} onRootClose={this.close}>
+                <div className={cx('NestedSelect-menuOuter')} style={{minWidth: this.target.offsetWidth}}>
                     {this.renderOptions(options, false, false)}
                 </div>
             </RootCloseWrapper>
@@ -285,7 +263,7 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
                     target={() => this.target}
                     show
                 >
-                    <PopOver className={cx("NestedSelect-popover")} style={{minWidth: this.target.offsetWidth}}>
+                    <PopOver className={cx('NestedSelect-popover')} style={{minWidth: this.target.offsetWidth}}>
                         {body}
                     </PopOver>
                 </Overlay>
@@ -295,20 +273,19 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
     }
 
     render() {
-        const {
-            className,
-            disabled,
-            placeholder,
-            selectedOptions,
-            classnames: cx,
-        } = this.props;
+        const {className, disabled, placeholder, selectedOptions, classnames: cx} = this.props;
 
         return (
-            <div className={cx('NestedSelectControl')} >
-                <div className={cx('NestedSelect', {
-                    'is-opened': this.state.isOpened,
-                    'is-disabled': disabled
-                }, className)}
+            <div className={cx('NestedSelectControl')}>
+                <div
+                    className={cx(
+                        'NestedSelect',
+                        {
+                            'is-opened': this.state.isOpened,
+                            'is-disabled': disabled
+                        },
+                        className
+                    )}
                     onClick={this.open}
                     ref={this.domRef}
                 >
@@ -319,7 +296,7 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
                     {this.renderValue()}
                     {this.renderClear()}
 
-                    <span className={cx('Select-arrow')}></span>
+                    <span className={cx('Select-arrow')} />
                 </div>
 
                 {this.state.isOpened ? this.renderOuter() : null}
@@ -331,4 +308,4 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
 @OptionsControl({
     type: 'nested-select'
 })
-export class NestedSelectControlRenderer extends NestedSelectControl {}
\ No newline at end of file
+export class NestedSelectControlRenderer extends NestedSelectControl {}
diff --git a/src/renderers/Form/Number.tsx b/src/renderers/Form/Number.tsx
index 713bd3aae..b9cc0eeca 100644
--- a/src/renderers/Form/Number.tsx
+++ b/src/renderers/Form/Number.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps,
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import InputNumber from 'rc-input-number';
 import {filter} from '../../utils/tpl';
@@ -13,7 +10,7 @@ export interface NumberProps extends FormControlProps {
     min?: number | string;
     step?: number;
     precision?: number;
-};
+}
 
 export default class NumberControl extends React.Component<NumberProps, any> {
     static defaultProps: Partial<NumberProps> = {
@@ -28,13 +25,9 @@ export default class NumberControl extends React.Component<NumberProps, any> {
     }
 
     handleChange(inputValue: any) {
-        const {
-            classPrefix: ns,
-            onChange,
-            resetValue
-        } = this.props;
+        const {classPrefix: ns, onChange, resetValue} = this.props;
 
-        onChange(typeof inputValue === 'undefined' ? (resetValue || '') : inputValue);
+        onChange(typeof inputValue === 'undefined' ? resetValue || '' : inputValue);
     }
 
     filterNum(value: number | string | undefined) {
@@ -46,17 +39,7 @@ export default class NumberControl extends React.Component<NumberProps, any> {
     }
 
     render(): JSX.Element {
-        const {
-            className,
-            classPrefix: ns,
-            value,
-            step,
-            precision,
-            max,
-            min,
-            disabled,
-            placeholder
-        } = this.props;
+        const {className, classPrefix: ns, value, step, precision, max, min, disabled, placeholder} = this.props;
 
         let precisionProps: any = {};
 
@@ -88,5 +71,5 @@ export default class NumberControl extends React.Component<NumberProps, any> {
 export class NumberControlRenderer extends NumberControl {
     static defaultProps: Partial<FormControlProps> = {
         validations: 'isNumeric'
-    }
-};
+    };
+}
diff --git a/src/renderers/Form/Options.tsx b/src/renderers/Form/Options.tsx
index 249f284cc..0af7b917a 100644
--- a/src/renderers/Form/Options.tsx
+++ b/src/renderers/Form/Options.tsx
@@ -1,44 +1,34 @@
 import {Api} from '../../types';
 import {buildApi, isEffectiveApi, isValidApi, isApiOutdated} from '../../utils/api';
-import {
-    anyChanged
-} from '../../utils/helper';
+import {anyChanged} from '../../utils/helper';
 import {reaction} from 'mobx';
-import {
-    FormControlProps,
-    registerFormItem,
-    FormItemBasicConfig
-} from './Item';
-import {
-    IFormItemStore
-} from '../../store/formItem';
+import {FormControlProps, registerFormItem, FormItemBasicConfig} from './Item';
+import {IFormItemStore} from '../../store/formItem';
 export type OptionsControlComponent = React.ComponentType<FormControlProps>;
 
 import React from 'react';
-import { resolveVariableAndFilter } from '../../utils/tpl-builtin';
-import { evalExpression } from '../../utils/tpl';
-import { Option, OptionProps, normalizeOptions } from '../../components/Select';
+import {resolveVariableAndFilter} from '../../utils/tpl-builtin';
+import {evalExpression} from '../../utils/tpl';
+import {Option, OptionProps, normalizeOptions} from '../../components/Select';
 
-export {
-    Option
-};
+export {Option};
 
 export interface OptionsBasicConfig extends FormItemBasicConfig {
     autoLoadOptionsFromSource?: boolean;
 }
 
 export interface OptionsConfig extends OptionsBasicConfig {
-    component: React.ComponentType<OptionsControlProps>
+    component: React.ComponentType<OptionsControlProps>;
 }
 
 export interface OptionsControlProps extends FormControlProps, OptionProps {
     source?: Api;
     name?: string;
-    onToggle: (option:Option, submitOnChange?: boolean) => void;
+    onToggle: (option: Option, submitOnChange?: boolean) => void;
     onToggleAll: () => void;
     selectedOptions: Array<Option>;
-    setOptions: (value:Array<any>) => void;
-    setLoading: (value:boolean) => void;
+    setOptions: (value: Array<any>) => void;
+    setLoading: (value: boolean) => void;
     reloadOptions: () => void;
 }
 
@@ -48,7 +38,7 @@ export function registerOptionsControl(config: OptionsConfig) {
     // @observer
     class FormOptionsItem extends React.Component<FormControlProps, any> {
         static displayName = `OptionsControl(${config.type})`;
-        static defaultProps:Partial<FormControlProps> = {
+        static defaultProps: Partial<FormControlProps> = {
             delimiter: ',',
             labelField: 'label',
             valueField: 'value',
@@ -59,13 +49,13 @@ export function registerOptionsControl(config: OptionsConfig) {
             resetValue: '',
             ...Control.defaultProps
         };
-        static propsList:any = (Control as any).propsList ? [...(Control as any).propsList] : [];
+        static propsList: any = (Control as any).propsList ? [...(Control as any).propsList] : [];
         static ComposedComponent = Control;
-        
-        reaction:any;
-        input:any;
 
-        constructor(props:FormControlProps) {
+        reaction: any;
+        input: any;
+
+        constructor(props: FormControlProps) {
             super(props);
 
             const formItem = props.formItem as IFormItemStore;
@@ -97,14 +87,13 @@ export function registerOptionsControl(config: OptionsConfig) {
             } = this.props;
 
             if (formItem) {
-                this.reaction = reaction(() => JSON.stringify([
-                    formItem.loading,
-                    formItem.selectedOptions,
-                    formItem.filteredOptions
-                ]), () => this.forceUpdate());
+                this.reaction = reaction(
+                    () => JSON.stringify([formItem.loading, formItem.selectedOptions, formItem.filteredOptions]),
+                    () => this.forceUpdate()
+                );
             }
 
-            let loadOptions:boolean = initFetch !== false;
+            let loadOptions: boolean = initFetch !== false;
 
             if (/^\$(?:([a-z0-9_.]+)|{.+})$/.test(source) && formItem) {
                 formItem.setOptions(normalizeOptions(resolveVariableAndFilter(source, data, '| raw') || []));
@@ -112,7 +101,9 @@ export function registerOptionsControl(config: OptionsConfig) {
             }
 
             if (formItem && joinValues === false && defaultValue) {
-                const selectedOptions = extractValue ? formItem.selectedOptions.map((selectedOption: Option) => selectedOption[valueField || 'value']) : formItem.selectedOptions;
+                const selectedOptions = extractValue
+                    ? formItem.selectedOptions.map((selectedOption: Option) => selectedOption[valueField || 'value'])
+                    : formItem.selectedOptions;
                 setPrinstineValue(multiple ? selectedOptions.concat() : formItem.selectedOptions[0]);
             }
 
@@ -123,43 +114,49 @@ export function registerOptionsControl(config: OptionsConfig) {
             this.normalizeValue();
         }
 
-        shouldComponentUpdate(nextProps:FormControlProps) {
+        shouldComponentUpdate(nextProps: FormControlProps) {
             if (config.strictMode === false || nextProps.strictMode === false) {
                 return true;
             }
 
-            if (anyChanged([
-                'formPristine',
-                'addOn',
-                'disabled',
-                'placeholder',
-                'required',
-                'formMode',
-                'className',
-                'inputClassName',
-                'labelClassName',
-                'label',
-                'inline',
-                'options',
-                'size',
-                'btnClassName',
-                'btnActiveClassName',
-                'buttons',
-                'columnsCount',
-                'multiple',
-                'hideRoot',
-                'checkAll',
-                'showIcon',
-                'showRadio',
-                'btnDisabled'
-            ], this.props, nextProps)) {
+            if (
+                anyChanged(
+                    [
+                        'formPristine',
+                        'addOn',
+                        'disabled',
+                        'placeholder',
+                        'required',
+                        'formMode',
+                        'className',
+                        'inputClassName',
+                        'labelClassName',
+                        'label',
+                        'inline',
+                        'options',
+                        'size',
+                        'btnClassName',
+                        'btnActiveClassName',
+                        'buttons',
+                        'columnsCount',
+                        'multiple',
+                        'hideRoot',
+                        'checkAll',
+                        'showIcon',
+                        'showRadio',
+                        'btnDisabled'
+                    ],
+                    this.props,
+                    nextProps
+                )
+            ) {
                 return true;
             }
 
             return false;
         }
 
-        componentWillReceiveProps(nextProps:OptionsControlProps) {
+        componentWillReceiveProps(nextProps: OptionsControlProps) {
             const props = this.props;
             const formItem = nextProps.formItem as IFormItemStore;
 
@@ -175,7 +172,12 @@ export function registerOptionsControl(config: OptionsConfig) {
 
             if (props.options !== nextProps.options && formItem) {
                 formItem.setOptions(normalizeOptions(nextProps.options || []));
-            } else if (config.autoLoadOptionsFromSource !== false && nextProps.source && formItem && (props.source !== nextProps.source || props.data !== nextProps.data)) {
+            } else if (
+                config.autoLoadOptionsFromSource !== false &&
+                nextProps.source &&
+                formItem &&
+                (props.source !== nextProps.source || props.data !== nextProps.data)
+            ) {
                 if (/^\$(?:([a-z0-9_.]+)|{.+})$/.test(nextProps.source as string)) {
                     const options = resolveVariableAndFilter(props.source, props.data, '| raw');
                     const nextOptions = resolveVariableAndFilter(nextProps.source as string, nextProps.data, '| raw');
@@ -196,33 +198,33 @@ export function registerOptionsControl(config: OptionsConfig) {
         }
 
         normalizeValue() {
-            const {
-                joinValues,
-                extractValue,
-                value,
-                multiple,
-                formItem,
-                valueField
-            } = this.props;
+            const {joinValues, extractValue, value, multiple, formItem, valueField} = this.props;
 
             if (
-                formItem 
-                && joinValues === false 
-                && extractValue === false
-                && (typeof value === 'string' || typeof value === 'number') 
-                && formItem.options.length
+                formItem &&
+                joinValues === false &&
+                extractValue === false &&
+                (typeof value === 'string' || typeof value === 'number') &&
+                formItem.options.length
             ) {
                 formItem.changeValue(multiple ? formItem.selectedOptions.concat() : formItem.selectedOptions[0]);
             }
 
             if (
-                formItem
-                && joinValues === false
-                && extractValue === true
-                && value && !((Array.isArray(value) && value.every(val => typeof val === 'string' || typeof val === 'number')) || typeof value === 'string' || typeof value === 'number')
-                && formItem.options.length
+                formItem &&
+                joinValues === false &&
+                extractValue === true &&
+                value &&
+                !(
+                    (Array.isArray(value) && value.every(val => typeof val === 'string' || typeof val === 'number')) ||
+                    typeof value === 'string' ||
+                    typeof value === 'number'
+                ) &&
+                formItem.options.length
             ) {
-                const selectedOptions = formItem.selectedOptions.map((selectedOption: Option) => selectedOption[valueField || 'value']);
+                const selectedOptions = formItem.selectedOptions.map(
+                    (selectedOption: Option) => selectedOption[valueField || 'value']
+                );
                 formItem.changeValue(multiple ? selectedOptions.concat() : selectedOptions[0]);
             }
         }
@@ -231,11 +233,11 @@ export function registerOptionsControl(config: OptionsConfig) {
             return this.input;
         }
 
-        inputRef(ref:any) {
+        inputRef(ref: any) {
             this.input = ref;
         }
 
-        handleToggle(option:Option, submitOnChange?: boolean) {
+        handleToggle(option: Option, submitOnChange?: boolean) {
             const {
                 onChange,
                 joinValues,
@@ -254,7 +256,7 @@ export function registerOptionsControl(config: OptionsConfig) {
 
             let valueArray = formItem.selectedOptions.concat();
             const idx = valueArray.indexOf(option);
-            let newValue:string|Array<Option>|Option = '';
+            let newValue: string | Array<Option> | Option = '';
 
             if (multiple) {
                 if (~idx) {
@@ -272,7 +274,7 @@ export function registerOptionsControl(config: OptionsConfig) {
                 }
             } else {
                 if (~idx && clearable) {
-                    valueArray.splice(idx, 1)
+                    valueArray.splice(idx, 1);
                 } else {
                     valueArray = [option];
                 }
@@ -303,10 +305,12 @@ export function registerOptionsControl(config: OptionsConfig) {
                 return;
             }
 
-            let valueArray = formItem.selectedOptions.length === formItem.filteredOptions.length ? 
-            [] : formItem.filteredOptions.concat();
-            
-            let newValue:string|Array<Option>|Option = '';
+            let valueArray =
+                formItem.selectedOptions.length === formItem.filteredOptions.length
+                    ? []
+                    : formItem.filteredOptions.concat();
+
+            let newValue: string | Array<Option> | Option = '';
 
             if (multiple) {
                 newValue = valueArray;
@@ -329,26 +333,20 @@ export function registerOptionsControl(config: OptionsConfig) {
 
         // 当有 action 触发，如果指定了 reload 目标组件，有可能会来到这里面来
         reload() {
-            const {
-                source,
-                formItem,
-                data,
-                onChange
-            } = this.props;
+            const {source, formItem, data, onChange} = this.props;
 
             if (config.autoLoadOptionsFromSource === false || !formItem || !isEffectiveApi(source, data)) {
                 return;
             }
 
-            return formItem
-                .loadOptions(source, data, undefined, false, onChange)
+            return formItem.loadOptions(source, data, undefined, false, onChange);
         }
 
         focus() {
             this.input && this.input.focus && this.input.focus();
         }
 
-        setOptions(options:Array<any>) {
+        setOptions(options: Array<any>) {
             const formItem = this.props.formItem as IFormItemStore;
             formItem && formItem.setOptions(normalizeOptions(options || []));
         }
@@ -358,16 +356,13 @@ export function registerOptionsControl(config: OptionsConfig) {
             formItem && formItem.syncOptions();
         }
 
-        setLoading(value:boolean) {
+        setLoading(value: boolean) {
             const formItem = this.props.formItem as IFormItemStore;
             formItem && formItem.setLoading(value);
         }
 
         render() {
-            const {
-                value,
-                formItem            
-            } = this.props;
+            const {value, formItem} = this.props;
 
             return (
                 <Control
@@ -383,7 +378,7 @@ export function registerOptionsControl(config: OptionsConfig) {
                     syncOptions={this.syncOptions}
                     reloadOptions={this.reload}
                 />
-            )
+            );
         }
     }
 
@@ -394,18 +389,17 @@ export function registerOptionsControl(config: OptionsConfig) {
     });
 }
 
-
-export function OptionsControl(config:OptionsBasicConfig) {
-    return function <T extends React.ComponentType<OptionsControlProps>>(component:T):T {
+export function OptionsControl(config: OptionsBasicConfig) {
+    return function<T extends React.ComponentType<OptionsControlProps>>(component: T): T {
         const renderer = registerOptionsControl({
             ...config,
             component: component
         });
         return renderer.component as any;
-    }
+    };
 }
 
-export function highlight(text:string, input?:string, hlClassName:string = 'is-matched') {
+export function highlight(text: string, input?: string, hlClassName: string = 'is-matched') {
     if (!input) {
         return text;
     }
@@ -417,14 +411,18 @@ export function highlight(text:string, input?:string, hlClassName:string = 'is-m
     }
 
     const parts = text.split(reg);
-    const dom:Array<any> = [];
+    const dom: Array<any> = [];
 
-    parts.forEach((text:string, index) => {
+    parts.forEach((text: string, index) => {
         text && dom.push(<span key={index}>{text}</span>);
-        dom.push(<span className={hlClassName} key={`${index}-hl`}>{input}</span>);
+        dom.push(
+            <span className={hlClassName} key={`${index}-hl`}>
+                {input}
+            </span>
+        );
     });
 
     dom.pop();
 
     return dom;
-}
\ No newline at end of file
+}
diff --git a/src/renderers/Form/Panel.tsx b/src/renderers/Form/Panel.tsx
index 29b4ee9f1..9dc158b80 100644
--- a/src/renderers/Form/Panel.tsx
+++ b/src/renderers/Form/Panel.tsx
@@ -1,19 +1,16 @@
 import React from 'react';
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
+import {Renderer, RendererProps} from '../../factory';
 import Panel from '../Panel';
-import { Schema } from '../../types';
+import {Schema} from '../../types';
 import cx from 'classnames';
 
 @Renderer({
     test: /(^|\/)form(?:\/.+)?\/control\/(?:\d+\/)?panel$/,
     weight: -100,
-    name: "panel-control"
+    name: 'panel-control'
 })
 export class PanelRenderer extends Panel {
-    renderBody():JSX.Element | null {
+    renderBody(): JSX.Element | null {
         const {
             render,
             renderFormItems,
@@ -26,21 +23,25 @@ export class PanelRenderer extends Panel {
             formMode,
             horizontal,
             $path,
-            classPrefix: ns,
+            classPrefix: ns
         } = this.props;
 
         if (!body && (controls || tabs || fieldSet)) {
-            let props:any = {};
+            let props: any = {};
             mode && (props.mode = mode);
             horizontal && (props.horizontal = horizontal);
 
             return (
                 <div className={cx(`${ns}Form--${props.mode || formMode || 'normal'}`, bodyClassName)}>
-                    {renderFormItems({
-                        controls,
-                        tabs,
-                        fieldSet
-                    }, ($path as string).replace(/^.*form\//, ''), props)}
+                    {renderFormItems(
+                        {
+                            controls,
+                            tabs,
+                            fieldSet
+                        },
+                        ($path as string).replace(/^.*form\//, ''),
+                        props
+                    )}
                 </div>
             );
         }
diff --git a/src/renderers/Form/Picker.tsx b/src/renderers/Form/Picker.tsx
index 5d4f07a5a..529580961 100644
--- a/src/renderers/Form/Picker.tsx
+++ b/src/renderers/Form/Picker.tsx
@@ -1,22 +1,14 @@
 import React from 'react';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from './Options';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
 import cx from 'classnames';
 import Button from '../../components/Button';
-import {
-    SchemaNode,
-    Schema,
-    Action
-} from '../../types';
+import {SchemaNode, Schema, Action} from '../../types';
 import find = require('lodash/find');
 import {anyChanged, autobind, getVariable, noop} from '../../utils/helper';
 import findIndex = require('lodash/findIndex');
 import Html from '../../components/Html';
-import { filter } from '../../utils/tpl';
-import { Icon } from '../../components/icons';
+import {filter} from '../../utils/tpl';
+import {Icon} from '../../components/icons';
 import {isEmpty} from '../../utils/helper';
 import {dataMapping} from '../../utils/tpl-builtin';
 
@@ -24,32 +16,32 @@ export interface PickerProps extends OptionsControlProps {
     modalMode: 'dialog' | 'drawer';
     pickerSchema: object;
     labelField: string;
-};
+}
 
 export interface PickerState {
     isOpened: boolean;
     isFocused: boolean;
     schema: SchemaNode;
-};
+}
 
 export default class PickerControl extends React.PureComponent<PickerProps, any> {
     static propsList: Array<string> = [
-        "modalMode",
-        "pickerSchema",
-        "labelField",
-        "onChange",
-        "options",
-        "value",
-        "inline",
-        "multiple",
-        "embed",
-        "resetValue",
-        "placeholder"
+        'modalMode',
+        'pickerSchema',
+        'labelField',
+        'onChange',
+        'options',
+        'value',
+        'inline',
+        'multiple',
+        'embed',
+        'resetValue',
+        'placeholder'
     ];
     static defaultProps: Partial<PickerProps> = {
         modalMode: 'dialog',
         multiple: false,
-        placeholder: "请点击按钮选择",
+        placeholder: '请点击按钮选择',
         pickerSchema: {
             mode: 'list',
             listItem: {
@@ -57,7 +49,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
             }
         },
         embed: false
-    }
+    };
 
     state: PickerState = {
         isOpened: false,
@@ -70,11 +62,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
     componentWillReceiveProps(nextProps: PickerProps) {
         const props = this.props;
 
-        if (anyChanged([
-            'pickerSchema',
-            'multiple',
-            'source'
-        ], props, nextProps)) {
+        if (anyChanged(['pickerSchema', 'multiple', 'source'], props, nextProps)) {
             this.setState({
                 schema: this.buildSchema(nextProps)
             });
@@ -94,8 +82,8 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
             checkOnItemClick: true,
 
             // 不支持批量操作，会乱套
-            bulkActions: props.multiple ? (props.pickerSchema as Schema).bulkActions : [],
-        }
+            bulkActions: props.multiple ? (props.pickerSchema as Schema).bulkActions : []
+        };
     }
 
     reload() {
@@ -119,7 +107,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
 
     @autobind
     handleModalConfirm(values: Array<any>, action: Action, ctx: any, components: Array<any>) {
-        const idx = findIndex(components, (item: any) => item.props.type === "crud");
+        const idx = findIndex(components, (item: any) => item.props.type === 'crud');
         this.handleChange(values[idx].items);
         this.close();
     }
@@ -144,7 +132,9 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
         if (joinValues) {
             value = items.map((item: any) => item[valueField || 'value']).join(delimiter || ',');
         } else if (extractValue) {
-            value = multiple ? items.map((item: any) => item[valueField || 'value']) : (items[0] && items[0][valueField || 'value'] || '');
+            value = multiple
+                ? items.map((item: any) => item[valueField || 'value'])
+                : (items[0] && items[0][valueField || 'value']) || '';
         } else {
             value = multiple ? items : items[0];
         }
@@ -163,15 +153,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
     }
 
     removeItem(index: number) {
-        const {
-            selectedOptions,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField,
-            onChange,
-            multiple
-        } = this.props;
+        const {selectedOptions, joinValues, extractValue, delimiter, valueField, onChange, multiple} = this.props;
         const items = selectedOptions.concat();
         items.splice(index, 1);
 
@@ -180,7 +162,9 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
         if (joinValues) {
             value = items.map((item: any) => item[valueField || 'value']).join(delimiter || ',');
         } else if (extractValue) {
-            value = multiple ? items.map((item: any) => item[valueField || 'value']) : (items[0] && items[0][valueField || 'value'] || '');
+            value = multiple
+                ? items.map((item: any) => item[valueField || 'value'])
+                : (items[0] && items[0][valueField || 'value']) || '';
         } else {
             value = multiple ? items : items[0];
         }
@@ -189,12 +173,12 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
     }
 
     @autobind
-    handleKeyDown(e:React.KeyboardEvent) {
+    handleKeyDown(e: React.KeyboardEvent) {
         const selectedOptions = this.props.selectedOptions;
 
         if (e.key === ' ') {
             this.open();
-        } else if (selectedOptions.length && e.key == "Backspace") {
+        } else if (selectedOptions.length && e.key == 'Backspace') {
             this.removeItem(selectedOptions.length - 1);
         }
     }
@@ -205,7 +189,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
             isFocused: true
         });
     }
-    
+
     @autobind
     handleBlur() {
         this.setState({
@@ -220,33 +204,36 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
 
     @autobind
     clearValue() {
-        const {
-            onChange,
-            resetValue
-        } = this.props;
+        const {onChange, resetValue} = this.props;
 
-        onChange(resetValue !== void 0 ? resetValue : '')
+        onChange(resetValue !== void 0 ? resetValue : '');
     }
 
     renderValues() {
-        const {
-            classPrefix: ns,
-            selectedOptions,
-            labelField,
-            labelTpl,
-            disabled
-        } = this.props;
+        const {classPrefix: ns, selectedOptions, labelField, labelTpl, disabled} = this.props;
         return (
             <div className={`${ns}Picker-values`}>
                 {selectedOptions.map((item, index) => (
-                    <div key={index} className={cx(`${ns}Picker-value`, {
-                        'is-disabled': disabled
-                    })}>
-                        <span data-tooltip="删除" data-position="bottom" className={`${ns}Picker-valueIcon`} onClick={this.removeItem.bind(this, index)}>×</span>
+                    <div
+                        key={index}
+                        className={cx(`${ns}Picker-value`, {
+                            'is-disabled': disabled
+                        })}
+                    >
+                        <span
+                            data-tooltip="删除"
+                            data-position="bottom"
+                            className={`${ns}Picker-valueIcon`}
+                            onClick={this.removeItem.bind(this, index)}
+                        >
+                            ×
+                        </span>
                         <span className={`${ns}Picker-valueLabel`}>
-                        {labelTpl
-                            ? (<Html html={filter(labelTpl, item)} />)
-                            : getVariable(item, labelField || 'label') || getVariable(item, 'id')}
+                            {labelTpl ? (
+                                <Html html={filter(labelTpl, item)} />
+                            ) : (
+                                getVariable(item, labelField || 'label') || getVariable(item, 'id')
+                            )}
                         </span>
                     </div>
                 ))}
@@ -256,14 +243,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
 
     @autobind
     renderBody() {
-        const {
-            render,
-            selectedOptions,
-            options,
-            multiple,
-            valueField,
-            embed
-        } = this.props;
+        const {render, selectedOptions, options, multiple, valueField, embed} = this.props;
 
         return render('modal-body', this.state.schema, {
             value: selectedOptions,
@@ -294,9 +274,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
         return (
             <div className={cx(`PickerControl`, className)}>
                 {embed ? (
-                    <div className={cx('Picker')}>
-                        {this.renderBody()}
-                    </div>
+                    <div className={cx('Picker')}>{this.renderBody()}</div>
                 ) : (
                     <div
                         className={cx(`Picker`, {
@@ -313,7 +291,7 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
 
                             <div className={cx('Picker-valueWrap')}>
                                 {this.renderValues()}
-                                
+
                                 <input
                                     onChange={noop}
                                     value={''}
@@ -324,70 +302,75 @@ export default class PickerControl extends React.PureComponent<PickerProps, any>
                                 />
                             </div>
 
-                            {clearable && !disabled && selectedOptions.length ? (<a onClick={this.clearValue} className={cx('Picker-clear')}><Icon icon="close" className="icon" /></a>) : null}
+                            {clearable && !disabled && selectedOptions.length ? (
+                                <a onClick={this.clearValue} className={cx('Picker-clear')}>
+                                    <Icon icon="close" className="icon" />
+                                </a>
+                            ) : null}
 
-                            <span onClick={this.open} className={cx('Picker-btn')}></span>
+                            <span onClick={this.open} className={cx('Picker-btn')} />
                         </div>
-                        
-                        
-                        {render('modal', {
-                            title: '请选择',
-                            size: size,
-                            type: modalMode,
-                            body: {
-                                children: this.renderBody
+
+                        {render(
+                            'modal',
+                            {
+                                title: '请选择',
+                                size: size,
+                                type: modalMode,
+                                body: {
+                                    children: this.renderBody
+                                }
+                            },
+                            {
+                                key: 'modal',
+                                lazyRender: !!source,
+                                onConfirm: this.handleModalConfirm,
+                                onClose: this.close,
+                                show: this.state.isOpened
                             }
-                        }, {
-                            key: 'modal',
-                            lazyRender: !!source,
-                            onConfirm: this.handleModalConfirm,
-                            onClose: this.close,
-                            show: this.state.isOpened
-                        })}
+                        )}
                     </div>
-                // <div className={`${ns}Picker`}>
-                //         {this.renderValues()}
+                    // <div className={`${ns}Picker`}>
+                    //         {this.renderValues()}
 
-                //         <Button
-                //             classPrefix={ns}
-                //             className={`${ns}Picker-pickBtn`}
-                //             tooltip="点击选择"
-                //             tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
-                //             level="info"
-                //             size="sm"
-                //             disabled={disabled}
-                //             onClick={this.open}
-                //             iconOnly
-                //         >
-                //         选定
-                //         </Button>
+                    //         <Button
+                    //             classPrefix={ns}
+                    //             className={`${ns}Picker-pickBtn`}
+                    //             tooltip="点击选择"
+                    //             tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
+                    //             level="info"
+                    //             size="sm"
+                    //             disabled={disabled}
+                    //             onClick={this.open}
+                    //             iconOnly
+                    //         >
+                    //         选定
+                    //         </Button>
 
-                //         {render('modal', {
-                //             title: '请选择',
-                //             size: size,
-                //             type: modalMode,
-                //             body: {
-                //                 children: this.renderBody
-                //             }
-                //         }, {
-                //             key: 'modal',
-                //             lazyRender: !!source,
-                //             onConfirm: this.handleModalConfirm,
-                //             onClose: this.close,
-                //             show: this.state.isOpened
-                //         })}
-                //     </div>
-                    )}
+                    //         {render('modal', {
+                    //             title: '请选择',
+                    //             size: size,
+                    //             type: modalMode,
+                    //             body: {
+                    //                 children: this.renderBody
+                    //             }
+                    //         }, {
+                    //             key: 'modal',
+                    //             lazyRender: !!source,
+                    //             onConfirm: this.handleModalConfirm,
+                    //             onClose: this.close,
+                    //             show: this.state.isOpened
+                    //         })}
+                    //     </div>
+                )}
             </div>
         );
     }
 }
 
-
 @OptionsControl({
     type: 'picker',
     autoLoadOptionsFromSource: false,
     sizeMutable: false
 })
-export class PickerControlRenderer extends PickerControl {};
-
+export class PickerControlRenderer extends PickerControl {}
diff --git a/src/renderers/Form/Radios.tsx b/src/renderers/Form/Radios.tsx
index 7d7e85ee9..9f129b876 100644
--- a/src/renderers/Form/Radios.tsx
+++ b/src/renderers/Form/Radios.tsx
@@ -1,38 +1,24 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import Radios from '../../components/Radios';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from './Options';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
 import {autobind, isEmpty} from '../../utils/helper';
 import {dataMapping} from '../../utils/tpl-builtin';
 
 export interface RadiosProps extends OptionsControlProps {
     placeholder?: any;
     columnsCount?: number;
-};
+}
 
 export default class RadiosControl extends React.Component<RadiosProps, any> {
-    static defaultProps:Partial<RadiosProps> = {
+    static defaultProps: Partial<RadiosProps> = {
         columnsCount: 1
-    }
+    };
 
     @autobind
     handleChange(option: Option) {
-        const {
-            joinValues,
-            extractValue,
-            valueField,
-            onChange,
-            autoFill,
-            onBulkChange
-        } = this.props;
+        const {joinValues, extractValue, valueField, onChange, autoFill, onBulkChange} = this.props;
 
         const sendTo = autoFill && !isEmpty(autoFill) && dataMapping(autoFill, option);
         sendTo && onBulkChange && onBulkChange(sendTo);
@@ -44,12 +30,11 @@ export default class RadiosControl extends React.Component<RadiosProps, any> {
         onChange && onChange(option);
     }
 
-
     reload() {
         const reload = this.props.reloadOptions;
         reload && reload();
     }
-    
+
     render() {
         const {
             className,
@@ -73,7 +58,7 @@ export default class RadiosControl extends React.Component<RadiosProps, any> {
             <Radios
                 inline={inline || formMode === 'inline'}
                 className={cx(`${ns}RadiosControl`, className)}
-                value={(typeof value === 'undefined' || value === null) ? '' : value}
+                value={typeof value === 'undefined' || value === null ? '' : value}
                 disabled={disabled}
                 onChange={this.handleChange}
                 joinValues={joinValues}
@@ -97,5 +82,4 @@ export class RadiosControlRenderer extends RadiosControl {
     static defaultProps = {
         multiple: false
     };
-};
-
+}
diff --git a/src/renderers/Form/Range.tsx b/src/renderers/Form/Range.tsx
index de008ded0..ad46271dc 100644
--- a/src/renderers/Form/Range.tsx
+++ b/src/renderers/Form/Range.tsx
@@ -2,13 +2,10 @@ import React from 'react';
 import isNumber = require('lodash/isNumber');
 import isObject = require('lodash/isObject');
 import isEqual = require('lodash/isEqual');
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import InputRange from '../../components/Range';
-import { Icon } from '../../components/icons';
+import {Icon} from '../../components/icons';
 
 export interface RangeProps extends FormControlProps {
     max?: number;
@@ -25,7 +22,7 @@ export interface RangeProps extends FormControlProps {
     multiple?: boolean;
     joinValues?: boolean;
     delimiter?: string;
-};
+}
 
 export interface DefaultProps {
     max: number;
@@ -38,21 +35,21 @@ export interface DefaultProps {
     multiple: boolean;
     joinValues: boolean;
     delimiter: string;
-};
+}
 
-export function formatValue(value: string | number | {min: number, max: number}, props: Partial<RangeProps>) {
+export function formatValue(value: string | number | {min: number; max: number}, props: Partial<RangeProps>) {
     if (props.multiple) {
         if (typeof value === 'string') {
             const [minValue, maxValue] = value.split(props.delimiter || ',').map(v => Number(v));
             return {
-                min: props.min && minValue < props.min && props.min || minValue || props.min,
-                max: props.max && maxValue > props.max && props.max || maxValue || props.max
-            }
+                min: (props.min && minValue < props.min && props.min) || minValue || props.min,
+                max: (props.max && maxValue > props.max && props.max) || maxValue || props.max
+            };
         } else if (typeof value === 'object') {
             return {
-                min: props.min && value.min < props.min && props.min || value.min || props.min,
-                max: props.max && value.max > props.max && props.max || value.max || props.max
-            }
+                min: (props.min && value.min < props.min && props.min) || value.min || props.min,
+                max: (props.max && value.max > props.max && props.max) || value.max || props.max
+            };
         }
     }
     return value || props.min;
@@ -61,13 +58,17 @@ export function formatValue(value: string | number | {min: number, max: number},
 type PropsWithDefaults = RangeProps & DefaultProps;
 
 export interface RangeState {
-    value: {
-        min?: number,
-        max?: number
-    } | number | string | undefined;
+    value:
+        | {
+              min?: number;
+              max?: number;
+          }
+        | number
+        | string
+        | undefined;
     minValue?: any;
-    maxValue?: any; 
-};
+    maxValue?: any;
+}
 
 export default class RangeControl extends React.PureComponent<RangeProps, RangeState> {
     midLabel?: HTMLSpanElement;
@@ -83,7 +84,7 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
         multiple: false,
         joinValues: true,
         delimiter: ','
-    }
+    };
 
     constructor(props: RangeProps) {
         super(props);
@@ -141,10 +142,7 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
     }
 
     updateStyle() {
-        const {
-            showInput,
-            classPrefix: ns
-        } = this.props;
+        const {showInput, classPrefix: ns} = this.props;
 
         let offsetWidth = (this.midLabel as HTMLSpanElement).offsetWidth;
         let left = `calc(50% - ${offsetWidth / 2}px)`;
@@ -191,54 +189,52 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
         if (multiple && joinValues) {
             endValue = [value.min, value.max].join(delimiter || ',');
         }
-        const {
-            onChange
-        } = this.props;
-        this.setState({
-            value
-        }, () => onChange(endValue));
+        const {onChange} = this.props;
+        this.setState(
+            {
+                value
+            },
+            () => onChange(endValue)
+        );
     }
 
     getStepPrecision() {
-        const {
-            step
-        } = this.props;
+        const {step} = this.props;
 
-        return typeof step !== 'number' || step >= 1 || step < 0
-            ? 0
-            : step.toString().split(".")[1].length;
+        return typeof step !== 'number' || step >= 1 || step < 0 ? 0 : step.toString().split('.')[1].length;
     }
 
     getValue(value: any, type?: string) {
-        const {
-            max,
-            min,
-            step
-        } = this.props as PropsWithDefaults;
+        const {max, min, step} = this.props as PropsWithDefaults;
         const {value: stateValue} = this.state;
 
-        if (value === '' || value === '-' || new RegExp('^[-]?\\d+[.]{1}[0]{0,' + this.getStepPrecision() + '}$').test(value)) {
+        if (
+            value === '' ||
+            value === '-' ||
+            new RegExp('^[-]?\\d+[.]{1}[0]{0,' + this.getStepPrecision() + '}$').test(value)
+        ) {
             return value;
         }
 
         value = Math.round(parseFloat(value) / step) * step;
-        value = (step < 1) ? parseFloat(value.toFixed(this.getStepPrecision())) : ~~value;
+        value = step < 1 ? parseFloat(value.toFixed(this.getStepPrecision())) : ~~value;
 
-        switch(type) {
-            case 'min':
-                {
-                    if (isObject(stateValue) && isNumber(stateValue.max)) {
-                        if (value >= stateValue.max && (min <= stateValue.max - step)) {
-                            return stateValue.max - step;
-                        }
-                        if (value < stateValue.max - step) {
-                            return value;
-                        }
+        switch (type) {
+            case 'min': {
+                if (isObject(stateValue) && isNumber(stateValue.max)) {
+                    if (value >= stateValue.max && min <= stateValue.max - step) {
+                        return stateValue.max - step;
+                    }
+                    if (value < stateValue.max - step) {
+                        return value;
                     }
-                    return min;
                 }
+                return min;
+            }
             case 'max':
-                return isObject(stateValue) && isNumber(stateValue.min) ? (value > max && max) || (value <= stateValue.min && (stateValue.min + step)) || value : max;
+                return isObject(stateValue) && isNumber(stateValue.min)
+                    ? (value > max && max) || (value <= stateValue.min && stateValue.min + step) || value
+                    : max;
             default:
                 return (value < min && min) || (value > max && max) || value;
         }
@@ -253,28 +249,28 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
     handleMinInputBlur(evt: React.ChangeEvent<HTMLInputElement>) {
         const minValue = this.getValue(evt.target.value, 'min');
         const {value} = this.state;
-        isObject(value) ? 
-            this.setState({
-                value: {
-                    min: minValue,
-                    max: value.max
-                },
-                minValue: minValue
-            }) 
+        isObject(value)
+            ? this.setState({
+                  value: {
+                      min: minValue,
+                      max: value.max
+                  },
+                  minValue: minValue
+              })
             : null;
     }
 
     handleMaxInputBlur(evt: React.ChangeEvent<HTMLInputElement>) {
         const maxValue = this.getValue(evt.target.value, 'max');
         const {value} = this.state;
-        isObject(value) ? 
-            this.setState({
-                value: {
-                    min: value.min,
-                    max: maxValue
-                },
-                maxValue: maxValue
-            })
+        isObject(value)
+            ? this.setState({
+                  value: {
+                      min: value.min,
+                      max: maxValue
+                  },
+                  maxValue: maxValue
+              })
             : null;
     }
 
@@ -303,15 +299,21 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
             showInput,
             multiple,
             classnames: cx,
-            classPrefix: ns,
+            classPrefix: ns
         } = this.props as PropsWithDefaults;
 
         return (
-            <div className={cx("RangeControl", {
-                'RangeControl--withInput': showInput,
-                'RangeControl--clearable': clearable,
-                'is-multiple': multiple
-            }, className)}>
+            <div
+                className={cx(
+                    'RangeControl',
+                    {
+                        'RangeControl--withInput': showInput,
+                        'RangeControl--clearable': clearable,
+                        'is-multiple': multiple
+                    },
+                    className
+                )}
+            >
                 <InputRange
                     classPrefix={ns}
                     value={this.state.value}
@@ -325,15 +327,15 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
                     multiple={multiple}
                 />
 
-                <span className={cx("InputRange-label InputRange-label--mid")} ref={this.midLabelRef}>
-                    <span className={cx("InputRange-labelContainer")}>
+                <span className={cx('InputRange-label InputRange-label--mid')} ref={this.midLabelRef}>
+                    <span className={cx('InputRange-labelContainer')}>
                         {((max + min) / 2).toFixed(this.getStepPrecision()) + unit}
                     </span>
                 </span>
 
-                {showInput ? 
+                {showInput ? (
                     multiple && isObject(this.state.value) ? (
-                        <div className={cx("InputRange-input is-multiple")}>
+                        <div className={cx('InputRange-input is-multiple')}>
                             <input
                                 className={this.state.value.min !== min ? 'is-active' : ''}
                                 type="text"
@@ -343,7 +345,7 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
                                 onChange={this.handleMinInputChange}
                                 onBlur={this.handleMinInputBlur}
                             />
-                            <span className={cx("InputRange-input-separator")}> - </span>
+                            <span className={cx('InputRange-input-separator')}> - </span>
                             <input
                                 className={this.state.value.max !== max ? 'is-active' : ''}
                                 type="text"
@@ -355,7 +357,7 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
                             />
                         </div>
                     ) : (
-                        <div className={cx("InputRange-input")}>
+                        <div className={cx('InputRange-input')}>
                             <input
                                 className={this.state.value !== min ? 'is-active' : ''}
                                 type="text"
@@ -366,14 +368,21 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
                             />
                         </div>
                     )
-                 : null}
+                ) : null}
 
                 {clearable && !disabled && showInput ? (
-                    <a onClick={() => this.clearValue()} className={cx("InputRange-clear", {
-                        'is-active': (multiple ? isEqual(this.state.value, {min: min, max: max}) : this.state.value !== min)
-                    })}><Icon icon="close" className="icon" /></a>
+                    <a
+                        onClick={() => this.clearValue()}
+                        className={cx('InputRange-clear', {
+                            'is-active': multiple
+                                ? isEqual(this.state.value, {min: min, max: max})
+                                : this.state.value !== min
+                        })}
+                    >
+                        <Icon icon="close" className="icon" />
+                    </a>
                 ) : null}
-            </div >
+            </div>
         );
     }
 }
@@ -382,4 +391,4 @@ export default class RangeControl extends React.PureComponent<RangeProps, RangeS
     test: /(^|\/)form(?:\/.+)?\/control\/(?:\d+\/)?(slider|range)$/,
     name: 'range-control'
 })
-export class RangeControlRenderer extends RangeControl { };
\ No newline at end of file
+export class RangeControlRenderer extends RangeControl {}
diff --git a/src/renderers/Form/Rating.tsx b/src/renderers/Form/Rating.tsx
index ccdfa98c7..7e2fe42ed 100644
--- a/src/renderers/Form/Rating.tsx
+++ b/src/renderers/Form/Rating.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import Rating from '../../components/Rating';
 
 export interface RatingProps extends FormControlProps {
@@ -10,27 +7,18 @@ export interface RatingProps extends FormControlProps {
     count: number;
     half: boolean;
     readOnly: boolean;
-};
+}
 
 export default class RatingControl extends React.Component<RatingProps, any> {
-    static defaultProps:Partial<RatingProps> = {
+    static defaultProps: Partial<RatingProps> = {
         value: 0,
         count: 5,
         half: false,
         readOnly: false
-    }
+    };
 
     render() {
-        const {
-            className,
-            value,
-            count,
-            half,
-            readOnly,
-            onChange,
-            size,
-            classnames: cx,
-        } = this.props;
+        const {className, value, count, half, readOnly, onChange, size, classnames: cx} = this.props;
 
         return (
             <div className={cx('RatingControl', className)}>
@@ -41,9 +29,8 @@ export default class RatingControl extends React.Component<RatingProps, any> {
                     half={half}
                     readOnly={readOnly}
                     size={size}
-                    onChange={(value:any) => onChange(value)}
-                >
-                </Rating>
+                    onChange={(value: any) => onChange(value)}
+                />
             </div>
         );
     }
@@ -53,5 +40,4 @@ export default class RatingControl extends React.Component<RatingProps, any> {
     type: 'rating',
     sizeMutable: false
 })
-export class RatingControlRenderer extends RatingControl {};
-
+export class RatingControlRenderer extends RatingControl {}
diff --git a/src/renderers/Form/Repeat.tsx b/src/renderers/Form/Repeat.tsx
index e107863f4..10f36da9c 100644
--- a/src/renderers/Form/Repeat.tsx
+++ b/src/renderers/Form/Repeat.tsx
@@ -1,57 +1,53 @@
 /**
-* @file filter
-* @author fex
-*/
+ * @file filter
+ * @author fex
+ */
 /* eslint fecs-indent: [0, "space", 2, 2] */
 
 import React from 'react';
 import cx from 'classnames';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 
-const LANG:{
-    [propName:string]: string;
+const LANG: {
+    [propName: string]: string;
 } = {
-    'secondly': '秒',
-    'minutely': '分',
-    'hourly': '时',
-    'daily': '天',
-    'weekdays': '周中',
-    'weekly': '周',
-    'monthly': '月',
-    'yearly': '年'
+    secondly: '秒',
+    minutely: '分',
+    hourly: '时',
+    daily: '天',
+    weekdays: '周中',
+    weekly: '周',
+    monthly: '月',
+    yearly: '年'
 };
 import Select from '../../components/Select';
 import InputRange from '../../components/Range';
-import { Option } from './Options';
+import {Option} from './Options';
 
 export interface RepeatProps extends FormControlProps {
     options?: string;
-    placeholder?:string;
-};
+    placeholder?: string;
+}
 
 export default class RepeatControl extends React.Component<RepeatProps, any> {
-
     static defaultProps = {
         // options: 'secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly'
         options: 'hourly,daily,weekly,monthly',
         placeholder: '不重复'
     };
 
-    constructor(props:RepeatProps) {
+    constructor(props: RepeatProps) {
         super(props);
 
         this.handleOptionChange = this.handleOptionChange.bind(this);
         this.handleChange = this.handleChange.bind(this);
     }
 
-    handleOptionChange(option:Option) {
+    handleOptionChange(option: Option) {
         this.props.onChange(option.value);
     }
 
-    handleChange(value:string) {
+    handleChange(value: string) {
         const option = this.props.value;
         const parts = option ? option.split(':') : [];
 
@@ -61,14 +57,9 @@ export default class RepeatControl extends React.Component<RepeatProps, any> {
     renderInput() {
         const value = this.props.value;
         const parts = value ? value.split(':') : [];
-        let {
-            options,
-            placeholder,
-            disabled,
-            classPrefix: ns
-        } = this.props;
+        let {options, placeholder, disabled, classPrefix: ns} = this.props;
 
-        let optionsArray:Array<Option> = [];
+        let optionsArray: Array<Option> = [];
 
         optionsArray = (options as string).split(',').map(key => ({
             label: LANG[key] || '不支持',
@@ -85,119 +76,115 @@ export default class RepeatControl extends React.Component<RepeatProps, any> {
         parts[1] = parseInt(parts[1], 10) || 1;
         switch (parts[0]) {
             case 'secondly':
-            input = (
-                <InputRange
-                    key="input"
-                    classPrefix={ns}
-                    value={parts[1]}
-                    min={1}
-                    step={5}
-                    max={60}
-                    disabled={disabled}
-                    onChange={(value:any) => this.handleChange(value)}
-                />
-            );
-            break;
+                input = (
+                    <InputRange
+                        key="input"
+                        classPrefix={ns}
+                        value={parts[1]}
+                        min={1}
+                        step={5}
+                        max={60}
+                        disabled={disabled}
+                        onChange={(value: any) => this.handleChange(value)}
+                    />
+                );
+                break;
             case 'minutely':
-            input = (
-                <InputRange
-                    key="input"
-                    classPrefix={ns}
-                    value={parts[1]}
-                    min={1}
-                    step={5}
-                    max={60}
-                    disabled={disabled}
-                    onChange={(value:any) => this.handleChange(value)}
-                />
-            );
-            break;
+                input = (
+                    <InputRange
+                        key="input"
+                        classPrefix={ns}
+                        value={parts[1]}
+                        min={1}
+                        step={5}
+                        max={60}
+                        disabled={disabled}
+                        onChange={(value: any) => this.handleChange(value)}
+                    />
+                );
+                break;
             case 'hourly':
-            input = (
-                <InputRange
-                    key="input"
-                    classPrefix={ns}
-                    value={parts[1]}
-                    min={1}
-                    step={1}
-                    max={24}
-                    disabled={disabled}
-                    onChange={(value:any) => this.handleChange(value)}
-                />
-            );
-            break;
+                input = (
+                    <InputRange
+                        key="input"
+                        classPrefix={ns}
+                        value={parts[1]}
+                        min={1}
+                        step={1}
+                        max={24}
+                        disabled={disabled}
+                        onChange={(value: any) => this.handleChange(value)}
+                    />
+                );
+                break;
             case 'daily':
-            input = (
-                <InputRange
-                    key="input"
-                    classPrefix={ns}
-                    value={parts[1]}
-                    min={1}
-                    step={1}
-                    max={30}
-                    disabled={disabled}
-                    onChange={(value:any) => this.handleChange(value)}
-                />
-            );
-            break;
+                input = (
+                    <InputRange
+                        key="input"
+                        classPrefix={ns}
+                        value={parts[1]}
+                        min={1}
+                        step={1}
+                        max={30}
+                        disabled={disabled}
+                        onChange={(value: any) => this.handleChange(value)}
+                    />
+                );
+                break;
             case 'weekly':
-            input = (
-                <InputRange
-                    key="input"
-                    classPrefix={ns}
-                    value={parts[1]}
-                    min={1}
-                    step={1}
-                    max={12}
-                    disabled={disabled}
-                    onChange={(value:any) => this.handleChange(value)}
-                />
-            );
-            break;
+                input = (
+                    <InputRange
+                        key="input"
+                        classPrefix={ns}
+                        value={parts[1]}
+                        min={1}
+                        step={1}
+                        max={12}
+                        disabled={disabled}
+                        onChange={(value: any) => this.handleChange(value)}
+                    />
+                );
+                break;
             case 'monthly':
-            input = (
-                <InputRange
-                    key="input"
-                    classPrefix={ns}
-                    value={parts[1]}
-                    min={1}
-                    step={1}
-                    max={12}
-                    disabled={disabled}
-                    onChange={(value:any) => this.handleChange(value)}
-                />
-            );
-            break;
+                input = (
+                    <InputRange
+                        key="input"
+                        classPrefix={ns}
+                        value={parts[1]}
+                        min={1}
+                        step={1}
+                        max={12}
+                        disabled={disabled}
+                        onChange={(value: any) => this.handleChange(value)}
+                    />
+                );
+                break;
             case 'yearly':
-            input = (
-                <InputRange
-                    classPrefix={ns}
-                    key="input"
-                    className="v-middle"
-                    value={parts[1]}
-                    min={1}
-                    step={1}
-                    max={20}
-                    disabled={disabled}
-                    onChange={(value:any) => this.handleChange(value)}
-                />
-            );
-            break;
+                input = (
+                    <InputRange
+                        classPrefix={ns}
+                        key="input"
+                        className="v-middle"
+                        value={parts[1]}
+                        min={1}
+                        step={1}
+                        max={20}
+                        disabled={disabled}
+                        onChange={(value: any) => this.handleChange(value)}
+                    />
+                );
+                break;
         }
 
         return (
             <div className="repeat-control hbox">
                 {input ? (
                     <div className="col v-middle" style={{width: 30}}>
-                    <span>每</span>
+                        <span>每</span>
                     </div>
                 ) : null}
 
-                {input ? (
-                    <div className="col v-middle">
-                    {input}
-                    </div>
-                ) : null}
+                {input ? <div className="col v-middle">{input}</div> : null}
 
                 <div className="col v-middle repeat-btn">
                     <Select
@@ -218,22 +205,14 @@ export default class RepeatControl extends React.Component<RepeatProps, any> {
     }
 
     render() {
-        const {
-            className,
-            classPrefix: ns
-        } = this.props;
+        const {className, classPrefix: ns} = this.props;
 
-        return (
-            <div className={cx(`${ns}RepeatControl`, className)}>
-                {this.renderInput()}
-            </div>
-        );
+        return <div className={cx(`${ns}RepeatControl`, className)}>{this.renderInput()}</div>;
     }
 }
 
-
 @FormItem({
     type: 'repeat',
     sizeMutable: false
 })
-export class RepeatControlRenderer extends RepeatControl {};
+export class RepeatControlRenderer extends RepeatControl {}
diff --git a/src/renderers/Form/RichText.tsx b/src/renderers/Form/RichText.tsx
index c0a61d208..ff019c35b 100644
--- a/src/renderers/Form/RichText.tsx
+++ b/src/renderers/Form/RichText.tsx
@@ -1,44 +1,103 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import LazyComponent from '../../components/LazyComponent';
-import { noop } from '../../utils/helper';
+import {noop} from '../../utils/helper';
 
 export interface RichTextProps extends FormControlProps {
     options?: any;
-};
+}
 
-function loadComponent():Promise<React.ReactType> {
-    return new Promise((resolve) => (require as any)(['../../components/RichText'], (component:any) => resolve(component.default)));
+function loadComponent(): Promise<React.ReactType> {
+    return new Promise(resolve =>
+        (require as any)(['../../components/RichText'], (component: any) => resolve(component.default))
+    );
 }
 
 export default class RichTextControl extends React.Component<RichTextProps, any> {
-    static defaultProps:Partial<RichTextProps> = {
+    static defaultProps: Partial<RichTextProps> = {
         reciever: '/api/upload/image',
         videoReciever: '/api/upload/video',
         placeholder: '请输入',
         options: {
             language: 'zh_cn',
             toolbarButtonsSM: [
-                'paragraphFormat', 'quote', 'color', '|', 'bold', 'italic', 'underline', 'strikeThrough', '|',  'formatOL', 'formatUL', 'align', '|', 'insertLink', 'insertImage', 'insertEmotion', 'insertTable', '|', 'undo', 'redo', 'html'
+                'paragraphFormat',
+                'quote',
+                'color',
+                '|',
+                'bold',
+                'italic',
+                'underline',
+                'strikeThrough',
+                '|',
+                'formatOL',
+                'formatUL',
+                'align',
+                '|',
+                'insertLink',
+                'insertImage',
+                'insertEmotion',
+                'insertTable',
+                '|',
+                'undo',
+                'redo',
+                'html'
             ],
             toolbarButtonsMD: [
-                'paragraphFormat', 'quote', 'color', '|', 'bold', 'italic', 'underline', 'strikeThrough', '|',  'formatOL', 'formatUL', 'align', '|', 'insertLink', 'insertImage', 'insertEmotion', 'insertTable', '|', 'undo', 'redo', 'html'
+                'paragraphFormat',
+                'quote',
+                'color',
+                '|',
+                'bold',
+                'italic',
+                'underline',
+                'strikeThrough',
+                '|',
+                'formatOL',
+                'formatUL',
+                'align',
+                '|',
+                'insertLink',
+                'insertImage',
+                'insertEmotion',
+                'insertTable',
+                '|',
+                'undo',
+                'redo',
+                'html'
             ],
             toolbarButtons: [
-                'paragraphFormat', 'quote', 'color', '|', 'bold', 'italic', 'underline', 'strikeThrough', '|',  'formatOL', 'formatUL', 'align', '|', 'insertLink', 'insertImage', 'insertEmotion', 'insertTable', '|', 'undo', 'redo', 'html'
+                'paragraphFormat',
+                'quote',
+                'color',
+                '|',
+                'bold',
+                'italic',
+                'underline',
+                'strikeThrough',
+                '|',
+                'formatOL',
+                'formatUL',
+                'align',
+                '|',
+                'insertLink',
+                'insertImage',
+                'insertEmotion',
+                'insertTable',
+                '|',
+                'undo',
+                'redo',
+                'html'
             ]
         }
-    }
+    };
 
     state = {
         focused: false
     };
-    config:any = null;
-    constructor(props:RichTextProps) {
+    config: any = null;
+    constructor(props: RichTextProps) {
         super(props);
 
         this.handleFocus = this.handleFocus.bind(this);
@@ -47,7 +106,23 @@ export default class RichTextControl extends React.Component<RichTextProps, any>
         this.config = {
             imageAllowedTypes: ['jpeg', 'jpg', 'png', 'gif'],
             imageDefaultAlign: 'left',
-            imageEditButtons: props.imageEditable ? ["imageReplace", "imageAlign", "imageRemove", "|", "imageLink", "linkOpen", "linkEdit", "linkRemove", "-", "imageDisplay", "imageStyle", "imageAlt", "imageSize"] : [],
+            imageEditButtons: props.imageEditable
+                ? [
+                      'imageReplace',
+                      'imageAlign',
+                      'imageRemove',
+                      '|',
+                      'imageLink',
+                      'linkOpen',
+                      'linkEdit',
+                      'linkRemove',
+                      '-',
+                      'imageDisplay',
+                      'imageStyle',
+                      'imageAlt',
+                      'imageSize'
+                  ]
+                : [],
             key: props.env.richTextToken,
             ...props.options,
             editorClass: props.editorClass,
@@ -61,7 +136,7 @@ export default class RichTextControl extends React.Component<RichTextProps, any>
                 from: 'rich-text'
             },
             events: {
-                ...props.options && props.options.events,
+                ...(props.options && props.options.events),
                 'froalaEditor.focus': this.handleFocus,
                 'froalaEditor.blur': this.handleBlur
             }
@@ -88,17 +163,10 @@ export default class RichTextControl extends React.Component<RichTextProps, any>
     }
 
     render() {
-        const {
-            className,
-            classPrefix: ns,
-            value,
-            onChange,
-            disabled,
-            size
-        } = this.props;
+        const {className, classPrefix: ns, value, onChange, disabled, size} = this.props;
 
         return (
-            <div 
+            <div
                 className={cx(`${ns}RichTextControl`, className, {
                     'is-focused': this.state.focused,
                     'is-disabled': disabled
@@ -118,10 +186,8 @@ export default class RichTextControl extends React.Component<RichTextProps, any>
     }
 }
 
-
 @FormItem({
     type: 'rich-text',
     sizeMutable: false
 })
-export class RichTextControlRenderer extends RichTextControl {};
-
+export class RichTextControlRenderer extends RichTextControl {}
diff --git a/src/renderers/Form/Select.tsx b/src/renderers/Form/Select.tsx
index 6527846e1..b3d297871 100644
--- a/src/renderers/Form/Select.tsx
+++ b/src/renderers/Form/Select.tsx
@@ -1,10 +1,6 @@
 import React from 'react';
 import cx from 'classnames';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from './Options';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
 import Select from '../../components/Select';
 import find = require('lodash/find');
 import debouce = require('lodash/debounce');
@@ -16,17 +12,17 @@ import {dataMapping} from '../../utils/tpl-builtin';
 export interface SelectProps extends OptionsControlProps {
     autoComplete?: Api;
     searchable?: boolean;
-};
+}
 
 export default class SelectControl extends React.Component<SelectProps, any> {
     static defaultProps: Partial<SelectProps> = {
         clearable: false,
         searchable: false
-    }
+    };
 
     input: any;
     cache: {
-        [propName: string]: any
+        [propName: string]: any;
     } = {};
     constructor(props: SelectProps) {
         super(props);
@@ -72,13 +68,21 @@ export default class SelectControl extends React.Component<SelectProps, any> {
 
         if (joinValues) {
             if (multiple) {
-                newValue = Array.isArray(value) ? value.map(item => item.value).join(delimiter) as string : value ? (value as Option).value : '';
+                newValue = Array.isArray(value)
+                    ? (value.map(item => item.value).join(delimiter) as string)
+                    : value
+                    ? (value as Option).value
+                    : '';
             } else {
                 newValue = newValue ? (newValue as Option).value : '';
             }
         } else if (extractValue) {
             if (multiple) {
-                newValue = Array.isArray(value) ? value.map(item => item.value) : value ? [(value as Option).value] : [''];
+                newValue = Array.isArray(value)
+                    ? value.map(item => item.value)
+                    : value
+                    ? [(value as Option).value]
+                    : [''];
             } else {
                 newValue = newValue ? (newValue as Option).value : '';
             }
@@ -93,32 +97,25 @@ export default class SelectControl extends React.Component<SelectProps, any> {
     }
 
     loadRemote(input: string) {
-        const {
-            autoComplete,
-            env,
-            data,
-            setOptions,
-            setLoading,
-        } = this.props;
-
+        const {autoComplete, env, data, setOptions, setLoading} = this.props;
 
         if (!env || !env.fetcher) {
             throw new Error('fetcher is required');
         }
 
-        if (this.cache[input] || ~input.indexOf('\'')/*中文没输完 233*/) {
+        if (this.cache[input] || ~input.indexOf("'") /*中文没输完 233*/) {
             let options = this.cache[input] || [];
             let combinedOptions = this.mergeOptions(options);
             setOptions(combinedOptions);
 
             return Promise.resolve({
-                options: combinedOptions,
+                options: combinedOptions
             });
         }
 
-
         setLoading(true);
-        return isEffectiveApi(autoComplete, data) &&
+        return (
+            isEffectiveApi(autoComplete, data) &&
             env
                 .fetcher(autoComplete, {
                     ...data,
@@ -126,26 +123,25 @@ export default class SelectControl extends React.Component<SelectProps, any> {
                     value: input
                 })
                 .then(ret => {
-                    let options = ret.data && (ret.data as any).options || ret.data || [];
+                    let options = (ret.data && (ret.data as any).options) || ret.data || [];
                     this.cache[input] = options;
                     let combinedOptions = this.mergeOptions(options);
                     setOptions(combinedOptions);
 
                     return Promise.resolve({
-                        options: combinedOptions,
+                        options: combinedOptions
                     });
                 })
-                .finally(() => setLoading(false));
+                .finally(() => setLoading(false))
+        );
     }
 
     mergeOptions(options: Array<object>) {
-        const {
-            selectedOptions,
-        } = this.props;
+        const {selectedOptions} = this.props;
         let combinedOptions = options.concat();
 
         if (Array.isArray(selectedOptions) && selectedOptions.length) {
-            selectedOptions.forEach((option) => {
+            selectedOptions.forEach(option => {
                 if (!find(combinedOptions, (item: Option) => item.value == option.value)) {
                     combinedOptions.push(option);
                 }
@@ -155,10 +151,7 @@ export default class SelectControl extends React.Component<SelectProps, any> {
     }
 
     handleNewOptionClick(option: any) {
-        const {
-            setOptions,
-            options
-        } = this.props;
+        const {setOptions, options} = this.props;
 
         let mergedOptions: Array<any> = options.concat();
         mergedOptions.push({
@@ -216,16 +209,15 @@ export default class SelectControl extends React.Component<SelectProps, any> {
 }
 
 @OptionsControl({
-    type: 'select',
+    type: 'select'
 })
-export class SelectControlRenderer extends SelectControl { };
+export class SelectControlRenderer extends SelectControl {}
 
 @OptionsControl({
-    type: 'multi-select',
+    type: 'multi-select'
 })
 export class MultiSelectControlRenderer extends SelectControl {
     static defaultProps = {
         multiple: true
     };
-};
-
+}
diff --git a/src/renderers/Form/Service.tsx b/src/renderers/Form/Service.tsx
index 43cc7ed36..e56d8d824 100644
--- a/src/renderers/Form/Service.tsx
+++ b/src/renderers/Form/Service.tsx
@@ -1,13 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
+import {Renderer, RendererProps} from '../../factory';
 import BasicService from '../Service';
-import { Schema } from '../../types';
-import Scoped, { ScopedContext, IScopedContext } from '../../Scoped';
-import { observer } from 'mobx-react';
+import {Schema} from '../../types';
+import Scoped, {ScopedContext, IScopedContext} from '../../Scoped';
+import {observer} from 'mobx-react';
 import {ServiceStore, IServiceStore} from '../../store/service';
 
 @Renderer({
@@ -15,7 +12,7 @@ import {ServiceStore, IServiceStore} from '../../store/service';
     weight: -100,
     storeType: ServiceStore.name,
     storeExtendsData: false,
-    name: "service-control"
+    name: 'service-control'
 })
 export class ServiceRenderer extends BasicService {
     static contextType = ScopedContext;
@@ -30,10 +27,10 @@ export class ServiceRenderer extends BasicService {
         scoped.unRegisterComponent(this);
     }
 
-    renderBody():JSX.Element {
+    renderBody(): JSX.Element {
         const {
-            render, 
-            store, 
+            render,
+            store,
             body: schema,
             controls,
             tabs,
@@ -44,12 +41,18 @@ export class ServiceRenderer extends BasicService {
             classnames: cx
         } = this.props;
 
-        const finnalSchema = store.schema || schema || {
-            controls,
-            tabs,
-            feildSet
-        };
-        if (finnalSchema && !finnalSchema.type && (finnalSchema.controls || finnalSchema.tabs || finnalSchema.feildSet) && renderFormItems) {
+        const finnalSchema = store.schema ||
+            schema || {
+                controls,
+                tabs,
+                feildSet
+            };
+        if (
+            finnalSchema &&
+            !finnalSchema.type &&
+            (finnalSchema.controls || finnalSchema.tabs || finnalSchema.feildSet) &&
+            renderFormItems
+        ) {
             return (
                 <div className={cx(`Form--${formMode || 'normal'}`)}>
                     {renderFormItems(finnalSchema, 'controls', {
diff --git a/src/renderers/Form/Static.tsx b/src/renderers/Form/Static.tsx
index 0ff5d0de2..f1bc7b8e3 100644
--- a/src/renderers/Form/Static.tsx
+++ b/src/renderers/Form/Static.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import {TableCell} from '../Table';
 import PopOver from '../PopOver';
@@ -15,7 +12,7 @@ export interface StaticProps extends FormControlProps {
     placeholder?: string;
     tpl?: string;
     text?: string;
-};
+}
 
 export default class StaticControl extends React.Component<StaticProps, any> {
     static defaultProps = {
@@ -29,33 +26,25 @@ export default class StaticControl extends React.Component<StaticProps, any> {
     }
 
     handleQuickChange(values: any, saveImmediately: boolean | any) {
-        const {
-            onBulkChange,
-            onAction,
-            data
-        } = this.props;
+        const {onBulkChange, onAction, data} = this.props;
 
         onBulkChange(values, saveImmediately === true);
         if (saveImmediately && saveImmediately.api) {
-            onAction(null, {
-                actionType: 'ajax',
-                api: saveImmediately.api
-            }, extendObject(data, values));
+            onAction(
+                null,
+                {
+                    actionType: 'ajax',
+                    api: saveImmediately.api
+                },
+                extendObject(data, values)
+            );
         }
     }
 
     render() {
-        const {
-            className,
-            value,
-            label,
-            type,
-            render,
-            children,
-            ...rest
-        } = this.props;
+        const {className, value, label, type, render, children, ...rest} = this.props;
 
-        const subType = /^static/.test(type) ? (type.substring(7) || 'tpl') : type;
+        const subType = /^static/.test(type) ? type.substring(7) || 'tpl' : type;
 
         const field = {
             label,
@@ -66,17 +55,21 @@ export default class StaticControl extends React.Component<StaticProps, any> {
 
         return (
             <div className="form-control-static">
-                {render('field', {
-                    ...field,
-                    type: 'static-field',
-                    field
-                }, {
-                    value,
-                    className,
-                    onQuickChange: this.handleQuickChange,
-                })}
+                {render(
+                    'field',
+                    {
+                        ...field,
+                        type: 'static-field',
+                        field
+                    },
+                    {
+                        value,
+                        className,
+                        onQuickChange: this.handleQuickChange
+                    }
+                )}
             </div>
-        );;
+        );
     }
 }
 
@@ -85,12 +78,12 @@ export default class StaticControl extends React.Component<StaticProps, any> {
         if (/(^|\/)form(?:\/.+)?\/control\/static(\-[^\/]+)?$/.test(path)) {
             return true;
         } else if (
-            /(^|\/)form(?:\/.+)?\/control\/[^\/]+$/.test(path)
-            && schema
-            && schema.type 
-            && (schema.name || schema.label)
-            && resolveRenderer 
-            && resolveRenderer(`${path}/static-field/${schema.type}`)
+            /(^|\/)form(?:\/.+)?\/control\/[^\/]+$/.test(path) &&
+            schema &&
+            schema.type &&
+            (schema.name || schema.label) &&
+            resolveRenderer &&
+            resolveRenderer(`${path}/static-field/${schema.type}`)
         ) {
             // 不一定
             return true;
@@ -100,13 +93,12 @@ export default class StaticControl extends React.Component<StaticProps, any> {
     weight: -90,
     strictMode: false,
     sizeMutable: false,
-    name: "static-control"
+    name: 'static-control'
 })
-export class StaticControlRenderer extends StaticControl {};
-
+export class StaticControlRenderer extends StaticControl {}
 
 @Renderer({
-    test: /(^|\/)static\-field$/,
+    test: /(^|\/)static\-field$/
 })
 @QuickEdit()
 @PopOver()
@@ -140,14 +132,16 @@ export class StaticFieldRenderer extends TableCell {
         const schema = {
             ...field,
             className: inputClassName,
-            type: field && field.type || 'plain',
+            type: (field && field.type) || 'plain'
         };
 
-        let body = children ? children : render('field', schema, {
-            ...rest,
-            value,
-            data
-        });
+        let body = children
+            ? children
+            : render('field', schema, {
+                  ...rest,
+                  value,
+                  data
+              });
 
         if (width) {
             style = style || {};
@@ -159,14 +153,9 @@ export class StaticFieldRenderer extends TableCell {
         }
 
         return (
-            <Component
-                style={style}
-                className={className}
-                tabIndex={tabIndex}
-                onKeyUp={onKeyUp}
-            >
+            <Component style={style} className={className} tabIndex={tabIndex} onKeyUp={onKeyUp}>
                 {body}
             </Component>
-        )
+        );
     }
-};
\ No newline at end of file
+}
diff --git a/src/renderers/Form/SubForm.tsx b/src/renderers/Form/SubForm.tsx
index 2539f922c..80c6ddcfa 100644
--- a/src/renderers/Form/SubForm.tsx
+++ b/src/renderers/Form/SubForm.tsx
@@ -1,12 +1,9 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import omit = require('lodash/omit');
 import pick = require('lodash/pick');
-import { createObject } from '../../utils/helper';
+import {createObject} from '../../utils/helper';
 
 export interface SubFormProps extends FormControlProps {
     placeholder?: string;
@@ -14,26 +11,25 @@ export interface SubFormProps extends FormControlProps {
     minLength?: number;
     maxLength?: number;
     labelField?: string;
-};
+}
 
 export interface SubFormState {
     openedIndex: number;
     optionIndex: number;
-};
+}
 
-let dom:HTMLElement;
-const stripTag = (value:string) => {
-  if (!value) {
-    return value;
-  }
-  dom = dom || document.createElement('div');
-  dom.innerHTML = value;
-  return dom.innerText;
+let dom: HTMLElement;
+const stripTag = (value: string) => {
+    if (!value) {
+        return value;
+    }
+    dom = dom || document.createElement('div');
+    dom.innerHTML = value;
+    return dom.innerText;
 };
 
-
 export default class SubFormControl extends React.PureComponent<SubFormProps, SubFormState> {
-    static defaultProps:Partial<SubFormProps> = {
+    static defaultProps: Partial<SubFormProps> = {
         minLength: 0,
         maxLength: 0,
         multiple: false,
@@ -44,11 +40,11 @@ export default class SubFormControl extends React.PureComponent<SubFormProps, Su
         btnLabel: '设置'
     };
 
-    state:SubFormState = {
+    state: SubFormState = {
         openedIndex: -1,
         optionIndex: -1
     };
-    constructor(props:SubFormProps) {
+    constructor(props: SubFormProps) {
         super(props);
 
         this.addItem = this.addItem.bind(this);
@@ -71,7 +67,7 @@ export default class SubFormControl extends React.PureComponent<SubFormProps, Su
         this.props.onChange(value);
     }
 
-    removeItem(key:number, e: React.UIEvent<any>) {
+    removeItem(key: number, e: React.UIEvent<any>) {
         e.stopPropagation();
         e.preventDefault();
 
@@ -86,7 +82,7 @@ export default class SubFormControl extends React.PureComponent<SubFormProps, Su
         this.props.onChange(value);
     }
 
-    open(index:number = 0) {
+    open(index: number = 0) {
         this.setState({
             openedIndex: index
         });
@@ -98,12 +94,8 @@ export default class SubFormControl extends React.PureComponent<SubFormProps, Su
         });
     }
 
-    handleDialogConfirm(values:Array<object>) {
-        const {
-            multiple,
-            onChange,
-            value
-        } = this.props;
+    handleDialogConfirm(values: Array<object>) {
+        const {multiple, onChange, value} = this.props;
 
         if (multiple) {
             let newValue = Array.isArray(value) ? value.concat() : [];
@@ -123,10 +115,18 @@ export default class SubFormControl extends React.PureComponent<SubFormProps, Su
     }
 
     buildDialogSchema() {
-        let {
-            form        } = this.props;
+        let {form} = this.props;
 
-        const dialogProps = ['title', 'actions', 'name', 'size', 'closeOnEsc', 'showCloseButton', 'bodyClassName', 'type'];
+        const dialogProps = [
+            'title',
+            'actions',
+            'name',
+            'size',
+            'closeOnEsc',
+            'showCloseButton',
+            'bodyClassName',
+            'type'
+        ];
 
         return {
             ...pick(form, dialogProps),
@@ -149,34 +149,41 @@ export default class SubFormControl extends React.PureComponent<SubFormProps, Su
             btnLabel
         } = this.props;
 
-        return [(
+        return [
             <div className={`${ns}SubForm-values`} key="values">
-                {Array.isArray(value) ? value.map((value:any, key) => (
-
-                    <div 
-                        className={cx(`${ns}SubForm-value`, {
-                            'is-disabled': disabled
-                        }, editButtonClassName)}
-                        key={key}
-                        >
-                        <span 
-                            data-tooltip="删除"
-                            data-position="bottom"
-                            className={`${ns}Select-valueIcon`} 
-                            onClick={this.removeItem.bind(this, key)}
-                        >×</span>
-                        <span 
-                            onClick={this.open.bind(this, key)}
-                            className={`${ns}SubForm-valueLabel`}
-                            data-tooltip="编辑详情"
-                            data-position="bottom"
-                        >
-                            {value && labelField && value[labelField] && stripTag(value[labelField])|| btnLabel}
-                        </span>
-                    </div>
-                )) : null}
-            </div>
-        ), (
+                {Array.isArray(value)
+                    ? value.map((value: any, key) => (
+                          <div
+                              className={cx(
+                                  `${ns}SubForm-value`,
+                                  {
+                                      'is-disabled': disabled
+                                  },
+                                  editButtonClassName
+                              )}
+                              key={key}
+                          >
+                              <span
+                                  data-tooltip="删除"
+                                  data-position="bottom"
+                                  className={`${ns}Select-valueIcon`}
+                                  onClick={this.removeItem.bind(this, key)}
+                              >
+                                  ×
+                              </span>
+                              <span
+                                  onClick={this.open.bind(this, key)}
+                                  className={`${ns}SubForm-valueLabel`}
+                                  data-tooltip="编辑详情"
+                                  data-position="bottom"
+                              >
+                                  {(value && labelField && value[labelField] && stripTag(value[labelField])) ||
+                                      btnLabel}
+                              </span>
+                          </div>
+                      ))
+                    : null}
+            </div>,
             <button
                 key="add"
                 type="button"
@@ -188,31 +195,28 @@ export default class SubFormControl extends React.PureComponent<SubFormProps, Su
                 <i className="fa fa-plus m-r-xs" />
                 <span>新增</span>
             </button>
-        )];
+        ];
     }
 
     renderSingle() {
-        const {
-            classPrefix: ns,
-            btnClassName,
-            disabled,
-            value,
-            labelField,
-            btnLabel
-        } = this.props;
+        const {classPrefix: ns, btnClassName, disabled, value, labelField, btnLabel} = this.props;
 
         return (
             <div className={`${ns}SubForm-values`} key="values">
-                <div 
-                    className={cx(`${ns}SubForm-value`, {
-                        'is-disabled': disabled
-                    }, btnClassName)}
+                <div
+                    className={cx(
+                        `${ns}SubForm-value`,
+                        {
+                            'is-disabled': disabled
+                        },
+                        btnClassName
+                    )}
                     onClick={this.open.bind(this, 0)}
                     data-tooltip="编辑详情"
                     data-position="bottom"
                 >
                     <span className={`${ns}SubForm-valueLabel`}>
-                        {value && labelField && value[labelField] && stripTag(value[labelField])|| btnLabel}
+                        {(value && labelField && value[labelField] && stripTag(value[labelField])) || btnLabel}
                     </span>
                 </div>
             </div>
@@ -220,33 +224,29 @@ export default class SubFormControl extends React.PureComponent<SubFormProps, Su
     }
 
     render() {
-        const {
-            multiple,
-            classPrefix: ns,
-            className,
-            render,
-            value,
-            data
-        } = this.props;
+        const {multiple, classPrefix: ns, className, render, value, data} = this.props;
         const openedIndex = this.state.openedIndex;
 
         return (
             <div className={cx(`${ns}SubFormControl`, className)}>
                 {multiple ? this.renderMultipe() : this.renderSingle()}
-                {openedIndex !== -1 ? render(`dalog/${openedIndex}`, this.buildDialogSchema(), {
-                    onClose: this.close,
-                    onConfirm: this.handleDialogConfirm,
-                    data: createObject(data, (multiple ? Array.isArray(value) && value[openedIndex] : value) || {})
-                }) : null}
+                {openedIndex !== -1
+                    ? render(`dalog/${openedIndex}`, this.buildDialogSchema(), {
+                          onClose: this.close,
+                          onConfirm: this.handleDialogConfirm,
+                          data: createObject(
+                              data,
+                              (multiple ? Array.isArray(value) && value[openedIndex] : value) || {}
+                          )
+                      })
+                    : null}
             </div>
         );
     }
 }
 
-
 @FormItem({
     type: 'form',
     sizeMutable: false
 })
-export class SubFormControlRenderer extends SubFormControl {};
-
+export class SubFormControlRenderer extends SubFormControl {}
diff --git a/src/renderers/Form/Switch.tsx b/src/renderers/Form/Switch.tsx
index 478002eaf..19bdd11cd 100644
--- a/src/renderers/Form/Switch.tsx
+++ b/src/renderers/Form/Switch.tsx
@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import Switch from '../../components/Switch';
 
@@ -10,14 +7,14 @@ export interface SwitchProps extends FormControlProps {
     option?: string;
     trueValue?: any;
     falseValue?: any;
-};
+}
 
 export default class SwitchControl extends React.Component<SwitchProps, any> {
     static defaultProps = {
         trueValue: true,
         falseValue: false,
         optionAtLeft: false
-    }
+    };
     render() {
         const {
             className,
@@ -29,12 +26,12 @@ export default class SwitchControl extends React.Component<SwitchProps, any> {
             option,
             onChange,
             disabled,
-            optionAtLeft,
+            optionAtLeft
         } = this.props;
 
         return (
             <div className={cx(`SwitchControl`, className)}>
-                {optionAtLeft ? (<span className={cx("Switch-option")}>{option}</span>) : null}
+                {optionAtLeft ? <span className={cx('Switch-option')}>{option}</span> : null}
 
                 <Switch
                     classPrefix={ns}
@@ -45,16 +42,14 @@ export default class SwitchControl extends React.Component<SwitchProps, any> {
                     onChange={onChange}
                 />
 
-                {optionAtLeft ? null : (<span className={cx("Switch-option")}>{option}</span>)}
+                {optionAtLeft ? null : <span className={cx('Switch-option')}>{option}</span>}
             </div>
         );
     }
 }
 
-
 @FormItem({
     type: 'switch',
     sizeMutable: false
 })
-export class SwitchControlRenderer extends SwitchControl {};
-
+export class SwitchControlRenderer extends SwitchControl {}
diff --git a/src/renderers/Form/Table.tsx b/src/renderers/Form/Table.tsx
index 984f9f727..c83b5cfea 100644
--- a/src/renderers/Form/Table.tsx
+++ b/src/renderers/Form/Table.tsx
@@ -1,16 +1,13 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import Button from '../../components/Button';
 import {createObject, isObjectShallowModified} from '../../utils/helper';
-import { RendererData, Action, Api, Payload } from '../../types';
-import { isEffectiveApi } from '../../utils/api';
-import { filter } from '../../utils/tpl';
+import {RendererData, Action, Api, Payload} from '../../types';
+import {isEffectiveApi} from '../../utils/api';
+import {filter} from '../../utils/tpl';
 import omit = require('lodash/omit');
-import { dataMapping } from '../../utils/tpl-builtin';
+import {dataMapping} from '../../utils/tpl-builtin';
 import findIndex = require('lodash/findIndex');
 
 export interface TableProps extends FormControlProps {
@@ -36,14 +33,14 @@ export interface TableProps extends FormControlProps {
     scaffold?: any;
     deleteConfirmText?: string;
     valueField?: string;
-};
+}
 
 export interface TableState {
     columns: Array<any>;
     editIndex: number;
     editting?: any;
     isCreateMode?: boolean;
-};
+}
 
 export default class FormTable extends React.Component<TableProps, TableState> {
     static defaultProps = {
@@ -54,28 +51,28 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         deleteBtnIcon: 'fa fa-minus',
         confirmBtnIcon: 'fa fa-check',
         cancelBtnIcon: 'fa fa-times',
-        valueField: ""
+        valueField: ''
     };
 
     static propsList: Array<string> = [
-        "onChange",
-        "name",
-        "columns",
-        "label",
-        "scaffold",
-        "showAddBtn",
-        "addable",
-        "removable",
-        "editable",
-        "addApi",
-        "updateApi",
-        "deleteApi"
+        'onChange',
+        'name',
+        'columns',
+        'label',
+        'scaffold',
+        'showAddBtn',
+        'addable',
+        'removable',
+        'editable',
+        'addApi',
+        'updateApi',
+        'deleteApi'
     ];
 
-    entries:Map<any, number>;
+    entries: Map<any, number>;
     entityId: number = 1;
-    subForms:any = {};
-    constructor(props:TableProps) {
+    subForms: any = {};
+    constructor(props: TableProps) {
         super(props);
 
         this.state = {
@@ -97,58 +94,45 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         this.entries.clear();
     }
 
-    subFormRef(form:any, x:number, y:number) {
+    subFormRef(form: any, x: number, y: number) {
         this.subForms[`${x}-${y}`] = form;
     }
 
-    validate():any {
-        const {
-            value,
-            minLength,
-            maxLength
-        } = this.props;
+    validate(): any {
+        const {value, minLength, maxLength} = this.props;
 
         if (minLength && (!Array.isArray(value) || value.length < minLength)) {
             return `组合表单成员数量不够，低于最小的设定${minLength}个，请添加更多的成员。`;
         } else if (maxLength && Array.isArray(value) && value.length > maxLength) {
             return `组合表单成员数量超出，超出最大的设定${maxLength}个，请删除多余的成员。`;
         } else {
-            const subForms:Array<any> = [];
+            const subForms: Array<any> = [];
             Object.keys(this.subForms).forEach(key => this.subForms[key] && subForms.push(this.subForms[key]));
             if (subForms.length) {
-                return Promise
-                    .all(subForms.map(item => item.validate()))
-                    .then((values) => {
-                        if (~values.indexOf(false)) {
-                            return '内部表单验证失败';
-                        }
-    
-                        return;
-                    })
+                return Promise.all(subForms.map(item => item.validate())).then(values => {
+                    if (~values.indexOf(false)) {
+                        return '内部表单验证失败';
+                    }
+
+                    return;
+                });
             }
         }
     }
 
-    doAction(action:Action, ctx:RendererData, ...rest:Array<any>) {
-        const {
-            onAction,
-            value,
-            valueField,
-            env,
-            onChange,
-            editable,
-        } = this.props;
+    doAction(action: Action, ctx: RendererData, ...rest: Array<any>) {
+        const {onAction, value, valueField, env, onChange, editable} = this.props;
 
-        if (action.actionType === "add") {
+        if (action.actionType === 'add') {
             const rows = Array.isArray(value) ? value.concat() : [];
-            
+
             if (action.payload) {
                 let toAdd = dataMapping(action.payload, ctx);
 
                 toAdd = Array.isArray(toAdd) ? toAdd : [toAdd];
 
-                toAdd.forEach((toAdd:any) => {
-                    const idx = findIndex(rows, (item) => item[valueField as string] == toAdd[valueField as string]);
+                toAdd.forEach((toAdd: any) => {
+                    const idx = findIndex(rows, item => item[valueField as string] == toAdd[valueField as string]);
                     if (~idx) {
                         rows.splice(idx, 1);
                     }
@@ -156,7 +140,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
                 });
 
                 onChange(rows);
-                
+
                 if (editable) {
                     this.startEdit(rows.length - 1, rows[rows.length - 1], true);
                 }
@@ -166,7 +150,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
             } else {
                 return this.addItem(rows.length - 1);
             }
-        } else if (action.actionType === "remove" || action.actionType === "delete") {
+        } else if (action.actionType === 'remove' || action.actionType === 'delete') {
             if (!valueField) {
                 return env.alert('请配置 valueField');
             } else if (!action.payload) {
@@ -174,11 +158,11 @@ export default class FormTable extends React.Component<TableProps, TableState> {
             }
 
             const rows = Array.isArray(value) ? value.concat() : [];
-            let toRemove:any = dataMapping(action.payload, ctx);
+            let toRemove: any = dataMapping(action.payload, ctx);
             toRemove = Array.isArray(toRemove) ? toRemove : [toRemove];
 
-            toRemove.forEach((toRemove:any) => {
-                const idx = findIndex(rows, (item) => item[valueField as string] == toRemove[valueField as string]);
+            toRemove.forEach((toRemove: any) => {
+                const idx = findIndex(rows, item => item[valueField as string] == toRemove[valueField as string]);
                 if (~idx) {
                     rows.splice(idx, 1);
                 }
@@ -192,11 +176,8 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         return onAction && onAction(action, ctx, ...rest);
     }
 
-    addItem(index:number, payload:any = this.props.scaffold) {
-        const {
-            value,
-            onChange,
-        } = this.props;
+    addItem(index: number, payload: any = this.props.scaffold) {
+        const {value, onChange} = this.props;
         let newValue = Array.isArray(value) ? value.concat() : [];
         newValue.splice(index + 1, 0, {
             ...payload
@@ -206,27 +187,19 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         this.startEdit(index, newValue[index], true);
     }
 
-    startEdit(index:number, editting?:any, isCreate: boolean = false) {
+    startEdit(index: number, editting?: any, isCreate: boolean = false) {
         const value = this.props.value;
         const scaffold = this.props.scaffold;
         this.setState({
             editIndex: index,
-            editting: editting || value && value[index] || scaffold || {},
+            editting: editting || (value && value[index]) || scaffold || {},
             isCreateMode: isCreate,
             columns: this.state.isCreateMode === isCreate ? this.state.columns : this.buildColumns(this.props, isCreate)
-        })
+        });
     }
 
     async confirmEdit() {
-        const {
-            value,
-            onChange,
-            scaffold,
-            addApi,
-            updateApi,
-            data,
-            env
-        } = this.props;
+        const {value, onChange, scaffold, addApi, updateApi, data, env} = this.props;
         let newValue = Array.isArray(value) ? value.concat() : [];
         let item = {
             ...this.state.editting
@@ -234,8 +207,8 @@ export default class FormTable extends React.Component<TableProps, TableState> {
 
         const origin = newValue[this.state.editIndex];
         const isNew = !isObjectShallowModified(scaffold, origin, false);
-        
-        let remote:Payload | null = null;
+
+        let remote: Payload | null = null;
         if (isNew && isEffectiveApi(addApi, createObject(data, item))) {
             remote = await env.fetcher(addApi, createObject(data, item));
         } else if (isEffectiveApi(updateApi, createObject(data, item))) {
@@ -249,7 +222,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
             item = {
                 ...item,
                 ...remote.data
-            }
+            };
         }
 
         newValue.splice(this.state.editIndex, 1, item);
@@ -262,10 +235,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
     }
 
     cancelEdit() {
-        const {
-            value,
-            onChange
-        } = this.props;
+        const {value, onChange} = this.props;
 
         if (this.state.isCreateMode) {
             let newValue = Array.isArray(value) ? value.concat() : [];
@@ -278,15 +248,8 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         });
     }
 
-    async removeItem(index:number) {
-        const {
-            value,
-            onChange,
-            deleteApi,
-            deleteConfirmText,
-            env,
-            data
-        } = this.props;
+    async removeItem(index: number) {
+        const {value, onChange, deleteApi, deleteConfirmText, env, data} = this.props;
         let newValue = Array.isArray(value) ? value.concat() : [];
         const item = newValue[index];
 
@@ -296,12 +259,12 @@ export default class FormTable extends React.Component<TableProps, TableState> {
 
         const ctx = createObject(data, item);
         if (isEffectiveApi(deleteApi, ctx)) {
-            
-            const confirmed = await env.confirm(deleteConfirmText ? filter(deleteConfirmText, ctx): '确认要删除？')
-            if (!confirmed) { // 如果不确认，则跳过！
+            const confirmed = await env.confirm(deleteConfirmText ? filter(deleteConfirmText, ctx) : '确认要删除？');
+            if (!confirmed) {
+                // 如果不确认，则跳过！
                 return;
             }
-            
+
             const result = await env.fetcher(deleteApi, ctx);
 
             if (!result.ok) {
@@ -315,7 +278,7 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         onChange(newValue);
     }
 
-    buildItemProps(item:any, index:number) {
+    buildItemProps(item: any, index: number) {
         if (!this.props.editable) {
             return null;
         }
@@ -325,151 +288,125 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         };
     }
 
-    buildColumns(props:TableProps, isCreateMode = false):Array<any> {
+    buildColumns(props: TableProps, isCreateMode = false): Array<any> {
         const env = this.props.env;
-        let columns:Array<any> = Array.isArray(props.columns) ? props.columns.concat() : [];
+        let columns: Array<any> = Array.isArray(props.columns) ? props.columns.concat() : [];
         const ns = this.props.classPrefix;
 
         let btns = [];
         if (props.addable && props.showAddBtn !== false) {
             btns.push({
-                children: ({
-                    key,
-                    rowIndex
-                }: {
-                    key: any,
-                    rowIndex: number
-                }) => ~this.state.editIndex ? null : (
-                    <Button
-                        classPrefix={ns}
-                        size="sm"
-                        key={key}
-                        level="link"
-                        tooltip="新增一行"
-                        tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
-                        onClick={this.addItem.bind(this, rowIndex, undefined)}
-                    >
-                        {props.addBtnLabel ? (<span>{props.addBtnLabel}</span>) : null}
-                        {props.addBtnIcon ? (<i className={props.addBtnIcon} />) : null}
-                    </Button>
-                )
-            })
+                children: ({key, rowIndex}: {key: any; rowIndex: number}) =>
+                    ~this.state.editIndex ? null : (
+                        <Button
+                            classPrefix={ns}
+                            size="sm"
+                            key={key}
+                            level="link"
+                            tooltip="新增一行"
+                            tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
+                            onClick={this.addItem.bind(this, rowIndex, undefined)}
+                        >
+                            {props.addBtnLabel ? <span>{props.addBtnLabel}</span> : null}
+                            {props.addBtnIcon ? <i className={props.addBtnIcon} /> : null}
+                        </Button>
+                    )
+            });
         }
 
         if (props.editable) {
             columns = columns.map(column => {
-                const quickEdit = !isCreateMode && column.hasOwnProperty('quickEditOnUpdate') 
-                    ? column.quickEditOnUpdate 
-                    : column.quickEdit;
+                const quickEdit =
+                    !isCreateMode && column.hasOwnProperty('quickEditOnUpdate')
+                        ? column.quickEditOnUpdate
+                        : column.quickEdit;
 
-                return quickEdit === false ? omit(column, ["quickEdit"]) : {
-                    ...column,
-                    quickEdit: {
-                        type: 'text',
-                        ...quickEdit,
-                        saveImmediately: true,
-                        mode: 'inline'
-                    }
-                };
+                return quickEdit === false
+                    ? omit(column, ['quickEdit'])
+                    : {
+                          ...column,
+                          quickEdit: {
+                              type: 'text',
+                              ...quickEdit,
+                              saveImmediately: true,
+                              mode: 'inline'
+                          }
+                      };
             });
 
             btns.push({
-                children: ({
-                    key,
-                    rowIndex,
-                    data
-                }: {
-                    key: any;
-                    rowIndex: number;
-                    data: any;
-                }) => ~this.state.editIndex || data && data.__isPlaceholder ? null : (
-                    <Button
-                        classPrefix={ns}
-                        size="sm"
-                        key={key}
-                        level="link"
-                        tooltip="编辑当前行"
-                        tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
-                        onClick={() => this.startEdit(rowIndex)}
-                    >
-                        {props.updateBtnLabel ? (<span>{props.updateBtnLabel}</span>) : null}
-                        {props.updateBtnIcon ? (<i className={props.updateBtnIcon} />) : null}
-                    </Button>
-                )
-            })
+                children: ({key, rowIndex, data}: {key: any; rowIndex: number; data: any}) =>
+                    ~this.state.editIndex || (data && data.__isPlaceholder) ? null : (
+                        <Button
+                            classPrefix={ns}
+                            size="sm"
+                            key={key}
+                            level="link"
+                            tooltip="编辑当前行"
+                            tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
+                            onClick={() => this.startEdit(rowIndex)}
+                        >
+                            {props.updateBtnLabel ? <span>{props.updateBtnLabel}</span> : null}
+                            {props.updateBtnIcon ? <i className={props.updateBtnIcon} /> : null}
+                        </Button>
+                    )
+            });
 
             btns.push({
-                children: ({
-                    key,
-                    rowIndex
-                }: {
-                    key: any;
-                    rowIndex: number;
-                }) => this.state.editIndex === rowIndex ? (
-                    <Button
-                        classPrefix={ns}
-                        size="sm"
-                        key={key}
-                        level="link"
-                        tooltip="保存"
-                        tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
-                        onClick={this.confirmEdit}
-                    >
-                        {props.confirmBtnLabel ? (<span>{props.confirmBtnLabel}</span>) : null}
-                        {props.confirmBtnIcon ? (<i className={props.confirmBtnIcon} />) : null}
-                    </Button>
-                ) : null
-            })
+                children: ({key, rowIndex}: {key: any; rowIndex: number}) =>
+                    this.state.editIndex === rowIndex ? (
+                        <Button
+                            classPrefix={ns}
+                            size="sm"
+                            key={key}
+                            level="link"
+                            tooltip="保存"
+                            tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
+                            onClick={this.confirmEdit}
+                        >
+                            {props.confirmBtnLabel ? <span>{props.confirmBtnLabel}</span> : null}
+                            {props.confirmBtnIcon ? <i className={props.confirmBtnIcon} /> : null}
+                        </Button>
+                    ) : null
+            });
 
             btns.push({
-                children: ({
-                    key,
-                    rowIndex
-                }: {
-                    key: any,
-                    rowIndex: number
-                }) => this.state.editIndex === rowIndex ? (
-                    <Button
-                        classPrefix={ns}
-                        size="sm"
-                        key={key}
-                        level="link"
-                        tooltip="取消"
-                        tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
-                        onClick={this.cancelEdit}
-                    >
-                        {props.cancelBtnLabel ? (<span>{props.cancelBtnLabel}</span>) : null}
-                        {props.cancelBtnIcon ? (<i className={props.cancelBtnIcon} />) : null}
-                    </Button>
-                ) : null
-            })
+                children: ({key, rowIndex}: {key: any; rowIndex: number}) =>
+                    this.state.editIndex === rowIndex ? (
+                        <Button
+                            classPrefix={ns}
+                            size="sm"
+                            key={key}
+                            level="link"
+                            tooltip="取消"
+                            tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
+                            onClick={this.cancelEdit}
+                        >
+                            {props.cancelBtnLabel ? <span>{props.cancelBtnLabel}</span> : null}
+                            {props.cancelBtnIcon ? <i className={props.cancelBtnIcon} /> : null}
+                        </Button>
+                    ) : null
+            });
         }
 
         if (props.removable) {
             btns.push({
-                children: ({
-                    key,
-                    rowIndex,
-                    data
-                }: {
-                    key: any,
-                    rowIndex: number,
-                    data: any
-                }) => ~this.state.editIndex || data && data.__isPlaceholder ? null : (
-                    <Button
-                        classPrefix={ns}
-                        size="sm"
-                        key={key}
-                        level="link"
-                        tooltip="删除当前行"
-                        tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
-                        onClick={this.removeItem.bind(this, rowIndex)}
-                    >
-                        {props.deleteBtnLabel ? (<span>{props.deleteBtnLabel}</span>) : null}
-                        {props.deleteBtnIcon ? (<i className={props.deleteBtnIcon} />) : null}
-                    </Button>
-                )
-            })
+                children: ({key, rowIndex, data}: {key: any; rowIndex: number; data: any}) =>
+                    ~this.state.editIndex || (data && data.__isPlaceholder) ? null : (
+                        <Button
+                            classPrefix={ns}
+                            size="sm"
+                            key={key}
+                            level="link"
+                            tooltip="删除当前行"
+                            tooltipContainer={env && env.getModalContainer ? env.getModalContainer() : undefined}
+                            onClick={this.removeItem.bind(this, rowIndex)}
+                        >
+                            {props.deleteBtnLabel ? <span>{props.deleteBtnLabel}</span> : null}
+                            {props.deleteBtnIcon ? <i className={props.deleteBtnIcon} /> : null}
+                        </Button>
+                    )
+            });
         }
 
         if (btns.length) {
@@ -478,17 +415,14 @@ export default class FormTable extends React.Component<TableProps, TableState> {
                 buttons: btns,
                 width: 100,
                 label: '操作'
-            })
+            });
         }
 
         return columns;
     }
 
-    handleTableSave(rows:Array<object> | object, diff:Array<object> | object, rowIndexes: Array<number> | number) {
-        const  {
-            onChange,
-            value
-        } = this.props;
+    handleTableSave(rows: Array<object> | object, diff: Array<object> | object, rowIndexes: Array<number> | number) {
+        const {onChange, value} = this.props;
 
         const newValue = Array.isArray(value) ? value.concat() : [];
 
@@ -524,23 +458,21 @@ export default class FormTable extends React.Component<TableProps, TableState> {
         onChange(newValue);
     }
 
-    handleSaveTableOrder(moved:Array<object>, rows:Array<object>) {
-        const {
-            onChange
-        } = this.props;
+    handleSaveTableOrder(moved: Array<object>, rows: Array<object>) {
+        const {onChange} = this.props;
 
-        onChange(rows.map((item:object) => ({...item})));
+        onChange(rows.map((item: object) => ({...item})));
     }
 
-    removeEntry(entry:any) {
+    removeEntry(entry: any) {
         if (this.entries.has(entry)) {
             this.entries.delete(entry);
         }
     }
 
-    getEntryId(entry:any) {
+    getEntryId(entry: any) {
         if (entry === this.state.editting) {
-            return "editing";
+            return 'editing';
         } else if (!this.entries.has(entry)) {
             this.entries.set(entry, this.entityId++);
         }
@@ -549,43 +481,44 @@ export default class FormTable extends React.Component<TableProps, TableState> {
     }
 
     render() {
-        const {
-            className,
-            value,
-            showAddBtn,
-            disabled,
-            render,
-            placeholder,
-            draggable,
-            addable
-        } = this.props;
+        const {className, value, showAddBtn, disabled, render, placeholder, draggable, addable} = this.props;
 
-        return  (
+        return (
             <div className={cx('form-control-table', className)}>
-                {render('body', {
-                    type: 'table',
-                    placeholder,
-                    disabled,
-                    columns: this.state.columns,
-                    affixHeader: false
-                }, {
-                    value: undefined,
-                    draggable: draggable && !~this.state.editIndex,
-                    items: (Array.isArray(value) && value.length ? value : addable && showAddBtn !== false ? [{__isPlaceholder: true}] : []).map((value:any, index:number) => 
-                        index === this.state.editIndex ? this.state.editting : value),
-                    getEntryId: this.getEntryId,
-                    onSave: this.handleTableSave,
-                    onSaveOrder: this.handleSaveTableOrder,
-                    buildItemProps: this.buildItemProps,
-                    quickEditFormRef: this.subFormRef
-                })}
+                {render(
+                    'body',
+                    {
+                        type: 'table',
+                        placeholder,
+                        disabled,
+                        columns: this.state.columns,
+                        affixHeader: false
+                    },
+                    {
+                        value: undefined,
+                        draggable: draggable && !~this.state.editIndex,
+                        items: (Array.isArray(value) && value.length
+                            ? value
+                            : addable && showAddBtn !== false
+                            ? [{__isPlaceholder: true}]
+                            : []
+                        ).map((value: any, index: number) =>
+                            index === this.state.editIndex ? this.state.editting : value
+                        ),
+                        getEntryId: this.getEntryId,
+                        onSave: this.handleTableSave,
+                        onSaveOrder: this.handleSaveTableOrder,
+                        buildItemProps: this.buildItemProps,
+                        quickEditFormRef: this.subFormRef
+                    }
+                )}
             </div>
-        );;
+        );
     }
 }
 
 @FormItem({
     test: /(^|\/)form(?:\/.+)?\/control\/table$/,
-    name: "table-control"
+    name: 'table-control'
 })
-export class TableControlRenderer extends FormTable {};
+export class TableControlRenderer extends FormTable {}
diff --git a/src/renderers/Form/Tabs.tsx b/src/renderers/Form/Tabs.tsx
index f23df8134..0241fbea2 100644
--- a/src/renderers/Form/Tabs.tsx
+++ b/src/renderers/Form/Tabs.tsx
@@ -1,13 +1,9 @@
 import React from 'react';
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
-import { Schema } from '../../types';
+import {Renderer, RendererProps} from '../../factory';
+import {Schema} from '../../types';
 import Tabs from '../Tabs';
 
-export interface TabsProps extends RendererProps {
-};
+export interface TabsProps extends RendererProps {}
 
 @Renderer({
     test: /(^|\/)form(?:.+)?\/control\/tabs$/i,
@@ -19,21 +15,13 @@ export class TabsRenderer extends React.Component<TabsProps, any> {
         mountOnEnter: false // form 中的不按需渲染
     };
 
-    constructor(props:TabsProps) {
+    constructor(props: TabsProps) {
         super(props);
-        this.renderTab = this.renderTab.bind(this);        
+        this.renderTab = this.renderTab.bind(this);
     }
-    
 
-    renderTab(tab:any, {key}:any) {
-        const {
-            renderFormItems,
-            formMode,
-            formHorizontal,
-            $path,
-            render,
-            classnames: cx
-        } = this.props;
+    renderTab(tab: any, {key}: any) {
+        const {renderFormItems, formMode, formHorizontal, $path, render, classnames: cx} = this.props;
 
         if (renderFormItems && !tab.type && (tab.controls || tab.fieldSet || tab.tabs)) {
             return (
@@ -46,22 +34,12 @@ export class TabsRenderer extends React.Component<TabsProps, any> {
             );
         }
 
-
         return render(`tab/${key}`, tab.body || tab.tab || tab);
     }
 
     render() {
-        const {
-            children,
-            type,
-            ...rest
-        } = this.props;
+        const {children, type, ...rest} = this.props;
 
-        return (
-            <Tabs 
-                {...rest}
-                tabRender={this.renderTab}
-            />
-        );
+        return <Tabs {...rest} tabRender={this.renderTab} />;
     }
 }
diff --git a/src/renderers/Form/Tag.tsx b/src/renderers/Form/Tag.tsx
index ea9f429fc..f861e8c3c 100644
--- a/src/renderers/Form/Tag.tsx
+++ b/src/renderers/Form/Tag.tsx
@@ -1,37 +1,33 @@
 import React from 'react';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option} from './Options';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
 import cx from 'classnames';
-import { Action } from '../../types';
+import {Action} from '../../types';
 import Downshift from 'downshift';
 import matchSorter from 'match-sorter';
 import debouce = require('lodash/debounce');
 import find = require('lodash/find');
-import { Icon } from '../../components/icons';
-import { Portal } from 'react-overlays';
-import { findDOMNode } from 'react-dom';
+import {Icon} from '../../components/icons';
+import {Portal} from 'react-overlays';
+import {findDOMNode} from 'react-dom';
 
 // declare function matchSorter(items:Array<any>, input:any, options:any): Array<any>;
 
-
 export interface TagProps extends OptionsControlProps {
     placeholder?: string;
     clearable: boolean;
     resetValue?: any;
     optionsTip: string;
-};
+}
 
 export interface TagState {
     inputValue: string;
     isFocused?: boolean;
-};
+}
 
 export default class TagControl extends React.PureComponent<TagProps, TagState> {
     input: React.RefObject<HTMLInputElement> = React.createRef();
 
-    constructor(props:TagProps) {
+    constructor(props: TagProps) {
         super(props);
 
         this.state = {
@@ -48,16 +44,16 @@ export default class TagControl extends React.PureComponent<TagProps, TagState>
         this.getParent = this.getParent.bind(this);
     }
 
-    static defaultProps:Partial<TagProps> = {
+    static defaultProps: Partial<TagProps> = {
         resetValue: '',
         labelField: 'label',
         valueField: 'value',
         placeholder: '',
         multiple: true,
-        optionsTip: "最近您使用的标签"
+        optionsTip: '最近您使用的标签'
     };
 
-    componentWillReceiveProps(nextProps:TagProps) {
+    componentWillReceiveProps(nextProps: TagProps) {
         const props = this.props;
 
         if (props.value !== nextProps.value) {
@@ -80,60 +76,56 @@ export default class TagControl extends React.PureComponent<TagProps, TagState>
     }
 
     clearValue() {
-        const {
-            onChange,
-            resetValue
-        } = this.props;
+        const {onChange, resetValue} = this.props;
 
         onChange(resetValue);
-        this.setState({
-            inputValue: resetValue
-        }, this.focus);
+        this.setState(
+            {
+                inputValue: resetValue
+            },
+            this.focus
+        );
     }
 
-    removeItem(index:number) {
-        const {
-            selectedOptions,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField
-        } = this.props
+    removeItem(index: number) {
+        const {selectedOptions, onChange, joinValues, extractValue, delimiter, valueField} = this.props;
 
         const newValue = selectedOptions.concat();
         newValue.splice(index, 1);
 
-        onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
-            : extractValue ? newValue.map(item => item[valueField || 'value']) : newValue);
+        onChange(
+            joinValues
+                ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                : extractValue
+                ? newValue.map(item => item[valueField || 'value'])
+                : newValue
+        );
     }
 
-    addItem(option:Option) {
-        const {
-            selectedOptions,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField
-        } = this.props;
+    addItem(option: Option) {
+        const {selectedOptions, onChange, joinValues, extractValue, delimiter, valueField} = this.props;
         const newValue = selectedOptions.concat();
 
-        if (find(newValue, (item) => item.value == option.value)) {
+        if (find(newValue, item => item.value == option.value)) {
             return;
         }
 
         newValue.push(option);
 
-        onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
-            : extractValue ? newValue.map(item => item[valueField || 'value']) : newValue);
+        onChange(
+            joinValues
+                ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                : extractValue
+                ? newValue.map(item => item[valueField || 'value'])
+                : newValue
+        );
     }
 
     handleClick() {
         this.focus();
     }
 
-    handleFocus(e:any) {
+    handleFocus(e: any) {
         this.setState({
             isFocused: true
         });
@@ -141,36 +133,39 @@ export default class TagControl extends React.PureComponent<TagProps, TagState>
         this.props.onFocus && this.props.onFocus(e);
     }
 
-    handleBlur(e:any) {
-        const {
-            selectedOptions,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField
-        } = this.props;
+    handleBlur(e: any) {
+        const {selectedOptions, onChange, joinValues, extractValue, delimiter, valueField} = this.props;
 
         const value = this.state.inputValue.trim();
         this.props.onBlur && this.props.onBlur(e);
-        this.setState({
-            isFocused: false,
-            inputValue: ''
-        }, value ? () => {
-            const newValue = selectedOptions.concat();
-            if(!find(newValue, (item) => item.value === value)) {
-                const option = {
-                    label: value,
-                    value: value
-                }
-                newValue.push(option);
-                onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
-                        : extractValue ? newValue.map(item => item[valueField || 'value']) : newValue);
-            }
-        } : undefined);
+        this.setState(
+            {
+                isFocused: false,
+                inputValue: ''
+            },
+            value
+                ? () => {
+                      const newValue = selectedOptions.concat();
+                      if (!find(newValue, item => item.value === value)) {
+                          const option = {
+                              label: value,
+                              value: value
+                          };
+                          newValue.push(option);
+                          onChange(
+                              joinValues
+                                  ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                                  : extractValue
+                                  ? newValue.map(item => item[valueField || 'value'])
+                                  : newValue
+                          );
+                      }
+                  }
+                : undefined
+        );
     }
 
-    handleInputChange(evt:React.ChangeEvent<HTMLInputElement>) {
+    handleInputChange(evt: React.ChangeEvent<HTMLInputElement>) {
         let value = evt.currentTarget.value;
 
         this.setState({
@@ -178,36 +173,39 @@ export default class TagControl extends React.PureComponent<TagProps, TagState>
         });
     }
 
-    handleKeyDown(evt:React.KeyboardEvent<HTMLInputElement>) {
-        const {
-            selectedOptions,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField
-        } = this.props;
+    handleKeyDown(evt: React.KeyboardEvent<HTMLInputElement>) {
+        const {selectedOptions, onChange, joinValues, extractValue, delimiter, valueField} = this.props;
 
         const value = this.state.inputValue.trim();
 
-        if (selectedOptions.length && !value && evt.key == "Backspace") {
+        if (selectedOptions.length && !value && evt.key == 'Backspace') {
             const newValue = selectedOptions.concat();
             newValue.pop();
 
-            onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
-                : extractValue ? newValue.map(item => item[valueField || 'value']) : newValue);
-        } else if (value && (evt.key === "Enter" || evt.key === delimiter)) {
+            onChange(
+                joinValues
+                    ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                    : extractValue
+                    ? newValue.map(item => item[valueField || 'value'])
+                    : newValue
+            );
+        } else if (value && (evt.key === 'Enter' || evt.key === delimiter)) {
             evt.preventDefault();
             const newValue = selectedOptions.concat();
 
-            if (!find(newValue, (item) => item.value == value)) {
+            if (!find(newValue, item => item.value == value)) {
                 newValue.push({
                     label: value,
                     value: value
                 });
-    
-                onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
-                    : extractValue ? newValue.map(item => item[valueField || 'value']) : newValue);
+
+                onChange(
+                    joinValues
+                        ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                        : extractValue
+                        ? newValue.map(item => item[valueField || 'value'])
+                        : newValue
+                );
             }
 
             this.setState({
@@ -243,23 +241,30 @@ export default class TagControl extends React.PureComponent<TagProps, TagState>
         } = this.props;
 
         return (
-            <div className={cx(className, `TagControl`, {
-                'is-focused': this.state.isFocused,
-                'is-disabled': disabled
-            })}>
-                <div onClick={this.handleClick} className={cx("TagControl-input")}>
-                    <div className={cx("TagControl-valueWrap")}>
+            <div
+                className={cx(className, `TagControl`, {
+                    'is-focused': this.state.isFocused,
+                    'is-disabled': disabled
+                })}
+            >
+                <div onClick={this.handleClick} className={cx('TagControl-input')}>
+                    <div className={cx('TagControl-valueWrap')}>
                         {placeholder && !selectedOptions.length && !this.state.inputValue ? (
-                            <div className={cx("TagControl-placeholder")}>{placeholder}</div>
+                            <div className={cx('TagControl-placeholder')}>{placeholder}</div>
                         ) : null}
 
                         {selectedOptions.map((item, index) => (
-                            <div className={cx("TagControl-value")} key={index}>
-                                <span className={cx("TagControl-valueIcon")} onClick={this.removeItem.bind(this, index)}>×</span>
-                                <span className={cx("TagControl-valueLabel")}>{item[labelField||'label']}</span>
+                            <div className={cx('TagControl-value')} key={index}>
+                                <span
+                                    className={cx('TagControl-valueIcon')}
+                                    onClick={this.removeItem.bind(this, index)}
+                                >
+                                    ×
+                                </span>
+                                <span className={cx('TagControl-valueLabel')}>{item[labelField || 'label']}</span>
                             </div>
                         ))}
-                        
+
                         <input
                             ref={this.input}
                             name={name}
@@ -271,16 +276,24 @@ export default class TagControl extends React.PureComponent<TagProps, TagState>
                         />
                     </div>
 
-                    {clearable && !disabled && value ? (<a onClick={this.clearValue} className={cx('TagControl-clear')}><Icon icon="close" className="icon" /></a>) : null}
+                    {clearable && !disabled && value ? (
+                        <a onClick={this.clearValue} className={cx('TagControl-clear')}>
+                            <Icon icon="close" className="icon" />
+                        </a>
+                    ) : null}
                     {loading ? <i className={cx(`TagControl-spinner`, spinnerClassName)} /> : null}
                 </div>
 
                 {options.length ? (
                     <Portal container={this.getParent}>
-                        <div className={cx("TagControl-sug")}>
-                            {optionsTip ? (<div className={cx("TagControl-sugTip")}>{optionsTip}</div>) : null}
+                        <div className={cx('TagControl-sug')}>
+                            {optionsTip ? <div className={cx('TagControl-sugTip')}>{optionsTip}</div> : null}
                             {options.map((item, index) => (
-                                <div className={cx("TagControl-sugItem")} key={index} onClick={this.addItem.bind(this, item)}>
+                                <div
+                                    className={cx('TagControl-sugItem')}
+                                    key={index}
+                                    onClick={this.addItem.bind(this, item)}
+                                >
                                     {item.label}
                                 </div>
                             ))}
@@ -292,9 +305,7 @@ export default class TagControl extends React.PureComponent<TagProps, TagState>
     }
 }
 
-
-
 @OptionsControl({
     type: 'tag'
 })
-export class TagControlRenderer extends TagControl {};
+export class TagControlRenderer extends TagControl {}
diff --git a/src/renderers/Form/Text.tsx b/src/renderers/Form/Text.tsx
index 9c101f267..393c83547 100644
--- a/src/renderers/Form/Text.tsx
+++ b/src/renderers/Form/Text.tsx
@@ -1,18 +1,14 @@
 import React from 'react';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    highlight,
-} from './Options';
+import {OptionsControl, OptionsControlProps, highlight} from './Options';
 import cx from 'classnames';
-import { Action } from '../../types';
-import Downshift, { StateChangeOptions } from 'downshift';
+import {Action} from '../../types';
+import Downshift, {StateChangeOptions} from 'downshift';
 import matchSorter from 'match-sorter';
 import debouce = require('lodash/debounce');
-import { filter } from '../../utils/tpl';
+import {filter} from '../../utils/tpl';
 import find = require('lodash/find');
-import { Icon } from '../../components/icons';
-import { autobind, createObject } from '../../utils/helper';
+import {Icon} from '../../components/icons';
+import {autobind, createObject} from '../../utils/helper';
 import {isEffectiveApi} from '../../utils/api';
 
 // declare function matchSorter(items:Array<any>, input:any, options:any): Array<any>;
@@ -30,20 +26,20 @@ export interface TextProps extends OptionsControlProps {
     autoComplete?: any;
     allowInputText?: boolean;
     spinnerClassName: string;
-};
+}
 
 export interface TextState {
     isOpen?: boolean;
     inputValue?: string;
     isFocused?: boolean;
-};
+}
 
 export default class TextControl extends React.PureComponent<TextProps, TextState> {
-    input?:HTMLInputElement;
+    input?: HTMLInputElement;
 
-    highlightedIndex?:any;
-    unHook:Function;
-    constructor(props:TextProps) {
+    highlightedIndex?: any;
+    unHook: Function;
+    constructor(props: TextProps) {
         super(props);
 
         const value = props.value;
@@ -68,7 +64,7 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
         });
     }
 
-    static defaultProps:Partial<TextProps> = {
+    static defaultProps: Partial<TextProps> = {
         resetValue: '',
         labelField: 'label',
         valueField: 'value',
@@ -77,7 +73,7 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
         spinnerClassName: 'fa fa-spinner fa-spin fa-1x fa-fw'
     };
 
-    componentWillReceiveProps(nextProps:TextProps) {
+    componentWillReceiveProps(nextProps: TextProps) {
         const props = this.props;
 
         if (props.value !== nextProps.value) {
@@ -89,25 +85,28 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
     }
 
     componentDidMount() {
-        const {
-            formItem,
-            autoComplete,
-            data,
-            addHook,
-            formInited
-        } = this.props;
+        const {formItem, autoComplete, data, addHook, formInited} = this.props;
 
         if (isEffectiveApi(autoComplete, data) && formItem) {
             if (formInited) {
-                formItem.loadOptions(autoComplete, createObject(data, {
-                    term: ''
-                }));
+                formItem.loadOptions(
+                    autoComplete,
+                    createObject(data, {
+                        term: ''
+                    })
+                );
             } else {
-                this.unHook = addHook(() => formItem.loadOptions(autoComplete, createObject(data, {
-                    term: ''
-                })), 'init');
+                this.unHook = addHook(
+                    () =>
+                        formItem.loadOptions(
+                            autoComplete,
+                            createObject(data, {
+                                term: ''
+                            })
+                        ),
+                    'init'
+                );
             }
-            
         }
     }
 
@@ -115,9 +114,9 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
         this.unHook && this.unHook();
     }
 
-    inputRef(ref:any) {
+    inputRef(ref: any) {
         this.input = ref;
-    };
+    }
 
     focus() {
         if (!this.input) {
@@ -132,35 +131,33 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
     }
 
     clearValue() {
-        const {
-            onChange,
-            resetValue
-        } = this.props;
+        const {onChange, resetValue} = this.props;
 
         onChange(resetValue);
-        this.setState({
-            inputValue: resetValue
-        }, () => {
-            this.focus();
-            this.loadAutoComplete();
-        });
+        this.setState(
+            {
+                inputValue: resetValue
+            },
+            () => {
+                this.focus();
+                this.loadAutoComplete();
+            }
+        );
     }
 
-    removeItem(index:number) {
-        const {
-            selectedOptions,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField
-        } = this.props
+    removeItem(index: number) {
+        const {selectedOptions, onChange, joinValues, extractValue, delimiter, valueField} = this.props;
 
         const newValue = selectedOptions.concat();
         newValue.splice(index, 1);
 
-        onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
-            : extractValue ? newValue.map(item => item[valueField || 'value']) : newValue);
+        onChange(
+            joinValues
+                ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                : extractValue
+                ? newValue.map(item => item[valueField || 'value'])
+                : newValue
+        );
     }
 
     handleClick() {
@@ -170,7 +167,7 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
         });
     }
 
-    handleFocus(e:any) {
+    handleFocus(e: any) {
         this.setState({
             isOpen: true,
             isFocused: true
@@ -179,76 +176,85 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
         this.props.onFocus && this.props.onFocus(e);
     }
 
-    handleBlur(e:any) {
-        const {
-            onBlur,
-            trimContents,
-            value,
-            onChange
-        } = this.props;
+    handleBlur(e: any) {
+        const {onBlur, trimContents, value, onChange} = this.props;
 
-        this.setState({
-            isFocused: false
-        }, () => {
-            if (trimContents && value && typeof value === "string") {
-                onChange(value.trim());
+        this.setState(
+            {
+                isFocused: false
+            },
+            () => {
+                if (trimContents && value && typeof value === 'string') {
+                    onChange(value.trim());
+                }
             }
-        });
+        );
 
         onBlur && onBlur(e);
     }
 
-    handleInputChange(evt:React.ChangeEvent<HTMLInputElement>) {
+    handleInputChange(evt: React.ChangeEvent<HTMLInputElement>) {
         let value = evt.currentTarget.value;
 
-        this.setState({
-            inputValue: value
-        }, this.loadAutoComplete);
+        this.setState(
+            {
+                inputValue: value
+            },
+            this.loadAutoComplete
+        );
     }
 
-    handleKeyDown(evt:React.KeyboardEvent<HTMLInputElement>) {
-        const {
-            selectedOptions,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            multiple,
-            valueField
-        } = this.props
-        
+    handleKeyDown(evt: React.KeyboardEvent<HTMLInputElement>) {
+        const {selectedOptions, onChange, joinValues, extractValue, delimiter, multiple, valueField} = this.props;
+
         if (selectedOptions.length && !this.state.inputValue && evt.keyCode === 8) {
             evt.preventDefault();
             const newValue = selectedOptions.concat();
             newValue.pop();
 
-            onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',') 
-                : extractValue ? newValue.map(item => item[valueField || 'value']): newValue);
-            this.setState({
-                inputValue: ''
-            }, this.loadAutoComplete);
+            onChange(
+                joinValues
+                    ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                    : extractValue
+                    ? newValue.map(item => item[valueField || 'value'])
+                    : newValue
+            );
+            this.setState(
+                {
+                    inputValue: ''
+                },
+                this.loadAutoComplete
+            );
         } else if (evt.keyCode === 13 && this.state.inputValue && typeof this.highlightedIndex !== 'number') {
             evt.preventDefault();
             const value = this.state.inputValue;
 
             if (multiple) {
-                if (value && !find(selectedOptions, (item) => item.value == value)) {
+                if (value && !find(selectedOptions, item => item.value == value)) {
                     const newValue = selectedOptions.concat();
                     newValue.push({
                         label: value,
                         value: value
                     });
-        
-                    onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',') 
-                        : extractValue ? newValue.map(item => item[valueField || 'value']) : newValue);
+
+                    onChange(
+                        joinValues
+                            ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                            : extractValue
+                            ? newValue.map(item => item[valueField || 'value'])
+                            : newValue
+                    );
                 }
             } else {
                 onChange(value);
             }
-            this.setState({
-                inputValue: '',
-                isOpen: false
-            }, this.loadAutoComplete);
+            this.setState(
+                {
+                    inputValue: '',
+                    isOpen: false
+                },
+                this.loadAutoComplete
+            );
         } else if (evt.keyCode === 13 && this.state.isOpen && typeof this.highlightedIndex !== 'number') {
             this.setState({
                 isOpen: false
@@ -256,16 +262,8 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
         }
     }
 
-    handleChange(value:any) {
-        const {
-            onChange,
-            multiple,
-            joinValues,
-            extractValue,
-            delimiter,
-            selectedOptions,
-            valueField
-        } = this.props;
+    handleChange(value: any) {
+        const {onChange, multiple, joinValues, extractValue, delimiter, selectedOptions, valueField} = this.props;
 
         if (multiple) {
             const newValue = selectedOptions.concat();
@@ -274,18 +272,26 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
                 value: value
             });
 
-            onChange(joinValues ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
-                : extractValue ? newValue.map(item => item[valueField || 'value']) : newValue);
+            onChange(
+                joinValues
+                    ? newValue.map(item => item[valueField || 'value']).join(delimiter || ',')
+                    : extractValue
+                    ? newValue.map(item => item[valueField || 'value'])
+                    : newValue
+            );
         } else {
             onChange(value);
         }
 
-        this.setState({
-            inputValue: ''
-        }, this.loadAutoComplete);
+        this.setState(
+            {
+                inputValue: ''
+            },
+            this.loadAutoComplete
+        );
     }
 
-    handleStateChange(changes:StateChangeOptions<any>) {
+    handleStateChange(changes: StateChangeOptions<any>) {
         const multiple = this.props.multiple || this.props.multi;
         switch (changes.type) {
             case Downshift.stateChangeTypes.itemMouseEnter:
@@ -299,7 +305,7 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
                 });
                 break;
             default:
-                const state:TextState = {};
+                const state: TextState = {};
                 if (typeof changes.isOpen !== 'undefined') {
                     state.isOpen = changes.isOpen;
                 }
@@ -316,14 +322,11 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
                 this.setState(state);
                 break;
         }
-        
     }
 
     @autobind
-    handleNormalInputChange(e:React.ChangeEvent<HTMLInputElement>) {
-        const {
-            onChange
-        } = this.props;
+    handleNormalInputChange(e: React.ChangeEvent<HTMLInputElement>) {
+        const {onChange} = this.props;
 
         let value = e.currentTarget.value;
 
@@ -331,17 +334,15 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
     }
 
     loadAutoComplete() {
-        const {
-            formItem,
-            autoComplete,
-            data
-        } = this.props;
-
+        const {formItem, autoComplete, data} = this.props;
 
         if (isEffectiveApi(autoComplete, data) && formItem) {
-            formItem.loadOptions(autoComplete, createObject(data, {
-                term: this.state.inputValue || formItem.lastSelectValue
-            }));
+            formItem.loadOptions(
+                autoComplete,
+                createObject(data, {
+                    term: this.state.inputValue || formItem.lastSelectValue
+                })
+            );
         }
     }
 
@@ -378,99 +379,118 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
                 onChange={this.handleChange}
                 onStateChange={this.handleStateChange}
                 selectedItem={selectedOptions.map(item => item[valueField || 'value'])}
-            >{({
-                getInputProps,
-                getItemProps,
-                isOpen,
-                inputValue,
-                selectedItem,
-                highlightedIndex,
-            }) => {
-                let filtedOptions = inputValue && isOpen && !autoComplete ? matchSorter(options, inputValue, {keys: [labelField || 'label', valueField || 'value']}) : options;
-                const indices = isOpen ? mapItemIndex(filtedOptions, selectedItem) : {};
-                filtedOptions = filtedOptions.filter((option:any) => !~selectedItem.indexOf(option.value));
+            >
+                {({getInputProps, getItemProps, isOpen, inputValue, selectedItem, highlightedIndex}) => {
+                    let filtedOptions =
+                        inputValue && isOpen && !autoComplete
+                            ? matchSorter(options, inputValue, {keys: [labelField || 'label', valueField || 'value']})
+                            : options;
+                    const indices = isOpen ? mapItemIndex(filtedOptions, selectedItem) : {};
+                    filtedOptions = filtedOptions.filter((option: any) => !~selectedItem.indexOf(option.value));
 
-                if (!filtedOptions.length && this.state.inputValue) {
-                    filtedOptions.push({
-                        [labelField || 'label']: this.state.inputValue,
-                        [valueField || 'value']: this.state.inputValue,
-                        isNew: true
-                    })
-                }
+                    if (!filtedOptions.length && this.state.inputValue) {
+                        filtedOptions.push({
+                            [labelField || 'label']: this.state.inputValue,
+                            [valueField || 'value']: this.state.inputValue,
+                            isNew: true
+                        });
+                    }
 
-                return  (
-                    <div 
-                        className={cx(`TextControl-input TextControl-input--withAC`, inputOnly ? className : '', {
-                            'is-opened': isOpen,
-                            'TextControl-input--multiple': multiple
-                        })}
-                        onClick={this.handleClick}
-                    >
-                        <div className={cx("TextControl-valueWrap")}>
-                            {placeholder && !selectedOptions.length && !this.state.inputValue ? (
-                                <div className={cx("TextControl-placeholder")}>{placeholder}</div>
-                            ) : null}
+                    return (
+                        <div
+                            className={cx(`TextControl-input TextControl-input--withAC`, inputOnly ? className : '', {
+                                'is-opened': isOpen,
+                                'TextControl-input--multiple': multiple
+                            })}
+                            onClick={this.handleClick}
+                        >
+                            <div className={cx('TextControl-valueWrap')}>
+                                {placeholder && !selectedOptions.length && !this.state.inputValue ? (
+                                    <div className={cx('TextControl-placeholder')}>{placeholder}</div>
+                                ) : null}
 
-                            {selectedOptions.map((item, index) => multiple ? (
-                                <div className={cx('TextControl-value')} key={index}>
-                                    <span className={cx('TextControl-valueIcon')} onClick={this.removeItem.bind(this, index)}>×</span>
-                                    <span className={cx('TextControl-valueLabel')}>{item[labelField||'label']}</span>
-                                </div>
-                            ) : inputValue && isOpen ? null : (
-                                <div className={cx('TextControl-value')} key={index}>
-                                    {item.label}
-                                </div>
-                            ))}
-                            
-                            <input
-                                {...getInputProps({
-                                    name,
-                                    ref: this.inputRef,
-                                    disabled,
-                                    type,
-                                    onFocus: this.handleFocus,
-                                    onBlur: this.handleBlur,
-                                    onChange: this.handleInputChange,
-                                    onKeyDown: this.handleKeyDown
-                                })}
-                                autoComplete="off"
-                            />
-                        </div>
-                        
-                        {clearable && !disabled && value ? (<a onClick={this.clearValue} className={cx('TextControl-clear')}><Icon icon="close" className="icon" /></a>) : null}
-                        {loading ? <i className={cx(`TextControl-spinner`, spinnerClassName)} /> : null}
-                        {isOpen && filtedOptions.length ? (
-                            <div className={cx('TextControl-sugs')}>
-                                {filtedOptions.map((option:any) => {
-                                    return (
-                                        <div
-                                            {...getItemProps({
-                                                item: option.value,
-                                                disabled: option.disabled,
-                                                className: cx(`TextControl-sugItem`, {
-                                                    'is-highlight': highlightedIndex === indices[option.value],
-                                                    'is-disabled': option.disabled
-                                                })
-                                            })}
-                                            key={option.value}
-                                        >
-                                        {option.isNew ? (
-                                            <span>新增：{option.label}<Icon icon="enter" className="icon" /></span>
-                                        ) : (
-                                            <span>{option.disabled ? option.label : highlight(option.label, inputValue as string)}{option.tip}</span>
-                                        )}
+                                {selectedOptions.map((item, index) =>
+                                    multiple ? (
+                                        <div className={cx('TextControl-value')} key={index}>
+                                            <span
+                                                className={cx('TextControl-valueIcon')}
+                                                onClick={this.removeItem.bind(this, index)}
+                                            >
+                                                ×
+                                            </span>
+                                            <span className={cx('TextControl-valueLabel')}>
+                                                {item[labelField || 'label']}
+                                            </span>
                                         </div>
-                                    );
-                                })}
+                                    ) : inputValue && isOpen ? null : (
+                                        <div className={cx('TextControl-value')} key={index}>
+                                            {item.label}
+                                        </div>
+                                    )
+                                )}
+
+                                <input
+                                    {...getInputProps({
+                                        name,
+                                        ref: this.inputRef,
+                                        disabled,
+                                        type,
+                                        onFocus: this.handleFocus,
+                                        onBlur: this.handleBlur,
+                                        onChange: this.handleInputChange,
+                                        onKeyDown: this.handleKeyDown
+                                    })}
+                                    autoComplete="off"
+                                />
                             </div>
-                        ) : null}
-                    </div>
-                );
-            }}</Downshift>
+
+                            {clearable && !disabled && value ? (
+                                <a onClick={this.clearValue} className={cx('TextControl-clear')}>
+                                    <Icon icon="close" className="icon" />
+                                </a>
+                            ) : null}
+                            {loading ? <i className={cx(`TextControl-spinner`, spinnerClassName)} /> : null}
+                            {isOpen && filtedOptions.length ? (
+                                <div className={cx('TextControl-sugs')}>
+                                    {filtedOptions.map((option: any) => {
+                                        return (
+                                            <div
+                                                {...getItemProps({
+                                                    item: option.value,
+                                                    disabled: option.disabled,
+                                                    className: cx(`TextControl-sugItem`, {
+                                                        'is-highlight': highlightedIndex === indices[option.value],
+                                                        'is-disabled': option.disabled
+                                                    })
+                                                })}
+                                                key={option.value}
+                                            >
+                                                {option.isNew ? (
+                                                    <span>
+                                                        新增：{option.label}
+                                                        <Icon icon="enter" className="icon" />
+                                                    </span>
+                                                ) : (
+                                                    <span>
+                                                        {option.disabled
+                                                            ? option.label
+                                                            : highlight(option.label, inputValue as string)}
+                                                        {option.tip}
+                                                    </span>
+                                                )}
+                                            </div>
+                                        );
+                                    })}
+                                </div>
+                            ) : null}
+                        </div>
+                    );
+                }}
+            </Downshift>
         );
     }
 
-    renderNormal():JSX.Element {
+    renderNormal(): JSX.Element {
         const {
             classPrefix: ns,
             classnames: cx,
@@ -499,14 +519,24 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
                     onBlur={this.handleBlur}
                     autoComplete="off"
                     onChange={this.handleNormalInputChange}
-                    value={typeof value === 'undefined' || value === null ? '' : typeof value === 'string' ? value : JSON.stringify(value)}
+                    value={
+                        typeof value === 'undefined' || value === null
+                            ? ''
+                            : typeof value === 'string'
+                            ? value
+                            : JSON.stringify(value)
+                    }
                 />
-                {clearable && !disabled && value ? (<a onClick={this.clearValue} className={`${ns}TextControl-clear`}><Icon icon="close" className="icon" /></a>) : null}
+                {clearable && !disabled && value ? (
+                    <a onClick={this.clearValue} className={`${ns}TextControl-clear`}>
+                        <Icon icon="close" className="icon" />
+                    </a>
+                ) : null}
             </div>
         );
     }
 
-    render():JSX.Element {
+    render(): JSX.Element {
         const {
             className,
             classPrefix: ns,
@@ -520,12 +550,18 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
             inputOnly
         } = this.props;
 
-        const addOn:any = typeof addOnRaw === 'string' ? {
-            label: addOnRaw, 
-            type: 'plain'
-        } : addOnRaw;
+        const addOn: any =
+            typeof addOnRaw === 'string'
+                ? {
+                      label: addOnRaw,
+                      type: 'plain'
+                  }
+                : addOnRaw;
 
-        let input = autoComplete !== false && (source || options.length || autoComplete) ? this.renderSugestMode() : this.renderNormal();
+        let input =
+            autoComplete !== false && (source || options.length || autoComplete)
+                ? this.renderSugestMode()
+                : this.renderNormal();
         let addOnDom = addOn ? (
             addOn.actionType || ~['button', 'submit', 'reset', 'action'].indexOf(addOn.type) ? (
                 <div className={cx(`${ns}TextControl-button`, addOn.className)}>
@@ -534,11 +570,9 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
                     })}
                 </div>
             ) : (
-                <div
-                    className={cx(`${ns}TextControl-addOn`, addOn.className)}
-                >
+                <div className={cx(`${ns}TextControl-addOn`, addOn.className)}>
                     {addOn.label ? filter(addOn.label, data) : null}
-                    {addOn.icon && (<i className={addOn.icon} />)}
+                    {addOn.icon && <i className={addOn.icon} />}
                 </div>
             )
         ) : null;
@@ -548,11 +582,13 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
         }
 
         return (
-            <div className={cx(className, `${ns}TextControl`, {
-                [`${ns}TextControl--withAddOn`]: !!addOnDom,
-                'is-focused': this.state.isFocused,
-                'is-disabled': disabled
-            })}>
+            <div
+                className={cx(className, `${ns}TextControl`, {
+                    [`${ns}TextControl--withAddOn`]: !!addOnDom,
+                    'is-focused': this.state.isFocused,
+                    'is-disabled': disabled
+                })}
+            >
                 {addOn && addOn.position === 'left' ? addOnDom : null}
                 {input}
                 {addOn && addOn.position !== 'left' ? addOnDom : null}
@@ -561,7 +597,7 @@ export default class TextControl extends React.PureComponent<TextProps, TextStat
     }
 }
 
-export function mapItemIndex(items:Array<any>, values:Array<any>, valueField:string = 'value') {
+export function mapItemIndex(items: Array<any>, values: Array<any>, valueField: string = 'value') {
     return items
         .filter(item => values.indexOf(item[valueField || 'value']) === -1)
         .reduce((prev, next, i) => {
@@ -573,22 +609,21 @@ export function mapItemIndex(items:Array<any>, values:Array<any>, valueField:str
 @OptionsControl({
     type: 'text'
 })
-export class TextControlRenderer extends TextControl {};
+export class TextControlRenderer extends TextControl {}
 
 @OptionsControl({
-    type: 'password',
+    type: 'password'
 })
-export class PasswordControlRenderer extends TextControl {};
-
+export class PasswordControlRenderer extends TextControl {}
 
 @OptionsControl({
     type: 'email',
     validations: 'isEmail'
 })
-export class EmailControlRenderer extends TextControl {};
+export class EmailControlRenderer extends TextControl {}
 
 @OptionsControl({
     type: 'url',
     validations: 'isUrl'
 })
-export class UrlControlRenderer extends TextControl {};
+export class UrlControlRenderer extends TextControl {}
diff --git a/src/renderers/Form/Textarea.tsx b/src/renderers/Form/Textarea.tsx
index 845dd76ef..b71adf1a1 100644
--- a/src/renderers/Form/Textarea.tsx
+++ b/src/renderers/Form/Textarea.tsx
@@ -1,27 +1,24 @@
 import React from 'react';
-import {
-    FormItem,
-    FormControlProps
-} from './Item';
+import {FormItem, FormControlProps} from './Item';
 import cx from 'classnames';
 import Textarea from '../../components/Textarea';
-import { findDOMNode } from 'react-dom';
-import { autobind } from '../../utils/helper';
+import {findDOMNode} from 'react-dom';
+import {autobind} from '../../utils/helper';
 
 export interface TextAreaProps extends FormControlProps {
     placeholder?: string;
     minRows?: number;
     maxRows?: number;
-};
+}
 
 export default class TextAreaControl extends React.Component<TextAreaProps, any> {
-    static defaultProps:Partial<TextAreaProps> = {
+    static defaultProps: Partial<TextAreaProps> = {
         minRows: 3,
-        maxRows: 20,
+        maxRows: 20
     };
 
-    input?:HTMLInputElement;
-    inputRef = (ref:any) => this.input = findDOMNode(ref) as HTMLInputElement;
+    input?: HTMLInputElement;
+    inputRef = (ref: any) => (this.input = findDOMNode(ref) as HTMLInputElement);
 
     focus() {
         if (!this.input) {
@@ -36,10 +33,8 @@ export default class TextAreaControl extends React.Component<TextAreaProps, any>
     }
 
     @autobind
-    handleChange(e:React.ChangeEvent<HTMLInputElement>) {
-        const {
-            onChange
-        } = this.props;
+    handleChange(e: React.ChangeEvent<HTMLInputElement>) {
+        const {onChange} = this.props;
 
         let value = e.currentTarget.value;
 
@@ -47,24 +42,17 @@ export default class TextAreaControl extends React.Component<TextAreaProps, any>
     }
 
     @autobind
-    handleFocus(e:React.FocusEvent<HTMLTextAreaElement>) {
-        const {
-            onFocus
-        } = this.props;
+    handleFocus(e: React.FocusEvent<HTMLTextAreaElement>) {
+        const {onFocus} = this.props;
 
         onFocus && onFocus(e);
     }
 
     @autobind
-    handleBlur(e:React.FocusEvent<HTMLTextAreaElement>) {
-        const {
-            onBlur,
-            trimContents,
-            value,
-            onChange
-        } = this.props;
+    handleBlur(e: React.FocusEvent<HTMLTextAreaElement>) {
+        const {onBlur, trimContents, value, onChange} = this.props;
 
-        if (trimContents && value && typeof value === "string") {
+        if (trimContents && value && typeof value === 'string') {
             onChange(value.trim());
         }
 
@@ -72,17 +60,7 @@ export default class TextAreaControl extends React.Component<TextAreaProps, any>
     }
 
     render() {
-        const {
-            className,
-            classPrefix: ns,
-            value,
-            type,
-            placeholder,
-            disabled,
-            minRows,
-            maxRows,
-            name
-        } = this.props;
+        const {className, classPrefix: ns, value, type, placeholder, disabled, minRows, maxRows, name} = this.props;
         return (
             <Textarea
                 autoComplete="off"
@@ -91,7 +69,13 @@ export default class TextAreaControl extends React.Component<TextAreaProps, any>
                 disabled={disabled}
                 type={type}
                 className={cx(`${ns}TextareaControl`, className)}
-                value={typeof value === 'undefined' || value === null ? '' : typeof value === 'string' ? value : JSON.stringify(value)}
+                value={
+                    typeof value === 'undefined' || value === null
+                        ? ''
+                        : typeof value === 'string'
+                        ? value
+                        : JSON.stringify(value)
+                }
                 placeholder={placeholder}
                 minRows={minRows}
                 maxRows={maxRows}
@@ -103,9 +87,7 @@ export default class TextAreaControl extends React.Component<TextAreaProps, any>
     }
 }
 
-
 @FormItem({
     type: 'textarea'
 })
-export class TextAreaControlRenderer extends TextAreaControl {};
-
+export class TextAreaControlRenderer extends TextAreaControl {}
diff --git a/src/renderers/Form/TransferSelect.tsx b/src/renderers/Form/TransferSelect.tsx
index e9b688780..654688df9 100644
--- a/src/renderers/Form/TransferSelect.tsx
+++ b/src/renderers/Form/TransferSelect.tsx
@@ -1,15 +1,8 @@
 import React from 'react';
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from './Options';
-import {
-    xorBy,
-    find
-} from 'lodash';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
+import {xorBy, find} from 'lodash';
 import Checkbox from '../../components/Checkbox';
-import { closeIcon, Icon } from '../../components/icons';
+import {closeIcon, Icon} from '../../components/icons';
 
 export interface TransferSelectProps extends OptionsControlProps {
     viewMode?: 'table' | 'normal';
@@ -40,7 +33,7 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
         selectedTitle: '已选',
         columns: [],
         searchable: true
-    }
+    };
 
     constructor(props: TransferSelectProps) {
         super(props);
@@ -54,9 +47,7 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     componentDidMount() {
-        const {
-            options
-        } = this.props;
+        const {options} = this.props;
 
         if (options && Array.isArray(options)) {
             this.setState({
@@ -66,9 +57,7 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     componentDidUpdate(prevProps: TransferSelectProps) {
-        const {
-            options,
-        } = this.props;
+        const {options} = this.props;
 
         if (options && prevProps.options !== options) {
             this.setState({
@@ -79,18 +68,12 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     handleCheck(checkedItem: Option | any) {
-        const {
-            selectedOptions,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField
-        } = this.props;
+        const {selectedOptions, onChange, joinValues, extractValue, delimiter, valueField} = this.props;
 
-        let newValue: any = selectedOptions.length === 0
-            ? [checkedItem]
-            : xorBy(selectedOptions.concat(), [checkedItem], valueField || 'value');
+        let newValue: any =
+            selectedOptions.length === 0
+                ? [checkedItem]
+                : xorBy(selectedOptions.concat(), [checkedItem], valueField || 'value');
 
         if (joinValues) {
             newValue = newValue.map((item: any) => item[valueField || 'value']).join(delimiter || ',');
@@ -102,26 +85,20 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     handleCheckAll() {
-        const {
-            filteredOptions
-        } = this.state;
+        const {filteredOptions} = this.state;
 
-        const {
-            selectedOptions,
-            onChange,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField
-        } = this.props;
+        const {selectedOptions, onChange, joinValues, extractValue, delimiter, valueField} = this.props;
 
         let newValue;
 
         if (selectedOptions.length === filteredOptions.length) {
             newValue = '';
         } else {
-            newValue = joinValues ? filteredOptions.map((item: any) => item[valueField || 'value']).join(delimiter || '')
-                : extractValue ? filteredOptions.map((item: any) => item[valueField || 'value']) : filteredOptions;
+            newValue = joinValues
+                ? filteredOptions.map((item: any) => item[valueField || 'value']).join(delimiter || '')
+                : extractValue
+                ? filteredOptions.map((item: any) => item[valueField || 'value'])
+                : filteredOptions;
         }
 
         onChange(newValue);
@@ -132,11 +109,7 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     handleSearch(e: React.ChangeEvent<HTMLInputElement>) {
-        const {
-            viewMode,
-            searchField,
-            options
-        } = this.props;
+        const {viewMode, searchField, options} = this.props;
 
         let newOptions = [];
         const keyword = e.target.value.toLowerCase();
@@ -145,7 +118,9 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
             newOptions = options;
         } else {
             newOptions = options.filter((option: Option) => {
-                return (option[viewMode === 'table' ? searchField : 'label'] as string).toLowerCase().indexOf(keyword) > -1;
+                return (
+                    (option[viewMode === 'table' ? searchField : 'label'] as string).toLowerCase().indexOf(keyword) > -1
+                );
             });
         }
         this.setState({
@@ -160,9 +135,7 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     renderTable() {
-        const {
-            filteredOptions
-        } = this.state;
+        const {filteredOptions} = this.state;
 
         const {
             classnames: cx,
@@ -188,7 +161,7 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
                                     value={this.state.keyword}
                                     onChange={this.handleSearch}
                                 />
-                                <i className="fa fa-search"></i>
+                                <i className="fa fa-search" />
                             </div>
                         </div>
                     ) : null}
@@ -203,8 +176,7 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
                                         partial={selectedOptions.length !== filteredOptions.length}
                                         checked={selectedOptions.length > 0}
                                         onChange={this.handleCheckAll}
-                                    >
-                                    </Checkbox>
+                                    />
                                 </th>
                                 {columns.map((column: any, columnIndex: number) => (
                                     <th key={columnIndex}>{column.label}</th>
@@ -225,33 +197,29 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
                                             classPrefix={ns}
                                             value={false}
                                             checked={find(selectedOptions, (selectedOption: any) => {
-                                                return selectedOption[valueField || 'value'] === option[valueField || 'value'];
+                                                return (
+                                                    selectedOption[valueField || 'value'] ===
+                                                    option[valueField || 'value']
+                                                );
                                             })}
                                             onChange={this.handleCheck.bind(this, option)}
-                                        >
-                                        </Checkbox>
+                                        />
                                     </td>
                                     {columns.map((column: any, columnIndex: number) => {
                                         let text = option[column.name] + '';
-                                        return (
-                                            <td key={columnIndex}>
-                                                {text}
-                                            </td>
-                                        );
+                                        return <td key={columnIndex}>{text}</td>;
                                     })}
                                 </tr>
                             ))}
                         </tbody>
                     </table>
                 </div>
-            </div >
+            </div>
         );
     }
 
     renderNormal() {
-        const {
-            filteredOptions
-        } = this.state;
+        const {filteredOptions} = this.state;
 
         const {
             classnames: cx,
@@ -269,9 +237,9 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
                 <div className={cx('TransferSelect-heading')}>
                     <span>{`${allTitle}（${selectedOptions.length}/${filteredOptions.length}）`}</span>
                     {selectedOptions.length < filteredOptions.length ? (
-                        <span
-                            onClick={this.handleCheckAll}
-                            className={cx('TransferSelect-selectAll')}>全部选择</span>
+                        <span onClick={this.handleCheckAll} className={cx('TransferSelect-selectAll')}>
+                            全部选择
+                        </span>
                     ) : null}
                 </div>
                 <div className={cx('TransferSelect-body')}>
@@ -283,26 +251,33 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
                                     autoComplete="off"
                                     onChange={this.handleSearch}
                                 />
-                                <i className="fa fa-search"></i>
+                                <i className="fa fa-search" />
                             </div>
                         </div>
                     ) : null}
                     <ul>
-                        {filteredOptions.length > 0 ? filteredOptions.map((option: any, optionIndex: number) => (
-                            <li key={optionIndex}>
-                                <Checkbox
-                                    classPrefix={ns}
-                                    checked={!!find(selectedOptions, (selectedOption: any) => {
-                                        return selectedOption[valueField || 'value'] === option[valueField || 'value'];
-                                    })}
-                                    onChange={this.handleCheck.bind(this, option)}
-                                >
-                                    {option[labelField || 'label']}
-                                </Checkbox>
-                            </li>
-                        )) : (
-                                <li>暂无数据</li>
-                            )}
+                        {filteredOptions.length > 0 ? (
+                            filteredOptions.map((option: any, optionIndex: number) => (
+                                <li key={optionIndex}>
+                                    <Checkbox
+                                        classPrefix={ns}
+                                        checked={
+                                            !!find(selectedOptions, (selectedOption: any) => {
+                                                return (
+                                                    selectedOption[valueField || 'value'] ===
+                                                    option[valueField || 'value']
+                                                );
+                                            })
+                                        }
+                                        onChange={this.handleCheck.bind(this, option)}
+                                    >
+                                        {option[labelField || 'label']}
+                                    </Checkbox>
+                                </li>
+                            ))
+                        ) : (
+                            <li>暂无数据</li>
+                        )}
                     </ul>
                 </div>
             </div>
@@ -310,49 +285,38 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     renderAction() {
-        const {
-            classnames: cx
-        } = this.props;
+        const {classnames: cx} = this.props;
 
         return (
             <div className={cx('TransferSelect-action')}>
-                <span className={cx('TransferSelect-actionIcon')}></span>
+                <span className={cx('TransferSelect-actionIcon')} />
             </div>
         );
     }
 
     renderTableSelectedOptions() {
-        const {
-            classnames: cx,
-            selectedOptions,
-            selectedTitle,
-            labelField,
-            columns
-        } = this.props;
+        const {classnames: cx, selectedOptions, selectedTitle, labelField, columns} = this.props;
 
         return (
             <div className={cx('TransferSelect-selectedOptions', 'TransferSelect-selectedOptions--table')}>
                 <div className={cx('TransferSelect-heading')}>
                     <span>{`${selectedTitle}（${selectedOptions.length}）`}</span>
                     {selectedOptions.length > 0 ? (
-                        <span
-                            onClick={this.handleClear}
-                            className={cx('TransferSelect-clearAll')}>全部清除</span>
+                        <span onClick={this.handleClear} className={cx('TransferSelect-clearAll')}>
+                            全部清除
+                        </span>
                     ) : null}
                 </div>
                 <div className={cx('TransferSelect-body')}>
                     <table className={cx('Table-table')}>
                         <thead>
                             <tr>
-                                <th>{find(columns, (column => column.name === labelField)).label}</th>
+                                <th>{find(columns, column => column.name === labelField).label}</th>
                             </tr>
                         </thead>
                         <tbody>
                             {selectedOptions.map((option: Option, optionIndex: number) => (
-                                <tr
-                                    className={cx('Table-tr--odd')}
-                                    key={optionIndex}
-                                >
+                                <tr className={cx('Table-tr--odd')} key={optionIndex}>
                                     <td>
                                         {option[labelField || 'label']}
                                         <a
@@ -372,21 +336,16 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     renderNormalSelectedOptions() {
-        const {
-            classnames: cx,
-            selectedOptions,
-            selectedTitle,
-            labelField
-        } = this.props;
+        const {classnames: cx, selectedOptions, selectedTitle, labelField} = this.props;
 
         return (
             <div className={cx('TransferSelect-selectedOptions', 'TransferSelect-selectedOptions--normal')}>
                 <div className={cx('TransferSelect-heading')}>
                     <span>{`${selectedTitle}（${selectedOptions.length}）`}</span>
                     {selectedOptions.length > 0 ? (
-                        <span
-                            onClick={this.handleClear}
-                            className={cx('TransferSelect-clearAll')}>全部清除</span>
+                        <span onClick={this.handleClear} className={cx('TransferSelect-clearAll')}>
+                            全部清除
+                        </span>
                     ) : null}
                 </div>
                 <div className={cx('TransferSelect-body')}>
@@ -394,7 +353,12 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
                         {selectedOptions.map((option: any, optionIndex: number) => (
                             <li key={optionIndex}>
                                 {option[labelField || 'label']}
-                                <a onClick={this.handleCheck.bind(this, option)} className={cx('TransferSelect-option-close')}>{closeIcon}</a>
+                                <a
+                                    onClick={this.handleCheck.bind(this, option)}
+                                    className={cx('TransferSelect-option-close')}
+                                >
+                                    {closeIcon}
+                                </a>
                             </li>
                         ))}
                     </ul>
@@ -404,36 +368,34 @@ export class TransferSelect extends React.Component<TransferSelectProps, Transfe
     }
 
     render() {
-        const {
-            className,
-            classnames: cx,
-            render,
-            viewMode,
-            loading
-        } = this.props;
+        const {className, classnames: cx, render, viewMode, loading} = this.props;
         return (
             <div className={cx('TransferSelectControl', className)}>
-
                 {viewMode === 'table' ? this.renderTable() : this.renderNormal()}
 
                 {this.renderAction()}
 
                 {viewMode === 'table' ? this.renderTableSelectedOptions() : this.renderNormalSelectedOptions()}
 
-                {loading ? render('loading', {
-                    type: 'spinner',
-                    overlay: true,
-                }, {
-                        size: 'lg',
-                        key: 'info'
-                    }
-                ) : null}
+                {loading
+                    ? render(
+                          'loading',
+                          {
+                              type: 'spinner',
+                              overlay: true
+                          },
+                          {
+                              size: 'lg',
+                              key: 'info'
+                          }
+                      )
+                    : null}
             </div>
         );
     }
 }
 
 @OptionsControl({
-    type: 'transfer-select',
+    type: 'transfer-select'
 })
-export class TransferSelectControlRenderer extends TransferSelect { };
\ No newline at end of file
+export class TransferSelectControlRenderer extends TransferSelect {}
diff --git a/src/renderers/Form/Tree.tsx b/src/renderers/Form/Tree.tsx
index a21f3214a..c595d50f1 100644
--- a/src/renderers/Form/Tree.tsx
+++ b/src/renderers/Form/Tree.tsx
@@ -1,10 +1,7 @@
 import React from 'react';
 import cx from 'classnames';
 import TreeSelector from '../../components/Tree';
-import {
-    OptionsControl,
-    OptionsControlProps
-} from './Options';
+import {OptionsControl, OptionsControlProps} from './Options';
 
 export interface TreeProps extends OptionsControlProps {
     placeholder?: any;
@@ -15,17 +12,17 @@ export interface TreeProps extends OptionsControlProps {
     cascade?: boolean; // 父子之间是否完全独立。
     withChildren?: boolean; // 选父级的时候是否把子节点的值也包含在内。
     onlyChildren?: boolean; // 选父级的时候，是否只把子节点的值包含在内
-};
+}
 
 export default class TreeControl extends React.Component<TreeProps, any> {
-    static defaultProps:Partial<TreeProps> = {
+    static defaultProps: Partial<TreeProps> = {
         placeholder: '选项加载中...',
         multiple: false,
         hideRoot: false,
         rootLabel: '顶级',
         rootValue: '',
-        showIcon: true,
-    }
+        showIcon: true
+    };
 
     reload() {
         const reload = this.props.reloadOptions;
@@ -63,10 +60,11 @@ export default class TreeControl extends React.Component<TreeProps, any> {
 
         return (
             <div className={cx(`${ns}TreeControl`, className)}>
-                {loading ?  render('loading', {
-                    type: 'spinner'
-                }) : 
-                (
+                {loading ? (
+                    render('loading', {
+                        type: 'spinner'
+                    })
+                ) : (
                     <TreeSelector
                         classPrefix={ns}
                         valueField={valueField}
@@ -100,7 +98,6 @@ export default class TreeControl extends React.Component<TreeProps, any> {
 }
 
 @OptionsControl({
-    type: 'tree',
+    type: 'tree'
 })
-export class TreeControlRenderer extends TreeControl {};
-
+export class TreeControlRenderer extends TreeControl {}
diff --git a/src/renderers/Form/TreeSelect.tsx b/src/renderers/Form/TreeSelect.tsx
index 4ea4a1ce4..c18449d83 100644
--- a/src/renderers/Form/TreeSelect.tsx
+++ b/src/renderers/Form/TreeSelect.tsx
@@ -3,12 +3,8 @@ import cx from 'classnames';
 import Overlay from '../../components/Overlay';
 import PopOver from '../../components/PopOver';
 
-import {
-    OptionsControl,
-    OptionsControlProps,
-    Option
-} from './Options';
-import { Icon } from '../../components/icons';
+import {OptionsControl, OptionsControlProps, Option} from './Options';
+import {Icon} from '../../components/icons';
 import TreeSelector from '../../components/Tree';
 import matchSorter from 'match-sorter';
 import debouce = require('lodash/debounce');
@@ -19,13 +15,13 @@ import {isEffectiveApi} from '../../utils/api';
 export interface TreeSelectProps extends OptionsControlProps {
     placeholder?: any;
     autoComplete?: Api;
-};
+}
 
 export interface TreeSelectState {
     isOpened: boolean;
     isFocused: boolean;
     inputValue: string;
-};
+}
 
 export default class TreeSelectControl extends React.Component<TreeSelectProps, TreeSelectState> {
     static defaultProps = {
@@ -44,14 +40,14 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
     };
 
     container: React.RefObject<HTMLDivElement>;
-    target:React.RefObject<HTMLDivElement>;
+    target: React.RefObject<HTMLDivElement>;
     input: React.RefObject<HTMLInputElement> = React.createRef();
 
     cache: {
-        [propName: string]: any
+        [propName: string]: any;
     } = {};
 
-    constructor(props:TreeSelectProps) {
+    constructor(props: TreeSelectProps) {
         super(props);
 
         this.state = {
@@ -59,7 +55,7 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
             isOpened: false,
             isFocused: false
         };
-        
+
         this.open = this.open.bind(this);
         this.close = this.close.bind(this);
         this.handleChange = this.handleChange.bind(this);
@@ -88,47 +84,48 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
             return;
         }
 
-        this.setState({
-            isOpened: true
-        }, fn);
+        this.setState(
+            {
+                isOpened: true
+            },
+            fn
+        );
     }
 
     close() {
-        this.setState({
-            isOpened: false,
-            inputValue: this.props.multiple ? this.state.inputValue : ''
-        }, () => this.loadRemote(this.state.inputValue))
+        this.setState(
+            {
+                isOpened: false,
+                inputValue: this.props.multiple ? this.state.inputValue : ''
+            },
+            () => this.loadRemote(this.state.inputValue)
+        );
     }
 
     handleFocus() {
         this.setState({
             isFocused: true
-        })
+        });
     }
 
     handleBlur() {
         this.setState({
             isFocused: false
-        })
+        });
     }
 
     handleClick() {
         this.state.isOpened ? this.close() : this.open(() => this.input.current && this.input.current.focus());
     }
-    
-    handleKeyPress(e:React.KeyboardEvent) {
+
+    handleKeyPress(e: React.KeyboardEvent) {
         if (e.key === ' ') {
             this.handleClick();
         }
     }
 
-    validate():any {
-        const {
-            value,
-            minLength,
-            maxLength,
-            delimiter
-        } = this.props;
+    validate(): any {
+        const {value, minLength, maxLength, delimiter} = this.props;
 
         let curValue = Array.isArray(value) ? value : (value ? String(value) : '').split(delimiter || ',');
         if (minLength && curValue.length < minLength) {
@@ -138,16 +135,8 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
         }
     }
 
-    removeItem(index:number, e?: React.MouseEvent<HTMLElement>) {
-        const {
-            selectedOptions,
-            joinValues,
-            extractValue,
-            delimiter,
-            valueField,
-            onChange,
-            disabled
-        } = this.props;
+    removeItem(index: number, e?: React.MouseEvent<HTMLElement>) {
+        const {selectedOptions, joinValues, extractValue, delimiter, valueField, onChange, disabled} = this.props;
 
         e && e.stopPropagation();
 
@@ -158,7 +147,7 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
         const items = selectedOptions.concat();
         items.splice(index, 1);
 
-        let value:any = items;
+        let value: any = items;
 
         if (joinValues) {
             value = items.map((item: any) => item[valueField || 'value']).join(delimiter || ',');
@@ -169,85 +158,72 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
         onChange(value);
     }
 
-    handleChange(value:any) {
-        const {
-            onChange,
-            multiple
-        } = this.props;
+    handleChange(value: any) {
+        const {onChange, multiple} = this.props;
 
         if (!multiple) {
             this.close();
         }
 
-        multiple || !this.state.inputValue ? onChange(value) : this.setState({
-            inputValue: ''
-        }, () => onChange(value));
-    }
-    
-    handleInputChange(e:React.ChangeEvent<HTMLInputElement>) {
-        const {
-            autoComplete,
-            data
-        } = this.props;
-
-        this.setState({
-            inputValue: e.currentTarget.value
-        }, isEffectiveApi(autoComplete, data) ? () => this.loadRemote(this.state.inputValue) : undefined);
+        multiple || !this.state.inputValue
+            ? onChange(value)
+            : this.setState(
+                  {
+                      inputValue: ''
+                  },
+                  () => onChange(value)
+              );
     }
 
-    handleInputKeyDown(event:React.KeyboardEvent) {
+    handleInputChange(e: React.ChangeEvent<HTMLInputElement>) {
+        const {autoComplete, data} = this.props;
+
+        this.setState(
+            {
+                inputValue: e.currentTarget.value
+            },
+            isEffectiveApi(autoComplete, data) ? () => this.loadRemote(this.state.inputValue) : undefined
+        );
+    }
+
+    handleInputKeyDown(event: React.KeyboardEvent) {
         const inputValue = this.state.inputValue;
-        const {
-            multiple,
-            selectedOptions,
-        } = this.props;
-        
+        const {multiple, selectedOptions} = this.props;
+
         if (event.key === 'Backspace' && !inputValue && selectedOptions.length && multiple) {
             this.removeItem(selectedOptions.length - 1);
         }
     }
 
     clearValue() {
-        const {
-            onChange,
-            resetValue
-        } = this.props;
+        const {onChange, resetValue} = this.props;
 
         onChange(typeof resetValue === 'undefined' ? '' : resetValue);
     }
 
-    filterOptions(options:Array<Option>, keywords:string):Array<Option> {
-        const {
-            labelField,
-            valueField
-        } = this.props;
+    filterOptions(options: Array<Option>, keywords: string): Array<Option> {
+        const {labelField, valueField} = this.props;
 
-        return options
-            .map((option) => {
-                option = {
-                    ...option
-                }
-                option.visible = !!(matchSorter([option], keywords, {keys: [labelField || 'label', valueField || 'value']}).length);
-                
-                if (!option.visible && option.children) {
-                    option.children = this.filterOptions(option.children, keywords);
-                    const visibleCount = option.children.filter(item => item.visible).length;
-                    option.visible = !!visibleCount;
-                }
+        return options.map(option => {
+            option = {
+                ...option
+            };
+            option.visible = !!matchSorter([option], keywords, {keys: [labelField || 'label', valueField || 'value']})
+                .length;
 
-                option.visible && (option.collapsed = false);
-                return option;
-            });
+            if (!option.visible && option.children) {
+                option.children = this.filterOptions(option.children, keywords);
+                const visibleCount = option.children.filter(item => item.visible).length;
+                option.visible = !!visibleCount;
+            }
+
+            option.visible && (option.collapsed = false);
+            return option;
+        });
     }
 
-    loadRemote(input:string) {
-        const {
-            autoComplete,
-            env,
-            data,
-            setOptions,
-            setLoading,
-        } = this.props;
+    loadRemote(input: string) {
+        const {autoComplete, env, data, setOptions, setLoading} = this.props;
 
         if (!isEffectiveApi(autoComplete, data)) {
             return;
@@ -255,17 +231,16 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
             throw new Error('fetcher is required');
         }
 
-        if (this.cache[input] || ~input.indexOf('\'')/*中文没输完 233*/) {
+        if (this.cache[input] || ~input.indexOf("'") /*中文没输完 233*/) {
             let options = this.cache[input] || [];
             let combinedOptions = this.mergeOptions(options);
             setOptions(combinedOptions);
 
             return Promise.resolve({
-                options: combinedOptions,
+                options: combinedOptions
             });
         }
 
-
         setLoading(true);
         return env
             .fetcher(autoComplete, {
@@ -274,26 +249,24 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
                 value: input
             })
             .then(ret => {
-                let options = ret.data && (ret.data as any).options || ret.data || [];
+                let options = (ret.data && (ret.data as any).options) || ret.data || [];
                 this.cache[input] = options;
                 let combinedOptions = this.mergeOptions(options);
                 setOptions(combinedOptions);
 
                 return Promise.resolve({
-                    options: combinedOptions,
+                    options: combinedOptions
                 });
             })
             .finally(() => setLoading(false));
     }
 
     mergeOptions(options: Array<object>) {
-        const {
-            selectedOptions,
-        } = this.props;
+        const {selectedOptions} = this.props;
         let combinedOptions = options.concat();
 
         if (Array.isArray(selectedOptions) && selectedOptions.length) {
-            selectedOptions.forEach((option) => {
+            selectedOptions.forEach(option => {
                 if (!find(combinedOptions, (item: Option) => item.value == option.value)) {
                     combinedOptions.push({
                         ...option,
@@ -325,19 +298,30 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
             return null;
         }
 
-        return selectedOptions.length ? selectedOptions.map((item, index) => multiple ? (
-            <div key={index} className={cx(`TreeSelect-value`, {
-                disabled
-            })}>
-                <span className={cx("TreeSelect-valueIcon")} onClick={this.removeItem.bind(this, index)}>×</span>
-                <span className={cx("TreeSelect-valueLabel")}>{item[labelField||'label']}</span>
-            </div>
-        ): (
-            <div className={cx("TreeSelect-value")} key={index}>
-                {item[labelField||'label']}
-            </div>
-        )) : (
-            <span key="placeholder" className={cx("TreeSelect-placeholder")}>{placeholder}</span>
+        return selectedOptions.length ? (
+            selectedOptions.map((item, index) =>
+                multiple ? (
+                    <div
+                        key={index}
+                        className={cx(`TreeSelect-value`, {
+                            disabled
+                        })}
+                    >
+                        <span className={cx('TreeSelect-valueIcon')} onClick={this.removeItem.bind(this, index)}>
+                            ×
+                        </span>
+                        <span className={cx('TreeSelect-valueLabel')}>{item[labelField || 'label']}</span>
+                    </div>
+                ) : (
+                    <div className={cx('TreeSelect-value')} key={index}>
+                        {item[labelField || 'label']}
+                    </div>
+                )
+            )
+        ) : (
+            <span key="placeholder" className={cx('TreeSelect-placeholder')}>
+                {placeholder}
+            </span>
         );
     }
 
@@ -370,8 +354,10 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
             minLength
         } = this.props;
 
-        let filtedOptions = !isEffectiveApi(autoComplete) && searchable && this.state.inputValue ? this.filterOptions(options, this.state.inputValue) : options;
-
+        let filtedOptions =
+            !isEffectiveApi(autoComplete) && searchable && this.state.inputValue
+                ? this.filterOptions(options, this.state.inputValue)
+                : options;
 
         return (
             <Overlay
@@ -382,7 +368,7 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
             >
                 <PopOver
                     classPrefix={ns}
-                    className={`${ns}TreeSelect-popover`} 
+                    className={`${ns}TreeSelect-popover`}
                     style={{minWidth: this.target.current ? this.target.current.offsetWidth : undefined}}
                     onHide={this.close}
                     overlay
@@ -438,10 +424,7 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
         } = this.props;
 
         return (
-            <div 
-                ref={this.container}
-                className={cx(`TreeSelectControl`, className)}
-            >
+            <div ref={this.container} className={cx(`TreeSelectControl`, className)}>
                 <div
                     tabIndex={0}
                     onKeyPress={this.handleKeyPress}
@@ -461,7 +444,7 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
                     <div onClick={this.handleClick} className={cx('TreeSelect-input')}>
                         <div className={cx('TreeSelect-valueWrap')}>
                             {this.renderValues()}
-                            
+
                             {searchable || isEffectiveApi(autoComplete) ? (
                                 <input
                                     onChange={this.handleInputChange}
@@ -484,16 +467,20 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
                             ) : null}
                         </div>
 
-                        {clearable && !disabled && selectedOptions.length ? (<a onClick={this.clearValue} className={`${ns}TreeSelect-clear`}><Icon icon="close" className="icon" /></a>) : null}
+                        {clearable && !disabled && selectedOptions.length ? (
+                            <a onClick={this.clearValue} className={`${ns}TreeSelect-clear`}>
+                                <Icon icon="close" className="icon" />
+                            </a>
+                        ) : null}
 
                         {loading ? (
                             <span className={cx('TreeSelect-spinner')}>
                                 <i className={spinnerClassName} />
                             </span>
                         ) : null}
-                        <span className={cx('TreeSelect-arrow')}></span>
+                        <span className={cx('TreeSelect-arrow')} />
                     </div>
-                    
+
                     {this.state.isOpened ? this.renderOuter() : null}
                 </div>
             </div>
@@ -502,7 +489,6 @@ export default class TreeSelectControl extends React.Component<TreeSelectProps,
 }
 
 @OptionsControl({
-    type: 'tree-select',
+    type: 'tree-select'
 })
-export class TreeSelectControlRenderer extends TreeSelectControl {};
-
+export class TreeSelectControlRenderer extends TreeSelectControl {}
diff --git a/src/renderers/Form/index.tsx b/src/renderers/Form/index.tsx
index d5e156e00..59064f22c 100644
--- a/src/renderers/Form/index.tsx
+++ b/src/renderers/Form/index.tsx
@@ -1,61 +1,42 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
-    Renderer,
-    RendererProps
-} from '../../factory';
-import { observer } from "mobx-react";
+import {Renderer, RendererProps} from '../../factory';
+import {observer} from 'mobx-react';
 import {FormStore, IFormStore} from '../../store/form';
-import {
-    Api,
-    SchemaNode,
-    Schema,
-    Action,
-    ApiObject,
-    Payload
-} from '../../types';
-import {
-    filter, evalExpression
-} from '../../utils/tpl';
+import {Api, SchemaNode, Schema, Action, ApiObject, Payload} from '../../types';
+import {filter, evalExpression} from '../../utils/tpl';
 import cx from 'classnames';
 import getExprProperties from '../../utils/filter-schema';
-import {
-    promisify,
-    difference,
-    until,
-    noop,
-    isObject,
-    isVisible
-} from '../../utils/helper';
+import {promisify, difference, until, noop, isObject, isVisible} from '../../utils/helper';
 import debouce = require('lodash/debounce');
 import flatten = require('lodash/flatten');
 import find = require('lodash/find');
-import Scoped, { ScopedContext, IScopedContext } from '../../Scoped';
-import { IComboStore } from '../../store/combo';
+import Scoped, {ScopedContext, IScopedContext} from '../../Scoped';
+import {IComboStore} from '../../store/combo';
 import qs = require('qs');
-import { dataMapping } from '../../utils/tpl-builtin';
-import { isApiOutdated, isEffectiveApi } from '../../utils/api';
+import {dataMapping} from '../../utils/tpl-builtin';
+import {isApiOutdated, isEffectiveApi} from '../../utils/api';
 export type FormGroup = FormSchema & {
     title?: string;
     className?: string;
 };
 export type FormGroupNode = FormGroup | FormGroupArray;
-export interface FormGroupArray extends Array<FormGroupNode> {};
+export interface FormGroupArray extends Array<FormGroupNode> {}
 
 export interface FormSchema {
     fieldSetClassName?: string;
-    tabsClassName?:string;
+    tabsClassName?: string;
     controls?: SchemaNode;
     tabs?: FormGroupNode;
     fieldSet?: FormGroupNode;
-};
+}
 
 export interface FormHorizontal {
     leftFixed?: boolean | string;
     left: string | number;
     right: string | number;
     offset: string | number;
-};
+}
 
 export interface FormProps extends RendererProps, FormSchema {
     store: IFormStore;
@@ -89,16 +70,16 @@ export interface FormProps extends RendererProps, FormSchema {
     autoFocus?: boolean;
     horizontal: FormHorizontal;
     canAccessSuperData: boolean;
-    persistData: boolean;   // 开启本地缓存
+    persistData: boolean; // 开启本地缓存
     clearPersistDataAfterSubmit: boolean; // 提交成功后清空本地缓存
     trimValues?: boolean;
-    onInit?: (values:object) => any;
-    onReset?: (values:object) => void;
-    onSubmit?: (values:object, action:any) => any;
-    onChange?: (values:object, diff:object) => any;
-    onFailed?: (reason:string, errors:any) => any;
-    onFinished: (values:object, action:any) => any;
-    onValidate: (values:object, form:any) => any;
+    onInit?: (values: object) => any;
+    onReset?: (values: object) => void;
+    onSubmit?: (values: object, action: any) => any;
+    onChange?: (values: object, diff: object) => any;
+    onFailed?: (reason: string, errors: any) => any;
+    onFinished: (values: object, action: any) => any;
+    onValidate: (values: object, form: any) => any;
     messages: {
         fetchSuccess?: string;
         fetchFailed?: string;
@@ -130,40 +111,40 @@ export default class Form extends React.Component<FormProps, object> {
         },
         wrapperComponent: '',
         finishedField: 'finished',
-        initFinishedField: 'finished',
+        initFinishedField: 'finished'
     };
     static propsList: Array<string> = [
-        "title",
-        "controls",
-        "tabs",
-        "fieldSet",
-        "submitText",
-        "initFetch",
-        "wrapWithPanel",
-        "mode",
-        "collapsable",
-        "horizontal",
-        "panelClassName",
-        "messages",
-        "wrapperComponent",
-        "resetAfterSubmit",
-        "submitOnInit",
-        "submitOnChange",
-        "onInit",
-        "onReset",
-        "onSubmit",
-        "onChange",
-        "onFailed",
-        "onFinished",
-        "canAccessSuperData"
+        'title',
+        'controls',
+        'tabs',
+        'fieldSet',
+        'submitText',
+        'initFetch',
+        'wrapWithPanel',
+        'mode',
+        'collapsable',
+        'horizontal',
+        'panelClassName',
+        'messages',
+        'wrapperComponent',
+        'resetAfterSubmit',
+        'submitOnInit',
+        'submitOnChange',
+        'onInit',
+        'onReset',
+        'onSubmit',
+        'onChange',
+        'onFailed',
+        'onFinished',
+        'canAccessSuperData'
     ];
 
-    hooks:{
-        [propName:string]:Array<() => Promise<any>>
+    hooks: {
+        [propName: string]: Array<() => Promise<any>>;
     } = {};
-    asyncCancel:() => void;
+    asyncCancel: () => void;
     disposeOnValidate: () => void;
-    shouldLoadInitApi:boolean = false;
+    shouldLoadInitApi: boolean = false;
     timer: number;
     mounted: boolean;
     constructor(props: FormProps) {
@@ -191,11 +172,7 @@ export default class Form extends React.Component<FormProps, object> {
     }
 
     componentWillMount() {
-        const {
-            store,
-            canAccessSuperData,
-            persistData,
-        } = this.props;
+        const {store, canAccessSuperData, persistData} = this.props;
 
         store.setCanAccessSuperData(canAccessSuperData !== false);
         persistData && store.getPersistData();
@@ -216,10 +193,7 @@ export default class Form extends React.Component<FormProps, object> {
             initFinishedField,
             initCheckInterval,
             store,
-            messages: {
-                fetchSuccess,
-                fetchFailed
-            },
+            messages: {fetchSuccess, fetchFailed},
             onValidate
         } = this.props;
 
@@ -246,7 +220,7 @@ export default class Form extends React.Component<FormProps, object> {
                         } else {
                             item.clearError();
                         }
-                    })
+                    });
                 }
             });
         }
@@ -261,33 +235,34 @@ export default class Form extends React.Component<FormProps, object> {
                             return;
                         }
 
-                        return until(() => store.checkRemote(initAsyncApi, store.data)
-                            , (ret:any) => ret && ret[initFinishedField || 'finished']
-                            , (cancel) => this.asyncCancel = cancel
-                            , initCheckInterval);
+                        return until(
+                            () => store.checkRemote(initAsyncApi, store.data),
+                            (ret: any) => ret && ret[initFinishedField || 'finished'],
+                            cancel => (this.asyncCancel = cancel),
+                            initCheckInterval
+                        );
                     }
                 })
                 .then(this.initInterval)
                 .then(this.onInit);
         } else {
-            this.onInit()
+            this.onInit();
         }
     }
 
-    componentDidUpdate(prevProps:FormProps) {
+    componentDidUpdate(prevProps: FormProps) {
         const props = this.props;
         const store = props.store;
 
         if (isApiOutdated(prevProps.initApi, props.initApi, prevProps.data, props.data)) {
-            const {
-                fetchSuccess,
-                fetchFailed,
-            } = props;
-            
-            store.fetchData(props.initApi as Api, store.data, {
-                successMessage: fetchSuccess,
-                errorMessage: fetchFailed
-            }).then(this.initInterval);
+            const {fetchSuccess, fetchFailed} = props;
+
+            store
+                .fetchData(props.initApi as Api, store.data, {
+                    successMessage: fetchSuccess,
+                    errorMessage: fetchFailed
+                })
+                .then(this.initInterval);
         }
     }
 
@@ -306,22 +281,23 @@ export default class Form extends React.Component<FormProps, object> {
     }
 
     async onInit() {
-        const {
-            onInit,
-            store,
-            submitOnInit
-        } = this.props;
+        const {onInit, store, submitOnInit} = this.props;
 
         const data = store.data;
         store.setInited(true);
-        const hooks:Array<(data:any) => Promise<any>> = this.hooks['init'] || [];
+        const hooks: Array<(data: any) => Promise<any>> = this.hooks['init'] || [];
         await Promise.all(hooks.map(hook => hook(data)));
 
         onInit && onInit(data);
 
-        submitOnInit && this.handleAction(undefined, {
-            type: 'submit'
-        }, store.data);
+        submitOnInit &&
+            this.handleAction(
+                undefined,
+                {
+                    type: 'submit'
+                },
+                store.data
+            );
     }
 
     reload(query?: any, silent?: boolean) {
@@ -334,10 +310,7 @@ export default class Form extends React.Component<FormProps, object> {
             initApi,
             initAsyncApi,
             initFinishedField,
-            messages: {
-                fetchSuccess,
-                fetchFailed
-            }
+            messages: {fetchSuccess, fetchFailed}
         } = this.props;
 
         isEffectiveApi(initAsyncApi, store.data) &&
@@ -345,52 +318,51 @@ export default class Form extends React.Component<FormProps, object> {
                 [initFinishedField || 'finished']: false
             });
 
-        isEffectiveApi(initApi, store.data) 
-            ? store.fetchInitData(initApi, store.data, {
-                    successMessage: fetchSuccess,
-                    errorMessage: fetchFailed,
-                    silent,
-                    onSuccess: () => {
-                        if (!isEffectiveApi(initAsyncApi, store.data) || store.data[initFinishedField || 'finished']) {
-                            return;
-                        }
+        isEffectiveApi(initApi, store.data)
+            ? store
+                  .fetchInitData(initApi, store.data, {
+                      successMessage: fetchSuccess,
+                      errorMessage: fetchFailed,
+                      silent,
+                      onSuccess: () => {
+                          if (
+                              !isEffectiveApi(initAsyncApi, store.data) ||
+                              store.data[initFinishedField || 'finished']
+                          ) {
+                              return;
+                          }
 
-                        return until(() => store.checkRemote(initAsyncApi, store.data)
-                            , (ret:any) => ret && ret[initFinishedField || 'finished']
-                            , (cancel) => this.asyncCancel = cancel);
-                    }
-                })
-                .then(this.initInterval)
-                .then(() => store.reset(undefined, false))
+                          return until(
+                              () => store.checkRemote(initAsyncApi, store.data),
+                              (ret: any) => ret && ret[initFinishedField || 'finished'],
+                              cancel => (this.asyncCancel = cancel)
+                          );
+                      }
+                  })
+                  .then(this.initInterval)
+                  .then(() => store.reset(undefined, false))
             : store.reset(undefined, false);
     }
 
-    receive(values:object) {
-        const {
-            store
-        } = this.props;
+    receive(values: object) {
+        const {store} = this.props;
 
         store.updateData(values);
         this.reload();
     }
 
-    silentReload(target?: string, query?: any){
+    silentReload(target?: string, query?: any) {
         this.reload(query, true);
     }
 
     initInterval(value: any) {
-        const {
-            interval,
-            silentPolling,
-            stopAutoRefreshWhen,
-            data
-        } = this.props;
+        const {interval, silentPolling, stopAutoRefreshWhen, data} = this.props;
 
         clearTimeout(this.timer);
-        interval
-            && this.mounted
-            && (!stopAutoRefreshWhen || !evalExpression(stopAutoRefreshWhen, data))
-            && (this.timer = setTimeout(silentPolling ? this.silentReload : this.reload, Math.max(interval, 3000)));
+        interval &&
+            this.mounted &&
+            (!stopAutoRefreshWhen || !evalExpression(stopAutoRefreshWhen, data)) &&
+            (this.timer = setTimeout(silentPolling ? this.silentReload : this.reload, Math.max(interval, 3000)));
         return value;
     }
 
@@ -398,49 +370,39 @@ export default class Form extends React.Component<FormProps, object> {
         return this.props.store.validated;
     }
 
-    validate(forceValidate?: boolean):Promise<boolean> {
-        const {
-            store
-        } = this.props;
+    validate(forceValidate?: boolean): Promise<boolean> {
+        const {store} = this.props;
 
         return store.validate(this.hooks['validate'] || [], forceValidate);
     }
 
     clearErrors() {
-        const {
-            store
-        } = this.props;
+        const {store} = this.props;
 
         return store.clearErrors();
     }
 
-    submit(fn?:(values:object) => Promise<any>):Promise<any> {
-        const {
-            store,
-            messages
-        } = this.props;
+    submit(fn?: (values: object) => Promise<any>): Promise<any> {
+        const {store, messages} = this.props;
 
         return store.submit(fn, this.hooks['validate' || []], messages && messages.validateFailed);
     }
 
     reset() {
-        const {
-            store,
-            onReset
-        } = this.props;
+        const {store, onReset} = this.props;
         store.reset(onReset);
     }
 
-    addHook(fn: () => any, type:string = 'validate') {
+    addHook(fn: () => any, type: string = 'validate') {
         this.hooks[type] = this.hooks[type] || [];
         this.hooks[type].push(promisify(fn));
         return () => {
             this.removeHook(fn, type);
             fn = noop;
-        }
+        };
     }
 
-    removeHook(fn: () => any, type:string = 'validate') {
+    removeHook(fn: () => any, type: string = 'validate') {
         const hooks = this.hooks[type];
 
         if (!hooks) {
@@ -458,28 +420,39 @@ export default class Form extends React.Component<FormProps, object> {
         }
     }
 
-    handleChange(value:any, name:string, submit:boolean) {
-        const {
-            onChange,
-            store,
-            submitOnChange
-        } = this.props;
+    handleChange(value: any, name: string, submit: boolean) {
+        const {onChange, store, submitOnChange} = this.props;
 
         onChange && onChange(store.data, difference(store.data, store.pristine));
 
-        (submit || submitOnChange) && this.handleAction(undefined, {
-            type: 'submit'
-        }, store.data);
+        (submit || submitOnChange) &&
+            this.handleAction(
+                undefined,
+                {
+                    type: 'submit'
+                },
+                store.data
+            );
     }
 
-    handleFormSubmit(e:React.UIEvent<any>) {
+    handleFormSubmit(e: React.UIEvent<any>) {
         e.preventDefault();
-        return this.handleAction(e, {
-            type: 'submit'
-        }, this.props.store.data)
+        return this.handleAction(
+            e,
+            {
+                type: 'submit'
+            },
+            this.props.store.data
+        );
     }
 
-    handleAction(e: React.UIEvent<any> | void, action: Action, data: object, throwErrors: boolean = false, delegate?: boolean):any {
+    handleAction(
+        e: React.UIEvent<any> | void,
+        action: Action,
+        data: object,
+        throwErrors: boolean = false,
+        delegate?: boolean
+    ): any {
         const {
             store,
             onSubmit,
@@ -487,10 +460,7 @@ export default class Form extends React.Component<FormProps, object> {
             asyncApi,
             finishedField,
             checkInterval,
-            messages: {
-                saveSuccess,
-                saveFailed
-            },
+            messages: {saveSuccess, saveFailed},
             resetAfterSubmit,
             onAction,
             onSaved,
@@ -511,21 +481,19 @@ export default class Form extends React.Component<FormProps, object> {
         }
 
         if (Array.isArray(action.required) && action.required.length) {
-            return store
-                .validateFields(action.required)
-                .then(result => {
-                    if (!result) {
-                        env.notify('error', '依赖的部分字段没有通过验证，请注意填写！')
-                    } else {
-                        this.handleAction(e, {...action, required: undefined}, data, throwErrors, delegate);
-                    }
-                });
+            return store.validateFields(action.required).then(result => {
+                if (!result) {
+                    env.notify('error', '依赖的部分字段没有通过验证，请注意填写！');
+                } else {
+                    this.handleAction(e, {...action, required: undefined}, data, throwErrors, delegate);
+                }
+            });
         }
 
         delegate || store.setCurrentAction(action);
         if (action.type === 'submit' || action.actionType === 'submit' || action.actionType === 'confirm') {
-            return this
-                .submit((values):any => {
+            return this.submit(
+                (values): any => {
                     if (onSubmit && onSubmit(values, action) === false) {
                         return Promise.resolve(values);
                     }
@@ -541,39 +509,46 @@ export default class Form extends React.Component<FormProps, object> {
                     } else if (action.api || api) {
                         let finnalAsyncApi = action.asyncApi || asyncApi;
 
-                        isEffectiveApi(finnalAsyncApi, store.data) && store.updateData({
-                            [finishedField || 'finished']: false
-                        });
+                        isEffectiveApi(finnalAsyncApi, store.data) &&
+                            store.updateData({
+                                [finishedField || 'finished']: false
+                            });
 
                         return store
-                                .saveRemote(action.api || api as Api, values, {
-                                    successMessage: saveSuccess,
-                                    errorMessage: saveFailed,
-                                    onSuccess: () => {
-                                        if (!isEffectiveApi(finnalAsyncApi, store.data) || store.data[finishedField || 'finished']) {
-                                            return;
-                                        }
-
-                                        return until(() => store.checkRemote(finnalAsyncApi as Api, store.data)
-                                            , (ret:any) => ret && ret[finishedField || 'finished']
-                                            , (cancel) => this.asyncCancel = cancel
-                                            , checkInterval);
-                                    }
-                                })
-                                .then(async (response) => {
-                                    onSaved && onSaved(values, response);
-
-                                    // submit 也支持 feedback
-                                    if (action.feedback && isVisible(action.feedback, store.data)) {
-                                        await this.openFeedback(action.feedback, store.data);
+                            .saveRemote(action.api || (api as Api), values, {
+                                successMessage: saveSuccess,
+                                errorMessage: saveFailed,
+                                onSuccess: () => {
+                                    if (
+                                        !isEffectiveApi(finnalAsyncApi, store.data) ||
+                                        store.data[finishedField || 'finished']
+                                    ) {
+                                        return;
                                     }
 
-                                    return values;
-                                });
+                                    return until(
+                                        () => store.checkRemote(finnalAsyncApi as Api, store.data),
+                                        (ret: any) => ret && ret[finishedField || 'finished'],
+                                        cancel => (this.asyncCancel = cancel),
+                                        checkInterval
+                                    );
+                                }
+                            })
+                            .then(async response => {
+                                onSaved && onSaved(values, response);
+
+                                // submit 也支持 feedback
+                                if (action.feedback && isVisible(action.feedback, store.data)) {
+                                    await this.openFeedback(action.feedback, store.data);
+                                }
+
+                                return values;
+                            });
                     }
 
                     return Promise.resolve(values);
-                })
+                }
+            )
                 .then(values => {
                     if (onFinished && onFinished(values, action) === false) {
                         return values;
@@ -609,24 +584,24 @@ export default class Form extends React.Component<FormProps, object> {
             }
 
             return store
-                    .saveRemote(action.api as Api, data, {
-                        successMessage: action.messages && action.messages.success || saveSuccess,
-                        errorMessage: action.messages && action.messages.failed || saveFailed
-                    })
-                    .then(async (response) => {
-                        response && onChange && onChange(store.data, difference(store.data, store.pristine));
-                        if (store.validated) {
-                            await this.validate(true);
-                        }
+                .saveRemote(action.api as Api, data, {
+                    successMessage: (action.messages && action.messages.success) || saveSuccess,
+                    errorMessage: (action.messages && action.messages.failed) || saveFailed
+                })
+                .then(async response => {
+                    response && onChange && onChange(store.data, difference(store.data, store.pristine));
+                    if (store.validated) {
+                        await this.validate(true);
+                    }
 
-                        if (action.feedback && isVisible(action.feedback, store.data)) {
-                            await this.openFeedback(action.feedback, store.data);
-                        }
+                    if (action.feedback && isVisible(action.feedback, store.data)) {
+                        await this.openFeedback(action.feedback, store.data);
+                    }
 
-                        action.redirect && env.updateLocation(filter(action.redirect, store.data));
-                        action.reload && this.reloadTarget(action.reload, store.data);
-                    })
-                    .catch(() => { });
+                    action.redirect && env.updateLocation(filter(action.redirect, store.data));
+                    action.reload && this.reloadTarget(action.reload, store.data);
+                })
+                .catch(() => {});
         } else if (action.actionType === 'reload') {
             action.target && this.reloadTarget(action.target, data);
         } else if (onAction) {
@@ -635,13 +610,15 @@ export default class Form extends React.Component<FormProps, object> {
         }
     }
 
-    handleDialogConfirm(values: object[], action:Action, ctx:any, targets:Array<any>) {
-        const {
-            store,
-            onChange,
-        } = this.props;
+    handleDialogConfirm(values: object[], action: Action, ctx: any, targets: Array<any>) {
+        const {store, onChange} = this.props;
 
-        if ((action.mergeData || store.action.mergeData) && values.length === 1 && values[0] && targets[0].props.type === 'form') {
+        if (
+            (action.mergeData || store.action.mergeData) &&
+            values.length === 1 &&
+            values[0] &&
+            targets[0].props.type === 'form'
+        ) {
             store.updateData(values[0]);
             onChange && onChange(store.data, difference(store.data, store.pristine));
         }
@@ -650,19 +627,19 @@ export default class Form extends React.Component<FormProps, object> {
     }
 
     handleDialogClose() {
-        const {
-            store
-        } = this.props;
+        const {store} = this.props;
         store.closeDialog(false);
     }
 
-    handleDrawerConfirm(values: object[], action:Action, ctx:any, targets:Array<any>) {
-        const {
-            store,
-            onChange
-        } = this.props;
+    handleDrawerConfirm(values: object[], action: Action, ctx: any, targets: Array<any>) {
+        const {store, onChange} = this.props;
 
-        if ((action.mergeData || store.action.mergeData) && values.length === 1 && values[0] && targets[0].props.type === 'form') {
+        if (
+            (action.mergeData || store.action.mergeData) &&
+            values.length === 1 &&
+            values[0] &&
+            targets[0].props.type === 'form'
+        ) {
             store.updateData(values[0]);
             onChange && onChange(store.data, difference(store.data, store.pristine));
         }
@@ -671,47 +648,40 @@ export default class Form extends React.Component<FormProps, object> {
     }
 
     handleDrawerClose() {
-        const {
-            store
-        } = this.props;
+        const {store} = this.props;
         store.closeDrawer(false);
     }
 
-    submitToTarget(target:string, values:object) {
+    submitToTarget(target: string, values: object) {
         // 会被覆写
     }
 
-    reloadTarget(target:string, data?:any) {
+    reloadTarget(target: string, data?: any) {
         // 会被覆写
     }
 
-    openFeedback(dialog:any, ctx:any) {
-        return new Promise((resolve) => {
-            const {
-                store
-            } = this.props;
+    openFeedback(dialog: any, ctx: any) {
+        return new Promise(resolve => {
+            const {store} = this.props;
             store.setCurrentAction({
                 type: 'button',
                 actionType: 'dialog',
                 dialog: dialog
             });
-            store.openDialog(ctx, undefined, (confirmed) => {
-                resolve(confirmed)
+            store.openDialog(ctx, undefined, confirmed => {
+                resolve(confirmed);
             });
-        })
+        });
     }
 
     buildActions() {
-        const {
-            actions,
-            submitText,
-            controls
-        } = this.props;
+        const {actions, submitText, controls} = this.props;
 
         if (
-            typeof actions !== 'undefined'
-            || !submitText
-            || Array.isArray(controls) && controls.some(item => !!~['submit','button','reset','button-group'].indexOf((item as Schema).type))
+            typeof actions !== 'undefined' ||
+            !submitText ||
+            (Array.isArray(controls) &&
+                controls.some(item => !!~['submit', 'button', 'reset', 'button-group'].indexOf((item as Schema).type)))
         ) {
             return actions;
         }
@@ -725,14 +695,14 @@ export default class Form extends React.Component<FormProps, object> {
         ];
     }
 
-    renderFormItems(schema:FormSchema, region:string = '', otherProps: Partial<FormProps> = {}):React.ReactNode {
+    renderFormItems(schema: FormSchema, region: string = '', otherProps: Partial<FormProps> = {}): React.ReactNode {
         return this.renderControls(schema.controls as SchemaNode, region, otherProps);
 
         // return schema.tabs ? this.renderTabs(schema.tabs, schema, region)
         // : schema.fieldSet ? this.renderFiledSet(schema.fieldSet, schema, region) : this.renderControls(schema.controls as SchemaNode, schema, region);
     }
 
-    renderControls(controls:SchemaNode, region:string, otherProps: Partial<FormProps> = {}): React.ReactNode {
+    renderControls(controls: SchemaNode, region: string, otherProps: Partial<FormProps> = {}): React.ReactNode {
         controls = controls || [];
 
         if (!Array.isArray(controls)) {
@@ -742,8 +712,7 @@ export default class Form extends React.Component<FormProps, object> {
         if (this.props.mode === 'row') {
             const ns = this.props.classPrefix;
 
-            controls = flatten(controls)
-            .filter(item => {
+            controls = flatten(controls).filter(item => {
                 if ((item as Schema).hidden || (item as Schema).visible === false) {
                     return false;
                 }
@@ -754,7 +723,7 @@ export default class Form extends React.Component<FormProps, object> {
                 }
 
                 return true;
-            });;
+            });
 
             if (!controls.length) {
                 return null;
@@ -762,14 +731,18 @@ export default class Form extends React.Component<FormProps, object> {
 
             return (
                 <div className={`${ns}Form-row`}>
-                    {controls.map((control, key) => ~['hidden', 'formula'].indexOf((control as any).type) || (control as any).mode === "inline" ? this.renderControl(control, key, otherProps) : (
-                        <div key={key} className={cx(`${ns}Form-col`, (control as Schema).columnClassName)}>
-                            {this.renderControl(control, '', {
-                                ...otherProps,
-                                mode: 'row'
-                            })}
-                        </div>
-                    ))}
+                    {controls.map((control, key) =>
+                        ~['hidden', 'formula'].indexOf((control as any).type) || (control as any).mode === 'inline' ? (
+                            this.renderControl(control, key, otherProps)
+                        ) : (
+                            <div key={key} className={cx(`${ns}Form-col`, (control as Schema).columnClassName)}>
+                                {this.renderControl(control, '', {
+                                    ...otherProps,
+                                    mode: 'row'
+                                })}
+                            </div>
+                        )
+                    )}
                 </div>
             );
         }
@@ -777,7 +750,12 @@ export default class Form extends React.Component<FormProps, object> {
         return controls.map((control, key) => this.renderControl(control, key, otherProps, region));
     }
 
-    renderControl(control:SchemaNode, key:any = '', otherProps: Partial<FormProps> = {}, region:string = ''): React.ReactNode {
+    renderControl(
+        control: SchemaNode,
+        key: any = '',
+        otherProps: Partial<FormProps> = {},
+        region: string = ''
+    ): React.ReactNode {
         if (!control) {
             return null;
         } else if (typeof control === 'string') {
@@ -787,21 +765,12 @@ export default class Form extends React.Component<FormProps, object> {
             };
         }
 
-
         const props = {
             ...this.props,
             ...otherProps
         };
         const form = this.props.store;
-        const {
-            render,
-            mode,
-            horizontal,
-            store,
-            disabled,
-            controlWidth,
-            resolveDefinitions
-        } = props;
+        const {render, mode, horizontal, store, disabled, controlWidth, resolveDefinitions} = props;
 
         const subProps = {
             formStore: form,
@@ -821,10 +790,13 @@ export default class Form extends React.Component<FormProps, object> {
             formPristine: form.pristine
         };
 
-        const subSchema: any = control && (control as Schema).type === 'control' ? control : {
-            type: 'control',
-            control
-        };
+        const subSchema: any =
+            control && (control as Schema).type === 'control'
+                ? control
+                : {
+                      type: 'control',
+                      control
+                  };
 
         if (subSchema.control) {
             let control = subSchema.control as Schema;
@@ -832,7 +804,7 @@ export default class Form extends React.Component<FormProps, object> {
                 subSchema.control = control = {
                     ...resolveDefinitions(control.$ref),
                     ...control
-                }
+                };
                 delete control.$ref;
             }
             control.hiddenOn && (subSchema.hiddenOn = control.hiddenOn);
@@ -843,11 +815,7 @@ export default class Form extends React.Component<FormProps, object> {
     }
 
     renderBody() {
-        const {
-            tabs,
-            fieldSet,
-            controls
-        } = this.props;
+        const {tabs, fieldSet, controls} = this.props;
 
         return this.renderFormItems({
             tabs,
@@ -875,7 +843,8 @@ export default class Form extends React.Component<FormProps, object> {
             affixFooter,
             mode
         } = this.props;
-        const WrapperComponent= this.props.wrapperComponent || (/(?:\/|^)form\//.test($path as string) ? 'div' : 'form');
+        const WrapperComponent =
+            this.props.wrapperComponent || (/(?:\/|^)form\//.test($path as string) ? 'div' : 'form');
 
         let body = (
             <WrapperComponent
@@ -883,51 +852,67 @@ export default class Form extends React.Component<FormProps, object> {
                 className={cx(`Form`, `Form--${mode || 'normal'}`, className)}
                 noValidate
             >
-                {debug ? (<pre><code>{JSON.stringify(store.data, null, 2)}</code></pre>) : null}
+                {debug ? (
+                    <pre>
+                        <code>{JSON.stringify(store.data, null, 2)}</code>
+                    </pre>
+                ) : null}
 
                 {this.renderBody()}
 
-                {render('modal', {
-                    ...(store.action as Action) && (store.action as Action).dialog as object,
-                    type: 'dialog'
-                }, {
-                    key: 'dialog',
-                    data: store.dialogData,
-                    onConfirm: this.handleDialogConfirm,
-                    onClose: this.handleDialogClose,
-                    show: store.dialogOpen
-                })}
+                {render(
+                    'modal',
+                    {
+                        ...((store.action as Action) && ((store.action as Action).dialog as object)),
+                        type: 'dialog'
+                    },
+                    {
+                        key: 'dialog',
+                        data: store.dialogData,
+                        onConfirm: this.handleDialogConfirm,
+                        onClose: this.handleDialogClose,
+                        show: store.dialogOpen
+                    }
+                )}
 
-                {render('modal', {
-                    ...(store.action as Action) && (store.action as Action).drawer as object,
-                    type: 'drawer'
-                }, {
-                    key: 'drawer',
-                    data: store.drawerData,
-                    onConfirm: this.handleDrawerConfirm,
-                    onClose: this.handleDrawerClose,
-                    show: store.drawerOpen
-                })}
+                {render(
+                    'modal',
+                    {
+                        ...((store.action as Action) && ((store.action as Action).drawer as object)),
+                        type: 'drawer'
+                    },
+                    {
+                        key: 'drawer',
+                        data: store.drawerData,
+                        onConfirm: this.handleDrawerConfirm,
+                        onClose: this.handleDrawerClose,
+                        show: store.drawerOpen
+                    }
+                )}
             </WrapperComponent>
         );
 
         if (wrapWithPanel) {
-            body = render('body', {
-                type: 'panel',
-                title: title
-            }, {
-                className: cx(panelClassName, "Panel--form"),
-                children: body,
-                actions: this.buildActions(),
-                onAction: this.handleAction,
-                disabled: store.loading,
-                btnDisabled: store.loading || store.validating,
-                headerClassName,
-                footerClassName,
-                actionsClassName,
-                bodyClassName,
-                affixFooter
-            }) as JSX.Element;
+            body = render(
+                'body',
+                {
+                    type: 'panel',
+                    title: title
+                },
+                {
+                    className: cx(panelClassName, 'Panel--form'),
+                    children: body,
+                    actions: this.buildActions(),
+                    onAction: this.handleAction,
+                    disabled: store.loading,
+                    btnDisabled: store.loading || store.validating,
+                    headerClassName,
+                    footerClassName,
+                    actionsClassName,
+                    bodyClassName,
+                    affixFooter
+                }
+            ) as JSX.Element;
         }
 
         return body;
@@ -935,9 +920,9 @@ export default class Form extends React.Component<FormProps, object> {
 }
 
 @Renderer({
-    test: (path:string) => /(^|\/)form$/.test(path) && !/(^|\/)form(?:\/.+)?\/control\/form$/.test(path),
+    test: (path: string) => /(^|\/)form$/.test(path) && !/(^|\/)form(?:\/.+)?\/control\/form$/.test(path),
     storeType: FormStore.name,
-    name: "form",
+    name: 'form',
     isolateScope: true
 })
 export class FormRenderer extends Form {
@@ -955,7 +940,7 @@ export class FormRenderer extends Form {
         if (this.props.autoFocus) {
             const scoped = this.context as IScopedContext;
             const inputs = scoped.getComponents();
-            let focuableInput = find(inputs, (input:any) => input.focus);
+            let focuableInput = find(inputs, (input: any) => input.focus);
             focuableInput && setTimeout(() => focuableInput.focus(), 200);
         }
     }
@@ -969,28 +954,44 @@ export class FormRenderer extends Form {
         return this.handleAction(undefined, action, data, throwErrors);
     }
 
-    handleAction(e:React.UIEvent<any>|undefined, action:Action, ctx:object, throwErrors: boolean = false, delegate?: boolean) {
+    handleAction(
+        e: React.UIEvent<any> | undefined,
+        action: Action,
+        ctx: object,
+        throwErrors: boolean = false,
+        delegate?: boolean
+    ) {
         if (action.target && action.actionType !== 'reload') {
             const scoped = this.context as IScopedContext;
 
-            return Promise.all(action.target.split(',').map(name => {
-                let target = scoped.getComponentByName(name);
-                return target && target.doAction && target.doAction({
-                    ...action,
-                    target: undefined
-                }, ctx, throwErrors);
-            }));
-        } else  {
+            return Promise.all(
+                action.target.split(',').map(name => {
+                    let target = scoped.getComponentByName(name);
+                    return (
+                        target &&
+                        target.doAction &&
+                        target.doAction(
+                            {
+                                ...action,
+                                target: undefined
+                            },
+                            ctx,
+                            throwErrors
+                        )
+                    );
+                })
+            );
+        } else {
             return super.handleAction(e, action, ctx, throwErrors, delegate);
         }
     }
 
-    handleDialogConfirm(values: object[], action:Action, ctx:any, targets:Array<any>) {
+    handleDialogConfirm(values: object[], action: Action, ctx: any, targets: Array<any>) {
         super.handleDialogConfirm(values, action, ctx, targets);
 
         const store = this.props.store;
         const scoped = this.context as IScopedContext;
-        
+
         if (action.reload) {
             scoped.reload(action.reload, ctx);
         } else if (store.action && store.action.reload) {
@@ -998,26 +999,25 @@ export class FormRenderer extends Form {
         }
     }
 
-    submitToTarget(target:string, values:object) {
+    submitToTarget(target: string, values: object) {
         const scoped = this.context as IScopedContext;
         scoped.send(target, values);
     }
 
-    reloadTarget(target:string, data:any) {
+    reloadTarget(target: string, data: any) {
         const scoped = this.context as IScopedContext;
         scoped.reload(target, data);
     }
 
-    reload(target?:string, query?:any, ctx?:any) {
-
+    reload(target?: string, query?: any, ctx?: any) {
         if (query) {
             return this.receive(query);
         }
 
         const scoped = this.context as IScopedContext;
-        let subPath:string = '';
-        let idx:number;
-        let subQuery:any = null;
+        let subPath: string = '';
+        let idx: number;
+        let subQuery: any = null;
         if (target && ~(idx = target.indexOf('.'))) {
             subPath = target.substring(idx + 1);
             target = target.substring(0, idx);
@@ -1029,23 +1029,23 @@ export class FormRenderer extends Form {
         }
 
         let component;
-        if (target && (component = scoped.getComponentByName(target)) && component.reload)  {
+        if (target && (component = scoped.getComponentByName(target)) && component.reload) {
             component.reload(subPath, subQuery, ctx);
         } else if (target === '*') {
             super.reload();
             const components = scoped.getComponents();
-            components.forEach((component:any) => component.reload && component.reload('', subQuery, ctx));
+            components.forEach((component: any) => component.reload && component.reload('', subQuery, ctx));
         } else {
             super.reload();
         }
     }
 
-    receive(values:object, name?:string) {
+    receive(values: object, name?: string) {
         if (name) {
             const scoped = this.context as IScopedContext;
             const idx = name.indexOf('.');
             let subPath = '';
-            
+
             if (~idx) {
                 subPath = name.substring(1 + idx);
                 name = name.substring(0, idx);
@@ -1058,4 +1058,4 @@ export class FormRenderer extends Form {
 
         return super.receive(values);
     }
-};
+}
diff --git a/src/renderers/Grid.tsx b/src/renderers/Grid.tsx
index e53c05452..53efb2b1a 100644
--- a/src/renderers/Grid.tsx
+++ b/src/renderers/Grid.tsx
@@ -75,7 +75,7 @@ export default class Grid<T> extends React.Component<GridProps & T, object> {
         } = pick(column, ColProps);
 
         colProps = {
-            ...colProps,
+            ...colProps
         };
 
         const cx = this.props.classnames;
@@ -106,6 +106,6 @@ export default class Grid<T> extends React.Component<GridProps & T, object> {
 
 @Renderer({
     test: /(^|\/)grid$/,
-    name: 'grid',
+    name: 'grid'
 })
 export class GridRenderer extends Grid<{}> {}
diff --git a/src/renderers/HBox.tsx b/src/renderers/HBox.tsx
index c38296d93..4f698fa5c 100644
--- a/src/renderers/HBox.tsx
+++ b/src/renderers/HBox.tsx
@@ -35,7 +35,7 @@ export default class HBox extends React.Component<HBoxProps, object> {
         let style = {
             width: column.width,
             height: column.height,
-            ...column.style,
+            ...column.style
         };
 
         return (
@@ -58,6 +58,6 @@ export default class HBox extends React.Component<HBoxProps, object> {
 
 @Renderer({
     test: /(^|\/)hbox$/,
-    name: 'hbox',
+    name: 'hbox'
 })
 export class HBoxRenderer extends HBox {}
diff --git a/src/renderers/IFrame.tsx b/src/renderers/IFrame.tsx
index 98882aa46..61adbb262 100644
--- a/src/renderers/IFrame.tsx
+++ b/src/renderers/IFrame.tsx
@@ -13,14 +13,14 @@ export default class IFrame extends React.Component<IFrameProps, object> {
         className: '',
         width: '100%',
         height: '100%',
-        frameBorder: 0,
+        frameBorder: 0
     };
 
     render() {
         let {className, src, width, height, frameBorder, data, style} = this.props;
 
         style = {
-            ...style,
+            ...style
         };
 
         width !== void 0 && (style.width = width);
@@ -39,6 +39,6 @@ export default class IFrame extends React.Component<IFrameProps, object> {
 
 @Renderer({
     test: /(^|\/)iframe$/,
-    name: 'iframe',
+    name: 'iframe'
 })
 export class IFrameRenderer extends IFrame {}
diff --git a/src/renderers/Icon.tsx b/src/renderers/Icon.tsx
index 18c070efc..5b8c64282 100644
--- a/src/renderers/Icon.tsx
+++ b/src/renderers/Icon.tsx
@@ -8,7 +8,7 @@ export interface IconProps extends RendererProps {
 export class Icon extends React.Component<IconProps, object> {
     static defaultProps: Partial<IconProps> = {
         icon: '',
-        vendor: 'fa',
+        vendor: 'fa'
     };
 
     render() {
@@ -27,6 +27,6 @@ export class Icon extends React.Component<IconProps, object> {
 
 @Renderer({
     test: /(^|\/)icon$/,
-    name: 'icon',
+    name: 'icon'
 })
 export class TplRenderer extends Icon {}
diff --git a/src/renderers/Image.tsx b/src/renderers/Image.tsx
index b84c3f5f9..8bd75a34b 100644
--- a/src/renderers/Image.tsx
+++ b/src/renderers/Image.tsx
@@ -17,7 +17,7 @@ export class ImageField extends React.Component<ImageProps, object> {
     static defaultProps: Partial<ImageProps> = {
         className: 'thumb-lg',
         imageClassName: 'r',
-        defaultImage: 'https://fex.bdstatic.com/n/static/amis/renderers/crud/field/placeholder_cfad9b1.png',
+        defaultImage: 'https://fex.bdstatic.com/n/static/amis/renderers/crud/field/placeholder_cfad9b1.png'
     };
 
     render() {
@@ -30,7 +30,7 @@ export class ImageField extends React.Component<ImageProps, object> {
             data,
             imageClassName,
             classnames: cx,
-            src,
+            src
         } = this.props;
 
         const finnalSrc = src ? filter(src, data, '| raw') : '';
@@ -52,18 +52,18 @@ export class ImageField extends React.Component<ImageProps, object> {
 
 @Renderer({
     test: /(^|\/)image$/,
-    name: 'image',
+    name: 'image'
 })
 export class ImageFieldRenderer extends ImageField {}
 
 @Renderer({
-    test: /(^|\/)images$/,
+    test: /(^|\/)images$/
 })
 export class ImagesFieldRenderer extends ImageField {
     static defaultProps: Partial<ImageProps> = {
         ...ImageField.defaultProps,
         multiple: true,
-        delimiter: ',',
+        delimiter: ','
     };
 
     render() {
diff --git a/src/renderers/Link.tsx b/src/renderers/Link.tsx
index d973fd080..cdb605565 100644
--- a/src/renderers/Link.tsx
+++ b/src/renderers/Link.tsx
@@ -12,7 +12,7 @@ export interface LinkProps extends RendererProps {
 export class LinkField extends React.Component<LinkProps, object> {
     static defaultProps = {
         className: '',
-        blank: false,
+        blank: false
     };
 
     render() {
@@ -31,6 +31,6 @@ export class LinkField extends React.Component<LinkProps, object> {
 
 @Renderer({
     test: /(^|\/)link$/,
-    name: 'link',
+    name: 'link'
 })
 export class LinkFieldRenderer extends LinkField {}
diff --git a/src/renderers/List.tsx b/src/renderers/List.tsx
index 52bdad41f..ed8f7a163 100644
--- a/src/renderers/List.tsx
+++ b/src/renderers/List.tsx
@@ -68,7 +68,7 @@ export default class List extends React.Component<ListProps, object> {
         'itemDraggableOn',
         'actions',
         'items',
-        'valueField',
+        'valueField'
     ];
     static defaultProps: Partial<ListProps> = {
         className: '',
@@ -77,14 +77,14 @@ export default class List extends React.Component<ListProps, object> {
         selectable: false,
         headerClassName: '',
         footerClassName: '',
-        affixHeader: true,
+        affixHeader: true
     };
 
     dragTip?: HTMLElement;
     sortable?: Sortable;
     parentNode?: any;
     body?: any;
-    renderedToolbars:Array<string>;
+    renderedToolbars: Array<string>;
 
     constructor(props: ListProps) {
         super(props);
@@ -136,7 +136,7 @@ export default class List extends React.Component<ListProps, object> {
             multiple,
             hideCheckToggler,
             itemCheckableOn,
-            itemDraggableOn,
+            itemDraggableOn
         } = this.props;
 
         store.update({
@@ -147,7 +147,7 @@ export default class List extends React.Component<ListProps, object> {
             orderDir,
             hideCheckToggler,
             itemCheckableOn,
-            itemDraggableOn,
+            itemDraggableOn
         });
 
         List.syncItems(store, this.props);
@@ -180,7 +180,7 @@ export default class List extends React.Component<ListProps, object> {
                     'multiple',
                     'hideCheckToggler',
                     'itemCheckableOn',
-                    'itemDraggableOn',
+                    'itemDraggableOn'
                 ],
                 props,
                 nextProps
@@ -194,7 +194,7 @@ export default class List extends React.Component<ListProps, object> {
                 orderDir: nextProps.orderDir,
                 hideCheckToggler: nextProps.hideCheckToggler,
                 itemCheckableOn: nextProps.itemCheckableOn,
-                itemDraggableOn: nextProps.itemDraggableOn,
+                itemDraggableOn: nextProps.itemDraggableOn
             });
         }
 
@@ -282,7 +282,7 @@ export default class List extends React.Component<ListProps, object> {
                 null,
                 {
                     actionType: 'ajax',
-                    api: saveImmediately.api,
+                    api: saveImmediately.api
                 },
                 values
             );
@@ -374,7 +374,7 @@ export default class List extends React.Component<ListProps, object> {
                 }
 
                 store.exchange(e.oldIndex, e.newIndex);
-            },
+            }
         });
     }
 
@@ -395,7 +395,11 @@ export default class List extends React.Component<ListProps, object> {
             });
         }
 
-        if (region === 'header' && !~this.renderedToolbars.indexOf('drag-toggler') && (btn = this.renderDragToggler())) {
+        if (
+            region === 'header' &&
+            !~this.renderedToolbars.indexOf('drag-toggler') &&
+            (btn = this.renderDragToggler())
+        ) {
             actions.unshift({
                 type: 'button',
                 children: btn
@@ -409,12 +413,12 @@ export default class List extends React.Component<ListProps, object> {
                         `action/${key}`,
                         {
                             type: 'button',
-                            ...action,
+                            ...action
                         },
                         {
                             onAction: this.handleAction,
                             key,
-                            btnDisabled: store.dragging,
+                            btnDisabled: store.dragging
                         }
                     )
                 )}
@@ -489,7 +493,7 @@ export default class List extends React.Component<ListProps, object> {
             render,
             showHeader,
             store,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         if (showHeader === false) {
@@ -497,12 +501,15 @@ export default class List extends React.Component<ListProps, object> {
         }
 
         const child = headerToolbarRender
-            ? headerToolbarRender({
-                  ...this.props,
-                  selectedItems: store.selectedItems.map(item => item.data),
-                  items: store.items.map(item => item.data),
-                  unSelectedItems: store.unSelectedItems.map(item => item.data),
-            }, this.renderToolbar)
+            ? headerToolbarRender(
+                  {
+                      ...this.props,
+                      selectedItems: store.selectedItems.map(item => item.data),
+                      items: store.items.map(item => item.data),
+                      unSelectedItems: store.unSelectedItems.map(item => item.data)
+                  },
+                  this.renderToolbar
+              )
             : null;
         const actions = this.renderActions('header');
         const toolbarNode =
@@ -535,7 +542,7 @@ export default class List extends React.Component<ListProps, object> {
             render,
             showFooter,
             store,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         if (showFooter === false) {
@@ -543,15 +550,18 @@ export default class List extends React.Component<ListProps, object> {
         }
 
         const child = footerToolbarRender
-            ? footerToolbarRender({
-                ...this.props,
-                selectedItems: store.selectedItems.map(item => item.data),
-                items: store.items.map(item => item.data),
-                unSelectedItems: store.unSelectedItems.map(item => item.data),
-            }, this.renderToolbar)
+            ? footerToolbarRender(
+                  {
+                      ...this.props,
+                      selectedItems: store.selectedItems.map(item => item.data),
+                      items: store.items.map(item => item.data),
+                      unSelectedItems: store.unSelectedItems.map(item => item.data)
+                  },
+                  this.renderToolbar
+              )
             : null;
         const actions = this.renderActions('footer');
-        
+
         const toolbarNode =
             actions || child ? (
                 <div className={cx('List-toolbar', footerClassName)} key="footer-toolbar">
@@ -569,12 +579,8 @@ export default class List extends React.Component<ListProps, object> {
     }
 
     renderCheckAll() {
-        const {
-            store,
-            multiple,
-            selectable,
-        } = this.props;
-        
+        const {store, multiple, selectable} = this.props;
+
         if (!store.selectable || !multiple || !selectable || store.dragging || !store.items.length) {
             return null;
         }
@@ -593,13 +599,8 @@ export default class List extends React.Component<ListProps, object> {
     }
 
     renderDragToggler() {
-        const {
-            store,
-            multiple,
-            selectable,
-            env
-        } = this.props;
-        
+        const {store, multiple, selectable, env} = this.props;
+
         if (!store.draggable || store.items.length < 2) {
             return null;
         }
@@ -651,7 +652,7 @@ export default class List extends React.Component<ListProps, object> {
             checkOnItemClick,
             affixHeader,
             classnames: cx,
-            size,
+            size
         } = this.props;
 
         this.renderedToolbars = [];
@@ -662,7 +663,7 @@ export default class List extends React.Component<ListProps, object> {
             <div
                 className={cx('List', className, {
                     [`List--${size}`]: size,
-                    'List--unsaved': !!store.modified || !!store.moved,
+                    'List--unsaved': !!store.modified || !!store.moved
                 })}
                 ref={this.bodyRef}
             >
@@ -682,14 +683,14 @@ export default class List extends React.Component<ListProps, object> {
                                 `${index}`,
                                 {
                                     type: 'list-item',
-                                    ...listItem,
+                                    ...listItem
                                 },
                                 {
                                     key: item.index,
                                     className: cx(itemClassName, {
                                         'is-checked': item.checked,
                                         'is-modified': item.modified,
-                                        'is-moved': item.moved,
+                                        'is-moved': item.moved
                                     }),
                                     selectable: store.selectable,
                                     checkable: item.checkable,
@@ -704,7 +705,7 @@ export default class List extends React.Component<ListProps, object> {
                                     onAction,
                                     data: item.locals,
                                     onQuickChange: store.dragging ? null : this.handleQuickChange,
-                                    popOverContainer: this.getPopOverContainer,
+                                    popOverContainer: this.getPopOverContainer
                                 }
                             )
                         )}
@@ -722,7 +723,7 @@ export default class List extends React.Component<ListProps, object> {
 @Renderer({
     test: /(^|\/)(?:list|list-group)$/,
     storeType: ListStore.name,
-    name: 'list',
+    name: 'list'
 })
 export class ListRenderer extends List {
     dragging: boolean;
@@ -748,7 +749,7 @@ export interface ListItemProps extends RendererProps {
 export class ListItem extends React.Component<ListItemProps> {
     static defaultProps: Partial<ListItemProps> = {
         avatarClassName: 'thumb-sm avatar m-r',
-        titleClassName: 'h5',
+        titleClassName: 'h5'
     };
 
     static propsList: Array<string> = ['avatarClassName', 'titleClassName'];
@@ -768,10 +769,9 @@ export class ListItem extends React.Component<ListItemProps> {
         let formItem;
 
         if (
-            !e.currentTarget.contains(target) 
-            || ~['INPUT', 'TEXTAREA'].indexOf(target.tagName) 
-            || (formItem = target.closest(`button, a, .${ns}Form-item`)) 
-                && e.currentTarget.contains(formItem)
+            !e.currentTarget.contains(target) ||
+            ~['INPUT', 'TEXTAREA'].indexOf(target.tagName) ||
+            ((formItem = target.closest(`button, a, .${ns}Form-item`)) && e.currentTarget.contains(formItem))
         ) {
             return;
         }
@@ -805,7 +805,7 @@ export class ListItem extends React.Component<ListItemProps> {
             hideCheckToggler,
             checkOnItemClick,
             classnames: cx,
-            classPrefix: ns,
+            classPrefix: ns
         } = this.props;
 
         if (dragging) {
@@ -849,12 +849,12 @@ export class ListItem extends React.Component<ListItemProps> {
                                 size: 'sm',
                                 level: 'link',
                                 type: 'button',
-                                ...action,
+                                ...action
                             },
                             {
                                 key: index,
                                 disabled: dragging || isDisabled(action, data),
-                                onAction: this.handleAction,
+                                onAction: this.handleAction
                             }
                         );
                     })}
@@ -888,7 +888,7 @@ export class ListItem extends React.Component<ListItemProps> {
         if (childNode.type === 'hbox' || childNode.type === 'grid') {
             return render(region, node, {
                 key,
-                itemRender: this.itemRender,
+                itemRender: this.itemRender
             }) as JSX.Element;
         }
 
@@ -906,7 +906,7 @@ export class ListItem extends React.Component<ListItemProps> {
         const itemIndex = this.props.itemIndex;
 
         const $$id = field.$$id ? `${field.$$id}-field` : '';
-        
+
         if (!isVisible(field, data)) {
             return null;
         }
@@ -924,7 +924,7 @@ export class ListItem extends React.Component<ListItemProps> {
                             ...field,
                             field: field,
                             $$id,
-                            type: 'list-item-field',
+                            type: 'list-item-field'
                         },
                         {
                             rowIndex: itemIndex,
@@ -932,7 +932,7 @@ export class ListItem extends React.Component<ListItemProps> {
                             className: cx('ListItem-fieldValue', field.className),
                             value: field.name ? resolveVariable(field.name, data) : `-`,
                             onAction: this.handleAction,
-                            onQuickChange: this.handleQuickChange,
+                            onQuickChange: this.handleQuickChange
                         }
                     ) as JSX.Element
                 }
@@ -965,7 +965,7 @@ export class ListItem extends React.Component<ListItemProps> {
             checkOnItemClick,
             render,
             checkable,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         const avatar = filter(avatarTpl, data);
@@ -1002,13 +1002,13 @@ export class ListItem extends React.Component<ListItemProps> {
 
 @Renderer({
     test: /(^|\/)(?:list|list-group)\/(?:.*\/)?list-item$/,
-    name: 'list-item',
+    name: 'list-item'
 })
 export class ListItemRenderer extends ListItem {}
 
 @Renderer({
     test: /(^|\/)list-item-field$/,
-    name: 'list-item-field',
+    name: 'list-item-field'
 })
 @QuickEdit()
 @PopOver()
@@ -1016,7 +1016,7 @@ export class ListItemRenderer extends ListItem {}
 export class ListItemFieldRenderer extends TableCell {
     static defaultProps = {
         ...TableCell.defaultProps,
-        wrapperComponent: 'div',
+        wrapperComponent: 'div'
     };
     static propsList = ['quickEdit', 'popOver', 'copyable', ...TableCell.propsList];
 
@@ -1042,7 +1042,7 @@ export class ListItemFieldRenderer extends TableCell {
         const schema = {
             ...field,
             className: innerClassName,
-            type: (field && field.type) || 'plain',
+            type: (field && field.type) || 'plain'
         };
 
         let body = children
@@ -1050,7 +1050,7 @@ export class ListItemFieldRenderer extends TableCell {
             : render('field', schema, {
                   ...rest,
                   value,
-                  data,
+                  data
               });
 
         if (width) {
diff --git a/src/renderers/Mapping.tsx b/src/renderers/Mapping.tsx
index 6f160597c..e3145f0b4 100644
--- a/src/renderers/Mapping.tsx
+++ b/src/renderers/Mapping.tsx
@@ -15,8 +15,8 @@ export class MappingField extends React.Component<MappingProps, object> {
     static defaultProps: Partial<MappingProps> = {
         placeholder: '-',
         map: {
-            '*': '通配值',
-        },
+            '*': '通配值'
+        }
     };
 
     render() {
@@ -35,6 +35,6 @@ export class MappingField extends React.Component<MappingProps, object> {
 
 @Renderer({
     test: /(^|\/)(?:map|mapping)$/,
-    name: 'mapping',
+    name: 'mapping'
 })
 export class MappingFieldRenderer extends MappingField {}
diff --git a/src/renderers/Nav.tsx b/src/renderers/Nav.tsx
index 8234eb324..722d987ff 100644
--- a/src/renderers/Nav.tsx
+++ b/src/renderers/Nav.tsx
@@ -38,7 +38,7 @@ export interface NavigationProps extends RendererProps {
 
 export default class Navigation extends React.Component<NavigationProps, NavigationState> {
     static defaultProps: Partial<NavigationProps> = {
-        togglerClassName: 'fa fa-angle-down',
+        togglerClassName: 'fa fa-angle-down'
     };
 
     mounted: boolean = true;
@@ -55,7 +55,7 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
                     /^\$(?:([a-z0-9_.]+)|{.+})$/.test(props.source) &&
                     resolveVariable(props.source, props.data)) ||
                     props.links
-            ),
+            )
         };
     }
 
@@ -73,7 +73,7 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
         if (nextProps.source && /^\$(?:([a-z0-9_.]+)|{.+})$/.test(nextProps.source as string)) {
             if (nextProps.source !== props.source) {
                 this.setState({
-                    links: this.syncLinks(nextProps),
+                    links: this.syncLinks(nextProps)
                 });
             } else {
                 const links = resolveVariable(nextProps.source as string, nextProps.data);
@@ -81,17 +81,17 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
 
                 if (links !== prevLinks) {
                     this.setState({
-                        links: this.syncLinks(nextProps, links),
+                        links: this.syncLinks(nextProps, links)
                     });
                 }
             }
         } else if (props.links !== nextProps.links) {
             this.setState({
-                links: this.syncLinks(nextProps),
+                links: this.syncLinks(nextProps)
             });
         } else if (nextProps.location && props.location !== nextProps.location) {
             this.setState({
-                links: this.syncLinks(nextProps, this.state.links, true),
+                links: this.syncLinks(nextProps, this.state.links, true)
             });
         }
     }
@@ -128,7 +128,7 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
 
                 if (!payload.ok) {
                     this.setState({
-                        error: payload.msg || '获取链接错误',
+                        error: payload.msg || '获取链接错误'
                     });
                 } else {
                     const links = Array.isArray(payload.data)
@@ -141,7 +141,7 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
 
                     this.setState(
                         {
-                            links: this.syncLinks(this.props, links, true),
+                            links: this.syncLinks(this.props, links, true)
                         },
                         () => {
                             if (
@@ -159,7 +159,7 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
                 e =>
                     this.mounted &&
                     this.setState({
-                        error: e.message,
+                        error: e.message
                     })
             );
     }
@@ -184,13 +184,15 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
                     ...link,
                     ...getExprProperties(link, data as object),
                     active:
-                        (!clearActive && link.active)
-                        || (
-                            link.activeOn
+                        (!clearActive && link.active) ||
+                        (link.activeOn
                             ? evalExpression(link.activeOn as string, data)
-                            : !!(link.hasOwnProperty('to') && env && env.isCurrentUrl(filter(link.to as string, data)))
-                        ),
-                    unfolded: link.unfolded || (link.children && link.children.some(link => !!link.active)),
+                            : !!(
+                                  link.hasOwnProperty('to') &&
+                                  env &&
+                                  env.isCurrentUrl(filter(link.to as string, data))
+                              )),
+                    unfolded: link.unfolded || (link.children && link.children.some(link => !!link.active))
                 };
             },
             1,
@@ -215,10 +217,10 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
                 target === link
                     ? {
                           ...link,
-                          unfolded: !link.unfolded,
+                          unfolded: !link.unfolded
                       }
                     : link
-            ),
+            )
         });
     }
 
@@ -235,7 +237,7 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
                 className={cx('Nav-item', link.className, {
                     'is-disabled': disabled || link.disabled,
                     'is-active': isActive,
-                    'is-unfolded': link.unfolded,
+                    'is-unfolded': link.unfolded
                 })}
             >
                 <a onClick={this.handleClick.bind(this, link)}>
@@ -271,7 +273,7 @@ export default class Navigation extends React.Component<NavigationProps, Navigat
 
 @Renderer({
     test: /(^|\/)(?:nav|navigation)$/,
-    name: 'nav',
+    name: 'nav'
 })
 export class NavigationRenderer extends Navigation {
     static contextType = ScopedContext;
diff --git a/src/renderers/Operation.tsx b/src/renderers/Operation.tsx
index 5c5d9270a..da14f78fc 100644
--- a/src/renderers/Operation.tsx
+++ b/src/renderers/Operation.tsx
@@ -29,10 +29,10 @@ export class OperationField extends React.Component<OperationProps, object> {
                                   type: 'button',
                                   size: button.size || 'sm',
                                   level: button.level || (button.icon && !button.label ? 'link' : ''),
-                                  ...button,
+                                  ...button
                               },
                               {
-                                  key: index,
+                                  key: index
                               }
                           )
                       )
@@ -45,6 +45,6 @@ export class OperationField extends React.Component<OperationProps, object> {
 @Renderer({
     // test: /(^|\/)table\/(.*\/)operation$/,
     test: (path: string) => /(^|\/)table\/(.*\/)operation$/.test(path),
-    name: 'operation',
+    name: 'operation'
 })
 export class OperationFieldRenderer extends OperationField {}
diff --git a/src/renderers/Page.tsx b/src/renderers/Page.tsx
index 516603f5a..455f786da 100644
--- a/src/renderers/Page.tsx
+++ b/src/renderers/Page.tsx
@@ -53,7 +53,7 @@ export default class Page extends React.Component<PageProps> {
         initFetch: true,
         // primaryField: 'id',
         toolbarClassName: '',
-        messages: {},
+        messages: {}
     };
 
     static propsList: Array<string> = [
@@ -70,7 +70,7 @@ export default class Page extends React.Component<PageProps> {
         'body',
         'aside',
         'messages',
-        'style',
+        'style'
     ];
 
     componentWillMount() {
@@ -86,7 +86,7 @@ export default class Page extends React.Component<PageProps> {
             'handleClick',
             'reload',
             'silentReload',
-            'initInterval',
+            'initInterval'
         ]);
 
         // if (location && location.search) {
@@ -115,7 +115,7 @@ export default class Page extends React.Component<PageProps> {
             store
                 .fetchInitData(initApi, store.data, {
                     successMessage: messages && messages.fetchSuccess,
-                    errorMessage: messages && messages.fetchFailed,
+                    errorMessage: messages && messages.fetchFailed
                 })
                 .then(this.initInterval);
         }
@@ -153,7 +153,7 @@ export default class Page extends React.Component<PageProps> {
                 store
                     .fetchData(initApi as Api, store.data, {
                         successMessage: messages && messages.fetchSuccess,
-                        errorMessage: messages && messages.fetchFailed,
+                        errorMessage: messages && messages.fetchFailed
                     })
                     .then(this.initInterval);
         }
@@ -188,7 +188,7 @@ export default class Page extends React.Component<PageProps> {
             store
                 .saveRemote(action.api as string, ctx, {
                     successMessage: (action.messages && action.messages.success) || (messages && messages.saveSuccess),
-                    errorMessage: (action.messages && action.messages.failed) || (messages && messages.saveSuccess),
+                    errorMessage: (action.messages && action.messages.failed) || (messages && messages.saveSuccess)
                 })
                 .then(async () => {
                     if (action.feedback && isVisible(action.feedback, store.data)) {
@@ -260,7 +260,7 @@ export default class Page extends React.Component<PageProps> {
             store.setCurrentAction({
                 type: 'button',
                 actionType: 'dialog',
-                dialog: dialog,
+                dialog: dialog
             });
             store.openDialog(ctx, undefined, confirmed => {
                 resolve(confirmed);
@@ -279,7 +279,7 @@ export default class Page extends React.Component<PageProps> {
         isEffectiveApi(initApi, store.data) &&
             store
                 .fetchData(initApi, store.data, {
-                    silent,
+                    silent
                 })
                 .then(this.initInterval);
     }
@@ -316,11 +316,11 @@ export default class Page extends React.Component<PageProps> {
             render,
             store,
             env,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         const subProps = {
-            onAction: this.handleAction,
+            onAction: this.handleAction
         };
         let header, right;
 
@@ -334,7 +334,7 @@ export default class Page extends React.Component<PageProps> {
                                 ? render('remark', {
                                       type: 'remark',
                                       tooltip: remark,
-                                      container: env && env.getModalContainer ? env.getModalContainer() : undefined,
+                                      container: env && env.getModalContainer ? env.getModalContainer() : undefined
                                   })
                                 : null}
                         </h2>
@@ -372,11 +372,11 @@ export default class Page extends React.Component<PageProps> {
             aside,
             asideClassName,
             classnames: cx,
-            header,
+            header
         } = this.props;
 
         const subProps = {
-            onAction: this.handleAction,
+            onAction: this.handleAction
         };
 
         const hasAside = aside && (!Array.isArray(aside) || aside.length);
@@ -390,9 +390,9 @@ export default class Page extends React.Component<PageProps> {
                             ...(typeof aside === 'string'
                                 ? {
                                       inline: false,
-                                      className: `Page-asideTplWrapper`,
+                                      className: `Page-asideTplWrapper`
                                   }
-                                : null),
+                                : null)
                         })}
                     </div>
                 ) : null}
@@ -402,11 +402,13 @@ export default class Page extends React.Component<PageProps> {
                     <div className={cx('Page-main')}>
                         {this.renderHeader()}
                         <div className={cx(`Page-body`, bodyClassName)}>
-                            {store.loading ? render('spinner', {
-                                type: 'spinner',
-                                overlay: true,
-                                size: 'lg',
-                            }) : null}
+                            {store.loading
+                                ? render('spinner', {
+                                      type: 'spinner',
+                                      overlay: true,
+                                      size: 'lg'
+                                  })
+                                : null}
 
                             {store.error ? (
                                 <Alert level="danger" showCloseButton onClose={store.clearMessage}>
@@ -419,29 +421,37 @@ export default class Page extends React.Component<PageProps> {
                     </div>
                 </div>
 
-                {render('dialog', {
-                    ...((store.action as Action) && ((store.action as Action).dialog as object)),
-                    type: 'dialog',
-                }, {
-                    key: 'dialog',
-                    data: store.dialogData,
-                    onConfirm: this.handleDialogConfirm,
-                    onClose: this.handleDialogClose,
-                    show: store.dialogOpen,
-                    onAction: this.handleAction,
-                })}
+                {render(
+                    'dialog',
+                    {
+                        ...((store.action as Action) && ((store.action as Action).dialog as object)),
+                        type: 'dialog'
+                    },
+                    {
+                        key: 'dialog',
+                        data: store.dialogData,
+                        onConfirm: this.handleDialogConfirm,
+                        onClose: this.handleDialogClose,
+                        show: store.dialogOpen,
+                        onAction: this.handleAction
+                    }
+                )}
 
-                {render('drawer', {
-                    ...((store.action as Action) && ((store.action as Action).drawer as object)),
-                    type: 'drawer',
-                }, {
-                    key: 'drawer',
-                    data: store.drawerData,
-                    onConfirm: this.handleDrawerConfirm,
-                    onClose: this.handleDrawerClose,
-                    show: store.drawerOpen,
-                    onAction: this.handleAction,
-                })}
+                {render(
+                    'drawer',
+                    {
+                        ...((store.action as Action) && ((store.action as Action).drawer as object)),
+                        type: 'drawer'
+                    },
+                    {
+                        key: 'drawer',
+                        data: store.drawerData,
+                        onConfirm: this.handleDrawerConfirm,
+                        onClose: this.handleDrawerClose,
+                        show: store.drawerOpen,
+                        onAction: this.handleAction
+                    }
+                )}
             </div>
         );
     }
@@ -451,7 +461,7 @@ export default class Page extends React.Component<PageProps> {
     test: /(?:^|\/)page$/,
     name: 'page',
     storeType: ServiceStore.name,
-    isolateScope: true,
+    isolateScope: true
 })
 export class PageRenderer extends Page {
     static contextType = ScopedContext;
@@ -487,7 +497,7 @@ export class PageRenderer extends Page {
                     target.doAction(
                         {
                             ...action,
-                            target: undefined,
+                            target: undefined
                         },
                         ctx
                     );
diff --git a/src/renderers/Pagination.tsx b/src/renderers/Pagination.tsx
index 54acdc415..fce463b47 100644
--- a/src/renderers/Pagination.tsx
+++ b/src/renderers/Pagination.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import {Renderer, RendererProps} from '../factory';
-import { autobind } from '../utils/helper';
+import {autobind} from '../utils/helper';
 
 export interface PaginationProps extends RendererProps {
     activePage: number;
@@ -14,7 +14,7 @@ export interface PaginationProps extends RendererProps {
 
 export interface PaginationState {
     pageNum: string;
-};
+}
 
 export default class Pagination extends React.Component<PaginationProps, PaginationState> {
     static defaultProps = {
@@ -23,18 +23,18 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
         maxButtons: 5,
         mode: 'normal',
         hasNext: false,
-        showPageInput: true,
+        showPageInput: true
     };
 
     state = {
-        pageNum:  String(this.props.activePage) || ''
+        pageNum: String(this.props.activePage) || ''
     };
 
-    componentWillReceiveProps(nextProps:PaginationProps) {
+    componentWillReceiveProps(nextProps: PaginationProps) {
         if (this.props.activePage !== nextProps.activePage) {
             this.setState({
                 pageNum: String(nextProps.activePage) || ''
-            })
+            });
         }
     }
 
@@ -45,7 +45,7 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
             <ul className={cx('Pagination', 'Pagination--sm')}>
                 <li
                     className={cx({
-                        disabled: activePage < 2,
+                        disabled: activePage < 2
                     })}
                     onClick={activePage < 2 ? e => e.preventDefault() : () => onPageChange(activePage - 1)}
                 >
@@ -55,7 +55,7 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
                 </li>
                 <li
                     className={cx({
-                        disabled: !hasNext,
+                        disabled: !hasNext
                     })}
                     onClick={!hasNext ? e => e.preventDefault() : () => onPageChange(activePage + 1)}
                 >
@@ -109,7 +109,7 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
                     onClick={() => onPageChange(page)}
                     key={page}
                     className={cx({
-                        active: page === activePage,
+                        active: page === activePage
                     })}
                 >
                     <a role="button">{page}</a>
@@ -131,7 +131,7 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
                     onClick={() => onPageChange(1)}
                     key={1}
                     className={cx({
-                        active: 1 === activePage,
+                        active: 1 === activePage
                     })}
                 >
                     <a role="button">{1}</a>
@@ -159,7 +159,7 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
                     onClick={() => onPageChange(items)}
                     key={items}
                     className={cx({
-                        active: items === activePage,
+                        active: items === activePage
                     })}
                 >
                     <a role="button">{items}</a>
@@ -170,7 +170,7 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
         pageButtons.unshift(
             <li
                 className={cx('Pagination-prev', {
-                    disabled: activePage === 1,
+                    disabled: activePage === 1
                 })}
                 onClick={activePage === 1 ? (e: any) => e.preventDefault() : () => onPageChange(activePage - 1)}
                 key="prev"
@@ -182,7 +182,7 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
         pageButtons.push(
             <li
                 className={cx('Pagination-next', {
-                    disabled: activePage === items,
+                    disabled: activePage === items
                 })}
                 onClick={activePage === items ? (e: any) => e.preventDefault() : () => onPageChange(activePage + 1)}
                 key="next"
@@ -193,9 +193,7 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
 
         return (
             <div>
-                <ul className={cx('Pagination', 'Pagination--sm')}>
-                    {pageButtons}
-                </ul>
+                <ul className={cx('Pagination', 'Pagination--sm')}>{pageButtons}</ul>
 
                 {items > 9 && showPageInput ? (
                     <div className="inline m-l-xs w-xs" key="toPage">
@@ -235,6 +233,6 @@ export default class Pagination extends React.Component<PaginationProps, Paginat
 
 @Renderer({
     test: /(^|\/)pagination$/,
-    name: 'pagination',
+    name: 'pagination'
 })
 export class PaginationRenderer extends Pagination {}
diff --git a/src/renderers/Panel.tsx b/src/renderers/Panel.tsx
index 6ddd28ffa..5fab0786e 100644
--- a/src/renderers/Panel.tsx
+++ b/src/renderers/Panel.tsx
@@ -91,7 +91,7 @@ export default class Panel extends React.Component<PanelProps> {
 
         const subProps = {
             data,
-            ...rest,
+            ...rest
         };
 
         return children ? (
@@ -110,7 +110,7 @@ export default class Panel extends React.Component<PanelProps> {
             return actions.map((action, key) =>
                 render('action', action, {
                     type: action.type || 'button',
-                    key: key,
+                    key: key
                 })
             );
         }
@@ -141,7 +141,7 @@ export default class Panel extends React.Component<PanelProps> {
 
         const subProps = {
             data,
-            ...rest,
+            ...rest
         };
 
         const footerDoms = [];
@@ -188,6 +188,6 @@ export default class Panel extends React.Component<PanelProps> {
 
 @Renderer({
     test: /(^|\/)panel$/,
-    name: 'panel',
+    name: 'panel'
 })
 export class PanelRenderer extends Panel {}
diff --git a/src/renderers/Plain.tsx b/src/renderers/Plain.tsx
index 6c2b9705e..489daefe4 100644
--- a/src/renderers/Plain.tsx
+++ b/src/renderers/Plain.tsx
@@ -17,7 +17,7 @@ export class Plain extends React.Component<PlainProps, object> {
     static defaultProps: Partial<PlainProps> = {
         wrapperComponent: '',
         inline: true,
-        placeholder: '-',
+        placeholder: '-'
     };
 
     render() {
@@ -41,6 +41,6 @@ export class Plain extends React.Component<PlainProps, object> {
 
 @Renderer({
     test: /(^|\/)(?:plain|text)$/,
-    name: 'plain',
+    name: 'plain'
 })
 export class PlainRenderer extends Plain {}
diff --git a/src/renderers/PopOver.tsx b/src/renderers/PopOver.tsx
index a277849ea..7e44cb1d7 100644
--- a/src/renderers/PopOver.tsx
+++ b/src/renderers/PopOver.tsx
@@ -58,7 +58,7 @@ export const HocPopOver = (config: Partial<PopOverConfig> = {}) => (Component: R
             this.targetRef = this.targetRef.bind(this);
             // this.handleClickOutside = this.handleClickOutside.bind(this);
             this.state = {
-                isOpened: false,
+                isOpened: false
             };
         }
 
@@ -70,7 +70,7 @@ export const HocPopOver = (config: Partial<PopOverConfig> = {}) => (Component: R
             const onPopOverOpen = this.props.onPopOverOpen;
             this.setState(
                 {
-                    isOpened: true,
+                    isOpened: true
                 },
                 () => onPopOverOpen && onPopOverOpen(this.props.popOver)
             );
@@ -84,7 +84,7 @@ export const HocPopOver = (config: Partial<PopOverConfig> = {}) => (Component: R
             const onPopOverClose = this.props.onPopOverClose;
             this.setState(
                 {
-                    isOpened: false,
+                    isOpened: false
                 },
                 () => onPopOverClose && onPopOverClose(this.props.popOver)
             );
@@ -98,7 +98,7 @@ export const HocPopOver = (config: Partial<PopOverConfig> = {}) => (Component: R
             if (popOver === true) {
                 schema = {
                     type: 'panel',
-                    body: '${name}',
+                    body: '${name}'
                 };
             } else if (popOver && (popOver.mode === 'dialog' || popOver.mode === 'drawer')) {
                 schema = {
@@ -107,15 +107,15 @@ export const HocPopOver = (config: Partial<PopOverConfig> = {}) => (Component: R
                         {
                             label: '关闭',
                             type: 'button',
-                            actionType: 'cancel',
-                        },
+                            actionType: 'cancel'
+                        }
                     ],
-                    ...popOver,
+                    ...popOver
                 };
             } else if (popOver) {
                 schema = {
                     type: 'panel',
-                    ...popOver,
+                    ...popOver
                 };
             }
 
@@ -131,12 +131,12 @@ export const HocPopOver = (config: Partial<PopOverConfig> = {}) => (Component: R
                 return render('popover-detail', this.buildSchema(), {
                     show: true,
                     onClose: this.closePopOver,
-                    onConfirm: this.closePopOver,
+                    onConfirm: this.closePopOver
                 });
             }
 
             const content = render('popover-detail', this.buildSchema(), {
-                className: cx((popOver as PopOverConfig).className),
+                className: cx((popOver as PopOverConfig).className)
             }) as JSX.Element;
 
             if (!popOverContainer) {
@@ -177,7 +177,7 @@ export const HocPopOver = (config: Partial<PopOverConfig> = {}) => (Component: R
                 <Component
                     {...this.props}
                     className={cx(`Field--popOverAble`, className, {
-                        in: this.state.isOpened,
+                        in: this.state.isOpened
                     })}
                 >
                     <Component {...this.props} wrapperComponent={''} noHoc ref={this.targetRef} />
diff --git a/src/renderers/Progress.tsx b/src/renderers/Progress.tsx
index ef0eb158c..89c2b2377 100644
--- a/src/renderers/Progress.tsx
+++ b/src/renderers/Progress.tsx
@@ -19,7 +19,7 @@ export class ProgressField extends React.Component<ProgressProps, object> {
         progressClassName: 'progress-xs progress-striped active m-b-none',
         progressBarClassName: '',
         map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],
-        showLabel: true,
+        showLabel: true
     };
 
     autoClassName(value: number) {
@@ -37,7 +37,7 @@ export class ProgressField extends React.Component<ProgressProps, object> {
             progressBarClassName,
             map,
             showLabel,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         let value = this.props.value;
@@ -54,11 +54,11 @@ export class ProgressField extends React.Component<ProgressProps, object> {
                         className={cx('progress-bar', progressBarClassName || this.autoClassName(value))}
                         title={`${value}%`}
                         style={{
-                            width: `${value}%`,
+                            width: `${value}%`
                         }}
                     />
                 </div>,
-                showLabel ? <div key="value">{value}%</div> : null,
+                showLabel ? <div key="value">{value}%</div> : null
             ];
         }
 
@@ -68,6 +68,6 @@ export class ProgressField extends React.Component<ProgressProps, object> {
 
 @Renderer({
     test: /(^|\/)progress$/,
-    name: 'progress',
+    name: 'progress'
 })
 export class ProgressFieldRenderer extends ProgressField {}
diff --git a/src/renderers/QRCode.tsx b/src/renderers/QRCode.tsx
index 074c68b25..32824591f 100644
--- a/src/renderers/QRCode.tsx
+++ b/src/renderers/QRCode.tsx
@@ -19,7 +19,7 @@ export default class QRCode extends React.Component<QRCodeProps, any> {
         backgroundColor: '#fff',
         foregroundColor: '#000',
         level: 'L',
-        placeholder: '-',
+        placeholder: '-'
     };
 
     render() {
@@ -32,7 +32,7 @@ export default class QRCode extends React.Component<QRCodeProps, any> {
             level,
             value,
             data,
-            classPrefix: ns,
+            classPrefix: ns
         } = this.props;
 
         return (
@@ -55,12 +55,12 @@ export default class QRCode extends React.Component<QRCodeProps, any> {
 
 @Renderer({
     test: /(^|\/)qr\-?code$/,
-    name: 'qrcode',
+    name: 'qrcode'
 })
 export class QRCodeRenderer extends QRCode {}
 
 @FormItem({
     type: 'qr-code',
-    sizeMutable: false,
+    sizeMutable: false
 })
 export class QRCodeControlRenderer extends QRCode {}
diff --git a/src/renderers/QuickEdit.tsx b/src/renderers/QuickEdit.tsx
index f4f838aea..fa0f30f0c 100644
--- a/src/renderers/QuickEdit.tsx
+++ b/src/renderers/QuickEdit.tsx
@@ -67,7 +67,7 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
             this.handleChange = this.handleChange.bind(this);
 
             this.state = {
-                isOpened: false,
+                isOpened: false
             };
         }
 
@@ -83,12 +83,8 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
             document.body.addEventListener('keydown', this.handleWindowKeyDown);
         }
 
-        formRef(ref:any) {
-            const {
-                quickEditFormRef,
-                rowIndex,
-                colIndex
-            } = this.props;
+        formRef(ref: any) {
+            const {quickEditFormRef, rowIndex, colIndex} = this.props;
 
             if (quickEditFormRef) {
                 while (ref && ref.getWrappedInstance) {
@@ -257,7 +253,7 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
         openQuickEdit() {
             currentOpened = this;
             this.setState({
-                isOpened: true,
+                isOpened: true
             });
         }
 
@@ -269,7 +265,7 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
             const ns = this.props.classPrefix;
             this.setState(
                 {
-                    isOpened: false,
+                    isOpened: false
                 },
                 () => {
                     let el = findDOMNode(this) as HTMLElement;
@@ -295,9 +291,9 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
                             type: 'text',
                             name,
                             placeholder: label,
-                            label: false,
-                        },
-                    ],
+                            label: false
+                        }
+                    ]
                 };
             } else if (quickEdit) {
                 if (
@@ -311,7 +307,7 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
                         autoFocus: (quickEdit as QuickEditConfig).mode !== 'inline',
                         mode: (quickEdit as QuickEditConfig).mode === 'inline' ? 'inline' : 'normal',
                         ...quickEdit,
-                        type: 'form',
+                        type: 'form'
                     };
                 } else {
                     schema = {
@@ -324,9 +320,9 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
                             {
                                 type: quickEdit.type || 'text',
                                 name: quickEdit.name || name,
-                                ...quickEdit,
-                            },
-                        ],
+                                ...quickEdit
+                            }
+                        ]
                     };
                 }
             }
@@ -342,15 +338,15 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
                                   {
                                       type: 'button',
                                       label: '取消',
-                                      actionType: 'cancel',
+                                      actionType: 'cancel'
                                   },
 
                                   {
                                       label: '确认',
                                       type: 'submit',
-                                      primary: true,
-                                  },
-                              ],
+                                      primary: true
+                                  }
+                              ]
                 };
             }
 
@@ -376,7 +372,7 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
                         onAction: this.handleAction,
                         onChange: null,
                         ref: this.formRef,
-                        popOverContainer: popOverContainer ? () => this.overlay : null,
+                        popOverContainer: popOverContainer ? () => this.overlay : null
                     })}
                 </div>
             );
@@ -419,7 +415,7 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
                             className: cx('Form--quickEdit'),
                             ref: this.formRef,
                             onInit: this.handleInit,
-                            onChange: this.handleChange,
+                            onChange: this.handleChange
                         })}
                     </Component>
                 );
@@ -428,7 +424,7 @@ export const HocQuickEdit = (config: Partial<QuickEditConfig> = {}) => (Componen
                     <Component
                         {...this.props}
                         className={cx(`Field--quickEditable`, className, {
-                            in: this.state.isOpened,
+                            in: this.state.isOpened
                         })}
                         tabIndex={(quickEdit as QuickEditConfig).focusable === false ? undefined : '0'}
                         onKeyUp={this.handleKeyUp}
diff --git a/src/renderers/Remark.tsx b/src/renderers/Remark.tsx
index 0b26763a5..fa3091037 100644
--- a/src/renderers/Remark.tsx
+++ b/src/renderers/Remark.tsx
@@ -16,7 +16,7 @@ export function filterContents(
             ? {
                   title: filter(tooltip.title, data),
                   content:
-                      tooltip.content || tooltip.body ? filter(tooltip.content || tooltip.body || '', data) : undefined,
+                      tooltip.content || tooltip.body ? filter(tooltip.content || tooltip.body || '', data) : undefined
               }
             : tooltip.content || tooltip.body
             ? filter(tooltip.content || tooltip.body || '', data)
@@ -38,7 +38,7 @@ export default class Remark extends React.Component<RemarkProps> {
     static propsList: Array<string> = [];
     static defaultProps = {
         icon: 'fa fa-question-circle',
-        trigger: ['hover', 'focus'],
+        trigger: ['hover', 'focus']
     };
 
     render() {
@@ -53,7 +53,7 @@ export default class Remark extends React.Component<RemarkProps> {
             classPrefix: ns,
             classnames: cx,
             content,
-            data,
+            data
         } = this.props;
 
         return (
@@ -77,6 +77,6 @@ export default class Remark extends React.Component<RemarkProps> {
 
 @Renderer({
     test: /(^|\/)remark$/,
-    name: 'remark',
+    name: 'remark'
 })
 export class RemarkRenderer extends Remark {}
diff --git a/src/renderers/Service.tsx b/src/renderers/Service.tsx
index f33ce4d68..ffd08b8dc 100644
--- a/src/renderers/Service.tsx
+++ b/src/renderers/Service.tsx
@@ -54,10 +54,7 @@ export default class Service extends React.Component<ServiceProps> {
             initFetch,
             initFetchOn,
             store,
-            messages: {
-                fetchSuccess,
-                fetchFailed
-            },
+            messages: {fetchSuccess, fetchFailed}
         } = this.props;
 
         this.mounted = true;
@@ -70,10 +67,12 @@ export default class Service extends React.Component<ServiceProps> {
         }
 
         if (isEffectiveApi(api, store.data, initFetch, initFetchOn)) {
-            store.fetchInitData(api, store.data, {
-                successMessage: fetchSuccess,
-                errorMessage: fetchFailed
-            }).then(this.initInterval);
+            store
+                .fetchInitData(api, store.data, {
+                    successMessage: fetchSuccess,
+                    errorMessage: fetchFailed
+                })
+                .then(this.initInterval);
         }
     }
 
@@ -82,23 +81,24 @@ export default class Service extends React.Component<ServiceProps> {
         const store = props.store;
 
         const {
-            messages: {
-                fetchSuccess,
-                fetchFailed
-            }
+            messages: {fetchSuccess, fetchFailed}
         } = props;
 
         isApiOutdated(prevProps.api, props.api, prevProps.data, props.data) &&
-            store.fetchData(props.api as Api, store.data, {
-                successMessage: fetchSuccess,
-                errorMessage: fetchFailed
-            }).then(this.initInterval);
-
-        isApiOutdated(prevProps.schemaApi, props.schemaApi, prevProps.data, props.data) &&
-            store.fetchSchema(props.schemaApi as Api, store.data, {
+            store
+                .fetchData(props.api as Api, store.data, {
                     successMessage: fetchSuccess,
                     errorMessage: fetchFailed
-                }).then(this.initInterval);
+                })
+                .then(this.initInterval);
+
+        isApiOutdated(prevProps.schemaApi, props.schemaApi, prevProps.data, props.data) &&
+            store
+                .fetchSchema(props.schemaApi as Api, store.data, {
+                    successMessage: fetchSuccess,
+                    errorMessage: fetchFailed
+                })
+                .then(this.initInterval);
     }
 
     componentWillUnmount() {
@@ -121,18 +121,25 @@ export default class Service extends React.Component<ServiceProps> {
             return this.receive(query);
         }
 
-        const {schemaApi, initFetchSchema, api, initFetch, initFetchOn, store, messages: {
-            fetchSuccess,
-            fetchFailed
-        }} = this.props;
+        const {
+            schemaApi,
+            initFetchSchema,
+            api,
+            initFetch,
+            initFetchOn,
+            store,
+            messages: {fetchSuccess, fetchFailed}
+        } = this.props;
 
         clearTimeout(this.timer);
 
         if (isEffectiveApi(schemaApi, store.data)) {
-            store.fetchSchema(schemaApi, store.data, {
-                successMessage: fetchSuccess,
-                errorMessage: fetchFailed
-            }).then(this.initInterval);
+            store
+                .fetchSchema(schemaApi, store.data, {
+                    successMessage: fetchSuccess,
+                    errorMessage: fetchFailed
+                })
+                .then(this.initInterval);
         }
 
         if (isEffectiveApi(api, store.data)) {
@@ -169,7 +176,7 @@ export default class Service extends React.Component<ServiceProps> {
                 {
                     render('body', store.schema || schema, {
                         key: store.schemaKey || 'body',
-                        onQuery: this.handleQuery,
+                        onQuery: this.handleQuery
                     }) as JSX.Element
                 }
             </div>
@@ -192,17 +199,19 @@ export default class Service extends React.Component<ServiceProps> {
 
                 {this.renderBody()}
 
-                {store.loading ? render(
-                    'info',
-                    {
-                        type: 'spinner',
-                        overlay: true,
-                    },
-                    {
-                        key: 'info',
-                        size: 'lg',
-                    }
-                ) : null}
+                {store.loading
+                    ? render(
+                          'info',
+                          {
+                              type: 'spinner',
+                              overlay: true
+                          },
+                          {
+                              key: 'info',
+                              size: 'lg'
+                          }
+                      )
+                    : null}
             </div>
         );
     }
@@ -211,7 +220,7 @@ export default class Service extends React.Component<ServiceProps> {
 @Renderer({
     test: /(^|\/)service$/,
     storeType: ServiceStore.name,
-    name: 'service',
+    name: 'service'
 })
 export class ServiceRenderer extends Service {
     static contextType = ScopedContext;
diff --git a/src/renderers/Spinner.tsx b/src/renderers/Spinner.tsx
index 4d4f7bdd5..de148c7bc 100644
--- a/src/renderers/Spinner.tsx
+++ b/src/renderers/Spinner.tsx
@@ -3,6 +3,6 @@ import {Renderer} from '../factory';
 
 @Renderer({
     test: /(^|\/)spinner$/,
-    name: 'spinner',
+    name: 'spinner'
 })
 export class SpinnerRenderer extends Spinner {}
diff --git a/src/renderers/Status.tsx b/src/renderers/Status.tsx
index 138536225..c798b2c05 100644
--- a/src/renderers/Status.tsx
+++ b/src/renderers/Status.tsx
@@ -16,12 +16,12 @@ export class StatusField extends React.Component<StatusProps, object> {
         placeholder: '-',
         map: {
             0: 'fa fa-times text-danger',
-            1: 'fa fa-check text-success',
+            1: 'fa fa-check text-success'
         },
         labelMap: {
             // 0: '失败',
             // 1: '成功'
-        },
+        }
     };
 
     render() {
@@ -45,7 +45,7 @@ export class StatusField extends React.Component<StatusProps, object> {
                     viewValue,
                     <span className={cx('StatusField-label')} key="label">
                         {filter(labelMap[value], data)}
-                    </span>,
+                    </span>
                 ];
             }
         }
@@ -56,6 +56,6 @@ export class StatusField extends React.Component<StatusProps, object> {
 
 @Renderer({
     test: /(^|\/)status$/,
-    name: 'status',
+    name: 'status'
 })
 export class StatusFieldRenderer extends StatusField {}
diff --git a/src/renderers/Switch.tsx b/src/renderers/Switch.tsx
index 8c3bee878..465d010bf 100644
--- a/src/renderers/Switch.tsx
+++ b/src/renderers/Switch.tsx
@@ -5,7 +5,7 @@ import {Api, SchemaNode, PlainObject} from '../types';
 import {filter} from '../utils/tpl';
 import cx from 'classnames';
 import Switch from '../components/Switch';
-import { resolveVariable } from '../utils/tpl-builtin';
+import {resolveVariable} from '../utils/tpl-builtin';
 
 export interface SwitchProps extends RendererProps {
     className?: string;
@@ -21,7 +21,7 @@ export class SwitchField extends React.Component<SwitchProps, object> {
         trueValue: true,
         falseValue: false,
         readOnly: true,
-        saveImmediately: false,
+        saveImmediately: false
     };
 
     constructor(props: SwitchProps) {
@@ -38,7 +38,7 @@ export class SwitchField extends React.Component<SwitchProps, object> {
             !disabled &&
             onQuickChange(
                 {
-                    [name as string]: checked ? trueValue : falseValue,
+                    [name as string]: checked ? trueValue : falseValue
                 },
                 saveImmediately
             );
@@ -90,6 +90,6 @@ export class SwitchField extends React.Component<SwitchProps, object> {
 
 @Renderer({
     test: /(^|\/)switch$/,
-    name: 'switch',
+    name: 'switch'
 })
 export class SwitchFieldRenderer extends SwitchField {}
diff --git a/src/renderers/Table.tsx b/src/renderers/Table.tsx
index 38d24a24a..47277ee13 100644
--- a/src/renderers/Table.tsx
+++ b/src/renderers/Table.tsx
@@ -49,16 +49,18 @@ export interface TableProps extends RendererProps {
     columnsTogglable?: boolean | 'auto';
     affixHeader?: boolean;
     combineNum?: number;
-    footable?: boolean | {
-        expand?: 'first' | 'all' | 'none';
-        expandAll?: boolean;
-        accordion?: boolean;
-    };
+    footable?:
+        | boolean
+        | {
+              expand?: 'first' | 'all' | 'none';
+              expandAll?: boolean;
+              accordion?: boolean;
+          };
     expandConfig?: {
         expand?: 'first' | 'all' | 'none';
         expandAll?: boolean;
         accordion?: boolean;
-    },
+    };
     itemCheckableOn?: string;
     itemDraggableOn?: string;
     itemActions?: Array<Action>;
@@ -103,7 +105,7 @@ export default class Table extends React.Component<TableProps, object> {
         'itemActions',
         'combineNum',
         'items',
-        'valueField',
+        'valueField'
     ];
     static defaultProps: Partial<TableProps> = {
         className: '',
@@ -120,7 +122,7 @@ export default class Table extends React.Component<TableProps, object> {
         itemCheckableOn: '',
         itemDraggableOn: '',
         hideCheckToggler: false,
-        dragIcon: 'glyphicon glyphicon-sort',
+        dragIcon: 'glyphicon glyphicon-sort'
     };
 
     table?: HTMLTableElement;
@@ -142,7 +144,7 @@ export default class Table extends React.Component<TableProps, object> {
         [propName: string]: number;
     } = {};
     renderedToolbars: Array<string> = [];
-    subForms:any = {};
+    subForms: any = {};
 
     constructor(props: TableProps) {
         super(props);
@@ -151,7 +153,7 @@ export default class Table extends React.Component<TableProps, object> {
         this.affixDetect = this.affixDetect.bind(this);
         this.updateTableInfoLazy = debounce(this.updateTableInfo.bind(this), 250, {
             trailing: true,
-            leading: false,
+            leading: false
         });
         this.tableRef = this.tableRef.bind(this);
         this.affxiedTableRef = this.affxiedTableRef.bind(this);
@@ -210,7 +212,7 @@ export default class Table extends React.Component<TableProps, object> {
             itemDraggableOn,
             hideCheckToggler,
             combineNum,
-            expandConfig,
+            expandConfig
         } = this.props;
 
         store.update({
@@ -227,7 +229,7 @@ export default class Table extends React.Component<TableProps, object> {
             itemCheckableOn,
             itemDraggableOn,
             hideCheckToggler,
-            combineNum,
+            combineNum
         });
 
         Table.syncRows(store, this.props);
@@ -299,7 +301,7 @@ export default class Table extends React.Component<TableProps, object> {
 
         if (props.columns !== nextProps.columns) {
             store.update({
-                columns: nextProps.columns,
+                columns: nextProps.columns
             });
         }
 
@@ -328,10 +330,8 @@ export default class Table extends React.Component<TableProps, object> {
         this.unSensor && this.unSensor();
     }
 
-    subFormRef(form:any, x:number, y:number) {
-        const {
-            quickEditFormRef
-        } = this.props;
+    subFormRef(form: any, x: number, y: number) {
+        const {quickEditFormRef} = this.props;
 
         quickEditFormRef && quickEditFormRef(form, x, y);
         this.subForms[`${x}-${y}`] = form;
@@ -373,7 +373,7 @@ export default class Table extends React.Component<TableProps, object> {
                 null,
                 {
                     actionType: 'ajax',
-                    api: saveImmediately.api,
+                    api: saveImmediately.api
                 },
                 values
             );
@@ -395,7 +395,7 @@ export default class Table extends React.Component<TableProps, object> {
         }
 
         // 验证所有表单项，没有错误才继续
-        const subForms:Array<any> = [];
+        const subForms: Array<any> = [];
         Object.keys(this.subForms).forEach(key => this.subForms[key] && subForms.push(this.subForms[key]));
         if (subForms.length) {
             const result = await Promise.all(subForms.map(item => item.validate()));
@@ -432,7 +432,7 @@ export default class Table extends React.Component<TableProps, object> {
 
         store.reset();
 
-        const subForms:Array<any> = [];
+        const subForms: Array<any> = [];
         Object.keys(this.subForms).forEach(key => this.subForms[key] && subForms.push(this.subForms[key]));
         subForms.forEach(item => item.clearErrors());
     }
@@ -532,7 +532,9 @@ export default class Table extends React.Component<TableProps, object> {
             table => {
                 forEach(table.querySelectorAll('thead>tr:last-child>th'), (item: HTMLElement) => {
                     // todo 这个 2 数值，应该从 dom 上读取，也有可能没有border 样式
-                    item.style.cssText += `width: ${this.widths[parseInt(item.getAttribute('data-index') as string, 10)] - 2}px`;
+                    item.style.cssText += `width: ${this.widths[
+                        parseInt(item.getAttribute('data-index') as string, 10)
+                    ] - 2}px`;
                 });
 
                 forEach(table.querySelectorAll('tbody>tr'), (item: HTMLElement, index) => {
@@ -628,7 +630,7 @@ export default class Table extends React.Component<TableProps, object> {
                 }
 
                 store.exchange(e.oldIndex, e.newIndex);
-            },
+            }
         });
     }
 
@@ -667,16 +669,16 @@ export default class Table extends React.Component<TableProps, object> {
     draggingSibling: Array<HTMLTableRowElement>;
 
     @autobind
-    handleDragStart(e:React.DragEvent) {
+    handleDragStart(e: React.DragEvent) {
         const store = this.props.store;
         const target = e.currentTarget;
-        const tr = this.draggingTr = target.closest('tr')!;
+        const tr = (this.draggingTr = target.closest('tr')!);
         const id = tr.getAttribute('data-id')!;
         const tbody = tr.parentNode!;
         this.originIndex = Array.prototype.indexOf.call(tbody.childNodes, tr);
 
         tr.classList.add('is-dragging');
-        
+
         e.dataTransfer.effectAllowed = 'move';
         e.dataTransfer.setData('text/plain', id);
 
@@ -684,7 +686,7 @@ export default class Table extends React.Component<TableProps, object> {
         const item = store.getRowById(id)!;
         store.collapseAllAtDepth(item.depth);
 
-        let siblings:Array<IRow> = store.rows;
+        let siblings: Array<IRow> = store.rows;
         if (item.parentId) {
             const parent = store.getRowById(item.parentId)!;
             siblings = parent.children as any;
@@ -695,7 +697,7 @@ export default class Table extends React.Component<TableProps, object> {
         tbody.addEventListener('drop', this.handleDrop);
 
         this.draggingSibling = siblings.map(item => {
-            let tr:HTMLTableRowElement = tbody.querySelector(`tr[data-id="${item.id}"]`) as HTMLTableRowElement;
+            let tr: HTMLTableRowElement = tbody.querySelector(`tr[data-id="${item.id}"]`) as HTMLTableRowElement;
 
             tr.classList.add('is-drop-allowed');
 
@@ -711,8 +713,8 @@ export default class Table extends React.Component<TableProps, object> {
         }
         e.preventDefault();
         e.dataTransfer!.dropEffect = 'move';
-            
-        const overTr:HTMLElement = (e.target as HTMLElement).closest('tr')!;
+
+        const overTr: HTMLElement = (e.target as HTMLElement).closest('tr')!;
         if (!overTr || !~overTr.className.indexOf('is-drop-allowed') || overTr === this.draggingTr) {
             return;
         }
@@ -722,8 +724,8 @@ export default class Table extends React.Component<TableProps, object> {
         const tRect = overTr.getBoundingClientRect();
         let ratio = dRect.top < tRect.top ? 0.1 : 0.9;
 
-        const next = (e.clientY - tRect.top)/(tRect.bottom - tRect.top) > ratio;
-        tbody.insertBefore(this.draggingTr, next && overTr.nextSibling || overTr);
+        const next = (e.clientY - tRect.top) / (tRect.bottom - tRect.top) > ratio;
+        tbody.insertBefore(this.draggingTr, (next && overTr.nextSibling) || overTr);
     }
 
     @autobind
@@ -732,7 +734,7 @@ export default class Table extends React.Component<TableProps, object> {
         const tr = this.draggingTr;
         const tbody = tr.parentElement!;
         const index = Array.prototype.indexOf.call(tbody.childNodes, tr);
-        const item:IRow = store.getRowById(tr.getAttribute('data-id')!) as any;
+        const item: IRow = store.getRowById(tr.getAttribute('data-id')!) as any;
 
         // destroy
         this.handleDragEnd();
@@ -745,7 +747,7 @@ export default class Table extends React.Component<TableProps, object> {
         const tr = this.draggingTr;
         const tbody = tr.parentElement!;
         const index = Array.prototype.indexOf.call(tbody.childNodes, tr);
-        tbody.insertBefore(tr, tbody.childNodes[index < this.originIndex ? this.originIndex +  1 : this.originIndex]);
+        tbody.insertBefore(tr, tbody.childNodes[index < this.originIndex ? this.originIndex + 1 : this.originIndex]);
 
         tr.classList.remove('is-dragging');
         tr.removeEventListener('dragend', this.handleDragEnd);
@@ -833,19 +835,18 @@ export default class Table extends React.Component<TableProps, object> {
         } else if (column.type === '__expandme') {
             return (
                 <th {...props} className={cx(column.pristine.className)}>
-                    {store.footable && (store.footable.expandAll === false || store.footable.accordion) 
-                    || store.expandConfig && (store.expandConfig.expandAll === false || store.expandConfig.accordion)
-                        ? null 
-                        : (
-                            <a
-                                className={cx('Table-expandBtn', store.allExpanded  ? 'is-active' : '')}
-                                // data-tooltip="展开/收起全部"
-                                // data-position="top"
-                                onClick={store.toggleExpandAll}
-                            >
-                                <i />
-                            </a>
-                        )}
+                    {(store.footable && (store.footable.expandAll === false || store.footable.accordion)) ||
+                    (store.expandConfig &&
+                        (store.expandConfig.expandAll === false || store.expandConfig.accordion)) ? null : (
+                        <a
+                            className={cx('Table-expandBtn', store.allExpanded ? 'is-active' : '')}
+                            // data-tooltip="展开/收起全部"
+                            // data-position="top"
+                            onClick={store.toggleExpandAll}
+                        >
+                            <i />
+                        </a>
+                    )}
                 </th>
             );
         }
@@ -881,7 +882,7 @@ export default class Table extends React.Component<TableProps, object> {
                         onQuery &&
                             onQuery({
                                 orderBy: store.orderBy,
-                                orderDir: store.orderDir,
+                                orderDir: store.orderDir
                             });
                     }}
                 >
@@ -926,7 +927,7 @@ export default class Table extends React.Component<TableProps, object> {
                     'TableCell--sortable': column.sortable,
                     'TableCell--searchable': column.searchable,
                     'TableCell--filterable': column.filterable,
-                    'Table-operationCell': column.type === 'operation',
+                    'Table-operationCell': column.type === 'operation'
                 })}
             >
                 {column.label}
@@ -934,7 +935,7 @@ export default class Table extends React.Component<TableProps, object> {
                     ? render('remark', {
                           type: 'remark',
                           tooltip: column.remark,
-                          container: env && env.getModalContainer ? env.getModalContainer() : undefined,
+                          container: env && env.getModalContainer ? env.getModalContainer() : undefined
                       })
                     : null}
                 {affix}
@@ -971,13 +972,15 @@ export default class Table extends React.Component<TableProps, object> {
         } else if (column.type === '__expandme') {
             return (
                 <td key={props.key} className={cx(column.pristine.className)}>
-                    {item.depth > 2 ? Array.from({length: item.depth - 2}).map((_, index) => (
-                        <i key={index} className={cx('Table-divider-' + (index+1))}/>
-                    )) : null}
+                    {item.depth > 2
+                        ? Array.from({length: item.depth - 2}).map((_, index) => (
+                              <i key={index} className={cx('Table-divider-' + (index + 1))} />
+                          ))
+                        : null}
 
                     {item.expandable ? (
                         <a
-                            className={cx('Table-expandBtn', item.expanded  ? 'is-active' : '')}
+                            className={cx('Table-expandBtn', item.expanded ? 'is-active' : '')}
                             // data-tooltip="展开/收起"
                             // data-position="top"
                             onClick={item.toggleExpanded}
@@ -989,15 +992,11 @@ export default class Table extends React.Component<TableProps, object> {
             );
         }
 
-        let prefix:React.ReactNode = null;
+        let prefix: React.ReactNode = null;
 
         if (column.isPrimary && store.isNested && store.draggable && item.draggable) {
             prefix = (
-                <a 
-                    draggable
-                    onDragStart={this.handleDragStart}
-                    className={cx("Table-dragBtn")}
-                >
+                <a draggable onDragStart={this.handleDragStart} className={cx('Table-dragBtn')}>
                     <i className="glyphicon glyphicon-sort" />
                 </a>
             );
@@ -1023,7 +1022,7 @@ export default class Table extends React.Component<TableProps, object> {
                 ...column.pristine,
                 column: column.pristine,
                 type: 'cell',
-                $$id,
+                $$id
             },
             subProps
         );
@@ -1051,7 +1050,9 @@ export default class Table extends React.Component<TableProps, object> {
                             {store.columnGroup.length ? (
                                 <tr>
                                     {store.columnGroup.map((item, index) => (
-                                        <th key={index} data-index={item.index} colSpan={item.colSpan}>{item.label}</th>
+                                        <th key={index} data-index={item.index} colSpan={item.colSpan}>
+                                            {item.label}
+                                        </th>
                                     ))}
                                 </tr>
                             ) : null}
@@ -1059,7 +1060,7 @@ export default class Table extends React.Component<TableProps, object> {
                                 {store.filteredColumns.map(column =>
                                     this.renderHeadCell(column, {
                                         key: column.index,
-                                        'data-index': column.index,
+                                        'data-index': column.index
                                     })
                                 )}
                             </tr>
@@ -1092,7 +1093,9 @@ export default class Table extends React.Component<TableProps, object> {
                     {store.columnGroup.length ? (
                         <tr>
                             {store.columnGroup.map((item, index) => (
-                                <th key={index} data-index={item.index} colSpan={item.colSpan}>{item.label}</th>
+                                <th key={index} data-index={item.index} colSpan={item.colSpan}>
+                                    {item.label}
+                                </th>
                             ))}
                         </tr>
                     ) : null}
@@ -1100,7 +1103,7 @@ export default class Table extends React.Component<TableProps, object> {
                         {columns.map(column =>
                             this.renderHeadCell(column, {
                                 key: column.index,
-                                'data-index': column.index,
+                                'data-index': column.index
                             })
                         )}
                     </tr>
@@ -1134,10 +1137,14 @@ export default class Table extends React.Component<TableProps, object> {
                         ) : (
                             <tr className={cx('Table-placeholder')}>
                                 <td colSpan={columns.length}>
-                                    {render('placeholder', {
-                                        type: 'tpl',
-                                        tpl: placeholder
-                                    }, {data})}
+                                    {render(
+                                        'placeholder',
+                                        {
+                                            type: 'tpl',
+                                            tpl: placeholder
+                                        },
+                                        {data}
+                                    )}
                                 </td>
                             </tr>
                         )}
@@ -1226,20 +1233,20 @@ export default class Table extends React.Component<TableProps, object> {
         if (store.toggable && region === 'header' && !~this.renderedToolbars.indexOf('columns-toggler')) {
             actions.push({
                 type: 'button',
-                children: this.renderColumnsToggler(),
+                children: this.renderColumnsToggler()
             });
         }
 
         if (
             store.draggable &&
-            !store.isNested && 
+            !store.isNested &&
             region === 'header' &&
             store.rows.length > 1 &&
             !~this.renderedToolbars.indexOf('drag-toggler')
         ) {
             actions.push({
                 type: 'button',
-                children: this.renderDragToggler(),
+                children: this.renderDragToggler()
             });
         }
 
@@ -1250,13 +1257,13 @@ export default class Table extends React.Component<TableProps, object> {
                         `action/${key}`,
                         {
                             type: 'button',
-                            ...action as any,
+                            ...(action as any)
                         },
                         {
                             onAction: this.handleAction,
                             key,
                             btnDisabled: store.dragging,
-                            data: store.getData(data),
+                            data: store.getData(data)
                         }
                     )
                 )}
@@ -1274,7 +1281,7 @@ export default class Table extends React.Component<TableProps, object> {
             showHeader,
             store,
             classnames: cx,
-            data,
+            data
         } = this.props;
 
         if (showHeader === false) {
@@ -1291,7 +1298,7 @@ export default class Table extends React.Component<TableProps, object> {
                       selectedItems: store.selectedRows.map(item => item.data),
                       items: store.rows.map(item => item.data),
                       unSelectedItems: store.unSelectedRows.map(item => item.data),
-                      ...otherProps,
+                      ...otherProps
                   },
                   this.renderToolbar
               )
@@ -1315,7 +1322,7 @@ export default class Table extends React.Component<TableProps, object> {
                 <div className={cx('Table-header', headerClassName)} key="header">
                     {render('header', header, {
                         ...(editable === false ? otherProps : null),
-                        ata: store.getData(data),
+                        ata: store.getData(data)
                     })}
                 </div>
             ) : null;
@@ -1333,7 +1340,7 @@ export default class Table extends React.Component<TableProps, object> {
             showFooter,
             store,
             data,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         if (showFooter === false) {
@@ -1345,7 +1352,7 @@ export default class Table extends React.Component<TableProps, object> {
                   {
                       ...this.props,
                       selectedItems: store.selectedRows.map(item => item.data),
-                      items: store.rows.map(item => item.data),
+                      items: store.rows.map(item => item.data)
                   },
                   this.renderToolbar
               )
@@ -1363,7 +1370,7 @@ export default class Table extends React.Component<TableProps, object> {
             footer && (!Array.isArray(footer) || footer.length) ? (
                 <div className={cx('Table-footer', footerClassName)} key="footer">
                     {render('footer', footer, {
-                        data: store.getData(data),
+                        data: store.getData(data)
                     })}
                 </div>
             ) : null;
@@ -1371,11 +1378,19 @@ export default class Table extends React.Component<TableProps, object> {
     }
 
     renderRows(rows: Array<any>): any {
-        const {store, rowClassName, onAction, buildItemProps, checkOnItemClick, classPrefix: ns, classnames: cx} = this.props;
+        const {
+            store,
+            rowClassName,
+            onAction,
+            buildItemProps,
+            checkOnItemClick,
+            classPrefix: ns,
+            classnames: cx
+        } = this.props;
 
         return rows.map((item: IRow, rowIndex: number) => {
             const itemProps = buildItemProps ? buildItemProps(item, rowIndex) : null;
-            
+
             const doms = [
                 <TableRow
                     {...itemProps}
@@ -1395,7 +1410,7 @@ export default class Table extends React.Component<TableProps, object> {
                     onCheck={this.handleCheck}
                     // todo 先注释 quickEditEnabled={item.depth === 1}
                     onQuickChange={store.dragging ? null : this.handleQuickChange}
-                />,
+                />
             ];
 
             if (item.expanded && !store.dragging) {
@@ -1454,7 +1469,7 @@ export default class Table extends React.Component<TableProps, object> {
                 className={cx('Table-itemActions-wrap')}
                 style={{
                     top,
-                    height,
+                    height
                 }}
             >
                 <div className={cx('Table-itemActions')}>
@@ -1464,14 +1479,14 @@ export default class Table extends React.Component<TableProps, object> {
                             : render(
                                   `itemAction/${index}`,
                                   {
-                                      ...action as any,
-                                      isMenuItem: true,
+                                      ...(action as any),
+                                      isMenuItem: true
                                   },
                                   {
                                       key: index,
                                       item: store.rows[rowIndex],
                                       data: store.rows[rowIndex].locals,
-                                      rowIndex,
+                                      rowIndex
                                   }
                               )
                     )}
@@ -1496,7 +1511,7 @@ export default class Table extends React.Component<TableProps, object> {
         return (
             <div
                 className={cx('Table', className, {
-                    'Table--unsaved': !!store.modified || !!store.moved,
+                    'Table--unsaved': !!store.modified || !!store.moved
                 })}
             >
                 {this.renderAffixHeader(tableClassName)}
@@ -1523,7 +1538,9 @@ export default class Table extends React.Component<TableProps, object> {
                                 {store.columnGroup.length ? (
                                     <tr>
                                         {store.columnGroup.map((item, index) => (
-                                            <th key={index} data-index={item.index} colSpan={item.colSpan}>{item.label}</th>
+                                            <th key={index} data-index={item.index} colSpan={item.colSpan}>
+                                                {item.label}
+                                            </th>
                                         ))}
                                     </tr>
                                 ) : null}
@@ -1531,7 +1548,7 @@ export default class Table extends React.Component<TableProps, object> {
                                     {store.filteredColumns.map(column =>
                                         this.renderHeadCell(column, {
                                             'data-index': column.index,
-                                            key: column.index,
+                                            key: column.index
                                         })
                                     )}
                                 </tr>
@@ -1542,10 +1559,14 @@ export default class Table extends React.Component<TableProps, object> {
                                 ) : (
                                     <tr className={cx('Table-placeholder')}>
                                         <td colSpan={store.filteredColumns.length}>
-                                            {render('placeholder', {
-                                                type: 'tpl',
-                                                tpl: placeholder
-                                            }, {data})}
+                                            {render(
+                                                'placeholder',
+                                                {
+                                                    type: 'tpl',
+                                                    tpl: placeholder
+                                                },
+                                                {data}
+                                            )}
                                         </td>
                                     </tr>
                                 )}
@@ -1588,10 +1609,9 @@ class TableRow extends React.Component<TableRowProps> {
         let formItem;
 
         if (
-            !e.currentTarget.contains(target) 
-            || ~['INPUT', 'TEXTAREA'].indexOf(target.tagName) 
-            || (formItem = target.closest(`button, a, .${ns}Form-item`)) 
-                && e.currentTarget.contains(formItem)
+            !e.currentTarget.contains(target) ||
+            ~['INPUT', 'TEXTAREA'].indexOf(target.tagName) ||
+            ((formItem = target.closest(`button, a, .${ns}Form-item`)) && e.currentTarget.contains(formItem))
         ) {
             return;
         }
@@ -1637,7 +1657,7 @@ class TableRow extends React.Component<TableRowProps> {
                         'is-modified': item.modified,
                         'is-moved': item.moved,
                         [`${ns}Table-tr--odd`]: itemIndex % 2 === 0,
-                        [`${ns}Table-tr--even`]: itemIndex % 2 === 1,
+                        [`${ns}Table-tr--even`]: itemIndex % 2 === 1
                     })}
                 >
                     <td className={`${ns}Table-foot`} colSpan={footableColSpan}>
@@ -1654,7 +1674,7 @@ class TableRow extends React.Component<TableRowProps> {
                                             colIndex: column.rawIndex,
                                             key: column.index,
                                             onAction: this.handleAction,
-                                            onQuickChange: this.handleQuickChange,
+                                            onQuickChange: this.handleQuickChange
                                         })}
                                     </tr>
                                 ))}
@@ -1678,7 +1698,7 @@ class TableRow extends React.Component<TableRowProps> {
                         'is-modified': item.modified,
                         'is-moved': item.moved,
                         [`${ns}Table-tr--odd`]: itemIndex % 2 === 0,
-                        [`${ns}Table-tr--even`]: itemIndex % 2 === 1,
+                        [`${ns}Table-tr--even`]: itemIndex % 2 === 1
                     },
                     `${ns}Table-tr--${item.depth}th`
                 )}
@@ -1690,7 +1710,7 @@ class TableRow extends React.Component<TableRowProps> {
                         colIndex: column.rawIndex,
                         key: column.index,
                         onAction: this.handleAction,
-                        onQuickChange: this.handleQuickChange,
+                        onQuickChange: this.handleQuickChange
                     })
                 )}
             </tr>
@@ -1701,7 +1721,7 @@ class TableRow extends React.Component<TableRowProps> {
 @Renderer({
     test: (path: string) => /(^|\/)table$/.test(path) /* && !/(^|\/)table$/.test(path)*/,
     storeType: TableStore.name,
-    name: 'table',
+    name: 'table'
 })
 export class TableRenderer extends Table {}
 
@@ -1722,7 +1742,7 @@ export interface HeadCellSearchProps extends RendererProps {
 
 export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps, any> {
     state = {
-        isOpened: false,
+        isOpened: false
     };
 
     constructor(props: HeadCellSearchProps) {
@@ -1747,15 +1767,15 @@ export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps,
                     {
                         type: 'text',
                         name,
-                        placeholder: label,
-                    },
-                ],
+                        placeholder: label
+                    }
+                ]
             };
         } else if (searchable) {
             if (searchable.controls || searchable.tabs || searchable.fieldSet) {
                 schema = {
                     title: '',
-                    ...searchable,
+                    ...searchable
                 };
             } else {
                 schema = {
@@ -1766,9 +1786,9 @@ export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps,
                             type: searchable.type || 'text',
                             name: searchable.name || name,
                             placeholder: label,
-                            ...searchable,
-                        },
-                    ],
+                            ...searchable
+                        }
+                    ]
                 };
             }
         }
@@ -1778,7 +1798,7 @@ export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps,
                 {
                     type: 'hidden',
                     name: 'orderBy',
-                    value: name,
+                    value: name
                 },
                 {
                     type: 'button-group',
@@ -1787,13 +1807,13 @@ export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps,
                     options: [
                         {
                             label: '正序',
-                            value: 'asc',
+                            value: 'asc'
                         },
                         {
                             label: '降序',
-                            value: 'desc',
-                        },
-                    ],
+                            value: 'desc'
+                        }
+                    ]
                 }
             );
         }
@@ -1807,15 +1827,15 @@ export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps,
                     {
                         type: 'button',
                         label: '取消',
-                        actionType: 'cancel',
+                        actionType: 'cancel'
                     },
 
                     {
                         label: '搜索',
                         type: 'submit',
-                        primary: true,
-                    },
-                ],
+                        primary: true
+                    }
+                ]
             };
         }
 
@@ -1828,13 +1848,13 @@ export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps,
 
     open() {
         this.setState({
-            isOpened: true,
+            isOpened: true
         });
     }
 
     close() {
         this.setState({
-            isOpened: false,
+            isOpened: false
         });
     }
 
@@ -1857,7 +1877,7 @@ export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps,
         if (values.orderDir) {
             values = {
                 ...values,
-                orderBy: name,
+                orderBy: name
             };
         }
 
@@ -1888,10 +1908,10 @@ export class HeadCellSearchDropDown extends React.Component<HeadCellSearchProps,
                                     data: {
                                         ...data,
                                         orderBy: orderBy,
-                                        orderDir: orderBy === name ? (store as ITableStore).orderDir : '',
+                                        orderDir: orderBy === name ? (store as ITableStore).orderDir : ''
                                     },
                                     onSubmit: this.handleSubmit,
-                                    onAction: this.handleAction,
+                                    onAction: this.handleAction
                                 }) as JSX.Element
                             }
                         </PopOver>
@@ -1919,7 +1939,7 @@ export interface HeadCellFilterProps extends RendererProps {
 export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps, any> {
     state = {
         isOpened: false,
-        filterOptions: [],
+        filterOptions: []
     };
 
     constructor(props: HeadCellFilterProps) {
@@ -1938,7 +1958,7 @@ export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps,
             this.fetchOptions();
         } else if (filterable.options.length > 0) {
             this.setState({
-                filterOptions: this.alterOptions(filterable.options),
+                filterOptions: this.alterOptions(filterable.options)
             });
         }
     }
@@ -1955,7 +1975,7 @@ export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps,
                 this.fetchOptions();
             } else if (nextProps.filterable.options) {
                 this.setState({
-                    filterOptions: this.alterOptions(nextProps.filterable.options || []),
+                    filterOptions: this.alterOptions(nextProps.filterable.options || [])
                 });
             }
         }
@@ -1967,7 +1987,7 @@ export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps,
             env.fetcher(filterable.source, data).then(ret => {
                 let options = (ret.data && ret.data.options) || [];
                 this.setState({
-                    filterOptions: ret && ret.data && this.alterOptions(options),
+                    filterOptions: ret && ret.data && this.alterOptions(options)
                 });
             });
     }
@@ -1979,12 +1999,12 @@ export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps,
         if (filterable.multiple) {
             options = options.map(option => ({
                 ...option,
-                selected: filterValue.split(',').indexOf(option.value) > -1,
+                selected: filterValue.split(',').indexOf(option.value) > -1
             }));
         } else {
             options = options.map(option => ({
                 ...option,
-                selected: option.value === filterValue,
+                selected: option.value === filterValue
             }));
         }
         return options;
@@ -1996,13 +2016,13 @@ export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps,
 
     open() {
         this.setState({
-            isOpened: true,
+            isOpened: true
         });
     }
 
     close() {
         this.setState({
-            isOpened: false,
+            isOpened: false
         });
     }
 
@@ -2010,7 +2030,7 @@ export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps,
         const {onQuery, name} = this.props;
 
         onQuery({
-            [name]: value,
+            [name]: value
         });
         this.close();
     }
@@ -2026,7 +2046,7 @@ export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps,
         }
 
         onQuery({
-            [name]: query,
+            [name]: query
         });
     }
 
@@ -2057,7 +2077,7 @@ export class HeadCellFilterDropDown extends React.Component<HeadCellFilterProps,
                                               <li
                                                   key={index}
                                                   className={cx('DropDown-divider', {
-                                                      'is-selected': option.selected,
+                                                      'is-selected': option.selected
                                                   })}
                                                   onClick={this.handleClick.bind(this, option.value)}
                                               >
@@ -2091,7 +2111,7 @@ export interface TableCellProps extends RendererProps {
 }
 export class TableCell extends React.Component<RendererProps> {
     static defaultProps = {
-        wrapperComponent: 'td',
+        wrapperComponent: 'td'
     };
 
     static propsList: Array<string> = ['type', 'label', 'column', 'body', 'tpl', 'rowSpan', 'remark'];
@@ -2123,7 +2143,7 @@ export class TableCell extends React.Component<RendererProps> {
         const schema = {
             ...column,
             className: innerClassName,
-            type: (column && column.type) || 'plain',
+            type: (column && column.type) || 'plain'
         };
 
         let body = children
@@ -2131,17 +2151,23 @@ export class TableCell extends React.Component<RendererProps> {
             : render('field', schema, {
                   ...rest,
                   value,
-                  data,
+                  data
               });
 
         if (width) {
             style = {
                 ...style,
-                width: (style && style.width) || width,
+                width: (style && style.width) || width
             };
 
             if (!/%$/.test(String(style.width))) {
-                body = <div style={{width: style.width}}>{prefix}{body}{affix}</div>;
+                body = (
+                    <div style={{width: style.width}}>
+                        {prefix}
+                        {body}
+                        {affix}
+                    </div>
+                );
                 prefix = null;
                 affix = null;
                 // delete style.width;
@@ -2170,7 +2196,7 @@ export class TableCell extends React.Component<RendererProps> {
 
 @Renderer({
     test: /(^|\/)table\/(?:.*\/)?cell$/,
-    name: 'table-cell',
+    name: 'table-cell'
 })
 @QuickEdit()
 @PopOverable()
@@ -2182,13 +2208,13 @@ export class TableCellRenderer extends TableCell {
 
 @Renderer({
     test: /(^|\/)field$/,
-    name: 'field',
+    name: 'field'
 })
 @PopOverable()
 @Copyable()
 export class FieldRenderer extends TableCell {
     static defaultProps = {
         ...TableCell.defaultProps,
-        wrapperComponent: 'div',
+        wrapperComponent: 'div'
     };
 }
diff --git a/src/renderers/Tabs.tsx b/src/renderers/Tabs.tsx
index 5648e776b..0e8b399a3 100644
--- a/src/renderers/Tabs.tsx
+++ b/src/renderers/Tabs.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import {Renderer, RendererProps} from '../factory';
-import { Schema } from '../types';
+import {Schema} from '../types';
 import find = require('lodash/find');
-import { isVisible, autobind, isDisabled } from '../utils/helper';
+import {isVisible, autobind, isDisabled} from '../utils/helper';
 import findIndex = require('lodash/findIndex');
-import { Tabs as CTabs, Tab } from '../components/Tabs';
-import { ClassNamesFn } from '../theme';
+import {Tabs as CTabs, Tab} from '../components/Tabs';
+import {ClassNamesFn} from '../theme';
 
 export interface TabProps extends Schema {
     title?: string; // 标题
@@ -14,14 +14,14 @@ export interface TabProps extends Schema {
     tab?: Schema;
     className?: string;
     classnames: ClassNamesFn;
-    eventKey?: string| number;
-    activeKey?: string|number;
+    eventKey?: string | number;
+    activeKey?: string | number;
     reload?: boolean;
     mountOnEnter?: boolean;
     unmountOnExit?: boolean;
     disabled?: string;
     disabledOn?: string;
-};
+}
 
 export interface TabsProps extends RendererProps {
     mode?: '' | 'line' | 'card' | 'radio';
@@ -46,7 +46,7 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
         className: '',
         mode: '',
         mountOnEnter: true,
-        unmountOnExit: false,
+        unmountOnExit: false
     };
 
     constructor(props: TabsProps) {
@@ -87,7 +87,7 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
             if (tab && tab.hash && tab.hash !== this.state.activeKey) {
                 this.setState({
                     activeKey: tab.hash,
-                    prevKey: this.state.activeKey,
+                    prevKey: this.state.activeKey
                 });
             }
         } else if (props.tabs !== nextProps.tabs) {
@@ -111,7 +111,7 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
 
             this.setState({
                 prevKey: undefined,
-                activeKey: activeKey,
+                activeKey: activeKey
             });
         }
     }
@@ -122,10 +122,7 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
 
     @autobind
     autoJumpToNeighbour() {
-        const {
-            tabs,
-            data
-        } = this.props;
+        const {tabs, data} = this.props;
 
         if (!Array.isArray(tabs)) {
             return;
@@ -138,16 +135,16 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
 
         if (tabs[tabIndex] && !isVisible(tabs[tabIndex], this.props.data)) {
             let len = tabs.length;
-            let i = (tabIndex - 1) + len;
+            let i = tabIndex - 1 + len;
             let tries = len - 1;
 
             while (tries--) {
-                const index = (i--) % len;
+                const index = i-- % len;
                 if (isVisible(tabs[index], data)) {
                     let activeKey = tabs[index].hash || index;
                     this.setState({
                         activeKey
-                    })
+                    });
                     break;
                 }
             }
@@ -167,7 +164,7 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
 
         this.setState({
             activeKey: key,
-            prevKey: this.state.activeKey,
+            prevKey: this.state.activeKey
         });
     }
 
@@ -176,10 +173,10 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
         const {tabs} = this.props;
 
         Array.isArray(tabs) &&
-        tabs[index] &&
-        this.setState({
-            activeKey: tabs[index].hash || index,
-        });
+            tabs[index] &&
+            this.setState({
+                activeKey: tabs[index].hash || index
+            });
     }
 
     @autobind
@@ -188,8 +185,8 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
 
         return Array.isArray(tabs)
             ? findIndex(tabs, (tab: TabProps, index) =>
-                tab.hash ? tab.hash === this.state.activeKey : index === this.state.activeKey
-            )
+                  tab.hash ? tab.hash === this.state.activeKey : index === this.state.activeKey
+              )
             : -1;
     }
 
@@ -225,31 +222,26 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
                 handleSelect={this.handleSelect}
                 activeKey={this.state.activeKey}
             >
-                {tabs.map((tab, index) => (
-                    isVisible(tab, data)
-                        ? (
-                            <Tab
-                                {...tab}
-                                disabled={isDisabled(tab, data)}
-                                key={index}
-                                eventKey={tab.hash || index}
-                                mountOnEnter={mountOnEnter}
-                                unmountOnExit={
-                                    typeof tab.reload === 'boolean'
-                                        ? tab.reload
-                                        : (
-                                            typeof tab.unmountOnExit === 'boolean'
-                                                ? tab.unmountOnExit
-                                                : unmountOnExit
-                                        )
-                                }
-                            >
-                                {tabRender
-                                    ? tabRender(tab, this.props)
-                                    : render(`tab/${index}`, tab.tab || tab.body || '')}
-                            </Tab>
-                        ) : null
-                ))}
+                {tabs.map((tab, index) =>
+                    isVisible(tab, data) ? (
+                        <Tab
+                            {...tab}
+                            disabled={isDisabled(tab, data)}
+                            key={index}
+                            eventKey={tab.hash || index}
+                            mountOnEnter={mountOnEnter}
+                            unmountOnExit={
+                                typeof tab.reload === 'boolean'
+                                    ? tab.reload
+                                    : typeof tab.unmountOnExit === 'boolean'
+                                    ? tab.unmountOnExit
+                                    : unmountOnExit
+                            }
+                        >
+                            {tabRender ? tabRender(tab, this.props) : render(`tab/${index}`, tab.tab || tab.body || '')}
+                        </Tab>
+                    ) : null
+                )}
             </CTabs>
         );
     }
@@ -257,6 +249,6 @@ export default class Tabs extends React.Component<TabsProps, TabsState> {
 
 @Renderer({
     test: /(^|\/)tabs$/,
-    name: 'tabs',
+    name: 'tabs'
 })
 export class TabsRenderer extends Tabs {}
diff --git a/src/renderers/Tasks.tsx b/src/renderers/Tasks.tsx
index e2e8be4f3..18235022a 100644
--- a/src/renderers/Tasks.tsx
+++ b/src/renderers/Tasks.tsx
@@ -6,7 +6,7 @@ import getExprProperties from '../utils/filter-schema';
 import {Api, Payload} from '../types';
 import update = require('react-addons-update');
 import {isEffectiveApi, isApiOutdated} from '../utils/api';
-import { ScopedContext, IScopedContext } from '../Scoped';
+import {ScopedContext, IScopedContext} from '../Scoped';
 
 export interface TaskProps extends RendererProps {
     className?: string;
@@ -67,7 +67,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
         errorStatusCode: 3,
         finishStatusCode: 4,
         canRetryStatusCode: 5,
-        interval: 3000,
+        interval: 3000
     };
 
     timer: any;
@@ -75,7 +75,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
     constructor(props: TaskProps) {
         super(props);
         this.state = {
-            items: props.items ? props.items.concat() : [],
+            items: props.items ? props.items.concat() : []
         };
 
         this.handleLoaded = this.handleLoaded.bind(this);
@@ -91,7 +91,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
 
         if (props.items !== nextProps.items) {
             this.setState({
-                items: nextProps.items ? nextProps.items.concat() : [],
+                items: nextProps.items ? nextProps.items.concat() : []
             });
         }
     }
@@ -126,7 +126,8 @@ export default class Task extends React.Component<TaskProps, TaskState> {
             return alert('checkApi 没有设置, 不能及时获取任务状态');
         }
 
-        isEffectiveApi(checkApi, data) && env &&
+        isEffectiveApi(checkApi, data) &&
+            env &&
             env
                 .fetcher(checkApi, data)
                 .then(this.handleLoaded)
@@ -139,7 +140,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
         }
 
         this.setState({
-            items: ret.data,
+            items: ret.data
         });
 
         const interval = this.props.interval;
@@ -165,20 +166,21 @@ export default class Task extends React.Component<TaskProps, TaskState> {
                             1,
                             {
                                 ...item,
-                                status: loadingStatusCode,
-                            },
-                        ],
-                    ],
-                },
+                                status: loadingStatusCode
+                            }
+                        ]
+                    ]
+                }
             } as any)
         );
 
         const api = retry ? reSubmitApi : submitApi;
-        isEffectiveApi(api, data) && env &&
+        isEffectiveApi(api, data) &&
+            env &&
             env
                 .fetcher(api, {
                     ...data,
-                    ...item,
+                    ...item
                 })
                 .then((ret: Payload) => {
                     if (ret && ret.data) {
@@ -189,13 +191,13 @@ export default class Task extends React.Component<TaskProps, TaskState> {
                                 item.key === ret.data.key
                                     ? {
                                           ...item,
-                                          ...ret.data,
+                                          ...ret.data
                                       }
                                     : item
                             );
                             this.handleLoaded({
                                 ...ret,
-                                data: items,
+                                data: items
                             });
                         }
                         return;
@@ -215,11 +217,11 @@ export default class Task extends React.Component<TaskProps, TaskState> {
                                         {
                                             ...item,
                                             status: errorStatusCode,
-                                            remark: e.message || e,
-                                        },
-                                    ],
-                                ],
-                            },
+                                            remark: e.message || e
+                                        }
+                                    ]
+                                ]
+                            }
                         } as any)
                     )
                 );
@@ -242,7 +244,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
             readyStatusCode,
             loadingStatusCode,
             canRetryStatusCode,
-            render,
+            render
         } = this.props;
         const items = this.state.items;
         const error = this.state.error;
@@ -283,7 +285,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
                                             <a
                                                 onClick={() => this.submitTask(item, key)}
                                                 className={cx('btn', btnClassName, {
-                                                    disabled: item.status !== readyStatusCode,
+                                                    disabled: item.status !== readyStatusCode
                                                 })}
                                             >
                                                 {btnText}
@@ -310,7 +312,7 @@ export default class Task extends React.Component<TaskProps, TaskState> {
 
 @Renderer({
     test: /(^|\/)tasks$/,
-    name: 'tasks',
+    name: 'tasks'
 })
 export class TaskRenderer extends Task {
     static contextType = ScopedContext;
diff --git a/src/renderers/Tpl.tsx b/src/renderers/Tpl.tsx
index 8d0588709..dfcb59151 100644
--- a/src/renderers/Tpl.tsx
+++ b/src/renderers/Tpl.tsx
@@ -20,7 +20,7 @@ export class Tpl extends React.Component<TplProps, object> {
     static defaultProps: Partial<TplProps> = {
         inline: true,
         placeholder: '',
-        value: '',
+        value: ''
     };
 
     dom: any;
@@ -80,6 +80,6 @@ export class Tpl extends React.Component<TplProps, object> {
 
 @Renderer({
     test: /(^|\/)(?:tpl|html)$/,
-    name: 'tpl',
+    name: 'tpl'
 })
 export class TplRenderer extends Tpl {}
diff --git a/src/renderers/VBox.tsx b/src/renderers/VBox.tsx
index e055f2d0d..788e48530 100644
--- a/src/renderers/VBox.tsx
+++ b/src/renderers/VBox.tsx
@@ -52,6 +52,6 @@ export default class VBox extends React.Component<HBoxProps, object> {
 
 @Renderer({
     test: /(^|\/)vbox$/,
-    name: 'vbox',
+    name: 'vbox'
 })
 export class VBoxRenderer extends VBox {}
diff --git a/src/renderers/Video.tsx b/src/renderers/Video.tsx
index 4ddff3dbc..8b43bb29e 100644
--- a/src/renderers/Video.tsx
+++ b/src/renderers/Video.tsx
@@ -48,7 +48,7 @@ export class FlvSource extends React.Component<FlvSourceProps, any> {
                     {
                         type: 'flv',
                         url: src,
-                        isLive: isLive,
+                        isLive: isLive
                     },
                     config
                 );
@@ -129,7 +129,7 @@ export class HlsSource extends React.Component<HlsSourceProps, any> {
                 video = video || (manager.video && manager.video.video);
 
                 let hls = (this.hls = new Hls({
-                    autoStartLoad: false,
+                    autoStartLoad: false
                 }));
                 hls.attachMedia(video);
                 hls.loadSource(src);
@@ -188,7 +188,7 @@ export default class Video extends React.Component<VideoProps, VideoState> {
         columnsCount: 8,
         isLive: false,
         jumpFrame: true,
-        aspectRatio: 'auto',
+        aspectRatio: 'auto'
     };
 
     frameDom: any;
@@ -201,7 +201,7 @@ export default class Video extends React.Component<VideoProps, VideoState> {
 
         this.state = {
             posterInfo: null,
-            videoState: {},
+            videoState: {}
         };
 
         this.frameRef = this.frameRef.bind(this);
@@ -217,8 +217,8 @@ export default class Video extends React.Component<VideoProps, VideoState> {
             this.setState({
                 posterInfo: {
                     width: image.width,
-                    height: image.height,
-                },
+                    height: image.height
+                }
             });
             image = image.onload = null;
         };
@@ -242,7 +242,7 @@ export default class Video extends React.Component<VideoProps, VideoState> {
 
         player.subscribeToStateChange((state: any) => {
             this.setState({
-                videoState: state,
+                videoState: state
             });
 
             if (!state.paused) {
@@ -335,7 +335,7 @@ export default class Video extends React.Component<VideoProps, VideoState> {
 
             items.push({
                 time: time,
-                src: frames[time],
+                src: frames[time]
             });
         });
 
@@ -502,6 +502,6 @@ export default class Video extends React.Component<VideoProps, VideoState> {
 
 @Renderer({
     test: /(^|\/)video$/,
-    name: 'video',
+    name: 'video'
 })
 export class VideoRenderer extends Video {}
diff --git a/src/renderers/Wizard.tsx b/src/renderers/Wizard.tsx
index 1a6a3c814..1616892c0 100644
--- a/src/renderers/Wizard.tsx
+++ b/src/renderers/Wizard.tsx
@@ -35,7 +35,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         actionPrevLabel: '上一步',
         actionNextLabel: '下一步',
         actionNextSaveLabel: '保存并下一步',
-        actionFinishLabel: '完成',
+        actionFinishLabel: '完成'
     };
 
     static propsList: Array<string> = [
@@ -47,7 +47,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         'actionNextLabel',
         'actionNextSaveLabel',
         'actionFinishLabel',
-        'onFinished',
+        'onFinished'
     ];
 
     dom: any;
@@ -57,7 +57,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         super(props);
 
         this.state = {
-            currentStep: -1, // init 完后会设置成 1
+            currentStep: -1 // init 完后会设置成 1
         };
 
         this.handleAction = this.handleAction.bind(this);
@@ -79,7 +79,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
             store,
             data,
             messages: {fetchSuccess, fetchFailed},
-            onInit,
+            onInit
         } = this.props;
 
         if (isEffectiveApi(initApi, store.data, initFetch)) {
@@ -97,20 +97,19 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                             (ret: any) => ret && ret[initFinishedField || 'finished'],
                             cancel => (this.asyncCancel = cancel)
                         );
-                    },
+                    }
                 })
                 .then(value => {
                     onInit && onInit(store.data);
                     const state = {
-                        currentStep: 1,
+                        currentStep: 1
                     };
 
                     if (
-                        value && value.data 
-                        && (
-                            typeof value.data.step === 'number'
-                            || typeof value.data.step === 'string' && /^\d+$/.test(value.data.step)
-                        )
+                        value &&
+                        value.data &&
+                        (typeof value.data.step === 'number' ||
+                            (typeof value.data.step === 'string' && /^\d+$/.test(value.data.step)))
                     ) {
                         state.currentStep = parseInt(value.data.step, 10);
                     }
@@ -126,7 +125,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         } else {
             this.setState(
                 {
-                    currentStep: 1,
+                    currentStep: 1
                 },
                 () => onInit && onInit(store.data)
             );
@@ -140,7 +139,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         if (isApiOutdated(prevProps.initApi, props.initApi, prevProps.data, props.data)) {
             store.fetchData(props.initApi, store.data, {
                 successMessage: fetchSuccess,
-                errorMessage: fetchFailed,
+                errorMessage: fetchFailed
             });
         }
     }
@@ -154,7 +153,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         index = Math.max(Math.min(steps.length, index), 1);
 
         this.setState({
-            currentStep: index,
+            currentStep: index
         });
     }
 
@@ -190,15 +189,15 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         const {store, steps, asyncApi, finishedField, target, redirect, reload, env, onFinished} = this.props;
 
         const step = steps[this.state.currentStep - 1];
-        let finnalAsyncApi = step && step.asyncApi || this.state.currentStep === steps.length && asyncApi;
-        
+        let finnalAsyncApi = (step && step.asyncApi) || (this.state.currentStep === steps.length && asyncApi);
+
         if (!step || !isEffectiveApi(finnalAsyncApi, store.data)) {
             return;
         }
 
         store.markSaving(true);
         store.updateData({
-            [finishedField || 'finished']: false,
+            [finishedField || 'finished']: false
         });
 
         until(
@@ -208,7 +207,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         )
             .then(() => {
                 store.markSaving(false);
-                this.gotoStep(this.state.currentStep + 1)
+                this.gotoStep(this.state.currentStep + 1);
             })
             .catch(e => {
                 env.notify('error', e.message);
@@ -223,7 +222,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
             this.form.doAction(
                 {
                     ...action,
-                    actionType: 'submit',
+                    actionType: 'submit'
                 },
                 data
             );
@@ -243,7 +242,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                     successMessage: action.messages && action.messages.success,
                     errorMessage: action.messages && action.messages.failed
                 })
-                .then(async (response) => {
+                .then(async response => {
                     this.form && this.form.isValidated() && this.form.validate(true);
 
                     if (action.feedback && isVisible(action.feedback, store.data)) {
@@ -256,7 +255,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                         ? env.updateLocation(filter(action.redirect, store.data))
                         : null;
                 })
-                .catch(() => { });
+                .catch(() => {});
         } else if (action.actionType === 'reload') {
             action.target && this.reloadTarget(action.target, data);
         } else if (onAction) {
@@ -264,20 +263,18 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
         }
     }
 
-    openFeedback(dialog:any, ctx:any) {
-        return new Promise((resolve) => {
-            const {
-                store
-            } = this.props;
+    openFeedback(dialog: any, ctx: any) {
+        return new Promise(resolve => {
+            const {store} = this.props;
             store.setCurrentAction({
                 type: 'button',
                 actionType: 'dialog',
                 dialog: dialog
             });
-            store.openDialog(ctx, undefined, (confirmed) => {
-                resolve(confirmed)
+            store.openDialog(ctx, undefined, confirmed => {
+                resolve(confirmed);
             });
-        })
+        });
     }
 
     handleChange(values: object) {
@@ -298,14 +295,17 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
 
             isEffectiveApi(finnalAsyncApi, store.data) &&
                 store.updateData({
-                    [finishedField || 'finished']: false,
+                    [finishedField || 'finished']: false
                 });
 
             if (isEffectiveApi(action.api || step.api, store.data)) {
                 store
                     .saveRemote(action.api || step.api, store.data, {
                         onSuccess: () => {
-                            if (!isEffectiveApi(finnalAsyncApi, store.data) || store.data[finishedField || 'finished']) {
+                            if (
+                                !isEffectiveApi(finnalAsyncApi, store.data) ||
+                                store.data[finishedField || 'finished']
+                            ) {
                                 return;
                             }
 
@@ -314,9 +314,11 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                                 (ret: any) => ret && ret[finishedField || 'finished'],
                                 cancel => (this.asyncCancel = cancel)
                             );
-                        },
+                        }
                     })
-                    .then((value:any) => this.gotoStep(value && typeof value.step === "number" ? value.step : this.state.currentStep + 1))
+                    .then((value: any) =>
+                        this.gotoStep(value && typeof value.step === 'number' ? value.step : this.state.currentStep + 1)
+                    )
                     .catch(e => {
                         // do nothing
                     });
@@ -332,7 +334,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
 
                 isEffectiveApi(finnalAsyncApi, store.data) &&
                     store.updateData({
-                        [finishedField || 'finished']: false,
+                        [finishedField || 'finished']: false
                     });
 
                 const formStore = this.form ? (this.form.props.store as IFormStore) : store;
@@ -341,7 +343,10 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                 formStore
                     .saveRemote(action.api || step.api || api, store.data, {
                         onSuccess: () => {
-                            if (!isEffectiveApi(finnalAsyncApi, store.data) || store.data[finishedField || 'finished']) {
+                            if (
+                                !isEffectiveApi(finnalAsyncApi, store.data) ||
+                                store.data[finishedField || 'finished']
+                            ) {
                                 return;
                             }
 
@@ -350,7 +355,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                                 (ret: any) => ret && ret[finishedField || 'finished'],
                                 cancel => (this.asyncCancel = cancel)
                             );
-                        },
+                        }
                     })
                     .then(value => {
                         store.updateData({
@@ -363,7 +368,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                             return value;
                         }
 
-                        if (value && typeof value.step === "number") {
+                        if (value && typeof value.step === 'number') {
                             this.gotoStep(value.step);
                         } else if (redirect) {
                             env.updateLocation(filter(redirect, store.data));
@@ -414,15 +419,14 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                                     key={key}
                                     className={cx({
                                         'is-complete': canJump,
-                                        'is-active': currentStep === key + 1,
+                                        'is-active': currentStep === key + 1
                                     })}
                                     onClick={() => (canJump ? this.gotoStep(key + 1) : null)}
                                 >
                                     <span
                                         className={cx('Badge', {
                                             // 'Badge--success': canJump && currentStep != key + 1,
-                                            'is-active':
-                                                currentStep === key + 1 || (canJump && currentStep != key + 1),
+                                            'is-active': currentStep === key + 1 || (canJump && currentStep != key + 1)
                                         })}
                                     >
                                         {key + 1}
@@ -450,7 +454,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
             actionFinishLabel,
             render,
             classPrefix: ns,
-            classnames: cx,
+            classnames: cx
         } = this.props;
 
         if (!Array.isArray(steps)) {
@@ -481,7 +485,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                                 waiting ||
                                 disabled ||
                                 (action.actionType === 'prev' && !prevCanJump) ||
-                                (action.actionType === 'next' && readOnly && (!!step.api || !nextStep)),
+                                (action.actionType === 'next' && readOnly && (!!step.api || !nextStep))
                         })
                     )}
                 </div>
@@ -496,11 +500,11 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                         type: 'button',
                         label: actionPrevLabel,
                         actionType: 'prev',
-                        className: actionClassName,
+                        className: actionClassName
                     },
                     {
                         disabled: waiting || !prevCanJump || disabled,
-                        onAction: this.handleAction,
+                        onAction: this.handleAction
                     }
                 )}
 
@@ -511,11 +515,11 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                         label: !nextStep ? actionFinishLabel : !step.api ? actionNextLabel : actionNextSaveLabel,
                         actionType: 'next',
                         primary: !nextStep || !!step.api,
-                        className: actionClassName,
+                        className: actionClassName
                     },
                     {
                         disabled: waiting || disabled || (readOnly && (!!step.api || !nextStep)),
-                        onAction: this.handleAction,
+                        onAction: this.handleAction
                     }
                 )}
             </div>
@@ -541,7 +545,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                                 wrapWithPanel: false,
 
                                 // 接口相关需要外部来接管
-                                api: null,
+                                api: null
                             },
                             {
                                 key: this.state.currentStep,
@@ -550,7 +554,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                                 onAction: this.handleAction,
                                 disabled: store.loading,
                                 popOverContainer: this.getPopOverContainer,
-                                onChange: this.handleChange,
+                                onChange: this.handleChange
                             }
                         )
                     ) : currentStep === -1 ? (
@@ -564,14 +568,14 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                     'dialog',
                     {
                         ...((store.action as Action) && ((store.action as Action).dialog as object)),
-                        type: 'dialog',
+                        type: 'dialog'
                     },
                     {
                         key: 'dialog',
                         data: store.dialogData,
                         onConfirm: this.handleDialogConfirm,
                         onClose: this.handleDialogClose,
-                        show: store.dialogOpen,
+                        show: store.dialogOpen
                     }
                 )}
                 {this.renderActions()}
@@ -580,7 +584,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
                     ? render('spinner', {
                           type: 'spinner',
                           overlay: true,
-                          size: 'lg',
+                          size: 'lg'
                       })
                     : null}
             </div>
@@ -597,7 +601,7 @@ function isJumpable(step: any, index: number, currentStep: number, data: any) {
         canJump = evalExpression(
             step.jumpableOn,
             createObject(data, {
-                currentStep,
+                currentStep
             })
         );
     } else {
@@ -611,7 +615,7 @@ function isJumpable(step: any, index: number, currentStep: number, data: any) {
     test: /(^|\/)wizard$/,
     storeType: ServiceStore.name,
     name: 'wizard',
-    isolateScope: true,
+    isolateScope: true
 })
 export class WizardRenderer extends Wizard {
     static contextType = ScopedContext;
diff --git a/src/renderers/Wrapper.tsx b/src/renderers/Wrapper.tsx
index 4503fad6e..484f1b5dc 100644
--- a/src/renderers/Wrapper.tsx
+++ b/src/renderers/Wrapper.tsx
@@ -13,7 +13,7 @@ export interface WrapperProps extends RendererProps {
 export default class Wrapper extends React.Component<WrapperProps, object> {
     static propsList: Array<string> = ['body', 'className', 'children', 'size'];
     static defaultProps: Partial<WrapperProps> = {
-        className: 'bg-white',
+        className: 'bg-white'
     };
 
     renderBody(): JSX.Element | null {
@@ -31,18 +31,12 @@ export default class Wrapper extends React.Component<WrapperProps, object> {
     render() {
         const {className, size, classnames: cx} = this.props;
 
-        return (
-            <div
-                className={cx('Wrapper', size ? `Wrapper--${size}` : '', className)}
-            >
-                {this.renderBody()}
-            </div>
-        );
+        return <div className={cx('Wrapper', size ? `Wrapper--${size}` : '', className)}>{this.renderBody()}</div>;
     }
 }
 
 @Renderer({
     test: /(^|\/)wrapper$/,
-    name: 'wrapper',
+    name: 'wrapper'
 })
 export class WrapperRenderer extends Wrapper {}
diff --git a/src/store/combo.ts b/src/store/combo.ts
index 418032737..724c1b973 100644
--- a/src/store/combo.ts
+++ b/src/store/combo.ts
@@ -1,25 +1,12 @@
-import {
-    types,
-    SnapshotIn,
-    getParent,
-    flow,
-    getEnv,
-    getRoot
-} from "mobx-state-tree";
-import {
-    iRendererStore,
-} from './iRenderer';
-import {
-    FormItemStore,
-    IFormItemStore
-} from './formItem';
+import {types, SnapshotIn, getParent, flow, getEnv, getRoot} from 'mobx-state-tree';
+import {iRendererStore} from './iRenderer';
+import {FormItemStore, IFormItemStore} from './formItem';
 import {FormStore, IFormStore} from './form';
 
-export const UniqueGroup = types
-    .model('UniqueGroup', {
-        name: types.identifier,
-        items: types.array(types.reference(types.late(() => FormItemStore)))
-    })
+export const UniqueGroup = types.model('UniqueGroup', {
+    name: types.identifier,
+    items: types.array(types.reference(types.late(() => FormItemStore)))
+});
 
 export type IUniqueGroup = typeof UniqueGroup.Type;
 
@@ -49,9 +36,9 @@ export const ComboStore = iRendererStore
                     let total = item.items[0].options.length;
                     let current = item.items.reduce((total, item) => {
                         return total + item.selectedOptions.length;
-                    }, 0)
+                    }, 0);
 
-                    isFull = total && (current >= total) ? true : false;
+                    isFull = total && current >= total ? true : false;
                 });
 
                 if (isFull) {
@@ -71,43 +58,39 @@ export const ComboStore = iRendererStore
         }
     }))
     .actions(self => {
-        function config(setting: {
-            minLength?: number;
-            maxLength?: number;
-            length?: number;
-        }) {
+        function config(setting: {minLength?: number; maxLength?: number; length?: number}) {
             typeof setting.minLength !== 'undefined' && (self.minLength = setting.minLength);
             typeof setting.maxLength !== 'undefined' && (self.maxLength = setting.maxLength);
             typeof setting.length !== 'undefined' && (self.length = setting.length);
         }
 
-        function bindUniuqueItem(item:IFormItemStore) {
+        function bindUniuqueItem(item: IFormItemStore) {
             if (!self.uniques.has(item.name)) {
                 self.uniques.put({
                     name: item.name
                 });
             }
-            let group:IUniqueGroup = self.uniques.get(item.name) as IUniqueGroup;
+            let group: IUniqueGroup = self.uniques.get(item.name) as IUniqueGroup;
             group.items.push(item);
         }
 
-        function unBindUniuqueItem(item:IFormItemStore) {
-            let group:IUniqueGroup = self.uniques.get(item.name) as IUniqueGroup;
+        function unBindUniuqueItem(item: IFormItemStore) {
+            let group: IUniqueGroup = self.uniques.get(item.name) as IUniqueGroup;
             group.items.remove(item);
             if (!group.items.length) {
                 self.uniques.delete(item.name);
             }
         }
 
-        function addForm(form:IFormStore) {
+        function addForm(form: IFormStore) {
             self.forms.push(form);
         }
 
-        function removeForm(form:IFormStore) {
+        function removeForm(form: IFormStore) {
             self.forms.remove(form);
         }
 
-        function setActiveKey(key:number) {
+        function setActiveKey(key: number) {
             self.activeKey = key;
         }
 
diff --git a/src/store/crud.ts b/src/store/crud.ts
index 6b378eab7..23888deca 100644
--- a/src/store/crud.ts
+++ b/src/store/crud.ts
@@ -1,32 +1,17 @@
-import {
-    types,
-    getParent,
-    flow,
-    getEnv,
-    getRoot
-} from "mobx-state-tree";
-import {
-    IRendererStore
-} from './index';
-import { ServiceStore } from './service';
-import { extendObject, createObject, isObjectShallowModified, sortArray, isEmpty } from '../utils/helper';
-import {
-    Api,
-    Payload,
-    fetchOptions,
-    Action
-} from '../types';
+import {types, getParent, flow, getEnv, getRoot} from 'mobx-state-tree';
+import {IRendererStore} from './index';
+import {ServiceStore} from './service';
+import {extendObject, createObject, isObjectShallowModified, sortArray, isEmpty} from '../utils/helper';
+import {Api, Payload, fetchOptions, Action} from '../types';
 import qs from 'qs';
-import pick = require("lodash/pick");
-import { resolveVariableAndFilter } from '../utils/tpl-builtin';
-
+import pick = require('lodash/pick');
+import {resolveVariableAndFilter} from '../utils/tpl-builtin';
 
 class ServerError extends Error {
     type = 'ServerError';
 }
 
-export const CRUDStore = ServiceStore
-    .named('CRUDStore')
+export const CRUDStore = ServiceStore.named('CRUDStore')
     .props({
         pristineQuery: types.optional(types.frozen(), {}),
         query: types.optional(types.frozen(), {}),
@@ -42,7 +27,7 @@ export const CRUDStore = ServiceStore
         unSelectedItems: types.optional(types.array(types.frozen()), []),
         filterTogggable: false,
         filterVisible: true,
-        hasInnerModalOpen: false,
+        hasInnerModalOpen: false
     })
     .views(self => ({
         get lastPage() {
@@ -73,20 +58,28 @@ export const CRUDStore = ServiceStore
         }
     }))
     .actions(self => {
-        let fetchCancel:Function | null = null;
+        let fetchCancel: Function | null = null;
 
         function setPristineQuery() {
             self.pristineQuery = self.query;
         }
 
-        function updateQuery (values:object, updater?: Function, pageField:string = 'page', perPageField: string = 'perPage', replace:boolean = false) {
+        function updateQuery(
+            values: object,
+            updater?: Function,
+            pageField: string = 'page',
+            perPageField: string = 'perPage',
+            replace: boolean = false
+        ) {
             const originQuery = self.query;
-            self.query = replace ? {
-                ...values
-            } : {
-                ...self.query,
-                ...values
-            };
+            self.query = replace
+                ? {
+                      ...values
+                  }
+                : {
+                      ...self.query,
+                      ...values
+                  };
 
             if (self.query[pageField || 'page']) {
                 self.page = parseInt(self.query[pageField || 'page'], 10);
@@ -96,23 +89,32 @@ export const CRUDStore = ServiceStore
                 self.perPage = parseInt(self.query[perPageField || 'perPage'], 10);
             }
 
-            updater && isObjectShallowModified(originQuery, self.query, false) && setTimeout(() => updater(`?${qs.stringify(self.query)}`), 4);
+            updater &&
+                isObjectShallowModified(originQuery, self.query, false) &&
+                setTimeout(() => updater(`?${qs.stringify(self.query)}`), 4);
         }
 
-        
-        const fetchInitData:(api:Api, data?:object, options?:fetchOptions & {
-            forceReload?: boolean;
-            loadDataOnce?: boolean; // 配置数据是否一次性加载，如果是这样，由前端来完成分页，排序等功能。
-            source?: string; // 支持自定义属于映射，默认不配置，读取 rows 或者 items
-            loadDataMode?: boolean;
-            syncResponse2Query?: boolean;
-        }) => Promise<any> = flow(function *getInitData(api:string, data:object, options:fetchOptions & {
-            forceReload?: boolean;
-            loadDataOnce?: boolean; // 配置数据是否一次性加载，如果是这样，由前端来完成分页，排序等功能。
-            source?: string; // 支持自定义属于映射，默认不配置，读取 rows 或者 items
-            loadDataMode?: boolean;
-            syncResponse2Query?: boolean;
-        } = {}) {
+        const fetchInitData: (
+            api: Api,
+            data?: object,
+            options?: fetchOptions & {
+                forceReload?: boolean;
+                loadDataOnce?: boolean; // 配置数据是否一次性加载，如果是这样，由前端来完成分页，排序等功能。
+                source?: string; // 支持自定义属于映射，默认不配置，读取 rows 或者 items
+                loadDataMode?: boolean;
+                syncResponse2Query?: boolean;
+            }
+        ) => Promise<any> = flow(function* getInitData(
+            api: string,
+            data: object,
+            options: fetchOptions & {
+                forceReload?: boolean;
+                loadDataOnce?: boolean; // 配置数据是否一次性加载，如果是这样，由前端来完成分页，排序等功能。
+                source?: string; // 支持自定义属于映射，默认不配置，读取 rows 或者 items
+                loadDataMode?: boolean;
+                syncResponse2Query?: boolean;
+            } = {}
+        ) {
             try {
                 if (options.forceReload === false && options.loadDataOnce && self.total) {
                     let items = self.items.concat();
@@ -125,7 +127,7 @@ export const CRUDStore = ServiceStore
                     const data = {
                         ...self.data,
                         items: items.slice((self.page - 1) * self.perPage, self.page * self.perPage)
-                    }
+                    };
                     self.reInitData(data);
                     return;
                 }
@@ -137,21 +139,21 @@ export const CRUDStore = ServiceStore
                 }
 
                 options.silent || self.markFetching(true);
-                const ctx:any = createObject(self.data, {
+                const ctx: any = createObject(self.data, {
                     ...self.query,
                     [options.pageField || 'page']: self.page,
                     [options.perPageField || 'perPage']: self.perPage,
                     ...data
                 });
-                
+
                 // 一次性加载不要发送 perPage 属性
                 if (options.loadDataOnce) {
                     delete ctx[options.perPageField || 'perPage'];
                 }
 
-                const json:Payload = yield (getRoot(self) as IRendererStore).fetcher(api, ctx, {
+                const json: Payload = yield (getRoot(self) as IRendererStore).fetcher(api, ctx, {
                     ...options,
-                    cancelExecutor: (executor:Function) => fetchCancel = executor
+                    cancelExecutor: (executor: Function) => (fetchCancel = executor)
                 });
                 fetchCancel = null;
 
@@ -172,17 +174,15 @@ export const CRUDStore = ServiceStore
                         };
                     }
 
-                    const {
-                        total,
-                        count,
-                        page,
-                        hasNext,
-                        ...rest
-                    } = result;
+                    const {total, count, page, hasNext, ...rest} = result;
 
-                    let items:Array<any>;
+                    let items: Array<any>;
                     if (options.source) {
-                        items = resolveVariableAndFilter(options.source, createObject(self.filterData, result), '| raw');
+                        items = resolveVariableAndFilter(
+                            options.source,
+                            createObject(self.filterData, result),
+                            '| raw'
+                        );
                     } else {
                         items = result.items || result.rows;
                     }
@@ -191,14 +191,14 @@ export const CRUDStore = ServiceStore
                         throw new Error('返回数据格式不正确，payload.data.items 必须是数组');
                     } else {
                         // 确保成员是对象。
-                        items.map((item:any) => typeof item === 'string' ? {text: item} : item);
+                        items.map((item: any) => (typeof item === 'string' ? {text: item} : item));
                     }
 
                     // 点击加载更多数据
-                    let rowsData = []
+                    let rowsData = [];
                     if (options.loadDataMode && Array.isArray(self.data.items)) {
                         rowsData = self.data.items.concat(items);
-                    } else { 
+                    } else {
                         // 第一次的时候就是直接加载请求的数据
                         rowsData = items;
                     }
@@ -222,7 +222,13 @@ export const CRUDStore = ServiceStore
 
                     self.items.replace(rowsData);
                     self.reInitData(data);
-                    options.syncResponse2Query !== false && updateQuery(pick(rest, Object.keys(self.query)), undefined, options.pageField || 'page', options.perPageField || 'perPage');
+                    options.syncResponse2Query !== false &&
+                        updateQuery(
+                            pick(rest, Object.keys(self.query)),
+                            undefined,
+                            options.pageField || 'page',
+                            options.perPageField || 'perPage'
+                        );
 
                     self.total = parseInt(data.total || data.count, 10) || 0;
                     typeof page !== 'undefined' && (self.page = parseInt(page, 10));
@@ -244,7 +250,7 @@ export const CRUDStore = ServiceStore
 
                 self.markFetching(false);
                 return json;
-            } catch(e) {
+            } catch (e) {
                 const root = getRoot(self) as IRendererStore;
 
                 if (root.storeType !== 'RendererStore') {
@@ -263,16 +269,20 @@ export const CRUDStore = ServiceStore
             }
         });
 
-        function changePage(page:number, perPage?: number) {
+        function changePage(page: number, perPage?: number) {
             self.page = page;
             perPage && (self.perPage = perPage);
         }
 
-        function selectAction(action:Action) {
+        function selectAction(action: Action) {
             self.selectedAction = action;
         }
 
-        const saveRemote:(api:Api, data?:object, options?:fetchOptions) => Promise<any> = flow(function *saveRemote(api:string, data:object, options:fetchOptions = {}) {
+        const saveRemote: (api: Api, data?: object, options?: fetchOptions) => Promise<any> = flow(function* saveRemote(
+            api: string,
+            data: object,
+            options: fetchOptions = {}
+        ) {
             try {
                 options = {
                     method: 'post', // 默认走 post
@@ -280,7 +290,7 @@ export const CRUDStore = ServiceStore
                 };
 
                 self.markSaving(true);
-                const json:Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
+                const json: Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
                 self.markSaving(false);
 
                 if (!isEmpty(json.data) || json.ok) {
@@ -299,34 +309,36 @@ export const CRUDStore = ServiceStore
                     (getRoot(self) as IRendererStore).notify('success', self.msg);
                 }
                 return json.data;
-            } catch(e) {
+            } catch (e) {
                 self.markSaving(false);
-                e.type !== 'ServerError' && (getRoot(self) as IRendererStore) && (getRoot(self) as IRendererStore).notify('error', e.message);
+                e.type !== 'ServerError' &&
+                    (getRoot(self) as IRendererStore) &&
+                    (getRoot(self) as IRendererStore).notify('error', e.message);
                 throw e;
             }
         });
 
-        const setFilterTogglable = (toggable:boolean, filterVisible?: boolean) => {
+        const setFilterTogglable = (toggable: boolean, filterVisible?: boolean) => {
             self.filterTogggable = toggable;
 
             filterVisible !== void 0 && (self.filterVisible = filterVisible);
         };
 
-        const setFilterVisible = (visible:boolean) => {
+        const setFilterVisible = (visible: boolean) => {
             self.filterVisible = visible;
         };
 
-        const setSelectedItems = (items:Array<any>) => {
+        const setSelectedItems = (items: Array<any>) => {
             self.selectedItems.replace(items);
-        }
+        };
 
-        const setUnSelectedItems = (items:Array<any>) => {
+        const setUnSelectedItems = (items: Array<any>) => {
             self.unSelectedItems.replace(items);
-        }
+        };
 
-        const setInnerModalOpened = (value:boolean) => {
+        const setInnerModalOpened = (value: boolean) => {
             self.hasInnerModalOpen = value;
-        }
+        };
 
         return {
             setPristineQuery,
diff --git a/src/store/form.ts b/src/store/form.ts
index 3bc917d74..2d45b3304 100644
--- a/src/store/form.ts
+++ b/src/store/form.ts
@@ -1,24 +1,8 @@
-import {
-    types,
-    getEnv,
-    flow,
-    getRoot,
-    detach
-} from "mobx-state-tree";
+import {types, getEnv, flow, getRoot, detach} from 'mobx-state-tree';
 import debounce = require('lodash/debounce');
-import {
-    ServiceStore,
-} from './service';
-import {
-    FormItemStore,
-    IFormItemStore,
-    SFormItemStore
-} from './formItem';
-import {
-    Api,
-    fetchOptions,
-    Payload
-} from '../types';
+import {ServiceStore} from './service';
+import {FormItemStore, IFormItemStore, SFormItemStore} from './formItem';
+import {Api, fetchOptions, Payload} from '../types';
 import {
     getVariable,
     setVariable,
@@ -31,16 +15,15 @@ import {
     isEmpty,
     mapObject
 } from '../utils/helper';
-import { IComboStore } from "./combo";
+import {IComboStore} from './combo';
 import isEqual = require('lodash/isEqual');
-import { IRendererStore } from ".";
+import {IRendererStore} from '.';
 
 class ServerError extends Error {
     type = 'ServerError';
 }
 
-export const FormStore = ServiceStore
-    .named('FormStore')
+export const FormStore = ServiceStore.named('FormStore')
     .props({
         inited: false,
         validated: false,
@@ -57,36 +40,38 @@ export const FormStore = ServiceStore
         },
 
         get errors() {
-            let errors:{
-                [propName:string]: Array<string>;
+            let errors: {
+                [propName: string]: Array<string>;
             } = {};
 
             self.items.forEach(item => {
                 if (!item.valid) {
-                    errors[item.name] = Array.isArray(errors[item.name]) ? errors[item.name].concat(item.errors) : item.errors.concat();
+                    errors[item.name] = Array.isArray(errors[item.name])
+                        ? errors[item.name].concat(item.errors)
+                        : item.errors.concat();
                 }
-            })
+            });
 
             return errors;
         },
 
-        getValueByName(name:string) {
+        getValueByName(name: string) {
             return getVariable(self.data, name, self.canAccessSuperData);
         },
 
-        getPristineValueByName(name:string) {
+        getPristineValueByName(name: string) {
             return getVariable(self.pristine, name);
         },
 
-        getItemById(id:string) {
+        getItemById(id: string) {
             return self.items.find(item => item.id === id);
         },
 
-        getItemByName(name:string) {
+        getItemByName(name: string) {
             return self.items.find(item => item.name === name);
         },
 
-        getItemsByName(name:string) {
+        getItemsByName(name: string) {
             return self.items.filter(item => item.name === name);
         },
 
@@ -99,19 +84,17 @@ export const FormStore = ServiceStore
         }
     }))
     .actions(self => {
-
-        function setValues(values:object, tag?:object) {
+        function setValues(values: object, tag?: object) {
             self.updateData(values, tag);
 
             // 同步 options
             syncOptions();
         }
 
-        function setValueByName(name:string, value:any, isPristine:boolean = false, force:boolean = false) {
-
+        function setValueByName(name: string, value: any, isPristine: boolean = false, force: boolean = false) {
             // 没有变化就不跑了。
             const origin = getVariable(self.data, name, false);
-            
+
             const prev = self.data;
             const data = cloneObject(self.data);
 
@@ -124,14 +107,14 @@ export const FormStore = ServiceStore
                         value: prevData,
                         enumerable: false,
                         configurable: false,
-                        writable: false,
+                        writable: false
                     });
                 } else {
                     Object.defineProperty(data, '__prev', {
                         value: {...prev},
                         enumerable: false,
                         configurable: false,
-                        writable: false,
+                        writable: false
                     });
                 }
             } else if (!force) {
@@ -147,7 +130,7 @@ export const FormStore = ServiceStore
                 self.pristine = pristine;
             }
 
-            if(self.persistData){
+            if (self.persistData) {
                 setPersistData();
             }
 
@@ -155,7 +138,7 @@ export const FormStore = ServiceStore
             syncOptions();
         }
 
-        function deleteValueByName(name:string) {
+        function deleteValueByName(name: string) {
             const prev = self.data;
             const data = cloneObject(self.data);
 
@@ -167,14 +150,14 @@ export const FormStore = ServiceStore
                     value: prevData,
                     enumerable: false,
                     configurable: false,
-                    writable: false,
+                    writable: false
                 });
             } else {
                 Object.defineProperty(data, '__prev', {
                     value: {...prev},
                     enumerable: false,
                     configurable: false,
-                    writable: false,
+                    writable: false
                 });
             }
 
@@ -183,7 +166,7 @@ export const FormStore = ServiceStore
         }
 
         function trimValues() {
-            let data = mapObject(self.data, (item:any) => typeof item === 'string' ? item.trim() : item);
+            let data = mapObject(self.data, (item: any) => (typeof item === 'string' ? item.trim() : item));
             self.updateData(data);
         }
 
@@ -191,7 +174,11 @@ export const FormStore = ServiceStore
             self.items.forEach(item => item.syncOptions());
         }
 
-        const saveRemote:(api:Api, data?:object, options?:fetchOptions) => Promise<any> = flow(function *saveRemote(api:string, data:object, options:fetchOptions = {}) {
+        const saveRemote: (api: Api, data?: object, options?: fetchOptions) => Promise<any> = flow(function* saveRemote(
+            api: string,
+            data: object,
+            options: fetchOptions = {}
+        ) {
             try {
                 options = {
                     method: 'post', // 默认走 post
@@ -211,7 +198,7 @@ export const FormStore = ServiceStore
                 }
 
                 self.markSaving(true);
-                const json:Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
+                const json: Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
 
                 // 失败也同样 merge，如果有数据的话。
                 if (!isEmpty(json.data) || json.ok) {
@@ -225,7 +212,7 @@ export const FormStore = ServiceStore
                     // 验证错误
                     if (json.status === 422 && json.errors) {
                         const errors = json.errors;
-                        Object.keys(errors).forEach((key:string) => {
+                        Object.keys(errors).forEach((key: string) => {
                             const item = self.getItemById(key);
 
                             if (item) {
@@ -235,13 +222,11 @@ export const FormStore = ServiceStore
                             }
                         });
 
-                        self.updateMessage(json.msg || options && options.errorMessage  || '验证错误', true);
+                        self.updateMessage(json.msg || (options && options.errorMessage) || '验证错误', true);
                     } else {
-                        self.updateMessage(json.msg || options && options.errorMessage, true);
+                        self.updateMessage(json.msg || (options && options.errorMessage), true);
                     }
 
-                    
-
                     throw new ServerError(self.msg);
                 } else {
                     if (options && options.onSuccess) {
@@ -252,11 +237,11 @@ export const FormStore = ServiceStore
                         }
                     }
                     self.markSaving(false);
-                    self.updateMessage(json.msg || options && options.successMessage);
+                    self.updateMessage(json.msg || (options && options.successMessage));
                     (getRoot(self) as IRendererStore).notify('success', self.msg);
                     return json.data;
                 }
-            } catch(e) {
+            } catch (e) {
                 if ((getRoot(self) as IRendererStore).storeType !== 'RendererStore') {
                     // 已经销毁了，不管这些数据了。
                     return;
@@ -269,7 +254,11 @@ export const FormStore = ServiceStore
             }
         });
 
-        const submit:(fn?:(values:object) => Promise<any>, hooks?: Array<() => Promise<any>>, failedMessage?: string) => Promise<any> = flow(function *submit(fn:any, hooks?: Array<() => Promise<any>>, failedMessage?: string) {
+        const submit: (
+            fn?: (values: object) => Promise<any>,
+            hooks?: Array<() => Promise<any>>,
+            failedMessage?: string
+        ) => Promise<any> = flow(function* submit(fn: any, hooks?: Array<() => Promise<any>>, failedMessage?: string) {
             self.submited = true;
             self.submiting = true;
 
@@ -283,10 +272,15 @@ export const FormStore = ServiceStore
 
                 if (fn) {
                     const diff = difference(self.data, self.pristine);
-                    yield fn(createObject(createObject(self.data.__super, {
-                        diff: diff,
-                        __diff: diff
-                    }), self.data));
+                    yield fn(
+                        createObject(
+                            createObject(self.data.__super, {
+                                diff: diff,
+                                __diff: diff
+                            }),
+                            self.data
+                        )
+                    );
                 }
             } finally {
                 self.submiting = false;
@@ -295,32 +289,36 @@ export const FormStore = ServiceStore
             return self.data;
         });
 
-        const validate: (hooks?: Array<() => Promise<any>>, forceValidate?: boolean) => Promise<boolean> = flow(function *validate(hooks?: Array<() => Promise<any>>, forceValidate?: boolean) {
-            self.validating = true;
-            self.validated = true;
-            const items = self.items.concat();
-            for (let i = 0, len = items.length; i < len; i++) {
-                let item = items[i] as IFormItemStore;
+        const validate: (hooks?: Array<() => Promise<any>>, forceValidate?: boolean) => Promise<boolean> = flow(
+            function* validate(hooks?: Array<() => Promise<any>>, forceValidate?: boolean) {
+                self.validating = true;
+                self.validated = true;
+                const items = self.items.concat();
+                for (let i = 0, len = items.length; i < len; i++) {
+                    let item = items[i] as IFormItemStore;
 
-                if (!item.validated || forceValidate) {
-                    yield item.validate();
+                    if (!item.validated || forceValidate) {
+                        yield item.validate();
+                    }
                 }
-            }
 
-            if (hooks && hooks.length) {
-                for (let i = 0, len = hooks.length; i < len; i++ ) {
-                    yield hooks[i]();
+                if (hooks && hooks.length) {
+                    for (let i = 0, len = hooks.length; i < len; i++) {
+                        yield hooks[i]();
+                    }
                 }
+
+                self.validating = false;
+                return self.valid;
             }
+        );
 
-            self.validating = false;
-            return self.valid;
-        });
-
-        const validateFields: (fields:Array<string>) => Promise<boolean> = flow(function *validateFields(fields:Array<string>) {
+        const validateFields: (fields: Array<string>) => Promise<boolean> = flow(function* validateFields(
+            fields: Array<string>
+        ) {
             self.validating = true;
             const items = self.items.concat();
-            let result:Array<boolean> = [];
+            let result: Array<boolean> = [];
             for (let i = 0, len = items.length; i < len; i++) {
                 let item = items[i] as IFormItemStore;
 
@@ -337,7 +335,7 @@ export const FormStore = ServiceStore
             items.forEach(item => item.reset());
         }
 
-        function reset(cb?: (data:any) => void, resetData: boolean = true) {
+        function reset(cb?: (data: any) => void, resetData: boolean = true) {
             if (resetData) {
                 self.data = self.pristine;
             }
@@ -349,9 +347,12 @@ export const FormStore = ServiceStore
             cb && cb(self.data);
         }
 
-        function registryItem(name:string, options?: Partial<SFormItemStore> & {
-            value?: any;
-        }):IFormItemStore {
+        function registryItem(
+            name: string,
+            options?: Partial<SFormItemStore> & {
+                value?: any;
+            }
+        ): IFormItemStore {
             let item: IFormItemStore;
 
             self.items.push({
@@ -369,7 +370,7 @@ export const FormStore = ServiceStore
             return item;
         }
 
-        function unRegistryItem(item:IFormItemStore) {
+        function unRegistryItem(item: IFormItemStore) {
             detach(item);
         }
 
@@ -382,20 +383,20 @@ export const FormStore = ServiceStore
                     if (item.unique) {
                         combo.unBindUniuqueItem(item);
                     }
-                })
+                });
 
                 combo.removeForm(self as IFormStore);
                 combo.forms.forEach(item => item.items.forEach(item => item.unique && item.syncOptions()));
             }
 
-            self.items.forEach(item => detach(item))
+            self.items.forEach(item => detach(item));
         }
 
-        function setCanAccessSuperData(value:boolean = true) {
+        function setCanAccessSuperData(value: boolean = true) {
             self.canAccessSuperData = value;
         }
 
-        function setInited(value:boolean) {
+        function setInited(value: boolean) {
             self.inited = value;
         }
 
@@ -415,7 +416,7 @@ export const FormStore = ServiceStore
             localStorage.removeItem(location.pathname + self.path);
         }
 
-        return ({
+        return {
             setInited,
             setValues,
             setValueByName,
@@ -434,11 +435,9 @@ export const FormStore = ServiceStore
             deleteValueByName,
             getPersistData,
             setPersistData,
-            clearPersistData,
-        });
+            clearPersistData
+        };
     });
 
 export type IFormStore = typeof FormStore.Type;
-export {
-    IFormItemStore
-};
+export {IFormItemStore};
diff --git a/src/store/formItem.ts b/src/store/formItem.ts
index 6bf2cb380..933b34e1f 100644
--- a/src/store/formItem.ts
+++ b/src/store/formItem.ts
@@ -1,37 +1,16 @@
-import {
-    types,
-    getParent,
-    SnapshotIn,
-    flow,
-    getRoot
-} from "mobx-state-tree";
-import {
-    IFormStore
-} from './form';
-import {
-    str2rules,
-    validate as doValidate
-} from '../utils/validations';
-import {
-    Api,
-    Payload,
-    fetchOptions
-} from '../types';
-import { ComboStore, IComboStore, IUniqueGroup } from './combo';
-import { evalExpression } from "../utils/tpl";
+import {types, getParent, SnapshotIn, flow, getRoot} from 'mobx-state-tree';
+import {IFormStore} from './form';
+import {str2rules, validate as doValidate} from '../utils/validations';
+import {Api, Payload, fetchOptions} from '../types';
+import {ComboStore, IComboStore, IUniqueGroup} from './combo';
+import {evalExpression} from '../utils/tpl';
 import findIndex = require('lodash/findIndex');
-import {
-    isArrayChilrenModified,
-    hasOwnProperty,
-    isObject
-} from '../utils/helper';
-import {
-    flattenTree
-} from '../utils/helper';
-import { IRendererStore } from ".";
-import { normalizeOptions } from "../components/Select";
+import {isArrayChilrenModified, hasOwnProperty, isObject} from '../utils/helper';
+import {flattenTree} from '../utils/helper';
+import {IRendererStore} from '.';
+import {normalizeOptions} from '../components/Select';
 import find = require('lodash/find');
-import { iRendererStore } from './iRenderer';
+import {iRendererStore} from './iRenderer';
 
 interface IOption {
     value?: string | number | null;
@@ -45,8 +24,7 @@ interface IOption {
 const ErrorDetail = types.model('ErrorDetail', {
     msg: '',
     tag: ''
-})
-
+});
 
 export const FormItemStore = types
     .model('FormItemStore', {
@@ -72,26 +50,26 @@ export const FormItemStore = types
         options: types.optional(types.array(types.frozen()), []),
         expressionsInOptions: false,
         selectedOptions: types.optional(types.frozen(), []),
-        filteredOptions: types.optional(types.frozen(), []),
+        filteredOptions: types.optional(types.frozen(), [])
     })
     .views(self => {
-        function getForm():any {
+        function getForm(): any {
             return getParent(self, 2);
         }
 
-        function getValue():any {
+        function getValue(): any {
             return getForm().getValueByName(self.name);
         }
 
-        function getLastOptionValue():any {
+        function getLastOptionValue(): any {
             if (self.selectedOptions.length) {
-                return self.selectedOptions[self.selectedOptions.length-1].value;
+                return self.selectedOptions[self.selectedOptions.length - 1].value;
             }
 
             return '';
         }
 
-        function getErrors():Array<string> {
+        function getErrors(): Array<string> {
             return self.errorData.map(item => item.msg);
         }
 
@@ -130,17 +108,16 @@ export const FormItemStore = types
         //     return options;
         // }
 
-
         return {
-            get form():any {
+            get form(): any {
                 return getForm();
             },
 
-            get value():any {
+            get value(): any {
                 return getValue();
             },
 
-            get prinstine():any {
+            get prinstine(): any {
                 return (getParent(self, 2) as IFormStore).getPristineValueByName(self.name);
             },
 
@@ -153,35 +130,48 @@ export const FormItemStore = types
                 return !!(!errors || !errors.length);
             },
 
-            get lastSelectValue():string {
+            get lastSelectValue(): string {
                 return getLastOptionValue();
             },
 
             // selectedOptions,
             // filteredOptions,
 
-            getSelectedOptions(value:any = getValue()) {
+            getSelectedOptions(value: any = getValue()) {
                 if (value === getValue()) {
                     return self.selectedOptions;
                 } else if (typeof value === 'undefined') {
                     return [];
                 }
 
-                const selected = Array.isArray(value) ? value.map(item=>item && item.hasOwnProperty(self.valueField || 'value') ? item[self.valueField || 'value'] : item)
-                : typeof value === 'string' ? value.split(self.delimiter || ',') : [value && value.hasOwnProperty(self.valueField || 'value') ? value[self.valueField || 'value'] : value];
+                const selected = Array.isArray(value)
+                    ? value.map(item =>
+                          item && item.hasOwnProperty(self.valueField || 'value')
+                              ? item[self.valueField || 'value']
+                              : item
+                      )
+                    : typeof value === 'string'
+                    ? value.split(self.delimiter || ',')
+                    : [
+                          value && value.hasOwnProperty(self.valueField || 'value')
+                              ? value[self.valueField || 'value']
+                              : value
+                      ];
 
                 if (value && value.hasOwnProperty(self.labelField || 'label')) {
-                    selected[0]= {
+                    selected[0] = {
                         [self.labelField || 'label']: value[self.labelField || 'label'],
-                        [self.valueField || 'value']: value[self.valueField || 'value'],
+                        [self.valueField || 'value']: value[self.valueField || 'value']
                     };
                 }
 
-                const selectedOptions:Array<any> = [];
+                const selectedOptions: Array<any> = [];
 
-                self.filteredOptions.forEach((item:any) => {
+                self.filteredOptions.forEach((item: any) => {
                     let idx = findIndex(selected, seleced => {
-                        return isObject(seleced) ? seleced === item[self.valueField || 'value'] :String(item[self.valueField || 'value']) === String(seleced)
+                        return isObject(seleced)
+                            ? seleced === item[self.valueField || 'value']
+                            : String(item[self.valueField || 'value']) === String(seleced);
                     });
 
                     if (~idx) {
@@ -191,13 +181,13 @@ export const FormItemStore = types
                 });
 
                 selected.forEach((item, index) => {
-                    let unMatched = value && value[index] || item;
+                    let unMatched = (value && value[index]) || item;
 
                     if (unMatched && (typeof unMatched === 'string' || typeof unMatched === 'number')) {
                         unMatched = {
                             [self.valueField || 'value']: item,
-                            [self.labelField || 'label']: item,
-                        }
+                            [self.labelField || 'label']: item
+                        };
                     }
 
                     unMatched && selectedOptions.push(unMatched);
@@ -222,13 +212,13 @@ export const FormItemStore = types
             joinValues,
             extractValue,
             type,
-            id,
+            id
         }: {
             required?: any;
             unique?: any;
             value?: any;
-            rules?: string | {[propName:string]: any};
-            messages?: {[propName:string]: string};
+            rules?: string | {[propName: string]: any};
+            messages?: {[propName: string]: string};
             multiple?: boolean;
             delimiter?: string;
             valueField?: string;
@@ -252,9 +242,9 @@ export const FormItemStore = types
             typeof multiple !== 'undefined' && (self.multiple = !!multiple);
             typeof joinValues !== 'undefined' && (self.joinValues = !!joinValues);
             typeof extractValue !== 'undefined' && (self.extractValue = !!extractValue);
-            typeof delimiter !== 'undefined' && (self.delimiter = delimiter as string || ',');
-            typeof valueField !== 'undefined' && (self.valueField = valueField as string || 'value');
-            typeof labelField !== 'undefined' && (self.labelField = labelField as string || 'label');
+            typeof delimiter !== 'undefined' && (self.delimiter = (delimiter as string) || ',');
+            typeof valueField !== 'undefined' && (self.valueField = (valueField as string) || 'value');
+            typeof labelField !== 'undefined' && (self.labelField = (labelField as string) || 'label');
 
             if (self.required) {
                 rules = rules || {};
@@ -266,22 +256,20 @@ export const FormItemStore = types
 
             rules && (self.rules = rules);
 
-            if (
-                value !== void 0 && self.value === void 0
-            ) {
+            if (value !== void 0 && self.value === void 0) {
                 form.setValueByName(self.name, value, true);
             }
         }
 
-        function changeValue(value:any, isPrintine:boolean = false) {
-            if(typeof value === 'undefined' || value === '__undefined'){
-                self.form.deleteValueByName(self.name)
+        function changeValue(value: any, isPrintine: boolean = false) {
+            if (typeof value === 'undefined' || value === '__undefined') {
+                self.form.deleteValueByName(self.name);
             } else {
                 self.form.setValueByName(self.name, value, isPrintine);
             }
         }
 
-        const validate:(hook?:any) => Promise<boolean> = flow(function *validate(hook?:any) {
+        const validate: (hook?: any) => Promise<boolean> = flow(function* validate(hook?: any) {
             if (self.validating) {
                 return self.valid;
             }
@@ -297,7 +285,7 @@ export const FormItemStore = types
 
             if (self.unique && self.form.parentStore && self.form.parentStore.storeType === 'ComboStore') {
                 const combo = self.form.parentStore as IComboStore;
-                const group =combo.uniques.get(self.name) as IUniqueGroup;
+                const group = combo.uniques.get(self.name) as IUniqueGroup;
 
                 if (group.items.some(item => item !== self && self.value && item.value === self.value)) {
                     addError(`当前值不唯一`);
@@ -308,20 +296,22 @@ export const FormItemStore = types
             return self.valid;
         });
 
-        function setError(msg:string|Array<string>, tag:string = "bultin") {
+        function setError(msg: string | Array<string>, tag: string = 'bultin') {
             clearError();
             addError(msg, tag);
         }
 
-        function addError(msg:string | Array<string>, tag: string = "bultin") {
-            const msgs:Array<string> = Array.isArray(msg) ? msg : [msg];
-            msgs.forEach(item => self.errorData.push({
-                msg: item,
-                tag: tag
-            }));
+        function addError(msg: string | Array<string>, tag: string = 'bultin') {
+            const msgs: Array<string> = Array.isArray(msg) ? msg : [msg];
+            msgs.forEach(item =>
+                self.errorData.push({
+                    msg: item,
+                    tag: tag
+                })
+            );
         }
 
-        function clearError(tag?:string) {
+        function clearError(tag?: string) {
             if (tag) {
                 const filtered = self.errorData.filter(item => item.tag !== tag);
                 self.errorData.replace(filtered);
@@ -330,7 +320,7 @@ export const FormItemStore = types
             }
         }
 
-        function setOptions(options:Array<object>) {
+        function setOptions(options: Array<object>) {
             if (!Array.isArray(options)) {
                 return;
             }
@@ -340,8 +330,20 @@ export const FormItemStore = types
             syncOptions(originOptions);
         }
 
-        let loadCancel:Function | null = null;
-        const loadOptions:(api:Api, data?:object, options?:fetchOptions, clearValue?:boolean, onChange?: (value:any) => void) => Promise<any> = flow(function *getInitData(api:string, data:object, options?:fetchOptions, clearValue?:any, onChange?: (value:any) => void) {
+        let loadCancel: Function | null = null;
+        const loadOptions: (
+            api: Api,
+            data?: object,
+            options?: fetchOptions,
+            clearValue?: boolean,
+            onChange?: (value: any) => void
+        ) => Promise<any> = flow(function* getInitData(
+            api: string,
+            data: object,
+            options?: fetchOptions,
+            clearValue?: any,
+            onChange?: (value: any) => void
+        ) {
             try {
                 if (loadCancel) {
                     loadCancel();
@@ -351,34 +353,35 @@ export const FormItemStore = types
 
                 self.loading = true;
 
-                const json:Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, {
+                const json: Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, {
                     autoAppend: false,
-                    cancelExecutor: (executor:Function) => loadCancel = executor,
+                    cancelExecutor: (executor: Function) => (loadCancel = executor),
                     ...options
                 });
                 loadCancel = null;
 
                 if (!json.ok) {
-                    setError(`加载选项失败，原因：${json.msg || options && options.errorMessage}`);
+                    setError(`加载选项失败，原因：${json.msg || (options && options.errorMessage)}`);
                     (getRoot(self) as IRendererStore).notify('error', self.errors.join(''));
                 } else {
                     clearError();
                     self.validated = false; // 拉完数据应该需要再校验一下
 
-                    let options:Array<IOption> = json.data.options || json.data.items || json.data.rows || json.data || [];
+                    let options: Array<IOption> =
+                        json.data.options || json.data.items || json.data.rows || json.data || [];
                     options = normalizeOptions(options as any);
                     setOptions(options);
 
-                    if (json.data && typeof (json.data as any).value !== "undefined") {
+                    if (json.data && typeof (json.data as any).value !== 'undefined') {
                         onChange && onChange((json.data as any).value);
                     } else if (clearValue) {
-                        self.selectedOptions.some((item:any) => item.__unmatched) && onChange && onChange('');
+                        self.selectedOptions.some((item: any) => item.__unmatched) && onChange && onChange('');
                     }
                 }
 
                 self.loading = false;
                 return json;
-            } catch(e) {
+            } catch (e) {
                 const root = getRoot(self) as IRendererStore;
                 if (root.storeType !== 'RendererStore') {
                     // 已经销毁了，不管这些数据了。
@@ -396,7 +399,7 @@ export const FormItemStore = types
             }
         });
 
-        function syncOptions(originOptions?:Array<any>) {
+        function syncOptions(originOptions?: Array<any>) {
             if (!self.options.length && typeof self.value === 'undefined') {
                 self.selectedOptions = [];
                 self.filteredOptions = [];
@@ -405,71 +408,81 @@ export const FormItemStore = types
 
             const form = self.form;
             const value = self.value;
-            const selected = Array.isArray(value) 
-                ? value.map(item=>item && item.hasOwnProperty(self.valueField || 'value') ? item[self.valueField || 'value'] : item)
-                : typeof value === 'string' 
-                    ? value.split(self.delimiter || ',') 
-                    : value === void 0 ? []
-                        : [value && value.hasOwnProperty(self.valueField || 'value') ? value[self.valueField || 'value'] : value];
-            
+            const selected = Array.isArray(value)
+                ? value.map(item =>
+                      item && item.hasOwnProperty(self.valueField || 'value') ? item[self.valueField || 'value'] : item
+                  )
+                : typeof value === 'string'
+                ? value.split(self.delimiter || ',')
+                : value === void 0
+                ? []
+                : [
+                      value && value.hasOwnProperty(self.valueField || 'value')
+                          ? value[self.valueField || 'value']
+                          : value
+                  ];
+
             if (value && value.hasOwnProperty(self.labelField || 'label')) {
-                selected[0]= {
+                selected[0] = {
                     [self.labelField || 'label']: value[self.labelField || 'label'],
-                    [self.valueField || 'value']: value[self.valueField || 'value'],
+                    [self.valueField || 'value']: value[self.valueField || 'value']
                 };
             }
-            
+
             let expressionsInOptions = false;
             let filteredOptions = self.options
-                .filter((item:any) => {
+                .filter((item: any) => {
                     if (!expressionsInOptions && (item.visibleOn || item.hiddenOn)) {
                         expressionsInOptions = true;
                     }
 
-                    return item.visibleOn ? evalExpression(item.visibleOn, form.data) !== false
-                        : item.hiddenOn ? evalExpression(item.hiddenOn, form.data) !== true
-                        : (item.visible !== false || item.hidden !== true);
+                    return item.visibleOn
+                        ? evalExpression(item.visibleOn, form.data) !== false
+                        : item.hiddenOn
+                        ? evalExpression(item.hiddenOn, form.data) !== true
+                        : item.visible !== false || item.hidden !== true;
                 })
-                .map((item:any, index) => {
-
+                .map((item: any, index) => {
                     const disabled = evalExpression(item.disabledOn, form.data);
                     const newItem = item.disabledOn
-                    ? (
-                        self.filteredOptions.length > index && self.filteredOptions[index].disabled === disabled
-                        ? self.filteredOptions[index]
-                        : {
-                            ...item,
-                            disabled: disabled
-                        }
-                    )
-                    : item;
+                        ? self.filteredOptions.length > index && self.filteredOptions[index].disabled === disabled
+                            ? self.filteredOptions[index]
+                            : {
+                                  ...item,
+                                  disabled: disabled
+                              }
+                        : item;
 
                     return newItem;
                 });
 
             self.expressionsInOptions = expressionsInOptions;
-            const flattened:Array<any> = flattenTree(filteredOptions);
-            const selectedOptions:Array<any> = [];
+            const flattened: Array<any> = flattenTree(filteredOptions);
+            const selectedOptions: Array<any> = [];
 
             selected.forEach((item, index) => {
                 let idx = findIndex(flattened, target => {
-                    return isObject(item) ? item === target[self.valueField || 'value'] : String(target[self.valueField || 'value']) === String(item)
+                    return isObject(item)
+                        ? item === target[self.valueField || 'value']
+                        : String(target[self.valueField || 'value']) === String(item);
                 });
 
                 if (~idx) {
                     selectedOptions.push(flattened[idx]);
                 } else {
-                    let unMatched = value && value[index] || item;
+                    let unMatched = (value && value[index]) || item;
 
                     if (unMatched && (typeof unMatched === 'string' || typeof unMatched === 'number')) {
                         unMatched = {
                             [self.valueField || 'value']: item,
                             [self.labelField || 'label']: item,
                             __unmatched: true
-                        }
+                        };
+
+                        const orgin: any =
+                            originOptions &&
+                            find(originOptions, target => String(target[self.valueField || 'value']) === String(item));
 
-                        const orgin:any = originOptions && find(originOptions, target => String(target[self.valueField || 'value']) === String(item));
-                        
                         if (orgin) {
                             unMatched[self.labelField || 'label'] = orgin[self.labelField || 'label'];
                         }
@@ -483,33 +496,34 @@ export const FormItemStore = types
             if (parentStore && parentStore.storeType === ComboStore.name) {
                 let combo = parentStore as IComboStore;
                 let group = combo.uniques.get(self.name) as IUniqueGroup;
-                let options:Array<any> = [];
-                group && group.items.forEach(item => {
-                    if (self !== item) {
-                        options.push(...item.selectedOptions.map((item:any) => item && item.value))
-                    }
-                });
+                let options: Array<any> = [];
+                group &&
+                    group.items.forEach(item => {
+                        if (self !== item) {
+                            options.push(...item.selectedOptions.map((item: any) => item && item.value));
+                        }
+                    });
 
                 if (filteredOptions.length) {
-                    filteredOptions = filteredOptions.filter(option => !~options.indexOf(option.value))
+                    filteredOptions = filteredOptions.filter(option => !~options.indexOf(option.value));
                 }
             }
             isArrayChilrenModified(self.selectedOptions, selectedOptions) && (self.selectedOptions = selectedOptions);
             isArrayChilrenModified(self.filteredOptions, filteredOptions) && (self.filteredOptions = filteredOptions);
         }
 
-        function setLoading(value:boolean) {
+        function setLoading(value: boolean) {
             self.loading = value;
         }
 
-        let subStore:any;
-        function setSubStore(store:any) {
+        let subStore: any;
+        function setSubStore(store: any) {
             subStore = store;
         }
 
         function reset() {
             self.validated = false;
-            
+
             if (subStore && subStore.storeType === 'ComboStore') {
                 const combo = subStore as IComboStore;
                 combo.forms.forEach(form => form.reset());
@@ -531,9 +545,8 @@ export const FormItemStore = types
             setLoading,
             setSubStore,
             reset
-        }
+        };
     });
 
-
 export type IFormItemStore = typeof FormItemStore.Type;
 export type SFormItemStore = SnapshotIn<typeof FormItemStore>;
diff --git a/src/store/iRenderer.ts b/src/store/iRenderer.ts
index 63027ce48..af6516497 100644
--- a/src/store/iRenderer.ts
+++ b/src/store/iRenderer.ts
@@ -1,14 +1,7 @@
-import {
-    types,
-    getRoot,
-    Instance,
-} from "mobx-state-tree";
-import {
-    extendObject,
-    createObject
-} from '../utils/helper';
+import {types, getRoot, Instance} from 'mobx-state-tree';
+import {extendObject, createObject} from '../utils/helper';
 import {IRendererStore} from './index';
-import { dataMapping } from "../utils/tpl-builtin";
+import {dataMapping} from '../utils/tpl-builtin';
 
 export const iRendererStore = types
     .model('iRendererStore', {
@@ -26,7 +19,7 @@ export const iRendererStore = types
         drawerOpen: false,
         drawerData: types.optional(types.frozen(), undefined)
     })
-    .views((self) => {
+    .views(self => {
         return {
             // todo 不能自己引用自己
             get parentStore(): any {
@@ -36,11 +29,11 @@ export const iRendererStore = types
             }
         };
     })
-    .actions((self) => {
+    .actions(self => {
         const dialogCallbacks = new Map();
 
         return {
-            initData(data:object = {}) {
+            initData(data: object = {}) {
                 self.pristine = data;
                 self.data = data;
             },
@@ -49,7 +42,7 @@ export const iRendererStore = types
                 self.data = self.pristine;
             },
 
-            updateData(data:object = {}, tag?: object) {
+            updateData(data: object = {}, tag?: object) {
                 const prev = self.data;
                 let newData;
                 if (tag) {
@@ -66,17 +59,17 @@ export const iRendererStore = types
                     value: {...prev},
                     enumerable: false,
                     configurable: false,
-                    writable: false,
+                    writable: false
                 });
 
                 self.data = newData;
             },
 
-            setCurrentAction(action:object) {
+            setCurrentAction(action: object) {
                 self.action = action;
             },
 
-            openDialog(ctx: any, additonal?:object, callback?: (ret:any) => void) {
+            openDialog(ctx: any, additonal?: object, callback?: (ret: any) => void) {
                 let proto = ctx.__super ? ctx.__super : self.data;
 
                 if (additonal) {
@@ -108,7 +101,7 @@ export const iRendererStore = types
                 }
             },
 
-            closeDialog(result?:any) {
+            closeDialog(result?: any) {
                 const callback = dialogCallbacks.get(self.dialogData);
 
                 self.dialogOpen = false;
@@ -119,7 +112,7 @@ export const iRendererStore = types
                 }
             },
 
-            openDrawer(ctx: any, additonal?:object, callback?: (ret:any) => void) {
+            openDrawer(ctx: any, additonal?: object, callback?: (ret: any) => void) {
                 let proto = ctx.__super ? ctx.__super : self.data;
 
                 if (additonal) {
@@ -151,7 +144,7 @@ export const iRendererStore = types
                 }
             },
 
-            closeDrawer(result?:any) {
+            closeDrawer(result?: any) {
                 const callback = dialogCallbacks.get(self.drawerData);
                 self.drawerOpen = false;
 
@@ -163,7 +156,6 @@ export const iRendererStore = types
         };
     });
 
-
 export type IIRendererStore = typeof iRendererStore.Type;
 export type SIRendererStore = typeof iRendererStore.SnapshotType;
-// export type SIRendererStore = typeof iRendererStore.SnapshotType;
\ No newline at end of file
+// export type SIRendererStore = typeof iRendererStore.SnapshotType;
diff --git a/src/store/index.ts b/src/store/index.ts
index 65e1e5dde..e12d8fd3a 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,71 +1,60 @@
-import {
-    types,
-    getEnv,
-    detach,
-    setLivelynessChecking
-} from "mobx-state-tree";
+import {types, getEnv, detach, setLivelynessChecking} from 'mobx-state-tree';
 import 'setimmediate';
-import {
-   iRendererStore,
-   IIRendererStore,
-   SIRendererStore
-} from './iRenderer';
+import {iRendererStore, IIRendererStore, SIRendererStore} from './iRenderer';
 import {ServiceStore} from './service';
 import {ComboStore} from './combo';
 import {FormStore} from './form';
-import { CRUDStore } from './crud';
-import { TableStore } from './table';
-import { ListStore } from './list';
-import { ModalStore } from "./modal";
+import {CRUDStore} from './crud';
+import {TableStore} from './table';
+import {ListStore} from './list';
+import {ModalStore} from './modal';
 
-setLivelynessChecking(process.env.NODE_ENV === "production" ? "ignore" : "error");
+setLivelynessChecking(process.env.NODE_ENV === 'production' ? 'ignore' : 'error');
 
-const allowedStoreList = [
-    ServiceStore,
-    FormStore,
-    ComboStore,
-    CRUDStore,
-    TableStore,
-    ListStore,
-    ModalStore
-];
+const allowedStoreList = [ServiceStore, FormStore, ComboStore, CRUDStore, TableStore, ListStore, ModalStore];
 
 export const RendererStore = types
     .model('RendererStore', {
         storeType: 'RendererStore',
-        stores: types.map(types.union({
-            eager: false,
-            dispatcher: (snapshort:SIRendererStore) => {
-                for (let storeFactory of allowedStoreList) {
-                    if (storeFactory.name === snapshort.storeType) {
-                        return storeFactory;
+        stores: types.map(
+            types.union(
+                {
+                    eager: false,
+                    dispatcher: (snapshort: SIRendererStore) => {
+                        for (let storeFactory of allowedStoreList) {
+                            if (storeFactory.name === snapshort.storeType) {
+                                return storeFactory;
+                            }
+                        }
+
+                        return iRendererStore;
                     }
-                }
-    
-                return iRendererStore;
-            }
-        }, iRendererStore, ...allowedStoreList)),
+                },
+                iRendererStore,
+                ...allowedStoreList
+            )
+        )
     })
     .views(self => ({
         get fetcher() {
-            return getEnv(self).fetcher
+            return getEnv(self).fetcher;
         },
 
         get notify() {
-            return getEnv(self).notify
+            return getEnv(self).notify;
         },
 
-        get isCancel():(value:any) => boolean {
-            return getEnv(self).isCancel
+        get isCancel(): (value: any) => boolean {
+            return getEnv(self).isCancel;
         }
     }))
     .views(self => ({
-        getStoreById(id:string) {
+        getStoreById(id: string) {
             return self.stores.get(id);
         }
     }))
     .actions(self => ({
-        addStore(store:SIRendererStore):IIRendererStore {
+        addStore(store: SIRendererStore): IIRendererStore {
             if (self.stores.has(store.id as string)) {
                 return self.stores.get(store.id) as IIRendererStore;
             }
@@ -73,13 +62,10 @@ export const RendererStore = types
             return self.stores.get(store.id) as IIRendererStore;
         },
 
-        removeStore(store:IIRendererStore) {
+        removeStore(store: IIRendererStore) {
             detach(store);
         }
     }));
 
 export type IRendererStore = typeof RendererStore.Type;
-export {
-    iRendererStore,
-    IIRendererStore
-};
+export {iRendererStore, IIRendererStore};
diff --git a/src/store/list.ts b/src/store/list.ts
index 638aada6f..e29b5b0fa 100644
--- a/src/store/list.ts
+++ b/src/store/list.ts
@@ -1,29 +1,20 @@
-import {
-    types,
-    getParent,
-    SnapshotIn,
-    flow,
-    getEnv,
-    getRoot
-} from "mobx-state-tree";
-import {
-    iRendererStore,
-} from './iRenderer';
+import {types, getParent, SnapshotIn, flow, getEnv, getRoot} from 'mobx-state-tree';
+import {iRendererStore} from './iRenderer';
 import isEqual = require('lodash/isEqual');
 import find = require('lodash/find');
-import { createObject, isObject, guid } from "../utils/helper";
-import { evalExpression } from "../utils/tpl";
+import {createObject, isObject, guid} from '../utils/helper';
+import {evalExpression} from '../utils/tpl';
 
 export const Item = types
-    .model("Item", {
+    .model('Item', {
         id: types.identifier,
         pristine: types.frozen(),
         data: types.frozen(),
         index: types.number,
         newIndex: types.number
     })
-    .views((self) => ({
-        get checked():boolean {
+    .views(self => ({
+        get checked(): boolean {
             return (getParent(self, 2) as IListStore).isSelected(self as IItem);
         },
 
@@ -39,37 +30,44 @@ export const Item = types
             return self.index !== self.newIndex;
         },
 
-        get locals():any {
+        get locals(): any {
             return createObject(
                 createObject((getParent(self, 2) as IListStore).data, {
                     index: self.index
-                }), self.data);
+                }),
+                self.data
+            );
         },
 
-        get checkable():boolean {
-            const table = (getParent(self, 2) as IListStore);
-            return table && table.itemCheckableOn ? evalExpression(table.itemCheckableOn, (self as IItem).locals) : true;
+        get checkable(): boolean {
+            const table = getParent(self, 2) as IListStore;
+            return table && table.itemCheckableOn
+                ? evalExpression(table.itemCheckableOn, (self as IItem).locals)
+                : true;
         },
 
-        get draggable():boolean {
-            const table = (getParent(self, 2) as IListStore);
-            return table && table.itemDraggableOn ? evalExpression(table.itemDraggableOn, (self as IItem).locals) : true;
+        get draggable(): boolean {
+            const table = getParent(self, 2) as IListStore;
+            return table && table.itemDraggableOn
+                ? evalExpression(table.itemDraggableOn, (self as IItem).locals)
+                : true;
         }
     }))
-    .actions((self) => ({
+    .actions(self => ({
         toggle() {
             (getParent(self, 2) as IListStore).toggle(self as IItem);
         },
 
-        change(values:object, savePristine?:boolean) {
+        change(values: object, savePristine?: boolean) {
             self.data = {
                 ...self.data,
                 ...values
             };
 
-            savePristine && (self.pristine = {
-                ...self.data
-            });
+            savePristine &&
+                (self.pristine = {
+                    ...self.data
+                });
         },
 
         reset() {
@@ -98,7 +96,7 @@ export const ListStore = iRendererStore
         hideCheckToggler: false
     })
     .views(self => {
-        function isSelected(item:IItem):boolean {
+        function isSelected(item: IItem): boolean {
             return !!~self.selectedItems.indexOf(item);
         }
 
@@ -119,8 +117,11 @@ export const ListStore = iRendererStore
         }
 
         return {
-            get allChecked():boolean {
-                return !!(self.selectedItems.length === (self as IListStore).checkableItems.length && (self as IListStore).checkableItems.length);
+            get allChecked(): boolean {
+                return !!(
+                    self.selectedItems.length === (self as IListStore).checkableItems.length &&
+                    (self as IListStore).checkableItems.length
+                );
             },
 
             get checkableItems() {
@@ -151,7 +152,7 @@ export const ListStore = iRendererStore
         };
     })
     .actions(self => {
-        function update(config:Partial<SListStore>) {
+        function update(config: Partial<SListStore>) {
             config.selectable === void 0 || (self.selectable = config.selectable);
             config.draggable === void 0 || (self.draggable = config.draggable);
             config.multiple === void 0 || (self.multiple = config.multiple);
@@ -167,9 +168,11 @@ export const ListStore = iRendererStore
 
         function initItems(items: Array<object>) {
             let arr = items.map((item, key) => {
-                item = isObject(item) ? item : {
-                    item: item
-                };
+                item = isObject(item)
+                    ? item
+                    : {
+                          item: item
+                      };
 
                 return {
                     // id: String((item as any)[self.primaryField] || key),
@@ -179,19 +182,19 @@ export const ListStore = iRendererStore
                     pristine: item,
                     data: item,
                     modified: false
-                }
+                };
             });
             self.selectedItems.clear();
             self.items.replace(arr as Array<IItem>);
             self.dragging = false;
         }
 
-        function updateSelected(selected:Array<any>, valueField?:string) {
+        function updateSelected(selected: Array<any>, valueField?: string) {
             self.selectedItems.clear();
             self.items.forEach(item => {
                 if (~selected.indexOf(item.pristine)) {
                     self.selectedItems.push(item);
-                } else if (find(selected, (a) => a[valueField || 'value'] == item.pristine[valueField || 'value'])) {
+                } else if (find(selected, a => a[valueField || 'value'] == item.pristine[valueField || 'value'])) {
                     self.selectedItems.push(item);
                 }
             });
@@ -205,7 +208,7 @@ export const ListStore = iRendererStore
             }
         }
 
-        function toggle(item:IItem) {
+        function toggle(item: IItem) {
             if (!item.checkable) {
                 return;
             }
@@ -223,7 +226,7 @@ export const ListStore = iRendererStore
             self.selectedItems.clear();
         }
 
-        function setOrderByInfo(key:string, direction: 'asc' | 'desc') {
+        function setOrderByInfo(key: string, direction: 'asc' | 'desc') {
             self.orderBy = key;
             self.orderDir = direction;
         }
@@ -241,8 +244,8 @@ export const ListStore = iRendererStore
             self.dragging = false;
         }
 
-        function exchange(fromIndex:number, toIndex:number) {
-            const item:IItem = self.items[fromIndex];
+        function exchange(fromIndex: number, toIndex: number) {
+            const item: IItem = self.items[fromIndex];
             item.newIndex = toIndex;
 
             const newItems = self.items.slice();
diff --git a/src/store/modal.ts b/src/store/modal.ts
index 5c32bf966..2ca6d4e77 100644
--- a/src/store/modal.ts
+++ b/src/store/modal.ts
@@ -1,27 +1,25 @@
-import { ServiceStore } from "./service";
-import { types, SnapshotIn } from "mobx-state-tree";
-import { createObject } from "../utils/helper";
+import {ServiceStore} from './service';
+import {types, SnapshotIn} from 'mobx-state-tree';
+import {createObject} from '../utils/helper';
 
-
-export const ModalStore = ServiceStore
-.named('ModalStore')
-.props({
-    form: types.frozen()
-})
-.views((self) => {
-    return {
-        get formData() {
-            return createObject(self.data, self.form)
-        }
-    }
-})
-.actions((self) => {
-    return {
-        setFormData(obj:any) {
-            self.form = obj;
-        }
-    }
-});
+export const ModalStore = ServiceStore.named('ModalStore')
+    .props({
+        form: types.frozen()
+    })
+    .views(self => {
+        return {
+            get formData() {
+                return createObject(self.data, self.form);
+            }
+        };
+    })
+    .actions(self => {
+        return {
+            setFormData(obj: any) {
+                self.form = obj;
+            }
+        };
+    });
 
 export type IModalStore = typeof ModalStore.Type;
-export type SModalStore = SnapshotIn<typeof ModalStore>;
\ No newline at end of file
+export type SModalStore = SnapshotIn<typeof ModalStore>;
diff --git a/src/store/service.ts b/src/store/service.ts
index cdbc97a51..a46ed70ec 100644
--- a/src/store/service.ts
+++ b/src/store/service.ts
@@ -1,26 +1,8 @@
-import {
-    types,
-    getParent,
-    flow,
-    getEnv,
-    getRoot
-} from "mobx-state-tree";
-import {
-    iRendererStore,
-} from './iRenderer';
-import {
-    IRendererStore
-} from './index';
-import {
-    Api,
-    ApiObject,
-    Payload,
-    fetchOptions
-} from '../types';
-import {
-    extendObject,
-    isEmpty
-} from '../utils/helper';
+import {types, getParent, flow, getEnv, getRoot} from 'mobx-state-tree';
+import {iRendererStore} from './iRenderer';
+import {IRendererStore} from './index';
+import {Api, ApiObject, Payload, fetchOptions} from '../types';
+import {extendObject, isEmpty} from '../utils/helper';
 
 export const ServiceStore = iRendererStore
     .named('ServiceStore')
@@ -33,7 +15,7 @@ export const ServiceStore = iRendererStore
         checking: false,
         initializing: false,
         schema: types.optional(types.frozen(), null),
-        schemaKey: '',
+        schemaKey: ''
     })
     .views(self => ({
         get loading() {
@@ -56,12 +38,12 @@ export const ServiceStore = iRendererStore
             self.busying = busying;
         }
 
-        function reInitData(data:object | undefined) {
+        function reInitData(data: object | undefined) {
             const newData = extendObject(self.pristine, data);
             self.data = self.pristine = newData;
         }
 
-        function updateMessage(msg?:string, error: boolean = false) {
+        function updateMessage(msg?: string, error: boolean = false) {
             self.msg = String(msg) || '';
             self.error = error;
         }
@@ -70,71 +52,77 @@ export const ServiceStore = iRendererStore
             updateMessage('');
         }
 
-        const fetchInitData:(api:Api, data?:object, options?:fetchOptions) => Promise<any> = flow(function *getInitData(api:string, data:object, options?:fetchOptions) {
-            try {
-                if (fetchCancel) {
-                    fetchCancel();
-                    fetchCancel = null;
-                    self.fetching = false;
-                }
+        const fetchInitData: (api: Api, data?: object, options?: fetchOptions) => Promise<any> = flow(
+            function* getInitData(api: string, data: object, options?: fetchOptions) {
+                try {
+                    if (fetchCancel) {
+                        fetchCancel();
+                        fetchCancel = null;
+                        self.fetching = false;
+                    }
 
-                if (self.fetching) {
-                    return;
-                }
+                    if (self.fetching) {
+                        return;
+                    }
 
-                options && options.silent || markFetching(true);
-                const json:Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, {
-                    ...options,
-                    cancelExecutor: (executor:Function) => fetchCancel = executor
-                });
-                fetchCancel = null;
-
-                if (!json.ok) {
-                    updateMessage(json.msg || options && options.errorMessage, true);
-                    (getRoot(self) as IRendererStore).notify('error', json.msg);
-                } else {
-                    reInitData({
-                        ...self.data,
-                        ...json.data
+                    (options && options.silent) || markFetching(true);
+                    const json: Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, {
+                        ...options,
+                        cancelExecutor: (executor: Function) => (fetchCancel = executor)
                     });
-                    self.updatedAt = Date.now();
-                    self.hasRemoteData = true;
-                    if (options && options.onSuccess) {
-                        const ret = options.onSuccess(json);
+                    fetchCancel = null;
 
-                        if (ret && ret.then) {
-                            yield ret;
+                    if (!json.ok) {
+                        updateMessage(json.msg || (options && options.errorMessage), true);
+                        (getRoot(self) as IRendererStore).notify('error', json.msg);
+                    } else {
+                        reInitData({
+                            ...self.data,
+                            ...json.data
+                        });
+                        self.updatedAt = Date.now();
+                        self.hasRemoteData = true;
+                        if (options && options.onSuccess) {
+                            const ret = options.onSuccess(json);
+
+                            if (ret && ret.then) {
+                                yield ret;
+                            }
+                        }
+
+                        updateMessage(json.msg || (options && options.successMessage));
+
+                        // 配置了获取成功提示后提示，默认是空不会提示。
+                        if (options && options.successMessage) {
+                            (getRoot(self) as IRendererStore).notify('success', self.msg);
                         }
                     }
-                    
-                    updateMessage(json.msg || options && options.successMessage);
 
-                    // 配置了获取成功提示后提示，默认是空不会提示。
-                    if (options && options.successMessage) {
-                        (getRoot(self) as IRendererStore).notify('success', self.msg);
+                    markFetching(false);
+                    return json;
+                } catch (e) {
+                    const root = getRoot(self) as IRendererStore;
+                    if (root.storeType !== 'RendererStore') {
+                        // 已经销毁了，不管这些数据了。
+                        return;
                     }
-                }
 
-                markFetching(false);
-                return json;
-            } catch(e) {
-                const root = getRoot(self) as IRendererStore;
-                if (root.storeType !== 'RendererStore') {
-                    // 已经销毁了，不管这些数据了。
-                    return;
-                }
+                    if (root.isCancel(e)) {
+                        return;
+                    }
 
-                if (root.isCancel(e)) {
-                    return;
+                    markFetching(false);
+                    e.stack && console.error(e.stack);
+                    root.notify('error', e.message || e);
                 }
-                
-                markFetching(false);
-                e.stack && console.error(e.stack);
-                root.notify('error', e.message || e);
             }
-        });
+        );
 
-        const fetchData:(api:Api, data?:object, options?:fetchOptions) => Promise<any> = flow(function *getInitData(api:string, data:object, options?:fetchOptions) {
+        const fetchData: (api: Api, data?: object, options?: fetchOptions) => Promise<any> = flow(function* getInitData(
+            api: string,
+            data: object,
+            options?: fetchOptions
+        ) {
             try {
                 if (fetchCancel) {
                     fetchCancel();
@@ -146,10 +134,10 @@ export const ServiceStore = iRendererStore
                     return;
                 }
 
-                options && options.silent || markFetching(true);
-                const json:Payload = yield ((getRoot(self) as IRendererStore) as IRendererStore).fetcher(api, data, {
+                (options && options.silent) || markFetching(true);
+                const json: Payload = yield ((getRoot(self) as IRendererStore) as IRendererStore).fetcher(api, data, {
                     ...options,
-                    cancelExecutor: (executor:Function) => fetchCancel = executor
+                    cancelExecutor: (executor: Function) => (fetchCancel = executor)
                 });
                 fetchCancel = null;
 
@@ -160,7 +148,7 @@ export const ServiceStore = iRendererStore
                 }
 
                 if (!json.ok) {
-                    updateMessage(json.msg || options && options.errorMessage, true);
+                    updateMessage(json.msg || (options && options.errorMessage), true);
                     (getRoot(self) as IRendererStore).notify('error', self.msg);
                 } else {
                     if (options && options.onSuccess) {
@@ -171,7 +159,7 @@ export const ServiceStore = iRendererStore
                         }
                     }
 
-                    updateMessage(json.msg || options && options.successMessage);
+                    updateMessage(json.msg || (options && options.successMessage));
 
                     // 配置了获取成功提示后提示，默认是空不会提示。
                     if (options && options.successMessage) {
@@ -181,7 +169,7 @@ export const ServiceStore = iRendererStore
 
                 markFetching(false);
                 return json;
-            } catch(e) {
+            } catch (e) {
                 const root = getRoot(self) as IRendererStore;
                 if (root.storeType !== 'RendererStore') {
                     // 已经销毁了，不管这些数据了。
@@ -198,7 +186,11 @@ export const ServiceStore = iRendererStore
             }
         });
 
-        const saveRemote:(api:Api, data?:object, options?:fetchOptions) => Promise<any> = flow(function *saveRemote(api:string, data:object, options:fetchOptions = {}) {
+        const saveRemote: (api: Api, data?: object, options?: fetchOptions) => Promise<any> = flow(function* saveRemote(
+            api: string,
+            data: object,
+            options: fetchOptions = {}
+        ) {
             try {
                 options = {
                     method: 'post', // 默认走 post
@@ -210,7 +202,7 @@ export const ServiceStore = iRendererStore
                 }
                 markSaving(true);
 
-                const json:Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
+                const json: Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
 
                 if (!isEmpty(json.data) || json.ok) {
                     json.data && self.updateData(json.data);
@@ -218,10 +210,9 @@ export const ServiceStore = iRendererStore
                 }
 
                 if (!json.ok) {
-                    updateMessage(json.msg || options && options.errorMessage || '保存失败', true);
+                    updateMessage(json.msg || (options && options.errorMessage) || '保存失败', true);
                     throw new Error(self.msg);
                 } else {
-                    
                     if (options && options.onSuccess) {
                         const ret = options.onSuccess(json);
 
@@ -230,13 +221,13 @@ export const ServiceStore = iRendererStore
                         }
                     }
 
-                    updateMessage(json.msg || options && options.successMessage || '保存成功');
+                    updateMessage(json.msg || (options && options.successMessage) || '保存成功');
                     (getRoot(self) as IRendererStore).notify('success', self.msg);
                 }
 
                 markSaving(false);
                 return json.data;
-            } catch(e) {
+            } catch (e) {
                 self.saving = false;
                 // console.log(e.stack);
                 (getRoot(self) as IRendererStore).notify('error', e.message || e);
@@ -245,92 +236,99 @@ export const ServiceStore = iRendererStore
             }
         });
 
-        const fetchSchema:(api:Api, data?:object, options?:fetchOptions) => Promise<any> = flow(function *fetchSchema(api:string, data:object, options:fetchOptions = {}) {
-            try {
-                options = {
-                    method: 'post', // 默认走 post
-                    ...options,
-                    cancelExecutor: (executor:Function) => fetchSchemaCancel = executor
-                };
-
-                if (fetchSchemaCancel) {
-                    fetchSchemaCancel();
-                    fetchSchemaCancel = null;
-                    self.initializing = false;
-                }
-
-                if (self.initializing) {
-                    return;
-                }
-
-                self.initializing = true;
-
-                if (typeof api === 'string') {
-                    api += (~api.indexOf('?') ? '&' : '?') + '_replace=1';
-                } else {
-                    api = {
-                        ...api as any,
-                        url: (api as ApiObject).url + (~(api as ApiObject).url.indexOf('?') ? '&' : '?') + '_replace=1'
+        const fetchSchema: (api: Api, data?: object, options?: fetchOptions) => Promise<any> = flow(
+            function* fetchSchema(api: string, data: object, options: fetchOptions = {}) {
+                try {
+                    options = {
+                        method: 'post', // 默认走 post
+                        ...options,
+                        cancelExecutor: (executor: Function) => (fetchSchemaCancel = executor)
                     };
-                }
 
-                const json:Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
-                fetchSchemaCancel = null;
-
-                if (!json.ok) {
-                    updateMessage(json.msg || options && options.errorMessage || '获取失败，请重试', true);
-                    (getRoot(self) as IRendererStore).notify('error', self.msg);
-                } else {
-                    if (json.data) {
-                        self.schema = json.data;
-                        self.schemaKey = '' + Date.now();
+                    if (fetchSchemaCancel) {
+                        fetchSchemaCancel();
+                        fetchSchemaCancel = null;
+                        self.initializing = false;
                     }
-                    updateMessage(json.msg || options && options.successMessage);
 
-                    // 配置了获取成功提示后提示，默认是空不会提示。
-                    if (options && options.successMessage) {
-                        (getRoot(self) as IRendererStore).notify('success', self.msg);
+                    if (self.initializing) {
+                        return;
                     }
-                }
 
-                self.initializing =  false;
-            } catch(e) {
-                const root = getRoot(self) as IRendererStore;
-                if (root.storeType !== 'RendererStore') {
-                    // 已经销毁了，不管这些数据了。
+                    self.initializing = true;
+
+                    if (typeof api === 'string') {
+                        api += (~api.indexOf('?') ? '&' : '?') + '_replace=1';
+                    } else {
+                        api = {
+                            ...(api as any),
+                            url:
+                                (api as ApiObject).url +
+                                (~(api as ApiObject).url.indexOf('?') ? '&' : '?') +
+                                '_replace=1'
+                        };
+                    }
+
+                    const json: Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
+                    fetchSchemaCancel = null;
+
+                    if (!json.ok) {
+                        updateMessage(json.msg || (options && options.errorMessage) || '获取失败，请重试', true);
+                        (getRoot(self) as IRendererStore).notify('error', self.msg);
+                    } else {
+                        if (json.data) {
+                            self.schema = json.data;
+                            self.schemaKey = '' + Date.now();
+                        }
+                        updateMessage(json.msg || (options && options.successMessage));
+
+                        // 配置了获取成功提示后提示，默认是空不会提示。
+                        if (options && options.successMessage) {
+                            (getRoot(self) as IRendererStore).notify('success', self.msg);
+                        }
+                    }
+
+                    self.initializing = false;
+                } catch (e) {
+                    const root = getRoot(self) as IRendererStore;
+                    if (root.storeType !== 'RendererStore') {
+                        // 已经销毁了，不管这些数据了。
+                        return;
+                    }
+
+                    self.initializing = false;
+
+                    if (root.isCancel(e)) {
+                        return;
+                    }
+
+                    e.stack && console.error(e.stack);
+                    root.notify('error', e.message || e);
+                }
+            }
+        );
+
+        const checkRemote: (api: Api, data?: object, options?: fetchOptions) => Promise<any> = flow(
+            function* checkRemote(api: string, data: object, options?: fetchOptions) {
+                if (self.checking) {
                     return;
                 }
 
-                self.initializing = false;
+                try {
+                    self.checking = true;
+                    const json: Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
+                    json.ok && self.updateData(json.data);
 
-                if (root.isCancel(e)) {
-                    return;
+                    if (!json.ok) {
+                        throw new Error(json.msg);
+                    }
+
+                    return json.data;
+                } finally {
+                    self.checking = false;
                 }
-
-                e.stack && console.error(e.stack);
-                root.notify('error', e.message || e);
             }
-        });
-
-        const checkRemote:(api:Api, data?:object, options?:fetchOptions) => Promise<any> = flow(function *checkRemote(api:string, data:object, options?:fetchOptions) {
-            if (self.checking) {
-                return;
-            }
-
-            try {
-                self.checking = true;
-                const json:Payload = yield (getRoot(self) as IRendererStore).fetcher(api, data, options);
-                json.ok && self.updateData(json.data);
-
-                if (!json.ok) {
-                    throw new Error(json.msg);
-                }
-
-                return json.data;
-            } finally {
-                self.checking = false;
-            }
-        });
+        );
 
         return {
             markFetching,
diff --git a/src/store/table.ts b/src/store/table.ts
index 821136c17..3e9052ef3 100644
--- a/src/store/table.ts
+++ b/src/store/table.ts
@@ -1,23 +1,13 @@
-import {
-    types,
-    getParent,
-    SnapshotIn,
-    flow,
-    getEnv,
-    getRoot,
-    IAnyModelType
-} from "mobx-state-tree";
-import {
-    iRendererStore,
-} from './iRenderer';
-import { resolveVariable } from "../utils/tpl-builtin";
+import {types, getParent, SnapshotIn, flow, getEnv, getRoot, IAnyModelType} from 'mobx-state-tree';
+import {iRendererStore} from './iRenderer';
+import {resolveVariable} from '../utils/tpl-builtin';
 import isEqual = require('lodash/isEqual');
 import find = require('lodash/find');
-import { isBreakpoint, createObject, isObject, isVisible, guid, findTree, flattenTree, eachTree } from "../utils/helper";
-import { evalExpression } from "../utils/tpl";
+import {isBreakpoint, createObject, isObject, isVisible, guid, findTree, flattenTree, eachTree} from '../utils/helper';
+import {evalExpression} from '../utils/tpl';
 
 export const Column = types
-    .model("Column", {
+    .model('Column', {
         label: types.optional(types.frozen(), undefined),
         type: types.string,
         name: types.maybe(types.string),
@@ -37,10 +27,10 @@ export const Column = types
         remark: types.optional(types.frozen(), undefined),
         className: ''
     })
-    .actions((self) => ({
+    .actions(self => ({
         toggleToggle() {
             self.toggled = !self.toggled;
-            const table = (getParent(self, 2) as ITableStore);
+            const table = getParent(self, 2) as ITableStore;
 
             if (!table.activeToggaleColumns.length) {
                 self.toggled = true;
@@ -48,7 +38,7 @@ export const Column = types
 
             table.persistSaveToggledColumns();
         },
-        setToggled(value:boolean) {
+        setToggled(value: boolean) {
             self.toggled = value;
         }
     }));
@@ -57,7 +47,7 @@ export type IColumn = typeof Column.Type;
 export type SColumn = SnapshotIn<typeof Column>;
 
 export const Row = types
-    .model("Row", {
+    .model('Row', {
         id: types.identifier,
         parentId: '',
         key: types.string,
@@ -69,10 +59,10 @@ export const Row = types
         expandable: false,
         isHover: false,
         children: types.optional(types.array(types.late((): IAnyModelType => Row)), []),
-        depth: types.number// 当前children位于第几层，便于使用getParent获取最顶层TableStore
+        depth: types.number // 当前children位于第几层，便于使用getParent获取最顶层TableStore
     })
-    .views((self) => ({
-        get checked():boolean {
+    .views(self => ({
+        get checked(): boolean {
             return (getParent(self, self.depth * 2) as ITableStore).isSelected(self as IRow);
         },
 
@@ -88,7 +78,7 @@ export const Row = types
             let data = {
                 ...self.data
             };
-            
+
             if (data.children && self.children) {
                 data.children = self.children.map(item => item.getDataWithModifiedChilden());
             }
@@ -96,7 +86,7 @@ export const Row = types
             return data;
         },
 
-        get expanded():boolean {
+        get expanded(): boolean {
             return (getParent(self, self.depth * 2) as ITableStore).isExpanded(self as IRow);
         },
 
@@ -104,24 +94,26 @@ export const Row = types
             return self.index !== self.newIndex;
         },
 
-        get locals():any {
+        get locals(): any {
             return createObject(
                 createObject((getParent(self, self.depth * 2) as ITableStore).data, {
                     index: self.index
-                }), self.data);
+                }),
+                self.data
+            );
         },
 
-        get checkable():boolean {
-            const table = (getParent(self, self.depth * 2) as ITableStore);
+        get checkable(): boolean {
+            const table = getParent(self, self.depth * 2) as ITableStore;
             return table && table.itemCheckableOn ? evalExpression(table.itemCheckableOn, (self as IRow).locals) : true;
         },
 
-        get draggable():boolean {
-            const table = (getParent(self, self.depth * 2) as ITableStore);
+        get draggable(): boolean {
+            const table = getParent(self, self.depth * 2) as ITableStore;
             return table && table.itemDraggableOn ? evalExpression(table.itemDraggableOn, (self as IRow).locals) : true;
         }
     }))
-    .actions((self) => ({
+    .actions(self => ({
         toggle() {
             (getParent(self, self.depth * 2) as ITableStore).toggle(self as IRow);
         },
@@ -130,15 +122,16 @@ export const Row = types
             (getParent(self, self.depth * 2) as ITableStore).toggleExpanded(self as IRow);
         },
 
-        change(values:object, savePristine?:boolean) {
+        change(values: object, savePristine?: boolean) {
             self.data = {
                 ...self.data,
                 ...values
             };
 
-            savePristine && (self.pristine = {
-                ...self.data
-            });
+            savePristine &&
+                (self.pristine = {
+                    ...self.data
+                });
         },
 
         reset() {
@@ -146,7 +139,7 @@ export const Row = types
             self.data = self.pristine;
         },
 
-        setIsHover(value:boolean) {
+        setIsHover(value: boolean) {
             self.isHover = value;
         }
     }));
@@ -179,23 +172,27 @@ export const TableStore = iRendererStore
     })
     .views(self => {
         function getFilteredColumns() {
-            return self
-                .columns
-                .filter(item => isVisible(item.pristine, self.data) && (
-                    item.type === '__checkme' ? self.selectable && !self.dragging && !self.hideCheckToggler && self.rows.length
-                    : item.type === '__dragme' ? self.dragging
-                    : item.type === '__expandme' ? (getFootableColumns().length || self.isNested) && !self.dragging
-                    : (item.toggled || !item.toggable) && (!self.footable || !item.breakpoint || !isBreakpoint(item.breakpoint))
-                ));
+            return self.columns.filter(
+                item =>
+                    isVisible(item.pristine, self.data) &&
+                    (item.type === '__checkme'
+                        ? self.selectable && !self.dragging && !self.hideCheckToggler && self.rows.length
+                        : item.type === '__dragme'
+                        ? self.dragging
+                        : item.type === '__expandme'
+                        ? (getFootableColumns().length || self.isNested) && !self.dragging
+                        : (item.toggled || !item.toggable) &&
+                          (!self.footable || !item.breakpoint || !isBreakpoint(item.breakpoint)))
+            );
         }
 
         function getFootableColumns() {
-            return self
-                .columns
-                .filter(item =>
-                    item.type === '__checkme' || item.type === '__dragme' || item.type === '__expandme' ? false
-                    : (item.toggled || !item.toggable) && (self.footable && item.breakpoint && isBreakpoint(item.breakpoint))
-                );
+            return self.columns.filter(item =>
+                item.type === '__checkme' || item.type === '__dragme' || item.type === '__expandme'
+                    ? false
+                    : (item.toggled || !item.toggable) &&
+                      (self.footable && item.breakpoint && isBreakpoint(item.breakpoint))
+            );
         }
 
         function getLeftFixedColumns() {
@@ -214,11 +211,11 @@ export const TableStore = iRendererStore
             return getFilteredColumns().filter(item => item.fixed === 'right');
         }
 
-        function isSelected(row:IRow):boolean {
+        function isSelected(row: IRow): boolean {
             return !!~self.selectedRows.indexOf(row);
         }
 
-        function isExpanded(row:IRow):boolean {
+        function isExpanded(row: IRow): boolean {
             return !!~self.expandedRows.indexOf(row);
         }
 
@@ -247,14 +244,14 @@ export const TableStore = iRendererStore
         }
 
         function getMovedRows() {
-            return flattenTree(self.rows).filter((item:IRow) => item.moved);
+            return flattenTree(self.rows).filter((item: IRow) => item.moved);
         }
 
         function getMoved() {
             return getMovedRows().length;
         }
 
-        function getHoverIndex():number {
+        function getHoverIndex(): number {
             return self.rows.findIndex(item => item.isHover);
         }
 
@@ -262,18 +259,18 @@ export const TableStore = iRendererStore
             return self.rows.filter(item => !item.checked);
         }
 
-        function getData(superData:any):any {
+        function getData(superData: any): any {
             return createObject(superData, {
                 items: self.rows.map(item => item.data),
                 selectedItems: self.selectedRows.map(item => item.data),
-                unSeelctedItems: getUnSelectedRows().map(item => item.data),
+                unSeelctedItems: getUnSelectedRows().map(item => item.data)
             });
         }
 
-        function getColumnGroup():Array<{
-            label: string,
-            index: number,
-            colSpan: number
+        function getColumnGroup(): Array<{
+            label: string;
+            index: number;
+            colSpan: number;
         }> {
             const columsn = getFilteredColumns();
             const len = columsn.length;
@@ -282,10 +279,10 @@ export const TableStore = iRendererStore
                 return [];
             }
 
-            const result:Array<{
-                label: string,
-                index: number,
-                colSpan: number
+            const result: Array<{
+                label: string;
+                index: number;
+                colSpan: number;
             }> = [
                 {
                     label: columsn[0].groupName,
@@ -300,7 +297,7 @@ export const TableStore = iRendererStore
             }
 
             for (let i = 1; i < len; i++) {
-                let prev = result[result.length -1];
+                let prev = result[result.length - 1];
                 const current = columsn[i];
 
                 if (current.groupName === prev.label) {
@@ -350,9 +347,11 @@ export const TableStore = iRendererStore
                 return !!self.selectedRows.length;
             },
 
-            get allChecked():boolean {
-                return !!(self.selectedRows.length === (self as ITableStore).checkableRows.length 
-                    && (self as ITableStore).checkableRows.length);
+            get allChecked(): boolean {
+                return !!(
+                    self.selectedRows.length === (self as ITableStore).checkableRows.length &&
+                    (self as ITableStore).checkableRows.length
+                );
             },
 
             isSelected,
@@ -401,13 +400,13 @@ export const TableStore = iRendererStore
                 return getColumnGroup();
             },
 
-            getRowById(id:string) {
+            getRowById(id: string) {
                 return findTree(self.rows, item => item.id === id);
             }
         };
     })
     .actions(self => {
-        function update(config:Partial<STableStore>) {
+        function update(config: Partial<STableStore>) {
             config.primaryField !== void 0 && (self.primaryField = config.primaryField);
             config.selectable !== void 0 && (self.selectable = config.selectable);
             config.columnsTogglable !== void 0 && (self.columnsTogglable = config.columnsTogglable);
@@ -424,10 +423,10 @@ export const TableStore = iRendererStore
             config.itemDraggableOn !== void 0 && (self.itemDraggableOn = config.itemDraggableOn);
             config.hideCheckToggler !== void 0 && (self.hideCheckToggler = !!config.hideCheckToggler);
 
-            config.combineNum !== void 0 && (self.combineNum = parseInt(config.combineNum as any, 10) || 0)
+            config.combineNum !== void 0 && (self.combineNum = parseInt(config.combineNum as any, 10) || 0);
 
             if (config.columns && Array.isArray(config.columns)) {
-                let columns:Array<SColumn> = config.columns.concat();
+                let columns: Array<SColumn> = config.columns.concat();
 
                 columns.unshift({
                     type: '__expandme',
@@ -452,7 +451,7 @@ export const TableStore = iRendererStore
                 columns = columns.map((item, index) => ({
                     ...item,
                     index,
-                    rawIndex: index -3,
+                    rawIndex: index - 3,
                     type: item.type || 'plain',
                     pristine: item,
                     toggled: item.toggled !== false,
@@ -464,12 +463,12 @@ export const TableStore = iRendererStore
             }
         }
 
-        function combineCell(arr: Array<SRow>, keys:Array<string>): Array<SRow> {
+        function combineCell(arr: Array<SRow>, keys: Array<string>): Array<SRow> {
             if (!keys.length || !arr.length) {
                 return arr;
             }
 
-            const key:string = keys.shift() as string;
+            const key: string = keys.shift() as string;
             let rowIndex = 0;
             let row = arr[rowIndex];
             row.rowSpans[key] = 1;
@@ -498,12 +497,12 @@ export const TableStore = iRendererStore
             return arr;
         }
 
-        function autoCombineCell(arr: Array<SRow>, columns: Array<IColumn>,  maxCount:number): Array<SRow> {
+        function autoCombineCell(arr: Array<SRow>, columns: Array<IColumn>, maxCount: number): Array<SRow> {
             if (!columns.length || !maxCount || !arr.length) {
                 return arr;
             }
 
-            const keys:Array<string> = [];
+            const keys: Array<string> = [];
             for (let i = 0; i < maxCount; i++) {
                 const column = columns[i];
 
@@ -527,12 +526,14 @@ export const TableStore = iRendererStore
             return combineCell(arr, keys);
         }
 
-        function initChildren(children: Array<any>, depth: number, pindex: number, parentId:string): any {
+        function initChildren(children: Array<any>, depth: number, pindex: number, parentId: string): any {
             depth += 1;
             return children.map((item, key) => {
-                item = isObject(item) ? item : {
-                    item
-                };
+                item = isObject(item)
+                    ? item
+                    : {
+                          item
+                      };
                 const id = guid();
 
                 return {
@@ -547,8 +548,11 @@ export const TableStore = iRendererStore
                     data: item,
                     rowSpans: {},
                     modified: false,
-                    children: (item && Array.isArray(item.children)) ? initChildren(item.children, depth, key, id) : [],
-                    expandable: !!(item && Array.isArray(item.children) && item.children.length || self.footable && self.footableColumns.length),
+                    children: item && Array.isArray(item.children) ? initChildren(item.children, depth, key, id) : [],
+                    expandable: !!(
+                        (item && Array.isArray(item.children) && item.children.length) ||
+                        (self.footable && self.footableColumns.length)
+                    )
                 };
             });
         }
@@ -557,24 +561,27 @@ export const TableStore = iRendererStore
             self.selectedRows.clear();
             self.expandedRows.clear();
 
-            let arr:Array<SRow> = rows.map((item, key) => {
+            let arr: Array<SRow> = rows.map((item, key) => {
                 let id = getEntryId ? getEntryId(item, key) : guid();
                 return {
                     // id: getEntryId ? getEntryId(item, key) : String(item && (item as any)[self.primaryField] || `${key}-1-${key}`),
                     id: id,
                     key: String(`${key}-1-${key}`),
-                    depth: 1,// 最大父节点默认为第一层，逐层叠加
+                    depth: 1, // 最大父节点默认为第一层，逐层叠加
                     index: key,
                     newIndex: key,
                     pristine: item,
                     data: item,
                     rowSpans: {},
                     modified: false,
-                    children: (item && Array.isArray(item.children)) ? initChildren(item.children, 1, key, id) : [],
-                    expandable: !!(item && Array.isArray(item.children) && item.children.length || self.footable && self.footableColumns.length),
-                }
+                    children: item && Array.isArray(item.children) ? initChildren(item.children, 1, key, id) : [],
+                    expandable: !!(
+                        (item && Array.isArray(item.children) && item.children.length) ||
+                        (self.footable && self.footableColumns.length)
+                    )
+                };
             });
-            
+
             if (self.combineNum) {
                 arr = autoCombineCell(arr, self.columns, self.combineNum);
             }
@@ -583,12 +590,11 @@ export const TableStore = iRendererStore
             self.isNested = self.rows.some(item => item.children.length);
 
             const expand = self.footable && self.footable.expand;
-            if (expand === 'first' || self.expandConfig && self.expandConfig.expand === 'first') {
+            if (expand === 'first' || (self.expandConfig && self.expandConfig.expand === 'first')) {
                 self.rows.length && self.expandedRows.push(self.rows[0]);
             } else if (
-                expand === 'all' && !self.footable.accordion 
-                || self.expandConfig && self.expandConfig.expand === 'all'
-                    && !self.expandConfig.accordion
+                (expand === 'all' && !self.footable.accordion) ||
+                (self.expandConfig && self.expandConfig.expand === 'all' && !self.expandConfig.accordion)
             ) {
                 self.expandedRows.replace(self.rows);
             }
@@ -596,12 +602,12 @@ export const TableStore = iRendererStore
             self.dragging = false;
         }
 
-        function updateSelected(selected:Array<any>, valueField?: string) {
+        function updateSelected(selected: Array<any>, valueField?: string) {
             self.selectedRows.clear();
             self.rows.forEach(item => {
                 if (~selected.indexOf(item.pristine)) {
                     self.selectedRows.push(item);
-                } else if (find(selected, (a) => a[valueField || 'value'] == item.pristine[valueField || 'value'])) {
+                } else if (find(selected, a => a[valueField || 'value'] == item.pristine[valueField || 'value'])) {
                     self.selectedRows.push(item);
                 }
             });
@@ -615,7 +621,7 @@ export const TableStore = iRendererStore
             }
         }
 
-        function toggle(row:IRow) {
+        function toggle(row: IRow) {
             if (!row.checkable) {
                 return;
             }
@@ -627,7 +633,6 @@ export const TableStore = iRendererStore
             } else {
                 ~idx ? self.selectedRows.splice(idx, 1) : self.selectedRows.replace([row]);
             }
-
         }
 
         function clear() {
@@ -642,11 +647,11 @@ export const TableStore = iRendererStore
             }
         }
 
-        function toggleExpanded(row:IRow) {
+        function toggleExpanded(row: IRow) {
             const idx = self.expandedRows.indexOf(row);
 
             if (~idx) {
-                self.expandedRows.splice(idx, 1)
+                self.expandedRows.splice(idx, 1);
             } else if (self.footable && self.footable.accordion) {
                 self.expandedRows.replace([row]);
             } else if (self.expandConfig && self.expandConfig.accordion) {
@@ -658,12 +663,12 @@ export const TableStore = iRendererStore
             }
         }
 
-        function collapseAllAtDepth(depth:number) {
+        function collapseAllAtDepth(depth: number) {
             let rows = self.expandedRows.filter(item => item.depth !== depth);
             self.expandedRows.replace(rows);
         }
 
-        function setOrderByInfo(key:string, direction: 'asc' | 'desc') {
+        function setOrderByInfo(key: string, direction: 'asc' | 'desc') {
             self.orderBy = key;
             self.orderDir = direction;
         }
@@ -671,14 +676,14 @@ export const TableStore = iRendererStore
         function reset() {
             self.rows.forEach(item => item.reset());
             let rows = self.rows.concat();
-            eachTree(rows, (item) => {
+            eachTree(rows, item => {
                 if (item.children) {
                     let rows = item.children.concat().sort((a, b) => a.index - b.index);
                     rows.forEach(item => item.reset());
                     item.children.replace(rows);
                 }
             });
-            rows.forEach(item => item.reset())
+            rows.forEach(item => item.reset());
             rows = rows.sort((a, b) => a.index - b.index);
             self.rows.replace(rows);
             self.dragging = false;
@@ -692,19 +697,19 @@ export const TableStore = iRendererStore
             self.dragging = false;
         }
 
-        function exchange(fromIndex:number, toIndex:number, item?: IRow) {
+        function exchange(fromIndex: number, toIndex: number, item?: IRow) {
             item = item || self.rows[fromIndex];
 
             if (item.parentId) {
-                const parent:IRow = self.getRowById(item.parentId) as any;
+                const parent: IRow = self.getRowById(item.parentId) as any;
                 const offset = parent.children.indexOf(item) - fromIndex;
-                toIndex+= offset;
+                toIndex += offset;
                 fromIndex += offset;
 
                 const newRows = parent.children.concat();
                 newRows.splice(fromIndex, 1);
                 newRows.splice(toIndex, 0, item);
-                newRows.forEach((item, index) => item.newIndex = index);
+                newRows.forEach((item, index) => (item.newIndex = index));
                 parent.children.replace(newRows);
                 return;
             }
@@ -713,12 +718,13 @@ export const TableStore = iRendererStore
             newRows.splice(fromIndex, 1);
             newRows.splice(toIndex, 0, item);
 
-            newRows.forEach((item, index) => item.newIndex = index);
+            newRows.forEach((item, index) => (item.newIndex = index));
             self.rows.replace(newRows);
         }
 
         function persistSaveToggledColumns() {
-            const key = location.pathname + self.path + self.toggableColumns.map(item => item.name || item.index).join('-');
+            const key =
+                location.pathname + self.path + self.toggableColumns.map(item => item.name || item.index).join('-');
             localStorage.setItem(key, JSON.stringify(self.activeToggaleColumns.map(item => item.index)));
         }
 
@@ -743,7 +749,10 @@ export const TableStore = iRendererStore
             // events
             afterAttach() {
                 setTimeout(() => {
-                    const key = location.pathname + self.path + self.toggableColumns.map(item => item.name || item.index).join('-');
+                    const key =
+                        location.pathname +
+                        self.path +
+                        self.toggableColumns.map(item => item.name || item.index).join('-');
                     const data = localStorage.getItem(key);
 
                     if (data) {
diff --git a/src/theme.tsx b/src/theme.tsx
index d86f104a6..7ac3ba8e2 100644
--- a/src/theme.tsx
+++ b/src/theme.tsx
@@ -1,71 +1,70 @@
 // 主题管理
-import cx  from 'classnames';
+import cx from 'classnames';
 import React from 'react';
 import hoistNonReactStatic = require('hoist-non-react-statics');
-import { ExtractProps, Omit } from './types';
+import {ExtractProps, Omit} from './types';
 import PropTypes from 'prop-types';
 
 export type ClassValue = string | number | ClassDictionary | ClassArray | undefined | null | boolean;
 
 interface ClassDictionary {
-	[id: string]: any;
+    [id: string]: any;
 }
 
 // This is the only way I found to break circular references between ClassArray and ClassValue
 // https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
-interface ClassArray extends Array<ClassValue> { } // tslint:disable-line no-empty-interface
+interface ClassArray extends Array<ClassValue> {} // tslint:disable-line no-empty-interface
 
 export type ClassNamesFn = (...classes: ClassValue[]) => string;
 
 interface ThemeConfig {
     classPrefix?: string;
     renderers?: {
-        [propName:string]: any
-    },
+        [propName: string]: any;
+    };
 
-    [propsName:string]: any
-};
+    [propsName: string]: any;
+}
 
-const themes:{
-    [propName:string]: ThemeConfig
+const themes: {
+    [propName: string]: ThemeConfig;
 } = {
-    'default': {
-    }
+    default: {}
 };
 
-export function theme(name:string, config:Partial<ThemeConfig>) {
+export function theme(name: string, config: Partial<ThemeConfig>) {
     themes[name] = {
-        ...config,
+        ...config
     };
 }
 
-const fns:{
-    [propName:string]: (...classes: ClassValue[]) => string
+const fns: {
+    [propName: string]: (...classes: ClassValue[]) => string;
 } = {};
-export function makeClassnames(ns?:string) {
+export function makeClassnames(ns?: string) {
     if (ns && fns[ns]) {
-        return fns[ns]; 
+        return fns[ns];
     }
 
     const fn = (...classes: ClassValue[]) => {
-        const str = cx(...classes as any);
-        return str && ns ? str.replace(/(^|\s)([A-Z])/g, '$1' + ns + '$2') : (str || '');
-    }
+        const str = cx(...(classes as any));
+        return str && ns ? str.replace(/(^|\s)([A-Z])/g, '$1' + ns + '$2') : str || '';
+    };
 
     ns && (fns[ns] = fn);
     return fn;
 }
 
 export type ThemeInstance = ThemeConfig & {
-    getRendererConfig: (name?:string) => any;
+    getRendererConfig: (name?: string) => any;
     classnames: ClassNamesFn;
 };
 
-export function hasTheme(theme:string):boolean {
+export function hasTheme(theme: string): boolean {
     return !!themes[theme];
 }
 
-export function setDefaultTheme(theme:string) {
+export function setDefaultTheme(theme: string) {
     if (hasTheme(theme)) {
         defaultTheme = theme;
     }
@@ -79,7 +78,7 @@ export function getClassPrefix() {
     return getTheme(defaultTheme).classPrefix;
 }
 
-export function getTheme(theme:string):ThemeInstance {
+export function getTheme(theme: string): ThemeInstance {
     if (!themes[theme]) {
         throw new Error(`Theme with name "${theme}" does not exist!`);
     }
@@ -87,7 +86,7 @@ export function getTheme(theme:string):ThemeInstance {
     const config = themes[theme];
 
     if (!config.getRendererConfig) {
-        config.getRendererConfig = (name?:string) => config.renderers && name ? config.renderers[name] : null;
+        config.getRendererConfig = (name?: string) => (config.renderers && name ? config.renderers[name] : null);
     }
 
     if (!config.classnames) {
@@ -104,7 +103,7 @@ export interface ThemeProps {
 }
 
 export const ThemeContext = React.createContext('theme');
-export let defaultTheme:string = "default";
+export let defaultTheme: string = 'default';
 
 export function themeable<T extends React.ComponentType<ThemeProps & ExtractProps<T>>>(ComposedComponent: T) {
     type ComposedProps = JSX.LibraryManagedAttributes<T, ExtractProps<T>>;
@@ -112,7 +111,7 @@ export function themeable<T extends React.ComponentType<ThemeProps & ExtractProp
         theme?: string;
         classPrefix?: string;
         classnames?: ClassNamesFn;
-    }
+    };
 
     class EnhancedComponent extends React.Component<Props> {
         static displayName = `Themeable(${ComposedComponent.displayName || ComposedComponent.name})`;
@@ -120,9 +119,9 @@ export function themeable<T extends React.ComponentType<ThemeProps & ExtractProp
         static ComposedComponent = ComposedComponent;
 
         render() {
-            const theme:string = this.props.theme || this.context || defaultTheme;
+            const theme: string = this.props.theme || this.context || defaultTheme;
             const config = hasTheme(theme) ? getTheme(theme) : getTheme(defaultTheme);
-            const injectedProps:{
+            const injectedProps: {
                 classPrefix: string;
                 classnames: ClassNamesFn;
             } = {
@@ -132,17 +131,13 @@ export function themeable<T extends React.ComponentType<ThemeProps & ExtractProp
 
             return (
                 <ThemeContext.Provider value={theme}>
-                    <ComposedComponent
-                        {...this.props as any /* todo, 解决这个类型问题 */}
-                        {...injectedProps}
-                    />
+                    <ComposedComponent {...this.props as any /* todo, 解决这个类型问题 */} {...injectedProps} />
                 </ThemeContext.Provider>
             );
         }
     }
-    
-    return hoistNonReactStatic(EnhancedComponent, ComposedComponent) as 
-        React.ComponentClass<Props> & {
-            ComposedComponent: T
-        };
-}
\ No newline at end of file
+
+    return hoistNonReactStatic(EnhancedComponent, ComposedComponent) as React.ComponentClass<Props> & {
+        ComposedComponent: T;
+    };
+}
diff --git a/src/themes/cxd.ts b/src/themes/cxd.ts
index 927bfb88b..4cf5793e6 100644
--- a/src/themes/cxd.ts
+++ b/src/themes/cxd.ts
@@ -1,4 +1,4 @@
-import { theme } from "../theme";
+import {theme} from '../theme';
 
 // yunshe.design 百度云舍
 theme('cxd', {
@@ -33,26 +33,26 @@ theme('cxd', {
             mode: 'line'
         },
 
-        "range-control": {
+        'range-control': {
             showInput: true,
             clearable: true
         },
 
         status: {
             map: {
-                'success': 'Status-icon--success',
-                'pending': 'Status-icon--rolling',
-                'fail': 'Status-icon--danger',
-                'queue': 'Status-icon--warning',
-                'schedule': 'Status-icon--primary'
+                success: 'Status-icon--success',
+                pending: 'Status-icon--rolling',
+                fail: 'Status-icon--danger',
+                queue: 'Status-icon--warning',
+                schedule: 'Status-icon--primary'
             },
             labelMap: {
-                'success': '成功',
-                'pending': '运行中',
-                'fail': '失败',
-                'queue': '排队中',
-                'schedule': '调度中'
-            },
+                success: '成功',
+                pending: '运行中',
+                fail: '失败',
+                queue: '排队中',
+                schedule: '调度中'
+            }
         }
     }
-})
\ No newline at end of file
+});
diff --git a/src/themes/default.ts b/src/themes/default.ts
index d985b5931..7837e150c 100644
--- a/src/themes/default.ts
+++ b/src/themes/default.ts
@@ -1,8 +1,8 @@
-import { theme, ClassNamesFn, makeClassnames } from "../theme";
-export const classPrefix:string = 'a-';
-export const classnames:ClassNamesFn = makeClassnames(classPrefix);
+import {theme, ClassNamesFn, makeClassnames} from '../theme';
+export const classPrefix: string = 'a-';
+export const classnames: ClassNamesFn = makeClassnames(classPrefix);
 
 theme('default', {
     classPrefix,
-    classnames,
-});
\ No newline at end of file
+    classnames
+});
diff --git a/src/types.ts b/src/types.ts
index 55da47d79..086ecf843 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -13,8 +13,8 @@ export interface ApiObject {
     requestAdaptor?: (api: ApiObject) => ApiObject;
     cache?: number;
     qsOptions?: any;
-    dataType?: 'json' | 'form-data'
-};
+    dataType?: 'json' | 'form-data';
+}
 export type ApiString = string;
 export type Api = ApiString | ApiObject;
 
@@ -25,11 +25,10 @@ export interface fetcherResult {
         msg: string;
         errors?: {
             [propName: string]: string;
-        }
+        };
     };
     status: number;
     headers: object;
-
 }
 
 export interface fetchOptions {
@@ -37,7 +36,7 @@ export interface fetchOptions {
     successMessage?: string;
     errorMessage?: string;
     autoAppend?: boolean;
-    beforeSend?: (data:any) => any;
+    beforeSend?: (data: any) => any;
     onSuccess?: (json: Payload) => any;
     silent?: boolean;
     [propName: string]: any;
@@ -59,7 +58,7 @@ export interface Schema {
     visibleOn?: string;
     hiddenOn?: string;
     children?: JSX.Element | ((props: any, schema?: any) => JSX.Element) | null;
-    definitions?: Definitions,
+    definitions?: Definitions;
     [propName: string]: any;
 }
 
@@ -70,15 +69,34 @@ export interface Button {
     size?: string;
     disabled?: boolean;
     className?: string;
-};
+}
 
 export type SchemaNode = number | string | Schema | SchemaArray;
-export interface SchemaArray extends Array<SchemaNode> { };
+export interface SchemaArray extends Array<SchemaNode> {}
 export interface Definitions {
-    [propName: string]: SchemaNode
+    [propName: string]: SchemaNode;
 }
 export interface Action extends Button {
-    actionType?: 'submit' | 'copy' | 'reload' | 'ajax' | 'dialog' | 'drawer' | 'jump' | 'link' | 'url' | 'close' | 'confirm' | 'add' | 'remove' | 'delete' | 'edit' | 'cancel' | 'close' | 'next' | 'prev';
+    actionType?:
+        | 'submit'
+        | 'copy'
+        | 'reload'
+        | 'ajax'
+        | 'dialog'
+        | 'drawer'
+        | 'jump'
+        | 'link'
+        | 'url'
+        | 'close'
+        | 'confirm'
+        | 'add'
+        | 'remove'
+        | 'delete'
+        | 'edit'
+        | 'cancel'
+        | 'close'
+        | 'next'
+        | 'prev';
     api?: Api;
     asyncApi?: Api;
     payload?: any;
@@ -109,26 +127,21 @@ export interface Location {
 
 export interface PlainObject {
     [propsName: string]: any;
-};
+}
 
 export interface RendererData {
     [propsName: string]: any;
     __prev?: RendererDataAlis;
     __super?: RendererData;
-};
+}
 type RendererDataAlis = RendererData;
 
-export type FunctionPropertyNames<T> = { [K in keyof T]: T[K] extends Function ? K : never }[keyof T];
+export type FunctionPropertyNames<T> = {[K in keyof T]: T[K] extends Function ? K : never}[keyof T];
 
 export interface JSONSchema {
     [propsName: string]: any;
-};
+}
 
 export type Omit<T, K extends keyof T & any> = Pick<T, Exclude<keyof T, K>>;
 export type Override<M, N> = Omit<M, Extract<keyof M, keyof N>> & N;
-export type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends React.ComponentType<
-  infer P
->
-    ? P
-    : never;
-
+export type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends React.ComponentType<infer P> ? P : never;
diff --git a/src/utils/api.ts b/src/utils/api.ts
index f6ef9f774..d2e0957b7 100644
--- a/src/utils/api.ts
+++ b/src/utils/api.ts
@@ -1,25 +1,10 @@
-import {
-    Api,
-    ApiObject,
-    fetcherResult,
-    Payload
-} from '../types';
-import {
-    fetcherConfig
-} from '../factory';
-import {
-    tokenize,
-    dataMapping
-} from './tpl-builtin';
+import {Api, ApiObject, fetcherResult, Payload} from '../types';
+import {fetcherConfig} from '../factory';
+import {tokenize, dataMapping} from './tpl-builtin';
 const rSchema = /(?:^|raw\:)(get|post|put|delete|patch):/i;
 import qs from 'qs';
-import { evalExpression } from './tpl';
-import {
-    isObject,
-    isObjectShallowModified,
-    hasFile,
-    object2formData
-} from './helper';
+import {evalExpression} from './tpl';
+import {isObject, isObjectShallowModified, hasFile, object2formData} from './helper';
 
 interface ApiCacheConfig extends ApiObject {
     cachedPromise: Promise<any>;
@@ -28,11 +13,15 @@ interface ApiCacheConfig extends ApiObject {
 
 const apiCaches: Array<ApiCacheConfig> = [];
 
-export function buildApi(api: Api, data?: object, options: {
-    autoAppend?: boolean;
-    ignoreData?: boolean;
-    [propName: string]: any;
-} = {}): ApiObject {
+export function buildApi(
+    api: Api,
+    data?: object,
+    options: {
+        autoAppend?: boolean;
+        ignoreData?: boolean;
+        [propName: string]: any;
+    } = {}
+): ApiObject {
     if (typeof api === 'string') {
         let method = rSchema.test(api) ? RegExp.$1 : '';
         method && (api = api.replace(method + ':', ''));
@@ -46,11 +35,7 @@ export function buildApi(api: Api, data?: object, options: {
             ...api
         };
     }
-    const {
-        autoAppend,
-        ignoreData,
-        ...rest
-    } = options;
+    const {autoAppend, ignoreData, ...rest} = options;
 
     api.config = {
         ...rest
@@ -64,7 +49,7 @@ export function buildApi(api: Api, data?: object, options: {
         return api;
     }
 
-    const raw = api.url = api.url || '';
+    const raw = (api.url = api.url || '');
     api.url = tokenize(api.url, data, '| url_encode');
 
     if (ignoreData) {
@@ -113,7 +98,7 @@ export function buildApi(api: Api, data?: object, options: {
     return api;
 }
 
-function  str2function(contents:string, ...args:Array<string>):Function | null {
+function str2function(contents: string, ...args: Array<string>): Function | null {
     try {
         let fn = new Function(...args, contents);
         return fn;
@@ -146,8 +131,10 @@ function responseAdaptor(ret: fetcherResult) {
     return payload;
 }
 
-export function wrapFetcher(fn: (config: fetcherConfig) => Promise<fetcherResult>): (api: Api, data: object, options?: object) => Promise<Payload | void> {
-    return function (api, data, options) {
+export function wrapFetcher(
+    fn: (config: fetcherConfig) => Promise<fetcherResult>
+): (api: Api, data: object, options?: object) => Promise<Payload | void> {
+    return function(api, data, options) {
         api = buildApi(api, data, options) as ApiObject;
 
         if (api.data && (hasFile(api.data) || api.dataType === 'form-data')) {
@@ -161,25 +148,34 @@ export function wrapFetcher(fn: (config: fetcherConfig) => Promise<fetcherResult
             return wrapAdaptor(apiCache ? (apiCache as ApiCacheConfig).cachedPromise : setApiCache(api, fn(api)), api);
         }
         return wrapAdaptor(fn(api), api);
-    }
+    };
 }
 
 export function wrapAdaptor(promise: Promise<fetcherResult>, api: ApiObject) {
     const adaptor = api.adaptor;
-    return adaptor ? promise.then(response => ({ ...response, data: adaptor((response as any).data, response, api) })).then(responseAdaptor)
+    return adaptor
+        ? promise
+              .then(response => ({...response, data: adaptor((response as any).data, response, api)}))
+              .then(responseAdaptor)
         : promise.then(responseAdaptor);
 }
 
-export function isApiOutdated(prevApi: Api | undefined, nextApi: Api | undefined, prevData: any, nextData: any): boolean {
-    const url: string = nextApi && (nextApi as ApiObject).url || nextApi as string;
+export function isApiOutdated(
+    prevApi: Api | undefined,
+    nextApi: Api | undefined,
+    prevData: any,
+    nextData: any
+): boolean {
+    const url: string = (nextApi && (nextApi as ApiObject).url) || (nextApi as string);
 
-    if (url && typeof url === "string" && ~url.indexOf('$')) {
-        prevApi = buildApi(prevApi as Api, prevData as object, { ignoreData: true });
-        nextApi = buildApi(nextApi as Api, nextData as object, { ignoreData: true });
+    if (url && typeof url === 'string' && ~url.indexOf('$')) {
+        prevApi = buildApi(prevApi as Api, prevData as object, {ignoreData: true});
+        nextApi = buildApi(nextApi as Api, nextData as object, {ignoreData: true});
 
         return !!(
-            prevApi.url !== nextApi.url && isValidApi(nextApi.url)
-            && (!nextApi.sendOn || evalExpression(nextApi.sendOn, nextData))
+            prevApi.url !== nextApi.url &&
+            isValidApi(nextApi.url) &&
+            (!nextApi.sendOn || evalExpression(nextApi.sendOn, nextData))
         );
     }
 
@@ -212,7 +208,9 @@ export function isEffectiveApi(api?: Api, data?: any, initFetch?: boolean, initF
 }
 
 export function isSameApi(apiA: ApiObject | ApiCacheConfig, apiB: ApiObject | ApiCacheConfig): boolean {
-    return apiA.method === apiB.method && apiA.url === apiB.url && !isObjectShallowModified(apiA.data, apiB.data, false);
+    return (
+        apiA.method === apiB.method && apiA.url === apiB.url && !isObjectShallowModified(apiA.data, apiB.data, false)
+    );
 }
 
 export function getApiCache(api: ApiObject): ApiCacheConfig | undefined {
@@ -252,4 +250,4 @@ export function clearApiCache() {
     apiCaches.splice(0, apiCaches.length);
 }
 
-// window.apiCaches = apiCaches;
\ No newline at end of file
+// window.apiCaches = apiCaches;
diff --git a/src/utils/dom.tsx b/src/utils/dom.tsx
index e9da34c07..1e52f6bcd 100644
--- a/src/utils/dom.tsx
+++ b/src/utils/dom.tsx
@@ -11,7 +11,7 @@ const bsMapping: {
 } = {
     level: 'bsStyle',
     classPrefix: 'bsClass',
-    size: 'bsSize',
+    size: 'bsSize'
 };
 
 /**
@@ -119,7 +119,7 @@ export function calculatePosition(placement: any, overlayNode: any, target: any,
         const tests = placement.split(/\s+/);
 
         while (tests.length) {
-            const current = activePlacement = tests.shift();
+            const current = (activePlacement = tests.shift());
             let [atX, atY, myX, myY] = current.split('-');
             myX = myX || atX;
             myY = myY || atY;
@@ -147,7 +147,7 @@ export function calculatePosition(placement: any, overlayNode: any, target: any,
                     x: clip.x + positionLeft - childOffset.left,
                     y: clip.y + positionTop - childOffset.top,
                     width: overlayWidth,
-                    height: overlayHeight,
+                    height: overlayHeight
                 };
 
                 if (
@@ -156,7 +156,6 @@ export function calculatePosition(placement: any, overlayNode: any, target: any,
                     transformed.y > 0 &&
                     transformed.y + transformed.height < window.innerHeight
                 ) {
-                    
                     break;
                 }
             }
diff --git a/src/utils/filter-schema.ts b/src/utils/filter-schema.ts
index 98c24e6c9..32d3427be 100644
--- a/src/utils/filter-schema.ts
+++ b/src/utils/filter-schema.ts
@@ -1,12 +1,6 @@
-import {
-    evalExpression,
-    filter
-} from './tpl';
+import {evalExpression, filter} from './tpl';
 
-import {
-    Schema,
-    PlainObject
-} from '../types';
+import {Schema, PlainObject} from '../types';
 
 /**
  * 处理 Props 数据，所有带 On 结束的做一次
@@ -18,10 +12,12 @@ import {
  * @param schema
  * @param data
  */
-export default function getExprProperties(schema:PlainObject, data:object = {}, blackList:Array<string> = ['addOn']):PlainObject {
-
-    const exprProps:PlainObject = {
-    };
+export default function getExprProperties(
+    schema: PlainObject,
+    data: object = {},
+    blackList: Array<string> = ['addOn']
+): PlainObject {
+    const exprProps: PlainObject = {};
 
     Object.getOwnPropertyNames(schema).forEach(key => {
         if (blackList && ~blackList.indexOf(key)) {
@@ -29,7 +25,7 @@ export default function getExprProperties(schema:PlainObject, data:object = {},
         }
 
         let parts = /^(.*)(On|Expr)$/.exec(key);
-        let value:any = schema[key];
+        let value: any = schema[key];
 
         if (value && typeof value === 'string' && parts && (parts[2] === 'On' || parts[2] === 'Expr')) {
             key = parts[1];
diff --git a/src/utils/helper.ts b/src/utils/helper.ts
index 4319ec94e..6fc54f5bf 100644
--- a/src/utils/helper.ts
+++ b/src/utils/helper.ts
@@ -3,46 +3,53 @@ import transform = require('lodash/transform');
 import isEqual = require('lodash/isEqual');
 import lodashIsObject = require('lodash/isObject');
 import uniq = require('lodash/uniq');
-import {
-    Schema, PlainObject, FunctionPropertyNames
-} from '../types';
-import { evalExpression } from './tpl';
-import { boundMethod } from 'autobind-decorator';
+import {Schema, PlainObject, FunctionPropertyNames} from '../types';
+import {evalExpression} from './tpl';
+import {boundMethod} from 'autobind-decorator';
 import qs from 'qs';
 
 // 方便取值的时候能够把上层的取到，但是获取的时候不会全部把所有的数据获取到。
-export function createObject(superProps?: { [propName: string]: any }, props?: { [propName: string]: any }, properties?: any): object {
+export function createObject(
+    superProps?: {[propName: string]: any},
+    props?: {[propName: string]: any},
+    properties?: any
+): object {
     if (superProps && Object.isFrozen(superProps)) {
         superProps = cloneObject(superProps);
     }
 
-    const obj = superProps ? Object.create(superProps, {
-        ...properties,
-        '__super': {
-            value: superProps,
-            writable: false,
-            enumerable: false
-        }
-    }) : Object.create(Object.prototype, properties);
-    props && Object.keys(props).forEach(key => obj[key] = props[key]);
+    const obj = superProps
+        ? Object.create(superProps, {
+              ...properties,
+              __super: {
+                  value: superProps,
+                  writable: false,
+                  enumerable: false
+              }
+          })
+        : Object.create(Object.prototype, properties);
+    props && Object.keys(props).forEach(key => (obj[key] = props[key]));
     return obj;
 }
 
 export function cloneObject(from: any) {
-    const obj = from && from.__super ? Object.create(from.__super, {
-        '__super': {
-            value: from.__super,
-            writable: false,
-            enumerable: false
-        }
-    }) : Object.create(Object.prototype);
-    from && Object.keys(from).forEach(key => obj[key] = from[key]);
+    const obj =
+        from && from.__super
+            ? Object.create(from.__super, {
+                  __super: {
+                      value: from.__super,
+                      writable: false,
+                      enumerable: false
+                  }
+              })
+            : Object.create(Object.prototype);
+    from && Object.keys(from).forEach(key => (obj[key] = from[key]));
     return obj;
 }
 
 export function extendObject(to: any, from?: any) {
     const obj = cloneObject(to);
-    from && Object.keys(from).forEach(key => obj[key] = from[key]);
+    from && Object.keys(from).forEach(key => (obj[key] = from[key]));
     return obj;
 }
 
@@ -54,18 +61,13 @@ export function syncDataFromSuper(data: any, superObject: any, prevSuperObject:
     if (superObject || prevSuperObject) {
         Object.keys(obj).forEach(key => {
             if (
-                (
-                    superObject && typeof superObject[key] !== "undefined"
-                    || prevSuperObject && typeof prevSuperObject[key] !== "undefined"
-                )
-
-                && (
-                    force
-                    || prevSuperObject && !superObject
-                    || !prevSuperObject && superObject
-                    || prevSuperObject[key] !== superObject[key]
-                )) {
-
+                ((superObject && typeof superObject[key] !== 'undefined') ||
+                    (prevSuperObject && typeof prevSuperObject[key] !== 'undefined')) &&
+                (force ||
+                    (prevSuperObject && !superObject) ||
+                    (!prevSuperObject && superObject) ||
+                    prevSuperObject[key] !== superObject[key])
+            ) {
                 obj[key] = superObject[key];
             }
         });
@@ -74,12 +76,11 @@ export function syncDataFromSuper(data: any, superObject: any, prevSuperObject:
     return obj;
 }
 
-
 /**
-* 生成 8 位随机数字。
-*
-* @return {string} 8位随机数字
-*/
+ * 生成 8 位随机数字。
+ *
+ * @return {string} 8位随机数字
+ */
 export function guid() {
     function s4() {
         return Math.floor((1 + Math.random()) * 0x10000)
@@ -99,21 +100,25 @@ export function findIndex(arr: Array<any>, detect: (item?: any, index?: number)
     return -1;
 }
 
-export function getVariable(data: { [propName: string]: any }, key: string, canAccessSuper: boolean = true): any {
+export function getVariable(data: {[propName: string]: any}, key: string, canAccessSuper: boolean = true): any {
     if (!data || !key) {
         return undefined;
     } else if (canAccessSuper ? key in data : data.hasOwnProperty(key)) {
         return data[key];
     }
 
-    return key.split('.')
+    return key
+        .split('.')
         .reduce(
-            (obj, key) => obj && typeof obj === 'object' && (canAccessSuper ? key in obj : obj.hasOwnProperty(key)) ? obj[key] : undefined
-            , data
+            (obj, key) =>
+                obj && typeof obj === 'object' && (canAccessSuper ? key in obj : obj.hasOwnProperty(key))
+                    ? obj[key]
+                    : undefined,
+            data
         );
 }
 
-export function setVariable(data: { [propName: string]: any }, key: string, value: any) {
+export function setVariable(data: {[propName: string]: any}, key: string, value: any) {
     data = data || {};
 
     if (key in data) {
@@ -121,7 +126,6 @@ export function setVariable(data: { [propName: string]: any }, key: string, valu
         return;
     }
 
-
     const parts = key.split('.');
     const last = parts.pop() as string;
 
@@ -133,7 +137,7 @@ export function setVariable(data: { [propName: string]: any }, key: string, valu
             };
         } else if (data[key]) {
             // throw new Error(`目标路径不是纯对象，不能覆盖`);
-            // 强行转成对象 
+            // 强行转成对象
             data[key] = {};
             data = data[key];
         } else {
@@ -145,7 +149,7 @@ export function setVariable(data: { [propName: string]: any }, key: string, valu
     data[last] = value;
 }
 
-export function deleteVariable(data: { [propName: string]: any }, key: string) {
+export function deleteVariable(data: {[propName: string]: any}, key: string) {
     if (!data) {
         return;
     } else if (data.hasOwnProperty(key)) {
@@ -153,8 +157,6 @@ export function deleteVariable(data: { [propName: string]: any }, key: string) {
         return;
     }
 
-
-
     const parts = key.split('.');
     const last = parts.pop() as string;
 
@@ -176,7 +178,7 @@ export function deleteVariable(data: { [propName: string]: any }, key: string) {
     }
 }
 
-export function hasOwnProperty(data: { [propName: string]: any }, key: string): boolean {
+export function hasOwnProperty(data: {[propName: string]: any}, key: string): boolean {
     const parts = key.split('.');
 
     while (parts.length) {
@@ -191,16 +193,23 @@ export function hasOwnProperty(data: { [propName: string]: any }, key: string):
     return true;
 }
 
-export function noop() { }
+export function noop() {}
 
-export function anyChanged(attrs: string | Array<string>, from: { [propName: string]: any }, to: { [propName: string]: any }, strictMode: boolean = true): boolean {
-    return (typeof attrs === 'string' ? attrs.split(/\s*,\s*/) : attrs).some(key => strictMode ? from[key] !== to[key] : from[key] != to[key]);
+export function anyChanged(
+    attrs: string | Array<string>,
+    from: {[propName: string]: any},
+    to: {[propName: string]: any},
+    strictMode: boolean = true
+): boolean {
+    return (typeof attrs === 'string' ? attrs.split(/\s*,\s*/) : attrs).some(key =>
+        strictMode ? from[key] !== to[key] : from[key] != to[key]
+    );
 }
 
 export function rmUndefined(obj: PlainObject) {
     const newObj: PlainObject = {};
 
-    if (typeof obj !== "object") {
+    if (typeof obj !== 'object') {
         return obj;
     }
 
@@ -214,8 +223,13 @@ export function rmUndefined(obj: PlainObject) {
     return newObj;
 }
 
-export function isObjectShallowModified(prev: any, next: any, strictMode: boolean = true, ignoreUndefined: boolean = false) {
-    if (null == prev || null == next || typeof prev !== "object" || typeof next !== "object") {
+export function isObjectShallowModified(
+    prev: any,
+    next: any,
+    strictMode: boolean = true,
+    ignoreUndefined: boolean = false
+) {
+    if (null == prev || null == next || typeof prev !== 'object' || typeof next !== 'object') {
         return strictMode ? prev !== next : prev != next;
     }
 
@@ -231,7 +245,9 @@ export function isObjectShallowModified(prev: any, next: any, strictMode: boolea
     }
     for (let i: number = keys.length - 1; i >= 0; i--) {
         let key = keys[i];
-        if (strictMode ? next[key] !== prev[key] : isObjectShallowModified(next[key], prev[key], false, ignoreUndefined)) {
+        if (
+            strictMode ? next[key] !== prev[key] : isObjectShallowModified(next[key], prev[key], false, ignoreUndefined)
+        ) {
             return true;
         }
     }
@@ -257,11 +273,11 @@ export function isArrayChilrenModified(prev: Array<any>, next: Array<any>, stric
 }
 
 // 即将抛弃
-export function makeColumnClassBuild(steps: number, classNameTpl:string = "col-sm-$value") {
+export function makeColumnClassBuild(steps: number, classNameTpl: string = 'col-sm-$value') {
     let count = 12;
     let step = Math.floor(count / steps);
 
-    return function (schema: Schema) {
+    return function(schema: Schema) {
         if (schema.columnClassName && /\bcol-(?:xs|sm|md|lg)-(\d+)\b/.test(schema.columnClassName)) {
             const flex = parseInt(RegExp.$1, 10);
             count -= flex;
@@ -276,42 +292,51 @@ export function makeColumnClassBuild(steps: number, classNameTpl:string = "col-s
 
         count -= step;
         steps--;
-        return classNameTpl.replace("$value", '' + step);
-    }
+        return classNameTpl.replace('$value', '' + step);
+    };
 }
 
-export function isVisible(schema: {
-    visibleOn?: string;
-    hiddenOn?: string;
-    visible?: boolean;
-    hidden?: boolean;
-}, data?: object) {
+export function isVisible(
+    schema: {
+        visibleOn?: string;
+        hiddenOn?: string;
+        visible?: boolean;
+        hidden?: boolean;
+    },
+    data?: object
+) {
     return !(
-        schema.hidden
-        || schema.visible === false
-        || schema.hiddenOn && evalExpression(schema.hiddenOn, data) === true
-        || schema.visibleOn && evalExpression(schema.visibleOn, data) === false
-    )
+        schema.hidden ||
+        schema.visible === false ||
+        (schema.hiddenOn && evalExpression(schema.hiddenOn, data) === true) ||
+        (schema.visibleOn && evalExpression(schema.visibleOn, data) === false)
+    );
 }
 
-export function isDisabled(schema: {
-    disabledOn?: string;
-    disabled?: string;
-}, data?: object) {
-    return schema.disabled || schema.disabledOn && evalExpression(schema.disabledOn, data);
+export function isDisabled(
+    schema: {
+        disabledOn?: string;
+        disabled?: string;
+    },
+    data?: object
+) {
+    return schema.disabled || (schema.disabledOn && evalExpression(schema.disabledOn, data));
 }
 
-export function makeHorizontalDeeper(horizontal: {
-    left: string;
-    right: string;
-    offset: string;
-    leftFixed?: any;
-}, count: number): {
-        left: string | number;
-        right: string | number;
-        offset: string | number;
+export function makeHorizontalDeeper(
+    horizontal: {
+        left: string;
+        right: string;
+        offset: string;
         leftFixed?: any;
-    } {
+    },
+    count: number
+): {
+    left: string | number;
+    right: string | number;
+    offset: string | number;
+    leftFixed?: any;
+} {
     if (count > 1 && /\bcol-(xs|sm|md|lg)-(\d+)\b/.test(horizontal.left)) {
         const flex = parseInt(RegExp.$2, 10) * count;
         return {
@@ -322,7 +347,7 @@ export function makeHorizontalDeeper(horizontal: {
         };
     } else if (count > 1 && typeof horizontal.left === 'number') {
         const flex = horizontal.left * count;
-        
+
         return {
             leftFixed: horizontal.leftFixed,
             left: flex,
@@ -334,17 +359,23 @@ export function makeHorizontalDeeper(horizontal: {
     return horizontal;
 }
 
-export function promisify<T extends Function>(fn: T): ((...args: Array<any>) => Promise<any> & {
-    raw: T
-}) {
-    let promisified = function () {
+export function promisify<T extends Function>(
+    fn: T
+): (
+    ...args: Array<any>
+) => Promise<any> & {
+    raw: T;
+} {
+    let promisified = function() {
         try {
             const ret = fn.apply(null, arguments);
             if (ret && ret.then) {
                 return ret;
             } else if (typeof ret === 'function') {
                 // thunk support
-                return new Promise((resolve, reject) => ret((error: boolean, value: any) => error ? reject(error) : resolve(value)));
+                return new Promise((resolve, reject) =>
+                    ret((error: boolean, value: any) => (error ? reject(error) : resolve(value)))
+                );
             }
             return Promise.resolve(ret);
         } catch (e) {
@@ -361,7 +392,10 @@ export function getScrollParent(node: HTMLElement): HTMLElement | null {
     }
 
     const style = getComputedStyle(node);
-    const text = style.getPropertyValue('overflow') + style.getPropertyValue('overflow-x') + style.getPropertyValue('overflow-y');
+    const text =
+        style.getPropertyValue('overflow') +
+        style.getPropertyValue('overflow-x') +
+        style.getPropertyValue('overflow-y');
 
     if (/auto|scroll/.test(text) || node.nodeName === 'BODY') {
         return node;
@@ -370,22 +404,24 @@ export function getScrollParent(node: HTMLElement): HTMLElement | null {
     return getScrollParent(node.parentNode as HTMLElement);
 }
 
-
 /**
  * Deep diff between two object, using lodash
  * @param  {Object} object Object compared
  * @param  {Object} base   Object to compare with
  * @return {Object}        Return a new object who represent the diff
  */
-export function difference<T extends { [propName: string]: any }, U extends { [propName: string]: any }>(object: T, base: U): { [propName: string]: any } {
+export function difference<T extends {[propName: string]: any}, U extends {[propName: string]: any}>(
+    object: T,
+    base: U
+): {[propName: string]: any} {
     function changes(object: T, base: U) {
         const keys: Array<keyof T & keyof U> = uniq(Object.keys(object).concat(Object.keys(base)));
-        let result:any = {};
+        let result: any = {};
 
         keys.forEach(key => {
-            const a:any = object[key as keyof T];
-            const b:any = base[key as keyof U];
-            
+            const a: any = object[key as keyof T];
+            const b: any = base[key as keyof U];
+
             if (isEqual(a, b)) {
                 return;
             }
@@ -407,7 +443,6 @@ export function difference<T extends { [propName: string]: any }, U extends { [p
     return changes(object, base);
 }
 
-
 export const padArr = (arr: Array<any>, size = 4): Array<Array<any>> => {
     const ret: Array<Array<any>> = [];
     const pool: Array<any> = arr.concat();
@@ -433,7 +468,14 @@ export function __uri(id: string) {
 
 export function isObject(obj: any) {
     const typename = typeof obj;
-    return obj && typename !== 'string' && typename !== 'number' && typename !== 'boolean' && typename !== 'function' && !Array.isArray(obj);
+    return (
+        obj &&
+        typename !== 'string' &&
+        typename !== 'number' &&
+        typename !== 'boolean' &&
+        typename !== 'function' &&
+        !Array.isArray(obj)
+    );
 }
 
 // xs < 768px
@@ -448,26 +490,33 @@ export function isBreakpoint(str: string): boolean {
     const breaks = str.split(/\s*,\s*|\s+/);
 
     if (window.matchMedia) {
-        return breaks.some(item =>
-            item === '*'
-            || item === 'xs' && matchMedia(`screen and (max-width: 767px)`).matches
-            || item === 'sm' && matchMedia(`screen and (min-width: 768px) and (max-width: 991px)`).matches
-            || item === 'md' && matchMedia(`screen and (min-width: 992px) and (max-width: 1199px)`).matches
-            || item === 'lg' && matchMedia(`screen and (min-width: 1200px)`).matches
+        return breaks.some(
+            item =>
+                item === '*' ||
+                (item === 'xs' && matchMedia(`screen and (max-width: 767px)`).matches) ||
+                (item === 'sm' && matchMedia(`screen and (min-width: 768px) and (max-width: 991px)`).matches) ||
+                (item === 'md' && matchMedia(`screen and (min-width: 992px) and (max-width: 1199px)`).matches) ||
+                (item === 'lg' && matchMedia(`screen and (min-width: 1200px)`).matches)
         );
     } else {
         const width = window.innerWidth;
-        return breaks.some(item =>
-            item === '*'
-            || item === 'xs' && width < 768
-            || item === 'sm' && width >= 768 && width < 992
-            || item === 'md' && width >= 992 && width < 1200
-            || item === 'lg' && width >= 1200
+        return breaks.some(
+            item =>
+                item === '*' ||
+                (item === 'xs' && width < 768) ||
+                (item === 'sm' && width >= 768 && width < 992) ||
+                (item === 'md' && width >= 992 && width < 1200) ||
+                (item === 'lg' && width >= 1200)
         );
     }
 }
 
-export function until(fn: () => Promise<any>, when: (ret: any) => boolean, getCanceler: (fn: () => any) => void, interval: number = 5000) {
+export function until(
+    fn: () => Promise<any>,
+    when: (ret: any) => boolean,
+    getCanceler: (fn: () => any) => void,
+    interval: number = 5000
+) {
     let timer: number;
     let stoped: boolean = false;
 
@@ -492,7 +541,7 @@ export function until(fn: () => Promise<any>, when: (ret: any) => boolean, getCa
             } catch (e) {
                 reject(e);
             }
-        }
+        };
 
         check();
         getCanceler && getCanceler(cancel);
@@ -504,7 +553,6 @@ export function omitControls(controls: Array<any>, omitItems: Array<string>): Ar
 }
 
 export function isEmpty(thing: any) {
-
     if (isObject(thing) && Object.keys(thing).length) {
         return false;
     }
@@ -513,43 +561,51 @@ export function isEmpty(thing: any) {
 }
 
 /**
-* 基于时间戳的 uuid
-*
-* @returns uniqueId
-*/
+ * 基于时间戳的 uuid
+ *
+ * @returns uniqueId
+ */
 export const uuid = () => {
     return (+new Date()).toString(36);
-}
+};
 
 export interface TreeItem {
     children?: TreeArray;
     [propName: string]: any;
-};
-export interface TreeArray extends Array<TreeItem> { };
+}
+export interface TreeArray extends Array<TreeItem> {}
 
 /**
-* 类似于 arr.map 方法，此方法主要针对类似下面示例的树形结构。
-* [
-*     {
-*         children: []
-*     },
-*     // 其他成员
-* ]
-*
-* @param {Tree} tree 树形数据
-* @param {Function} iterator 处理函数，返回的数据会被替换成新的。
-* @return {Tree} 返回处理过的 tree
-*/
-export function mapTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T, key: number, level: number, paths: Array<T>) => T, level: number = 1, depthFirst: boolean = false, paths: Array<T> = []) {
+ * 类似于 arr.map 方法，此方法主要针对类似下面示例的树形结构。
+ * [
+ *     {
+ *         children: []
+ *     },
+ *     // 其他成员
+ * ]
+ *
+ * @param {Tree} tree 树形数据
+ * @param {Function} iterator 处理函数，返回的数据会被替换成新的。
+ * @return {Tree} 返回处理过的 tree
+ */
+export function mapTree<T extends TreeItem>(
+    tree: Array<T>,
+    iterator: (item: T, key: number, level: number, paths: Array<T>) => T,
+    level: number = 1,
+    depthFirst: boolean = false,
+    paths: Array<T> = []
+) {
     return tree.map((item: any, index) => {
         if (depthFirst) {
-            let children: TreeArray | undefined = item.children ? mapTree(item.children, iterator, level + 1, depthFirst, paths.concat(item)) : undefined;
-            children && (item = { ...item, children: children });
-            item = iterator(item, index, level, paths) || { ...item as object };
+            let children: TreeArray | undefined = item.children
+                ? mapTree(item.children, iterator, level + 1, depthFirst, paths.concat(item))
+                : undefined;
+            children && (item = {...item, children: children});
+            item = iterator(item, index, level, paths) || {...(item as object)};
             return item;
         }
 
-        item = iterator(item, index, level, paths) || { ...item as object };
+        item = iterator(item, index, level, paths) || {...(item as object)};
 
         if (item.children && item.children.splice) {
             item.children = mapTree(item.children, iterator, level + 1, depthFirst, paths.concat(item));
@@ -559,9 +615,13 @@ export function mapTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T,
     });
 }
 
-export function eachTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T, key: number, level: number) => any, level: number = 1) {
+export function eachTree<T extends TreeItem>(
+    tree: Array<T>,
+    iterator: (item: T, key: number, level: number) => any,
+    level: number = 1
+) {
     tree.map((item, index) => {
-        iterator(item, index, level)
+        iterator(item, index, level);
 
         if (item.children && item.children.splice) {
             eachTree(item.children, iterator, level + 1);
@@ -569,8 +629,12 @@ export function eachTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T,
     });
 }
 
-export function findTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T, key: number, level: number) => any, level:number = 1):T | null {
-    let result:T | null = null; 
+export function findTree<T extends TreeItem>(
+    tree: Array<T>,
+    iterator: (item: T, key: number, level: number) => any,
+    level: number = 1
+): T | null {
+    let result: T | null = null;
 
     everyTree(tree, (item, key, level) => {
         if (iterator(item, key, level)) {
@@ -583,7 +647,11 @@ export function findTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T,
     return result;
 }
 
-export function filterTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T, key: number, level: number) => boolean, level: number = 1) {
+export function filterTree<T extends TreeItem>(
+    tree: Array<T>,
+    iterator: (item: T, key: number, level: number) => boolean,
+    level: number = 1
+) {
     return tree.filter((item, index) => {
         if (!iterator(item, index, level)) {
             return false;
@@ -597,9 +665,13 @@ export function filterTree<T extends TreeItem>(tree: Array<T>, iterator: (item:
     });
 }
 
-export function everyTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T, key: number, level: number) => boolean, level: number = 1):boolean {
+export function everyTree<T extends TreeItem>(
+    tree: Array<T>,
+    iterator: (item: T, key: number, level: number) => boolean,
+    level: number = 1
+): boolean {
     return tree.every((item, index) => {
-        const value:any = iterator(item, index, level);
+        const value: any = iterator(item, index, level);
 
         if (value && item.children && item.children.splice) {
             return everyTree(item.children, iterator, level + 1);
@@ -609,9 +681,13 @@ export function everyTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T
     });
 }
 
-export function someTree<T extends TreeItem>(tree: Array<T>, iterator: (item: T, key: number, level: number) => boolean, level: number = 1):boolean {
+export function someTree<T extends TreeItem>(
+    tree: Array<T>,
+    iterator: (item: T, key: number, level: number) => boolean,
+    level: number = 1
+): boolean {
     return tree.some((item, index) => {
-        const value:any = iterator(item, index, level);
+        const value: any = iterator(item, index, level);
 
         if (!value && item.children && item.children.splice) {
             return someTree(item.children, iterator, level + 1);
@@ -627,27 +703,32 @@ export function flattenTree<T extends TreeItem>(tree: Array<T>): Array<T> {
     return flattened;
 }
 
-export function ucFirst(str?:string) {
-    return str ? (str.substring(0, 1).toUpperCase() + str.substring(1)) : '';
+export function ucFirst(str?: string) {
+    return str ? str.substring(0, 1).toUpperCase() + str.substring(1) : '';
 }
 
-export function lcFirst(str?:string) {
-    return str ? (str.substring(0, 1).toLowerCase() + str.substring(1)) : '';
+export function lcFirst(str?: string) {
+    return str ? str.substring(0, 1).toLowerCase() + str.substring(1) : '';
 }
 
-export function camel(str?:string) {
-    return str ? str.split(/[\s_\-]/).map((item, index) => index === 0 ? lcFirst(item) : ucFirst(item)).join('') : '';
+export function camel(str?: string) {
+    return str
+        ? str
+              .split(/[\s_\-]/)
+              .map((item, index) => (index === 0 ? lcFirst(item) : ucFirst(item)))
+              .join('')
+        : '';
 }
 
-export function getWidthRate(value:any):number {
-    if (typeof value === "string" && /\bcol\-\w+\-(\d+)\b/.test(value)) {
+export function getWidthRate(value: any): number {
+    if (typeof value === 'string' && /\bcol\-\w+\-(\d+)\b/.test(value)) {
         return parseInt(RegExp.$1, 10);
     }
 
     return value || 0;
 }
 
-export function getLevelFromClassName(value:string, defaultValue: string = 'default') {
+export function getLevelFromClassName(value: string, defaultValue: string = 'default') {
     if (/\b(?:btn|text)-(link|primary|secondary|info|success|warning|danger|light|dark)\b/.test(value)) {
         return RegExp.$1;
     }
@@ -655,22 +736,23 @@ export function getLevelFromClassName(value:string, defaultValue: string = 'defa
     return defaultValue;
 }
 
-export function pickEventsProps(props:any) {
-    const ret:any = {};
+export function pickEventsProps(props: any) {
+    const ret: any = {};
     props && Object.keys(props).forEach(key => /^on/.test(key) && (ret[key] = props[key]));
     return ret;
 }
 
 export const autobind = boundMethod;
 
+export const bulkBindFunctions = function<
+    T extends {
+        [propName: string]: any;
+    }
+>(context: T, funNames: Array<FunctionPropertyNames<T>>) {
+    funNames.forEach(key => (context[key] = context[key].bind(context)));
+};
 
-export const bulkBindFunctions = function<T extends {
-    [propName:string]: any
-}>(context:T, funNames:Array<FunctionPropertyNames<T>>) {
-    funNames.forEach(key => context[key] = context[key].bind(context));
-}
-
-export function sortArray<T extends any>(items:Array<T>, field:string, dir: -1 | 1):Array<T> {
+export function sortArray<T extends any>(items: Array<T>, field: string, dir: -1 | 1): Array<T> {
     return items.sort((a, b) => {
         let ret: number;
         const a1 = a[field];
@@ -683,22 +765,25 @@ export function sortArray<T extends any>(items:Array<T>, field:string, dir: -1 |
         }
 
         return ret * dir;
-    })
-}
-
-// 只判断一层, 如果层级很深，form-data 也不好表达。
-export function hasFile(object:any):boolean {
-    return Object.keys(object).some(key => {
-        let value = object[key];
-
-        return value instanceof File || Array.isArray(value) && value.length && value[0] instanceof File;
     });
 }
 
-export function object2formData(data:any, options:any = {
-    arrayForamt: 'brackets'
-}):any {
-    let others:any = {};
+// 只判断一层, 如果层级很深，form-data 也不好表达。
+export function hasFile(object: any): boolean {
+    return Object.keys(object).some(key => {
+        let value = object[key];
+
+        return value instanceof File || (Array.isArray(value) && value.length && value[0] instanceof File);
+    });
+}
+
+export function object2formData(
+    data: any,
+    options: any = {
+        arrayForamt: 'brackets'
+    }
+): any {
+    let others: any = {};
     const fd = new FormData();
     Object.keys(data).forEach(key => {
         const value = data[key];
@@ -713,17 +798,19 @@ export function object2formData(data:any, options:any = {
     });
 
     // 因为 key 的格式太多了，偷个懒，用 qs 来处理吧。
-    qs.stringify(others, options).split('&').forEach(item => {
-        let parts = item.split('=');
-        parts[0] && fd.append(parts[0], parts[1]);
-    });
+    qs.stringify(others, options)
+        .split('&')
+        .forEach(item => {
+            let parts = item.split('=');
+            parts[0] && fd.append(parts[0], parts[1]);
+        });
     return fd;
 }
 
-export function chainFunctions(...fns:Array<(...args:Array<any>) => void>):(...args:Array<any>) => void {
-    return (...args:Array<any>) => {
+export function chainFunctions(...fns: Array<(...args: Array<any>) => void>): (...args: Array<any>) => void {
+    return (...args: Array<any>) => {
         fns.forEach(fn => fn && fn(...args));
-    }
+    };
 }
 
 export function mapObject(value: any, fn: Function): any {
@@ -738,4 +825,4 @@ export function mapObject(value: any, fn: Function): any {
         return tmpValue;
     }
     return fn(value);
-}
\ No newline at end of file
+}
diff --git a/src/utils/json-schema-2-amis-schema.ts b/src/utils/json-schema-2-amis-schema.ts
index 98fd8f8b9..1ea06ebd4 100644
--- a/src/utils/json-schema-2-amis-schema.ts
+++ b/src/utils/json-schema-2-amis-schema.ts
@@ -1,11 +1,9 @@
-function property2control(property:any, key:any, schema:any) {
-    const requiredList= schema.required || [];
+function property2control(property: any, key: any, schema: any) {
+    const requiredList = schema.required || [];
     const rest = {};
     const validations = {};
     let type = 'text';
 
-
-
     if (property.type === 'integer') {
         type = 'number';
 
@@ -44,12 +42,12 @@ function property2control(property:any, key:any, schema:any) {
     };
 }
 
-function makeControls(properties:any, schema:any) {
+function makeControls(properties: any, schema: any) {
     const keys = Object.keys(properties);
     return keys.map(key => property2control(properties[key], key, schema));
 }
 
-export function JSONSchme2AMisSchema(schema:any) {
+export function JSONSchme2AMisSchema(schema: any) {
     if (schema.type !== 'object') {
         throw new Error('JSONSchme2AMisSchema 只支持 object 转换');
     }
@@ -57,7 +55,7 @@ export function JSONSchme2AMisSchema(schema:any) {
     return {
         title: schema.title,
         type: 'form',
-        mode: "horizontal",
+        mode: 'horizontal',
         controls: makeControls(schema.properties, schema)
-    }
-}
\ No newline at end of file
+    };
+}
diff --git a/src/utils/resize-sensor.ts b/src/utils/resize-sensor.ts
index 3539d62bc..8aa9979ab 100644
--- a/src/utils/resize-sensor.ts
+++ b/src/utils/resize-sensor.ts
@@ -4,121 +4,129 @@
  */
 /* eslint-disable */
 
-
 class EventQueue {
-    q:Array<Function> = [];
-  
-    add(cb:Function) {
-      this.q.push(cb);
+    q: Array<Function> = [];
+
+    add(cb: Function) {
+        this.q.push(cb);
     }
-  
-    call(...args:Array<any>) {
-      this.q.forEach((fn) => {
-        fn(...args);
-      });
+
+    call(...args: Array<any>) {
+        this.q.forEach(fn => {
+            fn(...args);
+        });
     }
-  }
-  
-  function getComputedStyle(element:HTMLElement, prop:string) {
+}
+
+function getComputedStyle(element: HTMLElement, prop: string) {
     if ((element as any).currentStyle) {
-      return (element as any).currentStyle[prop];
+        return (element as any).currentStyle[prop];
     } else if (window.getComputedStyle) {
-      return window.getComputedStyle(element, undefined).getPropertyValue(prop);
+        return window.getComputedStyle(element, undefined).getPropertyValue(prop);
     } else {
-      return element.style[prop as any];
+        return element.style[prop as any];
     }
-  }
-  
-  function attachResizeEvent(element:HTMLElement, resized:Function) {
+}
+
+function attachResizeEvent(element: HTMLElement, resized: Function) {
     if (!(element as any).resizedAttached) {
-      (element as any).resizedAttached = new EventQueue();
-      (element as any).resizedAttached.add(resized);
+        (element as any).resizedAttached = new EventQueue();
+        (element as any).resizedAttached.add(resized);
     } else if ((element as any).resizedAttached) {
-      (element as any).resizedAttached.add(resized);
-      return;
+        (element as any).resizedAttached.add(resized);
+        return;
     }
-  
+
     (element as any).resizeSensor = document.createElement('div');
     (element as any).resizeSensor.className = 'resize-sensor';
-    let style = 'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;';
+    let style =
+        'position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;';
     let styleChild = 'position: absolute; left: 0; top: 0;';
-  
+
     (element as any).resizeSensor.style.cssText = style;
     (element as any).resizeSensor.innerHTML =
-      '<div class="resize-sensor-expand" style="' + style + '">' +
-      '<div style="' + styleChild + '"></div>' +
-      '</div>' +
-      '<div class="resize-sensor-shrink" style="' + style + '">' +
-      '<div style="' + styleChild + ' width: 200%; height: 200%"></div>' +
-      '</div>';
+        '<div class="resize-sensor-expand" style="' +
+        style +
+        '">' +
+        '<div style="' +
+        styleChild +
+        '"></div>' +
+        '</div>' +
+        '<div class="resize-sensor-shrink" style="' +
+        style +
+        '">' +
+        '<div style="' +
+        styleChild +
+        ' width: 200%; height: 200%"></div>' +
+        '</div>';
     element.appendChild((element as any).resizeSensor);
-  
+
     if (!~['fixed', 'absolute'].indexOf(getComputedStyle(element, 'position'))) {
-      element.style.position = 'relative';
+        element.style.position = 'relative';
     }
-  
+
     let expand = (element as any).resizeSensor.childNodes[0];
     let expandChild = expand.childNodes[0];
     let shrink = (element as any).resizeSensor.childNodes[1];
     let shrinkChild = shrink.childNodes[0];
-  
-    let lastWidth:number, lastHeight:number;
-  
+
+    let lastWidth: number, lastHeight: number;
+
     let reset = function() {
-      expandChild.style.width = expand.offsetWidth + 10 + 'px';
-      expandChild.style.height = expand.offsetHeight + 10 + 'px';
-      expand.scrollLeft = expand.scrollWidth;
-      expand.scrollTop = expand.scrollHeight;
-      shrink.scrollLeft = shrink.scrollWidth;
-      shrink.scrollTop = shrink.scrollHeight;
-      lastWidth = element.offsetWidth;
-      lastHeight = element.offsetHeight;
+        expandChild.style.width = expand.offsetWidth + 10 + 'px';
+        expandChild.style.height = expand.offsetHeight + 10 + 'px';
+        expand.scrollLeft = expand.scrollWidth;
+        expand.scrollTop = expand.scrollHeight;
+        shrink.scrollLeft = shrink.scrollWidth;
+        shrink.scrollTop = shrink.scrollHeight;
+        lastWidth = element.offsetWidth;
+        lastHeight = element.offsetHeight;
     };
-  
+
     reset();
-  
+
     let changed = function() {
-      if ((element as any).resizedAttached) {
-        (element as any).resizedAttached.call();
-      }
+        if ((element as any).resizedAttached) {
+            (element as any).resizedAttached.call();
+        }
     };
-  
-    let addEvent = function(el:HTMLElement, name:string, cb:Function) {
-      if ((el as any).attachEvent) {
-        (el as any).attachEvent('on' + name, cb);
-      } else {
-        el.addEventListener(name, cb as any);
-      }
+
+    let addEvent = function(el: HTMLElement, name: string, cb: Function) {
+        if ((el as any).attachEvent) {
+            (el as any).attachEvent('on' + name, cb);
+        } else {
+            el.addEventListener(name, cb as any);
+        }
     };
-  
+
     let onScroll = function() {
-      if (element.offsetWidth != lastWidth || element.offsetHeight != lastHeight) {
-        changed();
-      }
-      reset();
-    }
-  
+        if (element.offsetWidth != lastWidth || element.offsetHeight != lastHeight) {
+            changed();
+        }
+        reset();
+    };
+
     addEvent(expand, 'scroll', onScroll);
     addEvent(shrink, 'scroll', onScroll);
-  }
-  
-  function detach(element:HTMLElement) {
+}
+
+function detach(element: HTMLElement) {
     if ((element as any).resizeSensor) {
-      try {
-        element.removeChild((element as any).resizeSensor);
-      } catch (e) {};
-      delete (element as any).resizeSensor;
-      delete (element as any).resizedAttached;
+        try {
+            element.removeChild((element as any).resizeSensor);
+        } catch (e) {}
+        delete (element as any).resizeSensor;
+        delete (element as any).resizedAttached;
     }
-  }
-  
-  export function resizeSensor(element:HTMLElement, callback:Function) {
+}
+
+export function resizeSensor(element: HTMLElement, callback: Function) {
     attachResizeEvent(element, callback);
     let detached = false;
-  
+
     return function() {
-      if (detached) return;
-      detached = true;
-      detach(element);
-    }
-  }
\ No newline at end of file
+        if (detached) return;
+        detached = true;
+        detach(element);
+    };
+}
diff --git a/src/utils/tpl-builtin.ts b/src/utils/tpl-builtin.ts
index d6c561b81..54bbdc2f3 100644
--- a/src/utils/tpl-builtin.ts
+++ b/src/utils/tpl-builtin.ts
@@ -1,8 +1,8 @@
-import {reigsterTplEnginer, filter} from "./tpl";
-import moment from "moment";
-import {PlainObject} from "../types";
-import isPlainObject = require("lodash/isPlainObject");
-import {createObject, isObject, setVariable} from "./helper";
+import {reigsterTplEnginer, filter} from './tpl';
+import moment from 'moment';
+import {PlainObject} from '../types';
+import isPlainObject = require('lodash/isPlainObject');
+import {createObject, isObject, setVariable} from './helper';
 
 const UNITS = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
 
@@ -26,25 +26,25 @@ export const prettyBytes = (num: number) => {
     const unit = UNITS[exponent];
 
     return (neg ? '-' : '') + numStr + ' ' + unit;
-}
+};
 
 const entityMap: {
     [propName: string]: string;
 } = {
-    "&": "&amp;",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;",
-    "/": "&#x2F;"
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;',
+    '/': '&#x2F;'
 };
 export const escapeHtml = (str: string) =>
-    String(str).replace(/[&<>"'\/]/g, function (s) {
+    String(str).replace(/[&<>"'\/]/g, function(s) {
         return entityMap[s];
     });
 
 export function formatDuration(value: number): string {
-    const unit = ["秒", "分", "时", "天", "月", "季", "年"];
+    const unit = ['秒', '分', '时', '天', '月', '季', '年'];
     const steps = [1, 60, 3600, 86400, 2592000, 7776000, 31104000];
     let len = steps.length;
     const parts = [];
@@ -54,63 +54,68 @@ export function formatDuration(value: number): string {
             parts.push(Math.round(value / steps[len]) + unit[len]);
             value %= steps[len];
         } else if (len === 0 && value) {
-            parts.push((value.toFixed ? value.toFixed(2) : "0") + unit[0]);
+            parts.push((value.toFixed ? value.toFixed(2) : '0') + unit[0]);
         }
     }
 
-    return parts.join("");
+    return parts.join('');
 }
 
 const timeUnitMap: {
     [propName: string]: string;
 } = {
-    'year': 'Y',
-    'years': 'Y',
-    'month': 'M',
-    'months': 'M',
-    'week': 'w',
-    'weeks': 'w',
-    'weekday': 'W',
-    'day': 'd',
-    'days': 'd',
-    'hour': 'h',
-    'hours': 'h',
-    'minute': 'm',
-    'minutes': 'm',
-    'min': 'm',
-    'mins': 'm',
-}
+    year: 'Y',
+    years: 'Y',
+    month: 'M',
+    months: 'M',
+    week: 'w',
+    weeks: 'w',
+    weekday: 'W',
+    day: 'd',
+    days: 'd',
+    hour: 'h',
+    hours: 'h',
+    minute: 'm',
+    minutes: 'm',
+    min: 'm',
+    mins: 'm'
+};
 
 export const relativeValueRe = /^(.+)?(\+|-)(\d+)(minute|minutes|min|mins|hours|hour|day|days|week|weeks|month|months|year|years|weekday)$/i;
-export const filterDate = (
-    value: string,
-    data: object = {},
-    format = "X"
-): moment.Moment => {
+export const filterDate = (value: string, data: object = {}, format = 'X'): moment.Moment => {
     let m;
 
-    if (typeof value === "string") {
+    if (typeof value === 'string') {
         value = value.trim();
     }
 
     value = filter(value, data);
 
-    if (value && typeof value === "string" && (m = relativeValueRe.exec(value))) {
+    if (value && typeof value === 'string' && (m = relativeValueRe.exec(value))) {
         const date = new Date();
         const step = parseInt(m[3], 10);
         const from = m[1]
             ? filterDate(m[1], data, format)
-            : moment(/minute|minutes|min|mins|hours|hour/.test(m[4])
-                ? [date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()]
-                : [date.getFullYear(), date.getMonth(), date.getDate()]);
+            : moment(
+                  /minute|minutes|min|mins|hours|hour/.test(m[4])
+                      ? [
+                            date.getFullYear(),
+                            date.getMonth(),
+                            date.getDate(),
+                            date.getHours(),
+                            date.getMinutes(),
+                            date.getSeconds()
+                        ]
+                      : [date.getFullYear(), date.getMonth(), date.getDate()]
+              );
 
-        return m[2] === "-"
-            ? from.subtract(step, timeUnitMap[(m[4])] as moment.DurationInputArg2)
-            : from.add(step, timeUnitMap[(m[4])] as moment.DurationInputArg2);
+        return m[2] === '-'
+            ? from.subtract(step, timeUnitMap[m[4]] as moment.DurationInputArg2)
+            : from.add(step, timeUnitMap[m[4]] as moment.DurationInputArg2);
         //   return from[m[2] === '-' ? 'subtract' : 'add'](step, mapping[m[4]] || m[4]);
-    } else if (value === "now") {
+    } else if (value === 'now') {
         return moment();
-    } else if (value === "today") {
+    } else if (value === 'today') {
         const date = new Date();
         return moment([date.getFullYear(), date.getMonth(), date.getDate()]);
     } else {
@@ -123,9 +128,7 @@ export const filters: {
 } = {
     html: (input: string) => escapeHtml(input),
     json: (input, tabSize: number | string = 2) =>
-        tabSize
-            ? JSON.stringify(input, null, parseInt(tabSize as string, 10))
-            : JSON.stringify(input),
+        tabSize ? JSON.stringify(input, null, parseInt(tabSize as string, 10)) : JSON.stringify(input),
     toJson: input => {
         let ret;
         try {
@@ -136,11 +139,10 @@ export const filters: {
         return ret;
     },
     raw: input => input,
-    date: (input, format = "LLL", inputFormat = "X") =>
-        moment(input, inputFormat).format(format),
+    date: (input, format = 'LLL', inputFormat = 'X') => moment(input, inputFormat).format(format),
     number: input => {
         let parts = String(input).split('.');
-        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
         return parts.join('.');
     },
     trim: input => input.trim(),
@@ -151,9 +153,7 @@ export const filters: {
         let whole = input * 100;
         let multiplier = Math.pow(10, decimals);
 
-        return (
-            (Math.round(whole * multiplier) / multiplier).toFixed(decimals) + "%"
-        );
+        return (Math.round(whole * multiplier) / multiplier).toFixed(decimals) + '%';
     },
     duration: input => (input ? formatDuration(input) : input),
     bytes: input => (input ? prettyBytes(parseFloat(input)) : input),
@@ -168,7 +168,7 @@ export const filters: {
         return (Math.round(input * multiplier) / multiplier).toFixed(decimals);
     },
     truncate: (input, length, end) => {
-        end = end || "...";
+        end = end || '...';
 
         if (length == null) {
             return input;
@@ -176,44 +176,43 @@ export const filters: {
 
         length = parseInt(length, 10) || 200;
 
-        return input.substring(0, length) + (input.length > length ? end : "");
+        return input.substring(0, length) + (input.length > length ? end : '');
     },
     url_encode: input => encodeURIComponent(input),
     url_decode: input => decodeURIComponent(input),
-    default: (input, defaultValue) => input || (() => {
-        try {
-            if (defaultValue === 'undefined') {
-                return undefined;
-            }
+    default: (input, defaultValue) =>
+        input ||
+        (() => {
+            try {
+                if (defaultValue === 'undefined') {
+                    return undefined;
+                }
 
-            return JSON.parse(defaultValue);
-        } catch (e) {
-            return defaultValue;
-        }
-    })(),
+                return JSON.parse(defaultValue);
+            } catch (e) {
+                return defaultValue;
+            }
+        })(),
     join: (input, glue) => (input && input.join ? input.join(glue) : input),
-    split: (input, delimiter = ",") =>
-        typeof input === "string" ? input.split(delimiter) : input,
+    split: (input, delimiter = ',') => (typeof input === 'string' ? input.split(delimiter) : input),
     first: input => input && input[0],
     nth: (input, nth = 0) => input && input[nth],
     last: input => input && (input.length ? input[input.length - 1] : null),
     minus: (input, step = 1) => (parseInt(input, 10) || 0) - parseInt(step, 10),
     plus: (input, step = 1) => (parseInt(input, 10) || 0) + parseInt(step, 10),
-    pick: (input, path = "&") =>
+    pick: (input, path = '&') =>
         Array.isArray(input) && !/^\d+$/.test(path)
             ? input.map(item => pickValues(path, item))
             : pickValues(path, input),
-    pick_if_exist: (input, path = "&") =>
+    pick_if_exist: (input, path = '&') =>
         Array.isArray(input)
             ? input.map(item => resolveVariable(path, item) || item)
             : resolveVariable(path, input) || input,
-    str2date: function (input, inputFormat = "X", outputFormat = "X") {
-        return input
-            ? filterDate(input, this, inputFormat).format(outputFormat)
-            : "";
+    str2date: function(input, inputFormat = 'X', outputFormat = 'X') {
+        return input ? filterDate(input, this, inputFormat).format(outputFormat) : '';
     },
     asArray: input => (input ? [input] : input),
-    filter: function (input, keys, exp) {
+    filter: function(input, keys, exp) {
         let keywords: string;
         if (!Array.isArray(input) || !keys || !exp || !(keywords = resolveVariable(exp, this as any))) {
             return input;
@@ -221,42 +220,52 @@ export const filters: {
 
         keywords = keywords.toLowerCase();
         keys = keys.split(/\s*,\s*/);
-        return input.filter((item: any) => keys.some((key: string) => ~String(resolveVariable(key, item)).toLowerCase().indexOf(keywords)));
+        return input.filter((item: any) =>
+            keys.some(
+                (key: string) =>
+                    ~String(resolveVariable(key, item))
+                        .toLowerCase()
+                        .indexOf(keywords)
+            )
+        );
     },
     base64Encode(str) {
-        return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
-            function toSolidBytes(match, p1) {
+        return btoa(
+            encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function toSolidBytes(match, p1) {
                 return String.fromCharCode(('0x' + p1) as any);
-            }));
+            })
+        );
     },
 
     base64Decode(str) {
-        return decodeURIComponent(atob(str).split('').map(function (c) {
-            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-        }).join(''));
+        return decodeURIComponent(
+            atob(str)
+                .split('')
+                .map(function(c) {
+                    return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+                })
+                .join('')
+        );
     },
 
-    lowerCase: input => input && typeof input === 'string' ? input.toLowerCase() : input,
-    upperCase: input => input && typeof input === 'string' ? input.toUpperCase() : input,
+    lowerCase: input => (input && typeof input === 'string' ? input.toLowerCase() : input),
+    upperCase: input => (input && typeof input === 'string' ? input.toUpperCase() : input)
 };
 
-export function registerFilter(
-    name: string,
-    fn: (input: any, ...args: any[]) => any
-): void {
+export function registerFilter(name: string, fn: (input: any, ...args: any[]) => any): void {
     filters[name] = fn;
 }
 
 export function pickValues(names: string, data: object) {
     let arr: Array<string>;
-    if (!names || (arr = names.split(',')) && arr.length < 2) {
+    if (!names || ((arr = names.split(',')) && arr.length < 2)) {
         let idx = names.indexOf('~');
         if (~idx) {
             let key = names.substring(0, idx);
             let target = names.substring(idx + 1);
             return {
                 [key]: resolveVariable(target, data)
-            }
+            };
         }
         return resolveVariable(names, data);
     }
@@ -281,19 +290,19 @@ export const resolveVariable = (path: string, data: any = {}): any => {
         return undefined;
     }
 
-    if (path === "$$") {
+    if (path === '$$') {
         return data;
-    } else if (path[0] === "$") {
+    } else if (path[0] === '$') {
         path = path.substring(1);
-    } else if (path === "&") {
+    } else if (path === '&') {
         return data;
     }
 
-    if (typeof data[path] !== "undefined") {
+    if (typeof data[path] !== 'undefined') {
         return data[path];
     }
 
-    let parts = path.replace(/^{|}$/g, "").split(".");
+    let parts = path.replace(/^{|}$/g, '').split('.');
     return parts.reduce((data, path) => {
         if ((isObject(data) || Array.isArray(data)) && path in data) {
             return (data as {[propName: string]: any})[path];
@@ -303,11 +312,7 @@ export const resolveVariable = (path: string, data: any = {}): any => {
     }, data);
 };
 
-export const resolveVariableAndFilter = (
-    path: string,
-    data: object = {},
-    defaultFilter: string = "| html"
-): any => {
+export const resolveVariableAndFilter = (path: string, data: object = {}, defaultFilter: string = '| html'): any => {
     if (!path) {
         return undefined;
     }
@@ -333,7 +338,7 @@ export const resolveVariableAndFilter = (
     });
 
     // 默认 html 转义
-    if (!~finalKey.indexOf("|")) {
+    if (!~finalKey.indexOf('|')) {
         finalKey += defaultFilter;
     }
 
@@ -343,17 +348,20 @@ export const resolveVariableAndFilter = (
 
     let ret = resolveVariable(finalKey, data);
 
-    return ret == null && !~originalKey.indexOf("default")
+    return ret == null && !~originalKey.indexOf('default')
         ? ''
         : paths.reduce((input, filter) => {
-            let params = filter
-                .replace(/([^\\])\\([\:\\])/g, (_, affix, content) => `${affix}__${content === ':' ? 'colon' : 'slash'}__`)
-                .split(":")
-                .map(item => item.replace(/__(slash|colon)__/g, (_, type) => type === 'colon' ? ':' : '\\'));
-            let key = params.shift() as string;
+              let params = filter
+                  .replace(
+                      /([^\\])\\([\:\\])/g,
+                      (_, affix, content) => `${affix}__${content === ':' ? 'colon' : 'slash'}__`
+                  )
+                  .split(':')
+                  .map(item => item.replace(/__(slash|colon)__/g, (_, type) => (type === 'colon' ? ':' : '\\')));
+              let key = params.shift() as string;
 
-            return (filters[key] || filters.raw).call(data, input, ...params);
-        }, ret);
+              return (filters[key] || filters.raw).call(data, input, ...params);
+          }, ret);
 };
 
 export const tokenize = (str: string, data: object, defaultFilter: string = '| html') => {
@@ -367,12 +375,11 @@ export const tokenize = (str: string, data: object, defaultFilter: string = '| h
 };
 
 function resolveMapping(value: any, data: PlainObject) {
-    return typeof value === "string" &&
-        /^\$(?:([a-z0-9_.]+)|{[^}{]+})$/.test(value)
+    return typeof value === 'string' && /^\$(?:([a-z0-9_.]+)|{[^}{]+})$/.test(value)
         ? resolveVariableAndFilter(value, data, '| raw')
-        : typeof value === "string" && ~value.indexOf("$")
-            ? tokenize(value, data, '| raw')
-            : value;
+        : typeof value === 'string' && ~value.indexOf('$')
+        ? tokenize(value, data, '| raw')
+        : value;
 }
 
 export function dataMapping(to: any, from: PlainObject): any {
@@ -388,21 +395,24 @@ export function dataMapping(to: any, from: PlainObject): any {
         const value = to[key];
         let keys: Array<string>;
 
-        if (key === "&" && value === "$$") {
+        if (key === '&' && value === '$$') {
             ret = {
                 ...ret,
                 ...from
             };
-        } else if (key === "&") {
-            const v = isPlainObject(value)
-                && (keys = Object.keys(value))
-                && keys.length === 1
-                && from[keys[0].substring(1)]
-                && Array.isArray(from[keys[0].substring(1)])
-                ? from[keys[0].substring(1)].map((raw: object) => dataMapping(value[keys[0]], createObject(from, raw)))
-                : resolveMapping(value, from) ;
+        } else if (key === '&') {
+            const v =
+                isPlainObject(value) &&
+                (keys = Object.keys(value)) &&
+                keys.length === 1 &&
+                from[keys[0].substring(1)] &&
+                Array.isArray(from[keys[0].substring(1)])
+                    ? from[keys[0].substring(1)].map((raw: object) =>
+                          dataMapping(value[keys[0]], createObject(from, raw))
+                      )
+                    : resolveMapping(value, from);
 
-            if (Array.isArray(v) || typeof v === "string") {
+            if (Array.isArray(v) || typeof v === 'string') {
                 ret = v;
             } else if (typeof v === 'function') {
                 ret = {
@@ -415,13 +425,13 @@ export function dataMapping(to: any, from: PlainObject): any {
                     ...v
                 };
             }
-        } else if (value === "$$") {
+        } else if (value === '$$') {
             (ret as PlainObject)[key] = from;
-        } else if (value && value[0] === "$") {
+        } else if (value && value[0] === '$') {
             const v = resolveMapping(value, from);
             (ret as PlainObject)[key] = v;
 
-            if (v === "__undefined") {
+            if (v === '__undefined') {
                 delete (ret as PlainObject)[key];
             }
         } else if (
@@ -448,15 +458,17 @@ export function dataMapping(to: any, from: PlainObject): any {
         } else if (isPlainObject(value)) {
             (ret as PlainObject)[key] = dataMapping(value, from);
         } else if (Array.isArray(value)) {
-            (ret as PlainObject)[key] = value.map((value: any) => isPlainObject(value) ? dataMapping(value, from) : resolveMapping(value, from));
-        } else if (typeof value == "string" && ~value.indexOf("$")) {
+            (ret as PlainObject)[key] = value.map((value: any) =>
+                isPlainObject(value) ? dataMapping(value, from) : resolveMapping(value, from)
+            );
+        } else if (typeof value == 'string' && ~value.indexOf('$')) {
             (ret as PlainObject)[key] = resolveMapping(value, from);
         } else if (typeof value === 'function') {
             (ret as PlainObject)[key] = value(from);
         } else {
             (ret as PlainObject)[key] = value;
 
-            if (value === "__undefined") {
+            if (value === '__undefined') {
                 delete (ret as PlainObject)[key];
             }
         }
@@ -465,7 +477,7 @@ export function dataMapping(to: any, from: PlainObject): any {
     return ret;
 }
 
-reigsterTplEnginer("builtin", {
-    test: str => !!~str.indexOf("$"),
+reigsterTplEnginer('builtin', {
+    test: str => !!~str.indexOf('$'),
     compile: (str: string, data: object, defaultFilter = '| html') => tokenize(str, data, defaultFilter)
 });
diff --git a/src/utils/tpl-lodash.ts b/src/utils/tpl-lodash.ts
index 88bd12d36..26c064042 100644
--- a/src/utils/tpl-lodash.ts
+++ b/src/utils/tpl-lodash.ts
@@ -1,10 +1,9 @@
-import { reigsterTplEnginer, filter } from "./tpl";
+import {reigsterTplEnginer, filter} from './tpl';
 import template = require('lodash/template');
-import { filters } from "./tpl-builtin";
+import {filters} from './tpl-builtin';
 import React from 'react';
 import moment from 'moment';
 
-
 const imports = {
     ...filters,
     formatTimeStamp: filters.date,
@@ -26,7 +25,8 @@ const imports = {
 
         return Math.ceil((date.getTime() - now) / (1000 * 60 * 60 * 24)) + '天';
     },
-    formatDate: (value: any, format: string = 'LLL', inputFormat: string = '') => moment(value, inputFormat).format(format)
+    formatDate: (value: any, format: string = 'LLL', inputFormat: string = '') =>
+        moment(value, inputFormat).format(format)
 };
 delete imports.default; // default 是个关键字，不能 imports 到 lodash 里面去。
 function lodashCompile(str: string, data: object) {
@@ -42,7 +42,7 @@ function lodashCompile(str: string, data: object) {
     }
 }
 
-reigsterTplEnginer("lodash", {
-    test: str => !!~str.indexOf("<%"),
+reigsterTplEnginer('lodash', {
+    test: str => !!~str.indexOf('<%'),
     compile: (str: string, data: object) => lodashCompile(str, data)
 });
diff --git a/src/utils/tpl.ts b/src/utils/tpl.ts
index 3080ec787..ccd2edbf2 100644
--- a/src/utils/tpl.ts
+++ b/src/utils/tpl.ts
@@ -1,17 +1,17 @@
 export interface Enginer {
-    test: (tpl:string) => boolean;
-    compile: (tpl:string, data:object, ...rest:Array<any>) => string;
+    test: (tpl: string) => boolean;
+    compile: (tpl: string, data: object, ...rest: Array<any>) => string;
 }
 
-const enginers:{
-    [propName:string] : Enginer;
+const enginers: {
+    [propName: string]: Enginer;
 } = {};
 
-export function reigsterTplEnginer(name:string, enginer:Enginer) {
+export function reigsterTplEnginer(name: string, enginer: Enginer) {
     enginers[name] = enginer;
 }
 
-export function filter(tpl: string, data: object = {}, ...rest:Array<any>): string {
+export function filter(tpl: string, data: object = {}, ...rest: Array<any>): string {
     if (!tpl || typeof tpl !== 'string') {
         return '';
     }
@@ -28,7 +28,7 @@ export function filter(tpl: string, data: object = {}, ...rest:Array<any>): stri
 }
 
 export function evalExpression(expression: string, data?: object): boolean {
-    if (!expression || typeof expression !== "string") {
+    if (!expression || typeof expression !== 'string') {
         return false;
     }
 
@@ -41,10 +41,7 @@ export function evalExpression(expression: string, data?: object): boolean {
             expression = expression.replace(/debugger;?/, '');
         }
 
-        const fn = new Function(
-            "data",
-            `with(data) {${debug ? 'debugger;' : ''}return !!(${expression});}`
-        );
+        const fn = new Function('data', `with(data) {${debug ? 'debugger;' : ''}return !!(${expression});}`);
         data = data || {};
         return fn.call(data, data);
     } catch (e) {
@@ -56,10 +53,7 @@ export function evalExpression(expression: string, data?: object): boolean {
 export function evalJS(js: string, data: object): any {
     /* jshint evil:true */
     try {
-        const fn = new Function(
-            "data",
-            `with(data) {${~js.indexOf('return') ? '' : 'return '}${js};}`
-        );
+        const fn = new Function('data', `with(data) {${~js.indexOf('return') ? '' : 'return '}${js};}`);
         data = data || {};
         return fn.call(data, data);
     } catch (e) {
diff --git a/src/utils/validations.ts b/src/utils/validations.ts
index f3caf1e1b..2a5907fc6 100644
--- a/src/utils/validations.ts
+++ b/src/utils/validations.ts
@@ -1,7 +1,7 @@
 import {filter} from './tpl';
-const isExisty = (value:any) => value !== null && value !== undefined
-const isEmpty = (value:any) => value === '';
-const makeRegexp = (reg:string|RegExp) => {
+const isExisty = (value: any) => value !== null && value !== undefined;
+const isEmpty = (value: any) => value === '';
+const makeRegexp = (reg: string | RegExp) => {
     if (reg instanceof RegExp) {
         return reg;
     } else if (/\/(.+)\/([gimuy]*)/.test(reg)) {
@@ -14,76 +14,84 @@ const makeRegexp = (reg:string|RegExp) => {
 };
 
 export interface ValidateFn {
-    (values:{[propsName:string]: any}, value:any, arg1?:any, arg2?:any, arg3?:any): boolean;
-};
+    (values: {[propsName: string]: any}, value: any, arg1?: any, arg2?: any, arg3?: any): boolean;
+}
 
-export const validations:{
-    [propsName:string]: ValidateFn
+export const validations: {
+    [propsName: string]: ValidateFn;
 } = {
-    isRequired: function (values, value:any) {
+    isRequired: function(values, value: any) {
         return value !== undefined && value !== '' && value !== null && (!Array.isArray(value) || !!value.length);
     },
-    isExisty: function (values, value) {
+    isExisty: function(values, value) {
         return isExisty(value);
     },
-    matchRegexp: function (values, value, regexp) {
+    matchRegexp: function(values, value, regexp) {
         return !isExisty(value) || isEmpty(value) || makeRegexp(regexp).test(value);
     },
-    isUndefined: function (values, value) {
+    isUndefined: function(values, value) {
         return value === undefined;
     },
-    isEmptyString: function (values, value) {
+    isEmptyString: function(values, value) {
         return isEmpty(value);
     },
-    isEmail: function (values, value) {
-        return validations.matchRegexp(values, value, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i);
+    isEmail: function(values, value) {
+        return validations.matchRegexp(
+            values,
+            value,
+            /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i
+        );
     },
-    isUrl: function (values, value) {
-        return validations.matchRegexp(values, value, /^(https?|s?ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i);
+    isUrl: function(values, value) {
+        return validations.matchRegexp(
+            values,
+            value,
+            /^(https?|s?ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i
+        );
     },
-    isTrue: function (values, value) {
+    isTrue: function(values, value) {
         return value === true;
     },
-    isFalse: function (values, value) {
+    isFalse: function(values, value) {
         return value === false;
     },
-    isNumeric: function (values, value) {
+    isNumeric: function(values, value) {
         if (typeof value === 'number') {
             return true;
         }
         return validations.matchRegexp(values, value, /^[-+]?(?:\d*[.])?\d+$/);
     },
-    isAlpha: function (values, value) {
+    isAlpha: function(values, value) {
         return validations.matchRegexp(values, value, /^[A-Z]+$/i);
     },
-    isAlphanumeric: function (values, value) {
+    isAlphanumeric: function(values, value) {
         return validations.matchRegexp(values, value, /^[0-9A-Z]+$/i);
     },
-    isInt: function (values, value) {
+    isInt: function(values, value) {
         return validations.matchRegexp(values, value, /^(?:[-+]?(?:0|[1-9]\d*))$/);
     },
-    isFloat: function (values, value) {
+    isFloat: function(values, value) {
         return validations.matchRegexp(values, value, /^(?:[-+]?(?:\d+))?(?:\.\d*)?(?:[eE][\+\-]?(?:\d+))?$/);
     },
-    isWords: function (values, value) {
+    isWords: function(values, value) {
         return validations.matchRegexp(values, value, /^[A-Z\s]+$/i);
     },
-    isSpecialWords: function (values, value) {
+    isSpecialWords: function(values, value) {
         return validations.matchRegexp(values, value, /^[A-Z\s\u00C0-\u017F]+$/i);
     },
-    isLength: function (values, value, length) {
+    isLength: function(values, value, length) {
         return !isExisty(value) || isEmpty(value) || value.length === length;
     },
-    equals: function (values, value, eql) {
+    equals: function(values, value, eql) {
         return !isExisty(value) || isEmpty(value) || value == eql;
     },
-    equalsField: function (values, value, field) {
+    equalsField: function(values, value, field) {
         return value == values[field];
     },
-    maxLength: function (values, value, length) {
+    maxLength: function(values, value, length) {
         return !isExisty(value) || value.length <= length;
     },
-    minLength: function (values, value, length) {
+    minLength: function(values, value, length) {
         return !isExisty(value) || isEmpty(value) || value.length >= length;
     },
     isUrlPath: function(values, value, regexp) {
@@ -106,7 +114,7 @@ export const validations:{
         return true;
     },
     notEmptyString: function(values, value) {
-        return !isExisty(value) || !(String(value) && String(value).trim() === "");
+        return !isExisty(value) || !(String(value) && String(value).trim() === '');
     },
     matchRegexp1: function(values, value, regexp) {
         return validations.matchRegexp(values, value, regexp);
@@ -137,13 +145,13 @@ export const validations:{
     }
 };
 
-export function addRule(ruleName:string, fn: ValidateFn, message:string = '') {
+export function addRule(ruleName: string, fn: ValidateFn, message: string = '') {
     validations[ruleName] = fn;
     validateMessages[ruleName] = message;
 }
 
 export const validateMessages: {
-    [propName:string]: string;
+    [propName: string]: string;
 } = {
     isEmail: 'Email 格式不正确',
     isRequired: '这是必填项',
@@ -165,15 +173,15 @@ export const validateMessages: {
     notEmptyString: '请不要全输入空白字符',
     equalsField: '输入的数据与 $1 值不一致',
     equals: '输入的数据与 $1 不一致'
-}
+};
 
 export function validate(
-    value:any,
-    values:{[propName:string]: any},
-    rules:{[propName:string]: any},
-    messages?: {[propName:string]: string}
-):Array<string> {
-    const errors:Array<string> = [];
+    value: any,
+    values: {[propName: string]: any},
+    rules: {[propName: string]: any},
+    messages?: {[propName: string]: string}
+): Array<string> {
+    const errors: Array<string> = [];
 
     Object.keys(rules).forEach(ruleName => {
         if (!rules[ruleName]) {
@@ -183,51 +191,60 @@ export function validate(
         }
 
         const fn = validations[ruleName];
-        
+
         if (!fn(values, value, ...rules[ruleName])) {
-            errors.push(filter(messages && messages[ruleName] || validateMessages[ruleName], {
-                ...['', ...rules[ruleName]]
-            }));
+            errors.push(
+                filter((messages && messages[ruleName]) || validateMessages[ruleName], {
+                    ...['', ...rules[ruleName]]
+                })
+            );
         }
     });
 
     return errors;
 }
 
-const splitValidations = function (str:string):Array<string> {
+const splitValidations = function(str: string): Array<string> {
     let i = 0;
-    const placeholder:{[propName: string]: string} = {};
+    const placeholder: {[propName: string]: string} = {};
 
     return str
         .replace(/matchRegexp\d*\s*\:\s*\/.*?\/[igm]*/g, raw => {
             placeholder[`__${i}`] = raw;
-            return `__${i++}`
+            return `__${i++}`;
         })
         .split(/,(?![^{\[]*[}\]])/g)
-        .map(str => /^__\d+$/.test(str) ? placeholder[str] : str.trim())
+        .map(str => (/^__\d+$/.test(str) ? placeholder[str] : str.trim()));
 };
 
-export function str2rules(validations:string|{[propName:string]: any}):{[propName:string]: any} {
+export function str2rules(validations: string | {[propName: string]: any}): {[propName: string]: any} {
     if (typeof validations === 'string') {
-        return validations ? splitValidations(validations).reduce(function (validations:{[propName:string]: any}, validation) {
-            const idx = validation.indexOf(':');
-            let validateMethod = validation;
-            let args = [];
+        return validations
+            ? splitValidations(validations).reduce(function(validations: {[propName: string]: any}, validation) {
+                  const idx = validation.indexOf(':');
+                  let validateMethod = validation;
+                  let args = [];
 
-            if (~idx) {
-                validateMethod = validation.substring(0, idx);
-                args = /^matchRegexp/.test(validateMethod) ? [validation] : validation.substring(idx + 1).split(',').map(function (arg) {
-                    try {
-                        return JSON.parse(arg);
-                    } catch (e) {
-                        return arg;
-                    }
-                });
-            }
+                  if (~idx) {
+                      validateMethod = validation.substring(0, idx);
+                      args = /^matchRegexp/.test(validateMethod)
+                          ? [validation]
+                          : validation
+                                .substring(idx + 1)
+                                .split(',')
+                                .map(function(arg) {
+                                    try {
+                                        return JSON.parse(arg);
+                                    } catch (e) {
+                                        return arg;
+                                    }
+                                });
+                  }
 
-            validations[validateMethod] = args.length ? args : true;
-            return validations;
-        }, {}) : {};
+                  validations[validateMethod] = args.length ? args : true;
+                  return validations;
+              }, {})
+            : {};
     }
 
     return validations || {};