@tarojs/components 3.6.0-canary.2 → 3.6.0-canary.3

package/dist/vue3/components.js

@@ -6,26 +6,39 @@
 import { defineContainer } from './vue-component-lib/utils';
 export var Ad = /*@__PURE__*/defineContainer('taro-ad-core', undefined);
 export var AdCustom = /*@__PURE__*/defineContainer('taro-ad-custom-core', undefined);
+export var AnimationVideo = /*@__PURE__*/defineContainer('taro-animation-video-core', undefined);
+export var AnimationView = /*@__PURE__*/defineContainer('taro-animation-view-core', undefined);
+export var ArCamera = /*@__PURE__*/defineContainer('taro-ar-camera-core', undefined);
 export var Audio = /*@__PURE__*/defineContainer('taro-audio-core', undefined, ['src', 'controls', 'autoplay', 'loop', 'muted', 'nativeProps', 'error', 'play', 'pause', 'timeupdate', 'ended']);
+export var AwemeData = /*@__PURE__*/defineContainer('taro-aweme-data-core', undefined);
 export var Block = /*@__PURE__*/defineContainer('taro-block-core', undefined);
 export var Button = /*@__PURE__*/defineContainer('taro-button-core', undefined, ['disabled', 'hoverClass', 'type', 'hoverStartTime', 'hoverStayTime', 'size', 'plain', 'loading', 'formType', 'tarobuttonsubmit', 'tarobuttonreset']);
 export var Camera = /*@__PURE__*/defineContainer('taro-camera-core', undefined);
 export var Canvas = /*@__PURE__*/defineContainer('taro-canvas-core', undefined, ['canvasId', 'nativeProps', 'longtap']);
 export var Checkbox = /*@__PURE__*/defineContainer('taro-checkbox-core', undefined, ['name', 'value', 'color', 'id', 'checked', 'disabled', 'nativeProps', 'checkboxchange']);
 export var CheckboxGroup = /*@__PURE__*/defineContainer('taro-checkbox-group-core', undefined, ['name', 'change']);
+export var CommentDetail = /*@__PURE__*/defineContainer('taro-comment-detail-core', undefined);
+export var CommentList = /*@__PURE__*/defineContainer('taro-comment-list-core', undefined);
+export var ContactButton = /*@__PURE__*/defineContainer('taro-contact-button-core', undefined);
 export var CoverImage = /*@__PURE__*/defineContainer('taro-cover-image-core', undefined, ['src', 'nativeProps', 'load', 'error']);
 export var CoverView = /*@__PURE__*/defineContainer('taro-cover-view-core', undefined, ['animation', 'hoverClass', 'hoverStartTime', 'hoverStayTime', 'longpress']);
 export var CustomWrapper = /*@__PURE__*/defineContainer('taro-custom-wrapper-core', undefined);
 export var Editor = /*@__PURE__*/defineContainer('taro-editor-core', undefined);
+export var FollowSwan = /*@__PURE__*/defineContainer('taro-follow-swan-core', undefined);
 export var Form = /*@__PURE__*/defineContainer('taro-form-core', undefined, ['submit']);
 export var FunctionalPageNavigator = /*@__PURE__*/defineContainer('taro-functional-page-navigator-core', undefined);
 export var Icon = /*@__PURE__*/defineContainer('taro-icon-core', undefined, ['type', 'size', 'color']);
 export var Image = /*@__PURE__*/defineContainer('taro-image-core', undefined, ['src', 'mode', 'lazyLoad', 'nativeProps', 'load', 'error']);
+export var InlinePaymentPanel = /*@__PURE__*/defineContainer('taro-inline-payment-panel-core', undefined);
 export var Input = /*@__PURE__*/defineContainer('taro-input-core', undefined, ['value', 'type', 'password', 'placeholder', 'disabled', 'maxlength', 'autoFocus', 'confirmType', 'name', 'nativeProps', 'input', 'paste', 'focus', 'blur', 'confirm', 'change', 'keydown']);
 export var KeyboardAccessory = /*@__PURE__*/defineContainer('taro-keyboard-accessory-core', undefined);
 export var Label = /*@__PURE__*/defineContainer('taro-label-core', undefined, ['for']);
