From 356fcbf1d8d59f842d2008a3cd602f96cad99aca Mon Sep 17 00:00:00 2001
From: Cai Huanyu <eterlf41@gmail.com>
Date: Sat, 31 Aug 2019 11:20:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=8C=E5=96=84=E5=BE=AE=E4=BF=A1?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=B1=BB=E5=9E=8B=E5=AE=9A=E4=B9=89=20(#161)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../remax-cli/src/build/plugins/components.ts |  2 +-
 .../remax-cli/templates/wechat/component.ejs  |  2 +-
 .../src/adapters/wechat/components/Ad.ts      | 10 ++-
 .../src/adapters/wechat/components/Audio.ts   |  1 +
 .../src/adapters/wechat/components/Button.ts  | 35 +++++++++-
 .../src/adapters/wechat/components/Camera.ts  | 14 +++-
 .../src/adapters/wechat/components/Canvas.ts  | 15 +++-
 .../adapters/wechat/components/Checkbox.ts    | 15 +++-
 .../wechat/components/CheckboxGroup.ts        | 15 +++-
 .../adapters/wechat/components/CoverImage.ts  | 14 +++-
 .../adapters/wechat/components/CoverView.ts   | 12 +++-
 .../src/adapters/wechat/components/Editor.ts  | 19 ++++-
 .../src/adapters/wechat/components/Form.ts    | 15 +++-
 .../components/FunctionalPageNavigator.ts     | 13 +++-
 .../src/adapters/wechat/components/Icon.ts    | 14 +++-
 .../src/adapters/wechat/components/Image.ts   | 17 ++++-
 .../src/adapters/wechat/components/Input.tsx  |  2 +-
 .../src/adapters/wechat/components/Label.ts   | 12 +++-
 .../adapters/wechat/components/LivePlayer.ts  | 20 +++++-
 .../adapters/wechat/components/LivePusher.ts  | 28 +++++++-
 .../src/adapters/wechat/components/Map.ts     | 37 +++++++++-
 .../adapters/wechat/components/MovableArea.ts | 11 ++-
 .../adapters/wechat/components/MovableView.ts | 27 +++++++-
 .../adapters/wechat/components/Navigator.ts   | 21 +++++-
 .../wechat/components/OfficialAccount.ts      |  8 ++-
 .../adapters/wechat/components/OpenData.ts    | 11 ++-
 .../src/adapters/wechat/components/Picker.ts  | 14 +++-
 .../adapters/wechat/components/PickerView.ts  | 19 ++++-
 .../wechat/components/PickerViewColumn.ts     |  6 +-
 .../adapters/wechat/components/Progress.ts    | 22 +++++-
 .../src/adapters/wechat/components/Radio.ts   | 15 +++-
 .../adapters/wechat/components/RadioGroup.ts  | 12 +++-
 .../adapters/wechat/components/RichText.ts    | 13 +++-
 .../adapters/wechat/components/ScrollView.ts  | 22 ++++++
 .../src/adapters/wechat/components/Slider.ts  | 23 ++++++-
 .../src/adapters/wechat/components/Swiper.tsx | 35 +++++-----
 .../adapters/wechat/components/SwiperItem.ts  |  6 +-
 .../src/adapters/wechat/components/Switch.ts  | 16 ++++-
 .../src/adapters/wechat/components/Text.ts    | 14 +++-
 .../adapters/wechat/components/Textarea.tsx   |  2 +-
 .../src/adapters/wechat/components/Video.tsx  | 69 ++++++++++---------
 .../src/adapters/wechat/components/View.ts    | 25 ++++++-
 .../src/adapters/wechat/components/WebView.ts |  9 ++-
 .../adapters/wechat/components/propsAlias.ts  | 28 +++++---
 44 files changed, 642 insertions(+), 98 deletions(-)

diff --git a/packages/remax-cli/src/build/plugins/components.ts b/packages/remax-cli/src/build/plugins/components.ts
index d751d617a..48c7492af 100644
--- a/packages/remax-cli/src/build/plugins/components.ts
+++ b/packages/remax-cli/src/build/plugins/components.ts
@@ -53,7 +53,7 @@ export default (adapter: Adapter) => () => ({
           return;
         }
 
-        if (id === 'picker-view-column') {
+        if (adapter.name === 'alipay' && id === 'picker-view-column') {
           return;
         }
 
diff --git a/packages/remax-cli/templates/wechat/component.ejs b/packages/remax-cli/templates/wechat/component.ejs
index b97950d4e..5b4d09468 100644
--- a/packages/remax-cli/templates/wechat/component.ejs
+++ b/packages/remax-cli/templates/wechat/component.ejs
@@ -4,7 +4,7 @@
   <<%=id%> <% for(let key of props) { %> <%=key%>="{{_h.v(i.props.<%=camelCased(key)%>)}}" <% } %>>
     <% if (id === 'swiper') { %>
     <block wx:for="{{i.children}}" wx:key="{{id}}">
-      <swiper-item key="{{item.props.key}}">
+      <swiper-item item-id="{{item.props.itemId}}" key="{{item.props.key}}">
         <block wx:for="{{item.children}}" wx:key="{{id}}">
           <template is="REMAX_TPL_<%= templateId + 1%>_CONTAINER" data="{{i: item}}" />
         </block>
diff --git a/packages/remax/src/adapters/wechat/components/Ad.ts b/packages/remax/src/adapters/wechat/components/Ad.ts
index d942ececf..00bf7d902 100644
--- a/packages/remax/src/adapters/wechat/components/Ad.ts
+++ b/packages/remax/src/adapters/wechat/components/Ad.ts
@@ -1,5 +1,13 @@
 import factory from './factory';
 
-const Ad = factory('ad');
+const Ad = factory<AdProps>('ad');
+
+export interface AdProps {
+  unitId: string; // 是 广告单元id，可在小程序管理后台的流量主模块新建 1.9.94;
+  adIntervals?: number; // 否 广告自动刷新的间隔时间，单位为秒，参数值必须大于等于30（该参数不传入时 Banner 广告不会自动刷新） 2.3.1
+  onLoad?: (event: any) => void; // 否 广告加载成功的回调 2.2.1
+  onError?: (event: any) => void; // 否 广告加载失败的回调，event.detail = {errCode: 1002} 2.2.1
+  onClose?: (event: any) => void; // 否 广告关闭的回调 2.6.5
+}
 
 export default Ad;
diff --git a/packages/remax/src/adapters/wechat/components/Audio.ts b/packages/remax/src/adapters/wechat/components/Audio.ts
index 1fee1c938..899fc3d1c 100644
--- a/packages/remax/src/adapters/wechat/components/Audio.ts
+++ b/packages/remax/src/adapters/wechat/components/Audio.ts
@@ -1,5 +1,6 @@
 import factory from './factory';
 
+// 微信已不再维护
 const Audio = factory('audio');
 
 export default Audio;
diff --git a/packages/remax/src/adapters/wechat/components/Button.ts b/packages/remax/src/adapters/wechat/components/Button.ts
index 6e00db9e6..7891d3516 100644
--- a/packages/remax/src/adapters/wechat/components/Button.ts
+++ b/packages/remax/src/adapters/wechat/components/Button.ts
@@ -1,5 +1,38 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Button = factory('button');
+const Button = factory<ButtonProps>('button');
+
+export interface ButtonProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  size?: string; // default 否 按钮的大小 1.0.0
+  type?: string; // default 否 按钮的样式类型 1.0.0
+  plain?: boolean; // false 否 按钮是否镂空，背景色透明 1.0.0
+  disabled?: boolean; // false 否 是否禁用 1.0.0
+  loading?: boolean; // false 否 名称前是否带 loading 图标 1.0.0
+  formType?: string; //  否 用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件 1.0.0
+  openType?: string; //  否 微信开放能力 1.1.0
+  hoverClass?: string; // button-hover 否 指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果 1.0.0
+  hoverStopPropagation?: boolean; // false 否 指定是否阻止本节点的祖先节点出现点击态 1.5.0
+  hoverStartTime?: number; // 20 否 按住后多久出现点击态，单位毫秒 1.0.0
+  hoverStayTime?: number; // 70 否 手指松开后点击态保留时间，单位毫秒 1.0.0
+  lang?: string; // en 否 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。 1.3.0
+  sessionFrom?: string; //  否 会话来源，open-type="contact"时有效 1.4.0
+  sendMessageTitle?: string; // 当前标题 否 会话内消息卡片标题，open-type="contact"时有效 1.5.0
+  sendMessagePath?: string; // 当前分享路径 否 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效 1.5.0
+  sendMessageImg?: string; // 截图 否 会话内消息卡片图片，open-type="contact"时有效 1.5.0
+  appParameter?: string; //  否 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 1.9.5
+  showMessageCard?: boolean; // false 否 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，open-type="contact"时有效 1.5.0
+  onClick?: (event: any) => void;
+  onGetUserinfo?: () => void; // 否 用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，open-type="getUserInfo"时有效 1.3.0
+  onContact?: () => void; // 否 客服消息回调，open-type="contact"时有效 1.5.0
+  onGetPhonenumber?: () => void; // 否 获取用户手机号回调，open-type=getPhoneNumber时有效 1.2.0
+  onError?: () => void; // 否 当使用开放能力时，发生错误的回调，open-type=launchApp时有效 1.9.5
+  onOpenSetting?: () => void; //  否 在打开授权设置页后回调，open-type=openSetting时有效 2.0.7
+  onLaunchApp?: () => void; //  否 打开 APP 成功的回调，open-type=launchApp时有效 2.4.4
+  animation?: Record<string, any>[];
+}
 
 export default Button;
diff --git a/packages/remax/src/adapters/wechat/components/Camera.ts b/packages/remax/src/adapters/wechat/components/Camera.ts
index f8009a9c4..49865115f 100644
--- a/packages/remax/src/adapters/wechat/components/Camera.ts
+++ b/packages/remax/src/adapters/wechat/components/Camera.ts
@@ -1,5 +1,17 @@
 import factory from './factory';
 
-const Camera = factory('camera');
+const Camera = factory<CameraProps>('camera');
+
+export interface CameraProps {
+  id?: string;
+  mode?: string; // normal 否 应用模式，只在初始化时有效，不能动态变更 2.1.0
+  devicePosition?: string; // back 否 摄像头朝向 1.0.0
+  flash?: string; // auto 否 闪光灯，值为auto, on, off 1.0.0
+  frameSize?: string; // medium 否 指定期望的相机帧数据尺寸 2.7.0
+  onStop?: (event: any) => void; //  否 摄像头在非正常终止时触发，如退出后台等情况 1.0.0
+  onError?: (event: any) => void; //  否 用户不允许使用摄像头时触发 1.0.0
+  onInitDone?: (event: any) => void; //  否 相机初始化完成时触发 2.7.0
+  onScanCode?: (event: any) => void; //  否 在扫码识别成功时触发，仅在 mode="scanCode" 时生效 2.1.0
+}
 
 export default Camera;
diff --git a/packages/remax/src/adapters/wechat/components/Canvas.ts b/packages/remax/src/adapters/wechat/components/Canvas.ts
index 84891156c..c96185a5e 100644
--- a/packages/remax/src/adapters/wechat/components/Canvas.ts
+++ b/packages/remax/src/adapters/wechat/components/Canvas.ts
@@ -1,5 +1,18 @@
 import factory from './factory';
 
-const Canvas = factory('canvas');
+const Canvas = factory<CanvasProps>('canvas');
+
+export interface CanvasProps {
+  type?: string; //  否 指定 canvas 类型，当前仅支持 webgl 2.7.0
+  canvasId?: string; //  否 canvas 组件的唯一标识符，若指定了 type 则无需再指定该属性 1.0.0
+  disableScroll?: boolean; // false 否 当在 canvas 中移动时且有绑定手势事件时，禁止屏幕滚动以及下拉刷新 1.0.0
+  onClick?: (event: any) => void;
+  onTouchStart?: (event: any) => void; //  否 手指触摸动作开始 1.0.0
+  onTouchMove?: (event: any) => void; //  否 手指触摸后移动 1.0.0
+  onTouchEnd?: (event: any) => void; //  否 手指触摸动作结束 1.0.0
+  onTouchCancel?: (event: any) => void; //  否 手指触摸动作被打断，如来电提醒，弹窗 1.0.0
+  onLongClick?: (event: any) => void; //  否 手指长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动 1.0.0
+  onError?: (event: any) => void; //  否 当发生错误时触发 error 事件，detail = {errMsg} 1.0.0
+}
 
 export default Canvas;
diff --git a/packages/remax/src/adapters/wechat/components/Checkbox.ts b/packages/remax/src/adapters/wechat/components/Checkbox.ts
index 098046221..57f8dfe9d 100644
--- a/packages/remax/src/adapters/wechat/components/Checkbox.ts
+++ b/packages/remax/src/adapters/wechat/components/Checkbox.ts
@@ -1,5 +1,18 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Checkbox = factory('checkbox');
+const Checkbox = factory<CheckboxProps>('checkbox');
+
+export interface CheckboxProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  value?: string; //  否 checkbox标识，选中时触发checkbox-group的 change 事件，并携带 checkbox 的 value 1.0.0
+  disabled?: boolean; // false 否 是否禁用 1.0.0
+  checked?: boolean; // false 否 当前是否选中，可用来设置默认选中 1.0.0
+  color?: string; // #09BB07 否 checkbox的颜色，同css的color 1.0.0
+  animation?: Record<string, any>[];
+  onClick?: (event: any) => void;
+}
 
 export default Checkbox;
diff --git a/packages/remax/src/adapters/wechat/components/CheckboxGroup.ts b/packages/remax/src/adapters/wechat/components/CheckboxGroup.ts
index 361d2b045..18a0e8377 100644
--- a/packages/remax/src/adapters/wechat/components/CheckboxGroup.ts
+++ b/packages/remax/src/adapters/wechat/components/CheckboxGroup.ts
@@ -1,5 +1,18 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const CheckboxGroup = factory('checkbox-group');
+const CheckboxGroup = factory<CheckboxGroupProps>('checkbox-group');
+
+export interface CheckboxGroupProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  value?: string; //  否 checkbox标识，选中时触发checkbox-group的 change 事件，并携带 checkbox 的 value 1.0.0
+  disabled?: boolean; // false 否 是否禁用 1.0.0
+  checked?: boolean; // false 否 当前是否选中，可用来设置默认选中 1.0.0
+  color?: string; // #09BB07 否 checkbox的颜色，同css的color 1.0.0
+  animation?: Record<string, any>[];
+  onClick?: (event: any) => void;
+}
 
 export default CheckboxGroup;
diff --git a/packages/remax/src/adapters/wechat/components/CoverImage.ts b/packages/remax/src/adapters/wechat/components/CoverImage.ts
index 720505bdb..ed3dc9bef 100644
--- a/packages/remax/src/adapters/wechat/components/CoverImage.ts
+++ b/packages/remax/src/adapters/wechat/components/CoverImage.ts
@@ -1,5 +1,17 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const CoverImage = factory('cover-image');
+const CoverImage = factory<CoverImageProps>('cover-image');
+
+export interface CoverImageProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  src?: string; //  否 图标路径，支持临时路径、网络地址（1.6.0起支持）、云文件ID（2.2.3起支持）。暂不支持base64格式。 1.4.0
+  onLoad?: (event: any) => void; // 否 图片加载成功时触发 2.1.0
+  onError?: (event: any) => void; //  否 图片加载失败时触发 2.1.0
+  animation?: Record<string, any>[];
+  onClick?: (event: any) => void;
+}
 
 export default CoverImage;
