diff --git a/.husky/commit-msg b/.husky/commit-msg
index 7fed4850..fa530c80 100755
--- a/.husky/commit-msg
+++ b/.husky/commit-msg
@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npx --no -- commitlint --edit 
+npx --no -- commitlint@18 --edit 
diff --git a/jest.config.js b/jest.config.js
index 958c09aa..9afe641f 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -2,7 +2,6 @@ const path = require('path');
 const JEST_STYLE_MOCK_FILE = path.resolve(__dirname, 'jest.style-mock.ts');
 const JEST_FILE_MOCK_FILE = path.resolve(__dirname, 'jest.file-mock.ts');
 
-
 module.exports = {
   preset: 'ts-jest',
   rootDir: path.resolve(__dirname, './'),
@@ -13,6 +12,7 @@ module.exports = {
     '^src/packages/(.*)$': '<rootDir>/packages/press-ui/src/packages/$1',
     '^src/pages/(.*)$': '<rootDir>/packages/press-ui/src/pages/$1',
     '^src/utils/(.*)$': '<rootDir>/packages/press-ui/src/utils/$1',
+    '^press-ui/(.*)$': '<rootDir>packages/press-ui/src/packages/$1',
   },
   transform: {
     '\\.(vue)$': 'vue-jest',
@@ -46,4 +46,5 @@ module.exports = {
   collectCoverage: true,
   coverageReporters: ['lcov', 'text-summary'],
   coverageDirectory: '<rootDir>/tests/coverage',
+  transformIgnorePatterns: ['<rootDir>/packages/press-ui/node_modules/.pnpm/(?!(@popperjs\\+core)@)'],
 };
diff --git a/package.json b/package.json
index cd76a469..afc41053 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "press-ui",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目",
   "private": true,
   "repository": {
diff --git a/packages/press-ui/CHANGELOG.md b/packages/press-ui/CHANGELOG.md
index e0bc5f50..b036fb71 100644
--- a/packages/press-ui/CHANGELOG.md
+++ b/packages/press-ui/CHANGELOG.md
@@ -2,6 +2,34 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.0.8](https://github.com/novlan1/press-ui/compare/v2.0.7...v2.0.8) (2024-07-15)
+
+
+### ✏️ Documentation | 文档
+
+* **form:** add form docs ([0f03845](https://github.com/novlan1/press-ui/commit/0f03845399ef293c7768a712fb29170c3cb2c27e))
+* **pull-refresh:** update docs ([20ebb3a](https://github.com/novlan1/press-ui/commit/20ebb3a97a92e1d33cbca14b3439fc5aa70a3855))
+
+
+### ✨ Features | 新功能
+
+* **form:** 优化form ([9434ed8](https://github.com/novlan1/press-ui/commit/9434ed8f54be3ddd7d6eb3dcea295fe8bfaf44c9))
+* **form:** update form line ([6fe785d](https://github.com/novlan1/press-ui/commit/6fe785dbad00dc8f95c14e9c03e0ac5b4fc4a2a9))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **form:** chore: lint ([347837a](https://github.com/novlan1/press-ui/commit/347837ac0ee2644345696fba8c0c33dc13e25604))
+* **form:** update demo ([d96358d](https://github.com/novlan1/press-ui/commit/d96358dcf7006f2308b1a8ffe0026b56b29bdd78))
+* **form:** update demo ([b339629](https://github.com/novlan1/press-ui/commit/b339629e349b78d9dfc5276b0240b3ff723ffb6f))
+* **pull-refresh:** update demo ([611c804](https://github.com/novlan1/press-ui/commit/611c804a4956dfdb8752d9ddd25833a1fed73d4d))
+* update manifestAppIdList ([98f85e3](https://github.com/novlan1/press-ui/commit/98f85e306e0c3188f9f75c85b1d09431d8fea8ed))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **scripts:** 修复 windows 环境兼容性问题 ([c9f79ad](https://github.com/novlan1/press-ui/commit/c9f79ad332f2a60fa5c2283e6690d6d32781eb3e))
+
 ### [2.0.7](https://github.com/novlan1/press-ui/compare/v2.0.6...v2.0.7) (2024-07-12)
 
 
diff --git a/packages/press-ui/docs/changelog.md b/packages/press-ui/docs/changelog.md
index a5d8ab57..b70901be 100644
--- a/packages/press-ui/docs/changelog.md
+++ b/packages/press-ui/docs/changelog.md
@@ -1,5 +1,33 @@
 # 更新日志
 
+### [2.0.8](https://github.com/novlan1/press-ui/compare/v2.0.7...v2.0.8) (2024-07-15)
+
+
+### Documentation 📖
+
+* **form:** add form docs ([0f03845](https://github.com/novlan1/press-ui/commit/0f03845399ef293c7768a712fb29170c3cb2c27e))
+* **pull-refresh:** update docs ([20ebb3a](https://github.com/novlan1/press-ui/commit/20ebb3a97a92e1d33cbca14b3439fc5aa70a3855))
+
+
+### Features 🎉
+
+* **form:** 优化form ([9434ed8](https://github.com/novlan1/press-ui/commit/9434ed8f54be3ddd7d6eb3dcea295fe8bfaf44c9))
+* **form:** update form line ([6fe785d](https://github.com/novlan1/press-ui/commit/6fe785dbad00dc8f95c14e9c03e0ac5b4fc4a2a9))
+
+
+### Chore 🚀 
+
+* **form:** chore: lint ([347837a](https://github.com/novlan1/press-ui/commit/347837ac0ee2644345696fba8c0c33dc13e25604))
+* **form:** update demo ([d96358d](https://github.com/novlan1/press-ui/commit/d96358dcf7006f2308b1a8ffe0026b56b29bdd78))
+* **form:** update demo ([b339629](https://github.com/novlan1/press-ui/commit/b339629e349b78d9dfc5276b0240b3ff723ffb6f))
+* **pull-refresh:** update demo ([611c804](https://github.com/novlan1/press-ui/commit/611c804a4956dfdb8752d9ddd25833a1fed73d4d))
+* update manifestAppIdList ([98f85e3](https://github.com/novlan1/press-ui/commit/98f85e306e0c3188f9f75c85b1d09431d8fea8ed))
+
+
+### Bug Fixes 🐞
+
+* **scripts:** 修复 windows 环境兼容性问题 ([c9f79ad](https://github.com/novlan1/press-ui/commit/c9f79ad332f2a60fa5c2283e6690d6d32781eb3e))
+
 ### [2.0.7](https://github.com/novlan1/press-ui/compare/v2.0.6...v2.0.7) (2024-07-12)
 
 
diff --git a/packages/press-ui/package.json b/packages/press-ui/package.json
index caa47686..ee3ea642 100644
--- a/packages/press-ui/package.json
+++ b/packages/press-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "press-ui",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目",
   "private": true,
   "repository": {
diff --git a/packages/press-ui/script/component-config/generate-entry.js b/packages/press-ui/script/component-config/generate-entry.js
index 42948788..d7067636 100644
--- a/packages/press-ui/script/component-config/generate-entry.js
+++ b/packages/press-ui/script/component-config/generate-entry.js
@@ -77,7 +77,11 @@ function generateIndexScss() {
     const list = glob.sync(globMatch);
 
     result.push(...list.map((item) => {
-      const relativePath = path.relative(targetDir, item);
+      let relativePath = path.relative(targetDir, item);
+      if (process.platform === 'win32') {
+        relativePath = relativePath.replace(/\\/g, '/');
+      }
+
       const str = `@import "./${relativePath}";`;
       return str;
     }));
diff --git a/packages/press-ui/src/manifest.json b/packages/press-ui/src/manifest.json
index f072aa58..54d04913 100644
--- a/packages/press-ui/src/manifest.json
+++ b/packages/press-ui/src/manifest.json
@@ -63,7 +63,8 @@
 			"1112328124",
 			"1112217302",
 			"1112240178",
-			"1112328122"
+			"1112328122",
+			"1112377970"
 		]
 	},
 	"mp-alipay": {
diff --git a/packages/press-ui/src/packages/common/async-validator/index.js b/packages/press-ui/src/packages/common/async-validator/index.js
index ae3098a6..b827f063 100644
--- a/packages/press-ui/src/packages/common/async-validator/index.js
+++ b/packages/press-ui/src/packages/common/async-validator/index.js
@@ -1,3 +1,5 @@
+/* eslint-disable */
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (let i = 1; i < arguments.length; i++) {
diff --git a/packages/press-ui/src/packages/mixins/relation.d.ts b/packages/press-ui/src/packages/mixins/relation.d.ts
index fab26abd..cdf8d63c 100644
--- a/packages/press-ui/src/packages/mixins/relation.d.ts
+++ b/packages/press-ui/src/packages/mixins/relation.d.ts
@@ -10,12 +10,12 @@ export declare function ChildrenMixin(parent: string, options?: Record<string, a
   watch: {
     disableBindRelation(val: any): void;
   };
-  created(): void;
-  mounted(): void;
-  beforeDestroy(): void;
   methods: {
     bindRelation(this: any): void;
   };
+  created(): void;
+  mounted(): void;
+  beforeDestroy(): void;
 };
 export declare function ParentMixin(parent: string): {
   provide(): {
diff --git a/packages/press-ui/src/packages/package.json b/packages/press-ui/src/packages/package.json
index 8713bf54..f0c4dd68 100644
--- a/packages/press-ui/src/packages/package.json
+++ b/packages/press-ui/src/packages/package.json
@@ -1,6 +1,6 @@
 {
   "name": "press-ui",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目",
   "main": "index.js",
   "repository": {
diff --git a/packages/press-ui/src/packages/press-avatar/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-avatar/tests/__snapshots__/demo.spec.ts.snap
index 4dc01dcd..389eb7e7 100644
--- a/packages/press-ui/src/packages/press-avatar/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-avatar/tests/__snapshots__/demo.spec.ts.snap
@@ -52,10 +52,10 @@ exports[`renders demo correctly 1`] = `
     <div class="press-avatar press-avatar--circle" style="width: 40px; height: 40px; background: rgb(192, 196, 204); margin-right: 20px;">
       <!----> <span style="color: rgb(255, 255, 255); text-align: center;">Y</span>
     </div>
-    <div class="press-avatar press-avatar--circle" style="width: 40px; height: 40px; background: rgb(137, 193, 82); margin-right: 20px;">
+    <div class="press-avatar press-avatar--circle" style="width: 40px; height: 40px; background: rgb(134, 206, 250); margin-right: 20px;">
       <!----> <span style="color: rgb(255, 255, 255); text-align: center;">G</span>
     </div>
-    <div class="press-avatar press-avatar--circle" style="width: 40px; height: 40px; background: rgb(152, 209, 238);">
+    <div class="press-avatar press-avatar--circle" style="width: 40px; height: 40px; background: rgb(119, 177, 204);">
       <!----> <span style="color: rgb(255, 255, 255); text-align: center;">杨</span>
     </div>
   </div>
diff --git a/packages/press-ui/src/packages/press-back-top/demo.vue b/packages/press-ui/src/packages/press-back-top/demo.vue
index c7581781..ab85589a 100644
--- a/packages/press-ui/src/packages/press-back-top/demo.vue
+++ b/packages/press-ui/src/packages/press-back-top/demo.vue
@@ -10,15 +10,21 @@
       @scroll="onScroll"
     >
       <div class="demo-inner">
-        <PressCheckbox
+        <press-cell
           v-for="(item) of Object.keys(valueMap)"
           :key="item"
-          :value="valueMap[item]"
-          shape="square"
-          @change="e => onChange(e, item)"
+          :title="t(item)"
+          clickable
+          @click="valueMap[item] = !valueMap[item]"
         >
-          {{ t(item) }}
-        </PressCheckbox>
+          <template #right-icon>
+            <PressCheckbox
+              :value="valueMap[item]"
+              shape="square"
+              @change="e => onChange(e, item)"
+            />
+          </template>
+        </press-cell>
       </div>
     </scroll-view>
 
@@ -117,15 +123,15 @@ export default {
 }
 .demo-inner {
   height: calc(100% + 300px);
-  padding: 10px 20px;
+  padding: 10px 0px;
 
-  ::v-deep {
-    /* #ifdef MP-QQ */
-    press-checkbox,
-    /* #endif */
-    .press-checkbox {
-      margin-bottom: 12px;
-    }
-  }
+  // ::v-deep {
+  //   /* #ifdef MP-QQ */
+  //   press-checkbox,
+  //   /* #endif */
+  //   .press-checkbox {
+  //     margin-bottom: 12px;
+  //   }
+  // }
 }
 </style>
diff --git a/packages/press-ui/src/packages/press-cell/css/index.scss b/packages/press-ui/src/packages/press-cell/css/index.scss
index cdaecfc7..6cbda41d 100644
--- a/packages/press-ui/src/packages/press-cell/css/index.scss
+++ b/packages/press-ui/src/packages/press-cell/css/index.scss
@@ -107,6 +107,12 @@
     line-height: var(--cell-line-height, $cell-line-height);
   }
 
+  &--clickable {
+    /* #ifdef H5 */
+    cursor: pointer;
+    /* #endif */
+  }
+  
   // 【修改点】 &--clickable&--hover不能用
   &--clickable.press-cell--hover,
   &--clickable:active {
diff --git a/packages/press-ui/src/packages/press-checkbox/press-checkbox.vue b/packages/press-ui/src/packages/press-checkbox/press-checkbox.vue
index b602c0e9..4e7efbc9 100644
--- a/packages/press-ui/src/packages/press-checkbox/press-checkbox.vue
+++ b/packages/press-ui/src/packages/press-checkbox/press-checkbox.vue
@@ -6,13 +6,13 @@
     <div
       v-if="labelPosition === 'left'"
       :class="innerLabelClass"
-      @click="onClickLabel"
+      @click.stop="onClickLabel"
     >
       <slot />
     </div>
     <div
       class="press-checkbox__icon-wrap"
-      @click="toggle"
+      @click.stop="toggle"
     >
       <slot
         v-if="useIconSlot"
@@ -31,7 +31,7 @@
     <div
       v-if="labelPosition === 'right'"
       :class="innerLabelClass"
-      @click="onClickLabel"
+      @click.stop="onClickLabel"
     >
       <slot />
     </div>
diff --git a/packages/press-ui/src/packages/press-collapse-item/press-collapse-item.vue b/packages/press-ui/src/packages/press-collapse-item/press-collapse-item.vue
index f69bdaf4..290128f7 100644
--- a/packages/press-ui/src/packages/press-collapse-item/press-collapse-item.vue
+++ b/packages/press-ui/src/packages/press-collapse-item/press-collapse-item.vue
@@ -1,6 +1,6 @@
 <template>
   <div :class="customClass + ' press-collapse-item ' + (index !== 0 ? 'press-hairline--top' : '')">
-    <!-- 【修改点】cell增加center，垂直居中 -->
+    <!-- 【修改点】cell 增加 center，垂直居中 -->
     <press-cell
       :size="size"
       :title="title"
@@ -11,7 +11,6 @@
       :is-link="isLink"
       :clickable="clickable"
       :border="border && expanded"
-      :class="collapseItemClass"
       :custom-class="collapseItemCustomClass"
       hover-class="press-cell--hover"
       center
@@ -92,12 +91,13 @@ export default {
   },
   emits: [],
   data() {
+    const { defaultExpandAll } = this[PARENT];
     return {
-      expanded: false,
+      expanded: !!defaultExpandAll,
       animation: {},
       mounted: false,
 
-      animationStyle: 'height: 0;',
+      animationStyle: defaultExpandAll ? 'height: auto;' : 'height: 0;',
     };
   },
   computed: {
@@ -107,9 +107,7 @@ export default {
     },
     collapseItemCustomClass() {
       let result = '';
-      // #ifdef MP-ALIPAY
       result = this.collapseItemClass;
-      // #endif
       return result;
     },
     wrapperClass() {
diff --git a/packages/press-ui/src/packages/press-collapse/README.md b/packages/press-ui/src/packages/press-collapse/README.md
index 647edc71..7580ec62 100644
--- a/packages/press-ui/src/packages/press-collapse/README.md
+++ b/packages/press-ui/src/packages/press-collapse/README.md
@@ -49,9 +49,9 @@ export default {
     }
   },
   methods: {
-    onChange(event) {
+    onChange(value) {
       this.setData({
-        activeNames: event.detail,
+        activeNames: value,
       });
     },
   }
@@ -84,9 +84,9 @@ export default {
     }
   },
   methods: {
-    onChange(event) {
+    onChange(value) {
       this.setData({
-        activeName: event.detail,
+        activeName: value,
       });
     },
   }
@@ -124,16 +124,16 @@ export default {
     }
   },
   methods: {
-    onChange(event) {
+    onChange(value) {
       this.setData({
-        activeNames: event.detail,
+        activeNames: value,
       });
     },
-    onOpen(event) {
-      Toast(`展开: ${event.detail}`);
+    onOpen(value) {
+      Toast(`展开: ${value}`);
     },
-    onClose(event) {
-      Toast(`关闭: ${event.detail}`);
+    onClose(value) {
+      Toast(`关闭: ${value}`);
     },
   }
 };
@@ -161,9 +161,9 @@ export default {
     }
   },
   methods: {
-    onChange(event) {
+    onChange(value) {
       this.setData({
-        activeNames: event.detail,
+        activeNames: value,
       });
     },
   }
@@ -174,11 +174,12 @@ export default {
 
 ### Collapse Props
 
-| 参数      | 说明                | 类型                                                                   | 默认值  |
-| --------- | ------------------- | ---------------------------------------------------------------------- | ------- |
-| value     | 当前展开面板的 name | 非手风琴模式：_(string \| number)[]_<br>手风琴模式：_string \| number_ | -       |
-| accordion | 是否开启手风琴模式  | _boolean_                                                              | `false` |
-| border    | 是否显示外边框      | _boolean_                                                              | `true`  |
+| 参数               | 说明                | 类型                                                                   | 默认值  |
+| ------------------ | ------------------- | ---------------------------------------------------------------------- | ------- |
+| value              | 当前展开面板的 name | 非手风琴模式：_(string \| number)[]_<br>手风琴模式：_string \| number_ | -       |
+| accordion          | 是否开启手风琴模式  | _boolean_                                                              | `false` |
+| border             | 是否显示外边框      | _boolean_                                                              | `true`  |
+| default-expand-all | 是否默认展开全部    | _boolean_                                                              | `false` |
 
 ### Collapse Event
 
diff --git a/packages/press-ui/src/packages/press-collapse/demo.vue b/packages/press-ui/src/packages/press-collapse/demo.vue
index a55b336e..851bf4c9 100644
--- a/packages/press-ui/src/packages/press-collapse/demo.vue
+++ b/packages/press-ui/src/packages/press-collapse/demo.vue
@@ -8,6 +8,8 @@
       <press-collapse
         :value="activeNames"
         @change="onChange"
+        @open="onOpen"
+        @close="onClose"
       >
         <press-collapse-item
           :title="`${t('title')} 1`"
@@ -164,6 +166,14 @@ export default {
       console.log('onChange.value: ', value);
       this.activeNames = value;
     },
+    onOpen(value) {
+      this.onGTip(`open: ${value}`);
+      console.log('onOpen.value: ', value);
+    },
+    onClose(value) {
+      this.onGTip(`close: ${value}`);
+      console.log('onClose.value: ', value);
+    },
     onChangeAccordion(value) {
       this.activeNames2 = value;
     },
diff --git a/packages/press-ui/src/packages/press-collapse/press-collapse.vue b/packages/press-ui/src/packages/press-collapse/press-collapse.vue
index 2856861a..01ba00f9 100644
--- a/packages/press-ui/src/packages/press-collapse/press-collapse.vue
+++ b/packages/press-ui/src/packages/press-collapse/press-collapse.vue
@@ -31,6 +31,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    defaultExpandAll: {
+      type: Boolean,
+      default: false,
+    },
     ...defaultProps,
   },
   watch: {
diff --git a/packages/press-ui/src/packages/press-collapse/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-collapse/tests/__snapshots__/demo.spec.ts.snap
index 0fa82e50..44e246a0 100644
--- a/packages/press-ui/src/packages/press-collapse/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-collapse/tests/__snapshots__/demo.spec.ts.snap
@@ -5,7 +5,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class=" press-collapse press-hairline--top-bottom">
       <div class=" press-collapse-item ">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             1
             <!---->
@@ -23,7 +23,7 @@ exports[`renders demo correctly 1`] = `
         </div>
       </div>
       <div class=" press-collapse-item press-hairline--top">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             2
             <!---->
@@ -41,7 +41,7 @@ exports[`renders demo correctly 1`] = `
         </div>
       </div>
       <div class=" press-collapse-item press-hairline--top">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             3
             <!---->
@@ -63,7 +63,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class=" press-collapse press-hairline--top-bottom">
       <div class=" press-collapse-item ">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             A
             <!---->
@@ -81,7 +81,7 @@ exports[`renders demo correctly 1`] = `
         </div>
       </div>
       <div class=" press-collapse-item press-hairline--top">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             B
             <!---->
@@ -99,7 +99,7 @@ exports[`renders demo correctly 1`] = `
         </div>
       </div>
       <div class=" press-collapse-item press-hairline--top">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             C
             <!---->
@@ -121,7 +121,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class=" press-collapse press-hairline--top-bottom">
       <div class=" press-collapse-item ">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             X
             <!---->
@@ -139,7 +139,7 @@ exports[`renders demo correctly 1`] = `
         </div>
       </div>
       <div class=" press-collapse-item press-hairline--top">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-collapse-item__title--disabled press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title press-collapse-item__title--disabled">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-collapse-item__title--disabled press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             Y
             <!---->
@@ -157,7 +157,7 @@ exports[`renders demo correctly 1`] = `
         </div>
       </div>
       <div class=" press-collapse-item press-hairline--top">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-collapse-item__title--disabled press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title press-collapse-item__title--disabled">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-collapse-item__title--disabled press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             Z
             <!---->
@@ -179,7 +179,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class=" press-collapse press-hairline--top-bottom">
       <div class=" press-collapse-item ">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class="press-cell__title">
             <div>
               1
@@ -203,7 +203,7 @@ exports[`renders demo correctly 1`] = `
         </div>
       </div>
       <div class=" press-collapse-item press-hairline--top">
-        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable press-collapse-item__title">
+        <div hover-class="press-cell--hover,press-cell--hover" hover-stay-time="70" class="press-collapse-item__title press-cell press-cell--center press-cell--borderless press-cell--clickable">
           <div class=" press-cell__left-icon press-icon-plus press-icon-plus-shop-o press-cell__left-icon">
             <!---->
             <!---->
diff --git a/packages/press-ui/src/packages/press-fab/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-fab/tests/__snapshots__/demo.spec.ts.snap
index 54e92419..7ea1d028 100644
--- a/packages/press-ui/src/packages/press-fab/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-fab/tests/__snapshots__/demo.spec.ts.snap
@@ -49,5 +49,9 @@ exports[`renders demo correctly 1`] = `
       </div>
     </div>
   </div>
+  <div class="press-cursor-point">
+    <!---->
+    <div class="press-fab__circle press-fab__plus press-fab__content--other-platform" style="background-color: rgb(0, 122, 255); bottom: 62px;"><span class="debug">OK</span></div>
+  </div>
 </div>
 `;
diff --git a/packages/press-ui/src/packages/press-field/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-field/tests/__snapshots__/demo.spec.ts.snap
index 2c4c4e12..60c5cca7 100644
--- a/packages/press-ui/src/packages/press-field/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-field/tests/__snapshots__/demo.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders demo correctly 1`] = `
-<div class="demo-wrap demo-wrap--gray">
+<div class="wrap">
   <div>
     <div class="press-field-index">
       <div hover-class="press-cell--hover," hover-stay-time="70" class="press-field press-cell press-cell--borderless">
diff --git a/packages/press-ui/src/packages/press-form/demo.vue b/packages/press-ui/src/packages/press-form/demo.vue
index 48c3728f..027ed229 100644
--- a/packages/press-ui/src/packages/press-form/demo.vue
+++ b/packages/press-ui/src/packages/press-form/demo.vue
@@ -451,7 +451,5 @@ export default {
 .submit-wrap {
   margin: 20px auto;
   text-align: center;
-  display: flex;
-  align-items: center;
 }
 </style>
diff --git a/packages/press-ui/src/packages/press-list/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-list/tests/__snapshots__/demo.spec.ts.snap
index 4b90167b..ebb9853b 100644
--- a/packages/press-ui/src/packages/press-list/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-list/tests/__snapshots__/demo.spec.ts.snap
@@ -16,21 +16,14 @@ exports[`renders demo correctly 1`] = `
     </div>
   </div>
   <div class="demo-container">
-    <div id="scrollViewId" class="press-list press-list--vertical " style="height: calc(100vh - 100px);">
-      <div class="uni-scroll-view">
-        <div class="uni-scroll-view" style="overflow-x: hidden; overflow-y: auto;">
-          <div class="uni-scroll-view-content">
-            <!---->
-            <div class="press-list__layout">
-              <div class="list__wrap" style="height: 0px;">
-                <div style="height: 0px;"></div>
-              </div>
-              <!---->
-              <!---->
-              <div class="press-list__placeholder"></div>
-            </div>
-          </div>
+    <div class="press-list press-list--vertical " style="height: calc(100vh - 100px);">
+      <div class="press-list__layout">
+        <div class="list__wrap" style="height: 0px;">
+          <div style="height: 0px;"></div>
         </div>
+        <!---->
+        <!---->
+        <div class="press-list__placeholder"></div>
       </div>
     </div>
   </div>
diff --git a/packages/press-ui/src/packages/press-popover-plus/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-popover-plus/tests/__snapshots__/demo.spec.ts.snap
index 9c06a870..7bfed01a 100644
--- a/packages/press-ui/src/packages/press-popover-plus/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-popover-plus/tests/__snapshots__/demo.spec.ts.snap
@@ -2,9 +2,21 @@
 
 exports[`renders demo correctly 1`] = `
 <div class="demo-wrap demo-wrap--gray">
+  <div hover-class="press-cell--hover," hover-stay-time="70" class=" press-cell press-cell--clickable">
+    <div class="press-cell__title">
+      是否使用 getContainer
+      <!---->
+    </div>
+    <div class="press-cell__value"></div>
+    <div class="press-switch " style="font-size: 22px;">
+      <div class="press-switch__node">
+        <!---->
+      </div>
+    </div>
+  </div>
   <div>
     <div class="press-popover__wrapper" style="margin-left: 16px;">
-      <div class="press-popup-plus  press-popover press-popover--light press-popover--bottom-start press-popover press-popover--light press-popover--bottom-start" get-container="body">
+      <div class="press-popup-plus  press-popover press-popover--light press-popover--bottom-start press-popover press-popover--light press-popover--bottom-start">
         <!---->
         <!---->
       </div> <button id="" hover-class="press-button--active," lang="" form-type="" open-type="" business-id="" session-from="" send-message-title="" send-message-path="" send-message-img="" show-message-card="" app-parameter="" aria-label="" class=" press-button press-button--primary press-button--normal ">
@@ -15,7 +27,7 @@ exports[`renders demo correctly 1`] = `
       </button>
     </div>
     <div class="press-popover__wrapper" style="z-index: 1; margin-left: 16px;">
-      <div class="press-popup-plus  press-popover press-popover--dark press-popover--bottom press-popover press-popover--dark press-popover--bottom" get-container="body">
+      <div class="press-popup-plus  press-popover press-popover--dark press-popover--bottom press-popover press-popover--dark press-popover--bottom">
         <!---->
         <!---->
       </div> <button id="" hover-class="press-button--active," lang="" form-type="" open-type="" business-id="" session-from="" send-message-title="" send-message-path="" send-message-img="" show-message-card="" app-parameter="" aria-label="" class=" press-button press-button--primary press-button--normal ">
@@ -38,16 +50,10 @@ exports[`renders demo correctly 1`] = `
         <!---->
       </div>
     </div>
-    <div class="press-popup-plus " get-container="body">
-      <div class="press-overlay-index">
-        <!---->
-      </div>
-      <!---->
-    </div>
   </div>
   <div>
     <div class="press-popover__wrapper" style="z-index: 2; margin-left: 16px;">
-      <div class="press-popup-plus  press-popover press-popover--light press-popover--bottom-start press-popover press-popover--light press-popover--bottom-start" get-container="body">
+      <div class="press-popup-plus  press-popover press-popover--light press-popover--bottom-start press-popover press-popover--light press-popover--bottom-start">
         <!---->
         <!---->
       </div> <button id="" hover-class="press-button--active," lang="" form-type="" open-type="" business-id="" session-from="" send-message-title="" send-message-path="" send-message-img="" show-message-card="" app-parameter="" aria-label="" class=" press-button press-button--primary press-button--normal ">
@@ -58,7 +64,7 @@ exports[`renders demo correctly 1`] = `
       </button>
     </div>
     <div class="press-popover__wrapper" style="z-index: 2; margin-left: 16px;">
-      <div class="press-popup-plus  press-popover press-popover--light press-popover--bottom press-popover press-popover--light press-popover--bottom" get-container="body">
+      <div class="press-popup-plus  press-popover press-popover--light press-popover--bottom press-popover press-popover--light press-popover--bottom">
         <!---->
         <!---->
       </div> <button id="" hover-class="press-button--active," lang="" form-type="" open-type="" business-id="" session-from="" send-message-title="" send-message-path="" send-message-img="" show-message-card="" app-parameter="" aria-label="" class=" press-button press-button--primary press-button--normal ">
@@ -71,7 +77,7 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="press-popover__wrapper" style="z-index: 1; margin-left: 16px;">
-      <div class="press-popup-plus  press-popover press-popover--light press-popover--bottom-start press-popover press-popover--light press-popover--bottom-start" get-container="body">
+      <div class="press-popup-plus  press-popover press-popover--light press-popover--bottom-start press-popover press-popover--light press-popover--bottom-start">
         <!---->
         <!---->
       </div> <button id="" hover-class="press-button--active," lang="" form-type="" open-type="" business-id="" session-from="" send-message-title="" send-message-path="" send-message-img="" show-message-card="" app-parameter="" aria-label="" class=" press-button press-button--primary press-button--normal ">
diff --git a/packages/press-ui/src/packages/press-radio/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-radio/tests/__snapshots__/demo.spec.ts.snap
index cf1a599e..4ee598a8 100644
--- a/packages/press-ui/src/packages/press-radio/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-radio/tests/__snapshots__/demo.spec.ts.snap
@@ -9,7 +9,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -23,7 +23,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -43,7 +43,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -57,7 +57,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -77,7 +77,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -91,7 +91,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -111,7 +111,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--square" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--square press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--square" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -125,7 +125,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--square" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--square press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--square" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -145,7 +145,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -159,7 +159,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -179,7 +179,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 24px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 24px; line-height: 24px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 24px; line-height: 24px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -193,7 +193,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 24px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 24px; line-height: 24px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 24px; line-height: 24px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -237,7 +237,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -251,7 +251,7 @@ exports[`renders demo correctly 1`] = `
           <div class="press-radio">
             <!---->
             <div class="press-radio__icon-wrap" style="font-size: 20px;">
-              <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+              <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                 <!---->
                 <!---->
               </div>
@@ -280,7 +280,7 @@ exports[`renders demo correctly 1`] = `
                 <div class="press-radio">
                   <!---->
                   <div class="press-radio__icon-wrap" style="font-size: 20px;">
-                    <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+                    <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                       <!---->
                       <!---->
                     </div>
@@ -299,7 +299,7 @@ exports[`renders demo correctly 1`] = `
                 <div class="press-radio">
                   <!---->
                   <div class="press-radio__icon-wrap" style="font-size: 20px;">
-                    <div class=" press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
+                    <div class=" press-radio__icon press-radio__icon--round press-icon-plus press-icon-plus-success press-radio__icon press-radio__icon--round" style="font-size: 20px; line-height: 20px; display: block;">
                       <!---->
                       <!---->
                     </div>
diff --git a/packages/press-ui/src/packages/press-swipe-cell/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-swipe-cell/tests/__snapshots__/demo.spec.ts.snap
index fead72ea..472b2cca 100644
--- a/packages/press-ui/src/packages/press-swipe-cell/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-swipe-cell/tests/__snapshots__/demo.spec.ts.snap
@@ -4,7 +4,7 @@ exports[`renders demo correctly 1`] = `
 <div class="demo-wrap">
   <div>
     <div data-key="cell" class="press-swipe-cell">
-      <div>
+      <div class="press-swipe-cell__content">
         <div data-key="left" class="press-swipe-cell__left">
           <div class="left">
             选择
diff --git a/packages/press-ui/src/packages/press-swiper/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-swiper/tests/__snapshots__/demo.spec.ts.snap
index a46bc773..4938e615 100644
--- a/packages/press-ui/src/packages/press-swiper/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-swiper/tests/__snapshots__/demo.spec.ts.snap
@@ -3,34 +3,7 @@
 exports[`renders demo correctly 1`] = `
 <div class="demo-wrap">
   <div class="swiper-wrap">
-    <div class="swiper">
-      <div class="uni-swiper-wrapper">
-        <div class="uni-swiper-slides">
-          <div class="uni-swiper-slide-frame" style="width: 100%; height: 100%; transform: translate(0%, 0) translateZ(0);">
-            <div style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0) translateZ(0);">
-              <div class="swiper-item swiper-item--big-red">
-                A
-              </div>
-            </div>
-            <div style="position: absolute; width: 100%; height: 100%; transform: translate(100%, 0) translateZ(0);">
-              <div class="swiper-item swiper-item--big-green">
-                B
-              </div>
-            </div>
-            <div style="position: absolute; width: 100%; height: 100%; transform: translate(-100%, 0) translateZ(0);">
-              <div class="swiper-item swiper-item--big-blue">
-                C
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="uni-swiper-dots uni-swiper-dots-horizontal">
-          <div class="uni-swiper-dot uni-swiper-dot-active"></div>
-          <div class="uni-swiper-dot"></div>
-          <div class="uni-swiper-dot"></div>
-        </div>
-      </div>
-    </div>
+    <swiper indicator-dots="true" autoplay="autoplay" circular="true" interval="2000" duration="500" current="0" indicator-color="" indicator-active-color="" previous-margin="" next-margin="" current-item-id="" display-multiple-items="1" navigation-color="#fff" navigation-active-color="rgba(53, 53, 53, 0.6)" class="swiper"></swiper>
   </div>
   <div class="swiper-list">
     <div class="swiper-list-cell swiper-list-cell--pd">
diff --git a/packages/press-ui/src/packages/press-tab/tests/__snapshots__/demo.spec.ts.snap b/packages/press-ui/src/packages/press-tab/tests/__snapshots__/demo.spec.ts.snap
index 767dcf00..62e1feba 100644
--- a/packages/press-ui/src/packages/press-tab/tests/__snapshots__/demo.spec.ts.snap
+++ b/packages/press-ui/src/packages/press-tab/tests/__snapshots__/demo.spec.ts.snap
@@ -371,6 +371,108 @@ exports[`renders demo correctly 1`] = `
       </div>
     </div>
   </div>
+  <div>
+    <div class="press-tabs press-tabs--line ">
+      <div>
+        <div class="press-sticky" style="z-index: 1;">
+          <div class="press-sticky-wrap" style="z-index: 1;">
+            <div class="press-tabs__wrap ">
+              <div class="press-tabs__scroll press-tabs__scroll--line">
+                <div class="press-tabs__nav press-tabs__nav--line  nav-class">
+                  <div class="press-tabs__line " style="width: 40px; transform: translateX(0px);"></div>
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="press-tabs__content">
+        <div class="press-tabs__track">
+          <div class="press-tab__pane-wrapper">
+            <div class="press-tab__pane press-tab__pane--inactive " style="display: none;">
+              <!---->
+            </div>
+          </div>
+          <div class="press-tab__pane-wrapper">
+            <div class="press-tab__pane press-tab__pane--inactive " style="display: none;">
+              <!---->
+            </div>
+          </div>
+          <div class="press-tab__pane-wrapper">
+            <div class="press-tab__pane press-tab__pane--inactive " style="display: none;">
+              <!---->
+            </div>
+          </div>
+          <div class="press-tab__pane-wrapper">
+            <div class="press-tab__pane press-tab__pane--inactive " style="display: none;">
+              <!---->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="press-tabs press-tabs--line ">
+      <div>
+        <div class="press-sticky" style="z-index: 1;">
+          <div class="press-sticky-wrap" style="z-index: 1;">
+            <div class="press-tabs__wrap ">
+              <div class="press-tabs__scroll press-tabs__scroll--line">
+                <div class="press-tabs__nav press-tabs__nav--line  nav-class">
+                  <div class="press-tabs__line " style="width: 40px; transform: translateX(0px);"></div>
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                  <!---->
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="press-tabs__content">
+        <div class="press-tabs__track">
+          <div class="press-tab__pane-wrapper">
+            <div class="press-tab__pane press-tab__pane--inactive " style="display: none;">
+              <!---->
+            </div>
+          </div>
+          <div class="press-tab__pane-wrapper">
+            <div class="press-tab__pane press-tab__pane--inactive " style="display: none;">
+              <!---->
+            </div>
+          </div>
+          <div class="press-tab__pane-wrapper">
+            <div class="press-tab__pane press-tab__pane--inactive " style="display: none;">
+              <!---->
+            </div>
+          </div>
+          <div class="press-tab__pane-wrapper">
+            <div class="press-tab__pane press-tab__pane--inactive " style="display: none;">
+              <!---->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
   <div>
     <div class="press-tabs press-tabs--line ">
       <div>
diff --git a/packages/press-ui/src/pages/components/press-section/press-section.vue b/packages/press-ui/src/pages/components/press-section/press-section.vue
index d1560787..6788d4cb 100644
--- a/packages/press-ui/src/pages/components/press-section/press-section.vue
+++ b/packages/press-ui/src/pages/components/press-section/press-section.vue
@@ -1,5 +1,11 @@
 <template>
-  <div class="press-section">
+  <div
+    class="press-section"
+    :class="[
+      {'press-section--active': active},
+      {'press-section--clickable': clickable},
+    ]"
+  >
     <div
       class="press-section-header"
       :style="headerStyle"
@@ -8,7 +14,9 @@
       <div
         v-if="type"
         class="press-section-header__decoration"
-        :class="type"
+        :class="[type, {
+          ['press-section-header__decoration--active']: active
+        }]"
       />
       <slot
         v-else
@@ -89,6 +97,14 @@ export default {
       type: String,
       default: '',
     },
+    active: {
+      type: Boolean,
+      default: true,
+    },
+    clickable: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: ['click'],
   computed: {
@@ -112,6 +128,18 @@ $press-primary: #2979ff !default;
 
 .press-section {
   background-color: #fff;
+  opacity: .8;
+  transition: all 300ms ease-in-out;
+
+  &--active {
+    opacity: 1;
+  }
+
+  &--clickable {
+    /* #ifdef H5 */
+    cursor: pointer;
+    /* #endif */
+  }
 
   .press-section-header {
     position: relative;
diff --git a/packages/press-ui/src/pages/components/quick-list/quick-list.vue b/packages/press-ui/src/pages/components/quick-list/quick-list.vue
index 322307c9..4bcc2587 100644
--- a/packages/press-ui/src/pages/components/quick-list/quick-list.vue
+++ b/packages/press-ui/src/pages/components/quick-list/quick-list.vue
@@ -1,10 +1,17 @@
 <template>
-  <div>
+  <press-collapse-item
+    v-if="quickLinkList.length"
+    name="quickList"
+    :is-link="false"
+    :active="activeNames.indexOf(`quickList`) > -1"
+  >
     <press-section
-      v-if="quickLinkList.length"
+      slot="title"
       key="other-project-section"
       :title="t('otherProject')"
+      :active="activeNames.indexOf(`quickList`) > -1"
       :color="sectionStyle.color"
+      :clickable="true"
       type="line"
       :header-style="sectionStyle.header"
     />
@@ -14,12 +21,14 @@
       :key="quickLink.link"
       is-link
       :title="quickLink.label"
+      custom-class="component-cell"
       @click="onJumpToOtherDemo(quickLink)"
     />
-  </div>
+  </press-collapse-item>
 </template>
 <script>
 import PressSection from '../press-section/press-section.vue';
+import PressCollapseItem from 'press-ui/press-collapse-item/press-collapse-item';
 
 import { isNotInUni } from '../../../packages/common/utils/utils';
 import { setClipboardData } from '../../../packages/common/clipboard/clipboard';
@@ -72,6 +81,7 @@ export default {
   name: 'QuickListComp',
   components: {
     PressSection,
+    PressCollapseItem,
   },
   props: {
     helpDataUrl: {
@@ -81,10 +91,14 @@ export default {
     sectionStyle: {
       type: Object,
       default: () => ({
-        header: 'font-weight: 500;margin-bottom: 6px;',
+        header: 'font-weight: 500;margin-bottom: 0px;',
         color: '#007aff',
       }),
     },
+    activeNames: {
+      type: Array,
+      default: () => (['quickList']),
+    },
   },
   data() {
     return {
diff --git a/packages/press-ui/src/pages/index/index.scss b/packages/press-ui/src/pages/index/index.scss
index 099ac418..227c978a 100644
--- a/packages/press-ui/src/pages/index/index.scss
+++ b/packages/press-ui/src/pages/index/index.scss
@@ -13,12 +13,25 @@
     overflow: auto;
   }
 
-  ::v-deep .press-cell {
+
+  ::v-deep .press-section-header__decoration {
+    margin-right: 10px;
+  }
+  
+  ::v-deep .component-cell {
     margin-bottom: 12px;
     border-radius: 99px;
     padding-left: 35px;
   }
 
+  ::v-deep .press-collapse-item__content {
+    padding: 0;
+  }
+
+  ::v-deep .press-collapse-item__title {
+    background-color: #fff;
+    padding: 0 16px 0 0;
+  }
 
   &__header {
     display: flex;
diff --git a/packages/press-ui/src/pages/index/index.vue b/packages/press-ui/src/pages/index/index.vue
index 2d53a7b0..6d2e2b11 100644
--- a/packages/press-ui/src/pages/index/index.vue
+++ b/packages/press-ui/src/pages/index/index.vue
@@ -33,51 +33,37 @@
         class="index-page__main"
       >
         <div class="index-page__card">
-          <div
-            v-for="(item, index) of pages"
-            :key="getUniqueKey('section', index)"
+          <press-collapse
+            :value="activeNames"
+            default-expand-all
+            @change="onChange"
           >
-            <press-section
-              :title="getComponentTypeTitle(item)"
-              :color="sectionStyle.color"
-              type="line"
-              :header-style="sectionStyle.header"
-            />
-
-            <PressCell
-              v-for="(nav, idx) in item.list"
-              :key="getUniqueKey('nav', idx)"
-              is-link
-              :title="getNavName(nav)"
-              link-type="navigateTo"
-              :url="`/pages${nav.url}`"
-            />
-          </div>
+            <press-collapse-item
+              v-for="(item, index) of computedPages"
+              :key="item.key"
+              :name="`${index}`"
+              :is-link="false"
+            >
+              <press-section
+                slot="title"
+                :title="item.title"
+                :color="sectionStyle.color"
+                type="line"
+                :clickable="true"
+                :header-style="sectionStyle.header"
+                :active="activeNames.indexOf(`${index}`) > -1"
+              />
 
-          <press-section
-            key="other-ability-section"
-            :title="t('otherAbility')"
-            :color="sectionStyle.color"
-            type="line"
-            :header-style="sectionStyle.header"
-          />
-          <PressCell
-            is-link
-            :title="t('toggleLanguage')"
-            @click="onToggleLanguage"
-          />
-
-          <!-- #ifdef H5 -->
-          <PressCell
-            is-link
-            :title="t('toggleVConsole')"
-            @click="onOpenVConsole"
-          />
-          <!-- #endif -->
-
-          <QuickListComp
-            @onBeforeDestroy="onBeforeDestroy"
-          />
+              <PressCell
+                v-for="(nav, idx) in item.list"
+                :key="getUniqueKey('nav', idx)"
+                is-link
+                :title="nav.title"
+                custom-class="component-cell"
+                @click="() => clickComponent(nav, item)"
+              />
+            </press-collapse-item>
+          </press-collapse>
         </div>
       </div>
     </scroll-view>
@@ -86,15 +72,17 @@
 <script>
 
 import PressSection from '../components/press-section/press-section.vue';
-import QuickListComp from '../components/quick-list/quick-list.vue';
 import PressCell from '../../packages/press-cell/press-cell.vue';
+import PressCollapse from 'press-ui/press-collapse/press-collapse';
+import PressCollapseItem from 'press-ui/press-collapse-item/press-collapse-item';
 
 import { toggleVConsole } from 't-comm/lib/v-console/toggle';
 
-import { routerPush } from '../../utils/index';
+import { routerPush, fetchData } from '../../utils/index';
 import { toggleI18n } from '../../utils/i18n/toggle-i18n';
 
 import { isNotInUni } from '../../packages/common/utils/utils';
+import { setClipboardData } from '../../packages/common/clipboard/clipboard';
 
 import pagesConfig from './page-config.json';
 import {
@@ -102,11 +90,40 @@ import {
   NOT_SHOW_IN_MP_COMPONENTS,
   NOT_SHOW_IN_PURE_PROJECT,
 } from './index-config';
+const HELP_DATA_URL = 'https://tip-components-1251917893.cos.ap-guangzhou.myqcloud.com/rb/front-open-config__match__default__press_ui_helpe_config.json';
 
 function getEnvVersion() {
   const info = uni.getAccountInfoSync();
   return info?.miniProgram?.envVersion || '';
 }
+function getShowDemoMap() {
+  let showOtherDemoMap = {
+    vue2Uni: false,
+    vue2NotUni: false,
+    vue3Uni: false,
+  };
+  showOtherDemoMap = {
+    vue2Uni: true,
+    vue2NotUni: true,
+    vue3Uni: true,
+  };
+
+  // #ifdef VUE3
+  showOtherDemoMap.vue3Uni = false;
+  // #endif
+
+  if (isNotInUni()) {
+    showOtherDemoMap.vue2NotUni = false;
+  }
+
+  // #ifndef VUE3
+  if (!isNotInUni()) {
+    showOtherDemoMap.vue2Uni = false;
+  }
+  // #endif
+
+  return showOtherDemoMap;
+}
 
 
 function getAllPages() {
@@ -184,26 +201,109 @@ export default {
   },
   components: {
     PressSection,
-    QuickListComp,
     PressCell,
+    PressCollapse,
+    PressCollapseItem,
   },
   mixins: [
   ],
   data() {
+    let initialed = true;
+    // #ifdef MP-QQ
+    initialed = true;
+    // #endif
     return {
       scrollTop: 0,
       pages: getAllPages(),
       isNotInUni: isNotInUni(),
 
       sectionStyle: {
-        header: 'font-weight: 500;margin-bottom: 6px;',
+        header: 'font-weight: 500;margin-bottom: 0px;',
         color: '#007aff',
       },
+      activeNames: ['0', '1', '2', '3', '4', '5', '6', '7'],
+      initialed,
+      showOtherDemoMap: getShowDemoMap(),
+      helpConfig: {},
     };
   },
+  computed: {
+    computedPages() {
+      const { pages, quickLinkList } = this;
+      const result = pages.map((item, index) => {
+        const { list } = item;
+        return {
+          key: this.getUniqueKey('section', index),
+          title: this.getComponentTypeTitle(item),
+          list: list.map(comp => ({
+            ...comp,
+            title: this.getNavName(comp),
+          })),
+        };
+      });
+
+      result.push(...[
+        {
+          key: 'section-otherAbility',
+          title: this.t('otherAbility'),
+          list: [
+            {
+              title: this.t('toggleLanguage'),
+              event: 'onToggleLanguage',
+            },
+            // #ifdef H5
+            {
+              title: this.t('toggleVConsole'),
+              event: 'onOpenVConsole',
+            },
+            // #endif
+          ],
+        },
+      ]);
+
+      if (quickLinkList.length) {
+        result.push(...[
+          {
+            key: 'section-quickList',
+            title: this.t('otherProject'),
+            list: quickLinkList.map(item => ({
+              ...item,
+              title: item.label,
+              event: 'onJumpToOtherDemo',
+            })),
+
+          },
+        ]);
+      }
+      return result;
+    },
+    quickLinkList() {
+      const { showOtherDemoMap, helpConfig = {} } = this;
+      let list = helpConfig.quickLinkList || [];
+
+      if (!showOtherDemoMap.vue2Uni) {
+        list = list.filter(item => item.name !== 'vue2-uni');
+      }
+      if (!showOtherDemoMap.vue2NotUni) {
+        list = list.filter(item => item.name !== 'vue2-not-uni');
+      }
+      if (!showOtherDemoMap.vue3Uni) {
+        list = list.filter(item => item.name !== 'vue3-uni');
+      }
+
+      // #ifdef MP-QQ
+      list = list.filter(item => !!item.mpQQ);
+      // #endif
+      return list;
+    },
+  },
 
   mounted() {
     this.init();
+    this.getHelpData();
+    setTimeout(() => {
+      this.initialed = true;
+    }, 1000);
   },
   beforeDestroy() {
     this.onBeforeDestroy();
@@ -227,8 +327,8 @@ export default {
       this.scrollTop = e.target.scrollTop;
       // #endif
     },
-    getNavName(item) {
-      const list = item.url.split('/');
+    getNavName(nav) {
+      const list = nav.url.split('/');
       return this.t(`titleMap.${list[list.length - 1]}`);
     },
     getComponentTypeTitle(item) {
@@ -255,7 +355,72 @@ export default {
       //   url: `/pages/webview/webview?url=${url}`,
       // });
     },
+    onChange(e) {
+      this.activeNames = e;
+    },
+    clickComponent(nav, item) {
+      console.log('item', item);
+      if (typeof nav.event === 'string') {
+        this[nav.event](nav, item);
+        return;
+      }
+
+      routerPush.call(
+        this,
+        `/pages${nav.url}`,
+      );
+    },
+    getHelpData() {
+      fetchData(HELP_DATA_URL).then((data) => {
+        this.helpConfig = data;
+      });
+    },
+    onJumpToOtherDemo(item) {
+      const { link, mpWeixin, mpQQ } = item;
+      if (!link) return;
 
+      // #ifdef H5
+      this.$toast.loading({
+        message: '正在跳转...',
+        forbidClick: true,
+        duration: 300,
+        loadingType: 'spinner',
+      });
+
+      this.$emit('onBeforeDestroy');
+      setTimeout(() => {
+        window.location.href = link;
+      }, 300);
+      // #endif
+
+      // #ifndef H5
+      // #ifdef MP-WEIXIN
+      if (mpWeixin && mpWeixin.appId) {
+        uni.navigateToMiniProgram({
+          appId: mpWeixin.appId,
+          path: mpWeixin.path || undefined,
+          envVersion: 'release',
+        });
+        return;
+      }
+      // #endif
+
+      // #ifdef MP-QQ
+      if (mpQQ && mpQQ.appId) {
+        uni.navigateToMiniProgram({
+          appId: mpQQ.appId,
+          path: mpQQ.path || undefined,
+          envVersion: 'release',
+        });
+        return;
+      }
+      // #endif
+
+      setClipboardData(link).then(() => {
+        this.onGTip('🎉 复制成功，请到浏览器中查看');
+      });
+      // #endif
+    },
   },
 
 };