+export var Lifestyle = /*@__PURE__*/defineContainer('taro-lifestyle-core', undefined);
+export var Like = /*@__PURE__*/defineContainer('taro-like-core', undefined);
 export var LivePlayer = /*@__PURE__*/defineContainer('taro-live-player-core', undefined);
 export var LivePusher = /*@__PURE__*/defineContainer('taro-live-pusher-core', undefined);
+export var Login = /*@__PURE__*/defineContainer('taro-login-core', undefined);
+export var Lottie = /*@__PURE__*/defineContainer('taro-lottie-core', undefined);
 export var Map = /*@__PURE__*/defineContainer('taro-map-core', undefined);
 export var MatchMedia = /*@__PURE__*/defineContainer('taro-match-media-core', undefined);
 export var MovableArea = /*@__PURE__*/defineContainer('taro-movable-area-core', undefined, ['scaleArea']);
@@ -46,6 +59,8 @@ export var Radio = /*@__PURE__*/defineContainer('taro-radio-core', undefined, ['
 export var RadioGroup = /*@__PURE__*/defineContainer('taro-radio-group-core', undefined, ['name', 'change']);
 export var RichText = /*@__PURE__*/defineContainer('taro-rich-text-core', undefined, ['nodes']);
 export var RootPortal = /*@__PURE__*/defineContainer('taro-root-portal-core', undefined);
+export var RtcRoom = /*@__PURE__*/defineContainer('taro-rtc-room-core', undefined);
+export var RtcRoomItem = /*@__PURE__*/defineContainer('taro-rtc-room-item-core', undefined);
 export var ScrollView = /*@__PURE__*/defineContainer('taro-scroll-view-core', undefined, ['scrollX', 'scrollY', 'upperThreshold', 'lowerThreshold', 'mpScrollTop', 'mpScrollLeft', 'mpScrollIntoView', 'scrollWithAnimation', 'scroll', 'scrolltoupper', 'scrolltolower']);
 export var ShareElement = /*@__PURE__*/defineContainer('taro-share-element-core', undefined);
 export var Slider = /*@__PURE__*/defineContainer('taro-slider-core', undefined, ['min', 'max', 'step', 'disabled', 'value', 'activeColor', 'backgroundColor', 'blockSize', 'blockColor', 'showValue', 'name', 'change', 'changing']);
@@ -53,7 +68,9 @@ export var Slot = /*@__PURE__*/defineContainer('taro-slot-core', undefined);
 export var Swiper = /*@__PURE__*/defineContainer('taro-swiper-core', undefined, ['indicatorDots', 'indicatorColor', 'indicatorActiveColor', 'autoplay', 'current', 'interval', 'duration', 'circular', 'vertical', 'previousMargin', 'nextMargin', 'displayMultipleItems', 'full', 'change', 'animationfinish']);
 export var SwiperItem = /*@__PURE__*/defineContainer('taro-swiper-item-core', undefined, ['itemId']);
 export var Switch = /*@__PURE__*/defineContainer('taro-switch-core', undefined, ['type', 'checked', 'color', 'name', 'disabled', 'nativeProps', 'change']);
+export var TabItem = /*@__PURE__*/defineContainer('taro-tab-item-core', undefined);
 export var Tabbar = /*@__PURE__*/defineContainer('taro-tabbar', undefined, ['conf', 'longpress']);
+export var Tabs = /*@__PURE__*/defineContainer('taro-tabs-core', undefined);
 export var Text = /*@__PURE__*/defineContainer('taro-text-core', undefined, ['selectable']);
 export var Textarea = /*@__PURE__*/defineContainer('taro-textarea-core', undefined, ['value', 'placeholder', 'disabled', 'maxlength', 'autoFocus', 'autoHeight', 'name', 'nativeProps', 'input', 'focus', 'blur', 'change', 'linechange']);
 export var VideoControl = /*@__PURE__*/defineContainer('taro-video-control', undefined, ['controls', 'currentTime', 'duration', 'isPlaying', 'pauseFunc', 'playFunc', 'seekFunc', 'showPlayBtn', 'showProgress']);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.6.0-canary.2",
+  "version": "3.6.0-canary.3",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -29,8 +29,8 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@tarojs/router": "3.6.0-canary.2",
-    "@tarojs/taro": "3.6.0-canary.2",
+    "@tarojs/router": "3.6.0-canary.3",
+    "@tarojs/taro": "3.6.0-canary.3",
     "classnames": "^2.2.5",
     "hls.js": "^1.1.5",
     "intersection-observer": "^0.7.0",
@@ -39,6 +39,10 @@
     "weui": "^1.1.2"
   },
   "devDependencies": {
+    "@babel/generator": "^7.14.5",
+    "@babel/parser": "^7.14.5",
+    "@babel/traverse": "^7.14.5",
+    "@babel/types": "^7.14.5",
     "@stencil/core": "^2.18.1",
     "@stencil/react-output-target": "0.3.1",
     "@stencil/sass": "^2.0.0",
@@ -46,6 +50,7 @@
     "@types/jest": "^27.4.1",
     "@types/node": "^14.14.31",
     "change-case": "^4.1.2",
+    "csstype": "^3.1.1",
     "jquery": "^3.4.1",
     "lodash": "^4.17.21",
     "miniapp-types": "1.1.14",

package/types/AnimationVideo.d.ts

@@ -0,0 +1,62 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface AnimationVideoProps extends StandardProps {
+  /** 组件使用的 video 视频资源的宽度（单位：px）
+   * @supported swan
+   * @default 800
+   */
+  resourceWidth?: number
+
+  /** 组件使用的 video 视频资源的高度（单位：px）
+   * @supported swan
+   * @default 400
+   */
+  resourceHeight?: number
+
+  /** 用于设置动画画布的 CSS 样式
+   * @supported swan
+   * @default "width: 400px;height: 400px"
+   */
+  canvasStyle?: string
+
+  /** 动画资源地址，支持相对路径以及远程地址。如果是远程路径，注意 response header 里需要设置 Access-Control-Allow-Origin 来防止跨域问题
+   * @supported swan
+   */
+  path?: string
+
+  /** 动画是否循环播放
+   * @supported swan
+   * @default false
+   */
+  loop?: boolean
+
+  /** 动画是否自动播放
+   * @supported swan
+   * @default false
+   */
+  autoplay?: boolean
+
+  /** 视频资源中 alpha 通道的方向，left 表示 alpha 通道在资源的左边，right 表示 alpha 通道在资源的右边。详情请参考透明视频设计资源示例
+   * @supported swan
+   * @default "left"
+   */
+  alphaDirection?: string
+
+  /** 动画开始播放的回调
+   * @supported swan
+   */
+  onStarted?: CommonEventFunction
+
+  /** 当播放到末尾时触发 ended 事件（自然播放结束会触发回调，循环播放结束及暂停动画不会触发）
+   * @supported swan
+   */
+  onEnded?: CommonEventFunction
+}
+
+/** 透明视频动画
+ * @classification media
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/animation-video/
+ */
+declare const AnimationVideo: ComponentType<AnimationVideoProps>
+export { AnimationVideo, AnimationVideoProps }

package/types/AnimationView.d.ts

@@ -0,0 +1,45 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface AnimationViewProps extends StandardProps {
+  /** 动画资源地址，目前只支持绝对路径
+   * @supported swan
+   */
+  path?: string
+
+  /** 动画是否循环播放
+   * @supported swan
+   * @default false
+   */
+  loop?: boolean
+
+  /** 动画是否自动播放
+   * @supported swan
+   * @default true
+   */
+  autoplay?: boolean
+
+  /** 动画操作，可取值 play、pause、stop
+   * @supported swan
+   * @default "play"
+   */
+  action?: 'play' | 'pause' | 'stop'
+
+  /** 是否隐藏动画
+   * @supported swan
+   * @default true
+   */
+  hidden?: boolean
+
+  /** 当播放到末尾时触发 ended 事件（自然播放结束会触发回调，循环播放结束及手动停止动画不会触发）
+   * @supported swan
+   */
+  onEnded?: CommonEventFunction
+}
+
+/** Lottie 动画
+ * @classification media
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/animation-view-Lottie/
+ */
+declare const AnimationView: ComponentType<AnimationViewProps>
+export { AnimationView, AnimationViewProps }

package/types/ArCamera.d.ts

@@ -0,0 +1,50 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface ArCameraProps extends StandardProps {
+  /** AR 项目唯一标识，在 DuMixAR 内容开放平台上传生成 AR 项目后获取 AR Key
+   * @supported swan
+   */
+  key?: string
+
+  /** AR 相机类型，在 DuMixAR 内容开放平台上传生成 AR 项目后获取 AR Type：
+   * 2D 跟踪类型：0
+   * SLAM 类型：5
+   * IMU 类型：8
+   * @supported swan
+   */
+  type?: '0' | '5' | '8'
+
+  /** 闪光灯，值为 auto、on、off
+   * @supported swan
+   * @default "off"
+   */
+  flash?: 'auto' | 'on' | 'off'
+
+  /** 用户不允许使用摄像头或扫码失败时触发
+   * @supported swan
+   */
+  onError?: CommonEventFunction
+
+  /** AR 加载成功时触发
+   * @supported swan
+   */
+  onLoad?: CommonEventFunction
+
+  /** 开发者制作 AR 项目时可自定义按键，用户点击时会收到事件和数据，用户自定义事件格式参见代码示例 2：用户自定义事件
+   * @supported swan
+   */
+  onMessage?: CommonEventFunction
+
+  /** 扫描识图结束后触发
+   * @supported swan
+   */
+  onScanCode?: CommonEventFunction
+}
+
+/** AR 相机
+ * @classification media
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/media_ar-camera/
+ */
+declare const ArCamera: ComponentType<ArCameraProps>
+export { ArCamera, ArCameraProps }

package/types/AwemeData.d.ts

@@ -0,0 +1,43 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface AwemeDataProps extends StandardProps {
+  /** 用户的抖音号，可以进入抖音 App 用户个人主页查看
+   * @supported tt
+   */
+  awemeId?: string
+
+  /** 类型，可以选择头像或昵称
+   * @supported tt
+   * @default "avatar"
+   */
+  type?: string
+
+  /** 禁用默认行为。点击头像时，如果用户处于直播状态下默认会跳转到直播间，非直播状态下跳转到个人主页。如果为 true，点击头像时不会有默认行为。
+   * @supported tt
+   * @default false
+   */
+  disableDefault?: boolean
+
+  /** 获取信息失败时显示的默认头像 url
+   * @supported tt
+   */
+  defaultAvatar?: string
+
+  /** 获取信息失败时显示的默认昵称文本
+   * @supported tt
+   */
+  defaultText?: string
+
+  /** 当错误发生时触发
+   * @supported tt
+   */
+  onError?: CommonEventFunction
+}
+
+/** 直播间状态组件
+ * @classification open
+ * @supported tt
+ * @see https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/component/open-capacity/aweme-data/
+ */
+declare const AwemeData: ComponentType<AwemeDataProps>
+export { AwemeData, AwemeDataProps }

package/types/CommentDetail.d.ts

@@ -0,0 +1,71 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface CommentDetailProps extends StandardProps {
+  /** 评论核心参数
+   * @supported swan
+   */
+  commentParam: CommentDetailProps.ICommentParam
+
+  /** 评论 ID
+   * @supported swan
+   */
+  srid: string
+
+  /** 滚动方式为页面滚动，若组件作为浮层使用，该参数需设为 false
+   * @supported swan
+   * @default true
+   */
+  isPageScroll?: boolean
+
+  /** 是否需要底部 toolbar，若使用开发者自定义的底部 toolbar，该参数需设为 false
+   * @supported swan
+   * @default true
+   */
+  needToolbar?: boolean
+
+  /** 是否需要详情顶部父级评论的点赞按钮，默认显示
+   * @supported swan
+   * @default true
+   */
+  needLikeBtn?: boolean
+
+  /** 删除详情后是否返回列表项，默认一站式逻辑。若使用浮层，请设置改属性为 false
+   * @supported swan
+   * @default true
+   */
+  backListAfterDelete?: boolean
+
+  /** 用于调起评论发布器发布评论
+   * @supported swan
+   * @default false
+   */
+  addComment?: boolean
+
+  /** 删除整体详情内容时触发，返回数据为{status, data:{srid}}
+   * @supported swan
+   */
+  onDelete?: CommonEventFunction
+}
+
+namespace CommentDetailProps {
+  interface ICommentParam {
+    /** 被点赞的文章的 id，与 path 参数一一对应
+     * @example "20200101"
+     */
+    snid: string
+    /** 文章标题 */
+    title: string
+    /** 智能小程序内页链接，最长不能超过 194 字符
+     * @example "/pages/index/index"
+     */
+    path: string
+  }
+}
+
+/** 评论详情
+ * @classification open
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/extended/component-content/comment-detail/
+ */
+declare const CommentDetail: ComponentType<CommentDetailProps>
+export { CommentDetail, CommentDetailProps }

package/types/CommentList.d.ts

@@ -0,0 +1,124 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface CommentListProps extends StandardProps {
+  /** 评论核心参数
+   * @supported swan
+   */
+  commentParam: CommentListProps.ICommentParam
+
+  /** 底部 toolbar 的相关配置
+   * @supported swan
+   */
+  toolbarConfig?: CommentListProps.IToolbarConfig
+
+  /** 滚动方式为页面滚动，若组件作为浮层使用，该参数需设为 false
+   * @supported swan
+   * @default true
+   */
+  isPageScroll?: boolean
+
+  /** 是否需要底部 toolbar ，若使用开发者自定义的底部 toolbar ，该参数需设为 false
+   * @supported swan
+   * @default true
+   */
+  needToolbar?: boolean
+
+  /** 用于调起评论发布器发布评论，发布成功插入列表第一条，且滚动到列表顶部
+   * @supported swan
+   * @default false
+   */
+  addComment?: boolean
+
+  /** 点击单条评论跳转的详情页页面 path ，若没有配置则不会发生跳转；配置的前提是列表与详情均是页面级
+   * @supported swan
+   */
+  detailPath?: string
+
+  /** 是否折叠列表，默认全展示
+   * @supported swan
+   * @default false
+   */
+  isFolded?: boolean
+
+  /** 折叠后列表展示最大条数，默认 3 条，最多 10 条
+   * @supported swan
+   * @default 3
+   */
+  foldNum?: number
+
+  /** 传入放置评论组件的页面路径，如'/pages/list/index'，组件内部会触发跳转逻辑
+   * @supported swan
+   */
+  viewMorePath?: string
+
+  /** 『全部 xx 条』的样式，目前只支持开发者自定义字体颜色
+   * @supported swan
+   */
+  viewMoreStyle?: CommentListProps.IViewMoreStyle
+
+  /** 绑定点击单条评论的事件，点击单条评论时触发，返回数据为{status, data:{srid}}
+   * @supported swan
+   */
+  onClickComment?: CommonEventFunction
+
+  /** 绑定点击更多事件，若除了页面跳转还需要其他操作，可通过该回调执行；若为浮层，也可使用该回调自定义交互逻辑
+   * @supported swan
+   */
+  onViewMore?: CommonEventFunction
+}
+
+namespace CommentListProps {
+  interface ICommentParam {
+    /** 被点赞的文章的 id，与 path 参数一一对应
+     * @example "20200101"
+     */
+    snid: string
+    /** 文章标题 */
+    title: string
+    /** 智能小程序内页链接，最长不能超过 194 字符
+     * @example "/pages/index/index"
+     */
+    path: string
+    /** 数组第一项用于收藏功能的展示图片
+     * @default ['https://b.bdstatic.com/miniapp/images/demo-dog.png']
+     */
+    images?: string[]
+  }
+
+  interface IToolbarConfig {
+    /** 输入框提示文字 */
+    placeholder?: string
+    /** 显示的互动模块，对应默认值分别是：评论数、点赞、收藏、分享
+     * @default ['comment', 'like', 'favor', 'share']
+     */
+    moduleList?: string
+    /** 若 moduleList 里配置了 share 模块，该参数为必填 */
+    share?: IShare
+  }
+
+  interface IShare {
+    /** 分享标题 */
+    title: string
+    /** 分享内容 */
+    content?: string
+    /** 分享图标 */
+    imageUrl?: string
+    /** 页面 path ，必须是以 / 开头的完整路径，如果 path 中参数包含中文字符，需对中文字符进行编码 */
+    path?: string
+  }
+
+  interface IViewMoreStyle {
+    /** 『全部 xx 条』的字体颜色，默认为视觉提供色号，开发者可传入自定义色号
+     * @default "#3388ff"
+     */
+    color?: string
+  }
+}
+
+/** 评论列表
+ * @classification open
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/extended/component-content/comment-list/
+ */
+declare const CommentList: ComponentType<CommentListProps>
+export { CommentList, CommentListProps }

package/types/ContactButton.d.ts

@@ -0,0 +1,53 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface ContactButtonProps extends StandardProps {
+  /** 必填。企业唯一编码，一个企业支付宝账号对应一个编码。
+   * @supported alipay
+   */
+  tntInstId: string
+
+  /** 必填。聊天窗编码，每个聊天窗的唯一编码。
+   * @supported alipay
+   */
+  scene: string
+
+  /** 选填。咨询按钮大小，正方形设置边长（如25*25 px）。
+   * @supported alipay
+   * @default 25
+   */
+  size?: number | string
+
+  /** 选填。咨询按钮颜色，默认白底蓝色。
+   * @supported alipay
+   * @default "#00A3FF"
+   */
+  color?: string
+
+  /** 选填。咨询按钮头像。
+   * @supported alipay
+   */
+  icon?: string
+
+  /** 选填。支付宝访客用户ID（2088开头）。
+   * 说明： 客服回答问题时，如客户已离开咨询窗口，则通过推送消息到支付宝 card 中提醒客户。
+   * @supported alipay
+   */
+  alipayCardNo?: string
+
+  /** 选填。该属性主要用于传递一些扩展信息给组件，以实现一些高级功能。该属性值的生成方式为：encodeURIComponent({"字段名":"字段值"})， 其中，字段名和字段值要根据实际使用的功能进行替换。
+   * 目前通过传入扩展信息可支持的 3 个功能：
+   * 1.访客名片。需传 cinfo 和 key 两个扩展字段，代码形如在云客服中进入 设置 > 服务窗配置 > 聊天窗 URL。点击操作栏中的 聊天窗 URL ，获取 tntInstId（企业编码）和 scene（聊天窗编码）。encodeURIComponent({"cinfo":"生成的 cinfo","key":"生成的key"})，cinfo 和 key 的值说明 支付宝小程序接入访客名片；
+   * 2.聊天窗默认带出用户的小程序订单数据。需传 appId 字段，代码形如encodeURIComponent({"appId":"商户小程序appid"})
+   * 3.未读客服消息同步至"我的小程序-我的"。同样需传 appId 字段，代码形如 encodeURIComponent({"appId":"商户小程序appid"})。
+   * @supported alipay
+   */
+  extInfo?: string
+}
+
+/** 智能客服
+ * @classification open
+ * @supported alipay
+ * @see https://opendocs.alipay.com/mini/component/contact-button
+ */
+declare const ContactButton: ComponentType<ContactButtonProps>
+export { ContactButton, ContactButtonProps }

package/types/FollowSwan.d.ts

@@ -0,0 +1,28 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface FollowSwanProps extends StandardProps {
+  /** 组件大小
+   * @supported swan
+   * @default "default"
+   */
+  size?: string
+
+  /** 组件样式
+   * @supported swan
+   * @default "primary"
+   */
+  type?: string
+
+  /** 关注和取消关注成功的回调，返回关注状态 {isFavor: true|false}
+   * @supported swan
+   */
+  onFavorStatusChange?: CommonEventFunction
+}
+
+/** 关注小程序
+ * @classification open
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/extended/component-content/follow-swan/
+ */
+declare const FollowSwan: ComponentType<FollowSwanProps>
+export { FollowSwan, FollowSwanProps }

package/types/InlinePaymentPanel.d.ts

@@ -0,0 +1,58 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface InlinePaymentPanelProps extends StandardProps {
+  /** 总金额，金额单位分，tip：仅支持整数型字符串
+   * @supported swan
+   */
+  totalAmount?: string
+
+  /** 百度收银台的财务结算凭证，详见平台术语
+   * @supported swan
+   */
+  dealId?: string
+
+  /** 支付能力开通后分配的支付 appKey，详见平台术语
+   * @supported swan
+   */
+  appKey?: string
+
+  /** 平台营销信息，此处传当前订单中可使用平台券的 spuid，同时需在 支付能力中搭配使用传入该参数；注：仅与百度合作平台类目券的开发者需要填写该参数
+   * @supported swan
+   */
+  promotionTag?: string | Array<string>
+
+  /** 是否设置挽留弹窗
+   * @supported swan
+   * @default false
+   */
+  enablePageBackModal?: boolean
+
+  /** 自定义样式设置
+   * @supported swan
+   */
+  customStyle?: string
+
+  /** 自定义样式档位配置，各档位配置项包括支付渠道/优惠券条高度、渠道图标大小、支付渠道文案字体大小、营销文案字体大小、选择器图标大小
+   * @supported swan
+   * @default "default"
+   */
+  styleType?: 'tiny' | 'small' | 'default' | 'medium' | 'large'
+
+  /** 获取支付相关信息，具体信息在返回值的 detail 字段中
+   * @supported swan
+   */
+  onGetPaymentInfo?: CommonEventFunction
+
+  /** 当发生错误时触发 error 事件，具体信息在返回值的 detail 字段中，例如 {detail: {errMsg: "something is wrong"}}
+   * @supported swan
+   */
+  onError?: CommonEventFunction
+}
+
+/** 内嵌支付组件
+ * @classification open
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/inline_payment_panel/
+ */
+declare const InlinePaymentPanel: ComponentType<InlinePaymentPanelProps>
+export { InlinePaymentPanel, InlinePaymentPanelProps }

package/types/Lifestyle.d.ts

@@ -0,0 +1,26 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface LifestyleProps extends StandardProps {
+  /** 必填，生活号 ID（即生活号 APPID），必须是当前小程序同账号主体且已关联的生活号。
+   * @supported alipay
+   */
+  publicId?: string
+
+  /** 文案。支持商家自定义，最多展示一行。
+   * @supported alipay
+   */
+  memo?: string
+
+  /** 当用户关注生活号成功后执行。
+   * @supported alipay
+   */
+  onFollow?: CommonEventFunction
+}
+
+/** 关注生活号
+ * @classification open
+ * @supported alipay
+ * @see https://opendocs.alipay.com/mini/component/lifestyle
+ */
+declare const Lifestyle: ComponentType<LifestyleProps>
+export { Lifestyle, LifestyleProps }