diff --git a/packages/remax/src/adapters/wechat/components/CoverView.ts b/packages/remax/src/adapters/wechat/components/CoverView.ts
index b1a3faaa0..830537dd5 100644
--- a/packages/remax/src/adapters/wechat/components/CoverView.ts
+++ b/packages/remax/src/adapters/wechat/components/CoverView.ts
@@ -1,5 +1,15 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const CoverView = factory('cover-view');
+const CoverView = factory<CoverViewProps>('cover-view');
+
+export interface CoverViewProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  scrollTop?: number | string; //		否	设置顶部滚动偏移量，仅在设置了 overflow-y: scroll 成为滚动元素后生效	2.1.0
+  onClick?: (event: any) => void;
+  animation?: Record<string, any>[];
+}
 
 export default CoverView;
diff --git a/packages/remax/src/adapters/wechat/components/Editor.ts b/packages/remax/src/adapters/wechat/components/Editor.ts
index 0cb4b6a5c..03c4293b4 100644
--- a/packages/remax/src/adapters/wechat/components/Editor.ts
+++ b/packages/remax/src/adapters/wechat/components/Editor.ts
@@ -1,5 +1,22 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Editor = factory('editor');
+const Editor = factory<EditorProps>('editor');
 
+export interface EditorProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  readOnly?: boolean; // false 否 设置编辑器为只读 2.7.0
+  placeholder?: string; //  否 提示信息 2.7.0
+  showImgSize?: boolean; // false 否 点击图片时显示图片大小控件 2.7.0
+  showImgToolbar?: boolean; // false 否 点击图片时显示工具栏控件 2.7.0
+  showImgResize?: boolean; // false 否 点击图片时显示修改尺寸控件 2.7.0
+  onClick?: (event: any) => void;
+  onReady: (event: any) => void; //否 编辑器初始化完成时触发 2.7.0
+  onFocus: (event: any) => void; //否 编辑器聚焦时触发，event.detail = {html, text, delta} 2.7.0
+  onBlur: (event: any) => void; //否 编辑器失去焦点时触发，detail = {html, text, delta} 2.7.0
+  onInput: (event: any) => void; //否 编辑器内容改变时触发，detail = {html, text, delta} 2.7.0
+  onStatusChange: (event: any) => void; //否 通过 Context 方法改变编辑器内样式时触发，返回选区已设置的样式 2.7.0
+}
 export default Editor;
