@tarojs/components 3.6.0-canary.1 → 3.6.0-canary.11

package/lib/vue3/vue-component-lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../taro-components-library-vue3/src/vue-component-lib/utils.ts"],"sourcesContent":["import { VNode, defineComponent, getCurrentInstance, h, inject, ref, Ref } from 'vue';\n\nexport interface InputProps<T> {\n  modelValue?: T;\n}\n\nconst UPDATE_VALUE_EVENT = 'update:modelValue';\nconst MODEL_VALUE = 'modelValue';\nconst ROUTER_LINK_VALUE = 'routerLink';\nconst NAV_MANAGER = 'navManager';\nconst ROUTER_PROP_PREFIX = 'router';\n\n/**\n * Starting in Vue 3.1.0, all properties are\n * added as keys to the props object, even if\n * they are not being used. In order to correctly\n * account for both value props and v-model props,\n * we need to check if the key exists for Vue <3.1.0\n * and then check if it is not undefined for Vue >= 3.1.0.\n * See https://github.com/vuejs/vue-next/issues/3889\n */\nconst EMPTY_PROP = Symbol();\nconst DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };\n\ninterface NavManager<T = any> {\n  navigate: (options: T) => void;\n}\n\nconst getComponentClasses = (classes: unknown) => {\n  return (classes as string)?.split(' ') || [];\n};\n\nconst getElementClasses = (ref: Ref<HTMLElement | undefined>, componentClasses: Set<string>, defaultClasses: string[] = []) => {\n  return [ ...Array.from(ref.value?.classList || []), ...defaultClasses ]\n    .filter((c: string, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);\n};\n\n/**\n* Create a callback to define a Vue component wrapper around a Web Component.\n*\n* @prop name - The component tag name (i.e. `ion-button`)\n* @prop componentProps - An array of properties on the\n* component. These usually match up with the @Prop definitions\n* in each component's TSX file.\n* @prop customElement - An option custom element instance to pass\n* to customElements.define. Only set if `includeImportCustomElements: true` in your config.\n* @prop modelProp - The prop that v-model binds to (i.e. value)\n* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)\n* @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been\n* correctly updated when a user's event callback fires.\n*/\nexport const defineContainer = <Props, VModelType=string|number|boolean>(\n  name: string,\n  defineCustomElement: any,\n  componentProps: string[] = [],\n  modelProp?: string,\n  modelUpdateEvent?: string,\n  externalModelUpdateEvent?: string\n) => {\n  /**\n  * Create a Vue component wrapper around a Web Component.\n  * Note: The `props` here are not all properties on a component.\n  * They refer to whatever properties are set on an instance of a component.\n  */\n\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const Container = defineComponent<Props & InputProps<VModelType>>((props: any, { attrs, slots, emit }) => {\n    let modelPropValue = props[modelProp];\n    const containerRef = ref<HTMLElement>();\n    const classes = new Set(getComponentClasses(attrs.class));\n    const onVnodeBeforeMount = (vnode: VNode) => {\n      // Add a listener to tell Vue to update the v-model\n      if (vnode.el) {\n        const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];\n        eventsNames.forEach((eventName: string) => {\n          vnode.el!.addEventListener(eventName.toLowerCase(), (e: Event) => {\n            modelPropValue = (e?.target as any)[modelProp];\n            emit(UPDATE_VALUE_EVENT, modelPropValue);\n\n            /**\n             * We need to emit the change event here\n             * rather than on the web component to ensure\n             * that any v-model bindings have been updated.\n             * Otherwise, the developer will listen on the\n             * native web component, but the v-model will\n             * not have been updated yet.\n             */\n            if (externalModelUpdateEvent) {\n              emit(externalModelUpdateEvent, e);\n            }\n          });\n        });\n      }\n    };\n\n    const currentInstance = getCurrentInstance();\n    const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];\n    const navManager: NavManager | undefined = hasRouter ? inject(NAV_MANAGER) : undefined;\n    const handleRouterLink = (ev: Event) => {\n      const { routerLink } = props;\n      if (routerLink === EMPTY_PROP) return;\n\n      if (navManager !== undefined) {\n        let navigationPayload: any = { event: ev };\n        for (const key in props) {\n          const value = props[key];\n          if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {\n            navigationPayload[key] = value;\n          }\n        }\n\n        navManager.navigate(navigationPayload);\n      } else {\n        console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');\n      }\n    }\n\n    return () => {\n      modelPropValue = props[modelProp];\n\n      getComponentClasses(attrs.class).forEach(value => {\n        classes.add(value);\n      });\n\n      const oldClick = props.onClick;\n      const handleClick = (ev: Event) => {\n        if (oldClick !== undefined) {\n          oldClick(ev);\n        }\n        if (!ev.defaultPrevented) {\n          handleRouterLink(ev);\n        }\n      }\n\n      let propsToAdd: any = {\n        ref: containerRef,\n        class: getElementClasses(containerRef, classes),\n        onClick: handleClick,\n        onVnodeBeforeMount: (modelUpdateEvent) ? onVnodeBeforeMount : undefined\n      };\n\n      /**\n       * We can use Object.entries here\n       * to avoid the hasOwnProperty check,\n       * but that would require 2 iterations\n       * where as this only requires 1.\n       */\n      for (const key in props) {\n        const value = props[key];\n        if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {\n          propsToAdd[key] = value;\n        }\n      }\n\n      if (modelProp) {\n        /**\n         * If form value property was set using v-model\n         * then we should use that value.\n         * Otherwise, check to see if form value property\n         * was set as a static value (i.e. no v-model).\n         */\n        if (props[MODEL_VALUE] !== EMPTY_PROP) {\n          propsToAdd = {\n            ...propsToAdd,\n            [modelProp]: props[MODEL_VALUE]\n          }\n        } else if (modelPropValue !== EMPTY_PROP) {\n          propsToAdd = {\n            ...propsToAdd,\n            [modelProp]: modelPropValue\n          }\n        }\n      }\n\n      return h(name, propsToAdd, slots.default && slots.default());\n    }\n  });\n\n  Container.displayName = name;\n\n  Container.props = {\n    [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP\n  };\n\n  componentProps.forEach(componentProp => {\n    Container.props[componentProp] = DEFAULT_EMPTY_PROP;\n  });\n\n  if (modelProp) {\n    Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;\n    Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent];\n  }\n\n  return Container;\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.6.0-canary.1",
+  "version": "3.6.0-canary.11",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -13,6 +13,7 @@
   ],
   "files": [
     "dist",
+    "lib",
     "loader",
     "mini",
     "types",
@@ -29,26 +30,32 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@tarojs/router": "3.6.0-canary.1",
-    "@tarojs/taro": "3.6.0-canary.1",
     "classnames": "^2.2.5",
     "hls.js": "^1.1.5",
     "intersection-observer": "^0.7.0",
     "resolve-pathname": "^3.0.0",
     "swiper": "6.8.0",
-    "weui": "^1.1.2"
+    "weui": "^1.1.2",
+    "@tarojs/components-advanced": "3.6.0-canary.11",
+    "@tarojs/router": "3.6.0-canary.11",
+    "@tarojs/taro": "3.6.0-canary.11"
   },
   "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",
     "@stencil/vue-output-target": "0.6.2",
     "@types/jest": "^27.4.1",
     "@types/node": "^14.14.31",
-    "humps": "^2.0.1",
+    "change-case": "^4.1.2",
+    "csstype": "^3.1.1",
     "jquery": "^3.4.1",
     "lodash": "^4.17.21",
-    "miniapp-types": "latest",
+    "miniapp-types": "1.1.21",
     "puppeteer": "^19.2.0",
     "stencil-vue2-output-target": "0.0.4",
     "ts-node": "^10.9.1",
@@ -66,13 +73,14 @@
     }
   },
   "scripts": {
+    "preinstall": "mkdir -p lib",
     "build": "cross-env NODE_ENV=production run-s build:components build:library",
     "build:components": "stencil build --config stencil.config.ts",
     "build:library": "pnpm --filter @tarojs/components-library-react --filter @tarojs/components-library-vue2 --filter @tarojs/components-library-vue3 run build:ci",
     "dev:components": "cross-env NODE_ENV=development pnpm run build:components --watch",
-    "dev:library-react": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-react run build:ci --watch",
-    "dev:library-vue2": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue2 run build:ci --watch",
-    "dev:library-vue3": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue3 run build:ci --watch",
+    "dev:library-react": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-react run dev",
+    "dev:library-vue2": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue2 run dev",
+    "dev:library-vue3": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue3 run dev",
     "test": "cross-env NODE_ENV=test stencil test --spec --e2e",
     "test:ci": "pnpm run test --ci --no-build",
     "test:coverage": "pnpm run test --ci --screenshot --coverage",

package/types/Ad.d.ts

@@ -199,7 +199,7 @@ declare namespace AdProps {
 
 /** Banner 广告
  * @classification open
- * @supported weapp, tt
+ * @supported weapp, swan, tt, qq
  * @example_react
  * ```tsx
  * class App extends Component {

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/Audio.d.ts

@@ -107,7 +107,7 @@ declare namespace AudioProps {
 /** 音频。1.6.0版本开始，该组件不再维护。建议使用能力更强的 Taro.createInnerAudioContext 接口
  * @classification media
  * @deprecated
- * @supported weapp, h5, swan
+ * @supported weapp, swan, qq, h5
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

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/Button.d.ts

@@ -526,7 +526,7 @@ declare namespace ButtonProps {
 
 /** 按钮
  * @classification forms
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
  * @example_react
  * ```tsx
  * export default class PageButton extends Component {

package/types/Camera.d.ts

@@ -149,7 +149,7 @@ declare namespace CameraProps {
 
 /** 系统相机
  * @classification media
- * @supported weapp, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/camera.html
  */
 declare const Camera: ComponentType<CameraProps>

package/types/Canvas.d.ts

@@ -88,7 +88,7 @@ declare namespace CanvasProps {
  *
  * `<Canvas />` 组件的 RN 版本尚未实现。
  * @classification canvas
- * @supported weapp, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/Checkbox.d.ts

@@ -43,7 +43,7 @@ interface CheckboxProps extends StandardProps {
 
 /** 多选项目
  * @classification forms
- * @supported weapp, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
  * @example_react
  * ```tsx
  * export default class PageCheckbox extends Component {

package/types/CheckboxGroup.d.ts

@@ -16,7 +16,7 @@ interface CheckboxGroupProps extends StandardProps, FormItemProps {
 
 /** 多项选择器，内部由多个checkbox组成
  * @classification forms
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
  * @example
  * ```tsx
  * export default class PageCheckbox extends Component {

package/types/CommentDetail.d.ts

@@ -0,0 +1,72 @@
+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,127 @@
+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/CoverImage.d.ts

@@ -59,7 +59,7 @@ interface CoverImageProps extends StandardProps {
 
 /** 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。
  * @classification viewContainer
- * @supported weapp, swan, alipay, h5
+ * @supported weapp, alipay, swan, qq, h5, harmony
  * @example_react
  * ```tsx
  * // js