diff --git a/.prettierrc b/.prettierrc
index f2f92eddd..4fe5ac973 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -4,13 +4,14 @@
       "files": "*.axml",
       "options": {
         "parser": "html",
-        "printWidth": 40,
+        "printWidth": 80,
         "tabWidth": 2,
-        "useTabs":true,
-        "bracketSameLine":true,
-        "bracketSpacing":true
+        "bracketSameLine": true,
+        "bracketSpacing": true,
+        "singleAttributePerLine": true,
+        "htmlWhitespaceSensitivity": "ignore"
       }
     }
   ],
   "singleQuote": true
-}
\ No newline at end of file
+}
diff --git a/demo/pages/ActionSheet/index.axml b/demo/pages/ActionSheet/index.axml
index 096fc4ec6..6036eb496 100644
--- a/demo/pages/ActionSheet/index.axml
+++ b/demo/pages/ActionSheet/index.axml
@@ -1,11 +1,29 @@
 <container title="基础用法">
-  <button onTap="handleOpenBasic" inline="{{true}}" inlineSize="large" data-index="1">基础用法</button>
+  <button
+    onTap="handleOpenBasic"
+    inline="{{true}}"
+    inlineSize="large"
+    data-index="1">
+    基础用法
+  </button>
 </container>
 <container title="选项状态">
-  <button onTap="handleOpenBasic" inline="{{true}}" inlineSize="large" data-index="2">危险状态&禁用状态</button>
+  <button
+    onTap="handleOpenBasic"
+    inline="{{true}}"
+    inlineSize="large"
+    data-index="2">
+    危险状态&禁用状态
+  </button>
 </container>
 <container title="带注释及icon">
-  <button onTap="handleOpenBasic" inline="{{true}}" inlineSize="large" data-index="3">带注释及icon</button>
+  <button
+    onTap="handleOpenBasic"
+    inline="{{true}}"
+    inlineSize="large"
+    data-index="3">
+    带注释及icon
+  </button>
 </container>
 <action-sheet
   title="请选择你要进行的操作"
@@ -13,8 +31,7 @@
   actions="{{actions1}}"
   data-index="1"
   onAction="handleAction"
-  onClose="handleCloseBasic"
-/>
+  onClose="handleCloseBasic" />
 
 <action-sheet
   title="请选择你要进行的操作"
@@ -22,8 +39,7 @@
   actions="{{actions2}}"
   data-index="2"
   onAction="handleAction"
-  onClose="handleCloseBasic"
-/>
+  onClose="handleCloseBasic" />
 
 <action-sheet
   title="请选择你要进行的操作"
@@ -31,5 +47,4 @@
   actions="{{actions3}}"
   data-index="3"
   onAction="handleAction"
-  onClose="handleCloseBasic"
-/>
\ No newline at end of file
+  onClose="handleCloseBasic" />
diff --git a/demo/pages/Avatar/index.axml b/demo/pages/Avatar/index.axml
index 25bec0e48..2504c86a3 100644
--- a/demo/pages/Avatar/index.axml
+++ b/demo/pages/Avatar/index.axml
@@ -1,5 +1,8 @@
 <container title="基础用法-四种尺寸">
-  <avatar src="{{item}}" a:for="{{images}}" class="avatar" />
+  <avatar
+    src="{{item}}"
+    a:for="{{images}}"
+    class="avatar" />
 </container>
 
 <container title="占位头像">
@@ -7,24 +10,31 @@
 </container>
 
 <container title="不同大小">
-  <avatar size="{{item}}" src="{{images[0]}}" a:for="{{sizes}}" class="avatar" />
+  <avatar
+    size="{{item}}"
+    src="{{images[0]}}"
+    a:for="{{sizes}}"
+    class="avatar" />
 </container>
 
-<container title="配合列表使用" className="container">
+<container
+  title="配合列表使用"
+  className="container">
   <list-item
     imageSize="large"
-    brief="Deserunt dolor ea eaque eos"
-  >
+    brief="Deserunt dolor ea eaque eos">
     Novalee Spicer
     <avatar
       slot="image"
       name="Novlee Spicer"
       desc="Deserunt dolor ea eaque eos"
-      src="{{images[0]}}"
-    />
+      src="{{images[0]}}" />
   </list-item>
 </container>
 
 <container title="自定义">
-  <avatar size="{{item}}" src="{{images[0]}}" class="avatar-custom" />
+  <avatar
+    size="{{item}}"
+    src="{{images[0]}}"
+    class="avatar-custom" />
 </container>
diff --git a/demo/pages/Badge/index.axml b/demo/pages/Badge/index.axml
index f28847851..8cd0532df 100644
--- a/demo/pages/Badge/index.axml
+++ b/demo/pages/Badge/index.axml
@@ -3,31 +3,31 @@
     <badge
       type="dot"
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="text"
       text="新"
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="number"
       text="{{2}}"
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="number"
       text="{{100}}"
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="bubble"
       text="new"
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
   </view>
 </container>
@@ -38,35 +38,35 @@
       type="dot"
       stroke
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="text"
       text="新"
       stroke
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="number"
       text="{{1}}"
       stroke
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="number"
       text="{{100}}"
       stroke
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="bubble"
       text="new"
       stroke
       position="top-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
   </view>
 </container>
@@ -77,34 +77,34 @@
       type="number"
       text="{{1}}"
       position="top-left">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="bubble"
       text="1"
       position="bottom-right">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="number"
       text="{{100}}"
       stroke
       bgColor="#1677FF">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="text"
       text="new"
       bgColor="#FF9F18"
       position="top-center">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="bubble"
       text="new"
       stroke
       bgColor="#34B368">
-      <view class="box"/>
+      <view class="box" />
     </badge>
   </view>
 </container>
@@ -116,7 +116,7 @@
       text="1"
       offsetX="-20px"
       offsetY="0px">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="text"
@@ -124,7 +124,7 @@
       position="bottom-right"
       offsetX="-20px"
       offsetY="-14px">
-      <view class="box"/>
+      <view class="box" />
     </badge>
     <badge
       type="bubble"
@@ -132,7 +132,7 @@
       position="top-right"
       offsetX="2px"
       offsetY="-8px">
-      <view class="box"/>
+      <view class="box" />
     </badge>
   </view>
 </container>
@@ -143,8 +143,10 @@
       type="text"
       iconType="GlobalOutline"
       position="top-right">
-      <am-icon type="GlobalOutline"  slot="text"/>
-      <view class="box"/>
+      <am-icon
+        type="GlobalOutline"
+        slot="text" />
+      <view class="box" />
     </badge>
   </view>
 </container>
diff --git a/demo/pages/Button/index.axml b/demo/pages/Button/index.axml
index 2b08536db..b55f6774b 100644
--- a/demo/pages/Button/index.axml
+++ b/demo/pages/Button/index.axml
@@ -1,73 +1,115 @@
-<container title="按钮类型" class="list">
-  <button  type="primary" onTap="handleTap">
+<container
+  title="按钮类型"
+  class="list">
+  <button
+    type="primary"
+    onTap="handleTap">
     主要按钮
   </button>
 
-  <button type="default" onTap="handleTap">
+  <button
+    type="default"
+    onTap="handleTap">
     次要按钮
   </button>
 
-  <button type="text" onTap="handleTap">
+  <button
+    type="text"
+    onTap="handleTap">
     文本按钮
   </button>
-
 </container>
 
-<container title="带辅助文案按钮" class="list">
-  <button  type="primary" subText="副标题" onTap="handleTap">
+<container
+  title="带辅助文案按钮"
+  class="list">
+  <button
+    type="primary"
+    subText="副标题"
+    onTap="handleTap">
     主要按钮
   </button>
 
-  <button type="default" subText="副标题" onTap="handleTap">
+  <button
+    type="default"
+    subText="副标题"
+    onTap="handleTap">
     次要按钮
   </button>
 
-  <button type="text" subText="副标题" onTap="handleTap">
+  <button
+    type="text"
+    subText="副标题"
+    onTap="handleTap">
     文本按钮
   </button>
 </container>
 
-<container title="禁用" class="list">
-  <button type="primary" disabled>
+<container
+  title="禁用"
+  class="list">
+  <button
+    type="primary"
+    disabled>
     主要按钮
   </button>
 
-  <button type="default" disabled>
+  <button
+    type="default"
+    disabled>
     次要按钮
   </button>
 
-  <button type="text" disabled>
+  <button
+    type="text"
+    disabled>
     文本按钮
   </button>
 </container>
 
-
-<container title="加载状态" class="list">
-  <button type="primary" loading>
+<container
+  title="加载状态"
+  class="list">
+  <button
+    type="primary"
+    loading>
     主要按钮
   </button>
 
-  <button type="default" loading>
+  <button
+    type="default"
+    loading>
     次要按钮
   </button>
 
-  <button type="text" loading>
+  <button
+    type="text"
+    loading>
     文本
   </button>
 </container>
 
-<container title="危险" class="list">
-  <button  type="primary" danger onTap="handleTap">
+<container
+  title="危险"
+  class="list">
+  <button
+    type="primary"
+    danger
+    onTap="handleTap">
     主要按钮
   </button>
 
-  <button type="default" danger onTap="handleTap">
+  <button
+    type="default"
+    danger
+    onTap="handleTap">
     次要按钮
   </button>
 
-  <button type="text" danger onTap="handleTap">
+  <button
+    type="text"
+    danger
+    onTap="handleTap">
     文本按钮
   </button>
-
 </container>
-
diff --git a/demo/pages/ButtonCustom/index.axml b/demo/pages/ButtonCustom/index.axml
index 8374ca5c0..d7adf0e7c 100644
--- a/demo/pages/ButtonCustom/index.axml
+++ b/demo/pages/ButtonCustom/index.axml
@@ -1,10 +1,11 @@
-<container title="自定义大小" class="list">
+<container
+  title="自定义大小"
+  class="list">
   <button
     type="primary"
     icon="SmileOutline"
     onTap="handleTap"
-    className="btn"
-  >
+    className="btn">
     主要按钮
   </button>
 
@@ -13,8 +14,7 @@
     onTap="handleTap"
     icon="SmileOutline"
     className="btn"
-    inline
-  >
+    inline>
     主要按钮
   </button>
 
@@ -24,71 +24,61 @@
     icon="ForbidFill"
     className="btn"
     inline
-    danger
-  >
+    danger>
     主要按钮
   </button>
-
 </container>
 
-<container title="round" class="list">
-
+<container
+  title="round"
+  class="list">
   <button
     type="primary"
     icon="SearchOutline"
     onTap="handleTap"
     inline
-    className="round"
-  >
+    className="round">
     主要按钮
   </button>
 
-   <button
+  <button
     type="primary"
     onTap="handleTap"
     inline
     danger
-    className="round"
-  >
+    className="round">
     主要按钮
   </button>
-
 </container>
 
-<container title="circle" class="list">
-
+<container
+  title="circle"
+  class="list">
   <button
     type="primary"
     icon="SearchOutline"
     onTap="handleTap"
     inline
-    className="circle"
-  >
-  </button>
+    className="circle"></button>
 
   <button
     icon="SearchOutline"
     onTap="handleTap"
     inline
-    className="circle"
-  >
-  </button>
+    className="circle"></button>
 
   <button
     type="primary"
     onTap="handleTap"
     inline
-    className="circle"
-  >
+    className="circle">
     A
   </button>
 
   <button
     onTap="handleTap"
     inline
-    className="circle"
-  >
+    className="circle">
     A
   </button>
-
-</container>
\ No newline at end of file
+</container>
diff --git a/demo/pages/ButtonIcon/index.axml b/demo/pages/ButtonIcon/index.axml
index 3654eb5b3..7481d7555 100644
--- a/demo/pages/ButtonIcon/index.axml
+++ b/demo/pages/ButtonIcon/index.axml
@@ -1,173 +1,153 @@
 <container title="icon">
   <button
-    type="primary" 
-    icon="SmileOutline"
-  >
+    type="primary"
+    icon="SmileOutline">
     Icon
   </button>
 
   <button
-    type="default" 
-    icon="SmileOutline"
-  >
+    type="default"
+    icon="SmileOutline">
     Icon
   </button>
 
   <button
-    type="text" 
-    icon="SmileOutline"
-  >
+    type="text"
+    icon="SmileOutline">
     Icon
   </button>
 
   <button
     type="primary"
     danger
-    icon="ForbidFill"
-  >
+    icon="ForbidFill">
     Icon
   </button>
 
   <button
     type="default"
     danger
-    icon="ForbidFill"
-  >
+    icon="ForbidFill">
     Icon
   </button>
 
   <button
     type="text"
     danger
-    icon="ForbidFill"
-  >
+    icon="ForbidFill">
     Icon
   </button>
 </container>
 
 <container title="inline button">
   <button
-    type="primary" 
+    type="primary"
     icon="SmileOutline"
     inline
-    size="large"
-  >
+    size="large">
     Icon
   </button>
 
   <button
-    type="primary" 
+    type="primary"
     icon="SmileOutline"
     inline
-    size="medium"
-  >
+    size="medium">
     Icon
   </button>
 
   <button
-    type="primary" 
+    type="primary"
     icon="SmileOutline"
     inline
-    size="small"
-  >
+    size="small">
     Icon
   </button>
-
 </container>
 
 <container title="inline danger icon">
   <button
-    type="primary" 
+    type="primary"
     icon="ForbidFill"
     inline
     danger
-    size="large"
-  >
+    size="large">
     Icon
   </button>
 
   <button
-    type="primary" 
+    type="primary"
     icon="ForbidFill"
     inline
     danger
-    size="medium"
-  >
+    size="medium">
     Icon
   </button>
 
   <button
-    type="primary" 
+    type="primary"
     icon="ForbidFill"
     inline
     danger
-    size="small"
-  >
+    size="small">
     Icon
   </button>
 </container>
 
-
 <container title="loading icon">
-  <button 
-    type="primary" 
+  <button
+    type="primary"
     icon="SmileOutline"
     onTap="handleTap"
     inline
-    loading
-  >
+    loading>
     loading
   </button>
 
-  <button 
-    type="primary" 
+  <button
+    type="primary"
     icon="ForbidFill"
     onTap="handleTap"
     inline
     danger
-    loading
-  >
+    loading>
     loading
   </button>
 
-  <button 
-    type="primary" 
+  <button
+    type="primary"
     icon="SmileOutline"
     onTap="handleTap"
-    loading
-  >
+    loading>
     loading
   </button>
 </container>
 
 <container title="disabled icon">
-  <button 
-    type="primary" 
+  <button
+    type="primary"
     icon="SmileOutline"
     onTap="handleTap"
     inline
-    disabled
-  >
+    disabled>
     disabled
   </button>
-  
-  <button 
-    type="primary" 
+
+  <button
+    type="primary"
     icon="ForbidFill"
     onTap="handleTap"
     inline
     danger
-    disabled
-  >
+    disabled>
     disabled
   </button>
 
-  <button 
-    type="primary" 
+  <button
+    type="primary"
     icon="SmileOutline"
     onTap="handleTap"
-    disabled
-  >
+    disabled>
     disabled
   </button>
 </container>
diff --git a/demo/pages/ButtonInline/index.axml b/demo/pages/ButtonInline/index.axml
index c2a1197bb..ff4b9565f 100644
--- a/demo/pages/ButtonInline/index.axml
+++ b/demo/pages/ButtonInline/index.axml
@@ -1,74 +1,130 @@
-<container title="按钮类型" class="list">
-  <button  type="primary" inline onTap="handleTap">
+<container
+  title="按钮类型"
+  class="list">
+  <button
+    type="primary"
+    inline
+    onTap="handleTap">
     主要按钮
   </button>
 
-  <button type="default" inline onTap="handleTap">
+  <button
+    type="default"
+    inline
+    onTap="handleTap">
     次要按钮
   </button>
 
-  <button type="text" inline onTap="handleTap">
+  <button
+    type="text"
+    inline
+    onTap="handleTap">
     文本按钮
   </button>
-
 </container>
 
-<container title="按钮尺寸" class="list">
-  <button type="primary" inline size="large" onTap="handleTap">
+<container
+  title="按钮尺寸"
+  class="list">
+  <button
+    type="primary"
+    inline
+    size="large"
+    onTap="handleTap">
     主要按钮
   </button>
 
-  <button type="primary" inline size="medium" onTap="handleTap">
+  <button
+    type="primary"
+    inline
+    size="medium"
+    onTap="handleTap">
     主要按钮
   </button>
 
-  <button type="primary" inline size="small" onTap="handleTap">
+  <button
+    type="primary"
+    inline
+    size="small"
+    onTap="handleTap">
     主要按钮
   </button>
-
 </container>
 
-<container title="危险" class="list">
-  <button  type="primary" inline danger onTap="handleTap">
+<container
+  title="危险"
+  class="list">
+  <button
+    type="primary"
+    inline
+    danger
+    onTap="handleTap">
     主要按钮
   </button>
 
-  <button type="default" inline danger onTap="handleTap">
+  <button
+    type="default"
+    inline
+    danger
+    onTap="handleTap">
     次要按钮
   </button>
 
-  <button type="text" inline danger onTap="handleTap">
+  <button
+    type="text"
+    inline
+    danger
+    onTap="handleTap">
     文本按钮
   </button>
-
 </container>
 
-<container title="禁用" class="list">
-  <button type="primary" inline disabled>
+<container
+  title="禁用"
+  class="list">
+  <button
+    type="primary"
+    inline
+    disabled>
     主要按钮
   </button>
 
-  <button type="default" inline disabled>
+  <button
+    type="default"
+    inline
+    disabled>
     次要按钮
   </button>
 
-  <button type="text" inline disabled>
+  <button
+    type="text"
+    inline
+    disabled>
     文本按钮
   </button>
 </container>
 
-
-<container title="加载状态" class="list">
-  <button type="primary" inline loading>
+<container
+  title="加载状态"
+  class="list">
+  <button
+    type="primary"
+    inline
+    loading>
     主要按钮
   </button>
 
-  <button type="default" inline loading>
+  <button
+    type="default"
+    inline
+    loading>
     次要按钮
   </button>
 
-  <button type="text" inline loading>
+  <button
+    type="text"
+    inline
+    loading>
     文本
   </button>
 </container>
-
diff --git a/demo/pages/Calendar/collapse-container/cn-day/cn-day.axml b/demo/pages/Calendar/collapse-container/cn-day/cn-day.axml
index e7d1a9711..dc0b911fe 100644
--- a/demo/pages/Calendar/collapse-container/cn-day/cn-day.axml
+++ b/demo/pages/Calendar/collapse-container/cn-day/cn-day.axml
@@ -1,3 +1,3 @@
 <view class="cn-day {{festival?'festival':''}} {{unset?'unset':''}}">
   {{cnday}}
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/Calendar/collapse-container/collapse-container.axml b/demo/pages/Calendar/collapse-container/collapse-container.axml
index aab11ff20..367b56951 100644
--- a/demo/pages/Calendar/collapse-container/collapse-container.axml
+++ b/demo/pages/Calendar/collapse-container/collapse-container.axml
@@ -1,15 +1,18 @@
 <container title="{{containerTitle}}">
-  <view slot="headerRight" onTap="handleToggle" data-id="demo1">
+  <view
+    slot="headerRight"
+    onTap="handleToggle"
+    data-id="demo1">
     <text a:if="{{ !collapse }}">收起</text>
     <text a:else>展示</text>
   </view>
   <view a:if="{{ !collapse }}">
     <slot name="content"></slot>
   </view>
-  <view a:else onTap="handleToggle">
+  <view
+    a:else
+    onTap="handleToggle">
     <slot name="description"></slot>
-    <view class="placeholder">
-      展示
-    </view>
+    <view class="placeholder">展示</view>
   </view>
-</container>
\ No newline at end of file
+</container>
diff --git a/demo/pages/Calendar/index.axml b/demo/pages/Calendar/index.axml
index 463ff2a18..9c6099f3a 100644
--- a/demo/pages/Calendar/index.axml
+++ b/demo/pages/Calendar/index.axml
@@ -1,68 +1,93 @@
 <!-- 默认情况下显示最近 6 个月 -->
-<collapse-container a:if="{{ demo1.visible }}" title="默认多选，范围 3 个月">
-  <view slot="content" style="height:1000rpx">
+<collapse-container
+  a:if="{{ demo1.visible }}"
+  title="默认多选，范围 3 个月">
+  <view
+    slot="content"
+    style="height: 1000rpx">
     <calendar />
   </view>
 </collapse-container>
 
 <!-- 单选 -->
-<collapse-container a:if="{{ demo2.visible }}" title="单选">
-  <view slot="content" style="height:1000rpx">
+<collapse-container
+  a:if="{{ demo2.visible }}"
+  title="单选">
+  <view
+    slot="content"
+    style="height: 1000rpx">
     <calendar selectionMode="single"></calendar>
   </view>
 </collapse-container>
 
 <!-- 自定义日历顶部 -->
-<collapse-container a:if="{{ demo3.visible }}" title="自定义日历顶部">
+<collapse-container
+  a:if="{{ demo3.visible }}"
+  title="自定义日历顶部">
   <view slot="content">
     <view class="custom-header">
-      <view onTap="demo3PreviousMonth" class="custom-header-left">
+      <view
+        onTap="demo3PreviousMonth"
+        class="custom-header-left">
         <icon type="LeftOutline" />
         上个月
       </view>
-      <view>
-        {{ demo3.title}}
-      </view>
-      <view onTap="demo3NextMonth" class="custom-header-right">
+      <view>{{ demo3.title}}</view>
+      <view
+        onTap="demo3NextMonth"
+        class="custom-header-right">
         下个月
         <icon type="RightOutline" />
       </view>
     </view>
     <calendar monthRange="{{demo3.monthRange}}">
-      <view slot="calendarTitle">
-      </view>
+      <view slot="calendarTitle"></view>
     </calendar>
   </view>
 </collapse-container>
 
 <!-- 标记奇偶数 -->
-<collapse-container a:if="{{ demo8.visible }}" title="自定义日期单元格">
+<collapse-container
+  a:if="{{ demo8.visible }}"
+  title="自定义日期单元格">
   <view slot="content">
-    <calendar monthRange="{{demo8.monthRange}}" onFormatter="demo8Formatter">
-    </calendar>
+    <calendar
+      monthRange="{{demo8.monthRange}}"
+      onFormatter="demo8Formatter"></calendar>
   </view>
 </collapse-container>
 
-
 <!-- 最多选择三天 -->
-<collapse-container a:if="{{ demo4.visible }}" title="动态控制，只允许选择前后三天">
+<collapse-container
+  a:if="{{ demo4.visible }}"
+  title="动态控制，只允许选择前后三天">
   <view slot="content">
-    <calendar monthRange="{{demo4.monthRange}}" onFormatter="demoFormatter" />
+    <calendar
+      monthRange="{{demo4.monthRange}}"
+      onFormatter="demoFormatter" />
   </view>
 </collapse-container>
 
 <!-- 从周一开始 -->
-<collapse-container a:if="{{ demo5.visible }}" title="从周一开始">
-  <view slot="content" style="height:1000rpx">
+<collapse-container
+  a:if="{{ demo5.visible }}"
+  title="从周一开始">
+  <view
+    slot="content"
+    style="height: 1000rpx">
     <calendar weekStartsOn="Monday" />
   </view>
 </collapse-container>
 
 <!-- 通过 slot 实现农历 -->
-<collapse-container a:if="{{ demo6.visible }}" title="通过 slot 实现农历">
+<collapse-container
+  a:if="{{ demo6.visible }}"
+  title="通过 slot 实现农历">
   <view slot="content">
     <calendar monthRange="{{demo6.monthRange}}">
-      <view slot="cell-bottom" slot-scope="prop">
+      <view
+        slot="cell-bottom"
+        slot-scope="prop">
         <cn-day cell="{{prop.cell}}"></cn-day>
       </view>
     </calendar>
@@ -70,9 +95,12 @@
 </collapse-container>
 
 <!-- 国际化 -->
-<collapse-container a:if="{{ demo7.visible }}" title="国际化">
+<collapse-container
+  a:if="{{ demo7.visible }}"
+  title="国际化">
   <view slot="content">
-    <calendar monthRange="{{demo7.monthRange}}" localeText="{{demo7.localeText}}">
-    </calendar>
+    <calendar
+      monthRange="{{demo7.monthRange}}"
+      localeText="{{demo7.localeText}}"></calendar>
   </view>
 </collapse-container>
diff --git a/demo/pages/CascaderPicker/index.axml b/demo/pages/CascaderPicker/index.axml
index 91eed84c6..b0eb17929 100644
--- a/demo/pages/CascaderPicker/index.axml
+++ b/demo/pages/CascaderPicker/index.axml
@@ -1,44 +1,50 @@
 <list header="基础用法">
-    <list-item>
-        请选择省市
-        <cascader-picker 
-            slot="extra"
-            placeholder="请选择归属地" 
-            options="{{cityList}}" 
-            onChange="handleCityPickerChange" 
-            onOk="handleCityOnOk"
-            onCancel="handleDismiss"
-            />
-    </list-item>
+  <list-item>
+    请选择省市
+    <cascader-picker
+      slot="extra"
+      placeholder="请选择归属地"
+      options="{{cityList}}"
+      onChange="handleCityPickerChange"
+      onOk="handleCityOnOk"
+      onCancel="handleDismiss" />
+  </list-item>
 </list>
-  
+
 <list header="默认值">
-    <list-item>
-        请选择城市
-        <cascader-picker  
-            slot="extra"
-            defaultValue="{{['34','330']}}"
-            placeholder="请选择城市" 
-            options="{{cityList}}" 
-            onChange="handleCityPickerChange" 
-            onOk="handleCityOnOk"
-        />
-    </list-item>
+  <list-item>
+    请选择城市
+    <cascader-picker
+      slot="extra"
+      defaultValue="{{['34','330']}}"
+      placeholder="请选择城市"
+      options="{{cityList}}"
+      onChange="handleCityPickerChange"
+      onOk="handleCityOnOk" />
+  </list-item>
 </list>
 <list header="受控模式">
-    <list-item>
-        请选择城市
-        <cascader-picker 
-            slot="extra"
-            value="{{value}}"
-            placeholder="请选择城市" 
-            options="{{cityList}}" 
-            onChange="handleCityPickerChange" 
-            onOk="handleOk"
-        />
-    </list-item>
-    <view class="btn-wrapper">
-        <button inline onTap="handleChangeControlled" style="margin-right:8px">选择上海</button>
-        <button inline onTap="handleClearControlled">清空</button>
-      </view>
-</list>
\ No newline at end of file
+  <list-item>
+    请选择城市
+    <cascader-picker
+      slot="extra"
+      value="{{value}}"
+      placeholder="请选择城市"
+      options="{{cityList}}"
+      onChange="handleCityPickerChange"
+      onOk="handleOk" />
+  </list-item>
+  <view class="btn-wrapper">
+    <button
+      inline
+      onTap="handleChangeControlled"
+      style="margin-right: 8px">
+      选择上海
+    </button>
+    <button
+      inline
+      onTap="handleClearControlled">
+      清空
+    </button>
+  </view>
+</list>
diff --git a/demo/pages/Checkbox/index.axml b/demo/pages/Checkbox/index.axml
index 453130844..f232f0656 100644
--- a/demo/pages/Checkbox/index.axml
+++ b/demo/pages/Checkbox/index.axml
@@ -8,18 +8,25 @@
 
 <container title="禁用模式">
   <checkbox disabled>Checkbox1</checkbox>
-  <checkbox defaultChecked disabled>Checkbox2</checkbox>
+  <checkbox
+    defaultChecked
+    disabled>
+    Checkbox2
+  </checkbox>
 </container>
 
 <container title="自定义颜色">
-  <checkbox color="red" defaultChecked>Checkbox</checkbox>
+  <checkbox
+    color="red"
+    defaultChecked>
+    Checkbox
+  </checkbox>
 </container>
 
 <container title="控制模式">
   <checkbox
     checked="{{checked}}"
-    onChange="handleChange"
-  >
-  Checkbox
+    onChange="handleChange">
+    Checkbox
   </checkbox>
 </container>
diff --git a/demo/pages/CheckboxCustomGroup/index.axml b/demo/pages/CheckboxCustomGroup/index.axml
index c6431ad8a..c81044156 100644
--- a/demo/pages/CheckboxCustomGroup/index.axml
+++ b/demo/pages/CheckboxCustomGroup/index.axml
@@ -1,7 +1,15 @@
 <container title="自定义分组">
-    <list header="{{ option.title }}" a:for="{{ options }}" a:for-item="option">
-        <list-item a:for="{{ option.list }}">
-            <checkbox data-value="{{ item.value }}" checked="{{ value.indexOf(item.value) > -1 }}" onChange="onChange">{{ item.title }}</checkbox>
-        </list-item>
-    </list>
-</container>
\ No newline at end of file
+  <list
+    header="{{ option.title }}"
+    a:for="{{ options }}"
+    a:for-item="option">
+    <list-item a:for="{{ option.list }}">
+      <checkbox
+        data-value="{{ item.value }}"
+        checked="{{ value.indexOf(item.value) > -1 }}"
+        onChange="onChange">
+        {{ item.title }}
+      </checkbox>
+    </list-item>
+  </list>
+</container>
diff --git a/demo/pages/CheckboxGroup/index.axml b/demo/pages/CheckboxGroup/index.axml
index 703cf3008..dab8a6c23 100644
--- a/demo/pages/CheckboxGroup/index.axml
+++ b/demo/pages/CheckboxGroup/index.axml
@@ -1,51 +1,46 @@
 <container title="基础用法">
   <checkbox-group
     options="{{options}}"
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 
 <container title="初始值">
   <checkbox-group
     defaultValue="{{['banana']}}"
     options="{{options}}"
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 
 <container title="横向布局">
   <checkbox-group
     options="{{options}}"
-    position="horizontal"
-  />
+    position="horizontal" />
 </container>
 
 <container title="禁用模式">
   <checkbox-group
     options="{{options}}"
-    disabled
-  />
+    disabled />
 </container>
 
 <container title="受控模式">
   <checkbox-group
     value="{{value}}"
     options="{{options}}"
-    onChange="handleChange"
-  />
+    onChange="handleChange" />
 </container>
 <container title="自定义颜色">
   <checkbox-group
     options="{{options}}"
     defaultValue="{{['apple','banana']}}"
-    color="red"
-  />
+    color="red" />
 </container>
 <container title="自定义">
   <checkbox-group options="{{options}}">
-    <view slot="label" slot-scope="item">
+    <view
+      slot="label"
+      slot-scope="item">
       {{item.index +1}} {{item.value.label}}
     </view>
   </checkbox-group>
 </container>
-
diff --git a/demo/pages/Checklist/index.axml b/demo/pages/Checklist/index.axml
index cb22899c2..579b5778c 100644
--- a/demo/pages/Checklist/index.axml
+++ b/demo/pages/Checklist/index.axml
@@ -1,56 +1,55 @@
 <container title="简单布局-单选">
-  <checklist 
+  <checklist
     defaultValue="{{1}}"
     options="{{options_1}}"
     data-options="{{options_1}}"
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 
 <container title="复杂布局-多选">
-  <checklist 
-    defaultValue="{{[1,2]}}" 
+  <checklist
+    defaultValue="{{[1,2]}}"
     options="{{options_2}}"
     multiple
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 <container title="受控模式">
-  <checklist 
+  <checklist
     value="{{value}}"
     options="{{options_2}}"
     multiple
-    onChange="onChangeControlled"
-  />
+    onChange="onChangeControlled" />
 </container>
 <container title="禁用状态">
-  <checklist 
+  <checklist
     defaultValue="{{[2]}}"
     options="{{options_3}}"
     multiple
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 
-<container title="只读状态" >
-  <checklist 
+<container title="只读状态">
+  <checklist
     defaultValue="{{[2]}}"
     options="{{options_4}}"
     multiple
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
-<container title="自定义勾选图标&&组件内容" >
-  <checklist 
+<container title="自定义勾选图标&&组件内容">
+  <checklist
     defaultValue="{{[2]}}"
     options="{{options_3}}"
     multiple
-    onChange="onChange"
-  >
+    onChange="onChange">
     <view slot="icon">
-      <icon style='color:red' type="LikeOutline" class="demo-checklist-checked-icon"/>
+      <icon
+        style="color: red"
+        type="LikeOutline"
+        class="demo-checklist-checked-icon" />
     </view>
-    <view slot="content" slot-scope="props">
+    <view
+      slot="content"
+      slot-scope="props">
       title: {{props.item.title}}
     </view>
   </checklist>
diff --git a/demo/pages/Collapse/index.axml b/demo/pages/Collapse/index.axml
index 98b0ef7b1..6523e9de8 100644
--- a/demo/pages/Collapse/index.axml
+++ b/demo/pages/Collapse/index.axml
@@ -1,5 +1,4 @@
 <collapse
   defaultCurrent="{{[0]}}"
   items="{{items}}"
-  onChange="onChange"
-/>
+  onChange="onChange" />
diff --git a/demo/pages/CollapseAccordion/index.axml b/demo/pages/CollapseAccordion/index.axml
index 2a0d03da6..721599954 100644
--- a/demo/pages/CollapseAccordion/index.axml
+++ b/demo/pages/CollapseAccordion/index.axml
@@ -1,5 +1,4 @@
 <collapse
   items="{{items}}"
   onChange="onChange"
-  accordion
-/>
+  accordion />
diff --git a/demo/pages/CollapseControl/index.axml b/demo/pages/CollapseControl/index.axml
index 3402e8b14..d816902f2 100644
--- a/demo/pages/CollapseControl/index.axml
+++ b/demo/pages/CollapseControl/index.axml
@@ -1,10 +1,21 @@
-<button onTap="toggle" inline>切换</button>
-  <button onTap="changeContent" inline>修改content</button>
-  <button onTap="addItems" inline>添加items</button>
-  {{current}}
+<button
+  onTap="toggle"
+  inline>
+  切换
+</button>
+<button
+  onTap="changeContent"
+  inline>
+  修改content
+</button>
+<button
+  onTap="addItems"
+  inline>
+  添加items
+</button>
+{{current}}
 
 <collapse
   items="{{items}}"
   current="{{current}}"
-  onChange="onChange"
-/>
+  onChange="onChange" />
diff --git a/demo/pages/CollapseCustom/index.axml b/demo/pages/CollapseCustom/index.axml
index b4385505f..9ecb22fcd 100644
--- a/demo/pages/CollapseCustom/index.axml
+++ b/demo/pages/CollapseCustom/index.axml
@@ -1,18 +1,22 @@
-<collapse items="{{items}}" curr>
-  <view slot="title" slot-scope="item">
-    {{item.value.title}}
-    {{item.current.indexOf(item.index) >= 0 ? '' : item.value.content.slice(0, 20) + '...' }}
+<collapse
+  items="{{items}}"
+  curr>
+  <view
+    slot="title"
+    slot-scope="item">
+    {{item.value.title}} {{item.current.indexOf(item.index) >= 0 ? '' :
+    item.value.content.slice(0, 20) + '...' }}
   </view>
 
-  <view slot="brief" slot-scope="item">
+  <view
+    slot="brief"
+    slot-scope="item">
     {{item.value.brief}}
   </view>
 
   <view
     slot="icon"
-    slot-scope="item"
-  >
+    slot-scope="item">
     {{item.current.indexOf(item.index) >= 0 ? '关闭' : '展开'}}
   </view>
-
 </collapse>
diff --git a/demo/pages/CollapseWithCheckbox/index.axml b/demo/pages/CollapseWithCheckbox/index.axml
index 18bfaf74b..6f9090e40 100644
--- a/demo/pages/CollapseWithCheckbox/index.axml
+++ b/demo/pages/CollapseWithCheckbox/index.axml
@@ -1,19 +1,26 @@
 <collapse items="{{items}}">
-  <view slot="title" slot-scope="item" class="title">
+  <view
+    slot="title"
+    slot-scope="item"
+    class="title">
     <view catchTap="true">
-      <checkbox data-index="{{item.index}}" onChange="onChange" /> 
-    </view>
-    <view>
-      {{item.value.title}}
+      <checkbox
+        data-index="{{item.index}}"
+        onChange="onChange" />
     </view>
+    <view>{{item.value.title}}</view>
   </view>
 
-  <view slot="content" slot-scope="item" class="content">
+  <view
+    slot="content"
+    slot-scope="item"
+    class="content">
     {{item.value.content}}
   </view>
- 
 </collapse>
 
-<button type="primary" onTap="onTap">
+<button
+  type="primary"
+  onTap="onTap">
   提交
 </button>
diff --git a/demo/pages/Container/index.axml b/demo/pages/Container/index.axml
index a43dff66d..53630385b 100644
--- a/demo/pages/Container/index.axml
+++ b/demo/pages/Container/index.axml
@@ -1,48 +1,40 @@
 <!-- 标题在容器内 -->
 <container title="标题">
-  <view class="content">
-  </view>
+  <view class="content"></view>
 </container>
 
-
 <!-- 标题在容器外 -->
 
 <container headerInBox="{{false}}">
   <view slot="title">
     <view class="icon">
-      <icon type="SmileOutline" style="margin-right: 8px;" />
+      <icon
+        type="SmileOutline"
+        style="margin-right: 8px" />
       标题
     </view>
   </view>
   <view slot="headerRight">右侧内容</view>
-  <view class="content">
-  </view>
+  <view class="content"></view>
 </container>
 
-
 <!-- 容器内多个盒子 -->
 <container title="标题">
   <view slot="headerRight">右侧内容</view>
   <view class="content">
-    <view class="box">
-    </view>
-    <view class="box">
-    </view>
-    <view class="box">
-    </view>
+    <view class="box"></view>
+    <view class="box"></view>
+    <view class="box"></view>
   </view>
 </container>
 
 <!-- 只有右侧 -->
 <container>
-  <view class="content">
-  </view>
+  <view class="content"></view>
   <view slot="headerRight">右侧内容</view>
 </container>
 
 <!-- 不含标题、右侧内容 -->
 <container>
-  <view class="content">
-  </view>
+  <view class="content"></view>
 </container>
-
diff --git a/demo/pages/DatePicker/index.axml b/demo/pages/DatePicker/index.axml
index bbf192ea2..dbd426792 100644
--- a/demo/pages/DatePicker/index.axml
+++ b/demo/pages/DatePicker/index.axml
@@ -1,113 +1,107 @@
 <list header="基础用法">
-    <list-item>
-        请选择日期
-        <date-picker 
-            min="{{min}}"
-            max="{{max}}"
-            slot="extra"
-            defaultValue="{{defaultDate}}"
-            placeholder="请选择"
-            onPickerChange="handlePickerChange"
-            onVisibleChange="handleTriggerPicker"
-            onCancel="handleDismiss"
-            onOk="handleOk">
-        </date-picker>
-    </list-item>
-    <list-item>
-        请选择日期（点击蒙层关闭）
-        <date-picker 
-            min="{{min}}"
-            max="{{max}}"
-            slot="extra"
-            defaultValue="{{defaultDate}}"
-            placeholder="请选择"
-            onPickerChange="handlePickerChange"
-            onVisibleChange="handleTriggerPicker"
-            maskClosable
-            onOk="handleOk">
-        </date-picker>
-    </list-item>
+  <list-item>
+    请选择日期
+    <date-picker
+      min="{{min}}"
+      max="{{max}}"
+      slot="extra"
+      defaultValue="{{defaultDate}}"
+      placeholder="请选择"
+      onPickerChange="handlePickerChange"
+      onVisibleChange="handleTriggerPicker"
+      onCancel="handleDismiss"
+      onOk="handleOk"></date-picker>
+  </list-item>
+  <list-item>
+    请选择日期（点击蒙层关闭）
+    <date-picker
+      min="{{min}}"
+      max="{{max}}"
+      slot="extra"
+      defaultValue="{{defaultDate}}"
+      placeholder="请选择"
+      onPickerChange="handlePickerChange"
+      onVisibleChange="handleTriggerPicker"
+      maskClosable
+      onOk="handleOk"></date-picker>
+  </list-item>
 </list>
 <list header="选择精度">
-    <list-item>
-        请选择年度
-        <date-picker 
-            slot="extra"
-            precision="year"
-            format="YYYY"
-            placeholder="选择"
-            onOk="handleOk"/>
-    </list-item>
-    <list-item>
-        请选择月份
-        <date-picker 
-            slot="extra"
-            precision="month"
-            format="YYYY-MM"
-            placeholder="选择"
-            onVisibleChange="handleTriggerPicker"
-            onOk="handleOk"/>
-    </list-item>
-    <list-item>
-        请选择时间
-        <date-picker 
-            slot="extra"
-            precision="minute"
-            format="YYYY-MM-DD HH:mm"
-            placeholder="选择"
-            onVisibleChange="handleTriggerPicker"
-            onOk="handleOk"/>
-    </list-item>
+  <list-item>
+    请选择年度
+    <date-picker
+      slot="extra"
+      precision="year"
+      format="YYYY"
+      placeholder="选择"
+      onOk="handleOk" />
+  </list-item>
+  <list-item>
+    请选择月份
+    <date-picker
+      slot="extra"
+      precision="month"
+      format="YYYY-MM"
+      placeholder="选择"
+      onVisibleChange="handleTriggerPicker"
+      onOk="handleOk" />
+  </list-item>
+  <list-item>
+    请选择时间
+    <date-picker
+      slot="extra"
+      precision="minute"
+      format="YYYY-MM-DD HH:mm"
+      placeholder="选择"
+      onVisibleChange="handleTriggerPicker"
+      onOk="handleOk" />
+  </list-item>
 </list>
 <list header="禁用状态">
-    <list-item>
-        请选择日期
-        <date-picker 
-            slot="extra"
-            defaultValue="{{defaultDate}}"
-            disabled>
-        </date-picker>
-    </list-item>
+  <list-item>
+    请选择日期
+    <date-picker
+      slot="extra"
+      defaultValue="{{defaultDate}}"
+      disabled></date-picker>
+  </list-item>
 </list>
 <list header="自定义每列的渲染内容">
-    <list-item>
-        每列不显示单位
-        <date-picker 
-            min="{{min}}"
-            max="{{max}}"
-            slot="extra"
-            defaultValue="{{defaultDate}}"
-            placeholder="请选择"
-            onPickerChange="handlePickerChange"
-            onVisibleChange="handleTriggerPicker"
-            onCancel="handleDismiss"
-            onOk="handleOk"
-            onFormatLabel="handleFormatLabel">
-        </date-picker>
-    </list-item>
+  <list-item>
+    每列不显示单位
+    <date-picker
+      min="{{min}}"
+      max="{{max}}"
+      slot="extra"
+      defaultValue="{{defaultDate}}"
+      placeholder="请选择"
+      onPickerChange="handlePickerChange"
+      onVisibleChange="handleTriggerPicker"
+      onCancel="handleDismiss"
+      onOk="handleOk"
+      onFormatLabel="handleFormatLabel"></date-picker>
+  </list-item>
 </list>
 <list header="时间范围选择">
-    <list-item>
-        日期范围
-        <range-picker 
-            slot="extra"
-            placeholder="请选择"
-            defaultValue="{{defaultDateRange}}"
-            onPickerChange="handlePickerRangeChange"
-            onVisibleChange="handleTriggerPicker"
-            onOk="handleRangeOk">
-        </range-picker>
-    </list-item>
-    <list-item>
-        每列不显示单位
-        <range-picker 
-            slot="extra"
-            placeholder="请选择"
-            defaultValue="{{defaultDateRange}}"
-            onPickerChange="handlePickerRangeChange"
-            onVisibleChange="handleTriggerPicker"
-            onOk="handleRangeOk"
-            onFormatLabel="handleFormatLabel">
-        </range-picker>
-    </list-item>
+  <list-item>
+    日期范围
+    <range-picker
+      slot="extra"
+      placeholder="请选择"
+      defaultValue="{{defaultDateRange}}"
+      onPickerChange="handlePickerRangeChange"
+      onVisibleChange="handleTriggerPicker"
+      onOk="handleRangeOk"></range-picker>
+  </list-item>
+  <list-item>
+    每列不显示单位
+    <range-picker
+      slot="extra"
+      placeholder="请选择"
+      defaultValue="{{defaultDateRange}}"
+      onPickerChange="handlePickerRangeChange"
+      onVisibleChange="handleTriggerPicker"
+      onOk="handleRangeOk"
+      onFormatLabel="handleFormatLabel"></range-picker>
+  </list-item>
 </list>
diff --git a/demo/pages/Divider/index.axml b/demo/pages/Divider/index.axml
index 89d027318..fc6f37850 100644
--- a/demo/pages/Divider/index.axml
+++ b/demo/pages/Divider/index.axml
@@ -1,28 +1,38 @@
-<container title="水平分割线" headerInBox="{{false}}">
+<container
+  title="水平分割线"
+  headerInBox="{{false}}">
   <divider />
 </container>
 
-<container title="水平分割线-带文字" headerInBox="{{false}}">
-  <divider text="中间内容"/>
-  <divider text="左侧内容" textPosition="left" />
-  <divider text="右侧内容" textPosition="right" />
+<container
+  title="水平分割线-带文字"
+  headerInBox="{{false}}">
+  <divider text="中间内容" />
+  <divider
+    text="左侧内容"
+    textPosition="left" />
+  <divider
+    text="右侧内容"
+    textPosition="right" />
 </container>
 
-<container title="水平分割线-自定义" headerInBox="{{false}}">
-  <divider 
-    text="自定义样式" 
-    textStyle="color:#1677ff; fontWeight:600" 
+<container
+  title="水平分割线-自定义"
+  headerInBox="{{false}}">
+  <divider
+    text="自定义样式"
+    textStyle="color:#1677ff; fontWeight:600"
     lineHeight="2"
     lineType="dashed"
-    lineColor="#1677ff" 
-  />
+    lineColor="#1677ff" />
 </container>
 
-<container title="垂直分割线" headerInBox="{{false}}">
+<container
+  title="垂直分割线"
+  headerInBox="{{false}}">
   <view class="divider-vertical">
     <view>100m</view>
-    <divider direction="vertical"/>
+    <divider direction="vertical" />
     <view>浙江省杭州市西湖区西溪路556号</view>
   </view>
 </container>
-
diff --git a/demo/pages/Empty/index.axml b/demo/pages/Empty/index.axml
index c12e9d708..dcf057fe6 100644
--- a/demo/pages/Empty/index.axml
+++ b/demo/pages/Empty/index.axml
@@ -1,14 +1,24 @@
 <container title="基础样式">
-  <empty title="这里什么也没有" message="看看其它吧" />
+  <empty
+    title="这里什么也没有"
+    message="看看其它吧" />
 </container>
 
 <container title="添加操作按钮组">
-  <empty title="这里什么也没有" message="看看其它吧">
+  <empty
+    title="这里什么也没有"
+    message="看看其它吧">
     <view slot="extra">
-      <button size="small" inline>
+      <button
+        size="small"
+        inline>
         操作1
       </button>
-      <button type="primary" size="small" inline style="margin-left: 12px;">
+      <button
+        type="primary"
+        size="small"
+        inline
+        style="margin-left: 12px">
         操作2
       </button>
     </view>
@@ -19,6 +29,5 @@
   <empty
     title="这里什么也没有"
     message="看看其它吧"
-    image="https://gw.alipayobjects.com/mdn/rms_7cc883/afts/img/A*PG7NQoXbN38AAAAAAAAAAAAAARQnAQ"
-  />
+    image="https://gw.alipayobjects.com/mdn/rms_7cc883/afts/img/A*PG7NQoXbN38AAAAAAAAAAAAAARQnAQ" />
 </container>
diff --git a/demo/pages/Form/index.axml b/demo/pages/Form/index.axml
index 2ab56d373..b48c256c1 100644
--- a/demo/pages/Form/index.axml
+++ b/demo/pages/Form/index.axml
@@ -4,50 +4,43 @@
   placeholder="请输入用户名"
   tooltip="用户名说明"
   allowClear
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="地址"
   name="address"
   placeholder="请输入地址"
   allowClear
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-switch
   label="选择"
   name="needDelivery"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-stepper
   label="数量"
   name="quantity"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-picker
   label="水果"
   arrow
   name="fruit"
   options="{{fruitList}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-date-picker
   label="出生日期"
   arrow
   name="birthday"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-range-picker
   label="时间范围"
   arrow
   name="range"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-cascader-picker
   label="城市"
@@ -56,43 +49,37 @@
   name="city"
   tooltip="选择城市"
   placeholder="请输入城市"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-radio-group
   label="动物单选"
   name="animalChoose"
   options="{{radioGroupOptions}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-checkbox-group
   label="蔬菜多选"
   name="fruitChoose"
   options="{{checkboxGroupOptions}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-selector
   label="喜好"
   name="likeChoose"
   options="{{selectorOptions}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-slider
   label="选择分数"
   name="slider"
   showTooltip
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-upload-image
   label="图片"
   name="image"
   onUpload="onUpload"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-textarea
   label="说明"
@@ -100,16 +87,19 @@
   placeholder="请输入说明"
   allowClear
   autoHeight
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-rate
   label="评分"
   name="rate"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
   <button onTap="reset">重置</button>
 </view>
diff --git a/demo/pages/FormCustom/checklist/index.axml b/demo/pages/FormCustom/checklist/index.axml
index f971fab63..ab9893fcd 100644
--- a/demo/pages/FormCustom/checklist/index.axml
+++ b/demo/pages/FormCustom/checklist/index.axml
@@ -1,4 +1,6 @@
-<import-sjs from="./index.sjs" name="utils" />
+<import-sjs
+  from="./index.sjs"
+  name="utils" />
 
 <form-item
   className="{{className}}"
@@ -10,11 +12,14 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
-  <view class="input" onTap="showPopup">
+  help="{{help}}">
+  <view
+    class="input"
+    onTap="showPopup">
     <view class="input-items">
-      <view a:for="{{formData.value}}" class="input-item">
+      <view
+        a:for="{{formData.value}}"
+        class="input-item">
         {{utils.getTitle(options, item)}}
       </view>
     </view>
@@ -25,25 +30,21 @@
     </view>
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  
 </form-item>
 
-<popup 
-  visible="{{visible}}" 
-  height="{{250}}" 
-  width="{{250}}" 
-  position="right" 
+<popup
+  visible="{{visible}}"
+  height="{{250}}"
+  width="{{250}}"
+  position="right"
   onClose="handlePopupClose">
-  <view style="padding:12px">
-    <checklist 
+  <view style="padding: 12px">
+    <checklist
       options="{{options}}"
       multiple
       value="{{formData.value}}"
-      onChange="onChange"
-    />
+      onChange="onChange" />
   </view>
-</popup>
\ No newline at end of file
+</popup>
diff --git a/demo/pages/FormCustom/index.axml b/demo/pages/FormCustom/index.axml
index 10dabbf10..b05be0d9f 100644
--- a/demo/pages/FormCustom/index.axml
+++ b/demo/pages/FormCustom/index.axml
@@ -6,8 +6,7 @@
   placeholder="请输入用户名"
   position="vertical"
   inputClassName="input"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-checklist
   label="喜欢"
@@ -16,8 +15,7 @@
   message="需要选择"
   options="{{likeOptions}}"
   position="vertical"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-location
   label="位置"
@@ -25,10 +23,18 @@
   required
   message="需要选择位置"
   position="vertical"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" class="button">提交</button>
-  <button onTap="reset" class="button">重置</button>
+  <button
+    type="primary"
+    onTap="submit"
+    class="button">
+    提交
+  </button>
+  <button
+    onTap="reset"
+    class="button">
+    重置
+  </button>
 </view>
diff --git a/demo/pages/FormCustom/location/index.axml b/demo/pages/FormCustom/location/index.axml
index 095751939..5aa15ffc3 100644
--- a/demo/pages/FormCustom/location/index.axml
+++ b/demo/pages/FormCustom/location/index.axml
@@ -1,4 +1,6 @@
-<import-sjs from="./index.sjs" name="utils" />
+<import-sjs
+  from="./index.sjs"
+  name="utils" />
 
 <form-item
   className="{{className}}"
@@ -10,18 +12,14 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
-  <view class="input" onTap="showPopup">
+  help="{{help}}">
+  <view
+    class="input"
+    onTap="showPopup">
     <view class="input-location">
-      <view a:if="{{formData.value}}">
-        {{formData.value.name}}
-      </view>
+      <view a:if="{{formData.value}}">{{formData.value.name}}</view>
 
-      <view a:if="{{formData.value}}">
-        {{formData.value.address}}
-      </view>
-      
+      <view a:if="{{formData.value}}">{{formData.value.address}}</view>
     </view>
 
     <view class="choose">
@@ -30,9 +28,6 @@
     </view>
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  
 </form-item>
diff --git a/demo/pages/FormCustomError/index.axml b/demo/pages/FormCustomError/index.axml
index 36cead16c..4de971178 100644
--- a/demo/pages/FormCustomError/index.axml
+++ b/demo/pages/FormCustomError/index.axml
@@ -5,11 +5,16 @@
   placeholder="请输入用户名"
   message="需要输入用户名"
   validateStatus="success"
-  ref="handleRef"
->
-  <view slot="footer" slot-scope="item">
-    <view class="errors" a:if="{{item.status === 'error'}}">
-      <icon type="CloseCircleOutline" style="margin-right: 4px;" />
+  ref="handleRef">
+  <view
+    slot="footer"
+    slot-scope="item">
+    <view
+      class="errors"
+      a:if="{{item.status === 'error'}}">
+      <icon
+        type="CloseCircleOutline"
+        style="margin-right: 4px" />
       {{item.errors}}
     </view>
   </view>
@@ -22,17 +27,31 @@
   placeholder="请输入地址"
   message="需要输入地址"
   validateStatus="success"
-  ref="handleRef"
->
-  <view slot="footer" slot-scope="item">
-    <view class="errors" a:if="{{item.status === 'error'}}">
-      <icon type="CloseCircleOutline" style="margin-right: 4px;" />
+  ref="handleRef">
+  <view
+    slot="footer"
+    slot-scope="item">
+    <view
+      class="errors"
+      a:if="{{item.status === 'error'}}">
+      <icon
+        type="CloseCircleOutline"
+        style="margin-right: 4px" />
       {{item.errors}}
     </view>
   </view>
 </form-input>
 
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
-  <button onTap="reset" style="margin-bottom: 12px;">重置</button>
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
+  <button
+    onTap="reset"
+    style="margin-bottom: 12px">
+    重置
+  </button>
 </view>
diff --git a/demo/pages/FormDependency/index.axml b/demo/pages/FormDependency/index.axml
index 0bfdc1500..41dbe310d 100644
--- a/demo/pages/FormDependency/index.axml
+++ b/demo/pages/FormDependency/index.axml
@@ -1,28 +1,28 @@
-
 <form-switch
   label="需要水果"
   name="needFruit"
   onChange="onChange"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view a:if="{{needFruit}}">
   <form-stepper
     label="数量"
     name="quantity"
-    ref="handleRef"
-  />
+    ref="handleRef" />
   <form-input
     label="收货地址"
     name="address"
     required
     message="需要填写收货地址"
-    ref="handleRef"
-  />
+    ref="handleRef" />
 </view>
 
-
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
   <button onTap="reset">重置</button>
 </view>
diff --git a/demo/pages/FormDynamic/index.axml b/demo/pages/FormDynamic/index.axml
index 61cfa6f90..e43316660 100644
--- a/demo/pages/FormDynamic/index.axml
+++ b/demo/pages/FormDynamic/index.axml
@@ -5,18 +5,31 @@
   message="需要输入用户名"
   ref="handleRef"
   a:for="{{list}}"
-  a:key="id"
->
-  <view slot="extra" onTap="minus" data-index="{{index}}">
+  a:key="id">
+  <view
+    slot="extra"
+    onTap="minus"
+    data-index="{{index}}">
     <icon type="MinusCircleOutline" />
   </view>
 </form-input>
 
 <view class="buttons">
-  <button onTap="add" class="button">
+  <button
+    onTap="add"
+    class="button">
     添加用户
     <icon type="AddCircleOutline" />
   </button>
- <button type="primary" onTap="submit" class="button">提交</button>
-  <button onTap="reset" class="button">重置</button>
+  <button
+    type="primary"
+    onTap="submit"
+    class="button">
+    提交
+  </button>
+  <button
+    onTap="reset"
+    class="button">
+    重置
+  </button>
 </view>
diff --git a/demo/pages/FormImageUploadRules/index.axml b/demo/pages/FormImageUploadRules/index.axml
index c58152d6e..a45988497 100644
--- a/demo/pages/FormImageUploadRules/index.axml
+++ b/demo/pages/FormImageUploadRules/index.axml
@@ -1,8 +1,7 @@
 <form-input
   label="用户名"
   name="username"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-image-upload
   label="图片上传"
@@ -10,10 +9,14 @@
   onUpload="onUpload"
   maxCount="{{3}}"
   tooltip="需要上传3张图片"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
   <button onTap="reset">重置</button>
 </view>
diff --git a/demo/pages/FormInitialValues/index.axml b/demo/pages/FormInitialValues/index.axml
index 2300fedd7..d92946f31 100644
--- a/demo/pages/FormInitialValues/index.axml
+++ b/demo/pages/FormInitialValues/index.axml
@@ -5,29 +5,30 @@
   allowClear
   required
   message="需要填写用户名"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="地址"
   name="address"
   allowClear
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-switch
   label="选择"
   name="needDelivery"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-stepper
   label="数量"
   name="quantity"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
   <button onTap="reset">重置</button>
 </view>
diff --git a/demo/pages/FormInitialValuesAsync/index.axml b/demo/pages/FormInitialValuesAsync/index.axml
index 2300fedd7..d92946f31 100644
--- a/demo/pages/FormInitialValuesAsync/index.axml
+++ b/demo/pages/FormInitialValuesAsync/index.axml
@@ -5,29 +5,30 @@
   allowClear
   required
   message="需要填写用户名"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="地址"
   name="address"
   allowClear
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-switch
   label="选择"
   name="needDelivery"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-stepper
   label="数量"
   name="quantity"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
   <button onTap="reset">重置</button>
 </view>
diff --git a/demo/pages/FormJSON/form-json/index.axml b/demo/pages/FormJSON/form-json/index.axml
index f396e36e9..cae93c8f9 100644
--- a/demo/pages/FormJSON/form-json/index.axml
+++ b/demo/pages/FormJSON/form-json/index.axml
@@ -6,16 +6,14 @@
     required="{{item.required}}"
     message="{{item.message}}"
     placeholder="{{item.placeholder}}"
-    ref="handleRef"
-  />
+    ref="handleRef" />
 
   <form-switch
     a:elif="{{item.type === 'switch'}}"
     label="{{item.label}}"
     name="{{item.name}}"
     message="{{item.message}}"
-    ref="handleRef"
-  />
+    ref="handleRef" />
 
   <form-stepper
     a:elif="{{item.type === 'stepper'}}"
@@ -23,27 +21,24 @@
     name="{{item.name}}"
     required="{{item.required}}"
     message="{{item.message}}"
-    ref="handleRef"
-  />
+    ref="handleRef" />
 
-  <slot a:else name="{{item.type}}" value="{{item}}" />
+  <slot
+    a:else
+    name="{{item.type}}"
+    value="{{item}}" />
 </block>
 
-
 <button
   type="{{config.submit.type}}"
   style="{{config.submit.style}}"
-  onTap="submit"
->
+  onTap="submit">
   {{config.submit.text}}
 </button>
 
 <button
   type="{{config.reset.type}}"
   style="{{config.reset.style}}"
-  onTap="reset"
->
+  onTap="reset">
   {{config.reset.text}}
 </button>
-
-
diff --git a/demo/pages/FormJSON/index.axml b/demo/pages/FormJSON/index.axml
index c90aee435..a01c45821 100644
--- a/demo/pages/FormJSON/index.axml
+++ b/demo/pages/FormJSON/index.axml
@@ -1,24 +1,25 @@
 <form-json
   config="{{config}}"
   onSuccess="onSuccess"
-  ref="handleFormJSONRef"
->
-  <view slot="custom-input" slot-scope="item">
+  ref="handleFormJSONRef">
+  <view
+    slot="custom-input"
+    slot-scope="item">
     <form-input
       label="{{item.value.label}}"
       name="{{item.value.name}}"
       required="{{item.value.required}}"
       placeholder="{{item.value.placeholder}}"
       message="{{item.value.message}}"
-      ref="handleRef"
-    />
+      ref="handleRef" />
   </view>
-  <view slot="custom-switch" slot-scope="item">
+  <view
+    slot="custom-switch"
+    slot-scope="item">
     <form-switch
       label="{{item.value.label}}"
       name="{{item.value.name}}"
       message="{{item.value.message}}"
-      ref="handleRef"
-    />
+      ref="handleRef" />
   </view>
 </form-json>
diff --git a/demo/pages/FormLayout/index.axml b/demo/pages/FormLayout/index.axml
index 1e75250ba..f72589bba 100644
--- a/demo/pages/FormLayout/index.axml
+++ b/demo/pages/FormLayout/index.axml
@@ -3,32 +3,41 @@
   name="account"
   required
   position="{{position}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="地址"
   name="address"
   position="{{position}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-switch
   label="选择"
   name="needDelivery"
   position="{{position}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-stepper
   label="数量"
   name="quantity"
   position="{{position}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" class="button">提交</button>
-  <button onTap="reset" class="button">重置</button>
-  <button onTap="toggle" class="button">切换表单布局</button>
+  <button
+    type="primary"
+    onTap="submit"
+    class="button">
+    提交
+  </button>
+  <button
+    onTap="reset"
+    class="button">
+    重置
+  </button>
+  <button
+    onTap="toggle"
+    class="button">
+    切换表单布局
+  </button>
 </view>
diff --git a/demo/pages/FormMultiple/index.axml b/demo/pages/FormMultiple/index.axml
index 60e50d072..847d95180 100644
--- a/demo/pages/FormMultiple/index.axml
+++ b/demo/pages/FormMultiple/index.axml
@@ -5,18 +5,21 @@
     allowClear
     required
     message="需要填写用户名"
-    ref="handleRef"
-  />
+    ref="handleRef" />
 
   <form-input
     label="地址"
     name="address"
     allowClear
-    ref="handleRef"
-  />
+    ref="handleRef" />
 
   <view class="buttons">
-    <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
+    <button
+      type="primary"
+      onTap="submit"
+      style="margin-bottom: 12px">
+      提交
+    </button>
     <button onTap="reset">重置</button>
   </view>
 </container>
@@ -28,18 +31,21 @@
     allowClear
     required
     message="需要填写用户名"
-    ref="handleRef2"
-  />
+    ref="handleRef2" />
 
   <form-input
     label="地址"
     name="address"
     allowClear
-    ref="handleRef2"
-  />
+    ref="handleRef2" />
 
   <view class="buttons">
-    <button type="primary" onTap="submit2" style="margin-bottom: 12px;">提交</button>
+    <button
+      type="primary"
+      onTap="submit2"
+      style="margin-bottom: 12px">
+      提交
+    </button>
     <button onTap="reset2">重置</button>
   </view>
-</container>
\ No newline at end of file
+</container>
diff --git a/demo/pages/FormRules/index.axml b/demo/pages/FormRules/index.axml
index 3a3b11d84..dffea7e75 100644
--- a/demo/pages/FormRules/index.axml
+++ b/demo/pages/FormRules/index.axml
@@ -3,26 +3,32 @@
   name="account"
   required
   message="需要输入用户名"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="密码"
   name="password"
   password
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="重复密码"
   name="confirm"
   password
   dependencies="{{['password']}}"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
-  <button onTap="reset" style="margin-bottom: 12px;">重置</button>
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
+  <button
+    onTap="reset"
+    style="margin-bottom: 12px">
+    重置
+  </button>
   <button onTap="fill">Fill表单</button>
 </view>
diff --git a/demo/pages/FormValidate/index.axml b/demo/pages/FormValidate/index.axml
index 52578929d..a2011d12c 100644
--- a/demo/pages/FormValidate/index.axml
+++ b/demo/pages/FormValidate/index.axml
@@ -3,23 +3,25 @@
   name="account"
   validateStatus="error"
   help="需要填写用户名"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="地址"
   name="address"
   help="需要填写地址"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="水果"
   name="fruit"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
   <button onTap="reset">重置</button>
 </view>
diff --git a/demo/pages/FormValidateMessages/index.axml b/demo/pages/FormValidateMessages/index.axml
index ae5b6758c..d2e299424 100644
--- a/demo/pages/FormValidateMessages/index.axml
+++ b/demo/pages/FormValidateMessages/index.axml
@@ -1,23 +1,29 @@
 <form-input
   label="用户名"
   name="account"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="密码"
   name="password"
   password
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="IP"
   name="ip"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <view class="buttons">
-  <button type="primary" onTap="submit" style="margin-bottom: 12px;">提交</button>
-  <button onTap="reset" style="margin-bottom: 12px;">重置</button>
-</view>
\ No newline at end of file
+  <button
+    type="primary"
+    onTap="submit"
+    style="margin-bottom: 12px">
+    提交
+  </button>
+  <button
+    onTap="reset"
+    style="margin-bottom: 12px">
+    重置
+  </button>
+</view>
diff --git a/demo/pages/FormWatch/index.axml b/demo/pages/FormWatch/index.axml
index 1f06b9aa9..278d836dc 100644
--- a/demo/pages/FormWatch/index.axml
+++ b/demo/pages/FormWatch/index.axml
@@ -3,31 +3,33 @@
   name="account"
   placeholder="请输入用户名"
   required
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
 <form-input
   label="地址"
   name="address"
   placeholder="请输入地址"
-  ref="handleRef"
-/>
+  ref="handleRef" />
 
-<view style="margin: 12px;">
+<view style="margin: 12px">
   onValuesChange:
-  <view style="margin: 12px;">
-    <view>
-      修改：{{changedValuesText}}
-    </view>
+  <view style="margin: 12px">
+    <view>修改：{{changedValuesText}}</view>
 
-    <view>
-      表单：{{allValuesText}}
-    </view>
+    <view>表单：{{allValuesText}}</view>
   </view>
 </view>
 
-
 <view class="buttons">
-  <button type="primary" onTap="submit" class="button">提交</button>
-  <button onTap="reset" class="button">重置</button>
+  <button
+    type="primary"
+    onTap="submit"
+    class="button">
+    提交
+  </button>
+  <button
+    onTap="reset"
+    class="button">
+    重置
+  </button>
 </view>
diff --git a/demo/pages/Grid/index.axml b/demo/pages/Grid/index.axml
index 77fd2d22d..6ffa1dd03 100644
--- a/demo/pages/Grid/index.axml
+++ b/demo/pages/Grid/index.axml
@@ -1,43 +1,104 @@
 <container title="2列">
-    <grid items="{{items2}}" onTap="handleTapItem" columns="{{2}}"/>
+  <grid
+    items="{{items2}}"
+    onTap="handleTapItem"
+    columns="{{2}}" />
 </container>
 <container title="3列">
-    <grid items="{{items3}}" onTap="handleTapItem" columns="{{3}}" />
+  <grid
+    items="{{items3}}"
+    onTap="handleTapItem"
+    columns="{{3}}" />
 </container>
 <container title="4列">
-    <grid items="{{items4}}" onTap="handleTapItem" columns="{{4}}" />
+  <grid
+    items="{{items4}}"
+    onTap="handleTapItem"
+    columns="{{4}}" />
 </container>
 <container title="5列">
-    <grid items="{{items5}}" onTap="handleTapItem" columns="{{5}}"/>
+  <grid
+    items="{{items5}}"
+    onTap="handleTapItem"
+    columns="{{5}}" />
 </container>
 <container title="5列-展示分割线">
-    <grid items="{{items5}}" onTap="handleTapItem" columns="{{5}}" showDivider/>
+  <grid
+    items="{{items5}}"
+    onTap="handleTapItem"
+    columns="{{5}}"
+    showDivider />
 </container>
 <container title="2列-带描述">
-    <grid items="{{items2withDesc}}" onTap="handleTapItem" columns="{{2}}"/>
+  <grid
+    items="{{items2withDesc}}"
+    onTap="handleTapItem"
+    columns="{{2}}" />
 </container>
 <container title="3列-带描述">
-    <grid items="{{items3withDesc}}" onTap="handleTapItem" columns="{{3}}"/>
+  <grid
+    items="{{items3withDesc}}"
+    onTap="handleTapItem"
+    columns="{{3}}" />
 </container>
 <container title="2列-元素横向布局">
-    <grid items="{{items2}}" onTap="handleTapItem" columns="{{2}}" gridItemLayout="horizontal"/>
+  <grid
+    items="{{items2}}"
+    onTap="handleTapItem"
+    columns="{{2}}"
+    gridItemLayout="horizontal" />
 </container>
 <container title="3列-元素横向布局">
-    <grid items="{{items3}}" onTap="handleTapItem" columns="{{3}}" gridItemLayout="horizontal"/>
+  <grid
+    items="{{items3}}"
+    onTap="handleTapItem"
+    columns="{{3}}"
+    gridItemLayout="horizontal" />
 </container>
 <container title="可滑动">
-    <grid items="{{items4.concat(items4)}}" onTap="handleTapItem" mode="scroll"/>
+  <grid
+    items="{{items4.concat(items4)}}"
+    onTap="handleTapItem"
+    mode="scroll" />
 </container>
 <container title="自定义图标大小">
-    <grid items="{{itemsCustom}}" onTap="handleTapItem" columns="{{5}}" iconSize="{{44}}"/>
+  <grid
+    items="{{itemsCustom}}"
+    onTap="handleTapItem"
+    columns="{{5}}"
+    iconSize="{{44}}" />
 </container>
 <container title="自定义">
-    <grid items="{{itemsCustom}}" onTap="handleTapItem" columns="{{5}}">
-        <view slot="icon" slot-scope="props">
-            <badge a:if="{{ props.value.tag }}" offsetX="-10px" type="text" text="{{ props.value.tag }}"><image src="{{ props.value.icon }}" style="width:44px;height:44px"/></badge>
-            <image a:else src="{{ props.value.icon }}" style="width:44px;height:44px"/>
-        </view>
-        <view slot-scope="props" slot="title">第{{ props.index + 1}}项</view>
-        <view slot-scope="props" slot="description">描述{{ props.index + 1}}</view>
-    </grid>
-</container>
\ No newline at end of file
+  <grid
+    items="{{itemsCustom}}"
+    onTap="handleTapItem"
+    columns="{{5}}">
+    <view
+      slot="icon"
+      slot-scope="props">
+      <badge
+        a:if="{{ props.value.tag }}"
+        offsetX="-10px"
+        type="text"
+        text="{{ props.value.tag }}">
+        <image
+          src="{{ props.value.icon }}"
+          style="width: 44px; height: 44px" />
+      </badge>
+      <image
+        a:else
+        src="{{ props.value.icon }}"
+        style="width: 44px; height: 44px" />
+    </view>
+    <view
+      slot-scope="props"
+      slot="title">
+      第{{ props.index + 1}}项
+    </view>
+    <view
+      slot-scope="props"
+      slot="description">
+      描述{{ props.index + 1}}
+    </view>
+  </grid>
+</container>
diff --git a/demo/pages/GuideTour/index.axml b/demo/pages/GuideTour/index.axml
index ebc9de8a5..bb7cf65a6 100644
--- a/demo/pages/GuideTour/index.axml
+++ b/demo/pages/GuideTour/index.axml
@@ -1,19 +1,67 @@
-<guide-tour items="{{[list[0]]}}" visible="{{baseVisible}}" onCancel="closeTour" onChange="onChange" />
-<guide-tour items="{{list}}" visible="{{moreVisible}}" onCancel="closeTour" onChange="onChange" />
-<guide-tour items="{{list}}" visible="{{swiperVisible}}" onCancel="closeTour" onChange="onChange" 
+<guide-tour
+  items="{{[list[0]]}}"
+  visible="{{baseVisible}}"
+  onCancel="closeTour"
+  onChange="onChange" />
+<guide-tour
+  items="{{list}}"
+  visible="{{moreVisible}}"
+  onCancel="closeTour"
+  onChange="onChange" />
+<guide-tour
+  items="{{list}}"
+  visible="{{swiperVisible}}"
+  onCancel="closeTour"
+  onChange="onChange"
   swiperable="{{true}}" />
-<guide-tour items="{{list}}" current="{{current}}" visible="{{controlledVisible}}" onCancel="closeTour" onChange="onChangeControlled" />
-<guide-tour items="{{list}}"  visible="{{slotVisible}}" onCancel="closeTour" onChange="onChange">
-  <view class="step-box"  slot="step" slot-scope="props">
+<guide-tour
+  items="{{list}}"
+  current="{{current}}"
+  visible="{{controlledVisible}}"
+  onCancel="closeTour"
+  onChange="onChangeControlled" />
+<guide-tour
+  items="{{list}}"
+  visible="{{slotVisible}}"
+  onCancel="closeTour"
+  onChange="onChange">
+  <view
+    class="step-box"
+    slot="step"
+    slot-scope="props">
     step-{{props.index}}
   </view>
 </guide-tour>
-<container title="基础用法" class="list">
-  <button onTap="openTour" data-field="baseVisible">单图模式</button>
-  <button onTap="openTour" data-field="moreVisible">多图模式</button>
-  <button onTap="openTour" data-field="swiperVisible">滑动模式</button>
-  <button onTap="openTour" data-field="controlledVisible">受控模式</button>
+<container
+  title="基础用法"
+  class="list">
+  <button
+    onTap="openTour"
+    data-field="baseVisible">
+    单图模式
+  </button>
+  <button
+    onTap="openTour"
+    data-field="moreVisible">
+    多图模式
+  </button>
+  <button
+    onTap="openTour"
+    data-field="swiperVisible">
+    滑动模式
+  </button>
+  <button
+    onTap="openTour"
+    data-field="controlledVisible">
+    受控模式
+  </button>
+</container>
+<container
+  title="插槽用法"
+  class="list">
+  <button
+    onTap="openTour"
+    data-field="slotVisible">
+    开始
+  </button>
 </container>
-<container title="插槽用法" class="list">
-  <button onTap="openTour" data-field="slotVisible">开始</button>
-</container>
\ No newline at end of file
diff --git a/demo/pages/Icon/index.axml b/demo/pages/Icon/index.axml
index 575206409..1def82f46 100644
--- a/demo/pages/Icon/index.axml
+++ b/demo/pages/Icon/index.axml
@@ -5,14 +5,24 @@
 </container>
 
 <container title="自定义大小">
-  <icon type="SmileOutline" style="font-size: 20px" />
-  <icon type="SmileOutline" style="font-size: 30px" />
-  <icon type="SmileOutline" class="custom-size" />
+  <icon
+    type="SmileOutline"
+    style="font-size: 20px" />
+  <icon
+    type="SmileOutline"
+    style="font-size: 30px" />
+  <icon
+    type="SmileOutline"
+    class="custom-size" />
 </container>
 
 <container title="自定义颜色">
-  <icon type="SmileOutline" style="color: red" />
-  <icon type="SmileOutline" class="custom-color" />
+  <icon
+    type="SmileOutline"
+    style="color: red" />
+  <icon
+    type="SmileOutline"
+    class="custom-color" />
 </container>
 
 <container title="更多自定义">
@@ -20,5 +30,3 @@
     <icon type="SmileOutline" />
   </view>
 </container>
-
-
diff --git a/demo/pages/ImageUpload/index.axml b/demo/pages/ImageUpload/index.axml
index 496f32ff4..857ebf8ce 100644
--- a/demo/pages/ImageUpload/index.axml
+++ b/demo/pages/ImageUpload/index.axml
@@ -1,16 +1,14 @@
 <container title="基本用法">
   <uploader
     onChange="onChange"
-    onUpload="onUpload"
-  />
+    onUpload="onUpload" />
 </container>
 
 <container title="初始值">
   <uploader
     defaultFileList="{{defaultFileList}}"
     onChange="onChange"
-    onUpload="onUpload"
-  />
+    onUpload="onUpload" />
 </container>
 
 <container title="上传最大限制">
@@ -18,8 +16,7 @@
   <uploader
     maxCount="{{1}}"
     onChange="onChange"
-    onUpload="onUpload"
-  />
+    onUpload="onUpload" />
 </container>
 
 <container title="自定义移除">
@@ -27,8 +24,7 @@
     defaultFileList="{{defaultFileList}}"
     onRemove="onRemove"
     onChange="onChange"
-    onUpload="onUpload"
-  />
+    onUpload="onUpload" />
 </container>
 
 <container title="自定义上传前">
@@ -36,6 +32,5 @@
     defaultFileList="{{defaultFileList}}"
     onBeforeUpload="onBeforeUpload"
     onChange="onChange"
-    onUpload="onUpload"
-  />
+    onUpload="onUpload" />
 </container>
diff --git a/demo/pages/ImageUploadControl/index.axml b/demo/pages/ImageUploadControl/index.axml
index 987ebc72e..11ca9e457 100644
--- a/demo/pages/ImageUploadControl/index.axml
+++ b/demo/pages/ImageUploadControl/index.axml
@@ -1,9 +1,8 @@
 <container title="受控模式">
-  <uploader 
+  <uploader
     fileList="{{fileList}}"
     onChange="onChange"
-    onUpload="onUpload"
-  />
+    onUpload="onUpload" />
 </container>
 
 <container title="手动触发上传">
@@ -11,7 +10,11 @@
     ref="handleUploaderRef"
     fileList="{{fileList}}"
     onChange="onChange"
-    onUpload="onUpload"
-  />
-  <button size="default" onTap="upload" type="primary">上传</button>
+    onUpload="onUpload" />
+  <button
+    size="default"
+    onTap="upload"
+    type="primary">
+    上传
+  </button>
 </container>
diff --git a/demo/pages/IndexBar/index.axml b/demo/pages/IndexBar/index.axml
index 75daac3cc..79b081b75 100644
--- a/demo/pages/IndexBar/index.axml
+++ b/demo/pages/IndexBar/index.axml
@@ -1,6 +1,6 @@
 <view class="base">
   <list header="基本使用"></list>
   <view class="indexbar">
-    <index-bar items="{{items}}"/>
+    <index-bar items="{{items}}" />
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/IndexBarScrollView/index.axml b/demo/pages/IndexBarScrollView/index.axml
index db24df8de..9c55c4309 100644
--- a/demo/pages/IndexBarScrollView/index.axml
+++ b/demo/pages/IndexBarScrollView/index.axml
@@ -6,10 +6,12 @@
     onChange="onChange">
     <view slot-scope="props">
       <list header="{{props.value.label}}">
-        <list-item a:for="{{4}}" a:for-item="itemX">
+        <list-item
+          a:for="{{4}}"
+          a:for-item="itemX">
           {{props.value.label}}-{{itemX}}
         </list-item>
       </list>
     </view>
   </index-bar>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/InputTextarea/index.axml b/demo/pages/InputTextarea/index.axml
index 32afd28e2..87f9d654a 100644
--- a/demo/pages/InputTextarea/index.axml
+++ b/demo/pages/InputTextarea/index.axml
@@ -2,8 +2,7 @@
   <textarea
     placeholder="请输入内容"
     autoHeight
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 
 <container title="初始值">
@@ -11,24 +10,20 @@
     placeholder="请输入内容"
     defaultValue="这是antd mini小程序组件"
     autoHeight
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 
 <container title="带清除按钮">
   <textarea
     placeholder="请输入内容"
     autoHeight
-    allowClear
-  >
-  </textarea>
+    allowClear></textarea>
 </container>
 
 <container title="禁用状态">
   <textarea
     placeholder="被禁用的输入框"
-    disabled
-  />
+    disabled />
 </container>
 
 <container title="受控模式">
@@ -37,9 +32,13 @@
     placeholder="请输入内容"
     allowClear
     onChange="handleChange"
-    onClear="clear"
-  />
-  <button onTap="clear" inline size="small">clear</button>
+    onClear="clear" />
+  <button
+    onTap="clear"
+    inline
+    size="small">
+    clear
+  </button>
 </container>
 
 <container title="非受控模式通过ref修改input">
@@ -47,10 +46,12 @@
     placeholder="请输入内容"
     allowClear
     onChange="onChange"
-    ref="handleRef"
-  />
+    ref="handleRef" />
   <view>
-    <button inline onTap="clearByInputRef">clear</button>
+    <button
+      inline
+      onTap="clearByInputRef">
+      clear
+    </button>
   </view>
 </container>
-
diff --git a/demo/pages/List/index.axml b/demo/pages/List/index.axml
index 476392f9d..7c301adf3 100644
--- a/demo/pages/List/index.axml
+++ b/demo/pages/List/index.axml
@@ -1,32 +1,57 @@
 <view>
-  <list header="基础用法"  radius="{{radius}}">
+  <list
+    header="基础用法"
+    radius="{{radius}}">
     <list-item>1</list-item>
     <list-item>2</list-item>
     <list-item>3</list-item>
   </list>
-  <list header="可点击列表"  radius="{{radius}}">
-    <list-item image="PayCircleOutline" arrow="right" onTap="handleTap" data-info="总资产">总资产</list-item>
-    <list-item image="SetOutline" arrow="right" onTap="handleTap" data-info="设置">设置</list-item>
-    <list-item image="https://gw.alipayobjects.com/mdn/rms_ce4c6f/afts/img/A*XMCgSYx3f50AAAAAAAAAAABkARQnAQ" arrow="right" onTap="handleTap" data-info="图片">图片</list-item>
+  <list
+    header="可点击列表"
+    radius="{{radius}}">
+    <list-item
+      image="PayCircleOutline"
+      arrow="right"
+      onTap="handleTap"
+      data-info="总资产">
+      总资产
+    </list-item>
+    <list-item
+      image="SetOutline"
+      arrow="right"
+      onTap="handleTap"
+      data-info="设置">
+      设置
+    </list-item>
+    <list-item
+      image="https://gw.alipayobjects.com/mdn/rms_ce4c6f/afts/img/A*XMCgSYx3f50AAAAAAAAAAABkARQnAQ"
+      arrow="right"
+      onTap="handleTap"
+      data-info="图片">
+      图片
+    </list-item>
   </list>
-  <list 
-    radius="{{radius}}" 
+  <list
+    radius="{{radius}}"
     header="复杂布局">
     <list-item>
       圆角
-      <switch slot="extra" checked="{{radius}}" onChange="handleSetRadius"/>
+      <switch
+        slot="extra"
+        checked="{{radius}}"
+        onChange="handleSetRadius" />
     </list-item>
-    <list-item 
+    <list-item
       extraBrief="未开启"
       arrow="right">
-        大字号模式
+      大字号模式
     </list-item>
-    <list-item 
+    <list-item
       brief="管理已授权的产品和设备"
       arrow="{{item.arrow}}">
       授权管理
     </list-item>
-    <list-item 
+    <list-item
       title="标题"
       brief="描述信息"
       extra="次要信息"
@@ -35,13 +60,28 @@
       data-info="三行列表"
       arrow="right">
       三行列表
-      <icon slot="image" type="AlipaySquareFill" style="font-size:64px"/>
+      <icon
+        slot="image"
+        type="AlipaySquareFill"
+        style="font-size: 64px" />
     </list-item>
   </list>
-  <list 
-    radius="{{radius}}" 
+  <list
+    radius="{{radius}}"
     header="禁用状态">
-    <list-item disabled image="UnorderedListOutline" arrow="right" data-info="账单">账单</list-item>
-    <list-item disabled image="PayCircleOutline" arrow="right" data-info="总资产">总资产</list-item>
+    <list-item
+      disabled
+      image="UnorderedListOutline"
+      arrow="right"
+      data-info="账单">
+      账单
+    </list-item>
+    <list-item
+      disabled
+      image="PayCircleOutline"
+      arrow="right"
+      data-info="总资产">
+      总资产
+    </list-item>
   </list>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/Loading/index.axml b/demo/pages/Loading/index.axml
index 12a1f888d..006cffe65 100644
--- a/demo/pages/Loading/index.axml
+++ b/demo/pages/Loading/index.axml
@@ -1,27 +1,45 @@
-<container title="基础用法-spin" class="container">
+<container
+  title="基础用法-spin"
+  class="container">
   <view class="list">
     <loading type="spin" />
   </view>
 </container>
 
-<container title="基础用法-mini" class="container">
+<container
+  title="基础用法-mini"
+  class="container">
   <view class="list">
     <loading type="mini" />
   </view>
 </container>
 
-<container title="spin大小" class="container">
+<container
+  title="spin大小"
+  class="container">
   <view class="list">
-    <loading type="spin" size="x-large" />
-    <loading type="spin" size="large" />
-    <loading type="spin" size="medium" />
-    <loading type="spin" size="small" />
+    <loading
+      type="spin"
+      size="x-large" />
+    <loading
+      type="spin"
+      size="large" />
+    <loading
+      type="spin"
+      size="medium" />
+    <loading
+      type="spin"
+      size="small" />
   </view>
 </container>
 
-<container title="自定义颜色" class="container">
+<container
+  title="自定义颜色"
+  class="container">
   <view class="list">
-    <loading type="mini" color="#1677ff" />
+    <loading
+      type="mini"
+      color="#1677ff" />
     <loading color="#1677ff" />
     <loading color="#34B368" />
     <loading color="#ff8f1f" />
@@ -29,10 +47,12 @@
   </view>
 </container>
 
-<container title="自定义大小" class="container">
+<container
+  title="自定义大小"
+  class="container">
   <view class="list">
-    <loading style="width: 40px; height: 40px;" />
-    <loading style="width: 30px; height: 30px;" />
+    <loading style="width: 40px; height: 40px" />
+    <loading style="width: 30px; height: 30px" />
     <loading className="custom-size" />
   </view>
 </container>
diff --git a/demo/pages/Modal/index.axml b/demo/pages/Modal/index.axml
index 2286b2ac6..14fb1f527 100644
--- a/demo/pages/Modal/index.axml
+++ b/demo/pages/Modal/index.axml
@@ -3,16 +3,14 @@
   visible="{{basicVisible}}"
   onClose="handleClose"
   primaryButtonText="我知道了"
-  onPrimaryButtonTap="handlePrimaryButtonTap"
-/>
+  onPrimaryButtonTap="handlePrimaryButtonTap" />
 <modal
   title="带标题的弹窗"
   content="人在天边月上明"
   visible="{{withTitleVisible}}"
   onClose="handleClose"
   primaryButtonText="我知道了"
-  onPrimaryButtonTap="handlePrimaryButtonTap"
-/>
+  onPrimaryButtonTap="handlePrimaryButtonTap" />
 <modal
   title="确定删除吗？"
   content="删除后无法恢复"
@@ -21,8 +19,7 @@
   primaryButtonText="确定"
   secondaryButtonText="取消"
   onPrimaryButtonTap="handlePrimaryButtonTap"
-  onSecondaryButtonTap="handleSecondaryButtonTap"
-/>
+  onSecondaryButtonTap="handleSecondaryButtonTap" />
 <modal
   title="标题"
   content="人在天边月上明"
@@ -33,8 +30,7 @@
   cancelButtonText="取消"
   onPrimaryButtonTap="handlePrimaryButtonTap"
   onSecondaryButtonTap="handleSecondaryButtonTap"
-  onCancelButtonTap="handleSecondaryButtonTap"
-/>
+  onCancelButtonTap="handleSecondaryButtonTap" />
 <modal
   title="强调模式"
   content="主操作按钮是Button，右上角可有关闭按钮，是用来强调让用户去注意到主操作"
@@ -42,8 +38,7 @@
   visible="{{focusOneVisible}}"
   onClose="handleClose"
   primaryButtonText="我知道了"
-  onPrimaryButtonTap="handlePrimaryButtonTap"
-/>
+  onPrimaryButtonTap="handlePrimaryButtonTap" />
 <modal
   title="强调模式"
   content="主操作按钮是Button，右上角可有关闭按钮，是用来强调让用户去注意到主操作"
@@ -53,8 +48,7 @@
   primaryButtonText="我知道了"
   secondaryButtonText="辅助操作"
   onPrimaryButtonTap="handlePrimaryButtonTap"
-  onSecondaryButtonTap="handleSecondaryButtonTap"
-/>
+  onSecondaryButtonTap="handleSecondaryButtonTap" />
 <modal
   title="强调模式"
   content="主操作按钮是Button，右上角可有关闭按钮，是用来强调让用户去注意到主操作"
@@ -66,8 +60,7 @@
   cancelButtonText="取消"
   onPrimaryButtonTap="handlePrimaryButtonTap"
   onSecondaryButtonTap="handleSecondaryButtonTap"
-  onCancelButtonTap="handleSecondaryButtonTap"
-/>
+  onCancelButtonTap="handleSecondaryButtonTap" />
 <modal
   title="确定删除吗？"
   content="删除后无法恢复"
@@ -77,28 +70,76 @@
   primaryButtonStyle="color:red;"
   secondaryButtonText="取消"
   onPrimaryButtonTap="handlePrimaryButtonTap"
-  onSecondaryButtonTap="handleSecondaryButtonTap"
-/>
-<modal 
-  visible="{{customBodyVisible}}" 
+  onSecondaryButtonTap="handleSecondaryButtonTap" />
+<modal
+  visible="{{customBodyVisible}}"
   onClose="handleClose">
   <view class="body">
-    <image mode="scaleToFill" src="https://mdn.alipayobjects.com/huamei_yujk1o/afts/img/A*xYjqRJiKsvoAAAAAAAAAAAAADuaJAQ/original" class="bodyImg"/>
-    <view class="bodyAction"><icon type="CloseCircleOutline" onTap="handleClose"/></view>
+    <image
+      mode="scaleToFill"
+      src="https://mdn.alipayobjects.com/huamei_yujk1o/afts/img/A*xYjqRJiKsvoAAAAAAAAAAAAADuaJAQ/original"
+      class="bodyImg" />
+    <view class="bodyAction">
+      <icon
+        type="CloseCircleOutline"
+        onTap="handleClose" />
+    </view>
   </view>
 </modal>
-<container title="基础用法" class="list">
-  <button data-field="basicVisible" onTap="handleOpen">最简单的弹框</button>
-  <button data-field="withTitleVisible" onTap="handleOpen">带有标题</button>
-  <button data-field="basicTwoVisible" onTap="handleOpen">带辅助按钮</button>
-  <button data-field="basicThreeVisible" onTap="handleOpen">带辅助和取消按钮</button>
+<container
+  title="基础用法"
+  class="list">
+  <button
+    data-field="basicVisible"
+    onTap="handleOpen">
+    最简单的弹框
+  </button>
+  <button
+    data-field="withTitleVisible"
+    onTap="handleOpen">
+    带有标题
+  </button>
+  <button
+    data-field="basicTwoVisible"
+    onTap="handleOpen">
+    带辅助按钮
+  </button>
+  <button
+    data-field="basicThreeVisible"
+    onTap="handleOpen">
+    带辅助和取消按钮
+  </button>
+</container>
+<container
+  title="强调模式"
+  class="list">
+  <button
+    data-field="focusOneVisible"
+    onTap="handleOpen">
+    只有主按钮
+  </button>
+  <button
+    data-field="focusTwoVisible"
+    onTap="handleOpen">
+    带辅助按钮
+  </button>
+  <button
+    data-field="focusThreeVisible"
+    onTap="handleOpen">
+    带辅助和取消按钮
+  </button>
 </container>
-<container title="强调模式" class="list">
-  <button data-field="focusOneVisible" onTap="handleOpen">只有主按钮</button>
-  <button data-field="focusTwoVisible" onTap="handleOpen">带辅助按钮</button>
-  <button data-field="focusThreeVisible" onTap="handleOpen">带辅助和取消按钮</button>
+<container
+  title="自定义"
+  class="list">
+  <button
+    data-field="customVisible"
+    onTap="handleOpen">
+    自定义按钮样式
+  </button>
+  <button
+    data-field="customBodyVisible"
+    onTap="handleOpen">
+    完全自定义内容区
+  </button>
 </container>
-<container title="自定义" class="list">
-  <button data-field="customVisible" onTap="handleOpen">自定义按钮样式</button>
-  <button data-field="customBodyVisible" onTap="handleOpen">完全自定义内容区</button>
-</container>
\ No newline at end of file
diff --git a/demo/pages/NoticeBar/index.axml b/demo/pages/NoticeBar/index.axml
index 163e72fb8..2319be338 100644
--- a/demo/pages/NoticeBar/index.axml
+++ b/demo/pages/NoticeBar/index.axml
@@ -1,14 +1,14 @@
 <container title="基础用法">
-  <notice 
+  <notice
     a:for="{{ typeList }}"
-    style="margin-bottom:8px"
+    style="margin-bottom: 8px"
     type="{{item}}">
     {{item}}
   </notice>
 </container>
 
 <container title="可关闭通告栏">
-  <notice 
+  <notice
     onTap="handleClose"
     mode="closeable">
     这条通知可以关闭
@@ -16,10 +16,10 @@
 </container>
 
 <container title="可滚动通告栏">
-  <notice 
+  <notice
     a:for="{{typeList}}"
     type="{{item}}"
-    style="margin-bottom:8px"
+    style="margin-bottom: 8px"
     enableMarquee="{{true}}"
     loop="{{true}}"
     onTap="handleTapLink"
@@ -29,33 +29,34 @@
 </container>
 
 <container title="自定义通告栏">
-  <notice 
-    style="margin-bottom:8px">
+  <notice style="margin-bottom: 8px">
     不展示图标
-    <view slot="icon"/>
+    <view slot="icon" />
   </notice>
-  <notice 
+  <notice
     type="primary"
     icon="GlobalOutline"
-    style="margin-bottom:8px"
+    style="margin-bottom: 8px"
     mode="link">
     自定义左侧图标
   </notice>
-  <notice 
+  <notice
     type="primary"
     icon="https://gw.alipayobjects.com/mdn/rms_ce4c6f/afts/img/A*XMCgSYx3f50AAAAAAAAAAABkARQnAQ"
-    style="margin-bottom:8px"
+    style="margin-bottom: 8px"
     mode="link">
     自定义左侧图标图片
   </notice>
-  <notice 
+  <notice
     mode="link"
-    style="margin-bottom:8px"
+    style="margin-bottom: 8px"
     onTap="handleTapLink">
     自定义右侧按钮
-    <view slot="extra" class="extra">
+    <view
+      slot="extra"
+      class="extra">
       <view onTap="handleTapAction">不再提示</view>
       <view onTap="handleTapAction">查看详情</view>
     </view>
   </notice>
-</container>
\ No newline at end of file
+</container>
diff --git a/demo/pages/NumberKeyboard/index.axml b/demo/pages/NumberKeyboard/index.axml
index 7d623e4f1..bc22cceb4 100644
--- a/demo/pages/NumberKeyboard/index.axml
+++ b/demo/pages/NumberKeyboard/index.axml
@@ -1,42 +1,43 @@
 <list header="基础使用">
-
   <list-item onTap="onTap">默认键盘</list-item>
-  <number-keyboard visible="{{visible}}" onClose="onTap"/>
+  <number-keyboard
+    visible="{{visible}}"
+    onClose="onTap" />
 
   <list-item onTap="onTap1">没有小数点</list-item>
   <number-keyboard
     point="{{false}}"
     visible="{{visible1}}"
-    onClose="onTap1"
-  />
+    onClose="onTap1" />
 
   <list-item onTap="onTap2">带确认按钮</list-item>
   <number-keyboard
     confirmText="确认"
     visible="{{visible2}}"
-    onClose="onTap2"
-  />
+    onClose="onTap2" />
 
   <list-item onTap="onTap3">带关闭箭头</list-item>
   <number-keyboard
     closeable="{{true}}"
     visible="{{visible3}}"
-    onClose="onTap3"
-  />
+    onClose="onTap3" />
 
   <list-item onTap="onTap4">乱序键盘</list-item>
   <number-keyboard
     random="{{true}}"
     visible="{{visible4}}"
-    onClose="onTap4"
-  />
-
+    onClose="onTap4" />
 </list>
 <list header="自定义按钮">
-
   <list-item onTap="onTap6">自定义标题</list-item>
-  <number-keyboard visible="{{visible6}}" onClose="onTap6">
-    <view slot="header" class="number-keyboard-header">支付宝安全键盘</view>
+  <number-keyboard
+    visible="{{visible6}}"
+    onClose="onTap6">
+    <view
+      slot="header"
+      class="number-keyboard-header">
+      支付宝安全键盘
+    </view>
   </number-keyboard>
 
   <list-item onTap="onTap7">自定义确认按钮</list-item>
@@ -44,8 +45,10 @@
     confirmText="确认"
     visible="{{visible7}}"
     onClose="onTap7">
-    <view slot="confirm" class="number-keyboard-confirm">
-      <icon type="DownOutline"  />
+    <view
+      slot="confirm"
+      class="number-keyboard-confirm">
+      <icon type="DownOutline" />
     </view>
   </number-keyboard>
 </list>
diff --git a/demo/pages/NumberKeyboardAmount/index.axml b/demo/pages/NumberKeyboardAmount/index.axml
index 86af82e6a..72cfb5134 100644
--- a/demo/pages/NumberKeyboardAmount/index.axml
+++ b/demo/pages/NumberKeyboardAmount/index.axml
@@ -2,15 +2,17 @@
   <list-item>
     <view
       class="number-content {{ value ? '' : 'number-placeholder'}}"
-      catchTap="onAmountFocus"
-    >
+      catchTap="onAmountFocus">
       <text a:if="{{value}}">{{ value }}</text>
-      <text a:else class="number-content-tip">0.00</text>
+      <text
+        a:else
+        class="number-content-tip">
+        0.00
+      </text>
       <view
         a:if="{{visible}}"
         class="number-light"
-        style="{{{position: value ? 'static' : 'absolute'}}}"
-      />
+        style="{{{position: value ? 'static' : 'absolute'}}}" />
     </view>
   </list-item>
   <number-keyboard
@@ -18,6 +20,5 @@
     closeable="{{true}}"
     value="{{value}}"
     onChange="onChange"
-    onClose="onClose"
-  />
-</list>
\ No newline at end of file
+    onClose="onClose" />
+</list>
diff --git a/demo/pages/NumberKeyboardCode/index.axml b/demo/pages/NumberKeyboardCode/index.axml
index 3a1a9c9ab..add9e328f 100644
--- a/demo/pages/NumberKeyboardCode/index.axml
+++ b/demo/pages/NumberKeyboardCode/index.axml
@@ -1,12 +1,16 @@
 <list header="数字键盘示例：验证码">
   <list-item>
-    <view class="number-code" catchTap="onCodeFocus">
+    <view
+      class="number-code"
+      catchTap="onCodeFocus">
       <view
         a:for="{{4}}"
         a:for-index="index"
         class="number-code-view {{ visible && value.length === index ? 'number-code-border' : '' }}">
-          {{value[index] || ''}}
-          <view a:if="{{visible && value.length === index}}" class="number-code-tip"/>
+        {{value[index] || ''}}
+        <view
+          a:if="{{visible && value.length === index}}"
+          class="number-code-tip" />
       </view>
     </view>
   </list-item>
@@ -16,6 +20,5 @@
     closeable="{{true}}"
     value="{{value}}"
     onChange="onChange"
-    onClose="onClose"
-  />
-</list>
\ No newline at end of file
+    onClose="onClose" />
+</list>
diff --git a/demo/pages/NumberKeyboardNumber/index.axml b/demo/pages/NumberKeyboardNumber/index.axml
index 0d0c96cc4..61c7800ca 100644
--- a/demo/pages/NumberKeyboardNumber/index.axml
+++ b/demo/pages/NumberKeyboardNumber/index.axml
@@ -2,15 +2,17 @@
   <list-item>
     <view
       class="number-content {{ value ? '' : 'number-placeholder'}}"
-      catchTap="onNumberFocus"
-    >
+      catchTap="onNumberFocus">
       <text a:if="{{value}}">{{ value }}</text>
-      <text a:else class="number-content-tip">0.00</text>
+      <text
+        a:else
+        class="number-content-tip">
+        0.00
+      </text>
       <view
         a:if="{{visible}}"
         class="number-light"
-        style="{{{position: value ? 'static' : 'absolute'}}}"
-      />
+        style="{{{position: value ? 'static' : 'absolute'}}}" />
     </view>
   </list-item>
   <number-keyboard
@@ -19,6 +21,5 @@
     closeable="{{true}}"
     value="{{value}}"
     onChange="onChange"
-    onClose="onClose"
-  />
-</list>
\ No newline at end of file
+    onClose="onClose" />
+</list>
diff --git a/demo/pages/Picker/index.axml b/demo/pages/Picker/index.axml
index a5b88ab04..108eef6e0 100644
--- a/demo/pages/Picker/index.axml
+++ b/demo/pages/Picker/index.axml
@@ -1,7 +1,7 @@
 <list header="基础用法">
   <list-item>
     选择城市
-    <picker 
+    <picker
       slot="extra"
       onCancel="handleDismissPicker"
       onVisibleChange="handleTriggerPicker"
@@ -10,12 +10,11 @@
       placeholder="请选择"
       title="请选择"
       onChange="handleChange"
-      options="{{list}}">
-    </picker>
+      options="{{list}}"></picker>
   </list-item>
   <list-item>
     选择城市（点击蒙层关闭）
-    <picker 
+    <picker
       slot="extra"
       onCancel="handleDismissPicker"
       onVisibleChange="handleTriggerPicker"
@@ -25,31 +24,38 @@
       title="请选择"
       onChange="handleChange"
       maskClosable
-      options="{{list}}">
-    </picker>
+      options="{{list}}"></picker>
   </list-item>
 </list>
 <list header="受控模式">
   <list-item>
     选择城市
-    <picker 
+    <picker
       slot="extra"
       onOk="handleControlledOk"
       value="{{value}}"
       placeholder="请选择"
       title="请选择"
-      options="{{list}}">
-    </picker>
+      options="{{list}}"></picker>
   </list-item>
   <view class="btn-wrapper">
-    <button inline onTap="handleChangeControlled" style="margin-right:8px">选择深圳</button>
-    <button inline onTap="handleClearControlled">清空</button>
+    <button
+      inline
+      onTap="handleChangeControlled"
+      style="margin-right: 8px">
+      选择深圳
+    </button>
+    <button
+      inline
+      onTap="handleClearControlled">
+      清空
+    </button>
   </view>
 </list>
-<list header="对象用法" >
+<list header="对象用法">
   <list-item>
     选择日期
-    <picker 
+    <picker
       slot="extra"
       onCancel="handleDismissPicker"
       onVisibleChange="handleTriggerPicker"
@@ -57,17 +63,14 @@
       placeholder="请选择"
       title="请选择"
       onChange="handleChange"
-      options="{{weekList}}">
-    </picker>
+      options="{{weekList}}"></picker>
   </list-item>
 </list>
 
-
-
 <list header="多列复杂类型数据">
   <list-item>
     请选择时间
-    <picker 
+    <picker
       slot="extra"
       placeholder="请选择"
       onVisibleChange="handleTriggerPicker"
@@ -75,7 +78,6 @@
       header="请选择"
       onOk="handleOk"
       onFormat="formatTime"
-      options="{{columns}}">
-    </picker>
+      options="{{columns}}"></picker>
   </list-item>
 </list>
diff --git a/demo/pages/Popover/index.axml b/demo/pages/Popover/index.axml
index b79ef8eb7..6123a3512 100644
--- a/demo/pages/Popover/index.axml
+++ b/demo/pages/Popover/index.axml
@@ -1,44 +1,61 @@
 <container title="基础用法">
   <popover content="prompt">
-    <button size="small" inline>点我</button>
+    <button
+      size="small"
+      inline>
+      点我
+    </button>
   </popover>
 </container>
 
 <container title="基础用法-回调函数">
-  <popover content="prompt" placement="top" onVisibleChange="onVisibleChange">
+  <popover
+    content="prompt"
+    placement="top"
+    onVisibleChange="onVisibleChange">
     <button>点我</button>
   </popover>
 </container>
 
 <container title="自定义颜色">
   <view class="custom">
-    <popover content="红色" color="red">
+    <popover
+      content="红色"
+      color="red">
       <text>点我红色</text>
     </popover>
 
-    <popover content="蓝色" color="blue">
+    <popover
+      content="蓝色"
+      color="blue">
       <text>点我蓝色</text>
     </popover>
-
   </view>
 </container>
 
-
 <container title="点击icon查看">
   查看说明
-  <popover content="说明" style="display: inline-block">
+  <popover
+    content="说明"
+    style="display: inline-block">
     <icon type="QuestionCircleOutline" />
   </popover>
 </container>
 
 <container title="自定义位置">
   <view class="custom">
-    <popover a:for="{{placements}}" placement="{{item}}">
-      <button size="small" inline>
+    <popover
+      a:for="{{placements}}"
+      placement="{{item}}">
+      <button
+        size="small"
+        inline>
         <view>点我</view>
         {{item}}
       </button>
-      <view slot="content" className="content">
+      <view
+        slot="content"
+        className="content">
         {{item}}
       </view>
     </popover>
@@ -46,16 +63,31 @@
 </container>
 
 <container title="自定义mask">
-  <popover content="prompt" maskStyle="background: rgba(0, 0, 0, 0.6);">
-    <button size="small" inline>点我</button>
+  <popover
+    content="prompt"
+    maskStyle="background: rgba(0, 0, 0, 0.6);">
+    <button
+      size="small"
+      inline>
+      点我
+    </button>
   </popover>
 </container>
 
 <container title="受控">
-  <popover content="prompt" placement="right" showMask="{{false}}" visible="{{visible}}">
+  <popover
+    content="prompt"
+    placement="right"
+    showMask="{{false}}"
+    visible="{{visible}}">
     <text>点击按钮修改visible</text>
   </popover>
 
-  <button size="small" inline onTap="handleVisibleChange" style="margin-top: 8px;">change visible</button>
+  <button
+    size="small"
+    inline
+    onTap="handleVisibleChange"
+    style="margin-top: 8px">
+    change visible
+  </button>
 </container>
-
diff --git a/demo/pages/PopoverList/index.axml b/demo/pages/PopoverList/index.axml
index 2459133d0..42b0a1f96 100644
--- a/demo/pages/PopoverList/index.axml
+++ b/demo/pages/PopoverList/index.axml
@@ -1,29 +1,34 @@
-<popover 
+<popover
   placement="bottom-right"
   visible="{{visible}}"
   onVisibleChange="handleVisibleChange"
-  color="#fff"
->
-  <button inline style="margin: 20px;">点我</button>
-  <list slot="content" className="popover">
+  color="#fff">
+  <button
+    inline
+    style="margin: 20px">
+    点我
+  </button>
+  <list
+    slot="content"
+    className="popover">
     <list-item
       onTap="handleTapItem"
       image="ScanningOutline">
       扫一扫
     </list-item>
 
-    <list-item 
+    <list-item
       onTap="handleTapItem"
       image="ReceivePaymentOutline">
       付钱/收钱
     </list-item>
 
-    <list-item 
+    <list-item
       onTap="handleTapItem"
       image="TransportQRcodeOutline">
       乘车码
     </list-item>
-    <list-item 
+    <list-item
       onTap="handleTapItem"
       image="{{url}}">
       图片
diff --git a/demo/pages/Popup/index.axml b/demo/pages/Popup/index.axml
index 5cc11cc7f..4d7dfcd19 100644
--- a/demo/pages/Popup/index.axml
+++ b/demo/pages/Popup/index.axml
@@ -1,45 +1,131 @@
-<popup 
-  visible="{{basicVisible}}" 
-  height="{{250}}" 
-  width="{{250}}" 
-  position="{{position}}" 
-  animation="{{animation}}" 
+<popup
+  visible="{{basicVisible}}"
+  height="{{250}}"
+  width="{{250}}"
+  position="{{position}}"
+  animation="{{animation}}"
   onClose="handlePopupClose">
-  <view style="padding:12px">
+  <view style="padding: 12px">
     从屏幕滑出或弹出一块自定义内容区，用于展示弹窗、信息提示、选择输入、切换等内容。
   </view>
 </popup>
-<popup 
-  visible="{{closeVisile}}" 
-  height="{{250}}"  
-  position="bottom" 
-  animation="{{animation}}" 
+<popup
+  visible="{{closeVisile}}"
+  height="{{250}}"
+  position="bottom"
+  animation="{{animation}}"
   onClose="handlePopupClose">
-  <view style="padding:12px">
+  <view style="padding: 12px">
     从屏幕滑出或弹出一块自定义内容区，用于展示弹窗、信息提示、选择输入、切换等内容。
   </view>
-  <icon  style="position:absolute;right:12px;top:12px;" type="CloseOutline" onTap="handlePopupClose" />
+  <icon
+    style="position: absolute; right: 12px; top: 12px"
+    type="CloseOutline"
+    onTap="handlePopupClose" />
 </popup>
-<popup 
-  visible="{{scrollVisible}}" 
-  position="bottom" 
-  animation="{{animation}}" 
+<popup
+  visible="{{scrollVisible}}"
+  position="bottom"
+  animation="{{animation}}"
   onClose="handlePopupClose">
-  <scroll-view scroll-y style="padding:12px;height:300px" disable-lower-scroll="out-of-bounds" disable-upper-scroll="out-of-bounds">
-    Ea consectetur ipsum consequat exercitation laboris excepteur pariatur excepteur labore dolor cillum tempor esse. Ad adipisicing nostrud fugiat eu mollit. Proident nisi voluptate sunt ea laboris Lorem ullamco deserunt aute incididunt cillum tempor duis est. Elit voluptate laboris laborum anim exercitation consequat laboris ad. Quis ad enim fugiat. Aliqua reprehenderit irure non esse consequat laborum ea ut minim ex ea cillum. Dolore dolore proident laboris occaecat pariatur eu ad. Velit mollit aliqua do. Sunt enim tempor deserunt nostrud ut et. Sunt ad sit eiusmod ipsum ad non in sit veniam. Consectetur do id excepteur et aute. Commodo duis ea sit occaecat nisi dolore aliquip laborum esse minim. Officia veniam deserunt id cupidatat consectetur nisi cillum pariatur qui dolor veniam sit. Nostrud elit irure cupidatat esse ad ipsum. Consectetur culpa et et enim mollit officia in elit ipsum. Dolor et veniam labore excepteur magna magna in. Dolore voluptate eiusmod et. Esse fugiat irure excepteur duis tempor minim. Officia enim incididunt magna dolore exercitation occaecat et do et in duis deserunt excepteur. Cupidatat magna officia commodo reprehenderit anim qui laborum duis reprehenderit voluptate quis veniam. Consequat pariatur in magna Lorem eiusmod cupidatat qui est Lorem tempor qui anim aliquip duis. Laborum occaecat est laborum qui deserunt incididunt laborum cillum eu nostrud in deserunt culpa mollit. Nisi reprehenderit non duis qui elit eu dolore pariatur duis laboris exercitation minim nulla adipisicing et. Fugiat ad commodo enim eiusmod sint aliquip Lorem. Reprehenderit cillum dolor deserunt adipisicing commodo qui magna consectetur est ut Lorem sint. Cillum dolor enim incididunt excepteur cupidatat mollit deserunt deserunt ullamco cillum nostrud duis excepteur non. Excepteur sit consectetur ut laborum consequat culpa aute id aute et. Eiusmod Lorem esse pariatur culpa officia minim eu magna irure. Minim adipisicing quis excepteur irure est exercitation dolore exercitation id tempor fugiat pariatur eu Lorem. Nostrud incididunt laboris irure et aliqua reprehenderit anim enim occaecat aliqua. Nostrud adipisicing nisi enim aliqua enim sint sunt ad qui irure amet aute. Quis esse cillum commodo laboris adipisicing mollit cillum est amet velit cupidatat proident. Voluptate adipisicing dolore consequat officia culpa in fugiat consectetur velit. Minim ex aliqua proident irure. Aliquip magna reprehenderit laborum elit proident culpa sint occaecat sunt sint adipisicing adipisicing anim. Eu nisi anim in laboris voluptate. Sit ullamco adipisicing fugiat ad adipisicing excepteur esse exercitation nostrud ipsum nostrud. Deserunt sunt irure id mollit anim aliquip ullamco amet laborum nisi. Sit consequat consequat ullamco voluptate do sit nisi quis laboris tempor amet mollit sint. Incididunt mollit eu anim eiusmod ea cupidatat veniam aliquip. Tempor ea elit amet ea. Et proident occaecat id. Sunt sunt cillum ut sunt ea voluptate ea sit amet minim deserunt pariatur ullamco. Commodo nostrud excepteur non id dolore minim anim anim tempor qui duis. Quis occaecat pariatur reprehenderit anim reprehenderit cillum mollit aliqua sit anim cillum ut. Enim eiusmod quis sit consequat consectetur. Reprehenderit ex elit sit adipisicing dolor eiusmod occaecat duis culpa. Ex laboris exercitation occaecat exercitation commodo proident esse. Tempor voluptate mollit amet ex ea occaecat adipisicing. Minim quis voluptate labore reprehenderit commodo. Pariatur ex sit aliquip minim ea sunt. Lorem et velit veniam ut sunt deserunt mollit eu in nostrud tempor. Aliqua nisi duis duis excepteur et quis quis proident do cillum dolor. Labore cupidatat eiusmod voluptate cupidatat anim ad do pariatur sunt quis. Occaecat cillum eu non enim dolor nulla aliqua minim amet tempor irure reprehenderit reprehenderit laboris quis. Laboris ullamco excepteur ut fugiat sunt. Labore ex culpa incididunt sint minim velit sunt non et laborum consectetur eu. Ullamco magna dolore reprehenderit amet do. Nisi exercitation esse deserunt exercitation deserunt ex eu ea cillum magna adipisicing. Incididunt adipisicing aute voluptate deserunt fugiat nostrud nostrud. Id nostrud do cupidatat quis ea sint anim duis labore proident minim excepteur dolor proident elit.
+  <scroll-view
+    scroll-y
+    style="padding: 12px; height: 300px"
+    disable-lower-scroll="out-of-bounds"
+    disable-upper-scroll="out-of-bounds">
+    Ea consectetur ipsum consequat exercitation laboris excepteur pariatur
+    excepteur labore dolor cillum tempor esse. Ad adipisicing nostrud fugiat eu
+    mollit. Proident nisi voluptate sunt ea laboris Lorem ullamco deserunt aute
+    incididunt cillum tempor duis est. Elit voluptate laboris laborum anim
+    exercitation consequat laboris ad. Quis ad enim fugiat. Aliqua reprehenderit
+    irure non esse consequat laborum ea ut minim ex ea cillum. Dolore dolore
+    proident laboris occaecat pariatur eu ad. Velit mollit aliqua do. Sunt enim
+    tempor deserunt nostrud ut et. Sunt ad sit eiusmod ipsum ad non in sit
+    veniam. Consectetur do id excepteur et aute. Commodo duis ea sit occaecat
+    nisi dolore aliquip laborum esse minim. Officia veniam deserunt id cupidatat
+    consectetur nisi cillum pariatur qui dolor veniam sit. Nostrud elit irure
+    cupidatat esse ad ipsum. Consectetur culpa et et enim mollit officia in elit
+    ipsum. Dolor et veniam labore excepteur magna magna in. Dolore voluptate
+    eiusmod et. Esse fugiat irure excepteur duis tempor minim. Officia enim
+    incididunt magna dolore exercitation occaecat et do et in duis deserunt
+    excepteur. Cupidatat magna officia commodo reprehenderit anim qui laborum
+    duis reprehenderit voluptate quis veniam. Consequat pariatur in magna Lorem
+    eiusmod cupidatat qui est Lorem tempor qui anim aliquip duis. Laborum
+    occaecat est laborum qui deserunt incididunt laborum cillum eu nostrud in
+    deserunt culpa mollit. Nisi reprehenderit non duis qui elit eu dolore
+    pariatur duis laboris exercitation minim nulla adipisicing et. Fugiat ad
+    commodo enim eiusmod sint aliquip Lorem. Reprehenderit cillum dolor deserunt
+    adipisicing commodo qui magna consectetur est ut Lorem sint. Cillum dolor
+    enim incididunt excepteur cupidatat mollit deserunt deserunt ullamco cillum
+    nostrud duis excepteur non. Excepteur sit consectetur ut laborum consequat
+    culpa aute id aute et. Eiusmod Lorem esse pariatur culpa officia minim eu
+    magna irure. Minim adipisicing quis excepteur irure est exercitation dolore
+    exercitation id tempor fugiat pariatur eu Lorem. Nostrud incididunt laboris
+    irure et aliqua reprehenderit anim enim occaecat aliqua. Nostrud adipisicing
+    nisi enim aliqua enim sint sunt ad qui irure amet aute. Quis esse cillum
+    commodo laboris adipisicing mollit cillum est amet velit cupidatat proident.
+    Voluptate adipisicing dolore consequat officia culpa in fugiat consectetur
+    velit. Minim ex aliqua proident irure. Aliquip magna reprehenderit laborum
+    elit proident culpa sint occaecat sunt sint adipisicing adipisicing anim. Eu
+    nisi anim in laboris voluptate. Sit ullamco adipisicing fugiat ad
+    adipisicing excepteur esse exercitation nostrud ipsum nostrud. Deserunt sunt
+    irure id mollit anim aliquip ullamco amet laborum nisi. Sit consequat
+    consequat ullamco voluptate do sit nisi quis laboris tempor amet mollit
+    sint. Incididunt mollit eu anim eiusmod ea cupidatat veniam aliquip. Tempor
+    ea elit amet ea. Et proident occaecat id. Sunt sunt cillum ut sunt ea
+    voluptate ea sit amet minim deserunt pariatur ullamco. Commodo nostrud
+    excepteur non id dolore minim anim anim tempor qui duis. Quis occaecat
+    pariatur reprehenderit anim reprehenderit cillum mollit aliqua sit anim
+    cillum ut. Enim eiusmod quis sit consequat consectetur. Reprehenderit ex
+    elit sit adipisicing dolor eiusmod occaecat duis culpa. Ex laboris
+    exercitation occaecat exercitation commodo proident esse. Tempor voluptate
+    mollit amet ex ea occaecat adipisicing. Minim quis voluptate labore
+    reprehenderit commodo. Pariatur ex sit aliquip minim ea sunt. Lorem et velit
+    veniam ut sunt deserunt mollit eu in nostrud tempor. Aliqua nisi duis duis
+    excepteur et quis quis proident do cillum dolor. Labore cupidatat eiusmod
+    voluptate cupidatat anim ad do pariatur sunt quis. Occaecat cillum eu non
+    enim dolor nulla aliqua minim amet tempor irure reprehenderit reprehenderit
+    laboris quis. Laboris ullamco excepteur ut fugiat sunt. Labore ex culpa
+    incididunt sint minim velit sunt non et laborum consectetur eu. Ullamco
+    magna dolore reprehenderit amet do. Nisi exercitation esse deserunt
+    exercitation deserunt ex eu ea cillum magna adipisicing. Incididunt
+    adipisicing aute voluptate deserunt fugiat nostrud nostrud. Id nostrud do
+    cupidatat quis ea sint anim duis labore proident minim excepteur dolor
+    proident elit.
   </scroll-view>
 </popup>
-<container title="弹出位置" class="list">
-  <button data-position="top" onTap="handleShowBasic">顶部弹出</button>
-  <button data-position="bottom" onTap="handleShowBasic">底部弹出</button>
-  <button data-position="left" onTap="handleShowBasic">左侧弹出</button>
-  <button data-position="right" onTap="handleShowBasic">右侧弹出</button>
+<container
+  title="弹出位置"
+  class="list">
+  <button
+    data-position="top"
+    onTap="handleShowBasic">
+    顶部弹出
+  </button>
+  <button
+    data-position="bottom"
+    onTap="handleShowBasic">
+    底部弹出
+  </button>
+  <button
+    data-position="left"
+    onTap="handleShowBasic">
+    左侧弹出
+  </button>
+  <button
+    data-position="right"
+    onTap="handleShowBasic">
+    右侧弹出
+  </button>
   <button onTap="handleShowClose">自定义弹窗内关闭</button>
   <button onTap="handleShowScroll">超长内容滚动</button>
 </container>
 <list>
   <list-item>
     开启过渡动画
-    <switch slot="extra" checked="{{animation}}" onChange="handleChangeAnimation" />
+    <switch
+      slot="extra"
+      checked="{{animation}}"
+      onChange="handleChangeAnimation" />
   </list-item>
-</list>
\ No newline at end of file
+</list>
diff --git a/demo/pages/ProgressCircle/index.axml b/demo/pages/ProgressCircle/index.axml
index b5ae85325..f6e468861 100644
--- a/demo/pages/ProgressCircle/index.axml
+++ b/demo/pages/ProgressCircle/index.axml
@@ -2,12 +2,20 @@
   <view class="line2">
     <progress
       type="circle"
-      percent="{{percent1}}"
-    />
+      percent="{{percent1}}" />
   </view>
   <view class="buttonwrapper">
-    <button inline style="margin-right:16rpx" onTap="handleDelete">减少</button>
-    <button inline onTap="handleAdd">增加</button>
+    <button
+      inline
+      style="margin-right: 16rpx"
+      onTap="handleDelete">
+      减少
+    </button>
+    <button
+      inline
+      onTap="handleAdd">
+      增加
+    </button>
   </view>
 </container>
 
@@ -16,13 +24,11 @@
     <progress
       type="circle"
       percent="{{percent2}}"
-      strokeWidth="{{12}}"
-    />
+      strokeWidth="{{12}}" />
     <progress
       type="circle"
       percent="{{percent2}}"
-      strokeWidth="{{2}}"
-    />
+      strokeWidth="{{2}}" />
   </view>
 </container>
 
@@ -31,32 +37,24 @@
     <progress
       type="circle"
       percent="{{percent3}}"
-      strokeColor='#00B578'
-    />
+      strokeColor="#00B578" />
     <progress
       type="circle"
       percent="{{percent3}}"
-      strokeColor='#FF8F1F'
-    />
+      strokeColor="#FF8F1F" />
   </view>
 </container>
 <container title="自定义提示文案">
   <view class="line2">
     <progress
       type="circle"
-      percent="{{percent5}}"
-    >
-      <view slot="indicator">
-        {{percent5}}GB
-      </view>
+      percent="{{percent5}}">
+      <view slot="indicator">{{percent5}}GB</view>
     </progress>
     <progress
       type="circle"
-      percent="{{percent5}}"
-    >
-      <view slot="indicator">
-        {{percent5}}步
-      </view>
+      percent="{{percent5}}">
+      <view slot="indicator">{{percent5}}步</view>
     </progress>
   </view>
 </container>
@@ -66,17 +64,14 @@
     <progress
       type="circle"
       percent="{{percent5}}"
-      width="{{80}}"
-    />
+      width="{{80}}" />
     <progress
       type="circle"
       percent="{{percent5}}"
-      width="{{100}}"
-    />
+      width="{{100}}" />
     <progress
       type="circle"
       percent="{{percent5}}"
-      width="{{120}}"
-    />
+      width="{{120}}" />
   </view>
 </container>
diff --git a/demo/pages/ProgressLine/index.axml b/demo/pages/ProgressLine/index.axml
index 94982a535..edc630a55 100644
--- a/demo/pages/ProgressLine/index.axml
+++ b/demo/pages/ProgressLine/index.axml
@@ -1,36 +1,61 @@
 <container title="控制进度">
   <progress percent="{{progress1}}" />
   <view class="buttonwrapper">
-    <button size="small" inline  style="margin-right:16rpx" onTap="handleDelete">减少</button>
-    <button size="small" inline  onTap="handleAdd">增加</button>
+    <button
+      size="small"
+      inline
+      style="margin-right: 16rpx"
+      onTap="handleDelete">
+      减少
+    </button>
+    <button
+      size="small"
+      inline
+      onTap="handleAdd">
+      增加
+    </button>
   </view>
 </container>
 
 <container title="语义进度条">
-  <progress status="success" percent="100" />
-  <progress status="exception" percent="50" />
+  <progress
+    status="success"
+    percent="100" />
+  <progress
+    status="exception"
+    percent="50" />
 </container>
 
 <container title="自定义进度条高度">
-  <progress percent="{{progress2}}" strokeWidth="15" />
+  <progress
+    percent="{{progress2}}"
+    strokeWidth="15" />
 </container>
 
 <container title="自定义颜色样式">
-  <progress percent="{{progress4}}" trailColor="#FFCF9F" />
-  <progress percent="{{progress4}}" strokeColor="#FFCF9F" />
+  <progress
+    percent="{{progress4}}"
+    trailColor="#FFCF9F" />
+  <progress
+    percent="{{progress4}}"
+    strokeColor="#FFCF9F" />
   <progress percent="{{progress4}}" />
 </container>
 
 <container title="自定义长度">
-  <progress percent="{{progress4}}" style="width:100%" />
-  <progress percent="{{progress4}}" style="width:70%" />
-  <progress percent="{{progress4}}" style="width:50%" />
+  <progress
+    percent="{{progress4}}"
+    style="width: 100%" />
+  <progress
+    percent="{{progress4}}"
+    style="width: 70%" />
+  <progress
+    percent="{{progress4}}"
+    style="width: 50%" />
 </container>
 
 <container title="自定义进度条指示器">
   <progress percent="{{progress3}}">
-    <text slot="indicator">
-      {{ progress3 / 100 * 200 }}步
-    </text>
+    <text slot="indicator">{{ progress3 / 100 * 200 }}步</text>
   </progress>
-</container>
\ No newline at end of file
+</container>
diff --git a/demo/pages/Radio/index.axml b/demo/pages/Radio/index.axml
index b9edb8500..f04727cb6 100644
--- a/demo/pages/Radio/index.axml
+++ b/demo/pages/Radio/index.axml
@@ -8,18 +8,25 @@
 
 <container title="禁用模式">
   <radio disabled>Radio1</radio>
-  <radio defaultChecked disabled>Radio2</radio>
+  <radio
+    defaultChecked
+    disabled>
+    Radio2
+  </radio>
 </container>
 
 <container title="自定义颜色">
-  <radio color="red" defaultChecked>Radio</radio>
+  <radio
+    color="red"
+    defaultChecked>
+    Radio
+  </radio>
 </container>
 
 <container title="控制模式">
   <radio
     checked="{{checked}}"
-    onChange="handleChange"
-  >
+    onChange="handleChange">
     Radio
   </radio>
 </container>
diff --git a/demo/pages/RadioGroup/index.axml b/demo/pages/RadioGroup/index.axml
index 4bd528cc7..d83d458d1 100644
--- a/demo/pages/RadioGroup/index.axml
+++ b/demo/pages/RadioGroup/index.axml
@@ -1,30 +1,26 @@
 <container title="基础用法">
   <radio-group
     options="{{options}}"
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 
 <container title="初始值">
   <radio-group
     defaultValue="banana"
     options="{{options}}"
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
 
 <container title="横向布局">
   <radio-group
     options="{{options}}"
-    position="horizontal"
-  />
+    position="horizontal" />
 </container>
 
 <container title="禁用模式-所有禁用">
   <radio-group
     options="{{options}}"
-    disabled
-  />
+    disabled />
 </container>
 
 <container title="禁用模式-其中有的禁用">
@@ -35,19 +31,18 @@
   <radio-group
     value="{{value}}"
     options="{{options}}"
-    onChange="handleChange"
-  />
+    onChange="handleChange" />
 </container>
 
 <container title="自定义">
   <radio-group
     options="{{options}}"
     color="red"
-    defaultValue="banana"
-  >
-    <view slot="label" slot-scope="item">
+    defaultValue="banana">
+    <view
+      slot="label"
+      slot-scope="item">
       {{item.index +1}} {{item.value.label}}
     </view>
   </radio-group>
 </container>
-
diff --git a/demo/pages/Rate/index.axml b/demo/pages/Rate/index.axml
index 54bb40c09..475330995 100644
--- a/demo/pages/Rate/index.axml
+++ b/demo/pages/Rate/index.axml
@@ -1,30 +1,50 @@
 <container title="基础用法">
-  <rate defaultValue="{{3}}" onChange="onChange" />
+  <rate
+    defaultValue="{{3}}"
+    onChange="onChange" />
 </container>
 
 <container title="半星">
-  <rate defaultValue="{{3.5}}" allowHalf onChange="onChange" />
+  <rate
+    defaultValue="{{3.5}}"
+    allowHalf
+    onChange="onChange" />
 </container>
 
 <container title="清除">
-  <rate defaultValue="{{4}}" onChange="onChange" />
+  <rate
+    defaultValue="{{4}}"
+    onChange="onChange" />
   <view class="description">allowClear: true</view>
-  
-  <rate defaultValue="{{4}}" allowClear="{{false}}" onChange="onChange" />
+
+  <rate
+    defaultValue="{{4}}"
+    allowClear="{{false}}"
+    onChange="onChange" />
   <view class="description">allowClear: false</view>
 </container>
 
 <container title="只读">
-  <rate defaultValue="{{3.5}}" readonly />
+  <rate
+    defaultValue="{{3.5}}"
+    readonly />
 </container>
 
 <container title="多个count">
-  <rate defaultValue="{{5}}" count="{{8}}" />
+  <rate
+    defaultValue="{{5}}"
+    count="{{8}}" />
 </container>
 
 <container title="受控模式">
-  <rate value="{{value}}" onChange="handleChange" />
-  <view style="margin-top: 8px;">
-    <stepper value="{{value}}" min="{{0}}" max="{{5}}" onChange="handleChange" />
+  <rate
+    value="{{value}}"
+    onChange="handleChange" />
+  <view style="margin-top: 8px">
+    <stepper
+      value="{{value}}"
+      min="{{0}}"
+      max="{{5}}"
+      onChange="handleChange" />
   </view>
 </container>
diff --git a/demo/pages/RateCustom/index.axml b/demo/pages/RateCustom/index.axml
index 2f89851c3..9b9cc0350 100644
--- a/demo/pages/RateCustom/index.axml
+++ b/demo/pages/RateCustom/index.axml
@@ -1,16 +1,24 @@
 <container title="自定义间距">
-  <rate defaultValue="{{3}}" gutter="{{8}}" />
+  <rate
+    defaultValue="{{3}}"
+    gutter="{{8}}" />
   <view class="description">8px</view>
 
-  <rate defaultValue="{{4}}" gutter="{{16}}" />
+  <rate
+    defaultValue="{{4}}"
+    gutter="{{16}}" />
   <view class="description">16px</view>
 </container>
 
 <container title="自定义大小">
-  <rate defaultValue="{{3}}" className="rate" />
+  <rate
+    defaultValue="{{3}}"
+    className="rate" />
   <view class="description">30px</view>
 
-  <rate defaultValue="{{3}}" style="font-size: 40px;" />
+  <rate
+    defaultValue="{{3}}"
+    style="font-size: 40px" />
   <view class="description">40px</view>
 </container>
 
@@ -18,53 +26,46 @@
   <rate
     defaultValue="{{3}}"
     characterClassName="star"
-    characterActiveClassName="star-active"
-  />
+    characterActiveClassName="star-active" />
   <view class="description">基础</view>
 
   <rate
     defaultValue="{{3}}"
     characterClassName="star-gradient"
-    characterActiveClassName="star-active-gradient"
-  />
+    characterActiveClassName="star-active-gradient" />
   <view class="description">渐变</view>
 </container>
 
 <container title="自定义图标">
-  <rate
-    defaultValue="{{3}}"
-  >
-    <icon slot="character" type="HeartFill" />
+  <rate defaultValue="{{3}}">
+    <icon
+      slot="character"
+      type="HeartFill" />
   </rate>
   <view class="description">自定义为HeartFill</view>
 
   <rate
     defaultValue="{{3.5}}"
-    allowHalf
-  >
-    <icon slot="character" type="StarOutline" />
+    allowHalf>
+    <icon
+      slot="character"
+      type="StarOutline" />
   </rate>
   <view class="description">自定义为StarOutline</view>
 
   <rate
     defaultValue="{{3.5}}"
     allowHalf
-    characterClassName="character"
-  >
-    <view slot="character">
-      正
-    </view>
+    characterClassName="character">
+    <view slot="character">正</view>
   </rate>
   <view class="description">自定义为正</view>
 
   <rate
     defaultValue="{{2.5}}"
     allowHalf
-    characterClassName="character"
-  >
-    <view slot="character">
-      A
-    </view>
+    characterClassName="character">
+    <view slot="character">A</view>
   </rate>
   <view class="description">自定义为A</view>
 
@@ -72,9 +73,10 @@
     defaultValue="{{2.5}}"
     allowHalf
     gutter="{{20}}"
-    characterClassName="character"
-  >
-    <view slot="character" slot-scope="rate">
+    characterClassName="character">
+    <view
+      slot="character"
+      slot-scope="rate">
       {{rate.index}}
     </view>
   </rate>
diff --git a/demo/pages/Result/index.axml b/demo/pages/Result/index.axml
index c75617b39..71e55310d 100644
--- a/demo/pages/Result/index.axml
+++ b/demo/pages/Result/index.axml
@@ -1,52 +1,51 @@
 <container title="成功状态">
-  <result 
-    title="操作成功" 
-    message="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行" 
-    type="success"
-  />
+  <result
+    title="操作成功"
+    message="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行"
+    type="success" />
 </container>
 
 <container title="等待状态">
-  <result 
+  <result
     title="等待处理"
-    message="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行" 
-    type="wait"
-  />
+    message="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行"
+    type="wait" />
 </container>
 
 <container title="提示状态">
-  <result 
+  <result
     title="信息提示"
-    message="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行" 
-    type="info"
-  />
+    message="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行"
+    type="info" />
 </container>
 
 <container title="警告状态">
-  <result 
-    title="警告提示" 
-    message="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行" 
-    type="warning"
-  />
+  <result
+    title="警告提示"
+    message="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行"
+    type="warning" />
 </container>
 
 <container title="失败状态">
-  <result 
-    title="无法完成操作" 
-    message="内容详情可折行，建议不超过两行\n建议不超过两行建议不超过两行" 
-    type="error"
-  />
+  <result
+    title="无法完成操作"
+    message="内容详情可折行，建议不超过两行\n建议不超过两行建议不超过两行"
+    type="error" />
 </container>
 
 <container title="自定义">
-  <result 
-    image="https://gw.alipayobjects.com/mdn/miniProgram_mendian/afts/img/A*wiFYTo5I0m8AAAAAAAAAAABjAQAAAQ/original"
-  >
+  <result
+    image="https://gw.alipayobjects.com/mdn/miniProgram_mendian/afts/img/A*wiFYTo5I0m8AAAAAAAAAAABjAQAAAQ/original">
     <view slot="title">标题插槽</view>
     <view slot="message">描述插槽</view>
     <view slot="extra">
       <button inline>辅助操作</button>
-      <button type="primary" inline style="margin-left: 12px;">主要操作</button>
+      <button
+        type="primary"
+        inline
+        style="margin-left: 12px">
+        主要操作
+      </button>
     </view>
   </result>
 </container>
diff --git a/demo/pages/Selector/index.axml b/demo/pages/Selector/index.axml
index e3ee7c7de..a9f825d24 100644
--- a/demo/pages/Selector/index.axml
+++ b/demo/pages/Selector/index.axml
@@ -1,49 +1,41 @@
 <container title="单选">
-  <selector 
-    options="{{items1}}"
-  />
+  <selector options="{{items1}}" />
 </container>
 
 <container title="单选-选项带有副标题">
-  <selector 
+  <selector
     defaultValue="2"
-    options="{{items2}}"
-  />
-
+    options="{{items2}}" />
 </container>
 
 <container title="多选">
-  <selector 
+  <selector
     defaultValue="{{['1','2']}}"
     options="{{items1}}"
-    multiple
-  />
+    multiple />
 </container>
 
 <container title="全禁用">
-  <selector 
+  <selector
     value="{{['1','2']}}"
     options="{{items1}}"
     disabled
-    multiple
-  />
+    multiple />
 </container>
 
 <container title="部分禁用">
-  <selector 
+  <selector
     defaultValue="{{['1','2']}}"
     options="{{items3}}"
-    multiple
-  />
+    multiple />
 </container>
 
 <container title="受控模式">
-  <selector 
+  <selector
     value="{{value}}"
     options="{{items1}}"
-    onChange="handleChange"
-  />
-  <button 
+    onChange="handleChange" />
+  <button
     inlineSize="larger"
     onTap="handleChangeValue">
     改变选中值为选项三
@@ -51,12 +43,9 @@
 </container>
 
 <container title="单选-不允许清空">
-  <selector 
+  <selector
     defaultValue="11"
     minSelectedCount="{{1}}"
     onSelectMin="onSelectMin"
-    options="{{items1}}"
-  />
+    options="{{items1}}" />
 </container>
-
-
diff --git a/demo/pages/SelectorFilter/index.axml b/demo/pages/SelectorFilter/index.axml
index 5c641b04d..565fa0461 100644
--- a/demo/pages/SelectorFilter/index.axml
+++ b/demo/pages/SelectorFilter/index.axml
@@ -1,22 +1,28 @@
-<view class="filterDemo {{className || ''}}" style="{{ style || ''}}">
-    <view class="filterDemo-bar">
-      <view 
-        a:for="{{ items }}"   
-        class="filterDemo-bar-item {{currentOpen=== index ? 'filterDemo-bar-item-active' : ''}}"
-        data-index="{{index}}"
-        onTap="onTapItem">
-        {{item.title}}
-        <icon 
+<view
+  class="filterDemo {{className || ''}}"
+  style="{{ style || ''}}">
+  <view class="filterDemo-bar">
+    <view
+      a:for="{{ items }}"
+      class="filterDemo-bar-item {{currentOpen=== index ? 'filterDemo-bar-item-active' : ''}}"
+      data-index="{{index}}"
+      onTap="onTapItem">
+      {{item.title}}
+      <icon
         type="DownFill"
         className="filterDemo-bar-item-icon {{currentOpen=== index ? 'filterDemo-bar-item-icon-up' : ''}}"
         size="x-small" />
-      </view>
     </view>
-    <view class="filterDemo-items">
-      <view 
-        a:for="{{ items }}" 
-        class="filterDemo-items-content {{currentOpen=== index ? 'filterDemo-items-content-active' : ''}} {{contentClassName || ''}}" style="{{contentStyle || ''}}">
-        <selector options="{{item.options}}" onChange="handleChange" data-index="{{index}}"/>
-      </view>
+  </view>
+  <view class="filterDemo-items">
+    <view
+      a:for="{{ items }}"
+      class="filterDemo-items-content {{currentOpen=== index ? 'filterDemo-items-content-active' : ''}} {{contentClassName || ''}}"
+      style="{{contentStyle || ''}}">
+      <selector
+        options="{{item.options}}"
+        onChange="handleChange"
+        data-index="{{index}}" />
     </view>
- </view>
\ No newline at end of file
+  </view>
+</view>
diff --git a/demo/pages/Skeleton/index.axml b/demo/pages/Skeleton/index.axml
index 7349a8519..8dc144122 100644
--- a/demo/pages/Skeleton/index.axml
+++ b/demo/pages/Skeleton/index.axml
@@ -10,28 +10,42 @@
   <skeleton avatar />
 </container>
 
-
 <container title="自定义组合">
   <view class="list">
     <skeleton-avatar className="custom" />
-    <skeleton-paragraph className="custom" rows="{{1}}" />
+    <skeleton-paragraph
+      className="custom"
+      rows="{{1}}" />
     <skeleton-input className="custom" />
     <skeleton-input className="custom" />
     <skeleton-input className="custom" />
-    <skeleton-button className="custom" size="small" />
+    <skeleton-button
+      className="custom"
+      size="small" />
   </view>
 </container>
 
 <container title="复杂组合">
-  <skeleton loading="{{showLoading}}" title="{{false}}" avatar paragraph="{{paragraph}}">
+  <skeleton
+    loading="{{showLoading}}"
+    title="{{false}}"
+    avatar
+    paragraph="{{paragraph}}">
     <view class="container">
-      <avatar src="https://images.unsplash.com/photo-1546967191-fdfb13ed6b1e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" />
-      <view class="content">We supply a series of design principles, practical patterns and high quality design resources, to help people create their product prototypes beautifully and efficiently.
+      <avatar
+        src="https://images.unsplash.com/photo-1546967191-fdfb13ed6b1e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ" />
+      <view class="content">
+        We supply a series of design principles, practical patterns and high
+        quality design resources, to help people create their product prototypes
+        beautifully and efficiently.
       </view>
     </view>
   </skeleton>
   <view slot="headerRight">
     显示骨架
-    <switch style="margin-left:8px" checked="{{showLoading}}" onChange="handleToggleShowLoading" />
+    <switch
+      style="margin-left: 8px"
+      checked="{{showLoading}}"
+      onChange="handleToggleShowLoading" />
   </view>
 </container>
diff --git a/demo/pages/Slider/index.axml b/demo/pages/Slider/index.axml
index 04cab5b9e..f3034eada 100644
--- a/demo/pages/Slider/index.axml
+++ b/demo/pages/Slider/index.axml
@@ -2,8 +2,7 @@
   <slider
     defaultValue="{{80}}"
     onChange="onChange"
-    onAfterChange="onAfterChange"
-  />
+    onAfterChange="onAfterChange" />
 </container>
 
 <container title="无节点双滑快">
@@ -11,8 +10,7 @@
     defaultValue="{{[20, 60]}}"
     range
     onChange="onChange"
-    onAfterChange="onAfterChange"
-  />
+    onAfterChange="onAfterChange" />
 </container>
 
 <container title="节点单滑块">
@@ -21,8 +19,7 @@
     step="{{20}}"
     showTicks
     onChange="onChange"
-    onAfterChange="onAfterChange"
-  />
+    onAfterChange="onAfterChange" />
 </container>
 
 <container title="有数字节点单滑块">
@@ -32,8 +29,7 @@
     showTicks
     showNumber
     onChange="onChange"
-    onAfterChange="onAfterChange"
-  />
+    onAfterChange="onAfterChange" />
 </container>
 
 <container title="节点双滑块">
@@ -43,8 +39,7 @@
     showTicks
     range
     onChange="onChange"
-    onAfterChange="onAfterChange"
-  />
+    onAfterChange="onAfterChange" />
 </container>
 
 <container title="有数字节点双滑块">
@@ -55,18 +50,15 @@
     showNumber
     range
     onChange="onChange"
-    onAfterChange="onAfterChange"
-  />
+    onAfterChange="onAfterChange" />
 </container>
 
-
 <container title="在拖动时显示悬浮提示">
   <slider
     defaultValue="{{80}}"
     showTooltip
     onChange="onChange"
-    onAfterChange="onAfterChange"
-  />
+    onAfterChange="onAfterChange" />
 </container>
 
 <container title="受控模式">
@@ -74,14 +66,12 @@
     min="{{0}}"
     max="{{100}}"
     value="{{value}}"
-    onChange="handleChange"
-  />
+    onChange="handleChange" />
   <stepper
     min="{{0}}"
     max="{{100}}"
-    value={{value}}
-    onChange="handleChange"
-  />
+    value="{{value}}"
+    onChange="handleChange" />
 </container>
 
 <container title="自定义">
@@ -94,13 +84,22 @@
     activeLineStyle="background-color: #ff8f1f"
     activeDotStyle="background-color: red"
     onChange="onChange"
-    onAfterChange="onAfterChange"
-  >
-    <text slot='tick' slot-scope="props">{{props.value}}°C</text>
-    <text slot="showTooltip" slot-scope="props">{{props.value}}°C</text>
-    <view slot='slider'>
+    onAfterChange="onAfterChange">
+    <text
+      slot="tick"
+      slot-scope="props">
+      {{props.value}}°C
+    </text>
+    <text
+      slot="showTooltip"
+      slot-scope="props">
+      {{props.value}}°C
+    </text>
+    <view slot="slider">
       <view class="custom-slider-handler">
-        <icon type="SmileOutline" style="color: #ff8f1f"></icon>
+        <icon
+          type="SmileOutline"
+          style="color: #ff8f1f"></icon>
       </view>
     </view>
   </slider>
@@ -110,6 +109,5 @@
   <slider
     defaultValue="{{80}}"
     disabled="{{true}}"
-    onChange="onChange"
-  />
+    onChange="onChange" />
 </container>
diff --git a/demo/pages/Stepper/index.axml b/demo/pages/Stepper/index.axml
index f3e7ce320..7c4f0b4b2 100644
--- a/demo/pages/Stepper/index.axml
+++ b/demo/pages/Stepper/index.axml
@@ -1,57 +1,67 @@
 <container title="基础用法">
-  <stepper onChange="onChange" onBlur="onBlur" onConfirm="onConfirm" onFocus="onFocus" />
+  <stepper
+    onChange="onChange"
+    onBlur="onBlur"
+    onConfirm="onConfirm"
+    onFocus="onFocus" />
 </container>
 
 <container title="初始值">
-  <stepper 
-    defaultValue="{{0}}" />
+  <stepper defaultValue="{{0}}" />
 </container>
 
 <container title="step 0.01">
-  <stepper 
+  <stepper
     defaultValue="{{0}}"
     step="{{0.01}}"
-    inputStyle="width: 60px"
-  />
+    inputStyle="width: 60px" />
 </container>
 
 <container title="precision 1">
-  <stepper 
+  <stepper
     defaultValue="{{0}}"
     precision="{{1}}"
-    inputStyle="width: 60px"
-  />
+    inputStyle="width: 60px" />
 </container>
 
 <container title="限制输入范围 [0, 10]">
-  <stepper 
+  <stepper
     defaultValue="{{0}}"
     min="{{0}}"
     max="{{10}}"
-    step="{{1}}"
-  />
+    step="{{1}}" />
 </container>
 
 <container title="禁用状态">
-  <stepper 
+  <stepper
     defaultValue="{{0}}"
-    disabled
-  />
+    disabled />
 </container>
 
 <container title="受控组件">
-  <stepper 
+  <stepper
     value="{{value}}"
     onChange="handleChange"
     style="margin: 8px 0"
     onBlur="onBlur"
     onConfirm="onConfirm"
-    onFocus="onFocus"
-  />
+    onFocus="onFocus" />
   value: {{value}}
   <view class="list">
-    <button inline onTap="add">add</button>
-    <button inline onTap="minus">minus</button>
-    <button inline onTap="clear">clear</button>
+    <button
+      inline
+      onTap="add">
+      add
+    </button>
+    <button
+      inline
+      onTap="minus">
+      minus
+    </button>
+    <button
+      inline
+      onTap="clear">
+      clear
+    </button>
   </view>
-</container>
\ No newline at end of file
+</container>
diff --git a/demo/pages/Steps/index.axml b/demo/pages/Steps/index.axml
index d3a907b98..bee75048d 100644
--- a/demo/pages/Steps/index.axml
+++ b/demo/pages/Steps/index.axml
@@ -6,15 +6,13 @@
   <steps
     items="{{items}}"
     status="error"
-    current="{{1}}"
-  />
+    current="{{1}}" />
 </container>
 
 <container title="纵向步骤条">
   <steps
     items="{{items}}"
-    direction="vertical"
-  /> 
+    direction="vertical" />
 </container>
 
 <container title="纵向步骤条失败">
@@ -22,36 +20,38 @@
     items="{{items}}"
     status="error"
     current="{{1}}"
-    direction="vertical"
-  />
+    direction="vertical" />
 </container>
 
 <container title="自定义图标">
   <steps items="{{items}}">
-    <icon slot="icon" type="SmileFill" />
+    <icon
+      slot="icon"
+      type="SmileFill" />
   </steps>
 </container>
 
 <container title="更多自定义">
   <steps
     items="{{items}}"
-    current="{{2}}"
-  >
+    current="{{2}}">
     <icon
       slot="icon"
       slot-scope="item"
       type="{{iconList[item.index]}}"
-      a:if="{{iconList[item.index]}}"
-    />
+      a:if="{{iconList[item.index]}}" />
 
-    <view slot="title" slot-scope="item">
+    <view
+      slot="title"
+      slot-scope="item">
       {{item.index + 1}}
     </view>
 
-    <view slot="description" slot-scope="item">
+    <view
+      slot="description"
+      slot-scope="item">
       <view>{{item.value.title}}</view>
       <view>{{item.value.description}}</view>
     </view>
-
   </steps>
 </container>
diff --git a/demo/pages/StepsControl/index.axml b/demo/pages/StepsControl/index.axml
index 49d101994..83c706398 100644
--- a/demo/pages/StepsControl/index.axml
+++ b/demo/pages/StepsControl/index.axml
@@ -1,12 +1,16 @@
 <container title="步骤条控制">
   <steps
     items="{{items}}"
-    current="{{current}}"
-  />
-  <button onTap="onNextTap" type="primary">
+    current="{{current}}" />
+  <button
+    onTap="onNextTap"
+    type="primary">
     <view a:if="{{current < items.length - 1}}">下一步</view>
     <view a:else>完成</view>
   </button>
-  <button a:if="{{current > 0}}" onTap="onPrevTap">上一步</button>
-
+  <button
+    a:if="{{current > 0}}"
+    onTap="onPrevTap">
+    上一步
+  </button>
 </container>
diff --git a/demo/pages/SwipeAction/index.axml b/demo/pages/SwipeAction/index.axml
index fb6542364..bfcce0ce1 100644
--- a/demo/pages/SwipeAction/index.axml
+++ b/demo/pages/SwipeAction/index.axml
@@ -2,7 +2,9 @@
   <view class="t-swipe-item">
     <view class="t-swipe-item-title">基础用法</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
-    <view a:for="{{ 10 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 10 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -11,12 +13,9 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
-        <view class="t-swipe-item-con-view">
-          右侧-三个按钮
-        </view>
+        onButtonTap="onButtonTap">
+        <view class="t-swipe-item-con-view">右侧-三个按钮</view>
       </swipe-action>
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/SwipeActionAnimation/index.axml b/demo/pages/SwipeActionAnimation/index.axml
index bd88ece32..43ee36553 100644
--- a/demo/pages/SwipeActionAnimation/index.axml
+++ b/demo/pages/SwipeActionAnimation/index.axml
@@ -2,7 +2,9 @@
   <view class="t-swipe-item">
     <view class="t-swipe-item-title">去除松开手之后的滑动回弹效果</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
-    <view a:for="{{ 10 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 10 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -11,12 +13,9 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
-        <view class="t-swipe-item-con-view">
-          右侧-三个按钮
-        </view>
+        onButtonTap="onButtonTap">
+        <view class="t-swipe-item-con-view">右侧-三个按钮</view>
       </swipe-action>
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/SwipeActionLeft/index.axml b/demo/pages/SwipeActionLeft/index.axml
index 03a4512e3..8ed435697 100644
--- a/demo/pages/SwipeActionLeft/index.axml
+++ b/demo/pages/SwipeActionLeft/index.axml
@@ -2,7 +2,9 @@
   <view class="t-swipe-item">
     <view class="t-swipe-item-title">按钮在左侧</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
-    <view a:for="{{ 10 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 10 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -11,12 +13,9 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
-        <view class="t-swipe-item-con-view">
-          左侧-三个按钮
-        </view>
+        onButtonTap="onButtonTap">
+        <view class="t-swipe-item-con-view">左侧-三个按钮</view>
       </swipe-action>
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/SwipeActionLeftRight/index.axml b/demo/pages/SwipeActionLeftRight/index.axml
index abcfbff4a..a11a7ca84 100644
--- a/demo/pages/SwipeActionLeftRight/index.axml
+++ b/demo/pages/SwipeActionLeftRight/index.axml
@@ -3,7 +3,9 @@
     <view class="t-swipe-item-title">左右两侧都有按钮</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
     <!-- 提示：左右两侧都需要滑动按钮时，两侧设置的宽度总和需一致。 -->
-    <view a:for="{{ 10 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 10 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -13,12 +15,9 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
-        <view class="t-swipe-item-con-view">
-          三个按钮
-        </view>
+        onButtonTap="onButtonTap">
+        <view class="t-swipe-item-con-view">三个按钮</view>
       </swipe-action>
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/SwipeActionMove/index.axml b/demo/pages/SwipeActionMove/index.axml
index 6257b4640..f9886a000 100644
--- a/demo/pages/SwipeActionMove/index.axml
+++ b/demo/pages/SwipeActionMove/index.axml
@@ -2,7 +2,9 @@
   <view class="t-swipe-item">
     <view class="t-swipe-item-title">删除按钮滑动到最大距离触发二次确认</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
-    <view a:for="{{ 10 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 10 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -11,12 +13,9 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
-        <view class="t-swipe-item-con-view">
-          右侧-三个按钮
-        </view>
+        onButtonTap="onButtonTap">
+        <view class="t-swipe-item-con-view">右侧-三个按钮</view>
       </swipe-action>
-    </view> 
+    </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/SwipeActionNumber/index.axml b/demo/pages/SwipeActionNumber/index.axml
index c9c328cf9..90f828c73 100644
--- a/demo/pages/SwipeActionNumber/index.axml
+++ b/demo/pages/SwipeActionNumber/index.axml
@@ -2,7 +2,9 @@
   <view class="t-swipe-item">
     <view class="t-swipe-item-title">调整按钮数量，最多为3个</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
-    <view a:for="{{ 5 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 5 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -11,12 +13,11 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
+        onButtonTap="onButtonTap">
         <view class="t-swipe-item-con-view">
           右侧-{{`${index + 1 > 3 ? 3 : index + 1}个按钮`}}
         </view>
       </swipe-action>
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/SwipeActionSpeed/index.axml b/demo/pages/SwipeActionSpeed/index.axml
index cf0185271..82f806848 100644
--- a/demo/pages/SwipeActionSpeed/index.axml
+++ b/demo/pages/SwipeActionSpeed/index.axml
@@ -2,7 +2,9 @@
   <view class="t-swipe-item">
     <view class="t-swipe-item-title">滑动速度变慢</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
-    <view a:for="{{ 10 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 10 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -12,12 +14,9 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
-        <view class="t-swipe-item-con-view">
-          右侧-三个按钮
-        </view>
+        onButtonTap="onButtonTap">
+        <view class="t-swipe-item-con-view">右侧-三个按钮</view>
       </swipe-action>
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/SwipeActionTap/index.axml b/demo/pages/SwipeActionTap/index.axml
index 1e6dce612..abb0b8907 100644
--- a/demo/pages/SwipeActionTap/index.axml
+++ b/demo/pages/SwipeActionTap/index.axml
@@ -2,7 +2,9 @@
   <view class="t-swipe-item">
     <view class="t-swipe-item-title">删除按钮点击二次确认</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
-    <view a:for="{{ 10 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 10 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -11,12 +13,9 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
-        <view class="t-swipe-item-con-view">
-          右侧-三个按钮
-        </view>
+        onButtonTap="onButtonTap">
+        <view class="t-swipe-item-con-view">右侧-三个按钮</view>
       </swipe-action>
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/SwipeActionWidth/index.axml b/demo/pages/SwipeActionWidth/index.axml
index 59dde70e2..e5365085c 100644
--- a/demo/pages/SwipeActionWidth/index.axml
+++ b/demo/pages/SwipeActionWidth/index.axml
@@ -2,7 +2,9 @@
   <view class="t-swipe-item">
     <view class="t-swipe-item-title">自定义按钮宽度</view>
     <!-- 提示：需要给t-swipe-item-con设置固定的高宽 -->
-    <view a:for="{{ 10 }}" class="t-swipe-item-con">
+    <view
+      a:for="{{ 10 }}"
+      class="t-swipe-item-con">
       <!-- 提示：右侧只有一个按钮的情况下建议把elasticity设为false -->
       <swipe-action
         data-item="{{{ index }}}"
@@ -11,12 +13,9 @@
         swiped="{{ swipeIndex === index }}"
         onSwipeEnd="onSwipeEnd"
         onSwipeStart="onSwipeStart"
-        onButtonTap="onButtonTap"
-        >
-        <view class="t-swipe-item-con-view">
-          右侧-三个按钮
-        </view>
+        onButtonTap="onButtonTap">
+        <view class="t-swipe-item-con-view">右侧-三个按钮</view>
       </swipe-action>
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/demo/pages/Switch/index.axml b/demo/pages/Switch/index.axml
index c173389eb..a618a0ea5 100644
--- a/demo/pages/Switch/index.axml
+++ b/demo/pages/Switch/index.axml
@@ -4,34 +4,38 @@
   </container>
 
   <container title="有默认值">
-    <switch defaultChecked="{{true}}" onChange="onChange" />
+    <switch
+      defaultChecked="{{true}}"
+      onChange="onChange" />
   </container>
 
   <container title="文字和图标">
     <switch
       checkedText="开"
       uncheckedText="关"
-      onChange="onChange"
-    />
+      onChange="onChange" />
 
     <switch>
-      <am-icon type="CheckOutline" slot="checkedText"/>
-      <am-icon type="CloseOutline" slot="uncheckedText"/>
+      <am-icon
+        type="CheckOutline"
+        slot="checkedText" />
+      <am-icon
+        type="CloseOutline"
+        slot="uncheckedText" />
     </switch>
   </container>
 
   <container title="自定义颜色">
-    <switch 
+    <switch
       defaultChecked="{{true}}"
-      color="#00b578"/>
+      color="#00b578" />
   </container>
 
   <container title="禁用状态">
-    <switch 
+    <switch
       defaultChecked="{{true}}"
-      disabled="{{true}}"/>
-    <switch 
-      disabled="{{true}}"/>
+      disabled="{{true}}" />
+    <switch disabled="{{true}}" />
   </container>
 
   <container title="加载状态">
@@ -57,7 +61,6 @@
     <switch
       checked="{{checked}}"
       onChange="handleChange"
-      defaultChecked="{{true}}"
-    />
+      defaultChecked="{{true}}" />
   </container>
 </view>
diff --git a/demo/pages/TabBar/index.axml b/demo/pages/TabBar/index.axml
index 9dfea0d16..31d32121f 100644
--- a/demo/pages/TabBar/index.axml
+++ b/demo/pages/TabBar/index.axml
@@ -1,25 +1,19 @@
 <container title="基础用法">
-  <tab-bar
-    items="{{tabs}}"
-  />
+  <tab-bar items="{{tabs}}" />
 </container>
 <container title="受控模式">
   <tab-bar
     items="{{tabs}}"
     current="{{current}}"
-    onChange="handleChange"
-  />
+    onChange="handleChange" />
 </container>
 
 <container title="红点用法">
-  <tab-bar
-    items="{{tabsBadge}}"
-  />
+  <tab-bar items="{{tabsBadge}}" />
 </container>
 
 <container title="自定义高亮颜色">
   <tab-bar
     items="{{tabs}}"
-    activeStyle="color:red;"
-  />
-</container>
\ No newline at end of file
+    activeStyle="color:red;" />
+</container>
diff --git a/demo/pages/Tabs/index.axml b/demo/pages/Tabs/index.axml
index b4b370131..d7b937d3f 100644
--- a/demo/pages/Tabs/index.axml
+++ b/demo/pages/Tabs/index.axml
@@ -2,84 +2,73 @@
   <tabs items="{{items}}" />
 </container>
 
-
 <container title="带有content">
   <tabs items="{{items}}">
-    <view class="content" slot-scope="item">
+    <view
+      class="content"
+      slot-scope="item">
       {{item.value.content}}
     </view>
   </tabs>
 </container>
 
-
 <container title="胶囊">
   <tabs
     type="capsule"
     items="{{items}}"
-    defaultCurrent="{{1}}"
-  />
+    defaultCurrent="{{1}}" />
 </container>
 
-
 <container title="带副标题">
   <tabs
     type="mixin"
-    items="{{items}}"
-  />
+    items="{{items}}" />
 </container>
 
-
 <container title="带徽标">
   <tabs items="{{items}}">
-    <view slot="title" slot-scope="item">
+    <view
+      slot="title"
+      slot-scope="item">
       <view a:if="{{item.value.badge}}">
-        <badge>
-          {{item.value.title}}
-        </badge>
-      </view>
-      <view a:else>
-         {{item.value.title}}
+        <badge>{{item.value.title}}</badge>
       </view>
+      <view a:else>{{item.value.title}}</view>
     </view>
   </tabs>
 </container>
 
-
 <container title="禁用状态">
   <tabs items="{{items2}}" />
 </container>
 
-
 <container title="onChange">
-  <tabs items="{{items}}" onChange="onChange" />
+  <tabs
+    items="{{items}}"
+    onChange="onChange" />
 </container>
 
-
 <container title="plus按钮">
   <tabs items="{{items}}">
     <view slot="plus">
-      <icon type="AddOutline" onTap="onPlus" />
+      <icon
+        type="AddOutline"
+        onTap="onPlus" />
     </view>
   </tabs>
 </container>
 
-
 <container title="控制模式">
   <tabs
     items="{{items}}"
     current="{{current}}"
-    onChange="handleChange"
-  />
+    onChange="handleChange" />
 </container>
 
-
 <container title="content在外层自定义">
   <tabs
     items="{{items}}"
     current="{{current}}"
-    onChange="handleChange"
-  />
-  <view class="content">
-    {{items[current].content}}
-  </view>
+    onChange="handleChange" />
+  <view class="content">{{items[current].content}}</view>
 </container>
diff --git a/demo/pages/TabsControl/index.axml b/demo/pages/TabsControl/index.axml
index 85b12e716..573563c7c 100644
--- a/demo/pages/TabsControl/index.axml
+++ b/demo/pages/TabsControl/index.axml
@@ -1,24 +1,31 @@
 <tabs
   items="{{items}}"
   current="{{current}}"
-  onChange="onChange"
->
-  <view class="content">
-    {{items[current].content}}
-  </view>
+  onChange="onChange">
+  <view class="content">{{items[current].content}}</view>
 </tabs>
 
-
-<view class="container">
-  current: {{current}}
-  length: {{items.length}}
-</view>
+<view class="container">current: {{current}} length: {{items.length}}</view>
 
 <view class="buttons">
-  <button inline onTap="onPrevTap">上一个</button>
-  <button inline onTap="onNextTap">下一个</button>
-  <button inline onTap="onAddTap">添加</button>
-  <button inline onTap="onMinusTap">减少</button>
+  <button
+    inline
+    onTap="onPrevTap">
+    上一个
+  </button>
+  <button
+    inline
+    onTap="onNextTap">
+    下一个
+  </button>
+  <button
+    inline
+    onTap="onAddTap">
+    添加
+  </button>
+  <button
+    inline
+    onTap="onMinusTap">
+    减少
+  </button>
 </view>
-
-
diff --git a/demo/pages/TabsElevator/index.axml b/demo/pages/TabsElevator/index.axml
index 3b932477f..58dd71efc 100644
--- a/demo/pages/TabsElevator/index.axml
+++ b/demo/pages/TabsElevator/index.axml
@@ -2,9 +2,11 @@
   items="{{items}}"
   current="{{current}}"
   onChange="onChange"
-  class="tabs"
->
-  <view slot="title" onTap="onTap" slot-scope="item">
+  class="tabs">
+  <view
+    slot="title"
+    onTap="onTap"
+    slot-scope="item">
     {{item.value.title}}
   </view>
 
@@ -16,10 +18,13 @@
     scroll-y="{{true}}"
     scroll-with-animation="{{true}}"
     scroll-animation-duration="{{300}}"
-    class="content"
-  >
-    <view a:for="{{items}}" class="item">
-      <view class="title" id="tab-item-{{index}}">
+    class="content">
+    <view
+      a:for="{{items}}"
+      class="item">
+      <view
+        class="title"
+        id="tab-item-{{index}}">
         {{item.title}}
       </view>
       {{item.content}}
diff --git a/demo/pages/TabsScroll/index.axml b/demo/pages/TabsScroll/index.axml
index f408bf0e2..bbad83364 100644
--- a/demo/pages/TabsScroll/index.axml
+++ b/demo/pages/TabsScroll/index.axml
@@ -4,19 +4,27 @@
 
 <view class="container">
   选择后居中滚动
-  <tabs items="{{items}}" scrollMode="center" />
+  <tabs
+    items="{{items}}"
+    scrollMode="center" />
 </view>
 
 <view class="container">
   <tabs items="{{items}}">
-    <icon slot="plus" type="AddOutline" />
+    <icon
+      slot="plus"
+      type="AddOutline" />
   </tabs>
 </view>
 
 <view class="container">
-  <tabs items="{{items}}" type="capsule" />
+  <tabs
+    items="{{items}}"
+    type="capsule" />
 </view>
 
 <view class="container">
-  <tabs items="{{items}}" type="mixin" />
+  <tabs
+    items="{{items}}"
+    type="mixin" />
 </view>
diff --git a/demo/pages/TabsSticky/index.axml b/demo/pages/TabsSticky/index.axml
index 83f0015f8..e3c2456c7 100644
--- a/demo/pages/TabsSticky/index.axml
+++ b/demo/pages/TabsSticky/index.axml
@@ -1,16 +1,12 @@
 <view class="intro">
-  tabs 吸顶模式，
-  滑动到最顶部会吸顶，
-  切换tab content会滚动到最顶部
+  tabs 吸顶模式， 滑动到最顶部会吸顶， 切换tab content会滚动到最顶部
 </view>
 
 <tabs
   items="{{items}}"
   current="{{current}}"
   onChange="onChange"
-  class="tabs"
-/>
-
+  class="tabs" />
 
 <scroll-view
   id="scroll-view"
@@ -18,7 +14,6 @@
   scroll-y="{{true}}"
   scroll-with-animation="{{true}}"
   scroll-animation-duration="{{300}}"
-  class="content"
->
+  class="content">
   {{items[current].content}}
 </scroll-view>
diff --git a/demo/pages/TabsSwiper/index.axml b/demo/pages/TabsSwiper/index.axml
index e9d9d38d8..7568e7ab4 100644
--- a/demo/pages/TabsSwiper/index.axml
+++ b/demo/pages/TabsSwiper/index.axml
@@ -1,19 +1,15 @@
 <tabs
   items="{{items}}"
   current="{{current}}"
-  onChange="onChange"
->
+  onChange="onChange">
   <swiper
     current="{{current}}"
     autoplay="{{false}}"
     vertical="{{false}}"
     circular="{{false}}"
-    onChange="onSwipeChange"
-  >
+    onChange="onSwipeChange">
     <swiper-item a:for="{{items}}">
-      <view class="content">
-        {{item.content}}
-      </view>
+      <view class="content">{{item.content}}</view>
     </swiper-item>
   </swiper>
 </tabs>
diff --git a/demo/pages/TabsVertical/index.axml b/demo/pages/TabsVertical/index.axml
index 89e1b751e..752c3ff31 100644
--- a/demo/pages/TabsVertical/index.axml
+++ b/demo/pages/TabsVertical/index.axml
@@ -3,19 +3,16 @@
   current="{{current}}"
   onChange="onChange"
   class="tabs"
-  direction="vertical"
->
+  direction="vertical">
   <scroll-view
     scroll-top="{{scrollTop}}"
     scroll-y="{{true}}"
     onScroll="onScroll"
     scroll-with-animation="{{true}}"
     scroll-animation-duration="{{300}}"
-    class="content"
-  >
+    class="content">
     {{items[current].content}}
   </scroll-view>
 </tabs>
 
-<view class="footer">
-</view>
+<view class="footer"></view>
diff --git a/demo/pages/TabsVerticalElevator/index.axml b/demo/pages/TabsVerticalElevator/index.axml
index 24a0c7849..02374e770 100644
--- a/demo/pages/TabsVerticalElevator/index.axml
+++ b/demo/pages/TabsVerticalElevator/index.axml
@@ -5,8 +5,7 @@
   direction="vertical"
   class="tabs"
   tabsBarClassName="tabs-bar"
-  tabActiveClassName="tab-active"
->
+  tabActiveClassName="tab-active">
   <scroll-view
     id="scroll-view"
     onScroll="onScroll"
@@ -15,14 +14,18 @@
     scroll-y="{{true}}"
     scroll-with-animation="{{true}}"
     scroll-animation-duration="{{300}}"
-    class="content"
-  >
-    <view a:for="{{items}}" class="item">
-      <view class="title" id="tab-item-{{index}}">{{item.title}}</view>
+    class="content">
+    <view
+      a:for="{{items}}"
+      class="item">
+      <view
+        class="title"
+        id="tab-item-{{index}}">
+        {{item.title}}
+      </view>
       <view>{{item.content}}</view>
     </view>
   </scroll-view>
 </tabs>
 
-<view class="footer">
-</view>
+<view class="footer"></view>
diff --git a/demo/pages/Tag/index.axml b/demo/pages/Tag/index.axml
index ecd97422c..502bac8ae 100644
--- a/demo/pages/Tag/index.axml
+++ b/demo/pages/Tag/index.axml
@@ -4,23 +4,66 @@
 <container title="语义标签">
   <view class="tag-list">
     <tag className="myTag">default</tag>
-    <tag className="myTag" color="success">success</tag>
-    <tag className="myTag" color="warning">warning</tag>
-    <tag className="myTag" color="danger">danger</tag>
+    <tag
+      className="myTag"
+      color="success">
+      success
+    </tag>
+    <tag
+      className="myTag"
+      color="warning">
+      warning
+    </tag>
+    <tag
+      className="myTag"
+      color="danger">
+      danger
+    </tag>
   </view>
 </container>
 <container title="填充模式">
   <view class="tag-list">
-    <tag className="myTag" type="fill">fill</tag>
-    <tag className="myTag" type="outline">outline</tag>
-    <tag className="myTag" type="fill-light">fill-light</tag>
+    <tag
+      className="myTag"
+      type="fill">
+      fill
+    </tag>
+    <tag
+      className="myTag"
+      type="outline">
+      outline
+    </tag>
+    <tag
+      className="myTag"
+      type="fill-light">
+      fill-light
+    </tag>
   </view>
 </container>
 <container title="自定义图标">
   <view class="tag-list">
-    <tag className="myTag" icon="AlipayCircleFill">标签</tag>
-    <tag className="myTag" color="success" icon="AlipayCircleFill">标签</tag>
-    <tag className="myTag" color="warning" icon="AlipayCircleFill">标签</tag>
-    <tag className="myTag" color="danger" icon="AlipayCircleFill">标签</tag>
+    <tag
+      className="myTag"
+      icon="AlipayCircleFill">
+      标签
+    </tag>
+    <tag
+      className="myTag"
+      color="success"
+      icon="AlipayCircleFill">
+      标签
+    </tag>
+    <tag
+      className="myTag"
+      color="warning"
+      icon="AlipayCircleFill">
+      标签
+    </tag>
+    <tag
+      className="myTag"
+      color="danger"
+      icon="AlipayCircleFill">
+      标签
+    </tag>
   </view>
-</container>
\ No newline at end of file
+</container>
diff --git a/demo/pages/Toast/index.axml b/demo/pages/Toast/index.axml
index 0590deb6c..f891bd156 100644
--- a/demo/pages/Toast/index.axml
+++ b/demo/pages/Toast/index.axml
@@ -1,179 +1,161 @@
 <container title="基础使用">
-  <button 
-    class="button" 
-    inline="{{true}}" 
+  <button
+    class="button"
+    inline="{{true}}"
     type="primary"
-    data-index="1" 
-    onTap="handleShowToast" 
-  >
+    data-index="1"
+    onTap="handleShowToast">
     简短文字
   </button>
-  <button 
-    class="button" 
-    inline="{{true}}" 
-    data-index="4" 
-    onTap="handleShowToast" 
-  >
+  <button
+    class="button"
+    inline="{{true}}"
+    data-index="4"
+    onTap="handleShowToast">
     过长文字
   </button>
 </container>
 
 <container title="带有图标">
-  <button 
-    class="button" 
-    inline="{{true}}" 
+  <button
+    class="button"
+    inline="{{true}}"
     type="primary"
-    data-index="7" 
-    onTap="handleShowToast" 
-  >
+    data-index="7"
+    onTap="handleShowToast">
     成功提示
   </button>
-  <button 
-    class="button" 
-    inline="{{true}}" 
-    data-index="8" 
-    onTap="handleShowToast" 
-  >
+  <button
+    class="button"
+    inline="{{true}}"
+    data-index="8"
+    onTap="handleShowToast">
     失败提示
   </button>
-  <button 
-    class="button" 
-    inline="{{true}}" 
-    data-index="9" 
-    onTap="handleShowToast" 
-  >
+  <button
+    class="button"
+    inline="{{true}}"
+    data-index="9"
+    onTap="handleShowToast">
     警告提示
   </button>
-  <button 
-    class="button" 
-    inline="{{true}}" 
-    data-index="2" 
-    onTap="handleShowToast" 
-  >
+  <button
+    class="button"
+    inline="{{true}}"
+    data-index="2"
+    onTap="handleShowToast">
     自定义图标
   </button>
-  <button 
-    class="button" 
-    inline="{{true}}" 
-    data-index="5" 
-    onTap="handleShowToast" 
-  >
+  <button
+    class="button"
+    inline="{{true}}"
+    data-index="5"
+    onTap="handleShowToast">
     自定义图片
   </button>
 
-  <button 
-    class="button" 
-    inline="{{true}}" 
-    data-index="6" 
-    onTap="handleShowToast" 
-  >
+  <button
+    class="button"
+    inline="{{true}}"
+    data-index="6"
+    onTap="handleShowToast">
     加载态
   </button>
 </container>
 
 <container title="延迟关闭">
-  <button 
-    class="button" 
-    inline="{{true}}" 
+  <button
+    class="button"
+    inline="{{true}}"
     type="primary"
     data-index="3"
-    onTap="handleShowToast"  
-  >
+    onTap="handleShowToast">
     提示持续3s
   </button>
 </container>
 
-<toast 
-  content="最少字符" 
-  visible="{{toast1Show}}" 
-  duration="{{0}}" 
-  showMask="{{true}}" 
-  maskCloseable="{{true}}" 
-  onClose="handleCloseToast" 
-  data-index="1"
-/>
-
-<toast 
-  content="最长文案不超过2行, 最多可以显示24个字符" 
-  visible="{{toast4Show}}" 
-  data-index="4" 
-  duration="{{0}}" 
-  showMask="{{true}}" 
-  maskCloseable="{{true}}" 
+<toast
+  content="最少字符"
+  visible="{{toast1Show}}"
+  duration="{{0}}"
+  showMask="{{true}}"
+  maskCloseable="{{true}}"
   onClose="handleCloseToast"
-/>
+  data-index="1" />
 
-<toast 
-  content="欢迎使用新版本" 
-  icon="LikeOutline" 
-  visible="{{toast2Show}}" 
-  duration="{{0}}" 
-  showMask="{{true}}" 
-  maskCloseable="{{true}}" 
-  onClose="handleCloseToast" 
-  data-index="2" 
-  class="toastWrapper"
-/>
+<toast
+  content="最长文案不超过2行, 最多可以显示24个字符"
+  visible="{{toast4Show}}"
+  data-index="4"
+  duration="{{0}}"
+  showMask="{{true}}"
+  maskCloseable="{{true}}"
+  onClose="handleCloseToast" />
 
-<toast 
-  content="自定义图片" 
-  image="https://gw.alipayobjects.com/mdn/rms_5118be/afts/img/A*4NPGQ66arP0AAAAAAAAAAAAAARQnAQ" 
+<toast
+  content="欢迎使用新版本"
+  icon="LikeOutline"
+  visible="{{toast2Show}}"
+  duration="{{0}}"
+  showMask="{{true}}"
+  maskCloseable="{{true}}"
+  onClose="handleCloseToast"
+  data-index="2"
+  class="toastWrapper" />
+
+<toast
+  content="自定义图片"
+  image="https://gw.alipayobjects.com/mdn/rms_5118be/afts/img/A*4NPGQ66arP0AAAAAAAAAAAAAARQnAQ"
   visible="{{toast5Show}}"
-  duration="{{0}}" 
-  showMask="{{true}}" 
-  maskCloseable="{{true}}" 
-  onClose="handleCloseToast" 
-  data-index="5"
-/>
+  duration="{{0}}"
+  showMask="{{true}}"
+  maskCloseable="{{true}}"
+  onClose="handleCloseToast"
+  data-index="5" />
 
-<toast 
+<toast
   content="这个提示持续时间3s"
-  visible="{{toast3Show}}" 
+  visible="{{toast3Show}}"
   duration="{{3000}}"
-  data-index="3" 
-  onClose="handleCloseToast" 
-  showMask="{{true}}" 
-  maskCloseable="{{true}}"
-/>
+  data-index="3"
+  onClose="handleCloseToast"
+  showMask="{{true}}"
+  maskCloseable="{{true}}" />
 
-<toast 
-  content="加载状态" 
+<toast
+  content="加载状态"
   visible="{{toast6Show}}"
-  data-index="6" 
-  type="loading" 
-  onClose="handleCloseToast" 
-  showMask="{{true}}" 
-  duration="{{0}}" 
-  maskCloseable="{{true}}" 
-/>
+  data-index="6"
+  type="loading"
+  onClose="handleCloseToast"
+  showMask="{{true}}"
+  duration="{{0}}"
+  maskCloseable="{{true}}" />
 
-<toast 
-  content="操作成功" 
+<toast
+  content="操作成功"
   visible="{{toast7Show}}"
-  data-index="7" 
-  type="success" 
-  onClose="handleCloseToast" 
-  showMask="{{true}}" 
-  duration="{{0}}" 
-  maskCloseable="{{true}}" 
-/>
-<toast 
-  content="失败提示" 
+  data-index="7"
+  type="success"
+  onClose="handleCloseToast"
+  showMask="{{true}}"
+  duration="{{0}}"
+  maskCloseable="{{true}}" />
+<toast
+  content="失败提示"
   visible="{{toast8Show}}"
-  data-index="8" 
-  type="error" 
-  onClose="handleCloseToast" 
-  showMask="{{true}}" 
-  duration="{{0}}" 
-  maskCloseable="{{true}}" 
-/>
-<toast 
-  content="警示信息" 
+  data-index="8"
+  type="error"
+  onClose="handleCloseToast"
+  showMask="{{true}}"
+  duration="{{0}}"
+  maskCloseable="{{true}}" />
+<toast
+  content="警示信息"
   visible="{{toast9Show}}"
-  data-index="9" 
-  type="warning" 
-  onClose="handleCloseToast" 
-  showMask="{{true}}" 
-  duration="{{0}}" 
-  maskCloseable="{{true}}" 
-/>
\ No newline at end of file
+  data-index="9"
+  type="warning"
+  onClose="handleCloseToast"
+  showMask="{{true}}"
+  duration="{{0}}"
+  maskCloseable="{{true}}" />
diff --git a/src/ActionSheet/index.axml b/src/ActionSheet/index.axml
index ecf1b2949..f34431856 100644
--- a/src/ActionSheet/index.axml
+++ b/src/ActionSheet/index.axml
@@ -1,41 +1,54 @@
-<import-sjs from="./index.sjs" name="helper" />
+<import-sjs
+  from="./index.sjs"
+  name="helper" />
 <popup
   className="ant-actionsheet-popup"
   visible="{{visible}}"
   maskClosable="{{true}}"
   position="bottom"
-  onClose="onClose"
->
-  <view style="{{style}}" class="ant-actionsheet {{className ? className : ''}} {{helper.isIconMode(actions) ? 'ant-actionsheet-icon' : ''}}">
-      <slot name="title">
-        <view class="ant-actionsheet-title-wrap" a:if="{{title}}">
-          <view class="ant-actionsheet-title-content">{{title}}</view>
-        </view>
-      </slot>
-      <view class="ant-actionsheet-list">
+  onClose="onClose">
+  <view
+    style="{{style}}"
+    class="ant-actionsheet {{className ? className : ''}} {{helper.isIconMode(actions) ? 'ant-actionsheet-icon' : ''}}">
+    <slot name="title">
+      <view
+        class="ant-actionsheet-title-wrap"
+        a:if="{{title}}">
+        <view class="ant-actionsheet-title-content">{{title}}</view>
+      </view>
+    </slot>
+    <view class="ant-actionsheet-list">
+      <view
+        a:for="{{actions}}"
+        class="ant-actionsheet-list-item {{ item.disabled ? 'ant-actionsheet-list-item-disabled' : ''}}"
+        hover-class="{{ item.disabled ? '': 'ant-actionsheet-list-item-active' }} "
+        onTap="onAction"
+        data-index="{{index}}"
+        data-item="{{item}}">
         <view
-          a:for="{{actions}}"
-          class="ant-actionsheet-list-item {{ item.disabled ? 'ant-actionsheet-list-item-disabled' : ''}}"
-          hover-class="{{ item.disabled ? '': 'ant-actionsheet-list-item-active' }} "
-          onTap="onAction"
-          data-index="{{index}}"
-          data-item="{{item}}"
-        >
+          class="ant-actionsheet-list-item-icon"
+          a:if="{{helper.isIconMode(actions)}}"
+          style="background-image: url('{{item.icon}}')"></view>
+        <view class="ant-actionsheet-list-item-content">
           <view
-            class="ant-actionsheet-list-item-icon"
-            a:if="{{helper.isIconMode(actions)}}"
-            style="background-image: url('{{item.icon}}')"
-          >
+            class="ant-actionsheet-list-item-title {{ item.danger ? 'ant-actionsheet-list-item-title-danger' : ''}}">
+            {{item.text}}
           </view>
-          <view class='ant-actionsheet-list-item-content'>
-            <view class="ant-actionsheet-list-item-title {{ item.danger ? 'ant-actionsheet-list-item-title-danger' : ''}}">{{item.text}}</view>
-            <view a:if="{{item.description}}" class='ant-actionsheet-list-item-description'>{{item.description}}</view>
+          <view
+            a:if="{{item.description}}"
+            class="ant-actionsheet-list-item-description">
+            {{item.description}}
           </view>
         </view>
       </view>
-      <view class="ant-actionsheet-cancel-gap"/>
-      <slot name="cancelText">
-        <view class="ant-actionsheet-cancel" onTap="onClose">{{cancelText}}</view>
-      </slot>
+    </view>
+    <view class="ant-actionsheet-cancel-gap" />
+    <slot name="cancelText">
+      <view
+        class="ant-actionsheet-cancel"
+        onTap="onClose">
+        {{cancelText}}
+      </view>
+    </slot>
   </view>
 </popup>
diff --git a/src/Avatar/index.axml b/src/Avatar/index.axml
index 54147e7e6..ada28eba1 100644
--- a/src/Avatar/index.axml
+++ b/src/Avatar/index.axml
@@ -1,9 +1,12 @@
-<import-sjs from="./index.sjs" name="utils" />
+<import-sjs
+  from="./index.sjs"
+  name="utils" />
 
-<view class="ant-avatar {{className ? className : ''}}" style="{{style}}">
+<view
+  class="ant-avatar {{className ? className : ''}}"
+  style="{{style}}">
   <image
     class="ant-avatar-image {{utils.getClass(size)}}"
     src="{{src}}"
-    a:if="{{src}}"
-  />
+    a:if="{{src}}" />
 </view>
diff --git a/src/Badge/index.axml b/src/Badge/index.axml
index e1542bb4b..73bf7de89 100644
--- a/src/Badge/index.axml
+++ b/src/Badge/index.axml
@@ -1,18 +1,21 @@
-<import-sjs from="./index.sjs" name="_sjs" />
+<import-sjs
+  from="./index.sjs"
+  name="_sjs" />
 
-<view class="ant-badge
-  {{className ? className : ''}}" style="{{style}}">
+<view
+  class="ant-badge
+  {{className ? className : ''}}"
+  style="{{style}}">
   <view class="ant-badge-body">
     <slot></slot>
   </view>
   <view
-  a:if="{{type=== 'dot'}}"
-  class="ant-badge-content"
-  style="{{_sjs.setPositionStyle(position, offsetX, offsetY)}}">
-  <view
-  class="ant-badge-dot {{stroke ? 'ant-badge-dot-stroke' : ''}}"
-  style="{{bgColor ? `background-color: ${bgColor};`: ''}}">
-</view>
+    a:if="{{type=== 'dot'}}"
+    class="ant-badge-content"
+    style="{{_sjs.setPositionStyle(position, offsetX, offsetY)}}">
+    <view
+      class="ant-badge-dot {{stroke ? 'ant-badge-dot-stroke' : ''}}"
+      style="{{bgColor ? `background-color: ${bgColor};`: ''}}"></view>
   </view>
   <view
     a:else
@@ -21,8 +24,7 @@
       {{type==='bubble' ? `ant-badge-content-${position}-bubble` : ''}}
       {{stroke ? 'ant-badge-content-stroke' : ''}}"
     style="{{bgColor ? `background-color: ${bgColor};`: ''}} {{_sjs.setBubbleStyle(type, position)}};{{_sjs.setPositionStyle(position, offsetX, offsetY)}}">
-      <view class="ant-badge-icon-container">
-    </view>
+    <view class="ant-badge-icon-container"></view>
 
     <view class="ant-badge-content-text">
       <slot name="text">
@@ -36,8 +38,9 @@
           class="ant-badge-text">
           {{text}}
         </view>
-        <view a:if="{{type==='bubble'}}"
-        class="ant-badge-bubble">
+        <view
+          a:if="{{type==='bubble'}}"
+          class="ant-badge-bubble">
           {{text}}
         </view>
       </slot>
diff --git a/src/Button/index.axml b/src/Button/index.axml
index 3d64e162e..4fed30419 100644
--- a/src/Button/index.axml
+++ b/src/Button/index.axml
@@ -1,5 +1,6 @@
-<import-sjs from="./index.sjs" name="utils" />
-
+<import-sjs
+  from="./index.sjs"
+  name="utils" />
 
 <button
   form-type="{{formType}}"
@@ -15,24 +16,27 @@
   public-id="{{publicId}}"
   open-type="{{openType}}"
   class="ant-button {{inline ? `ant-button-inline ${utils.getClass(size)}` : ''}} {{`ant-button-${type}${danger ? '-danger' : ''}`}} {{(disabled || loading) ? 'ant-button-disabled' : ''}} {{className ? className : ''}}"
-  style="{{style}}"
->
+  style="{{style}}">
   <view class="ant-button-wrap">
     <block a:if="{{icon}}">
       <icon type="{{icon}}" />
     </block>
-    <view class="ant-button-content-text {{icon ? 'ant-button-content-text-margin' : ''}}" >
+    <view
+      class="ant-button-content-text {{icon ? 'ant-button-content-text-margin' : ''}}">
       <slot />
-      <view a:if="{{ !inline && subText}}" class="ant-button-content-subtext">
+      <view
+        a:if="{{ !inline && subText}}"
+        class="ant-button-content-subtext">
         {{subText}}
       </view>
     </view>
-    <view a:if="{{loading}}" class="ant-button-content-loading-container">
+    <view
+      a:if="{{loading}}"
+      class="ant-button-content-loading-container">
       <loading
         type="mini"
         color="currentColor"
-        className="ant-button-content-loading"
-      />
+        className="ant-button-content-loading" />
     </view>
   </view>
 </button>
diff --git a/src/Calendar/index.axml b/src/Calendar/index.axml
index 1f8ee390d..e214d7dbb 100644
--- a/src/Calendar/index.axml
+++ b/src/Calendar/index.axml
@@ -1,9 +1,17 @@
-<import-sjs from="./helper.sjs" name="helper" />
-<import-sjs from="./scroll.sjs" name="scroll" />
+<import-sjs
+  from="./helper.sjs"
+  name="helper" />
+<import-sjs
+  from="./scroll.sjs"
+  name="scroll" />
 
-<view class="ant-calendar {{className ? className : ''}}" style="{{style}}">
+<view
+  class="ant-calendar {{className ? className : ''}}"
+  style="{{style}}">
   <view class="ant-calendar-mark">
-    <view a:for="{{ markItems }}" class="{{helper.getMarkCellClassName(index,markItems)}}">
+    <view
+      a:for="{{ markItems }}"
+      class="{{helper.getMarkCellClassName(index,markItems)}}">
       <text>{{item}}</text>
     </view>
   </view>
@@ -24,14 +32,13 @@
     data-elementSize="{{elementSize}}"
     data-monthList="{{monthList}}"
     onScroll="{{scroll.handleScroll}}"
-    ref="handleRef"
-  >
-    <view a:for="{{ monthList }}" a:for-item="currentMonth">
+    ref="handleRef">
+    <view
+      a:for="{{ monthList }}"
+      a:for-item="currentMonth">
       <view class="ant-calendar-title-container">
         <slot name="calendarTitle">
-          <view class="ant-calendar-title">
-            {{currentMonth.title}}
-          </view>
+          <view class="ant-calendar-title">{{currentMonth.title}}</view>
         </slot>
       </view>
       <view class="ant-calendar-cells">
@@ -39,21 +46,21 @@
           <view
             class="{{helper.getClassName(item, index, currentMonth.cells)}}"
             data-time="{{item}}"
-            onTap="clickCell"
-          >
+            onTap="clickCell">
             <view class="ant-calendar-cell-container">
               <view class="ant-calendar-cell-top">
                 <block a:if="{{ item.top }}">
-                  <text class="ant-calendar-cell-top-text {{item.top.className? item.top.className:''}}">
+                  <text
+                    class="ant-calendar-cell-top-text {{item.top.className? item.top.className:''}}">
                     {{item.top.label}}
                   </text>
                 </block>
               </view>
-              <view class="ant-calendar-cell-center">
-                {{item.date}}
-              </view>
+              <view class="ant-calendar-cell-center">{{item.date}}</view>
               <view class="ant-calendar-cell-bottom">
-                <slot name="cell-bottom" cell="{{item}}">
+                <slot
+                  name="cell-bottom"
+                  cell="{{item}}">
                   <block a:if="{{ item.bottom }}">
                     <text class="{{item.bottom.className}}">
                       {{item.bottom.label}}
@@ -64,10 +71,11 @@
             </view>
           </view>
           <block a:if="{{ index % 7 !== 6 }}">
-            <view class="{{helper.getSpaceClassName(index, currentMonth.cells)}}" />
+            <view
+              class="{{helper.getSpaceClassName(index, currentMonth.cells)}}" />
           </block>
         </block>
       </view>
     </view>
   </scroll-view>
-</view>
\ No newline at end of file
+</view>
diff --git a/src/Checkbox/CheckboxGroup/index.axml b/src/Checkbox/CheckboxGroup/index.axml
index cca05149e..37d76a418 100644
--- a/src/Checkbox/CheckboxGroup/index.axml
+++ b/src/Checkbox/CheckboxGroup/index.axml
@@ -1,11 +1,13 @@
-<import-sjs from="../index.sjs" name="componentUtils" />
+<import-sjs
+  from="../index.sjs"
+  name="componentUtils" />
 
-<list 
-  className="ant-checkbox-group {{className ? className : ''}} ant-checkbox-group-{{position}}" style="{{style}}">
+<list
+  className="ant-checkbox-group {{className ? className : ''}} ant-checkbox-group-{{position}}"
+  style="{{style}}">
   <checkbox-group
     name="{{name}}"
-    value="{{ mixin.value }}"
-  >
+    value="{{ mixin.value }}">
     <view class="ant-checkbox-group-body">
       <block a:if="{{position === 'vertical'}}">
         <list-item a:for="{{options}}">
@@ -15,11 +17,15 @@
             data-index="{{index}}"
             value="{{item.value}}"
             disabled="{{disabled || item.disabled}}"
-            onChange="onChange"
-          > 
-            <slot name="label" value="{{item}}" index="{{index}}">
-              <view class="ant-checkbox-group-item-label-default">{{item.label}}</view>
-            </slot>  
+            onChange="onChange">
+            <slot
+              name="label"
+              value="{{item}}"
+              index="{{index}}">
+              <view class="ant-checkbox-group-item-label-default">
+                {{item.label}}
+              </view>
+            </slot>
           </checkbox>
         </list-item>
       </block>
@@ -31,10 +37,14 @@
           data-index="{{index}}"
           value="{{item.value}}"
           disabled="{{disabled || item.disabled}}"
-          onChange="onChange"
-        >
-          <slot name="label" value="{{item}}" index="{{index}}">
-            <view class="ant-checkbox-group-item-label-default">{{item.label}}</view>
+          onChange="onChange">
+          <slot
+            name="label"
+            value="{{item}}"
+            index="{{index}}">
+            <view class="ant-checkbox-group-item-label-default">
+              {{item.label}}
+            </view>
           </slot>
         </checkbox>
       </block>
diff --git a/src/Checkbox/index.axml b/src/Checkbox/index.axml
index 73dddc15a..d87ca67e4 100644
--- a/src/Checkbox/index.axml
+++ b/src/Checkbox/index.axml
@@ -1,21 +1,30 @@
-<import-sjs from="./index.sjs" name="componentUtils" />
-<label class="ant-checkbox-item {{className || ''}}"  style="{{style || ''}}">
+<import-sjs
+  from="./index.sjs"
+  name="componentUtils" />
+<label
+  class="ant-checkbox-item {{className || ''}}"
+  style="{{style || ''}}">
   <view class="ant-checkbox-item-container">
     <view class="ant-checkbox-item-wrap">
-      <checkbox 
+      <checkbox
         class="ant-checkbox-item-base"
         value="{{value}}"
         onChange="onChange"
         checked="{{mixin.value}}"
-        disabled="{{disabled}}"
-      />
+        disabled="{{disabled}}" />
       <view class="ant-checkbox-item-fake">
-        <view class="ant-checkbox-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}" style="{{mixin.value && !disabled && color ? 'background:' + color : ''}}">
-          <icon a:if="{{mixin.value}}" type="CheckOutline" class="ant-checkbox-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}-icon" />
+        <view
+          class="ant-checkbox-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}"
+          style="{{mixin.value && !disabled && color ? 'background:' + color : ''}}">
+          <icon
+            a:if="{{mixin.value}}"
+            type="CheckOutline"
+            class="ant-checkbox-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}-icon" />
         </view>
       </view>
     </view>
-    <view class="ant-checkbox-item-content {{disabled ? 'ant-checkbox-item-disabled' : ''}}">
+    <view
+      class="ant-checkbox-item-content {{disabled ? 'ant-checkbox-item-disabled' : ''}}">
       <slot />
     </view>
   </view>
diff --git a/src/Checklist/ChecklistItem/index.axml b/src/Checklist/ChecklistItem/index.axml
index 2af60aaa5..85ef0675a 100644
--- a/src/Checklist/ChecklistItem/index.axml
+++ b/src/Checklist/ChecklistItem/index.axml
@@ -1,21 +1,21 @@
-<view 
+<view
   class="ant-checklist-item"
   onTap="{{item.disabled || item.readonly ? '': 'onChecklistItemClick'}}"
   hover-class="{{item.disabled || item.readonly ? '' : 'ant-checklist-item-hover'}}"
   hover-start-time="{{20}}"
-  hover-stay-time="{{40}}"
->
-  <view class="ant-checklist-item-content {{item.disabled ? 'ant-checklist-item-content-disabled': ''}}">
+  hover-stay-time="{{40}}">
+  <view
+    class="ant-checklist-item-content {{item.disabled ? 'ant-checklist-item-content-disabled': ''}}">
     <view class="ant-checklist-item-content-box">
-      <slot name="content" item="{{item}}"/>
+      <slot
+        name="content"
+        item="{{item}}" />
     </view>
     <view
       a:if="{{checked}}"
-      class="ant-checklist-item-content-icon "
-    >
+      class="ant-checklist-item-content-icon">
       <slot name="icon" />
     </view>
   </view>
-  <view class="ant-checklist-item-line">
-  </view>
-</view>
\ No newline at end of file
+  <view class="ant-checklist-item-line"></view>
+</view>
diff --git a/src/Checklist/index.axml b/src/Checklist/index.axml
index dfbd8c725..41fa45f87 100644
--- a/src/Checklist/index.axml
+++ b/src/Checklist/index.axml
@@ -1,20 +1,34 @@
-<import-sjs from="./index.sjs" name="{getChecked}" />
-<view class="ant-checklist {{className ? className : ''}}" style="{{style || ''}}">
+<import-sjs
+  from="./index.sjs"
+  name="{getChecked}" />
+<view
+  class="ant-checklist {{className ? className : ''}}"
+  style="{{style || ''}}">
   <view class="ant-checklist-body">
     <checklist-item
       a:for="{{options}}"
       checked="{{getChecked(item.value,mixin.value,multiple)}}"
       item="{{item}}"
-      onChange="onChange"
-    >
-      <view slot="content" class="ant-checklist-item-content-box-nut">
-        <slot name="content" item="{{item}}">
-          <image a:if="{{item.image}}" class="ant-checklist-item-image" src="{{item.image}}" />
-          <view class="ant-checklist-item-text {{item.image ? '': 'ant-checklist-item-text-no-image'}}">
-            <view class="ant-checklist-item-text-title {{item.disabled ? 'ant-checklist-item-text-disabled' : ''}}">
+      onChange="onChange">
+      <view
+        slot="content"
+        class="ant-checklist-item-content-box-nut">
+        <slot
+          name="content"
+          item="{{item}}">
+          <image
+            a:if="{{item.image}}"
+            class="ant-checklist-item-image"
+            src="{{item.image}}" />
+          <view
+            class="ant-checklist-item-text {{item.image ? '': 'ant-checklist-item-text-no-image'}}">
+            <view
+              class="ant-checklist-item-text-title {{item.disabled ? 'ant-checklist-item-text-disabled' : ''}}">
               {{item.title}}
             </view>
-            <view a:if="{{item.description}}" class="ant-checklist-item-text-description {{item.disabled ? 'ant-checklist-item-text-disabled' : ''}}">
+            <view
+              a:if="{{item.description}}"
+              class="ant-checklist-item-text-description {{item.disabled ? 'ant-checklist-item-text-disabled' : ''}}">
               {{item.description}}
             </view>
           </view>
@@ -22,9 +36,11 @@
       </view>
       <view slot="icon">
         <slot name="icon">
-          <icon type="CheckOutline" class="ant-checklist-item-check-icon" />
+          <icon
+            type="CheckOutline"
+            class="ant-checklist-item-check-icon" />
         </slot>
       </view>
     </checklist-item>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/src/Collapse/index.axml b/src/Collapse/index.axml
index 79d5c698e..4d7a39954 100644
--- a/src/Collapse/index.axml
+++ b/src/Collapse/index.axml
@@ -1,32 +1,51 @@
-<import-sjs name="utils" from="./index.sjs" />
+<import-sjs
+  name="utils"
+  from="./index.sjs" />
 
-<view class="ant-collapse {{className ? className : ''}}" style="{{style}}">
-  <view a:for="{{items}}" class="ant-collapse-item 
+<view
+  class="ant-collapse {{className ? className : ''}}"
+  style="{{style}}">
+  <view
+    a:for="{{items}}"
+    class="ant-collapse-item 
     {{utils.isActive(mixin.value, index, item.disabled) ? 'ant-collapse-item-active' : ''}} 
-    {{item.disabled ? 'ant-collapse-item-disabled' : ''}}"
-  >
-    <view class="ant-collapse-item-title"
-      data-active="{{utils.isActive(mixin.value, index, item.disabled)}}" 
+    {{item.disabled ? 'ant-collapse-item-disabled' : ''}}">
+    <view
+      class="ant-collapse-item-title"
+      data-active="{{utils.isActive(mixin.value, index, item.disabled)}}"
       data-index="{{index}}"
       data-id="{{$id}}"
-      onTap="onChange"
-    >
+      onTap="onChange">
       <view class="ant-collapse-item-line">
         <view class="ant-collapse-item-title-node">
-          <slot name="title" value="{{item}}" index="{{index}}" current="{{mixin.value}}">
+          <slot
+            name="title"
+            value="{{item}}"
+            index="{{index}}"
+            current="{{mixin.value}}">
             {{item.title}}
           </slot>
         </view>
         <view class="ant-collapse-item-brief-container">
           <view class="ant-collapse-item-brief-node">
-            <slot name="brief" value="{{item}}" index="{{index}}" current="{{mixin.value}}">
+            <slot
+              name="brief"
+              value="{{item}}"
+              index="{{index}}"
+              current="{{mixin.value}}">
               {{brief}}
             </slot>
           </view>
-          
+
           <view class="ant-collapse-item-title-arrow">
-            <slot name="icon" value="{{item}}" index="{{index}}" current="{{mixin.value}}">
-              <am-icon type="{{utils.isActive(mixin.value, index, item.disabled) ? 'UpOutline' : 'DownOutline'}}" size="x-small" /> 
+            <slot
+              name="icon"
+              value="{{item}}"
+              index="{{index}}"
+              current="{{mixin.value}}">
+              <am-icon
+                type="{{utils.isActive(mixin.value, index, item.disabled) ? 'UpOutline' : 'DownOutline'}}"
+                size="x-small" />
             </slot>
           </view>
         </view>
@@ -36,16 +55,19 @@
       class="ant-collapse-item-content-wrap {{hasChange ? 'ant-collapse-item-content-wrap-transition' : ''}} {{`ant-collapse-item-content-wrap-${$id}-${index}`}}"
       onTransitionEnd="resetContentHeight"
       style="{{utils.getStyleHeight(index, contentHeight, item.disabled)}}"
-      data-index="{{index}}"
-    >
+      data-index="{{index}}">
       <view class="ant-collapse-item-content-container">
-        <view class="ant-collapse-item-content {{`ant-collapse-item-content-${$id}-${index}`}}">
-          <slot name="content" value="{{item}}" index="{{index}}" current="{{mixin.value}}">
+        <view
+          class="ant-collapse-item-content {{`ant-collapse-item-content-${$id}-${index}`}}">
+          <slot
+            name="content"
+            value="{{item}}"
+            index="{{index}}"
+            current="{{mixin.value}}">
             {{item.content}}
           </slot>
         </view>
       </view>
     </view>
   </view>
-
-</view>
\ No newline at end of file
+</view>
diff --git a/src/Container/index.axml b/src/Container/index.axml
index 83af00ddc..f55fd73af 100644
--- a/src/Container/index.axml
+++ b/src/Container/index.axml
@@ -1,12 +1,12 @@
-<view class="ant-container {{ headerInBox ? 'ant-container-headerInBox' : 'ant-container-headerNotInBox' }} {{className ? className : ''}}" style="{{style}}">
+<view
+  class="ant-container {{ headerInBox ? 'ant-container-headerInBox' : 'ant-container-headerNotInBox' }} {{className ? className : ''}}"
+  style="{{style}}">
   <view class="ant-container-header">
     <view class="ant-container-header-title">
       <slot name="title">{{title}}</slot>
     </view>
-    <view 
-      class="ant-container-header-right"
-    >
-      <slot name="headerRight"/>
+    <view class="ant-container-header-right">
+      <slot name="headerRight" />
     </view>
   </view>
   <view class="ant-container-content">
diff --git a/src/DatePicker/RangePicker/index.axml b/src/DatePicker/RangePicker/index.axml
index 774e32a2b..87aba87e3 100644
--- a/src/DatePicker/RangePicker/index.axml
+++ b/src/DatePicker/RangePicker/index.axml
@@ -1,45 +1,68 @@
 <template name="selector">
-    <view 
-        class="ant-range-picker-selector-item {{active?'ant-range-picker-selector-item-active':''}}" 
-        onTap="onChangeCurrentPickerType" 
-        data-type="{{type}}">
-        <view a:if="{{value}}" class="ant-range-picker-selector-item-value">{{value}}</view>
-        <view a:else class="ant-range-picker-selector-item-placeholder">{{placeholder}}</view>
-        <icon type="CalendarOutline" className="ant-range-picker-selector-item-icon" a:if="{{precision==='year'||precision==='month'||precision==='day'||precision==='hour'}}"/>
+  <view
+    class="ant-range-picker-selector-item {{active?'ant-range-picker-selector-item-active':''}}"
+    onTap="onChangeCurrentPickerType"
+    data-type="{{type}}">
+    <view
+      a:if="{{value}}"
+      class="ant-range-picker-selector-item-value">
+      {{value}}
     </view>
-</template>
-<picker 
-    className="ant-range-picker"
-    popClassName="{{(!currentStartDate||!currentEndDate)?'ant-range-picker-confirm-disabled':''}} {{popClassName || ''}}"
-    style="{{style}}"
-    animationType="{{ animationType }}"
-    options="{{columns}}"
-    value="{{currentValue}}"
-    disabled="{{disabled}}"
-    title="{{title}}" 
-    placeholder="{{placeholder}}"
-    okText="{{okText}}"
-    cancelText="{{cancelText}}"
-    maskStyle="{{maskStyle}}"
-    maskClassName="{{maskClassName}}"
-    indicatorStyle="{{indicatorStyle}}"
-    indicatorClassName="{{indicatorClassName}}"
-    onChange="onChange"
-    onCancel="onCancel"
-    onOk="onOk"
-    onVisibleChange="onVisibleChange"
-    maskClosable="{{maskClosable}}"
-    forceUpdate="{{forceUpdate}}"
-    onFormat="onFormat">
-    <view class="ant-range-picker-selector" slot="content-header">
-      <template is="selector" data="{{placeholder:startPlaceholder,active:pickerType==='start',type:'start',value:currentStartValueStr,precision:precision}}"/>
-      <view class="ant-range-picker-selector-split">
-        {{splitCharacter}}
-      </view>
-      <template is="selector" data="{{placeholder:endPlaceholder,active:pickerType==='end',type:'end',value:currentEndValueStr,precision:precision}}"/>
+    <view
+      a:else
+      class="ant-range-picker-selector-item-placeholder">
+      {{placeholder}}
     </view>
-    <slot name="content" slot="content"/>
-    <slot name="title" slot="title"/>
-    <slot name="prefix" slot="prefix"/>
-    <slot name="suffix" slot="suffix"/>
-</picker>
\ No newline at end of file
+    <icon
+      type="CalendarOutline"
+      className="ant-range-picker-selector-item-icon"
+      a:if="{{precision==='year'||precision==='month'||precision==='day'||precision==='hour'}}" />
+  </view>
+</template>
+<picker
+  className="ant-range-picker"
+  popClassName="{{(!currentStartDate||!currentEndDate)?'ant-range-picker-confirm-disabled':''}} {{popClassName || ''}}"
+  style="{{style}}"
+  animationType="{{ animationType }}"
+  options="{{columns}}"
+  value="{{currentValue}}"
+  disabled="{{disabled}}"
+  title="{{title}}"
+  placeholder="{{placeholder}}"
+  okText="{{okText}}"
+  cancelText="{{cancelText}}"
+  maskStyle="{{maskStyle}}"
+  maskClassName="{{maskClassName}}"
+  indicatorStyle="{{indicatorStyle}}"
+  indicatorClassName="{{indicatorClassName}}"
+  onChange="onChange"
+  onCancel="onCancel"
+  onOk="onOk"
+  onVisibleChange="onVisibleChange"
+  maskClosable="{{maskClosable}}"
+  forceUpdate="{{forceUpdate}}"
+  onFormat="onFormat">
+  <view
+    class="ant-range-picker-selector"
+    slot="content-header">
+    <template
+      is="selector"
+      data="{{placeholder:startPlaceholder,active:pickerType==='start',type:'start',value:currentStartValueStr,precision:precision}}" />
+    <view class="ant-range-picker-selector-split">{{splitCharacter}}</view>
+    <template
+      is="selector"
+      data="{{placeholder:endPlaceholder,active:pickerType==='end',type:'end',value:currentEndValueStr,precision:precision}}" />
+  </view>
+  <slot
+    name="content"
+    slot="content" />
+  <slot
+    name="title"
+    slot="title" />
+  <slot
+    name="prefix"
+    slot="prefix" />
+  <slot
+    name="suffix"
+    slot="suffix" />
+</picker>
diff --git a/src/DatePicker/index.axml b/src/DatePicker/index.axml
index d2cbefcb2..a2253c951 100644
--- a/src/DatePicker/index.axml
+++ b/src/DatePicker/index.axml
@@ -1,4 +1,4 @@
-<picker 
+<picker
   className="ant-date-picker"
   popClassName="ant-date-picker-popup {{popClassName || ''}}"
   style="{{style}}"
@@ -7,7 +7,7 @@
   options="{{columns}}"
   value="{{currentValue}}"
   disabled="{{disabled}}"
-  title="{{title}}" 
+  title="{{title}}"
   placeholder="{{placeholder}}"
   okText="{{okText}}"
   cancelText="{{cancelText}}"
@@ -22,8 +22,16 @@
   maskClosable="{{maskClosable}}"
   forceUpdate="{{forceUpdate}}"
   onFormat="onFormat">
-  <slot name="content" slot="content"/>
-  <slot name="title" slot="title"/>
-  <slot name="prefix" slot="prefix"/>
-  <slot name="suffix" slot="suffix"/>
-</picker>
\ No newline at end of file
+  <slot
+    name="content"
+    slot="content" />
+  <slot
+    name="title"
+    slot="title" />
+  <slot
+    name="prefix"
+    slot="prefix" />
+  <slot
+    name="suffix"
+    slot="suffix" />
+</picker>
diff --git a/src/Divider/index.axml b/src/Divider/index.axml
index 7930b46f6..6015c8157 100644
--- a/src/Divider/index.axml
+++ b/src/Divider/index.axml
@@ -1,46 +1,45 @@
-<import-sjs from="./index.sjs" name="divider" />
+<import-sjs
+  from="./index.sjs"
+  name="divider" />
 
 <!-- 水平分割线 -->
-<view 
-  a:if="{{direction==='horizontal'}}" 
+<view
+  a:if="{{direction==='horizontal'}}"
   class="ant-divider ant-divider-horizontal {{className || ''}}"
-  style="{{style || ''}}"
->
-  <view 
-    class="ant-divider-horizontal-left" 
+  style="{{style || ''}}">
+  <view
+    class="ant-divider-horizontal-left"
     style="
       flex: {{divider.getLineWidthFlex(textPosition,text)[0]}};
       {{lineHeight ? `borderBottomWidth:${lineHeight}px;`:'' }}
       {{lineType ? `borderBottomStyle:${lineType};`: ''}}
       {{lineColor ? `borderBottomColor:${lineColor};`: ''}}
-    "
-  />
+    " />
   <slot name="text">
-    <view 
-      class="ant-divider-horizontal-text {{textClassName || ''}}" 
-      a:if="{{text}}" 
-      style="{{textStyle || ''}}"
-    >{{text}}</view>
+    <view
+      class="ant-divider-horizontal-text {{textClassName || ''}}"
+      a:if="{{text}}"
+      style="{{textStyle || ''}}">
+      {{text}}
+    </view>
   </slot>
-  <view 
-    class="ant-divider-horizontal-right" 
+  <view
+    class="ant-divider-horizontal-right"
     style="
       flex: {{divider.getLineWidthFlex(textPosition,text)[1]}};
       {{lineHeight ? `borderBottomWidth:${lineHeight}px;`:'' }}
       {{lineType ? `borderBottomStyle:${lineType};`: ''}}
       {{lineColor ? `borderBottomColor:${lineColor};`: ''}}
-    "
-  />
+    " />
 </view>
 
 <!-- 垂直分割线 -->
-<view 
-  a:if="{{direction==='vertical'}}" 
-  class="ant-divider ant-divider-vertical {{className || ''}}" 
+<view
+  a:if="{{direction==='vertical'}}"
+  class="ant-divider ant-divider-vertical {{className || ''}}"
   style="
     {{style || ''}};
     {{lineWidth ? `borderRightWidth:${lineWidth}px;`:'' }}
     {{lineType ? `borderRightStyle:${lineType};`: ''}}
     {{lineColor ? `borderRightColor:${lineColor};`: ''}}
-  "
-/>
\ No newline at end of file
+  " />
diff --git a/src/Empty/index.axml b/src/Empty/index.axml
index add19686d..4cd772f0f 100644
--- a/src/Empty/index.axml
+++ b/src/Empty/index.axml
@@ -1,20 +1,20 @@
-<view class="ant-empty {{className || ''}}" style="{{style || ''}}">
+<view
+  class="ant-empty {{className || ''}}"
+  style="{{style || ''}}">
   <view class="ant-empty">
     <view class="ant-empty-image">
       <slot name="image">
-        <image class="ant-empty-image-element" src="{{image || 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*0AaRRrYlVDkAAAAAAAAAAAAAARQnAQ'}}" />
+        <image
+          class="ant-empty-image-element"
+          src="{{image || 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*0AaRRrYlVDkAAAAAAAAAAAAAARQnAQ'}}" />
       </slot>
     </view>
     <view class="ant-empty-text">
       <view class="ant-empty-text-main">
-        <slot name="title">
-          {{title}}
-        </slot>
+        <slot name="title">{{title}}</slot>
       </view>
       <view class="ant-empty-text-sub">
-        <slot name="message">
-          {{message}}
-        </slot>
+        <slot name="message">{{message}}</slot>
       </view>
     </view>
     <view class="ant-empty-extra">
diff --git a/src/Form/FormCascaderPicker/index.axml b/src/Form/FormCascaderPicker/index.axml
index 9662b81c8..7c69ef902 100644
--- a/src/Form/FormCascaderPicker/index.axml
+++ b/src/Form/FormCascaderPicker/index.axml
@@ -1,4 +1,6 @@
-<import-sjs name="arrowUtil" from="../../_util/arrow.sjs" />
+<import-sjs
+  name="arrowUtil"
+  from="../../_util/arrow.sjs" />
 <form-item
   className="{{className}}"
   position="{{position}}"
@@ -10,10 +12,9 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
-    <cascader-picker 
+    <cascader-picker
       options="{{options}}"
       cancelText="{{cancelText}}"
       okText="{{okText}}"
@@ -25,30 +26,46 @@
       style="{{style}}"
       popStyle="{{popStyle}}"
       disabled="{{disabled}}"
-      title="{{title}}" 
+      title="{{title}}"
       maskClassName="{{maskClassName}}"
       indicatorStyle="{{indicatorStyle}}"
       indicatorClassName="{{indicatorClassName}}"
-      value="{{formData.value}}" 
+      value="{{formData.value}}"
       onOk="onOk"
       onChange="onChange"
       onCancel="onDismissPicker"
       onVisibleChange="onVisibleChange"
       onFormat="onFormat">
-      <slot name="content" slot="content"/>
-      <slot name="title" slot="title"/>
-      <icon a:if="{{arrowUtil.getArrow(arrow)}}" className="ant-form-cascader-picker-arrow" type="{{arrowUtil.getArrow(arrow)}}" slot="suffix"/>
+      <slot
+        name="content"
+        slot="content" />
+      <slot
+        name="title"
+        slot="title" />
+      <icon
+        a:if="{{arrowUtil.getArrow(arrow)}}"
+        className="ant-form-cascader-picker-arrow"
+        type="{{arrowUtil.getArrow(arrow)}}"
+        slot="suffix" />
     </cascader-picker>
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormCheckboxGroup/index.axml b/src/Form/FormCheckboxGroup/index.axml
index 0309bc075..ecc91de31 100644
--- a/src/Form/FormCheckboxGroup/index.axml
+++ b/src/Form/FormCheckboxGroup/index.axml
@@ -9,28 +9,40 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
-    <checkbox-group 
-      options="{{options}}" 
-      value="{{formData.value}}" 
-      onChange="onChange" 
-      color="{{color}}" 
+    <checkbox-group
+      options="{{options}}"
+      value="{{formData.value}}"
+      onChange="onChange"
+      color="{{color}}"
       disabled="{{disabled}}"
       position="{{checkboxPosition}}">
-      <slot name="checkboxLabel" slot="label" slot-scope="props" value="{{props.value}}" index="{{props.index}}"/>
+      <slot
+        name="checkboxLabel"
+        slot="label"
+        slot-scope="props"
+        value="{{props.value}}"
+        index="{{props.index}}" />
     </checkbox-group>
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormDatePicker/index.axml b/src/Form/FormDatePicker/index.axml
index 12683da8f..9f0ec6326 100644
--- a/src/Form/FormDatePicker/index.axml
+++ b/src/Form/FormDatePicker/index.axml
@@ -1,4 +1,6 @@
-<import-sjs name="arrowUtil" from="../../_util/arrow.sjs" />
+<import-sjs
+  name="arrowUtil"
+  from="../../_util/arrow.sjs" />
 <form-item
   className="{{className}}"
   position="{{position}}"
@@ -10,10 +12,9 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
-    <date-picker 
+    <date-picker
       min="{{min}}"
       max="{{max}}"
       format="{{format}}"
@@ -28,31 +29,47 @@
       style="{{style}}"
       popStyle="{{popStyle}}"
       disabled="{{disabled}}"
-      title="{{title}}" 
+      title="{{title}}"
       maskClassName="{{maskClassName}}"
       indicatorStyle="{{indicatorStyle}}"
       indicatorClassName="{{indicatorClassName}}"
-      value="{{formData.value}}" 
+      value="{{formData.value}}"
       onOk="onOk"
       onChange="onPickerChange"
       onCancel="onDismissPicker"
       onVisibleChange="onVisibleChange"
       onFormatLabel="onFormatLabel"
       onFormat="onFormat">
-      <slot name="content" slot="content"/>
-      <slot name="title" slot="title"/>
-      <icon a:if="{{arrowUtil.getArrow(arrow)}}" className="ant-form-date-picker-arrow" type="{{arrowUtil.getArrow(arrow)}}" slot="suffix"/>
+      <slot
+        name="content"
+        slot="content" />
+      <slot
+        name="title"
+        slot="title" />
+      <icon
+        a:if="{{arrowUtil.getArrow(arrow)}}"
+        className="ant-form-date-picker-arrow"
+        type="{{arrowUtil.getArrow(arrow)}}"
+        slot="suffix" />
     </date-picker>
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormImageUpload/index.axml b/src/Form/FormImageUpload/index.axml
index 2ab1be0e2..27960c416 100644
--- a/src/Form/FormImageUpload/index.axml
+++ b/src/Form/FormImageUpload/index.axml
@@ -9,8 +9,7 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <image-upload
     fileList="{{formData.value}}"
     maxCount="{{maxCount}}"
@@ -21,17 +20,24 @@
     onRemove="onRemove"
     onPreview="onPreview"
     onBeforeUpload="onBeforeUpload"
-    onChooseImageError="onChooseImageError"
-  />
+    onChooseImageError="onChooseImageError" />
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormInput/index.axml b/src/Form/FormInput/index.axml
index fa6834511..646b5c981 100644
--- a/src/Form/FormInput/index.axml
+++ b/src/Form/FormInput/index.axml
@@ -49,4 +49,4 @@
   <view slot="footer" slot-scope="item">
     <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
   </view>
-</form-item>
+</form-item>
\ No newline at end of file
diff --git a/src/Form/FormItem/index.axml b/src/Form/FormItem/index.axml
index 1d238c300..23a77f1da 100644
--- a/src/Form/FormItem/index.axml
+++ b/src/Form/FormItem/index.axml
@@ -1,17 +1,24 @@
-<view class="ant-form-item {{className ? className :''}} ant-form-item-{{requiredMark}}">
-  <slot name="header" errors="{{errors}}" status="{{status}}" />
-  <view class="ant-form-item-line ant-form-item-line-{{position}} {{ !!errorInfo ? 'noLine'  : '' }}">
+<view
+  class="ant-form-item {{className ? className :''}} ant-form-item-{{requiredMark}}">
+  <slot
+    name="header"
+    errors="{{errors}}"
+    status="{{status}}" />
+  <view
+    class="ant-form-item-line ant-form-item-line-{{position}} {{ !!errorInfo ? 'noLine'  : '' }}">
     <view class="ant-form-item-content ant-form-item-content-{{position}}">
       <!--label-->
-      <view 
+      <view
         a:if="{{label}}"
         style="{{labelWidth ? `width: ${labelWidth}` : ''}}"
         class="ant-form-item-label {{disabled ? 'ant-form-item-label-disabled' : ''}} ant-form-item-label-{{position}} {{required ? 'ant-form-item-label-required' : ''}}">
         <view class="ant-form-item-label-text">{{label}}</view>
-        <popover 
-          a:if="{{tooltip}}"
-        >
-          <view slot="content" class="ant-form-item-label-help-content">{{tooltip}}</view>
+        <popover a:if="{{tooltip}}">
+          <view
+            slot="content"
+            class="ant-form-item-label-help-content">
+            {{tooltip}}
+          </view>
           <icon type="QuestionCircleOutline" />
         </popover>
       </view>
@@ -29,5 +36,8 @@
       <slot name="extra" />
     </view>
   </view>
-  <slot name="footer" errors="{{errors}}" status="{{status}}" />
+  <slot
+    name="footer"
+    errors="{{errors}}"
+    status="{{status}}" />
 </view>
diff --git a/src/Form/FormPicker/index.axml b/src/Form/FormPicker/index.axml
index 47a6e7a8d..883968cbc 100644
--- a/src/Form/FormPicker/index.axml
+++ b/src/Form/FormPicker/index.axml
@@ -1,4 +1,6 @@
-<import-sjs name="arrowUtil" from="../../_util/arrow.sjs" />
+<import-sjs
+  name="arrowUtil"
+  from="../../_util/arrow.sjs" />
 <form-item
   className="{{className}}"
   position="{{position}}"
@@ -10,10 +12,9 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
-    <picker 
+    <picker
       cancelText="{{cancelText}}"
       okText="{{okText}}"
       placeholder="{{placeholder}}"
@@ -24,31 +25,47 @@
       popStyle="{{popStyle}}"
       animationType="{{ animationType }}"
       disabled="{{disabled}}"
-      title="{{title}}" 
+      title="{{title}}"
       maskClassName="{{maskClassName}}"
       indicatorStyle="{{indicatorStyle}}"
       indicatorClassName="{{indicatorClassName}}"
-      options="{{options}}"    
-      value="{{formData.value}}" 
+      options="{{options}}"
+      value="{{formData.value}}"
       onOk="onOk"
       onChange="onChange"
       onCancel="onDismissPicker"
       onVisibleChange="onVisibleChange"
       onFormat="onFormat">
-      <slot name="title" slot="title"/>
-      <slot name="content" slot="content"/>
-      <icon a:if="{{arrowUtil.getArrow(arrow)}}" className="ant-form-picker-arrow" type="{{arrowUtil.getArrow(arrow)}}" slot="suffix"/>
+      <slot
+        name="title"
+        slot="title" />
+      <slot
+        name="content"
+        slot="content" />
+      <icon
+        a:if="{{arrowUtil.getArrow(arrow)}}"
+        className="ant-form-picker-arrow"
+        type="{{arrowUtil.getArrow(arrow)}}"
+        slot="suffix" />
     </picker>
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormRadioGroup/index.axml b/src/Form/FormRadioGroup/index.axml
index 67bc9786f..24299c02f 100644
--- a/src/Form/FormRadioGroup/index.axml
+++ b/src/Form/FormRadioGroup/index.axml
@@ -9,28 +9,40 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
-    <radio-group 
-      options="{{options}}" 
-      value="{{formData.value}}" 
-      onChange="onChange" 
-      color="{{color}}" 
+    <radio-group
+      options="{{options}}"
+      value="{{formData.value}}"
+      onChange="onChange"
+      color="{{color}}"
       disabled="{{disabled}}"
       position="{{radioPosition}}">
-      <slot name="radioLabel" slot="label" slot-scope="props" value="{{props.value}}" index="{{props.index}}"/>
+      <slot
+        name="radioLabel"
+        slot="label"
+        slot-scope="props"
+        value="{{props.value}}"
+        index="{{props.index}}" />
     </radio-group>
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormRangePicker/index.axml b/src/Form/FormRangePicker/index.axml
index ec8346788..dd426d5b8 100644
--- a/src/Form/FormRangePicker/index.axml
+++ b/src/Form/FormRangePicker/index.axml
@@ -1,4 +1,6 @@
-<import-sjs name="arrowUtil" from="../../_util/arrow.sjs" />
+<import-sjs
+  name="arrowUtil"
+  from="../../_util/arrow.sjs" />
 <form-item
   className="{{className}}"
   position="{{position}}"
@@ -10,10 +12,9 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
-    <range-picker 
+    <range-picker
       endPlaceholder="{{endPlaceholder}}"
       startPlaceholder="{{startPlaceholder}}"
       splitCharacter="{{splitCharacter}}"
@@ -31,31 +32,47 @@
       style="{{style}}"
       popStyle="{{popStyle}}"
       disabled="{{disabled}}"
-      title="{{title}}" 
+      title="{{title}}"
       maskClassName="{{maskClassName}}"
       indicatorStyle="{{indicatorStyle}}"
       indicatorClassName="{{indicatorClassName}}"
-      value="{{formData.value}}" 
+      value="{{formData.value}}"
       onOk="onOk"
       onChange="onPickerChange"
       onCancel="onDismissPicker"
       onVisibleChange="onVisibleChange"
       onFormatLabel="onFormatLabel"
       onFormat="onFormat">
-      <slot name="content" slot="content"/>
-      <slot name="title" slot="title"/>
-      <icon a:if="{{arrowUtil.getArrow(arrow)}}" className="ant-form-range-picker-arrow" type="{{arrowUtil.getArrow(arrow)}}" slot="suffix"/>
+      <slot
+        name="content"
+        slot="content" />
+      <slot
+        name="title"
+        slot="title" />
+      <icon
+        a:if="{{arrowUtil.getArrow(arrow)}}"
+        className="ant-form-range-picker-arrow"
+        type="{{arrowUtil.getArrow(arrow)}}"
+        slot="suffix" />
     </range-picker>
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormRate/index.axml b/src/Form/FormRate/index.axml
index 0866f7cf6..4a2f34842 100644
--- a/src/Form/FormRate/index.axml
+++ b/src/Form/FormRate/index.axml
@@ -10,8 +10,7 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <rate
     value="{{formData.value}}"
     count="{{count}}"
@@ -23,8 +22,7 @@
     style="{{rateStyle}}"
     characterActiveClassName="{{characterActiveClassName}}"
     characterClassName="{{characterActiveClassName}}"
-    onChange="onChange"
-  >
+    onChange="onChange">
     <view slot="character">
       <slot name="character">
         <icon type="StarFill" />
@@ -32,14 +30,22 @@
     </view>
   </rate>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
- <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormSelector/index.axml b/src/Form/FormSelector/index.axml
index fd36b0cac..a59cc9d85 100644
--- a/src/Form/FormSelector/index.axml
+++ b/src/Form/FormSelector/index.axml
@@ -9,8 +9,7 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
     <selector
       value="{{formData.value}}"
@@ -23,18 +22,25 @@
       activeItemStyle="{{activeItemStyle}}"
       onSelectMax="onSelectMax"
       onSelectMin="onSelectMin"
-      onChange="onChange"
-    />
+      onChange="onChange" />
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormSlider/index.axml b/src/Form/FormSlider/index.axml
index 687e94da5..ed372865e 100644
--- a/src/Form/FormSlider/index.axml
+++ b/src/Form/FormSlider/index.axml
@@ -10,8 +10,7 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
     <slider
       value="{{formData.value}}"
@@ -30,18 +29,25 @@
       showTooltip="{{showTooltip}}"
       disabled="{{disabled}}"
       onChange="onChange"
-      onAfterChange="onAfterChange"
-    />
+      onAfterChange="onAfterChange" />
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormStepper/index.axml b/src/Form/FormStepper/index.axml
index 099998cce..9d833532b 100644
--- a/src/Form/FormStepper/index.axml
+++ b/src/Form/FormStepper/index.axml
@@ -10,8 +10,7 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
     <stepper
       value="{{formData.value}}"
@@ -28,18 +27,25 @@
       precision="{{precision}}"
       onBlur="onBlur"
       onConfirm="onConfirm"
-      onFocus="onFocus"
-    />
+      onFocus="onFocus" />
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Form/FormSwitch/index.axml b/src/Form/FormSwitch/index.axml
index 552c45c4d..538f12dbd 100644
--- a/src/Form/FormSwitch/index.axml
+++ b/src/Form/FormSwitch/index.axml
@@ -9,8 +9,7 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <view>
     <switch
       className="{{switchClassName}}"
@@ -21,13 +20,10 @@
       uncheckedText="{{uncheckedText}}"
       size="{{size}}"
       style="{{switchStyle}}"
-      onChange="onChange"
-    />
+      onChange="onChange" />
   </view>
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
   <view slot="header">
     <slot name="header" />
diff --git a/src/Form/FormTextarea/index.axml b/src/Form/FormTextarea/index.axml
index f40f5f2a2..7530decd3 100644
--- a/src/Form/FormTextarea/index.axml
+++ b/src/Form/FormTextarea/index.axml
@@ -9,8 +9,7 @@
   required="{{formData.required}}"
   requiredMark="{{requiredMark}}"
   validateStatus="{{validateStatus}}"
-  help="{{help}}"
->
+  help="{{help}}">
   <textarea
     ref="handleRef"
     allowClear="{{allowClear}}"
@@ -19,23 +18,30 @@
     placeholder="{{placeholder}}"
     placeholderClassName="{{placeholderClassName}}"
     placeholderStyle="{{placeholderStyle}}"
-    maxLength="{{maxLength}}"
+    maxlength="{{maxLength}}"
     autoHeight="{{autoHeight}}"
     showCount="{{showCount}}"
     onChange="onChange"
     onBlur="onBlur"
     onFocus="onFocus"
-    onConfirm="onConfirm"
-  />
+    onConfirm="onConfirm" />
   <view slot="extra">
-    <slot name="extra">
-      {{extra}}
-    </slot>
+    <slot name="extra">{{extra}}</slot>
   </view>
-  <view slot="header" slot-scope="item">
-    <slot name="header" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="header"
+    slot-scope="item">
+    <slot
+      name="header"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
-  <view slot="footer" slot-scope="item">
-    <slot name="footer" errors="{{item.errors}}" status="{{item.status}}" />
+  <view
+    slot="footer"
+    slot-scope="item">
+    <slot
+      name="footer"
+      errors="{{item.errors}}"
+      status="{{item.status}}" />
   </view>
 </form-item>
diff --git a/src/Grid/index.axml b/src/Grid/index.axml
index 5d524662f..148e28066 100644
--- a/src/Grid/index.axml
+++ b/src/Grid/index.axml
@@ -1,57 +1,87 @@
-<import-sjs name="sjs" from='./index.sjs' />
-<view 
-    class="ant-grid ant-grid-columns-{{columns}} ant-grid-{{mode}} {{className||''}}" 
-    a:if="{{mode==='default'}}" 
-    style="{{style || ''}}">
-    <view 
-        a:for="{{ items }}" 
-        data-item="{{ item }}"
-        class="ant-grid-item ant-grid-item-{{gridItemLayout}}  {{sjs.checkNeedVerticalSpace(items.length,index,columns)?'ant-grid-item-vertical-space':''}} ant-grid-item-columns-{{columns}} {{sjs.checkShowSplitLine(index,items.length,columns,mode,showDivider)?'ant-grid-item-line':''}}" 
-        onTap="onTap" 
-        onFirstAppear="onFirstAppear">
-        <view class="ant-grid-item-icon ant-grid-item-icon-{{item.iconStyle||iconStyle}}">
-            <slot name="icon" value="{{ item }}" index="{{ index }}">
-                <image-icon 
-                    image="{{item.icon}}" 
-                    className="ant-grid-item-icon" 
-                    style="{{iconSize?`width:${iconSize}px;height:${iconSize}px;font-size:${iconSize}px`:''}}"  />
-            </slot>
-        </view>
-        <view class="ant-grid-item-title">
-            <slot name="title" value="{{ item }}" index="{{ index }}">{{item.title}}</slot>
-        </view>
-        <view class="ant-grid-item-description">
-            <slot name="description" value="{{ item }}" index="{{ index }}">{{item.description}}</slot>
-        </view>
-    </view>    
+<import-sjs
+  name="sjs"
+  from="./index.sjs" />
+<view
+  class="ant-grid ant-grid-columns-{{columns}} ant-grid-{{mode}} {{className||''}}"
+  a:if="{{mode==='default'}}"
+  style="{{style || ''}}">
+  <view
+    a:for="{{ items }}"
+    data-item="{{ item }}"
+    class="ant-grid-item ant-grid-item-{{gridItemLayout}}  {{sjs.checkNeedVerticalSpace(items.length,index,columns)?'ant-grid-item-vertical-space':''}} ant-grid-item-columns-{{columns}} {{sjs.checkShowSplitLine(index,items.length,columns,mode,showDivider)?'ant-grid-item-line':''}}"
+    onTap="onTap"
+    onFirstAppear="onFirstAppear">
+    <view
+      class="ant-grid-item-icon ant-grid-item-icon-{{item.iconStyle||iconStyle}}">
+      <slot
+        name="icon"
+        value="{{ item }}"
+        index="{{ index }}">
+        <image-icon
+          image="{{item.icon}}"
+          className="ant-grid-item-icon"
+          style="{{iconSize?`width:${iconSize}px;height:${iconSize}px;font-size:${iconSize}px`:''}}" />
+      </slot>
+    </view>
+    <view class="ant-grid-item-title">
+      <slot
+        name="title"
+        value="{{ item }}"
+        index="{{ index }}">
+        {{item.title}}
+      </slot>
+    </view>
+    <view class="ant-grid-item-description">
+      <slot
+        name="description"
+        value="{{ item }}"
+        index="{{ index }}">
+        {{item.description}}
+      </slot>
+    </view>
+  </view>
 </view>
-<pagination 
-    a:elif="{{mode==='scroll'}}" 
-    fillColor="{{paginationFillColor}}" 
-    frontColor="{{paginationFrontColor}}" 
-    className="{{className||''}}" 
-    style="{{style || ''}}">
-    <view class="ant-grid ant-grid-{{mode}}" >
-        <view 
-            a:for="{{ items }}" 
-            data-item="{{ item }}"
-            class="ant-grid-item ant-grid-item-{{gridItemLayout}} ant-grid-item-columns-scroll {{sjs.checkShowSplitLine(index,items.length,columns,mode,showDivider)?'ant-grid-item-line':''}}" 
-            onTap="onTap" 
-            onFirstAppear="onFirstAppear">
-            <view class="ant-grid-item-icon ant-grid-item-icon-{{item.iconStyle||iconStyle}}">
-                <slot name="icon" value="{{ item }}" index="{{ index }}">
-                    <image-icon 
-                        image="{{item.icon}}" 
-                        className="ant-grid-item-icon" 
-                        style="{{iconSize?`width:${iconSize}px;height:${iconSize}px;font-size:${iconSize}px`:''}}"  />
-                </slot>
-            </view>
-            <view class="ant-grid-item-title">
-                <slot name="title" value="{{ item }}" index="{{ index }}">{{item.title}}</slot>
-            </view>
-            <view class="ant-grid-item-description">
-                <slot name="description" value="{{ item }}" index="{{ index }}">{{item.description}}</slot>
-            </view>
-    </view> 
+<pagination
+  a:elif="{{mode==='scroll'}}"
+  fillColor="{{paginationFillColor}}"
+  frontColor="{{paginationFrontColor}}"
+  className="{{className||''}}"
+  style="{{style || ''}}">
+  <view class="ant-grid ant-grid-{{mode}}">
+    <view
+      a:for="{{ items }}"
+      data-item="{{ item }}"
+      class="ant-grid-item ant-grid-item-{{gridItemLayout}} ant-grid-item-columns-scroll {{sjs.checkShowSplitLine(index,items.length,columns,mode,showDivider)?'ant-grid-item-line':''}}"
+      onTap="onTap"
+      onFirstAppear="onFirstAppear">
+      <view
+        class="ant-grid-item-icon ant-grid-item-icon-{{item.iconStyle||iconStyle}}">
+        <slot
+          name="icon"
+          value="{{ item }}"
+          index="{{ index }}">
+          <image-icon
+            image="{{item.icon}}"
+            className="ant-grid-item-icon"
+            style="{{iconSize?`width:${iconSize}px;height:${iconSize}px;font-size:${iconSize}px`:''}}" />
+        </slot>
+      </view>
+      <view class="ant-grid-item-title">
+        <slot
+          name="title"
+          value="{{ item }}"
+          index="{{ index }}">
+          {{item.title}}
+        </slot>
+      </view>
+      <view class="ant-grid-item-description">
+        <slot
+          name="description"
+          value="{{ item }}"
+          index="{{ index }}">
+          {{item.description}}
+        </slot>
+      </view>
     </view>
+  </view>
 </pagination>
diff --git a/src/GuideTour/index.axml b/src/GuideTour/index.axml
index 9a7581a59..74ff18930 100644
--- a/src/GuideTour/index.axml
+++ b/src/GuideTour/index.axml
@@ -1,44 +1,98 @@
-<import-sjs from="./index.sjs" name="utils" />
-<view class="ant-guide-tour {{className?className:''}}" style="{{style || ''}}" a:if="{{visible}}">
-    <mask show className="{{maskClassName}}" style="z-index:9999;{{maskStyle || ''}}" />
-    <am-icon type="CloseOutline" class="ant-guide-tour-clear" onTap="onCancel" />
-    <view class="ant-guide-tour-button">
-        <button inline size="small" a:if="{{utils.checkShowJump(mixin.value,items)}}" onTap="onCancel">
-            跳过
-        </button>
-        <button inline size="small" onTap="onPrev" a:if="{{utils.checkShowPrev(mixin.value,items)}}" data-currentValue="{{mixin.value}}">
-            上一步
-        </button>
-        <button inline size="small" onTap="onNext" a:if="{{utils.checkShowNext(mixin.value,items)}}" data-currentValue="{{mixin.value}}">
-            下一步
-        </button>
-        <button inline size="small" a:if="{{utils.checkShowKnow(mixin.value,items)}}" onTap="onCancel">
-            知道了
-        </button>
+<import-sjs
+  from="./index.sjs"
+  name="utils" />
+<view
+  class="ant-guide-tour {{className?className:''}}"
+  style="{{style || ''}}"
+  a:if="{{visible}}">
+  <mask
+    show
+    className="{{maskClassName}}"
+    style="z-index:9999;{{maskStyle || ''}}" />
+  <am-icon
+    type="CloseOutline"
+    class="ant-guide-tour-clear"
+    onTap="onCancel" />
+  <view class="ant-guide-tour-button">
+    <button
+      inline
+      size="small"
+      a:if="{{utils.checkShowJump(mixin.value,items)}}"
+      onTap="onCancel">
+      跳过
+    </button>
+    <button
+      inline
+      size="small"
+      onTap="onPrev"
+      a:if="{{utils.checkShowPrev(mixin.value,items)}}"
+      data-currentValue="{{mixin.value}}">
+      上一步
+    </button>
+    <button
+      inline
+      size="small"
+      onTap="onNext"
+      a:if="{{utils.checkShowNext(mixin.value,items)}}"
+      data-currentValue="{{mixin.value}}">
+      下一步
+    </button>
+    <button
+      inline
+      size="small"
+      a:if="{{utils.checkShowKnow(mixin.value,items)}}"
+      onTap="onCancel">
+      知道了
+    </button>
+  </view>
+  <block a:if="{{swiperable}}">
+    <view class="ant-guide-tour-indicator">
+      <view
+        a:for="{{items}}"
+        class="ant-guide-tour-indicator-dot {{index === mixin.value ? 'ant-guide-tour-indicator-dot-active':''}}" />
     </view>
-    <block a:if="{{swiperable}}">
-        <view class="ant-guide-tour-indicator">
-            <view a:for="{{items}}" class="ant-guide-tour-indicator-dot {{index === mixin.value ? 'ant-guide-tour-indicator-dot-active':''}}" />
+    <swiper
+      class="ant-guide-tour-swiper"
+      current="{{mixin.value}}"
+      adjust-height="none"
+      style="height: 100vh"
+      disable-touch="{{ture}}"
+      onChange="onSwiperChange">
+      <swiper-item a:for="{{items}}">
+        <view
+          class="ant-guide-tour-item {{item.className ? item.className : ''}}"
+          style="top:{{item.top}}px; left:{{item.left}}px">
+          <slot
+            name="step"
+            index="{{current}}">
+            <image
+              a:if="{{item.imageUrl}}"
+              class="ant-guide-tour-item-img"
+              src="{{item.imageUrl}}"
+              style="{{item.imageStyle}}"
+              mode="{{item.imageMode}}" />
+          </slot>
         </view>
-        <swiper class="ant-guide-tour-swiper" current="{{mixin.value}}" adjust-height="none" style="height:100vh" disable-touch="{{ture}}" 
-            onChange="onSwiperChange">
-            <swiper-item  a:for="{{items}}">
-                <view class="ant-guide-tour-item {{item.className ? item.className : ''}}" style="top:{{item.top}}px; left:{{item.left}}px">
-                    <slot name="step" index="{{current}}">
-                        <image a:if="{{item.imageUrl}}" class="ant-guide-tour-item-img" src="{{item.imageUrl}}" style="{{item.imageStyle}}" 
-                            mode="{{item.imageMode}}" />
-                    </slot>
-                </view>
-            </swiper-item>
-        </swiper>
-    </block>
-    <block a:else a:for="{{items}}">
-        <view class="ant-guide-tour-item {{item.className ? item.className : ''}}" style="top:{{item.top}}px; left:{{item.left}}px" 
-            a:if="{{mixin.value === index}}">
-            <slot name="step" index="{{index}}">
-                <image a:if="{{item.imageUrl}}" class="ant-guide-tour-item-img" src="{{item.imageUrl}}" style="{{item.imageStyle}}" 
-                    mode="{{item.imageMode}}" />
-            </slot>
-        </view>
-    </block>
-</view>
\ No newline at end of file
+      </swiper-item>
+    </swiper>
+  </block>
+  <block
+    a:else
+    a:for="{{items}}">
+    <view
+      class="ant-guide-tour-item {{item.className ? item.className : ''}}"
+      style="top:{{item.top}}px; left:{{item.left}}px"
+      a:if="{{mixin.value === index}}">
+      <slot
+        name="step"
+        index="{{index}}">
+        <image
+          a:if="{{item.imageUrl}}"
+          class="ant-guide-tour-item-img"
+          src="{{item.imageUrl}}"
+          style="{{item.imageStyle}}"
+          mode="{{item.imageMode}}" />
+      </slot>
+    </view>
+  </block>
+</view>
diff --git a/src/Icon/index.axml b/src/Icon/index.axml
index fb8df695e..39fae97fe 100644
--- a/src/Icon/index.axml
+++ b/src/Icon/index.axml
@@ -2,5 +2,4 @@
   class="ant-icon ant-icon-{{type}} {{className ? className : ''}}"
   style="{{style}}"
   onTap="{{onTap ? 'onTap' : ''}}"
-  catchTap="{{catchTap ? 'catchTap' : ''}}"
-/>
+  catchTap="{{catchTap ? 'catchTap' : ''}}" />
diff --git a/src/ImageIcon/index.axml b/src/ImageIcon/index.axml
index 9d6ae5fcb..eeaebd8bd 100644
--- a/src/ImageIcon/index.axml
+++ b/src/ImageIcon/index.axml
@@ -1,14 +1,16 @@
-<import-sjs name="{isIcon}" from='./index.sjs' />
+<import-sjs
+  name="{isIcon}"
+  from="./index.sjs" />
 
 <view class="ant-imageIcon {{className ? className : ''}}">
   <block a:if="{{isIcon(image)}}">
-    <icon 
+    <icon
       type="{{image}}"
       className="{{className ? className + '-icon' : ''}}"
       style="{{style}}" />
   </block>
   <block a:else>
-    <image 
+    <image
       src="{{image}}"
       class="{{className ? className + '-image' : ''}}"
       style="{{style || ''}}"
diff --git a/src/ImageUpload/index.axml b/src/ImageUpload/index.axml
index 5cb767163..a109ed5d9 100644
--- a/src/ImageUpload/index.axml
+++ b/src/ImageUpload/index.axml
@@ -1,48 +1,58 @@
-<view class="ant-image-upload {{className || ''}}"  style="{{style || ''}}">
+<view
+  class="ant-image-upload {{className || ''}}"
+  style="{{style || ''}}">
   <slot fileList="{{mixin.value}}">
-    <view a:for="{{mixin.value}}" class="ant-image-upload-show" a:key="uid">
-      <view data-uid="{{item.uid}}" onTap="onRemove">
-        <slot name="removeButton" >
+    <view
+      a:for="{{mixin.value}}"
+      class="ant-image-upload-show"
+      a:key="uid">
+      <view
+        data-uid="{{item.uid}}"
+        onTap="onRemove">
+        <slot name="removeButton">
           <view class="ant-image-upload-close" />
         </slot>
       </view>
-      <slot name="image" value="{{item}}">
+      <slot
+        name="image"
+        value="{{item}}">
         <view
-          class="ant-image-upload-cover" 
-          a:if="{{item.status === 'uploading' || item.status === 'error'}}" 
-        >
-          <view a:if="{{item.status === 'uploading'}}" class="ant-image-upload-cover-loading">
-            <loading class="ant-image-upload-cover-loading-icon"/>
-            <view class="ant-image-upload-cover-loading-text">
-              上传中...
-            </view>
+          class="ant-image-upload-cover"
+          a:if="{{item.status === 'uploading' || item.status === 'error'}}">
+          <view
+            a:if="{{item.status === 'uploading'}}"
+            class="ant-image-upload-cover-loading">
+            <loading class="ant-image-upload-cover-loading-icon" />
+            <view class="ant-image-upload-cover-loading-text">上传中...</view>
           </view>
-          <view a:if="{{item.status === 'error'}}" class="ant-image-upload-cover-error">
-            <icon class="ant-image-upload-cover-error-icon" type="CloseCircleOutline"/>
-            <view class="ant-image-upload-cover-error-text">
-              上传失败
-            </view>
+          <view
+            a:if="{{item.status === 'error'}}"
+            class="ant-image-upload-cover-error">
+            <icon
+              class="ant-image-upload-cover-error-icon"
+              type="CloseCircleOutline" />
+            <view class="ant-image-upload-cover-error-text">上传失败</view>
           </view>
         </view>
         <image
-          class="ant-image-upload-image" 
+          class="ant-image-upload-image"
           mode="{{imageMode}}"
           src="{{item.url || item.path}}"
           data-uid="{{item.uid}}"
-          onTap="onPreview" 
-        />
-      </slot>   
+          onTap="onPreview" />
+      </slot>
     </view>
 
     <view onTap="chooseImage">
       <slot name="uploadButton">
-        <view 
-          a:if="{{typeof maxCount === 'undefined' || mixin.value.length < maxCount}}" 
-          class="ant-image-upload-add-image-wrapper" 
-        >
-          <icon type="AddOutline" className="ant-image-upload-add-image-icon" />
+        <view
+          a:if="{{typeof maxCount === 'undefined' || mixin.value.length < maxCount}}"
+          class="ant-image-upload-add-image-wrapper">
+          <icon
+            type="AddOutline"
+            className="ant-image-upload-add-image-icon" />
         </view>
       </slot>
     </view>
   </slot>
-</view> 
+</view>
diff --git a/src/IndexBar/index.axml b/src/IndexBar/index.axml
index 316c28641..0b58176f2 100644
--- a/src/IndexBar/index.axml
+++ b/src/IndexBar/index.axml
@@ -1,5 +1,11 @@
-<view class="ant-indexbar-side {{className}}" disable-scroll="{{true}}" style="{{{ width: `${size}px;` }}} {{style}}" hover-stop-propagation>
-  <view a:if="{{showMask}}" class="ant-indexbar-side-mask"></view>
+<view
+  class="ant-indexbar-side {{className}}"
+  disable-scroll="{{true}}"
+  style="{{{ width: `${size}px;` }}} {{style}}"
+  hover-stop-propagation>
+  <view
+    a:if="{{showMask}}"
+    class="ant-indexbar-side-mask"></view>
   <view class="ant-indexbar-side-content">
     <view
       a:for="{{items}}"
@@ -9,18 +15,21 @@
       catchTouchEnd="onTouchEnd"
       data-item="{{item, index}}"
       id="{{'ant-alphabet-' + index}}"
-      style="{{{ width: `${size}px`, height: `${size}px` }}}"
-    >
+      style="{{{ width: `${size}px`, height: `${size}px` }}}">
       <view
         style="{{{ width: `${size}px`, height: `${size}px` }}}"
         class="ant-indexbar-side-item-default {{activeClassName}}
-        {{touchKey ? ((touchKey === item.label) ? 'ant-indexbar-side-active' : '') : (index === currentKey ? 'ant-indexbar-side-active' : '')}}"
-      >
+        {{touchKey ? ((touchKey === item.label) ? 'ant-indexbar-side-active' : '') : (index === currentKey ? 'ant-indexbar-side-active' : '')}}">
         {{item.label}}
       </view>
-      <view class="ant-indexbar-side-item-tip" a:if="{{item.label === touchKey && !item.disablePreview}}">
+      <view
+        class="ant-indexbar-side-item-tip"
+        a:if="{{item.label === touchKey && !item.disablePreview}}">
         {{item.label}}
-        <slot value="{{item}}" index="{{index}}" name="labelPreview"/>
+        <slot
+          value="{{item}}"
+          index="{{index}}"
+          name="labelPreview" />
       </view>
     </view>
   </view>
@@ -31,7 +40,12 @@
   class="ant-indexbar-side-scroll {{hasDefaultSlot && topRange.length === 0 ? 'ant-indexbar-side-notSee' : ''}}"
   scroll-into-view="{{`ant-indexbar-${touchKey}`}}"
   onScroll="onScroll">
-  <view a:for="{{items}}" class="ant-indexbar-side-list" id="{{`ant-indexbar-${item.label}`}}">
-    <slot value="{{item}}" index="{{index}}"/>
+  <view
+    a:for="{{items}}"
+    class="ant-indexbar-side-list"
+    id="{{`ant-indexbar-${item.label}`}}">
+    <slot
+      value="{{item}}"
+      index="{{index}}" />
   </view>
-</scroll-view>
\ No newline at end of file
+</scroll-view>
diff --git a/src/Input/InputBlur/index.axml b/src/Input/InputBlur/index.axml
index fc43378d2..576944046 100644
--- a/src/Input/InputBlur/index.axml
+++ b/src/Input/InputBlur/index.axml
@@ -1,27 +1,25 @@
 <input
-  enableNative="{{enableNative}}" 
+  enableNative="{{enableNative}}"
   name="{{name}}"
   class="{{className}}"
   style="{{style}}"
-  disabled="{{disabled}}" 
-  value="{{mixin.value}}" 
+  disabled="{{disabled}}"
+  value="{{mixin.value}}"
   type="{{type}}"
   password="{{password}}"
-  placeholder="{{placeholder}}" 
-  placeholder-class="ant-input-item-placeholder-base {{placeholderClassName ? placeholderClassName : ''}}" 
-  placeholder-style="{{placeholderStyle ? placeholderStyle : ''}}" 
-  maxlength="{{maxLength}}" 
+  placeholder="{{placeholder}}"
+  placeholder-class="ant-input-item-placeholder-base {{placeholderClassName ? placeholderClassName : ''}}"
+  placeholder-style="{{placeholderStyle ? placeholderStyle : ''}}"
+  maxlength="{{maxLength}}"
   focus="{{focus}}"
-  confirm-type="{{confirmType}}" 
+  confirm-type="{{confirmType}}"
   confirm-hold="{{confirmHold}}"
   always-system="{{alwaysSystem}}"
   cursor="{{cursor}}"
-  selection-start="{{selectionStart}}" 
-  selection-end="{{selectionEnd}}" 
-  random-number="{{randomNumber}}" 
-  onInput="onChange" 
-  onConfirm="onConfirm" 
+  selection-start="{{selectionStart}}"
+  selection-end="{{selectionEnd}}"
+  random-number="{{randomNumber}}"
+  onInput="onChange"
+  onConfirm="onConfirm"
   onFocus="onFocus"
-  onBlur="onBlur"
-/>
-
+  onBlur="onBlur" />
diff --git a/src/Input/Textarea/index.axml b/src/Input/Textarea/index.axml
index a1fac3f66..c496591ed 100644
--- a/src/Input/Textarea/index.axml
+++ b/src/Input/Textarea/index.axml
@@ -1,36 +1,37 @@
-<view class="ant-textarea 
+<view
+  class="ant-textarea 
     {{disabled ? 'ant-textarea-disabled' : ''}}
     {{className ? className : ''}}
     {{selfFocus ? (focusClassName ? focusClassName : '') : '' }}"
-  style="{{(style || '') + ';' + (focusStyle || '')}}"
->
+  style="{{(style || '') + ';' + (focusStyle || '')}}">
   <view class="ant-textarea-line">
     <textarea
-      enableNative="{{enableNative}}" 
+      enableNative="{{enableNative}}"
       name="{{name}}"
       class="ant-textarea-content"
-      disabled="{{disabled}}" 
+      disabled="{{disabled}}"
       value="{{typeof mixin.value === 'undefined' ? '' : mixin.value}}"
       placeholder="{{placeholder}}"
-      placeholder-class="ant-textarea-placeholder {{placeholderClassName ? placeholderClassName : ''}}" 
-      placeholder-style="{{placeholderStyle ? placeholderStyle : ''}}" 
-      maxlength="{{maxLength}}" 
+      placeholder-class="ant-textarea-placeholder {{placeholderClassName ? placeholderClassName : ''}}"
+      placeholder-style="{{placeholderStyle ? placeholderStyle : ''}}"
+      maxlength="{{maxLength}}"
       focus="{{focus}}"
-      confirm-type="{{confirmType}}" 
+      confirm-type="{{confirmType}}"
       confirm-hold="{{confirmHold}}"
       auto-height="{{autoHeight}}"
       show-count="{{showCount}}"
       controlled="{{mixin.controlled}}"
-      onInput="onChange" 
-      onConfirm="onConfirm" 
+      onInput="onChange"
+      onConfirm="onConfirm"
       onFocus="onFocus"
-      onBlur="onBlur"
-    />
+      onBlur="onBlur" />
     <view
       a:if="{{allowClear}}"
-      class="ant-textarea-clear {{mixin.value && mixin.value.length > 0 ? 'ant-textarea-clear-show' : 'ant-textarea-clear-hidden'}}" 
+      class="ant-textarea-clear {{mixin.value && mixin.value.length > 0 ? 'ant-textarea-clear-show' : 'ant-textarea-clear-hidden'}}"
       onTap="onClear">
-      <icon class="ant-textarea-clear-icon" type="CloseCircleFill" ></icon>
+      <icon
+        class="ant-textarea-clear-icon"
+        type="CloseCircleFill"></icon>
     </view>
   </view>
 </view>
diff --git a/src/Input/index.axml b/src/Input/index.axml
index 83fa9d890..d3de98b0b 100644
--- a/src/Input/index.axml
+++ b/src/Input/index.axml
@@ -1,51 +1,48 @@
-<view class="ant-input 
+<view
+  class="ant-input 
     {{disabled ? 'ant-input-disabled' : ''}}
     {{className ? className : ''}}
     {{selfFocus ? (focusClassName ? focusClassName : '') : '' }}"
-  style="{{(style || '') + ';' + (focusStyle || '')}}"
->
+  style="{{(style || '') + ';' + (focusStyle || '')}}">
   <view class="ant-input-prefix">
-    <slot name="prefix">
-      {{prefix}}
-    </slot>
+    <slot name="prefix">{{prefix}}</slot>
   </view>
   <view class="ant-input-line">
     <input
-      enableNative="{{enableNative}}" 
+      enableNative="{{enableNative}}"
       name="{{name}}"
       class="ant-input-content"
       disabled="{{disabled}}"
-      value="{{mixin.value}}" 
+      value="{{mixin.value}}"
       type="{{type}}"
       password="{{password}}"
-      placeholder="{{placeholder}}" 
-      placeholder-class="ant-input-placeholder {{placeholderClassName ? placeholderClassName : ''}}" 
-      placeholder-style="{{placeholderStyle ? placeholderStyle : ''}}" 
-      maxlength="{{maxLength}}" 
+      placeholder="{{placeholder}}"
+      placeholder-class="ant-input-placeholder {{placeholderClassName ? placeholderClassName : ''}}"
+      placeholder-style="{{placeholderStyle ? placeholderStyle : ''}}"
+      maxlength="{{maxLength}}"
       focus="{{focus}}"
-      confirm-type="{{confirmType}}" 
+      confirm-type="{{confirmType}}"
       confirm-hold="{{confirmHold}}"
       always-system="{{alwaysSystem}}"
       controlled="{{mixin.controlled}}"
       cursor="{{cursor}}"
-      selection-start="{{selectionStart}}" 
-      selection-end="{{selectionEnd}}" 
-      random-number="{{randomNumber}}" 
-      onInput="onChange" 
-      onConfirm="onConfirm" 
+      selection-start="{{selectionStart}}"
+      selection-end="{{selectionEnd}}"
+      random-number="{{randomNumber}}"
+      onInput="onChange"
+      onConfirm="onConfirm"
       onFocus="onFocus"
-      onBlur="onBlur"
-    />
+      onBlur="onBlur" />
     <view
       a:if="{{allowClear}}"
-      class="ant-input-clear {{mixin.value && mixin.value.length > 0 ? 'ant-input-clear-show' : 'ant-input-clear-hidden'}}" 
+      class="ant-input-clear {{mixin.value && mixin.value.length > 0 ? 'ant-input-clear-show' : 'ant-input-clear-hidden'}}"
       onTap="onClear">
-      <icon class="ant-input-clear-icon" type="CloseCircleFill" ></icon>
+      <icon
+        class="ant-input-clear-icon"
+        type="CloseCircleFill"></icon>
     </view>
   </view>
   <view class="ant-input-suffix">
-    <slot name="suffix">
-      {{suffix}}
-    </slot>
+    <slot name="suffix">{{suffix}}</slot>
   </view>
 </view>
diff --git a/src/List/ListItem/index.axml b/src/List/ListItem/index.axml
index 228f74f29..234ec9166 100644
--- a/src/List/ListItem/index.axml
+++ b/src/List/ListItem/index.axml
@@ -1,6 +1,8 @@
-<import-sjs name="arrowUtil" from="../../_util/arrow.sjs" />
+<import-sjs
+  name="arrowUtil"
+  from="../../_util/arrow.sjs" />
 
-<view 
+<view
   class="ant-list-item  {{className ? className : ''}}"
   style="{{style || ''}}"
   onTap="{{onTap ? 'onTap' : ''}}"
@@ -8,26 +10,34 @@
   hover-class="{{(onTap||catchTap) ? 'ant-list-item-hover' : ''}}"
   hover-start-time="{{20}}"
   hover-stay-time="{{40}}">
-  <view class="ant-list-item-line {{showDivider?'ant-list-item-line-divider':''}} {{disabled? 'ant-list-item-line-disabled' : ''}}">
+  <view
+    class="ant-list-item-line {{showDivider?'ant-list-item-line-divider':''}} {{disabled? 'ant-list-item-line-disabled' : ''}}">
     <view class="ant-list-item-image-container">
-      <slot name="image" >
-        <image-icon a:if="{{image}}" image="{{image}}" className="ant-list-item-image"/>
+      <slot name="image">
+        <image-icon
+          a:if="{{image}}"
+          image="{{image}}"
+          className="ant-list-item-image" />
       </slot>
     </view>
     <view class="ant-list-item-content-container">
       <view class="ant-list-item-content-title-container">
         <slot name="title">
-          <view a:if="{{title}}" class="ant-list-item-content-title">
+          <view
+            a:if="{{title}}"
+            class="ant-list-item-content-title">
             {{title}}
           </view>
         </slot>
       </view>
       <view class="ant-list-item-content-main">
-        <slot/>
+        <slot />
       </view>
       <view class="ant-list-item-content-brief-container">
         <slot name="brief">
-          <view a:if="{{brief}}" class="ant-list-item-content-brief">
+          <view
+            a:if="{{brief}}"
+            class="ant-list-item-content-brief">
             {{brief}}
           </view>
         </slot>
@@ -35,18 +45,17 @@
     </view>
     <view class="ant-list-item-extra-container">
       <view class="ant-list-item-extra">
-        <slot name="extra">
-          {{extra}}
-        </slot>
+        <slot name="extra">{{extra}}</slot>
       </view>
       <view class="ant-list-item-extra-brief">
-        <slot name="extraBrief">
-          {{extraBrief}}
-        </slot>
+        <slot name="extraBrief">{{extraBrief}}</slot>
       </view>
     </view>
-    <view class="ant-list-item-arrow" >
-      <icon a:if="{{arrowUtil.getArrow(arrow)}}" type="{{arrowUtil.getArrow(arrow)}}" size="x-small" />
+    <view class="ant-list-item-arrow">
+      <icon
+        a:if="{{arrowUtil.getArrow(arrow)}}"
+        type="{{arrowUtil.getArrow(arrow)}}"
+        size="x-small" />
     </view>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/src/List/index.axml b/src/List/index.axml
index 1c8901dbd..3db40d9ee 100644
--- a/src/List/index.axml
+++ b/src/List/index.axml
@@ -1,8 +1,7 @@
-<view class="ant-list {{className ? className : ''}} {{radius ? 'ant-list-radius' : ''}}">
+<view
+  class="ant-list {{className ? className : ''}} {{radius ? 'ant-list-radius' : ''}}">
   <block a:if="{{header}}">
-    <view class="ant-list-header">
-      {{header}}
-    </view>
+    <view class="ant-list-header">{{header}}</view>
   </block>
   <block a:else>
     <view class="ant-list-header">
@@ -13,9 +12,7 @@
     <slot />
   </view>
   <block a:if="{{footer}}">
-    <view class="ant-list-footer">
-      {{footer}}
-    </view>
+    <view class="ant-list-footer">{{footer}}</view>
   </block>
   <block a:else>
     <view class="ant-list-footer">
diff --git a/src/Loading/index.axml b/src/Loading/index.axml
index 3ecb5f498..174c7f565 100644
--- a/src/Loading/index.axml
+++ b/src/Loading/index.axml
@@ -1,29 +1,35 @@
-<import-sjs name="helper" from="./index.sjs" />
+<import-sjs
+  name="helper"
+  from="./index.sjs" />
 
-<view 
-  class="ant-loading {{type === 'spin' ? 'ant-loading-spin' :'ant-loading-mini'}} {{helper.getClass(size)}} {{className ? className : ''}}" 
-  style="{{style}}"
->
+<view
+  class="ant-loading {{type === 'spin' ? 'ant-loading-spin' :'ant-loading-mini'}} {{helper.getClass(size)}} {{className ? className : ''}}"
+  style="{{style}}">
   <block a:if="{{type=== 'spin'}}">
-    <view 
-      class="ant-loading-spin-icon" 
-      style="background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%2224%2024%2048%2048%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20from%3D%220%22%20to%3D%22360%22%20dur%3D%221400ms%22%3E%3C%2FanimateTransform%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2248%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23{{helper.getLoadingColor(color || '#fff')}}%22%20stroke-width%3D%222%22%20transform%3D%22translate%5C\(0%2C0%5C\)%22%3E%3Canimate%20attributeName%3D%22stroke-dasharray%22%20values%3D%221px%2C%20200px%3B100px%2C%20200px%3B100px%2C%20200px%22%20dur%3D%221400ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2Fanimate%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220px%3B-15px%3B-125px%22%20dur%3D%221400ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2Fanimate%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');">
-    </view>
+    <view
+      class="ant-loading-spin-icon"
+      style="background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%2224%2024%2048%2048%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20from%3D%220%22%20to%3D%22360%22%20dur%3D%221400ms%22%3E%3C%2FanimateTransform%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2248%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23{{helper.getLoadingColor(color || '#fff')}}%22%20stroke-width%3D%222%22%20transform%3D%22translate%5C\(0%2C0%5C\)%22%3E%3Canimate%20attributeName%3D%22stroke-dasharray%22%20values%3D%221px%2C%20200px%3B100px%2C%20200px%3B100px%2C%20200px%22%20dur%3D%221400ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2Fanimate%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220px%3B-15px%3B-125px%22%20dur%3D%221400ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2Fanimate%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');"></view>
   </block>
   <block a:else>
-    <view 
-      class="ant-loading-mini-item ant-loading-mini-item__1" 
+    <view
+      class="ant-loading-mini-item ant-loading-mini-item__1"
       style="{{color ? `background-color: ${color};` : ''}}
-      ">.</view>
-    <view 
-      class="ant-loading-mini-item ant-loading-mini-item__2" 
+      ">
+      .
+    </view>
+    <view
+      class="ant-loading-mini-item ant-loading-mini-item__2"
       style="
         {{color ? `background-color: ${color};` : ''}}
-      ">.</view>
-    <view 
-      class="ant-loading-mini-item ant-loading-mini-item__3" 
+      ">
+      .
+    </view>
+    <view
+      class="ant-loading-mini-item ant-loading-mini-item__3"
       style="
         {{color ? `background-color: ${color};` : ''}}
-      ">.</view>
+      ">
+      .
+    </view>
   </block>
 </view>
diff --git a/src/Mask/index.axml b/src/Mask/index.axml
index b95619317..e01f3b7e4 100644
--- a/src/Mask/index.axml
+++ b/src/Mask/index.axml
@@ -1,5 +1,4 @@
 <view
   class="ant-mask  {{className || ''}}"
   style="{{show?'':'display: none;'}} {{style || ''}}"
-  onTap="onMaskClick"
-></view>
+  onTap="onMaskClick"></view>
diff --git a/src/Modal/index.axml b/src/Modal/index.axml
index b972a5bcb..91d82e525 100644
--- a/src/Modal/index.axml
+++ b/src/Modal/index.axml
@@ -1,10 +1,12 @@
-<import-sjs from="./index.sjs" name="{getDirection}" />
-<popup 
+<import-sjs
+  from="./index.sjs"
+  name="{getDirection}" />
+<popup
   className="ant-modal {{className || ''}}"
   style="{{style || ''}}"
   maskClassName="{{maskClassName}}"
   maskStyle="{{maskStyle}}"
-  visible="{{visible}}" 
+  visible="{{visible}}"
   duration="{{duration}}"
   position="center"
   animation="{{animation}}"
@@ -12,19 +14,26 @@
   destroyOnClose="{{destroyOnClose}}"
   onClose="onMaskClose">
   <slot slot="content">
-    <view class="ant-modal-body {{bodyClassName || ''}}" style="{{bodyStyle || ''}}">
-      <slot name="header">
-      </slot>
+    <view
+      class="ant-modal-body {{bodyClassName || ''}}"
+      style="{{bodyStyle || ''}}">
+      <slot name="header"></slot>
       <slot name="title">
-        <view class="ant-modal-body-title" a:if="{{ title }}">
+        <view
+          class="ant-modal-body-title"
+          a:if="{{ title }}">
           {{title}}
         </view>
       </slot>
       <slot name="content">
-        <view class="ant-modal-body-content" a:if="{{ content }}">{{content}}</view>
+        <view
+          class="ant-modal-body-content"
+          a:if="{{ content }}">
+          {{content}}
+        </view>
       </slot>
       <slot name="footer">
-        <view 
+        <view
           a:if="{{ type === 'focus' }}"
           class="ant-modal-body-footer-focus">
           <button
@@ -32,87 +41,79 @@
             class="ant-modal-body-footer-focus-primary"
             style="{{primaryButtonStyle || ''}}"
             onTap="onPrimaryButtonTap">
-              {{primaryButtonText}}
+            {{primaryButtonText}}
           </button>
-          <view 
+          <view
             class="ant-modal-body-footer-focus-secondary"
             a:if="{{secondaryButtonText}}"
             style="{{secondaryButtonStyle || ''}}"
-            onTap="onSecondaryButtonTap"
-            >
+            onTap="onSecondaryButtonTap">
             {{secondaryButtonText}}
           </view>
-          <view 
+          <view
             class="ant-modal-body-footer-focus-cancel"
             a:if="{{cancelButtonText}}"
             style="{{cancelButtonStyle || ''}}"
-            onTap="onCancelButtonTap"
-            >
+            onTap="onCancelButtonTap">
             {{cancelButtonText}}
           </view>
         </view>
-        <view 
+        <view
           a:elif="{{ getDirection(primaryButtonText,secondaryButtonText,cancelButtonText,type) === 'horizontal' }}"
           class="ant-modal-body-footer-horizontal">
-          <view 
+          <view
             class="ant-modal-body-footer-horizontal-cancel"
             a:if="{{cancelButtonText}}"
             style="{{cancelButtonStyle || ''}}"
-            onTap="onCancelButtonTap"
-            >
+            onTap="onCancelButtonTap">
             {{cancelButtonText}}
           </view>
-          <view 
+          <view
             class="ant-modal-body-footer-horizontal-secondary"
             a:if="{{secondaryButtonText}}"
             style="{{secondaryButtonStyle || ''}}"
-            onTap="onSecondaryButtonTap"
-            >
+            onTap="onSecondaryButtonTap">
             {{secondaryButtonText}}
           </view>
-          <view 
+          <view
             class="ant-modal-body-footer-horizontal-primary"
             a:if="{{primaryButtonText}}"
             style="{{primaryButtonStyle || ''}}"
-            onTap="onPrimaryButtonTap"
-            >
+            onTap="onPrimaryButtonTap">
             {{primaryButtonText}}
           </view>
         </view>
-        <view 
+        <view
           a:elif="{{ getDirection(primaryButtonText,secondaryButtonText,cancelButtonText,type) === 'vertical' }}"
           class="ant-modal-body-footer-vertical">
-          <view 
+          <view
             class="ant-modal-body-footer-vertical-primary"
             a:if="{{primaryButtonText}}"
             style="{{primaryButtonStyle || ''}}"
-            onTap="onPrimaryButtonTap"
-            >
+            onTap="onPrimaryButtonTap">
             {{primaryButtonText}}
           </view>
-          <view 
+          <view
             class="ant-modal-body-footer-vertical-secondary"
             a:if="{{secondaryButtonText}}"
             style="{{secondaryButtonStyle || ''}}"
-            onTap="onSecondaryButtonTap"
-            >
+            onTap="onSecondaryButtonTap">
             {{secondaryButtonText}}
           </view>
-          <view 
+          <view
             class="ant-modal-body-footer-vertical-cancel"
             a:if="{{cancelButtonText}}"
             style="{{cancelButtonStyle || ''}}"
-            onTap="onCancelButtonTap"
-            >
+            onTap="onCancelButtonTap">
             {{cancelButtonText}}
           </view>
         </view>
       </slot>
     </view>
   </slot>
-  <icon 
+  <icon
     a:if="{{ type==='focus' && closable }}"
-    type="CloseOutline" 
-    onTap="onClose" 
-    className="ant-modal-close"/>
+    type="CloseOutline"
+    onTap="onClose"
+    className="ant-modal-close" />
 </popup>
diff --git a/src/NoticeBar/index.axml b/src/NoticeBar/index.axml
index 5c381fcf3..6aeb29192 100644
--- a/src/NoticeBar/index.axml
+++ b/src/NoticeBar/index.axml
@@ -1,13 +1,19 @@
-<view 
+<view
   class="ant-notice-bar {{className || ''}} {{type ? 'ant-notice-bar-' + type : ''}}"
   a:if="{{show}}"
-  style="{{style}}"
->
+  style="{{style}}">
   <slot name="icon">
-    <view className="ant-notice-bar-icon" >
-      <image-icon image="{{icon}}" a:if="{{ icon }}" class="ant-notice-bar-icon-image"/>
-      <icon type="InformationCircleOutline" a:elif="{{type ==='error'}}"/>
-      <icon type="SoundOutline" a:else/>
+    <view className="ant-notice-bar-icon">
+      <image-icon
+        image="{{icon}}"
+        a:if="{{ icon }}"
+        class="ant-notice-bar-icon-image" />
+      <icon
+        type="InformationCircleOutline"
+        a:elif="{{type ==='error'}}" />
+      <icon
+        type="SoundOutline"
+        a:else />
     </view>
   </slot>
   <view class="ant-notice-bar-content ant-notice-bar-content-{{$id}}">
@@ -20,19 +26,17 @@
     </view>
   </view>
   <view class="ant-notice-bar-operation">
-    <slot name="extra"/>
+    <slot name="extra" />
     <!-- icon 类型 -->
     <icon
       className="ant-notice-bar-operation-icon"
       type="RightOutline"
       onTap="onTap"
-      a:if="{{mode==='link'}}"
-    />
+      a:if="{{mode==='link'}}" />
     <icon
       className="ant-notice-bar-operation-icon"
       type="CloseOutline"
       a:if="{{mode==='closeable'}}"
-      onTap="onTap" 
-    />
+      onTap="onTap" />
   </view>
 </view>
diff --git a/src/NumberKeyboard/index.axml b/src/NumberKeyboard/index.axml
index 8da3907c9..db5f2e547 100644
--- a/src/NumberKeyboard/index.axml
+++ b/src/NumberKeyboard/index.axml
@@ -1,14 +1,30 @@
-<view a:key="ant-number-input-{{$id}}" style="{{style}}" class="ant-number-keyboard {{className || ''}}">
-  <view a:if="{{visible}}" class="ant-number-keyboard-modal" onTap="onHide" onAppear="catchAppearModal"/>
-  <view class="ant-number-keyboard-kb {{visible ? '': 'ant-number-keyboard-kb_hide'}}">
+<view
+  a:key="ant-number-input-{{$id}}"
+  style="{{style}}"
+  class="ant-number-keyboard {{className || ''}}">
+  <view
+    a:if="{{visible}}"
+    class="ant-number-keyboard-modal"
+    onTap="onHide"
+    onAppear="catchAppearModal" />
+  <view
+    class="ant-number-keyboard-kb {{visible ? '': 'ant-number-keyboard-kb_hide'}}">
     <slot name="header">
-      <view a:if="{{closeable}}" onTap="onHide" class="ant-number-keyboard-kb_none">
-        <icon type="DownOutline" class="ant-number-keyboard-down" />
+      <view
+        a:if="{{closeable}}"
+        onTap="onHide"
+        class="ant-number-keyboard-kb_none">
+        <icon
+          type="DownOutline"
+          class="ant-number-keyboard-down" />
       </view>
     </slot>
     <view class="ant-number-keyboard-kb_bd">
       <view class="ant-number-keyboard-kb_keys">
-        <view class="ant-number-keyboard-kb_row" a:for="{{random ? randomArr : numArr}}" a:for-item="item">
+        <view
+          class="ant-number-keyboard-kb_row"
+          a:for="{{random ? randomArr : numArr}}"
+          a:for-item="item">
           <view
             a:for="{{item}}"
             a:for-item="itemKey"
@@ -18,22 +34,62 @@
             {{itemKey}}
           </view>
         </view>
-        <view a:if="{{!confirmText}}" class="ant-number-keyboard-kb_row">
-          <view a:if="{{!point}}" class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex ant-number-keyboard-kb_e" />
-          <view a:if="{{point}}" class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex" data-key="." onTap="tapButton">.</view>
-          <view class="ant-number-keyboard-kb_number ant-number-keyboard-kb_zero ant-number-keyboard-kb_flex" data-key="0" onTap="tapButton">0</view>
-          <view class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex {{point ? '' : `ant-number-keyboard-kb_e`}}" data-key="del" onTap="tapButton">
-            <icon type="TextDeletionOutline" class="ant-number-keyboard-del" />
+        <view
+          a:if="{{!confirmText}}"
+          class="ant-number-keyboard-kb_row">
+          <view
+            a:if="{{!point}}"
+            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex ant-number-keyboard-kb_e" />
+          <view
+            a:if="{{point}}"
+            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex"
+            data-key="."
+            onTap="tapButton">
+            .
+          </view>
+          <view
+            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_zero ant-number-keyboard-kb_flex"
+            data-key="0"
+            onTap="tapButton">
+            0
+          </view>
+          <view
+            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex {{point ? '' : `ant-number-keyboard-kb_e`}}"
+            data-key="del"
+            onTap="tapButton">
+            <icon
+              type="TextDeletionOutline"
+              class="ant-number-keyboard-del" />
           </view>
         </view>
-        <view a:if="{{confirmText}}" class="ant-number-keyboard-kb_row">
-          <view class="ant-number-keyboard-kb_number ant-number-keyboard-kb_zero" data-key="0" onTap="tapButton">0</view>
-          <view a:if="{{point}}" class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point" data-key="." onTap="tapButton">.</view>
+        <view
+          a:if="{{confirmText}}"
+          class="ant-number-keyboard-kb_row">
+          <view
+            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_zero"
+            data-key="0"
+            onTap="tapButton">
+            0
+          </view>
+          <view
+            a:if="{{point}}"
+            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point"
+            data-key="."
+            onTap="tapButton">
+            .
+          </view>
         </view>
       </view>
-      <view a:if="{{confirmText}}" class="ant-number-keyboard-kb_function">
-        <view class="ant-number-keyboard-kb_number ant-number-keyboard-kb_del" data-key="del" onTap="tapButton">
-          <icon type="TextDeletionOutline" class="ant-number-keyboard-del" />
+      <view
+        a:if="{{confirmText}}"
+        class="ant-number-keyboard-kb_function">
+        <view
+          class="ant-number-keyboard-kb_number ant-number-keyboard-kb_del"
+          data-key="del"
+          onTap="tapButton">
+          <icon
+            type="TextDeletionOutline"
+            class="ant-number-keyboard-del" />
         </view>
         <view
           style="{{{opacity: confirmDisabled ? '0.5' : 1 }}}"
@@ -41,9 +97,7 @@
           class="ant-number-keyboard-kb_transfer"
           data-key="enter">
           <slot name="confirm">
-            <view class="amount-input-kb_transfer-btn">
-              {{confirmText}}
-            </view>
+            <view class="amount-input-kb_transfer-btn">{{confirmText}}</view>
           </slot>
         </view>
       </view>
@@ -51,4 +105,3 @@
     <view class="ant-number-keyboard-kb_iphonex-safe"></view>
   </view>
 </view>
-  
\ No newline at end of file
diff --git a/src/Pagination/index.axml b/src/Pagination/index.axml
index 5d63973d4..c43ec1f9b 100644
--- a/src/Pagination/index.axml
+++ b/src/Pagination/index.axml
@@ -1,11 +1,23 @@
-<import-sjs name="sjs" from='./index.sjs' />
-<view class="ant-page-infinite {{className||''}}" style="{{style || ''}}">
-    <scroll-view scroll-x="true" class="ant-page-infinite-content"  id="ant-pageInfinite-{{$id}}" onScroll="{{supportSjs?sjs.changeScollDistance:'onScroll'}}">
-        <slot></slot>
-    </scroll-view>
-    <view class="ant-page-infinite-wrap">
-        <view class="ant-page-infinite-area" style="{{fillColor?'background-color:' + fillColor : ''}}">
-            <view class="ant-page-infinite-move" style="{{frontColor?'background-color:'+ frontColor:''}}; transform: translateX({{pageDeg}}%);"></view>
-        </view>
+<import-sjs
+  name="sjs"
+  from="./index.sjs" />
+<view
+  class="ant-page-infinite {{className||''}}"
+  style="{{style || ''}}">
+  <scroll-view
+    scroll-x="true"
+    class="ant-page-infinite-content"
+    id="ant-pageInfinite-{{$id}}"
+    onScroll="{{supportSjs?sjs.changeScollDistance:'onScroll'}}">
+    <slot></slot>
+  </scroll-view>
+  <view class="ant-page-infinite-wrap">
+    <view
+      class="ant-page-infinite-area"
+      style="{{fillColor?'background-color:' + fillColor : ''}}">
+      <view
+        class="ant-page-infinite-move"
+        style="{{frontColor?'background-color:'+ frontColor:''}}; transform: translateX({{pageDeg}}%);"></view>
     </view>
-</view>
\ No newline at end of file
+  </view>
+</view>
diff --git a/src/Picker/CascaderPicker/index.axml b/src/Picker/CascaderPicker/index.axml
index af042fd17..c83c0373c 100644
--- a/src/Picker/CascaderPicker/index.axml
+++ b/src/Picker/CascaderPicker/index.axml
@@ -1,28 +1,36 @@
-<picker 
-    className="ant-cascader-picker {{className||''}}"
-    style="{{style}}"
-    animationType="{{ animationType }}"
-    popClassName="ant-cascader-picker-popup {{popClassName || ''}}"
-    popStyle="{{popStyle}}"
-    options="{{columns}}"
-    value="{{currentValue}}"
-    disabled="{{disabled}}"
-    title="{{title}}" 
-    placeholder="{{placeholder}}"
-    okText="{{okText}}"
-    cancelText="{{cancelText}}"
-    maskStyle="{{maskStyle}}"
-    maskClassName="{{maskClassName}}"
-    indicatorStyle="{{indicatorStyle}}"
-    indicatorClassName="{{indicatorClassName}}"
-    onChange="onChange"
-    onCancel="onCancel"
-    onOk="onOk"
-    onVisibleChange="onVisibleChange"
-    maskClosable="{{maskClosable}}"
-    onFormat="onFormat">
-    <slot name="content" slot="content"/>
-    <slot name="title" slot="title"/>
-    <slot name="prefix" slot="prefix"/>
-    <slot name="suffix" slot="suffix"/>
-</picker>
\ No newline at end of file
+<picker
+  className="ant-cascader-picker {{className||''}}"
+  style="{{style}}"
+  animationType="{{ animationType }}"
+  popClassName="ant-cascader-picker-popup {{popClassName || ''}}"
+  popStyle="{{popStyle}}"
+  options="{{columns}}"
+  value="{{currentValue}}"
+  disabled="{{disabled}}"
+  title="{{title}}"
+  placeholder="{{placeholder}}"
+  okText="{{okText}}"
+  cancelText="{{cancelText}}"
+  maskStyle="{{maskStyle}}"
+  maskClassName="{{maskClassName}}"
+  indicatorStyle="{{indicatorStyle}}"
+  indicatorClassName="{{indicatorClassName}}"
+  onChange="onChange"
+  onCancel="onCancel"
+  onOk="onOk"
+  onVisibleChange="onVisibleChange"
+  maskClosable="{{maskClosable}}"
+  onFormat="onFormat">
+  <slot
+    name="content"
+    slot="content" />
+  <slot
+    name="title"
+    slot="title" />
+  <slot
+    name="prefix"
+    slot="prefix" />
+  <slot
+    name="suffix"
+    slot="suffix" />
+</picker>
diff --git a/src/Picker/index.axml b/src/Picker/index.axml
index 9048b1dda..a6685cae0 100644
--- a/src/Picker/index.axml
+++ b/src/Picker/index.axml
@@ -1,20 +1,25 @@
-<import-sjs from="./index.sjs" name="_sjs" />
+<import-sjs
+  from="./index.sjs"
+  name="_sjs" />
 <view
   class="ant-picker {{disabled ? 'ant-picker-disabled' : ''}} {{className ? className : ''}}"
   style="{{style || ''}}"
-  onTap="onOpen"
->
-  <slot name="prefix"/>
+  onTap="onOpen">
+  <slot name="prefix" />
   <view class="ant-picker-value">
-    <slot name="content"/>
-    <view a:if="{{formatValue}}" class="ant-picker-value-text">
+    <slot name="content" />
+    <view
+      a:if="{{formatValue}}"
+      class="ant-picker-value-text">
       {{formatValue}}
     </view>
-    <view a:elif="{{placeholder}}" class="ant-picker-value-placeholder">
+    <view
+      a:elif="{{placeholder}}"
+      class="ant-picker-value-placeholder">
       {{placeholder}}
     </view>
   </view>
-  <slot name="suffix"/>
+  <slot name="suffix" />
 </view>
 <popup
   className="ant-picker-popup {{popClassName || ''}}"
@@ -26,40 +31,46 @@
   onClose="onMaskDismiss"
   visible="{{visible}}">
   <view class="ant-picker-header">
-    <view class="ant-picker-header-item ant-picker-header-cancel"
+    <view
+      class="ant-picker-header-item ant-picker-header-cancel"
       hover-class="ant-picker-header-item-hover"
       hover-start-time="20"
       hover-stay-time="50"
-      onTap="onCancel">{{cancelText}}</view>
+      onTap="onCancel">
+      {{cancelText}}
+    </view>
     <view class="ant-picker-header-item ant-picker-header-title">
-      <slot name="title">
-        {{title}}
-      </slot>
+      <slot name="title">{{title}}</slot>
     </view>
-    <view class="ant-picker-header-item ant-picker-header-confirm"
+    <view
+      class="ant-picker-header-item ant-picker-header-confirm"
       hover-class="ant-picker-header-item-hover"
       hover-start-time="20"
       hover-stay-time="50"
-      onTap="onOk">{{okText}}</view>
+      onTap="onOk">
+      {{okText}}
+    </view>
   </view>
   <view class="ant-picker-content">
-    <slot name="content-header"/>
+    <slot name="content-header" />
     <block a:if="{{columns}}">
-      <picker-view 
+      <picker-view
         mask-style="{{maskStyle || ''}}"
         mask-class="{{ maskClassName || ''}}"
         indicator-style="{{indicatorStyle|| ''}}"
         indicator-class="{{indicatorClassName || ''}}"
         value="{{selectedIndex}}"
         onChange="onChange">
-        <block 
+        <block
           a:for="{{columns}}"
           a:for-item="dataRoot"
           a:for-index="dataIndex">
           <picker-view-column a:if="{{dataIndex < options.length}}">
-              <view a:for="{{dataRoot}}" class="ant-picker-content-item">
-                {{_sjs.getPickerViewLabel(item)}}
-              </view>
+            <view
+              a:for="{{dataRoot}}"
+              class="ant-picker-content-item">
+              {{_sjs.getPickerViewLabel(item)}}
+            </view>
           </picker-view-column>
         </block>
       </picker-view>
@@ -67,9 +78,9 @@
     <block a:else>
       <picker-view>
         <picker-view-column>
-          <text style="color: #ccc;">暂无数据</text>
+          <text style="color: #ccc">暂无数据</text>
         </picker-view-column>
       </picker-view>
     </block>
   </view>
-</popup>
\ No newline at end of file
+</popup>
diff --git a/src/Popover/index.axml b/src/Popover/index.axml
index 9f538de46..7c49ba816 100644
--- a/src/Popover/index.axml
+++ b/src/Popover/index.axml
@@ -1,15 +1,23 @@
-<view class="ant-popover {{showMask && mixin.value ? 'ant-popover-children' : ''}} {{className ? className : ''}}" style="{{style || ''}}">
-  <view id="ant-popover-children-{{$id}}" onTap="onVisibleChange">
+<view
+  class="ant-popover {{showMask && mixin.value ? 'ant-popover-children' : ''}} {{className ? className : ''}}"
+  style="{{style || ''}}">
+  <view
+    id="ant-popover-children-{{$id}}"
+    onTap="onVisibleChange">
     <slot />
   </view>
   <view
     a:if="{{!destroyOnClose || mixin.value}}"
     hidden="{{!mixin.value}}"
     id="ant-popover-content-{{$id}}"
-    class="ant-popover-content ant-popover-{{adjustedPlacement}}" 
+    class="ant-popover-content ant-popover-{{adjustedPlacement}}"
     style="{{popoverContentStyle}}; {{adjustedPlacement ? '' : 'opacity: 0'}}">
-    <view class="ant-popover-arrow ant-popover-{{adjustedPlacement}}-arrow" style="{{color?`border-bottom-color:${color}` : ''}}"></view>
-    <view class="ant-popover-inner {{contentClassName || ''}}" style="{{color?`background:${color}`:''}};{{contentStyle || ''}}">
+    <view
+      class="ant-popover-arrow ant-popover-{{adjustedPlacement}}-arrow"
+      style="{{color?`border-bottom-color:${color}` : ''}}"></view>
+    <view
+      class="ant-popover-inner {{contentClassName || ''}}"
+      style="{{color?`background:${color}`:''}};{{contentStyle || ''}}">
       <slot name="content">{{content}}</slot>
     </view>
   </view>
@@ -19,6 +27,5 @@
   show="{{showMask && mixin.value}}"
   id="ant-popover-mask-{{$id}}"
   className="ant-popover-mask {{maskClassName || ''}}"
-  style="{{maskStyle}}" 
-  onMaskTap="onVisibleChange"
-/>
+  style="{{maskStyle}}"
+  onMaskTap="onVisibleChange" />
diff --git a/src/Popup/index.axml b/src/Popup/index.axml
index c390fbb31..f4e4a7188 100644
--- a/src/Popup/index.axml
+++ b/src/Popup/index.axml
@@ -1,17 +1,23 @@
-<import-sjs from="./index.sjs" name="{getContentStyle}" />
+<import-sjs
+  from="./index.sjs"
+  name="{getContentStyle}" />
 <view
   class="ant-popup {{className||''}}"
   style="{{zIndex ? `z-index:${zIndex}` : ''}};{{style  || ''}}"
   a:if="{{!destroyOnClose || visible || closing}}"
-  hidden="{{!destroyOnClose && !visible && !closing}}"
->
-  <view a:if="{{showMask}}" class="ant-popup-mask {{maskClassName || ''}} {{closing&&!visible?'ant-popup-mask-closing':''}}" onTap="onTapMask" style="{{animation ? `-webkit-animation-duration:${duration}ms; animation-duration:${duration}ms;` : ''}} {{maskStyle || ''}}"/>
+  hidden="{{!destroyOnClose && !visible && !closing}}">
+  <view
+    a:if="{{showMask}}"
+    class="ant-popup-mask {{maskClassName || ''}} {{closing&&!visible?'ant-popup-mask-closing':''}}"
+    onTap="onTapMask"
+    style="{{animation ? `-webkit-animation-duration:${duration}ms; animation-duration:${duration}ms;` : ''}} {{maskStyle || ''}}" />
   <view
     class="ant-popup-content ant-popup-{{ animationType }}-{{position}} {{ closing?('ant-popup-' + animationType + '-' + position + '-close') : '' }}"
     style="{{getContentStyle(position, animation, duration, width, height)}}"
-    onAnimationEnd="onAnimationEnd"
-  >
-  <slot />
-  <slot a:if="{{ isOldVersion }}" name="content"/>
+    onAnimationEnd="onAnimationEnd">
+    <slot />
+    <slot
+      a:if="{{ isOldVersion }}"
+      name="content" />
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/src/Progress/index.axml b/src/Progress/index.axml
index bacee25bc..a9a5d8dfa 100644
--- a/src/Progress/index.axml
+++ b/src/Progress/index.axml
@@ -1,29 +1,29 @@
-
-<view class="ant-progress ant-progress-{{type}} {{className || ''}}" style="{{style || ''}};{{type === 'circle'?`width:${width}px;height:${width}px`:'' }}">
-  <canvas 
-    a:if="{{ type === 'circle' }}" 
-    class="ant-progress-canvas" 
-    id="ant-progress-canvas-{{$id}}" 
+<view
+  class="ant-progress ant-progress-{{type}} {{className || ''}}"
+  style="{{style || ''}};{{type === 'circle'?`width:${width}px;height:${width}px`:'' }}">
+  <canvas
+    a:if="{{ type === 'circle' }}"
+    class="ant-progress-canvas"
+    id="ant-progress-canvas-{{$id}}"
     width="{{canvasWidth}}"
     height="{{canvasWidth}}" />
-  <view 
-    a:elif="{{ type === 'line' }}" 
-    class="ant-progress-outer" 
+  <view
+    a:elif="{{ type === 'line' }}"
+    class="ant-progress-outer"
     style="{{strokeWidth? 'height:'+strokeWidth+'px;':''}}{{trailColor?'background-color:'+trailColor:''}}">
-    <view 
-      class="ant-progress-inner {{(status == 'success' || status == 'exception') ? `ant-progress-inner-${status}`:''}}" 
-      style="{{`width: ${curProgress}%; ${strokeColor ?'background-color:'+ strokeColor:''}`}}">
-    </view>
+    <view
+      class="ant-progress-inner {{(status == 'success' || status == 'exception') ? `ant-progress-inner-${status}`:''}}"
+      style="{{`width: ${curProgress}%; ${strokeColor ?'background-color:'+ strokeColor:''}`}}"></view>
   </view>
   <view class="ant-progress-indicator">
-    <slot name="indicator" percent="{{percent}}">
-      <icon 
-        a:if="{{status == 'success' || status == 'exception' }}" 
-        type="{{status == 'success'?'CheckCircleFill':'CloseCircleFill'}}"  
-        class="ant-progress-status-icon ant-progress-status-icon-{{status}}"/>
-      <block a:else>
-        {{percent}}%
-      </block>
+    <slot
+      name="indicator"
+      percent="{{percent}}">
+      <icon
+        a:if="{{status == 'success' || status == 'exception' }}"
+        type="{{status == 'success'?'CheckCircleFill':'CloseCircleFill'}}"
+        class="ant-progress-status-icon ant-progress-status-icon-{{status}}" />
+      <block a:else>{{percent}}%</block>
     </slot>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/src/Radio/RadioGroup/index.axml b/src/Radio/RadioGroup/index.axml
index c6383a0f6..38eca3f7e 100644
--- a/src/Radio/RadioGroup/index.axml
+++ b/src/Radio/RadioGroup/index.axml
@@ -1,11 +1,13 @@
-<import-sjs from="../index.sjs" name="componentUtils" />
+<import-sjs
+  from="../index.sjs"
+  name="componentUtils" />
 
-<list 
-  className="ant-radio-group {{className ? className : ''}} ant-radio-group-{{position}}" style="{{style}}">
+<list
+  className="ant-radio-group {{className ? className : ''}} ant-radio-group-{{position}}"
+  style="{{style}}">
   <radio-group
     name="{{name}}"
-    value="{{mixin.value}}"
-  >
+    value="{{mixin.value}}">
     <view class="ant-radio-group-body">
       <block a:if="{{position === 'vertical'}}">
         <list-item a:for="{{options}}">
@@ -15,11 +17,15 @@
             value="{{item.value}}"
             disabled="{{disabled || item.disabled}}"
             color="{{color}}"
-            onChange="onChange"
-          > 
-            <slot name="label" value="{{item}}" index="{{index}}">
-              <view class="ant-radio-group-item-label-default">{{item.label}}</view>
-            </slot>  
+            onChange="onChange">
+            <slot
+              name="label"
+              value="{{item}}"
+              index="{{index}}">
+              <view class="ant-radio-group-item-label-default">
+                {{item.label}}
+              </view>
+            </slot>
           </radio>
         </list-item>
       </block>
@@ -31,10 +37,14 @@
           value="{{item.value}}"
           disabled="{{disabled || item.disabled}}"
           color="{{item.color}}"
-          onChange="onChange"
-        >
-          <slot name="label" value="{{item}}" index="{{index}}">
-            <view class="ant-radio-group-item-label-default">{{item.label}}</view>
+          onChange="onChange">
+          <slot
+            name="label"
+            value="{{item}}"
+            index="{{index}}">
+            <view class="ant-radio-group-item-label-default">
+              {{item.label}}
+            </view>
           </slot>
         </radio>
       </block>
diff --git a/src/Radio/index.axml b/src/Radio/index.axml
index 773401efb..fed9a2c4b 100644
--- a/src/Radio/index.axml
+++ b/src/Radio/index.axml
@@ -1,21 +1,31 @@
-<import-sjs from="./index.sjs" name="componentUtils" />
+<import-sjs
+  from="./index.sjs"
+  name="componentUtils" />
 
-<label class="ant-radio-item {{className || ''}}"  style="{{style}}">
+<label
+  class="ant-radio-item {{className || ''}}"
+  style="{{style}}">
   <view class="ant-radio-item-container">
     <view class="ant-radio-item-wrap">
-      <radio class="ant-radio-item-base"
+      <radio
+        class="ant-radio-item-base"
         onChange="onChange"
         value="{{value}}"
         checked="{{mixin.value}}"
-        disabled="{{disabled}}"
-      />
+        disabled="{{disabled}}" />
       <view class="ant-radio-item-fake">
-        <view class="ant-radio-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}" style="{{mixin.value && !disabled && color ? 'background:' + color : ''}}">
-          <icon a:if="{{mixin.value}}" type="CheckOutline" class="ant-radio-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}-icon" />
+        <view
+          class="ant-radio-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}"
+          style="{{mixin.value && !disabled && color ? 'background:' + color : ''}}">
+          <icon
+            a:if="{{mixin.value}}"
+            type="CheckOutline"
+            class="ant-radio-item-fake-{{componentUtils.getClassName(mixin.value, disabled)}}-icon" />
         </view>
       </view>
     </view>
-    <view class="ant-radio-item-content {{disabled ? 'ant-radio-item-disabled' : ''}}">
+    <view
+      class="ant-radio-item-content {{disabled ? 'ant-radio-item-disabled' : ''}}">
       <slot />
     </view>
   </view>
diff --git a/src/RareWordsKeyboard/index.axml b/src/RareWordsKeyboard/index.axml
index 9a676dbaf..a820c156f 100644
--- a/src/RareWordsKeyboard/index.axml
+++ b/src/RareWordsKeyboard/index.axml
@@ -1,29 +1,36 @@
-<view a:key="ant-rare-words-input-{{$id}}" style="{{style}}" class="ant-rare-words-keyboard {{className || ''}}">
+<view
+  a:key="ant-rare-words-input-{{$id}}"
+  style="{{style}}"
+  class="ant-rare-words-keyboard {{className || ''}}">
   <view
     a:if="{{ visible }}"
     class="ant-rare-words-keyboard-modal {{ showMask ? '' : 'hide' }}"
     onTap="onHide"
-    onAppear="catchAppearModal"
-  />
+    onAppear="catchAppearModal" />
   <view class="ant-rare-words-keyboard-kb {{visible ? '': 'hide'}}">
     <view class="ant-rare-words-keyboard-header">
       <!-- 输入值展示区 -->
-      <view a:if="{{type !== 'handwriting'}}" class="ant-rare-words-keyboard-input_value {{ displayStr.length > 0 && visible ? '' : 'hide' }}">
+      <view
+        a:if="{{type !== 'handwriting'}}"
+        class="ant-rare-words-keyboard-input_value {{ displayStr.length > 0 && visible ? '' : 'hide' }}">
         {{ displayStr }}
       </view>
       <!-- 候选字展示区 -->
       <view class="ant-rare-words-keyboard-match_words_wrap">
-        <view class="ant-rare-words-keyboard-match_words {{ showMoreWords ? 'absolute' : '' }}">
-          <view class="ant-rare-words-keyboard-match_words_inner {{ showMoreWords ? 'all' : '' }}">
-            <view a:if="{{ matchWordsList.length === 0 }}" class="ant-rare-words-keyboard-match_words_hidden">
+        <view
+          class="ant-rare-words-keyboard-match_words {{ showMoreWords ? 'absolute' : '' }}">
+          <view
+            class="ant-rare-words-keyboard-match_words_inner {{ showMoreWords ? 'all' : '' }}">
+            <view
+              a:if="{{ matchWordsList.length === 0 }}"
+              class="ant-rare-words-keyboard-match_words_hidden">
               哈
             </view>
             <view
               a:for="{{ matchWordsList }}"
               class="ant-rare-words-keyboard-match_words_item {{ showMoreWords ? 'all' : '' }}"
               data-value="{{ item.unicodeChar }}"
-              onTap="handleWordClick"
-            >
+              onTap="handleWordClick">
               <view class="ant-rare-words-keyboard-match_words_item_text">
                 {{ item.unicodeChar }}
               </view>
@@ -31,23 +38,22 @@
             <!-- 提示文案 -->
             <view
               a:if="{{displayStr === '' && matchWordsList.length === 0}}"
-              class="ant-rare-words-keyboard-match_words_item_tips"
-            >
+              class="ant-rare-words-keyboard-match_words_item_tips">
               请输入生僻字对应的拼音
             </view>
             <view
               a:if="{{ displayStr !== '' && matchWordsList.length === 0 }}"
-              class="ant-rare-words-keyboard-match_words_item_tips"
-            >
+              class="ant-rare-words-keyboard-match_words_item_tips">
               更多生僻字完善中，敬请期待
             </view>
           </view>
           <!-- 候选字左侧操作按钮 -->
           <view
             class="ant-rare-words-keyboard-match_words_right {{ showMoreWords ? 'sticky' : '' }} {{ matchWordsList.length > maxDisplayNum && !showMoreWords ? 'overflow' : '' }}"
-            onTap="hanleLookMore"
-          >
-            <icon class="ant-rare-words-keyboard_down" type="DownOutline" />
+            onTap="hanleLookMore">
+            <icon
+              class="ant-rare-words-keyboard_down"
+              type="DownOutline" />
           </view>
         </view>
       </view>
@@ -60,31 +66,36 @@
               <result
                 class="ant-rare-words-keyboard_error-result"
                 type="error"
-                message="页面遇到一些小问题"
-              >
+                message="页面遇到一些小问题">
                 <view slot="extra">
-                  <button type="primary" inline size="small" onTap="handleRetry">重试</button>
+                  <button
+                    type="primary"
+                    inline
+                    size="small"
+                    onTap="handleRetry">
+                    重试
+                  </button>
                 </view>
               </result>
             </view>
           </slot>
         </view>
         <!-- 键盘区域 -->
-        <view a:else class="ant-rare-words-keyboard_pinyin">
+        <view
+          a:else
+          class="ant-rare-words-keyboard_pinyin">
           <view
             a:for="{{ pinyinMaps }}"
             a:for-index="mapIndex"
             a:for-item="mapItem"
             a:key="{{ mapIndex }}"
-            class="ant-rare-words-keyboard_pinyin_row"
-          >
+            class="ant-rare-words-keyboard_pinyin_row">
             <view
               a:for="{{ mapItem }}"
               a:key="{{ item.value }}"
               data-value="{{ item.value }}"
               class="ant-rare-words-keyboard_pinyin_key {{ showMoreWords ? 'all' : '' }}"
-              onTap="handleKeyClick"
-            >
+              onTap="handleKeyClick">
               <view class="ant-rare-words-keyboard_pinyin_key_text">
                 {{ item.label }}
               </view>
@@ -92,16 +103,19 @@
             <view
               a:if="{{ mapIndex === pinyinMaps.length - 1 }}"
               class="ant-rare-words-keyboard_pinyin_key delete"
-              onTap="handleDelete"
-            >
+              onTap="handleDelete">
               <view class="ant-rare-words-keyboard_pinyin_key_text">
-                <icon class="ant-rare-words-keyboard_delete" type="TextDeletionOutline" />
+                <icon
+                  class="ant-rare-words-keyboard_delete"
+                  type="TextDeletionOutline" />
               </view>
             </view>
           </view>
         </view>
       </view>
     </view>
-    <view a:if="{{ safeArea }}" class="ant-rare-words-keyboard-kb_iphonex-safe"></view>
+    <view
+      a:if="{{ safeArea }}"
+      class="ant-rare-words-keyboard-kb_iphonex-safe"></view>
   </view>
 </view>
diff --git a/src/Rate/index.axml b/src/Rate/index.axml
index c111757de..5067fb18c 100644
--- a/src/Rate/index.axml
+++ b/src/Rate/index.axml
@@ -1,25 +1,32 @@
-<view class="ant-rate {{className || ''}}"
-  style="{{style}}"
->
+<view
+  class="ant-rate {{className || ''}}"
+  style="{{style}}">
   <view
     id="ant-rate-container-{{$id}}"
     class="ant-rate-container"
     onTouchMove="handleStarMove"
-    onTouchEnd="handleStarMoveEnd"
-  >
-    <view class="ant-rate-star" 
+    onTouchEnd="handleStarMoveEnd">
+    <view
+      class="ant-rate-star"
       a:for="{{count}}"
       onTap="handleStarTap"
       data-rate="{{index}}"
-      style="margin-right: {{(index === count - 1 ? 0 : gutter) + 'px'}}"
-    >
-      <view a:if="{{allowHalf && mixin.value === index + 0.5}}" className="ant-rate-star-icon-active {{characterClassName || ''}} {{characterActiveClassName || ''}} ant-rate-star-icon-half-active">
-        <slot name="character" index="{{index}}" isActive="{{true}}">
+      style="margin-right: {{(index === count - 1 ? 0 : gutter) + 'px'}}">
+      <view
+        a:if="{{allowHalf && mixin.value === index + 0.5}}"
+        className="ant-rate-star-icon-active {{characterClassName || ''}} {{characterActiveClassName || ''}} ant-rate-star-icon-half-active">
+        <slot
+          name="character"
+          index="{{index}}"
+          isActive="{{true}}">
           <icon type="StarFill" />
         </slot>
       </view>
-      <view className="ant-rate-star-icon {{mixin.value >= index + 1 ? ('ant-rate-star-icon-active' + ' ' + (characterClassName || '') + ' ' + (characterActiveClassName || '')) : characterClassName}}">
-        <slot name="character" index="{{index}}">
+      <view
+        className="ant-rate-star-icon {{mixin.value >= index + 1 ? ('ant-rate-star-icon-active' + ' ' + (characterClassName || '') + ' ' + (characterActiveClassName || '')) : characterClassName}}">
+        <slot
+          name="character"
+          index="{{index}}">
           <icon type="StarFill" />
         </slot>
       </view>
diff --git a/src/Result/index.axml b/src/Result/index.axml
index a9bf15ea4..b2a9c294f 100644
--- a/src/Result/index.axml
+++ b/src/Result/index.axml
@@ -1,20 +1,24 @@
-<import-sjs name="result" from='./index.sjs' />
+<import-sjs
+  name="result"
+  from="./index.sjs" />
 
-<view class="ant-result {{className ? className : ''}}" style="{{style || ''}}">
+<view
+  class="ant-result {{className ? className : ''}}"
+  style="{{style || ''}}">
   <view class="ant-result-main">
     <slot name="image">
-      <view class="ant-result-image" a:if="{{type}}">
-        <icon 
+      <view
+        class="ant-result-image"
+        a:if="{{type}}">
+        <icon
           type="{{result.iconType(type)}}"
           className="ant-result-image-{{type}}"
-          style="font-size:64px"
-        />
+          style="font-size: 64px" />
       </view>
-      <image-icon 
+      <image-icon
         a:elif="{{image}}"
         className="ant-result-image"
-        image="{{image}}" 
-      />
+        image="{{image}}" />
     </slot>
     <view class="ant-result-title">
       <slot name="title">{{title}}</slot>
@@ -23,6 +27,5 @@
       <slot name="message"><text>{{message}}</text></slot>
     </view>
   </view>
-  <slot name="extra">
-  </slot>
+  <slot name="extra"></slot>
 </view>
diff --git a/src/Selector/index.axml b/src/Selector/index.axml
index 694addb40..e67bdfb68 100644
--- a/src/Selector/index.axml
+++ b/src/Selector/index.axml
@@ -1,20 +1,33 @@
-<import-sjs from="./index.sjs" name="util" />
+<import-sjs
+  from="./index.sjs"
+  name="util" />
 
-<view class="ant-selector {{className ? className : ''}} {{disabled ? 'ant-selector-disabled' : ''}}" style="{{style}}">
+<view
+  class="ant-selector {{className ? className : ''}} {{disabled ? 'ant-selector-disabled' : ''}}"
+  style="{{style}}">
   <view class="ant-selector-content-container">
-    <view a:for="{{options}}" class="ant-selector-content {{options.length <= 2 ? 'ant-selector-content-item2' : ''}}">
+    <view
+      a:for="{{options}}"
+      class="ant-selector-content {{options.length <= 2 ? 'ant-selector-content-item2' : ''}}">
       <view
         class="ant-selector-item {{item.disabled ? 'ant-selector-item-disabled' : ''}} {{util.getChecked(item.value, mixin.value, multiple) ? `ant-selector-item-active ${activeItemClassName ? activeItemClassName: ''}` :''}}"
         style="{{util.getChecked(item.value, mixin.value, multiple) ? (activeItemStyle||'') : ''}}"
         data-value="{{item.value}}"
         data-disabled="{{item.disabled}}"
         onTap="onChange">
-        <view class="ant-selector-item-text"
-          a:if="{{item.text}}">{{item.text}}</view>
-        <view class="ant-selector-item-subtext"
-          a:if="{{item.subText}}">{{item.subText}}</view>
-        <view class="ant-selector-item-badge-active"
-            a:if="{{util.getChecked(item.value, mixin.value, multiple)}}" />
+        <view
+          class="ant-selector-item-text"
+          a:if="{{item.text}}">
+          {{item.text}}
+        </view>
+        <view
+          class="ant-selector-item-subtext"
+          a:if="{{item.subText}}">
+          {{item.subText}}
+        </view>
+        <view
+          class="ant-selector-item-badge-active"
+          a:if="{{util.getChecked(item.value, mixin.value, multiple)}}" />
       </view>
     </view>
   </view>
diff --git a/src/Skeleton/Avatar/index.axml b/src/Skeleton/Avatar/index.axml
index 5dd57250b..7e1b61670 100644
--- a/src/Skeleton/Avatar/index.axml
+++ b/src/Skeleton/Avatar/index.axml
@@ -1,8 +1,9 @@
-<import-sjs from="./index.sjs" name="utils" />
+<import-sjs
+  from="./index.sjs"
+  name="utils" />
 
 <view
-  a:if="{{loading}}" 
-  style="{{style}}" 
-  class="ant-skeleton-avatar ant-skeleton-avatar-{{shape}} {{animate?'ant-skeleton-avatar-animate':''}} {{utils.getClass(size)}} {{className || ''}}" 
-/>
-<slot a:else/>
+  a:if="{{loading}}"
+  style="{{style}}"
+  class="ant-skeleton-avatar ant-skeleton-avatar-{{shape}} {{animate?'ant-skeleton-avatar-animate':''}} {{utils.getClass(size)}} {{className || ''}}" />
+<slot a:else />
diff --git a/src/Skeleton/Button/index.axml b/src/Skeleton/Button/index.axml
index f089ff39d..c82e99183 100644
--- a/src/Skeleton/Button/index.axml
+++ b/src/Skeleton/Button/index.axml
@@ -1,6 +1,9 @@
-<import-sjs from="./index.sjs" name="utils" />
+<import-sjs
+  from="./index.sjs"
+  name="utils" />
 
-<view a:if="{{loading}}" class="ant-skeleton-button {{animate?'ant-skeleton-button-animate':''}} {{utils.getClass(size)}}  {{className||''}}" style="{{style}}">
-
-</view>
-<slot a:else/>
\ No newline at end of file
+<view
+  a:if="{{loading}}"
+  class="ant-skeleton-button {{animate?'ant-skeleton-button-animate':''}} {{utils.getClass(size)}}  {{className||''}}"
+  style="{{style}}"></view>
+<slot a:else />
diff --git a/src/Skeleton/Input/index.axml b/src/Skeleton/Input/index.axml
index 85b55b8b7..4b4361a80 100644
--- a/src/Skeleton/Input/index.axml
+++ b/src/Skeleton/Input/index.axml
@@ -1,4 +1,5 @@
-<view a:if="{{loading}}" class="ant-skeleton-input {{animate?'ant-skeleton-input-animate':''}} {{className||''}}" style="{{style}}">
-
-</view>
-<slot a:else/>
\ No newline at end of file
+<view
+  a:if="{{loading}}"
+  class="ant-skeleton-input {{animate?'ant-skeleton-input-animate':''}} {{className||''}}"
+  style="{{style}}"></view>
+<slot a:else />
diff --git a/src/Skeleton/Paragraph/index.axml b/src/Skeleton/Paragraph/index.axml
index c54bcf36d..5438f32d3 100644
--- a/src/Skeleton/Paragraph/index.axml
+++ b/src/Skeleton/Paragraph/index.axml
@@ -1,4 +1,9 @@
-<view a:if="{{loading && rows > 0}}" class="ant-skeleton-paragraph {{animate?'ant-skeleton-paragraph-animate':''}} {{className||''}}" style="{{style}}">
-    <view class="ant-skeleton-paragraph-row" a:for="{{rows}}"></view>
+<view
+  a:if="{{loading && rows > 0}}"
+  class="ant-skeleton-paragraph {{animate?'ant-skeleton-paragraph-animate':''}} {{className||''}}"
+  style="{{style}}">
+  <view
+    class="ant-skeleton-paragraph-row"
+    a:for="{{rows}}"></view>
 </view>
-<slot a:else/>
\ No newline at end of file
+<slot a:else />
diff --git a/src/Skeleton/Title/index.axml b/src/Skeleton/Title/index.axml
index 1fa5a6f7c..6c2956633 100644
--- a/src/Skeleton/Title/index.axml
+++ b/src/Skeleton/Title/index.axml
@@ -1,4 +1,5 @@
-<view a:if="{{loading}}" class="ant-skeleton-title {{animate?'ant-skeleton-title-animate':''}} {{className||''}}" style="{{style}}">
-
-</view>
-<slot a:else/>
\ No newline at end of file
+<view
+  a:if="{{loading}}"
+  class="ant-skeleton-title {{animate?'ant-skeleton-title-animate':''}} {{className||''}}"
+  style="{{style}}"></view>
+<slot a:else />
diff --git a/src/Skeleton/index.axml b/src/Skeleton/index.axml
index c02fad6a6..04852f796 100644
--- a/src/Skeleton/index.axml
+++ b/src/Skeleton/index.axml
@@ -1,10 +1,24 @@
-<view a:if="{{loading}}" class="ant-skeleton {{className||''}}">
-    <view a:if="{{avatar}}" class="ant-skeleton-avatar-wrapper">
-        <avatar animate="{{animate}}" loading size="{{avatar.size}}" />
-    </view>
-    <view class="ant-skeleton-content-wrapper">
-        <title a:if="{{title}}" animate="{{animate}}" loading />
-        <paragraph a:if="{{paragraph}}" animate="{{animate}}" rows="{{paragraph.rows}}" loading />
-    </view>
+<view
+  a:if="{{loading}}"
+  class="ant-skeleton {{className||''}}">
+  <view
+    a:if="{{avatar}}"
+    class="ant-skeleton-avatar-wrapper">
+    <avatar
+      animate="{{animate}}"
+      loading
+      size="{{avatar.size}}" />
+  </view>
+  <view class="ant-skeleton-content-wrapper">
+    <title
+      a:if="{{title}}"
+      animate="{{animate}}"
+      loading />
+    <paragraph
+      a:if="{{paragraph}}"
+      animate="{{animate}}"
+      rows="{{paragraph.rows}}"
+      loading />
+  </view>
 </view>
 <slot a:else />
diff --git a/src/Slider/index.axml b/src/Slider/index.axml
index a223f99e7..c51338b21 100644
--- a/src/Slider/index.axml
+++ b/src/Slider/index.axml
@@ -1,62 +1,80 @@
-<import-sjs from="./index.sjs" name="sliderSjs" />
+<import-sjs
+  from="./index.sjs"
+  name="sliderSjs" />
 
-<template name='slider-handler'>
-   <view class="ant-slider-handler" style="left: {{position}}%">
-       <popover placement="top" visible="{{showTooltip}}" showMask="{{false}}">
-        <slot name="slider">
-          <view class="ant-slider-handler-block">
-            <view class="ant-slider-handler-icon-default">
-              <view class="ant-slider-handler-icon-default-line1" />
-              <view class="ant-slider-handler-icon-default-line2" />
-              <view class="ant-slider-handler-icon-default-line3" />
-            </view>
+<template name="slider-handler">
+  <view
+    class="ant-slider-handler"
+    style="left: {{position}}%">
+    <popover
+      placement="top"
+      visible="{{showTooltip}}"
+      showMask="{{false}}">
+      <slot name="slider">
+        <view class="ant-slider-handler-block">
+          <view class="ant-slider-handler-icon-default">
+            <view class="ant-slider-handler-icon-default-line1" />
+            <view class="ant-slider-handler-icon-default-line2" />
+            <view class="ant-slider-handler-icon-default-line3" />
           </view>
-        </slot>
-        <view slot="content" class="ant-slider-tooltip-content">
-          <slot name="tooltip" value="{{value}}">{{value}}</slot>
         </view>
-      </popover>
-    </view>
+      </slot>
+      <view
+        slot="content"
+        class="ant-slider-tooltip-content">
+        <slot
+          name="tooltip"
+          value="{{value}}">
+          {{value}}
+        </slot>
+      </view>
+    </popover>
+  </view>
 </template>
 
-<view 
+<view
   class="ant-slider {{className ? className : ''}}"
-  style="opacity: {{disabled ? '0.4' : '1'}};"
->
-  <view class="ant-slider-track {{showNumber ? 'ant-slider-track-number' : ''}}" >
-    <view 
+  style="opacity: {{disabled ? '0.4' : '1'}};">
+  <view
+    class="ant-slider-track {{showNumber ? 'ant-slider-track-number' : ''}}">
+    <view
       class="ant-slider-track-touch-area"
       id="ant-slider-id-{{$id}}"
       onTouchStart="handleTrackTouchStart"
       onTouchEnd="handleTrackTouchEnd"
-      onTouchMove="handleTrackTouchMove"
-    >
-      <view 
-        class="ant-slider-track-fill"
-      >
-        <view class="ant-slider-track-fill-background" /> 
-        <view 
+      onTouchMove="handleTrackTouchMove">
+      <view class="ant-slider-track-fill">
+        <view class="ant-slider-track-fill-background" />
+        <view
           class="ant-slider-track-fill-front {{activeLineClassName || ''}}"
-          style="width: {{sliderWidth}}%; left: {{sliderLeft}}%; {{activeLineStyle || ''}}"
-        /> 
+          style="width: {{sliderWidth}}%; left: {{sliderLeft}}%; {{activeLineStyle || ''}}" />
 
         <view class="ant-slider-showTicks">
-          <view 
-            a:for="{{tickList}}" 
-            class= "ant-slider-tick ant-slider-tick-{{sliderSjs.isFrontTick(item, sliderLeft, sliderWidth) ? 'front' : 'back' }} {{sliderSjs.isFrontTick(item, sliderLeft, sliderWidth) && activeDotClassName ? activeDotClassName : ''}}"
-            style="left: {{item.left}}%;{{sliderSjs.isFrontTick(item, sliderLeft, sliderWidth) && activeDotStyle ? activeDotStyle: ''}}"
-        >
-          <view a:if={{showNumber}} class="ant-slider-tick-number">
-            <slot name="tick" value="{{item.value}}">
-              {{item.value}}
-            </slot>
+          <view
+            a:for="{{tickList}}"
+            class="ant-slider-tick ant-slider-tick-{{sliderSjs.isFrontTick(item, sliderLeft, sliderWidth) ? 'front' : 'back' }} {{sliderSjs.isFrontTick(item, sliderLeft, sliderWidth) && activeDotClassName ? activeDotClassName : ''}}"
+            style="left: {{item.left}}%;{{sliderSjs.isFrontTick(item, sliderLeft, sliderWidth) && activeDotStyle ? activeDotStyle: ''}}">
+            <view
+              a:if="{{showNumber}}"
+              class="ant-slider-tick-number">
+              <slot
+                name="tick"
+                value="{{item.value}}">
+                {{item.value}}
+              </slot>
+            </view>
           </view>
         </view>
-        </view>
 
-        <template a:if="{{range}}" is="slider-handler" data="{{ position: sliderLeft, icon: icon, value: mixin.value[0], showTooltip: changingStart&&showTooltip }}"/>
-        <template is="slider-handler" data="{{ position: sliderLeft + sliderWidth, icon: icon, value: range? mixin.value[1]: mixin.value, showTooltip: changingEnd&&showTooltip }}"/>
+        <template
+          a:if="{{range}}"
+          is="slider-handler"
+          data="{{ position: sliderLeft, icon: icon, value: mixin.value[0], showTooltip: changingStart&&showTooltip }}" />
+        <template
+          is="slider-handler"
+          data="{{ position: sliderLeft + sliderWidth, icon: icon, value: range? mixin.value[1]: mixin.value, showTooltip: changingEnd&&showTooltip }}" />
       </view>
     </view>
   </view>
-<view>
+  <view></view>
+</view>
diff --git a/src/Stepper/index.axml b/src/Stepper/index.axml
index a04d4ce73..6678a3b83 100644
--- a/src/Stepper/index.axml
+++ b/src/Stepper/index.axml
@@ -1,4 +1,6 @@
-<view class="ant-stepper {{className ? className : ''}}" style="{{style}}">
+<view
+  class="ant-stepper {{className ? className : ''}}"
+  style="{{style}}">
   <button
     className="ant-stepper-button ant-stepper-button-down {{(disabled || (mixin.value !== '' && mixin.value <= min)) ? 'ant-stepper-button-disabled' : ''}}"
     activeClassName="ant-stepper-button-hover"
@@ -6,17 +8,16 @@
     type="text"
     data-mode="minus"
     disabled="{{disabled || (mixin.value !== '' && mixin.value <= min)}}"
-    onTap="onTap"
-  >
-  </button>
+    onTap="onTap"></button>
 
   <view class="ant-stepper-input-wrap">
-    <input class="ant-stepper-input {{disabled? 'ant-stepper-input-disabled' : ''}} {{inputClassName ? inputClassName : ''}}"
+    <input
+      class="ant-stepper-input {{disabled? 'ant-stepper-input-disabled' : ''}} {{inputClassName ? inputClassName : ''}}"
       style="{{inputStyle}}"
       type="{{type}}"
-      enableNative="{{enableNative}}" 
+      enableNative="{{enableNative}}"
       alwaysSystem="{{alwaysSystem}}"
-      confirm-type="{{confirmType}}" 
+      confirm-type="{{confirmType}}"
       confirm-hold="{{confirmHold}}"
       disabled="{{disabled}}"
       focus="{{focus}}"
@@ -24,17 +25,14 @@
       onFocus="onFocus"
       onBlur="onBlur"
       onConfirm="onConfirm"
-      value="{{mixin.value}}"
-    />
+      value="{{mixin.value}}" />
   </view>
-  <button 
+  <button
     className="ant-stepper-button ant-stepper-button-up {{(disabled || (minin.value !== '' && mixin.value >= max)) ? 'ant-stepper-button-disabled' : ''}}"
     activeClassName="ant-stepper-button-hover"
     icon="AddOutline"
     type="text"
     data-mode="add"
     disabled="{{disabled || mixin.value >= max}}"
-    onTap="onTap"
-  >
-  </button>
+    onTap="onTap"></button>
 </view>
diff --git a/src/Steps/index.axml b/src/Steps/index.axml
index e924b9dff..d5c1f7cec 100644
--- a/src/Steps/index.axml
+++ b/src/Steps/index.axml
@@ -1,31 +1,49 @@
-<import-sjs from="./index.sjs" name="utils" />
+<import-sjs
+  from="./index.sjs"
+  name="utils" />
 
-<view class="ant-steps ant-steps-{{direction}} {{className ? className : ''}}" style="{{style}}">
-  <view a:for="{{items}}"
+<view
+  class="ant-steps ant-steps-{{direction}} {{className ? className : ''}}"
+  style="{{style}}">
+  <view
+    a:for="{{items}}"
     class="ant-steps-item ant-steps-item-{{direction}} 
     {{index < current? 'ant-steps-item-finish' : ''}} 
     {{index === current? 'ant-steps-item-active' : ''}} 
-    {{index > current? 'ant-steps-item-non-active' : ''}}"
-  >
-    <view class="ant-steps-item-indicator ant-steps-item-indicator-{{direction}}">
-      <view class="ant-steps-item-indicator-icon ant-steps-item-{{utils.getClassName(current, index, status)}}-icon">
-        <slot name="icon" value="{{item}}" index="{{index}}" current="{{current}}" status="{{status}}">
-          <view class="ant-steps-item-{{utils.getClassName(current, index, status)}}-icon-default" />
+    {{index > current? 'ant-steps-item-non-active' : ''}}">
+    <view
+      class="ant-steps-item-indicator ant-steps-item-indicator-{{direction}}">
+      <view
+        class="ant-steps-item-indicator-icon ant-steps-item-{{utils.getClassName(current, index, status)}}-icon">
+        <slot
+          name="icon"
+          value="{{item}}"
+          index="{{index}}"
+          current="{{current}}"
+          status="{{status}}">
+          <view
+            class="ant-steps-item-{{utils.getClassName(current, index, status)}}-icon-default" />
         </slot>
       </view>
     </view>
     <view class="ant-steps-item-text">
-      <view class="ant-steps-item-title ant-steps-item-title-{{utils.getClassName(current, index, status)}}">
-         <slot name="title" value="{{item}}" index="{{index}}">
+      <view
+        class="ant-steps-item-title ant-steps-item-title-{{utils.getClassName(current, index, status)}}">
+        <slot
+          name="title"
+          value="{{item}}"
+          index="{{index}}">
           {{item.title}}
         </slot>
       </view>
       <view class="ant-steps-item-desc">
-        <slot name="description" value="{{item}}" index="{{index}}">
+        <slot
+          name="description"
+          value="{{item}}"
+          index="{{index}}">
           {{item.description}}
         </slot>
       </view>
     </view>
   </view>
-
 </view>
diff --git a/src/SwipeAction/index.axml b/src/SwipeAction/index.axml
index 7885f9421..fa926d9dd 100644
--- a/src/SwipeAction/index.axml
+++ b/src/SwipeAction/index.axml
@@ -1,7 +1,11 @@
-<import-sjs name="util" from="./index.sjs"/>
+<import-sjs
+  name="util"
+  from="./index.sjs" />
 
 <view class="ant-swipe">
-  <view class="ant-swipe-action" style="{{{ width: util.getWidth(rightWidth, leftWidth, inertiaWidth) }}}">
+  <view
+    class="ant-swipe-action"
+    style="{{{ width: util.getWidth(rightWidth, leftWidth, inertiaWidth) }}}">
     <movable-area
       class="ant-swipe-action-movable"
       style="{{{
@@ -24,13 +28,14 @@
         onChangeEnd="onChangeEnd"
         catchTouchEnd="onTouchEnd"
         onTouchCancel="onTouchCancel"
-        catchTouchStart="onTouchStart"
-      >
+        catchTouchStart="onTouchStart">
         <view
           class="ant-swipe-action-movable-content-view"
           style="{{util.getSlotWidthStyle(rightWidth, leftWidth, _leftButtons, _rightButtons, inertiaWidth)}}"
           onTap="onClick">
-          <view class="ant-swipe-action-movable-content-view-modal" a:if="{{swipedR || swipedL}}"></view>
+          <view
+            class="ant-swipe-action-movable-content-view-modal"
+            a:if="{{swipedR || swipedL}}"></view>
           <slot />
         </view>
       </movable-view>
@@ -49,9 +54,10 @@
         animation="{{false}}"
         disabled="{{true}}"
         direction="horizontal"
-        x="{{moveX * (util.getMoveX(_rightButtons, idx) / rightWidth)}}"
-      >
-        <view class="ant-swipe-action-movable-content-right" style="{{{background: item.bgColor,width: ((item.width + inertiaWidth + 1) / 2) + 'px'}}}">
+        x="{{moveX * (util.getMoveX(_rightButtons, idx) / rightWidth)}}">
+        <view
+          class="ant-swipe-action-movable-content-right"
+          style="{{{background: item.bgColor,width: ((item.width + inertiaWidth + 1) / 2) + 'px'}}}">
           <view
             class="ant-swipe-action-movable-content-right-text"
             onTap="onItemTap"
@@ -64,9 +70,11 @@
               width: tapTypeR && tapTypeR === `R-${idx}` ? ((rightWidth + 1 + (item.confirmType === 'move' && inTouch ? inertiaWidth : 0)) / 2) + 'px' : `${item.width / 2}px`,
               ...(tapTypeR && tapTypeR === `R-${idx}` ? myStyle : {})
               }}}">
-              <text class="right-text {{util.getLeft(tapTypeR, idx, _rightButtons, true)}}">
-                {{tapTypeR && tapTypeR === `R-${idx}` ? (item.confirmText || item.text) : item.text}}
-              </text>
+            <text
+              class="right-text {{util.getLeft(tapTypeR, idx, _rightButtons, true)}}">
+              {{tapTypeR && tapTypeR === `R-${idx}` ? (item.confirmText ||
+              item.text) : item.text}}
+            </text>
           </view>
         </view>
       </movable-view>
@@ -85,17 +93,16 @@
         animation="{{false}}"
         disabled="{{true}}"
         direction="horizontal"
-        x="{{moveX * (util.getMoveX(_leftButtons, idx) / leftWidth)}}"
-      >
-      <view
-        class="ant-swipe-action-movable-content-left"
-        style="{{{background: tapTypeL && tapTypeL === `L-${idx}` && _leftButtons.length === 3 && idx === 1  ? 'none' : itemL.bgColor,width: ((leftWidth + inertiaWidth) / 2) + 'px'}}}">
+        x="{{moveX * (util.getMoveX(_leftButtons, idx) / leftWidth)}}">
         <view
-          class="ant-swipe-action-movable-content-left-text1 ant-swipe-action-left"
-          onTap="onItemTap"
-          data-item="{{itemL, idx}}"
-          aria-hidden="{{!swipedL}}"
-          style="{{{
+          class="ant-swipe-action-movable-content-left"
+          style="{{{background: tapTypeL && tapTypeL === `L-${idx}` && _leftButtons.length === 3 && idx === 1  ? 'none' : itemL.bgColor,width: ((leftWidth + inertiaWidth) / 2) + 'px'}}}">
+          <view
+            class="ant-swipe-action-movable-content-left-text1 ant-swipe-action-left"
+            onTap="onItemTap"
+            data-item="{{itemL, idx}}"
+            aria-hidden="{{!swipedL}}"
+            style="{{{
             background: itemL.bgColor,
             height: `calc(100% + 2px)`,
             fontSize: ((itemL.fontSize || 28) / 2) + 'px',
@@ -103,14 +110,18 @@
             ...(tapTypeL && tapTypeL === `L-${idx}` ? myStyle : {}),
             width: tapTypeL && tapTypeL === `L-${idx}` ? ((leftWidth + 1 + (itemL.confirmType === 'move' && inTouch ? inertiaWidth : 0)) / 2) + 'px' : `${itemL.width / 2}px`,
             }}}">
-            <text class="right-text" style="{{{ width: `100%` }}}">
-              <text class="right-text {{util.getLeft(tapTypeL, idx, _leftButtons, false)}}">
-                {{tapTypeL && tapTypeL === `L-${idx}` ? (itemL.confirmText || itemL.text) : itemL.text}}
+            <text
+              class="right-text"
+              style="{{{ width: `100%` }}}">
+              <text
+                class="right-text {{util.getLeft(tapTypeL, idx, _leftButtons, false)}}">
+                {{tapTypeL && tapTypeL === `L-${idx}` ? (itemL.confirmText ||
+                itemL.text) : itemL.text}}
               </text>
             </text>
+          </view>
         </view>
-      </view>
       </movable-view>
     </movable-area>
   </view>
-</view>
\ No newline at end of file
+</view>
diff --git a/src/Switch/index.axml b/src/Switch/index.axml
index 6c49ad5e9..bd1d9c789 100644
--- a/src/Switch/index.axml
+++ b/src/Switch/index.axml
@@ -1,12 +1,23 @@
-<view 
+<view
   class="ant-switch {{className ? className : ''}} ant-switch-{{size}} {{mixin.value ? 'ant-switch-checked':''}}  {{disabled?'ant-switch-disabled':''}}   {{loading ? 'ant-switch-loading':''}}"
   style="{{mixin.value && color ? 'background:'+color + '; border-color:' + color:''}};{{style || ''}}"
   onTap="onChange">
   <view class="ant-switch-handle">
-    <icon type="UndoOutline" a:if="{{loading}}" className="ant-switch-loading-icon"/>
+    <icon
+      type="UndoOutline"
+      a:if="{{loading}}"
+      className="ant-switch-loading-icon" />
   </view>
   <view class="ant-switch-inner">
-    <slot name="checkedText" a:if="{{mixin.value}}">{{checkedText}}</slot>
-    <slot name="uncheckedText" a:else>{{uncheckedText}}</slot>
+    <slot
+      name="checkedText"
+      a:if="{{mixin.value}}">
+      {{checkedText}}
+    </slot>
+    <slot
+      name="uncheckedText"
+      a:else>
+      {{uncheckedText}}
+    </slot>
   </view>
 </view>
diff --git a/src/TabBar/index.axml b/src/TabBar/index.axml
index ea2cec265..caa54b5b8 100644
--- a/src/TabBar/index.axml
+++ b/src/TabBar/index.axml
@@ -1,12 +1,13 @@
-<view class="ant-tab-bar {{className || ''}}" style="{style || ''}">
+<view
+  class="ant-tab-bar {{className || ''}}"
+  style="{style || ''}">
   <view class="ant-tab-bar-wrap">
     <view
       class="ant-tab-bar-item {{ index === mixin.value ? ('ant-tab-bar-item-active' + (activeClassName || '')) : '' }}"
       style="{{index === mixin.value ? (activeStyle||'') : ''}}"
       a:for="{{items}}"
       onTap="onChange"
-      data-index="{{index}}"
-    >
+      data-index="{{index}}">
       <badge
         a:if="{{item.badge}}"
         type="{{item.badge.type}}"
@@ -17,26 +18,34 @@
         bgColor="{{item.badge.bgColor}}"
         position="{{item.badge.position || 'top-right'}}"
         offsetX="{{item.badge.offsetX || '-9px'}}"
-        offsetY="{{item.badge.offsetY || '0px'}}"
-        >
-        <slot name="icon" active="{{mixin.value == index}}" item="{{item}}" index="{{index}}">
+        offsetY="{{item.badge.offsetY || '0px'}}">
+        <slot
+          name="icon"
+          active="{{mixin.value == index}}"
+          item="{{item}}"
+          index="{{index}}">
           <image-icon
             className="ant-tab-bar"
-            image="{{mixin.value === index? item.activeIcon : item.icon}}"
-          />
+            image="{{mixin.value === index? item.activeIcon : item.icon}}" />
         </slot>
       </badge>
-      <slot a:else name="icon" active="{{mixin.value == index}}" item="{{item}}" index="{{index}}">
+      <slot
+        a:else
+        name="icon"
+        active="{{mixin.value == index}}"
+        item="{{item}}"
+        index="{{index}}">
         <image-icon
           className="ant-tab-bar"
-          image="{{mixin.value === index?item.activeIcon : item.icon}}"
-        />
+          image="{{mixin.value === index?item.activeIcon : item.icon}}" />
       </slot>
       <view class="ant-tab-bar-text-wrap">
-        <slot name="text" active="{{mixin.value === index}}" item="{{item}}" index="{{index}}">
-          <text class="ant-tab-bar-text">
-            {{item.text}}
-          </text>
+        <slot
+          name="text"
+          active="{{mixin.value === index}}"
+          item="{{item}}"
+          index="{{index}}">
+          <text class="ant-tab-bar-text">{{item.text}}</text>
         </slot>
       </view>
     </view>
diff --git a/src/Tabs/index.axml b/src/Tabs/index.axml
index f65c62fd7..30a63096b 100644
--- a/src/Tabs/index.axml
+++ b/src/Tabs/index.axml
@@ -1,44 +1,60 @@
-<view a:if="{{direction !== 'vertical'}}" class="ant-tabs {{className ? className : ''}}" style="{{style}}">
-  <view class="ant-tabs-bar {{type === 'basic'?'ant-tabs-bar-underline':''}} {{tabsBarClassName ? tabsBarClassName : ''}}">
+<view
+  a:if="{{direction !== 'vertical'}}"
+  class="ant-tabs {{className ? className : ''}}"
+  style="{{style}}">
+  <view
+    class="ant-tabs-bar {{type === 'basic'?'ant-tabs-bar-underline':''}} {{tabsBarClassName ? tabsBarClassName : ''}}">
     <view class="ant-tabs-bar-plus">
-      <slot name="plus" value="{{item}}" index="{{index}}" />
+      <slot
+        name="plus"
+        value="{{item}}"
+        index="{{index}}" />
     </view>
-    <view class="ant-tabs-bar-fade ant-tabs-bar-fade-left"
+    <view
+      class="ant-tabs-bar-fade ant-tabs-bar-fade-left"
       style="opacity: {{leftFade ? '1' : '0'}}" />
-    <view class="ant-tabs-bar-fade ant-tabs-bar-fade-right"
+    <view
+      class="ant-tabs-bar-fade ant-tabs-bar-fade-right"
       style="opacity: {{rightFade ? '1' : '0'}}" />
-    <scroll-view class="ant-tabs-bar-scroll-view"
+    <scroll-view
+      class="ant-tabs-bar-scroll-view"
       id="ant-tabs-bar-scroll-view-{{$id}}"
       onScroll="onScroll"
       scroll-left="{{scrollLeft}}"
       scroll-x="{{true}}"
       scroll-with-animation="{{true}}"
-      scroll-animation-duration="{{300}}"
-    >
+      scroll-animation-duration="{{300}}">
       <view></view>
-      <view a:for="{{items}}" id="ant-tabs-bar-item-{{$id}}-{{index}}" class="ant-tabs-bar-wrap {{`ant-tabs-bar-wrap-${type}`}} {{tabsBarClassName ? tabsBarClassName: ''}}">
+      <view
+        a:for="{{items}}"
+        id="ant-tabs-bar-item-{{$id}}-{{index}}"
+        class="ant-tabs-bar-wrap {{`ant-tabs-bar-wrap-${type}`}} {{tabsBarClassName ? tabsBarClassName: ''}}">
         <!-- basic 基础类型 -->
-        <view 
+        <view
           a:if="{{type === 'basic'}}"
           class="ant-tabs-bar-item ant-tabs-bar-basic {{tabClassName ? tabClassName: ''}} {{mixin.value === index && !item.disabled?'ant-tabs-bar-active':''}} {{item.disabled ?'ant-tabs-bar-disabled':''}} {{mixin.value === index&& !item.disabled && tabActiveClassName ?tabActiveClassName:''}}"
-          
           onTap="onChange"
           data-index="{{index}}">
           <view class="ant-tabs-bar-basic-title">
-            <slot name="title" value="{{item}}" index="{{index}}">
+            <slot
+              name="title"
+              value="{{item}}"
+              index="{{index}}">
               {{item.title}}
             </slot>
           </view>
         </view>
         <!-- capsule 胶囊类型 -->
-        <view 
+        <view
           a:elif="{{type === 'capsule'}}"
           class="ant-tabs-bar-item ant-tabs-bar-capsule {{tabClassName ? tabClassName: ''}} {{mixin.value === index&& !item.disabled?'ant-tabs-bar-active':''}} {{item.disabled ?'ant-tabs-bar-disabled':''}} {{mixin.value === index&& !item.disabled && tabActiveClassName ?tabActiveClassName:''}}"
-          
           onTap="onChange"
           data-index="{{index}}">
           <view class="ant-tabs-bar-capsule-title">
-            <slot name="title" value="{{item}}" index="{{index}}">
+            <slot
+              name="title"
+              value="{{item}}"
+              index="{{index}}">
               {{item.title}}
             </slot>
           </view>
@@ -48,16 +64,21 @@
         <view
           a:else
           class="ant-tabs-bar-item ant-tabs-bar-mixin {{tabClassName ? tabClassName: ''}} {{mixin.value === index&& !item.disabled?'ant-tabs-bar-active':''}} {{item.disabled ?'ant-tabs-bar-disabled':''}} {{mixin.value === index&& !item.disabled && tabActiveClassName ?tabActiveClassName:''}}"
-          
           onTap="onChange"
           data-index="{{index}}">
           <view class="ant-tabs-bar-mixin-title">
-            <slot name="title" value="{{item}}" index="{{index}}">
+            <slot
+              name="title"
+              value="{{item}}"
+              index="{{index}}">
               {{item.title}}
             </slot>
           </view>
           <view class="ant-tabs-bar-mixin-subtitle">
-            <slot name="subTitle" value="{{item}}" index="{{index}}">
+            <slot
+              name="subTitle"
+              value="{{item}}"
+              index="{{index}}">
               {{item.subTitle}}
             </slot>
           </view>
@@ -67,21 +88,24 @@
     </scroll-view>
   </view>
   <view class="ant-tabs-content">
-    <slot value="{{items[mixin.value]}}" index="{{mixin.value}}">
-     
-    </slot>
+    <slot
+      value="{{items[mixin.value]}}"
+      index="{{mixin.value}}"></slot>
   </view>
 </view>
-<view a:else class="ant-vtabs {{className ? className : ''}}" style="{{style}}">
+<view
+  a:else
+  class="ant-vtabs {{className ? className : ''}}"
+  style="{{style}}">
   <view class="ant-vtabs-bar {{tabsBarClassName ? tabsBarClassName : ''}}">
-    <scroll-view class="ant-vtabs-bar-scroll-view"
+    <scroll-view
+      class="ant-vtabs-bar-scroll-view"
       id="ant-tabs-bar-scroll-view-{{$id}}"
       onScroll="onScroll"
       scroll-top="{{scrollTop}}"
       scroll-y="{{true}}"
       scroll-with-animation="{{true}}"
-      scroll-animation-duration="{{300}}"
-    >
+      scroll-animation-duration="{{300}}">
       <view class="ant-vtabs-bar-item-wrap">
         <view
           a:for="{{items}}"
@@ -89,10 +113,12 @@
           class="ant-vtabs-bar-item {{tabClassName ? tabClassName: ''}} {{mixin.value === index&&!item.disabled?'ant-vtabs-bar-item-active' :''}} {{item.disabled?'ant-vtabs-bar-item-disabled' : '' }} {{mixin.value === index&!item.disabled&&tabActiveClassName?tabActiveClassName : ''}}"
           style="{{`${mixin.value + 1 === index ? 'border-radius: 0 16rpx 0 0': ''};${mixin.value - 1 === index ? 'border-radius: 0 0 16rpx 0': ''}`}}"
           onTap="onChange"
-          data-index="{{index}}"
-        >
+          data-index="{{index}}">
           <text class="ant-vtabs-bar-item-title">
-            <slot name="title" value="{{item}}" index="{{index}}">
+            <slot
+              name="title"
+              value="{{item}}"
+              index="{{index}}">
               {{item.title}}
             </slot>
           </text>
@@ -101,9 +127,10 @@
     </scroll-view>
   </view>
   <view class="ant-vtabs-content">
-    <slot value="{{items[mixin.value]}}" index="{{mixin.value}}">
+    <slot
+      value="{{items[mixin.value]}}"
+      index="{{mixin.value}}">
       {{items[mixin.value].content}}
     </slot>
   </view>
 </view>
-
diff --git a/src/Tag/index.axml b/src/Tag/index.axml
index 33babba81..419426fd1 100644
--- a/src/Tag/index.axml
+++ b/src/Tag/index.axml
@@ -1,5 +1,9 @@
-<view class="ant-tag ant-tag-{{type}} ant-tag-{{color}} {{className ? className : ''}}" style="{{style || ''}}">
-  <view class="ant-tag-icon-container" a:if="{{icon}}">
+<view
+  class="ant-tag ant-tag-{{type}} ant-tag-{{color}} {{className ? className : ''}}"
+  style="{{style || ''}}">
+  <view
+    class="ant-tag-icon-container"
+    a:if="{{icon}}">
     <slot name="icon">
       <am-icon type="{{icon}}" />
     </slot>
diff --git a/src/Toast/index.axml b/src/Toast/index.axml
index 9820ced64..1a19e8a6e 100644
--- a/src/Toast/index.axml
+++ b/src/Toast/index.axml
@@ -1,53 +1,45 @@
-<view 
-  class="ant-toast {{className || ''}} {{icon || image || type ? 'ant-toast-icon-wrapper' : ''}}" 
-  a:if="{{show}}" 
-  style="{{style || ''}}"
->
-  <view a:if="{{type}}" class="ant-toast-normal">
-    <loading 
-      a:if="{{type === 'loading'}}" 
-      type="mini" 
-      height="40px"
-    />
-    <am-icon 
-      a:elif="{{type === 'warning'}}" 
-      type="ExclamationOutline" 
-      className="ant-toast-icon"
-    />
-    <am-icon 
-      a:elif="{{type === 'error'}}" 
-      type="CloseOutline" 
-      className="ant-toast-icon" 
-    />
-    <am-icon 
-      a:elif="{{type === 'success'}}" 
-      type="CheckOutline" 
-      className="ant-toast-icon" 
-    />
+<view
+  class="ant-toast {{className || ''}} {{icon || image || type ? 'ant-toast-icon-wrapper' : ''}}"
+  a:if="{{show}}"
+  style="{{style || ''}}">
+  <view
+    a:if="{{type}}"
+    class="ant-toast-normal">
+    <loading
+      a:if="{{type === 'loading'}}"
+      type="mini"
+      height="40px" />
+    <am-icon
+      a:elif="{{type === 'warning'}}"
+      type="ExclamationOutline"
+      className="ant-toast-icon" />
+    <am-icon
+      a:elif="{{type === 'error'}}"
+      type="CloseOutline"
+      className="ant-toast-icon" />
+    <am-icon
+      a:elif="{{type === 'success'}}"
+      type="CheckOutline"
+      className="ant-toast-icon" />
   </view>
-  <am-icon 
-    a:elif="{{icon}}" 
-    type="{{icon}}" 
-    className="ant-toast-icon"
-  />
-  <view 
-    a:elif="{{image}}" 
-    style="background-image: url({{image}})" 
-    class="ant-toast-image" 
-  />
+  <am-icon
+    a:elif="{{icon}}"
+    type="{{icon}}"
+    className="ant-toast-icon" />
+  <view
+    a:elif="{{image}}"
+    style="background-image: url({{image}})"
+    class="ant-toast-image" />
   <view class="ant-toast-text-body">
     <view class="ant-toast-text-box">
-      <view class="ant-toast-text-content">
-        {{content.substring(0, 24)}}
-      </view>
+      <view class="ant-toast-text-content">{{content.substring(0, 24)}}</view>
     </view>
   </view>
 </view>
 
-<mask 
+<mask
   className="ant-toast-mask"
   a:if="{{show && showMask}}"
   show="{{true}}"
-  onMaskTap="handleClickMask" 
-  style="{{maskStyle}}" 
-/>
\ No newline at end of file
+  onMaskTap="handleClickMask"
+  style="{{maskStyle}}" />