diff --git a/packages/remax/src/adapters/wechat/components/Form.ts b/packages/remax/src/adapters/wechat/components/Form.ts
index ce0590090..430f27fd6 100644
--- a/packages/remax/src/adapters/wechat/components/Form.ts
+++ b/packages/remax/src/adapters/wechat/components/Form.ts
@@ -1,5 +1,18 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Form = factory('form');
+const Form = factory<FormProps>('form');
+
+export interface FormProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  reportSubmit?: boolean; // false 否 是否返回 formId 用于发送模板消息 1.0.0
+  reportSubmitTimeout?: number; // 0 否 等待一段时间（毫秒数）以确认 formId 是否生效。如果未指定这个参数，formId 有很小的概率是无效的（如遇到网络失败的情况）。指定这个参数将可以检测 formId 是否有效，以这个参数的时间作为这项检测的超时时间。如果失败，将返回 requestFormId:fail 开头的 formId 2.6.2
+  onClick?: (event: any) => void;
+  onSubmit?: (event: any) => void; //  否 携带 form 中的数据触发 submit 事件，event.detail = {value : {'name': 'value'} , formId: ''} 1.0.0
+  onReset?: (event: any) => void; //  否 表单重置时会触发 reset 事件 1.0.0
+  animation?: Record<string, any>[];
+}
 
 export default Form;
diff --git a/packages/remax/src/adapters/wechat/components/FunctionalPageNavigator.ts b/packages/remax/src/adapters/wechat/components/FunctionalPageNavigator.ts
index 30207af77..e5958e5ed 100644
--- a/packages/remax/src/adapters/wechat/components/FunctionalPageNavigator.ts
+++ b/packages/remax/src/adapters/wechat/components/FunctionalPageNavigator.ts
@@ -1,5 +1,16 @@
 import factory from './factory';
 
-const FunctionalPageNavigator = factory('functional-page-navigator');
+const FunctionalPageNavigator = factory<FunctionalPageNavigatorProps>(
+  'functional-page-navigator'
+);
+
+export interface FunctionalPageNavigatorProps {
+  version?: string; // release 否 跳转到的小程序版本，线上版本必须设置为 release 2.1.0
+  name?: string; //  否 要跳转到的功能页 2.1.0
+  args?: object; //  否 功能页参数，参数格式与具体功能页相关 2.1.0
+  onSuccess?: (event: any) => void; //  否 功能页返回，且操作成功时触发， detail 格式与具体功能页相关 2.1.0
+  onFail?: (event: any) => void; //  否 功能页返回，且操作失败时触发， detail 格式与具体功能页相关 2.1.0
+  onCancel?: (event: any) => void; //  否 因用户操作从功能页返回时触发 2.4.1
+}
 
 export default FunctionalPageNavigator;
diff --git a/packages/remax/src/adapters/wechat/components/Icon.ts b/packages/remax/src/adapters/wechat/components/Icon.ts
index 2b7d8a538..2b9f743b3 100644
--- a/packages/remax/src/adapters/wechat/components/Icon.ts
+++ b/packages/remax/src/adapters/wechat/components/Icon.ts
@@ -1,5 +1,17 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Icon = factory('icon');
+const Icon = factory<IconProps>('icon');
+
+export interface IconProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  type: string; //  是 icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear 1.0.0
+  size?: number | string; // 23 否 icon的大小 1.0.0
+  color?: string; //  否 icon的颜色，同css的color 1.0.0
+  animation?: Record<string, any>[];
+  onClick?: (event: any) => void;
+}
 
 export default Icon;
diff --git a/packages/remax/src/adapters/wechat/components/Image.ts b/packages/remax/src/adapters/wechat/components/Image.ts
index b94c9559f..6c3a1ccba 100644
--- a/packages/remax/src/adapters/wechat/components/Image.ts
+++ b/packages/remax/src/adapters/wechat/components/Image.ts
@@ -1,5 +1,20 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Image = factory('image');
+const Image = factory<ImageProps>('image');
+
+export interface ImageProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  src?: string; //  否 图片资源地址 1.0.0
+  mode?: string; // scaleToFill 否 图片裁剪、缩放的模式 1.0.0
+  lazyLoad?: boolean; // false 否 图片懒加载，在即将进入一定范围（上下三屏）时才开始加载 1.5.0
+  showMenuByLongpress?: boolean; // false 否 开启长按图片显示识别小程序码菜单 2.7.0
+  onError?: (event: any) => void; //  否 当错误发生时触发，，event.detail = {errMsg} 1.0.0
+  onLoad?: (event: any) => void; //  否 当图片载入完毕时触发，event.detail = {height, width} 1.0.0
+  animation?: Record<string, any>[];
+  onClick?: (event: any) => void;
+}
 
 export default Image;
diff --git a/packages/remax/src/adapters/wechat/components/Input.tsx b/packages/remax/src/adapters/wechat/components/Input.tsx
index f2f3fc2db..dbb147d1e 100644
--- a/packages/remax/src/adapters/wechat/components/Input.tsx
+++ b/packages/remax/src/adapters/wechat/components/Input.tsx
@@ -25,7 +25,7 @@ export interface InputProps {
   adjustPosition?: boolean;
   placeholder?: string;
   placeholderStyle?: CSSProperties;
-  placeholderClass?: string;
+  placeholderClassName?: string;
   disabled?: boolean;
   cursorSpacing?: number;
   onInput?: (...params: any) => void;
diff --git a/packages/remax/src/adapters/wechat/components/Label.ts b/packages/remax/src/adapters/wechat/components/Label.ts
index 93f0032a4..c1989ef79 100644
--- a/packages/remax/src/adapters/wechat/components/Label.ts
+++ b/packages/remax/src/adapters/wechat/components/Label.ts
@@ -1,5 +1,15 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Label = factory('label');
+const Label = factory<LabelProps>('label');
+
+export interface LabelProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  for?: string; //  否 绑定控件的 id 1.0.0
+  animation?: Record<string, any>[];
+  onClick?: (event: any) => void;
+}
 
 export default Label;
diff --git a/packages/remax/src/adapters/wechat/components/LivePlayer.ts b/packages/remax/src/adapters/wechat/components/LivePlayer.ts
index 91ab372eb..c4c4b30db 100644
--- a/packages/remax/src/adapters/wechat/components/LivePlayer.ts
+++ b/packages/remax/src/adapters/wechat/components/LivePlayer.ts
@@ -1,5 +1,23 @@
 import factory from './factory';
 
-const LivePlayer = factory('live-player');
+const LivePlayer = factory<LivePlayerProps>('live-player');
+
+export interface LivePlayerProps {
+  src?: string; //  否 音视频地址。目前仅支持 flv, rtmp 格式 1.7.0
+  mode?: string; // live 否 模式 1.7.0
+  autoplay?: boolean; // false 否 自动播放 1.7.0
+  muted?: boolean; // false 否 是否静音 1.7.0
+  orientation?: string; // vertical 否 画面方向 1.7.0
+  objectFit?: string; // contain 否 填充模式，可选值有 contain，fillCrop 1.7.0
+  backgroundMute?: boolean; // false 否 进入后台时是否静音（已废弃，默认退台静音） 1.7.0
+  minCache?: number; // 1 否 最小缓冲区，单位s（RTC 模式推荐 0.2s） 1.7.0
+  maxCache?: number; // 3 否 最大缓冲区，单位s（RTC 模式推荐 0.8s） 1.7.0
+  soundMode?: string; // speaker 否 声音输出方式 1.9.90
+  autoPauseIfNavigate?: boolean; // true 否 当跳转到其它小程序页面时，是否自动暂停本页面的实时音视频播放 2.5.0
+  autoPauseIfOpenNative?: boolean; // true 否 当跳转到其它微信原生页面时，是否自动暂停本页面的实时音视频播放 2.5.0
+  onStateChange?: (event: any) => void; //  否 播放状态变化事件，detail = {code} 1.7.0
+  onFullScreenChange?: (event: any) => void; //  否 全屏变化事件，detail = {direction, fullScreen} 1.7.0
+  onNetStatus?: (event: any) => void; //  否 网络状态通知，detail = {info} 1.9.0
+}
 
 export default LivePlayer;
diff --git a/packages/remax/src/adapters/wechat/components/LivePusher.ts b/packages/remax/src/adapters/wechat/components/LivePusher.ts
index 8a43fc67b..7fbf89f03 100644
--- a/packages/remax/src/adapters/wechat/components/LivePusher.ts
+++ b/packages/remax/src/adapters/wechat/components/LivePusher.ts
@@ -1,5 +1,31 @@
 import factory from './factory';
 
-const LivePusher = factory('live-pusher');
+const LivePusher = factory<LivePusherProps>('live-pusher');
 
+export interface LivePusherProps {
+  url?: string; //  否 推流地址。目前仅支持 flv, rtmp 格式 1.7.0
+  mode?: string; // RTC 否 SD（标清）, HD（高清）, FHD（超清）, RTC（实时通话） 1.7.0
+  autopush?: boolean; // false 否 自动推流 1.7.0
+  muted?: boolean; // false 否 是否静音 1.7.0
+  enableCamera?: boolean; // true 否 开启摄像头 1.7.0
+  autoFocus?: boolean; // true 否 自动聚集 1.7.0
+  orientation?: string; // vertical 否 画面方向 1.7.0
+  beauty?: number; // 0 否 美颜，取值范围 0-9 ，0 表示关闭 1.7.0
+  whiteness?: number; // 0 否 美白，取值范围 0-9 ，0 表示关闭 1.7.0
+  aspect?: string; // 9:16 否 宽高比，可选值有 3:4, 9:16 1.7.0
+  minBitrate?: number; // 200 否 最小码率 1.7.0
+  maxBitrate?: number; // 1000 否 最大码率 1.7.0
+  waitingImage?: string; //  否 进入后台时推流的等待画面 1.7.0
+  waitingImageHash?: string; //  否 等待画面资源的MD5值 1.7.0
+  zoom?: boolean; // false 否 调整焦距 2.1.0
+  devicePosition?: string; // front 否 前置或后置，值为front, back 2.3.0
+  backgroundMute?: boolean; // false 否 进入后台时是否静音 1.7.0
+  mirror?: boolean; // false 否 设置推流画面是否镜像，产生的效果在 live-player 反应到 2.7.0
+  onStateChange?: (event: any) => void; //  否 状态变化事件，detail = {code} 1.7.0
+  onNetStatus?: (event: any) => void; //  否 网络状态通知，detail = {info} 1.9.0
+  onError?: (event: any) => void; //  否 渲染错误事件，detail = {errMsg, errCode} 1.7.4
+  onBgmStart?: (event: any) => void; //  否 背景音开始播放时触发 2.4.0
+  onBgmProgress?: (event: any) => void; //  否 背景音进度变化时触发，detail = {progress, duration} 2.4.0
+  onBgmComplete?: (event: any) => void; //  否 背景音播放完成时触发 2.4.0
+}
 export default LivePusher;
diff --git a/packages/remax/src/adapters/wechat/components/Map.ts b/packages/remax/src/adapters/wechat/components/Map.ts
index af85b5e25..2c51241e5 100644
--- a/packages/remax/src/adapters/wechat/components/Map.ts
+++ b/packages/remax/src/adapters/wechat/components/Map.ts
@@ -1,5 +1,40 @@
 import factory from './factory';
 
-const Map = factory('map');
+const Map = factory<MapProps>('map');
+
+export interface MapProps {
+  id?: string;
+  longitude: number; //  是 中心经度 1.0.0
+  latitude: number; //  是 中心纬度 1.0.0
+  scale?: number; // 16 否 缩放级别，取值范围为3-20 1.0.0
+  markers?: Array<any>; //  否 标记点 1.0.0
+  covers?: Array<any>; //  否 即将移除，请使用 markers 1.0.0
+  polyline?: Array<any>; //  否 路线 1.0.0
+  circles?: Array<any>; //  否 圆 1.0.0
+  controls?: Array<any>; //  否 控件（即将废弃，建议使用 cover-view 代替） 1.0.0
+  includePoints?: Array<any>; //  否 缩放视野以包含所有给定的坐标点 1.0.0
+  showLocation?: boolean; // false 否 显示带有方向的当前定位点 1.0.0
+  polygons?: Array<any>; //  否 多边形 2.3.0
+  subkey?: string; //  否 个性化地图使用的key 2.3.0
+  layerStyle?: number; // 1 否 个性化地图配置的 style，不支持动态修改
+  rotate?: number; // 0 否 旋转角度，范围 0 ~ 360, 地图正北和设备 y 轴角度的夹角 2.5.0
+  skew?: number; // 0 否 倾斜角度，范围 0 ~ 40 , 关于 z 轴的倾角 2.5.0
+  enable3D?: boolean; // false 否 展示3D楼块(工具暂不支持） 2.3.0
+  showCompass?: boolean; // false 否 显示指南针 2.3.0
+  showScale?: boolean; // false 否 显示比例尺，工具暂不支持 2.8.0
+  enableOverlooking?: boolean; // false 否 开启俯视 2.3.0
+  enableZoom?: boolean; // true 否 是否支持缩放 2.3.0
+  enableScroll?: boolean; // true 否 是否支持拖动 2.3.0
+  enableRotate?: boolean; // false 否 是否支持旋转 2.3.0
+  enableSatellite?: boolean; // false 否 是否开启卫星图 2.7.0
+  enableTraffic?: boolean; // false 否 是否开启实时路况 2.7.0
+  onClick?: (event: any) => void; //  否 点击地图时触发 1.0.0
+  onMarkerClick?: (event: any) => void; //  否 点击标记点时触发，e.detail = {markerId} 1.0.0
+  onControlClick?: (event: any) => void; //  否 点击控件时触发，e.detail = {controlId} 1.0.0
+  onCalloutClick?: (event: any) => void; //  否 点击标记点对应的气泡时触发e.detail = {markerId} 1.2.0
+  onUpdated?: (event: any) => void; //  否 在地图渲染更新完成时触发 1.6.0
+  onRegionChange?: (event: any) => void; //  否 视野发生变化时触发， 2.3.0
+  onPoiTap?: (event: any) => void; //  否 点击地图poi点时触发，e.detail = {name, longitude, latitude} 2.3.0
+}
 
 export default Map;
diff --git a/packages/remax/src/adapters/wechat/components/MovableArea.ts b/packages/remax/src/adapters/wechat/components/MovableArea.ts
index a0b8e1711..47937cb93 100644
--- a/packages/remax/src/adapters/wechat/components/MovableArea.ts
+++ b/packages/remax/src/adapters/wechat/components/MovableArea.ts
@@ -1,5 +1,14 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const MovableArea = factory('movable-area');
+const MovableArea = factory<MovableAreaProps>('movable-area');
+
+export interface MovableAreaProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  scaleArea?: boolean; // false 否 当里面的movable-view设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个movable-area 1.9.90
+  onClick?: (event: any) => void;
+}
 
 export default MovableArea;
diff --git a/packages/remax/src/adapters/wechat/components/MovableView.ts b/packages/remax/src/adapters/wechat/components/MovableView.ts
index 53fd015bd..39bcb4d57 100644
--- a/packages/remax/src/adapters/wechat/components/MovableView.ts
+++ b/packages/remax/src/adapters/wechat/components/MovableView.ts
@@ -1,5 +1,30 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const MovableView = factory('movable-view');
+const MovableView = factory<MovableViewProps>('movable-view');
+
+export interface MovableViewProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  direction?: string; // none 否 movable-view的移动方向，属性值有all、vertical、horizontal、none 1.2.0
+  inertia?: boolean; // false 否 movable-view是否带有惯性 1.2.0
+  outOfBounds?: boolean; // false 否 超过可移动区域后，movable-view是否还可以移动 1.2.0
+  x?: number; //  否 定义x轴方向的偏移，如果x的值不在可移动范围内，会自动移动到可移动范围；改变x的值会触发动画 1.2.0
+  y?: number; //  否 定义y轴方向的偏移，如果y的值不在可移动范围内，会自动移动到可移动范围；改变y的值会触发动画 1.2.0
+  damping?: number; // 20 否 阻尼系数，用于控制x或y改变时的动画和过界回弹的动画，值越大移动越快 1.2.0
+  friction?: number; // 2 否 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于0，否则会被设置成默认值 1.2.0
+  disabled?: boolean; // false 否 是否禁用 1.9.90
+  scale?: boolean; // false 否 是否支持双指缩放，默认缩放手势生效区域是在movable-view内 1.9.90
+  scaleMin?: number; // 0.5 否 定义缩放倍数最小值 1.9.90
+  scaleMax?: number; // 10 否 定义缩放倍数最大值 1.9.90
+  scaleValue?: number; // 1 否 定义缩放倍数，取值范围为 0.5 - 10 1.9.90
+  animation?: boolean; // true 否 是否使用动画 2.1.0
+  onClick?: (event: any) => void;
+  onChange?: (event: any) => void; //  否 拖动过程中触发的事件，event.detail = {x, y, source} 1.9.90
+  onScale?: (event: any) => void; //  否 缩放过程中触发的事件，event.detail = {x, y, scale}，x和y字段在2.1.0之后支持 1.9.90
+  hTouchMove?: (event: any) => void; //  否 初次手指触摸后移动为横向的移动时触发，如果catch此事件，则意味着touchmove事件也被catch 1.9.90
+  vTouchMove?: (event: any) => void; //  否 初次手指触摸后移动为纵向的移动时触发，如果catch此事件，则意味着touchmove事件也被catch 1.9.90
+}
 
 export default MovableView;
diff --git a/packages/remax/src/adapters/wechat/components/Navigator.ts b/packages/remax/src/adapters/wechat/components/Navigator.ts
index 3dd6cea70..c36a48b3a 100644
--- a/packages/remax/src/adapters/wechat/components/Navigator.ts
+++ b/packages/remax/src/adapters/wechat/components/Navigator.ts
@@ -1,5 +1,24 @@
 import factory from './factory';
 
-const Navigator = factory('navigator');
+const Navigator = factory<NavigatorProps>('navigator');
+
+export interface NavigatorProps {
+  id?: string;
+  target?: string; // self 否 在哪个目标上发生跳转，默认当前小程序 2.0.7
+  url?: string; //  否 当前小程序内的跳转链接 1.0.0
+  openType?: string; // navigate 否 跳转方式 1.0.0
+  delta?: number; // 1 否 当 open-type 为 'navigateBack' 时有效，表示回退的层数 1.0.0
+  appId?: string; //  否 当target="miniProgram"时有效，要打开的小程序 appId 2.0.7
+  path?: string; //  否 当target="miniProgram"时有效，打开的页面路径，如果为空则打开首页 2.0.7
+  extraData?: object; //  否 当target="miniProgram"时有效，需要传递给目标小程序的数据，目标小程序可在 App.onLaunch()，App.onShow() 中获取到这份数据。详情 2.0.7
+  version?: string; // release 否 当target="miniProgram"时有效，要打开的小程序版本 2.0.7
+  hoverClass?: string; // navigator-hover 否 指定点击时的样式类，当hover-class="none"时，没有点击态效果 1.0.0
+  hoverStopPropagation?: boolean; // false 否 指定是否阻止本节点的祖先节点出现点击态 1.5.0
+  hoverStartTime?: number; // 50 否 按住后多久出现点击态，单位毫秒 1.0.0
+  hoverStayTime?: number; // 600 否 手指松开后点击态保留时间，单位毫秒 1.0.0
+  onSuccess?: (event: any) => void; //  否 当target="miniProgram"时有效，跳转小程序成功 2.0.7
+  onFail?: (event: any) => void; //  否 当target="miniProgram"时有效，跳转小程序失败 2.0.7
+  onComplete?: (event: any) => void; //  否 当target="miniProgram"时有效，跳转小程序完成 2.0.7
+}
 
 export default Navigator;
diff --git a/packages/remax/src/adapters/wechat/components/OfficialAccount.ts b/packages/remax/src/adapters/wechat/components/OfficialAccount.ts
index 46a018154..13f9554e7 100644
--- a/packages/remax/src/adapters/wechat/components/OfficialAccount.ts
+++ b/packages/remax/src/adapters/wechat/components/OfficialAccount.ts
@@ -1,5 +1,11 @@
 import factory from './factory';
 
-const OfficialAccount = factory('official-account');
+const OfficialAccount = factory<OfficialAccountProps>('official-account');
+
+export interface OfficialAccountProps {
+  id?: string;
+  onLoad?: (event: any) => void; // 组件加载成功时触发
+  onError?: (event: any) => void; // 组件加载失败时触发
+}
 
 export default OfficialAccount;
diff --git a/packages/remax/src/adapters/wechat/components/OpenData.ts b/packages/remax/src/adapters/wechat/components/OpenData.ts
index deca7544e..925a1eab9 100644
--- a/packages/remax/src/adapters/wechat/components/OpenData.ts
+++ b/packages/remax/src/adapters/wechat/components/OpenData.ts
@@ -1,5 +1,14 @@
 import factory from './factory';
 
-const OpenData = factory('open-data');
+const OpenData = factory<OpenDataProps>('open-data');
+
+export interface OpenDataProps {
+  type?: string; //  否 开放数据类型 1.4.0
+  openGid?: string; //  否 当 type="groupName" 时生效, 群id 1.4.0
+  lang?: string; // en 否 当 type="user*" 时生效，以哪种语言展示 userInfo 1.4.0
+  defaultText?: string; //  否 数据为空时的默认文案 2.8.1
+  defaultAvatar?: string; //  否 用户头像为空时的默认图片，支持相对路径和网络图片路径 2.8.1
+  onError?: (event: any) => void; //  否 群名称或用户信息为空时触发 2.8.1
+}
 
 export default OpenData;
diff --git a/packages/remax/src/adapters/wechat/components/Picker.ts b/packages/remax/src/adapters/wechat/components/Picker.ts
index 96699688d..1ee7ecb72 100644
--- a/packages/remax/src/adapters/wechat/components/Picker.ts
+++ b/packages/remax/src/adapters/wechat/components/Picker.ts
@@ -1,5 +1,17 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Picker = factory('picker');
+const Picker = factory<PickerProps>('picker');
+
+export interface PickerProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  mode?: string; // selector 否 选择器类型 1.0.0
+  disabled?: boolean; // false 否 是否禁用 1.0.0
+  onClick?: (event: any) => void;
+  onCancel?: (event: any) => void; //  否 取消选择时触发 1.9.90
+  animation?: Record<string, any>[];
+}
 
 export default Picker;
diff --git a/packages/remax/src/adapters/wechat/components/PickerView.ts b/packages/remax/src/adapters/wechat/components/PickerView.ts
index ef3b29b66..e51ffcf39 100644
--- a/packages/remax/src/adapters/wechat/components/PickerView.ts
+++ b/packages/remax/src/adapters/wechat/components/PickerView.ts
@@ -1,5 +1,22 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const PickerView = factory('picker-view');
+const PickerView = factory<PickerProps>('picker-view');
+
+export interface PickerProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  value?: Array<number>; //  否 数组中的数字依次表示 picker-view 内的 picker-view-column 选择的第几项（下标从 0 开始），数字大于 picker-view-column 可选项长度时，选择最后一项。 1.0.0
+  indicatorStyle?: CSSProperties; //  否 设置选择器中间选中框的样式 1.0.0
+  indicatorClassName?: string; //  否 设置选择器中间选中框的类名 1.1.0
+  maskStyle?: CSSProperties; //  否 设置蒙层的样式 1.5.0
+  maskClassName?: string; //  否 设置蒙层的类名 1.5.0
+  onClick?: (event: any) => void;
+  onChange?: (event: any) => void; //  否 滚动选择时触发change事件，event.detail = {value}；value为数组，表示 picker-view 内的 picker-view-column 当前选择的是第几项（下标从 0 开始） 1.0.0
+  onPickStart?: (event: any) => void; //  否 当滚动选择开始时候触发事件 2.3.1
+  onPickEnd?: (event: any) => void; //  否 当滚动选择结束时候触发事件 2.3.1
+  animation?: Record<string, any>[];
+}
 
 export default PickerView;
diff --git a/packages/remax/src/adapters/wechat/components/PickerViewColumn.ts b/packages/remax/src/adapters/wechat/components/PickerViewColumn.ts
index 2cc6fe7ed..51868d2f9 100644
--- a/packages/remax/src/adapters/wechat/components/PickerViewColumn.ts
+++ b/packages/remax/src/adapters/wechat/components/PickerViewColumn.ts
@@ -1,5 +1,9 @@
 import factory from './factory';
 
-const PickerViewColumn = factory('picker-view-column');
+const PickerViewColumn = factory<PickerViewColumnProps>('picker-view-column');
+
+export interface PickerViewColumnProps {
+  id?: string;
+}
 
 export default PickerViewColumn;
diff --git a/packages/remax/src/adapters/wechat/components/Progress.ts b/packages/remax/src/adapters/wechat/components/Progress.ts
index ff41be098..78881e34f 100644
--- a/packages/remax/src/adapters/wechat/components/Progress.ts
+++ b/packages/remax/src/adapters/wechat/components/Progress.ts
@@ -1,5 +1,25 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Progress = factory('progress');
+const Progress = factory<ProgressProps>('progress');
+
+export interface ProgressProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  percent?: number; //  否 百分比0~100 1.0.0
+  showInfo?: boolean; // false 否 在进度条右侧显示百分比 1.0.0
+  borderRadius?: number | string; // 0 否 圆角大小 2.3.1
+  fontSize?: number | string; // 16 否 右侧百分比字体大小 2.3.1
+  strokeWidth?: number | string; // 6 否 进度条线的宽度 1.0.0
+  color?: string; // #09BB07 否 进度条颜色（请使用activeColor） 1.0.0
+  activeColor?: string; // #09BB07 否 已选择的进度条的颜色 1.0.0
+  backgroundColor?: string; // #EBEBEB 否 未选择的进度条的颜色 1.0.0
+  active?: boolean; // false 否 进度条从左往右的动画 1.0.0
+  activeMode?: string; // backwards 否 backwards: 动画从头播；forwards：动画从上次结束点接着播 1.7.0
+  onClick?: (event: any) => void;
+  onActiveEnd?: (event: any) => void; //  否 动画完成事件 2.4.1
+  animation?: Record<string, any>[];
+}
 
 export default Progress;
diff --git a/packages/remax/src/adapters/wechat/components/Radio.ts b/packages/remax/src/adapters/wechat/components/Radio.ts
index da806f899..4c4356872 100644
--- a/packages/remax/src/adapters/wechat/components/Radio.ts
+++ b/packages/remax/src/adapters/wechat/components/Radio.ts
@@ -1,5 +1,18 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Radio = factory('radio');
+const Radio = factory<RadioProps>('radio');
+
+export interface RadioProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  value?: string; //  否 radio 标识。当该radio 选中时，radio-group 的 change 事件会携带radio的value 1.0.0
+  checked?: boolean; // false 否 当前是否选中 1.0.0
+  disabled: boolean; // false 否 是否禁用 1.0.0
+  color?: string; // #09BB07 否 radio的颜色，同css的color 1.0.0
+  onClick?: (event: any) => void;
+  animation?: Record<string, any>[];
+}
 
 export default Radio;
diff --git a/packages/remax/src/adapters/wechat/components/RadioGroup.ts b/packages/remax/src/adapters/wechat/components/RadioGroup.ts
index cbd4cccc4..8edbacf7a 100644
--- a/packages/remax/src/adapters/wechat/components/RadioGroup.ts
+++ b/packages/remax/src/adapters/wechat/components/RadioGroup.ts
@@ -1,5 +1,15 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const RadioGroup = factory('radio-group');
+const RadioGroup = factory<RadioGroupProps>('radio-group');
+
+export interface RadioGroupProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  onChange?: (event: any) => void; //  否 checkbox-group中选中项发生改变时触发 change 事件，detail = {value:[选中的checkbox的value的数组]} 1.0.0
+  onClick?: (event: any) => void;
+  animation?: Record<string, any>[];
+}
 
 export default RadioGroup;
diff --git a/packages/remax/src/adapters/wechat/components/RichText.ts b/packages/remax/src/adapters/wechat/components/RichText.ts
index 8fed21b95..0ba43d71a 100644
--- a/packages/remax/src/adapters/wechat/components/RichText.ts
+++ b/packages/remax/src/adapters/wechat/components/RichText.ts
@@ -1,5 +1,16 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const RichText = factory('rich-text');
+const RichText = factory<RichTextProps>('rich-text');
+
+export interface RichTextProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  nodes?: Array<any> | string; // [] 否 节点列表/HTML String 1.4.0
+  space?: string; //  否 显示连续空格 2.4.1
+  onClick?: (event: any) => void;
+  animation?: Record<string, any>[];
+}
 
 export default RichText;
diff --git a/packages/remax/src/adapters/wechat/components/ScrollView.ts b/packages/remax/src/adapters/wechat/components/ScrollView.ts
index d1ff19555..6a86d5ba8 100644
--- a/packages/remax/src/adapters/wechat/components/ScrollView.ts
+++ b/packages/remax/src/adapters/wechat/components/ScrollView.ts
@@ -1,5 +1,27 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
 const ScrollView = factory('scroll-view');
 
+export interface ScrollViewProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  scrollX?: boolean; // false 否 允许横向滚动 1.0.0
+  scrollY?: boolean; // false 否 允许纵向滚动 1.0.0
+  upperThreshold?: number | string; // 50 否 距顶部/左边多远时，触发 scrolltoupper 事件 1.0.0
+  lowerThreshold?: number | string; // 50 否 距底部/右边多远时，触发 scrolltolower 事件 1.0.0
+  scrollTop?: number | string; //  否 设置竖向滚动条位置 1.0.0
+  scrollLeft?: number | string; //  否 设置横向滚动条位置 1.0.0
+  scrollIntoView?: string; //  否 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素 1.0.0
+  scrollWithAnimation?: boolean; // false 否 在设置滚动条位置时使用动画过渡 1.0.0
+  enableBackToTop?: boolean; // false 否 iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向 1.0.0
+  enableFlex?: boolean; // false 否 启用 flexbox 布局。开启后，当前节点声明了 display: flex 就会成为 flex container，并作用于其孩子节点。 2.7.3
+  onScrollToUpper?: (event: any) => void; //  否 滚动到顶部/左边时触发 1.0.0
+  onScrollToLower?: (evnt: any) => void; //  否 滚动到底部/右边时触发 1.0.0
+  onScroll?: (event: any) => void; //  否 滚动时触发，event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY} 1.0.0
+  onClick?: (event: any) => void;
+  animation?: Record<string, any>[];
+}
+
 export default ScrollView;
diff --git a/packages/remax/src/adapters/wechat/components/Slider.ts b/packages/remax/src/adapters/wechat/components/Slider.ts
index c9d87c5b6..864ad73ab 100644
--- a/packages/remax/src/adapters/wechat/components/Slider.ts
+++ b/packages/remax/src/adapters/wechat/components/Slider.ts
@@ -1,5 +1,26 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Slider = factory('slider');
+const Slider = factory<SliderProps>('slider');
+
+export interface SliderProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  min?: number; // 0 否 最小值 1.0.0
+  max?: number; // 100 否 最大值 1.0.0
+  step?: number; // 1 否 步长，取值必须大于 0，并且可被(max - min)整除 1.0.0
+  disabled?: boolean; // false 否 是否禁用 1.0.0
+  value?: number; // 0 否 当前取值 1.0.0
+  activeColor?: string; // #1aad19 否 已选择的颜色 1.0.0
+  backgroundColor?: string; // #e9e9e9 否 背景条的颜色 1.0.0
+  blockSize?: number; // 28 否 滑块的大小，取值范围为 12 - 28 1.9.0
+  blockColor?: string; // #ffffff 否 滑块的颜色 1.9.0
+  showValue?: boolean; // false 否 是否显示当前 value 1.0.0
+  onChange?: (event: any) => void; //  否 完成一次拖动后触发的事件，event.detail = {value} 1.0.0
+  onChanging?: (event: any) => void; //  否 拖动过程中触发的事件，event.detail = {value} 1.7.0
+  onClick?: (event: any) => void;
+  animation?: Record<string, any>[];
+}
 
 export default Slider;
diff --git a/packages/remax/src/adapters/wechat/components/Swiper.tsx b/packages/remax/src/adapters/wechat/components/Swiper.tsx
index 50d3276d2..5cf29d330 100644
--- a/packages/remax/src/adapters/wechat/components/Swiper.tsx
+++ b/packages/remax/src/adapters/wechat/components/Swiper.tsx
@@ -5,23 +5,24 @@ export interface SwiperProps {
   id?: string;
   className?: string;
   style?: CSSProperties;
-  indicatorDots?: boolean; // false	否	是否显示面板指示点	1.0.0
-  indicatorColor?: string; // rgba(0, 0, 0, .3)	否	指示点颜色	1.1.0
-  indicatorActiveColor?: string; // #000000	否	当前选中的指示点颜色	1.1.0
-  autoplay?: boolean; // false	否	是否自动切换	1.0.0
-  current?: number; // 0	否	当前所在滑块的 index	1.0.0
-  interval?: number; // 5000	否	自动切换时间间隔	1.0.0
-  duration?: number; // 500	否	滑动动画时长	1.0.0
-  circular?: boolean; // false	否	是否采用衔接滑动	1.0.0
-  vertical?: boolean; // false	否	滑动方向是否为纵向	1.0.0
-  previousMargin?: string; // "0px"	否	前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值	1.9.0
-  nextMargin?: string; // "0px"	否	后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值	1.9.0
-  displayMultipleItems?: number; // 1	否	同时显示的滑块数量	1.9.0
-  skipHiddenItemLayout?: boolean; // false	否	是否跳过未显示的滑块布局，设为 true 可优化复杂情况下的滑动性能，但会丢失隐藏状态滑块的布局信息	1.9.0
-  easingFunction?: string; // "default"	否	指定 swiper 切换缓动动画类型	2.6.5
-  onChange?: (event: any) => void; // 否	current 改变时会触发 change 事件，event.detail = {current, source}	1.0.0
-  onTransition?: (event: any) => void; // 否	swiper-item 的位置发生改变时会触发 transition 事件，event.detail = {dx: dx, dy: dy}	2.4.3
-  onAnimationFinish?: (event: any) => void; // 否	动画结束时会触发 animationfinish 事件，event.detail 同上	1.9.0
+  indicatorDots?: boolean; // false 否 是否显示面板指示点 1.0.0
+  indicatorColor?: string; // rgba(0, 0, 0, .3) 否 指示点颜色 1.1.0
+  indicatorActiveColor?: string; // #000000 否 当前选中的指示点颜色 1.1.0
+  autoplay?: boolean; // false 否 是否自动切换 1.0.0
+  current?: number; // 0 否 当前所在滑块的 index 1.0.0
+  interval?: number; // 5000 否 自动切换时间间隔 1.0.0
+  duration?: number; // 500 否 滑动动画时长 1.0.0
+  circular?: boolean; // false 否 是否采用衔接滑动 1.0.0
+  vertical?: boolean; // false 否 滑动方向是否为纵向 1.0.0
+  previousMargin?: string; // "0px" 否 前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值 1.9.0
+  nextMargin?: string; // "0px" 否 后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值 1.9.0
+  displayMultipleItems?: number; // 1 否 同时显示的滑块数量 1.9.0
+  skipHiddenItemLayout?: boolean; // false 否 是否跳过未显示的滑块布局，设为 true 可优化复杂情况下的滑动性能，但会丢失隐藏状态滑块的布局信息 1.9.0
+  easingFunction?: string; // "default" 否 指定 swiper 切换缓动动画类型 2.6.5
+  onClick?: (event: any) => void;
+  onChange?: (event: any) => void; // 否 current 改变时会触发 change 事件，event.detail = {current, source} 1.0.0
+  onTransition?: (event: any) => void; // 否 swiper-item 的位置发生改变时会触发 transition 事件，event.detail = {dx: dx, dy: dy} 2.4.3
+  onAnimationFinish?: (event: any) => void; // 否 动画结束时会触发 animationfinish 事件，event.detail 同上 1.9.0
   animation?: Record<string, any>[];
 }
 
diff --git a/packages/remax/src/adapters/wechat/components/SwiperItem.ts b/packages/remax/src/adapters/wechat/components/SwiperItem.ts
index c16c2f9a5..2ef74bd15 100644
--- a/packages/remax/src/adapters/wechat/components/SwiperItem.ts
+++ b/packages/remax/src/adapters/wechat/components/SwiperItem.ts
@@ -1,5 +1,9 @@
 import factory from './factory';
 
-const SwiperItem = factory('swiper-item');
+const SwiperItem = factory<SwiperItemProps>('swiper-item');
+
+export interface SwiperItemProps {
+  itemId?: string; //  否 该 swiper-item 的标识符 1.9.0
+}
 
 export default SwiperItem;
diff --git a/packages/remax/src/adapters/wechat/components/Switch.ts b/packages/remax/src/adapters/wechat/components/Switch.ts
index 35e450f8e..487cb5e1c 100644
--- a/packages/remax/src/adapters/wechat/components/Switch.ts
+++ b/packages/remax/src/adapters/wechat/components/Switch.ts
@@ -1,5 +1,19 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Switch = factory('switch');
+const Switch = factory<SwitchProps>('switch');
+
+export interface SwitchProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  checked?: boolean; // false 否 是否选中 1.0.0
+  disabled?: boolean; // false 否 是否禁用 1.0.0
+  type?: string; // switch 否 样式，有效值：switch, checkbox 1.0.0
+  color?: string; // #04BE02 否 switch 的颜色，同 css 的 color 1.0.0
+  onClick?: (event: any) => void;
+  onChange?: (event: any) => void; //  否 checked 改变时触发 change 事件，event.detail={ value} 1.0.0
+  animation?: Record<string, any>[];
+}
 
 export default Switch;
diff --git a/packages/remax/src/adapters/wechat/components/Text.ts b/packages/remax/src/adapters/wechat/components/Text.ts
index 19c411cd1..afd63ac64 100644
--- a/packages/remax/src/adapters/wechat/components/Text.ts
+++ b/packages/remax/src/adapters/wechat/components/Text.ts
@@ -1,5 +1,17 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const Text = factory('text');
+const Text = factory<TextProps>('text');
+
+export interface TextProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  selectable?: boolean; // false 否 文本是否可选 1.1.0
+  space?: string; //  否 显示连续空格 1.4.0
+  decode?: boolean; // false 否 是否解码 1.4.0
+  onClick?: (event: any) => void;
+  animation?: Record<string, any>[];
+}
 
 export default Text;
diff --git a/packages/remax/src/adapters/wechat/components/Textarea.tsx b/packages/remax/src/adapters/wechat/components/Textarea.tsx
index fa128dd4c..8c75842a5 100644
--- a/packages/remax/src/adapters/wechat/components/Textarea.tsx
+++ b/packages/remax/src/adapters/wechat/components/Textarea.tsx
@@ -25,7 +25,7 @@ export interface TextareaProps {
   adjustPosition?: boolean;
   placeholder?: string;
   placeholderStyle?: CSSProperties;
-  placeholderClass?: string;
+  placeholderClassName?: string;
   disabled?: boolean;
   cursorSpacing?: number;
   onInput?: (...params: any) => void;
diff --git a/packages/remax/src/adapters/wechat/components/Video.tsx b/packages/remax/src/adapters/wechat/components/Video.tsx
index 70d81a846..0e6b2d1be 100644
--- a/packages/remax/src/adapters/wechat/components/Video.tsx
+++ b/packages/remax/src/adapters/wechat/components/Video.tsx
@@ -2,43 +2,44 @@ import React, { FunctionComponent, forwardRef, CSSProperties } from 'react';
 import propsAlias from './propsAlias';
 
 export interface VideoProps {
-  src: string; // 要播放视频的资源地址，支持云文件ID（2.3.0）	1.0.0
+  src: string; // 要播放视频的资源地址，支持云文件ID（2.3.0） 1.0.0
   id?: string;
   className?: string;
   style?: CSSProperties;
-  duration?: number; // 指定视频时长	1.1.0
-  controls?: boolean; // 是否显示默认播放控件（播放/暂停按钮、播放进度、时间）	1.0.0
-  danmuList?: Array<object>; // 弹幕列表	1.0.0
-  danmuBtn?: boolean; // 是否显示弹幕按钮，只在初始化时有效，不能动态变更	1.0.0
-  enableDanmu?: boolean; // 是否展示弹幕，只在初始化时有效，不能动态变更	1.0.0
-  autoplay?: boolean; // 是否自动播放	1.0.0
-  loop?: boolean; // 是否循环播放	1.4.0
-  muted?: boolean; // 是否静音播放	1.4.0
-  initialTime?: number; // 指定视频初始播放位置	1.6.0
-  pageGesture?: boolean; // 在非全屏模式下，是否开启亮度与音量调节手势（废弃，见 vslide-gesture）	1.6.0
-  direction?: number; // 设置全屏时视频的方向，不指定则根据宽高比自动判断	1.7.0
-  showProgress?: boolean; // 若不设置，宽度大于240时才会显示	1.9.0
-  showFullscreenBtn?: boolean; // 是否显示全屏按钮	1.9.0
-  showPlayBtn?: boolean; // 是否显示视频底部控制栏的播放按钮	1.9.0
-  showCenterPlayBtn?: boolean; // 是否显示视频中间的播放按钮	1.9.0
-  enableProgressGesture?: boolean; // 是否开启控制进度的手势	1.9.0
-  objectFit?: string; // 当视频大小与 video 容器大小不一致时，视频的表现形式	1.0.0
-  poster?: string; // 视频封面的图片网络资源地址或云文件ID（2.3.0）。若 controls 属性值为 false 则设置 poster 无效	1.0.0
-  showMuteBtn?: boolean; // 是否显示静音按钮	2.4.0
-  title?: string; // 视频的标题，全屏时在顶部展示	2.4.0
-  playBtnPosition?: string; // 播放按钮的位置	2.4.0
-  enablePlayGesture?: boolean; // 是否开启播放手势，即双击切换播放/暂停	2.4.0
-  autoPauseIfNavigate?: boolean; // 当跳转到其它小程序页面时，是否自动暂停本页面的视频	2.5.0
-  autoPauseIfOpenNative?: boolean; // 当跳转到其它微信原生页面时，是否自动暂停本页面的视频	2.5.0
-  vslideGesture?: boolean; // 在非全屏模式下，是否开启亮度与音量调节手势（同 page-gesture）	2.6.2
-  vslideGestureInFullscreen?: boolean; // 在全屏模式下，是否开启亮度与音量调节手势	2.6.2
-  onPlay?: (event: any) => any; // 当开始/继续播放时触发play事件	1.0.0
-  onPause?: (event: any) => any; // 当暂停播放时触发 pause 事件	1.0.0
-  onEnded?: (event: any) => any; // 当播放到末尾时触发 ended 事件	1.0.0
-  onTimeUpdate?: (event: any) => any; // 播放进度变化时触发，event.detail = {currentTime, duration} 。触发频率 250ms 一次	1.0.0
-  onFullScreenChange?: (event: any) => any; // 视频进入和退出全屏时触发，event.detail = {fullScreen, direction}，direction 有效值为 vertical 或 horizontal	1.4.0
-  onWaiting?: (event: any) => any; // 视频出现缓冲时触发	1.7.0
-  onError?: (event: any) => any; // 视频播放出错时触发	1.7.0
+  duration?: number; // 指定视频时长 1.1.0
+  controls?: boolean; // 是否显示默认播放控件（播放/暂停按钮、播放进度、时间） 1.0.0
+  danmuList?: Array<object>; // 弹幕列表 1.0.0
+  danmuBtn?: boolean; // 是否显示弹幕按钮，只在初始化时有效，不能动态变更 1.0.0
+  enableDanmu?: boolean; // 是否展示弹幕，只在初始化时有效，不能动态变更 1.0.0
+  autoplay?: boolean; // 是否自动播放 1.0.0
+  loop?: boolean; // 是否循环播放 1.4.0
+  muted?: boolean; // 是否静音播放 1.4.0
+  initialTime?: number; // 指定视频初始播放位置 1.6.0
+  pageGesture?: boolean; // 在非全屏模式下，是否开启亮度与音量调节手势（废弃，见 vslide-gesture） 1.6.0
+  direction?: number; // 设置全屏时视频的方向，不指定则根据宽高比自动判断 1.7.0
+  showProgress?: boolean; // 若不设置，宽度大于240时才会显示 1.9.0
+  showFullscreenBtn?: boolean; // 是否显示全屏按钮 1.9.0
+  showPlayBtn?: boolean; // 是否显示视频底部控制栏的播放按钮 1.9.0
+  showCenterPlayBtn?: boolean; // 是否显示视频中间的播放按钮 1.9.0
+  enableProgressGesture?: boolean; // 是否开启控制进度的手势 1.9.0
+  objectFit?: string; // 当视频大小与 video 容器大小不一致时，视频的表现形式 1.0.0
+  poster?: string; // 视频封面的图片网络资源地址或云文件ID（2.3.0）。若 controls 属性值为 false 则设置 poster 无效 1.0.0
+  showMuteBtn?: boolean; // 是否显示静音按钮 2.4.0
+  title?: string; // 视频的标题，全屏时在顶部展示 2.4.0
+  playBtnPosition?: string; // 播放按钮的位置 2.4.0
+  enablePlayGesture?: boolean; // 是否开启播放手势，即双击切换播放/暂停 2.4.0
+  autoPauseIfNavigate?: boolean; // 当跳转到其它小程序页面时，是否自动暂停本页面的视频 2.5.0
+  autoPauseIfOpenNative?: boolean; // 当跳转到其它微信原生页面时，是否自动暂停本页面的视频 2.5.0
+  vslideGesture?: boolean; // 在非全屏模式下，是否开启亮度与音量调节手势（同 page-gesture） 2.6.2
+  vslideGestureInFullscreen?: boolean; // 在全屏模式下，是否开启亮度与音量调节手势 2.6.2
+  onClick?: (event: any) => void;
+  onPlay?: (event: any) => any; // 当开始/继续播放时触发play事件 1.0.0
+  onPause?: (event: any) => any; // 当暂停播放时触发 pause 事件 1.0.0
+  onEnded?: (event: any) => any; // 当播放到末尾时触发 ended 事件 1.0.0
+  onTimeUpdate?: (event: any) => any; // 播放进度变化时触发，event.detail = {currentTime, duration} 。触发频率 250ms 一次 1.0.0
+  onFullScreenChange?: (event: any) => any; // 视频进入和退出全屏时触发，event.detail = {fullScreen, direction}，direction 有效值为 vertical 或 horizontal 1.4.0
+  onWaiting?: (event: any) => any; // 视频出现缓冲时触发 1.7.0
+  onError?: (event: any) => any; // 视频播放出错时触发 1.7.0
   onProgress?: (event: any) => any;
   animation?: Record<string, any>[];
 }
diff --git a/packages/remax/src/adapters/wechat/components/View.ts b/packages/remax/src/adapters/wechat/components/View.ts
index ce4518932..607a675d0 100644
--- a/packages/remax/src/adapters/wechat/components/View.ts
+++ b/packages/remax/src/adapters/wechat/components/View.ts
@@ -1,5 +1,28 @@
 import factory from './factory';
+import { CSSProperties } from 'react';
 
-const View = factory('view');
+const View = factory<ViewProps>('view');
+
+export interface ViewProps {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  hoverClassName?: string; // none 否 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 1.0.0
+  hoverStopPropagation?: boolean; // false 否 指定是否阻止本节点的祖先节点出现点击态 1.5.0
+  hoverStartTime?: number; // 50 否 按住后多久出现点击态，单位毫秒 1.0.0
+  hoverStayTime?: number; // 400 否 手指松开后点击态保留时间，单位毫秒 1.0.0
+  disableScroll?: boolean;
+  onClick?: (event: any) => void;
+  onTouchStart?: (event: any) => void;
+  onTouchMove?: (event: any) => void;
+  onTouchEnd?: (event: any) => void;
+  onTouchCancel?: (event: any) => void;
+  onLongClick?: (event: any) => void;
+  onTransitionEnd?: (event: any) => void;
+  onAnimationIteration?: (event: any) => void;
+  onAnimationStart?: (event: any) => void;
+  onAnimationEnd?: (event: any) => void;
+  animation?: Record<string, any>[];
+}
 
 export default View;
diff --git a/packages/remax/src/adapters/wechat/components/WebView.ts b/packages/remax/src/adapters/wechat/components/WebView.ts
index f5b99aa98..fc455fd9c 100644
--- a/packages/remax/src/adapters/wechat/components/WebView.ts
+++ b/packages/remax/src/adapters/wechat/components/WebView.ts
@@ -1,5 +1,12 @@
 import factory from './factory';
 
-const WebView = factory('web-view');
+const WebView = factory<WebViewProps>('web-view');
+
+export interface WebViewProps {
+  src?: string; //  否 webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。 1.6.4
+  onMessage?: (event: any) => void; //  否 网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }，data是多次 postMessage 的参数组成的数组 1.6.4
+  onLoad?: (event: any) => void; //  否 网页加载成功时候触发此事件。e.detail = { src } 1.6.4
+  onError?: (event: any) => void; //  否 网页加载失败的时候触发此事件。e.detail = { src } 1.6.4
+}
 
 export default WebView;
diff --git a/packages/remax/src/adapters/wechat/components/propsAlias.ts b/packages/remax/src/adapters/wechat/components/propsAlias.ts
index 0b429e556..b08f17bc5 100644
--- a/packages/remax/src/adapters/wechat/components/propsAlias.ts
+++ b/packages/remax/src/adapters/wechat/components/propsAlias.ts
@@ -1,10 +1,11 @@
 import plainStyle from '../../../utils/plainStyle';
 
 const alias: { [prop: string]: string } = {
-  className: 'class',
   activeColor: 'activeColor',
   backgroundColor: 'backgroundColor',
-  onClick: 'bindtap',
+  enable3D: 'enable-3D',
+  hTouchMove: 'htouchmove',
+  vTouchMove: 'vtouchmove',
 };
 
 function getAlias(prop: string) {
@@ -14,13 +15,28 @@ function getAlias(prop: string) {
     return aliasProp;
   }
 
+  if (prop.endsWith('className')) {
+    return prop.replace('className', 'class');
+  }
+
   if (prop.startsWith('on')) {
-    return prop.toLowerCase().replace('on', 'bind');
+    return prop
+      .toLowerCase()
+      .replace('on', 'bind')
+      .replace('click', 'tap');
   }
 
   return prop;
 }
 
+function getValue(prop: string, value: any): any {
+  if (prop.endsWith('style') && prop !== 'layer-style') {
+    return plainStyle(value);
+  }
+
+  return value;
+}
+
 export interface GenericProps {
   [key: string]: any;
 }
@@ -29,11 +45,7 @@ export default function propsAlias<T>(props: GenericProps) {
   const aliasProps: GenericProps = {};
 
   Object.keys(props).forEach(prop => {
-    if (prop === 'style') {
-      aliasProps.style = plainStyle(props.style!);
-    } else {
-      aliasProps[getAlias(prop)] = props[prop];
-    }
+    aliasProps[getAlias(prop)] = getValue(prop, props[prop]);
   });
 
   return aliasProps;