@tarojs/components 3.6.0-canary.9 → 3.6.0

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

@@ -10,3 +10,12 @@ export interface CustomElementsDefineOptions {
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
+
+/** 
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.6.0-canary.9",
+  "version": "3.6.0",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -13,6 +13,7 @@
   ],
   "files": [
     "dist",
+    "lib",
     "loader",
     "mini",
     "types",
@@ -29,22 +30,22 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "@stencil/core": "^2.18.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",
-    "@tarojs/components-advanced": "3.6.0-canary.9",
-    "@tarojs/router": "3.6.0-canary.9",
-    "@tarojs/taro": "3.6.0-canary.9"
+    "@tarojs/components-advanced": "3.6.0-beta.4",
+    "@tarojs/router": "3.6.0",
+    "@tarojs/taro": "3.6.0"
   },
   "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",
@@ -54,7 +55,7 @@
     "csstype": "^3.1.1",
     "jquery": "^3.4.1",
     "lodash": "^4.17.21",
-    "miniapp-types": "1.1.21",
+    "miniapp-types": "1.4.1",
     "puppeteer": "^19.2.0",
     "stencil-vue2-output-target": "0.0.4",
     "ts-node": "^10.9.1",
@@ -72,13 +73,14 @@
     }
   },
   "scripts": {
+    "prebuild": "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/ChannelLive.d.ts

@@ -0,0 +1,22 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+
+interface ChannelLiveProps extends StandardProps {
+  /** 视频 feedId
+   * @supported weapp
+   */
+  feedId: string
+
+  /** 视频号 id，以“sph”开头的id，可在视频号助手获取。视频号必须与当前小程序相同主体。
+   * @supported weapp
+   */
+  finderUserName: string
+}
+
+/**
+ * 小程序内嵌视频号直播组件，展示视频号直播状态和封面，并无弹窗跳转至视频号。注意：使用该组件打开的视频号视频需要与小程序的主体一致。
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/channel-live.html
+ */
+declare const ChannelLive: ComponentType<ChannelLiveProps>
+export { ChannelLive, ChannelLiveProps }

package/types/CoverImage.d.ts

@@ -2,7 +2,7 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction } from './common'
 interface CoverImageProps extends StandardProps {
   /** 图标路径，支持临时路径、网络地址、云文件ID。暂不支持base64格式。
-   * @supported weapp, alipay, swan, qq, h5
+   * @supported weapp, alipay, swan, qq, jd, h5
    */
   src: string
 
@@ -42,12 +42,12 @@ interface CoverImageProps extends StandardProps {
   ariaLabel?: string
 
   /** 图片加载成功时触发
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, jd, h5
    */
   onLoad?: CommonEventFunction
 
   /** 图片加载失败时触发
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, jd, h5
    */
   onError?: CommonEventFunction
 
@@ -59,7 +59,7 @@ interface CoverImageProps extends StandardProps {
 
 /** 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view，支持嵌套在cover-view里。
  * @classification viewContainer
- * @supported weapp, alipay, swan, qq, h5, harmony
+ * @supported weapp, alipay, swan, qq, jd, h5, harmony
  * @example_react
  * ```tsx
  * // js

package/types/CoverView.d.ts

@@ -3,7 +3,7 @@ import { CommonEventFunction } from './common'
 import { ViewProps } from './View'
 interface CoverViewProps extends ViewProps {
   /** 设置顶部滚动偏移量，仅在设置了 overflow-y: scroll 成为滚动元素后生效
-   * @supported weapp, alipay, swan, qq
+   * @supported weapp, alipay, swan, qq, jd
    */
   scrollTop?: number
 
@@ -143,7 +143,7 @@ interface CoverViewProps extends ViewProps {
 
 /** 覆盖在原生组件之上的文本视图。可覆盖的原生组件包括 map、video、canvas、camera、live-player、live-pusher 只支持嵌套 cover-view、cover-image，可在 cover-view 中使用 button。
  * @classification viewContainer
- * @supported weapp, alipay, swan, qq, h5
+ * @supported weapp, alipay, swan, qq, jd, h5
  * @example_react
  * ```tsx
  * // js

package/types/Form.d.ts

@@ -36,6 +36,12 @@ interface FormProps extends StandardProps {
    */
   subscribeId?: string
 
+  /** 是否开启免授权订阅。report-type 为 subscribe，template-id 与 subscribe-id 必填时设置该属性生效。
+   * 注意：只有白名单内小程序可使用此功能。
+   * @supported swan
+   */
+  skipSubscribeAuthorize?: boolean
+
   /** 携带 form 中的数据触发 submit 事件
    * @supported weapp, alipay, swan, tt, qq, jd, rn
    */

package/types/Input.d.ts

@@ -187,17 +187,17 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   alwaysSystem?: boolean
 
-  /** 使用原生键盘
-   * @default true
-   * @supported alipay
-   */
-  enableNative?: boolean
-
   /** 无障碍访问，（属性）元素的额外描述
    * @supported qq
    */
   ariaLabel?: string
 
+  /** 是否启用原生键盘。
+   * @supported alipay
+   * @default true
+   */
+  enableNative?: boolean
+
   /** 当键盘输入时，触发input事件，event.detail = {value, cursor, keyCode}，处理函数可以直接 return 一个字符串，将替换输入框的内容。
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
@@ -223,6 +223,11 @@ interface InputProps extends StandardProps, FormItemProps {
    * @supported weapp, qq
    */
   onKeyboardHeightChange?: CommonEventFunction<InputProps.onKeyboardHeightChangeEventDetail>
+
+  /** 用户昵称审核完毕后触发，仅在 type 为 "nickname" 时有效，event.detail = { pass, timeout }
+   * @supported weapp
+   */
+  onNickNameReview?: CommonEventFunction
 }
 declare namespace InputProps {
   /** Input 类型 */

package/types/LivePusher.d.ts

@@ -23,6 +23,12 @@ interface LivePusherProps extends StandardProps {
    */
   autopush?: boolean
 
+  /** 自定义渲染，允许开发者自行处理所采集的视频帧
+   * @default false
+   * @supported weapp
+   */
+  enableVideoCustomRender?: boolean
+
   /** 是否静音。即将废弃，可用 enable-mic 替代
    * @default false
    * @deprecated
@@ -191,6 +197,36 @@ interface LivePusherProps extends StandardProps {
    */
   pictureInPictureMode?: string | any[]
 
+  /** 是否启动自定义特效，设定后不能更改
+   * @supported weapp
+   * @default false
+   */
+  customEffect?: boolean
+
+  /** 自定义特效美白效果，取值 0~1。需要开启 custom-effect
+   * @supported weapp
+   * @default 0
+   */
+  skinWhiteness?: number
+
+  /** 自定义特效磨皮效果，取值 0~1。需要开启 custom-effect
+   * @supported weapp
+   * @default 0
+   */
+  skinSmoothness?: number
+
+  /** 自定义特效瘦脸效果，取值 0~1。需要开启 custom-effect
+   * @supported weapp
+   * @default 0
+   */
+  faceThinness?: number
+
+  /** 自定义特效大眼效果，取值 0~1。需要开启 custom-effect
+   * @supported weapp
+   * @default 0
+   */
+  eyeBigness?: number
+
   /** 状态变化事件，detail = {code}
    * @supported weapp, qq
    */
@@ -287,6 +323,9 @@ declare namespace LivePusherProps {
 
   /** audioVolumeType 的合法值 */
   interface AudioVolumeType {
+    /** 自动 */
+    auto
+
     /** 媒体音量 */
     media
 

package/types/Map.d.ts

@@ -208,6 +208,12 @@ interface MapProps extends StandardProps {
    */
   optimize?: string
 
+  /** 开启最大俯视角，俯视角度从 45 度拓展到 75 度
+   * @supported weapp
+   * @default false
+   */
+  enableAutoMaxOverlooking?: boolean
+
   /** 展示3D楼块
    * @supported weapp, swan, tt, qq
    * @default false

package/types/MovableArea.d.ts

@@ -3,14 +3,14 @@ import { StandardProps } from './common'
 interface MovableAreaProps extends StandardProps {
   /** 当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 movable-area
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5
    */
   scaleArea?: boolean
 }
 
 /** movable-view 的可移动区域
  * @classification viewContainer
- * @supported weapp, alipay, swan, tt, qq, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/Radio.d.ts

@@ -2,25 +2,25 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface RadioProps extends StandardProps {
   /** `<Radio/>` 标识。当该`<Radio/>` 选中时，`<RadioGroup/>`的 change 事件会携带`<Radio/>`的 value
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   value?: string
 
   /** 当前是否选中
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   checked?: boolean
 
   /** 是否禁用
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   disabled?: boolean
 
   /** Radio 的颜色，同 css 的 color
    * @default "#09BB07"
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   color?: string
 
@@ -34,8 +34,8 @@ interface RadioProps extends StandardProps {
    */
   ariaLabel?: string
 
-  /** <radio-group/> 中的选中项发生变化时触发 change 事件，event.detail = {value: 选中项radio的value}
-   * @supported jd
+  /** <radio-group/> 中的选中项发生变化时触发 change 事件
+   * @supported h5, rn
    */
   onChange?: CommonEventFunction<{
     value?: string

package/types/RadioGroup.d.ts

@@ -7,7 +7,7 @@ interface RadioGroupProps extends StandardProps, FormItemProps {
   name?: string
 
   /** RadioGroup 中选中项发生改变时触发 change 事件，detail = {value:[选中的radio的value的数组]}
-   * @supported weapp, alipay, swan, tt, qq, h5
+   * @supported weapp, alipay, swan, tt, qq, jd, h5
    */
   onChange?: CommonEventFunction
 }
@@ -19,7 +19,7 @@ declare namespace RadioGroupProps {
 
 /** 单项选择器，内部由多个 Radio 组成。
  * @classification forms
- * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/radio-group.html
  */
 declare const RadioGroup: ComponentType<RadioGroupProps>

package/types/ScrollView.d.ts

@@ -55,7 +55,7 @@ interface ScrollViewProps extends StandardProps {
   enableBackToTop?: boolean
 
   /** 启用 flexbox 布局。开启后，当前节点声明了 `display: flex` 就会成为 flex container，并作用于其孩子节点。
-   * @supported weapp, jd
+   * @supported weapp
    * @default false
    */
   enableFlex?: boolean

package/types/ShareElement.d.ts

@@ -6,11 +6,6 @@ interface ShareElementProps extends StandardProps {
    */
   key?: string
 
-  /** 映射标记
-   * @supported weapp
-   */
-  mapkey?: string
-
   /** 映射标记
    * @supported alipay
    */

package/types/Swiper.d.ts

@@ -75,7 +75,7 @@ interface SwiperProps extends StandardProps {
   /**
    * 当 swiper-item 的个数大于等于 2，关闭 circular 并且开启 previous-margin 或 next-margin 的时候，可以指定这个边距是否应用到第一个、最后一个元素
    * @default false
-   * @supported weapp, alipay, jd
+   * @supported weapp, alipay
    */
   snapToEdge?: boolean
 
@@ -174,7 +174,7 @@ interface SwiperProps extends StandardProps {
   onChange?: CommonEventFunction<SwiperProps.onChangeEventDetail>
 
   /** swiper-item 的位置发生改变时会触发 transition 事件
-   * @supported weapp, alipay, tt, qq, jd
+   * @supported weapp, alipay, tt, qq
    */
   onTransition?: CommonEventFunction<SwiperProps.onTransitionEventDetail>
 

package/types/Textarea.d.ts

@@ -2,95 +2,95 @@ import { ComponentType } from 'react'
 import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface TextareaProps extends StandardProps, FormItemProps {
   /** 输入框的内容
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   value?: string
 
   /** 输入框为空时占位符
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   placeholder?: string
 
   /** 指定 placeholder 的样式
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, jd
    */
   placeholderStyle?: string
 
   /** 指定 placeholder 的样式类
    * @default "textarea-placeholder"
-   * @supported weapp, alipay, swan, tt, qq
+   * @supported weapp, alipay, swan, tt, qq, jd
    */
   placeholderClass?: string
 
   /** 是否禁用
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   disabled?: boolean
 
   /** 最大输入长度，设置为 -1 的时候不限制最大长度
    * @default 140
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   maxlength?: number
 
   /** 自动聚焦，拉起键盘
    * @default false
-   * @supported weapp, swan, qq, h5
+   * @supported weapp, swan, qq, jd, h5
    */
   autoFocus?: boolean
 
   /** 获取焦点
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   focus?: boolean
 
   /** 是否自动增高，设置 autoHeight 时，style.height不生效
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   autoHeight?: boolean
 
   /** 如果 Textarea 是在一个 `position:fixed` 的区域，需要显示指定属性 fixed 为 true
    * @default false
-   * @supported weapp, swan, qq
+   * @supported weapp, swan, qq, jd
    */
   fixed?: boolean
 
   /** 指定光标与键盘的距离，单位 px 。取 Textarea 距离底部的距离和 cursorSpacing 指定的距离的最小值作为光标与键盘的距离
    * @default 0
-   * @supported weapp, swan, tt, qq
+   * @supported weapp, swan, tt, qq, jd
    */
   cursorSpacing?: number
 
   /** 指定 focus 时的光标位置
    * @default -1
-   * @supported weapp, swan, tt, qq
+   * @supported weapp, swan, tt, qq, jd
    */
   cursor?: number
 
   /** 是否显示键盘上方带有”完成“按钮那一栏
    * @default true
-   * @supported weapp, swan, tt, qq
+   * @supported weapp, swan, tt, qq, jd
    */
   showConfirmBar?: boolean
 
   /** 光标起始位置，自动聚集时有效，需与 selectionEnd 搭配使用
    * @default -1
-   * @supported weapp, swan, tt, qq, rn
+   * @supported weapp, swan, tt, qq, jd, rn
    */
   selectionStart?: number
 
   /** 光标结束位置，自动聚集时有效，需与 selectionStart 搭配使用
    * @default -1
-   * @supported weapp, swan, tt, qq, rn
+   * @supported weapp, swan, tt, qq, jd, rn
    */
   selectionEnd?: number
 
   /** 键盘弹起时，是否自动上推页面
    * @default true
-   * @supported weapp, swan, tt, qq
+   * @supported weapp, swan, tt, qq, jd
    */
   adjustPosition?: boolean
 
@@ -136,41 +136,35 @@ interface TextareaProps extends StandardProps, FormItemProps {
    */
   controlled?: string
 
-  /** 使用原生键盘
-   * @default false
-   * @supported alipay
-   */
-  enableNative?: boolean
-
   /** 无障碍访问，（属性）元素的额外描述
    * @supported qq
    */
   ariaLabel?: string
 
   /** 输入框聚焦时触发
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   onFocus?: CommonEventFunction<TextareaProps.onFocusEventDetail>
 
   /** 输入框失去焦点时触发
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   onBlur?: CommonEventFunction<TextareaProps.onBlurEventDetail>
 
   /** 输入框行数变化时调用
-   * @supported weapp, swan, tt, qq, rn
+   * @supported weapp, swan, tt, qq, jd, rn
    */
   onLineChange?: CommonEventFunction<TextareaProps.onLineChangeEventDetail>
 
   /** 当键盘输入时，触发 input 事件
    *
    * **onInput 处理函数的返回值并不会反映到 textarea 上**
-   * @supported weapp, alipay, swan, tt, qq, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   onInput?: CommonEventFunction<TextareaProps.onInputEventDetail>
 
   /** 点击完成时， 触发 confirm 事件
-   * @supported weapp, alipay, swan, tt, qq, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, rn
    */
   onConfirm?: CommonEventFunction<TextareaProps.onConfirmEventDetail>
 
@@ -224,7 +218,7 @@ declare namespace TextareaProps {
 
 /** 多行输入框。该组件是原生组件，使用时请注意相关限制
  * @classification forms
- * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/Video.d.ts

@@ -53,7 +53,7 @@ interface VideoProps extends StandardProps {
   muted?: boolean
 
   /** 指定视频初始播放位置
-   * @supported weapp, alipay, swan, qq, jd, h5, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   initialTime?: number
 
@@ -199,7 +199,7 @@ interface VideoProps extends StandardProps {
 
   /**
    * 是否显示锁屏按钮，仅在全屏时显示，锁屏后控制栏的操作
-   * @supported weapp
+   * @supported weapp, tt
    */
   showScreenLockButton?: boolean
 
@@ -282,12 +282,6 @@ interface VideoProps extends StandardProps {
    */
   mobilenetHintType?: string
 
-  /** 使用原生
-   * @default true
-   * @supported alipay
-   */
-  enableNative?: boolean
-
   /** 浮窗设置。暂时不支持全局浮窗。
    * 可选值：
    *
@@ -352,6 +346,16 @@ interface VideoProps extends StandardProps {
    */
   preferredPeakBitRate?: number
 
+  /** 是否为直播源
+   * @supported weapp
+   */
+  isLive?: boolean
+
+  /** 清晰度，设置清晰度列表和默认播放的清晰度。切换清晰度按钮仅在全屏时展示，属性说明详见 Definition 类型说明。需要保证 src 和 definition 中有一个为必填，若同时设置了 src 和 definition，definition 优先级高于 src
+   * @supported tt
+   */
+  definition?: string
+
   /** 当开始/继续播放时触发 play 事件
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
@@ -423,7 +427,7 @@ interface VideoProps extends StandardProps {
   onFullScreenChange?: CommonEventFunction<VideoProps.onFullscreenChangeEventDetail>
 
   /** 切换 controls 显示隐藏时触发。
-   * @supported weapp
+   * @supported weapp, swan
    */
   onControlsToggle?: CommonEventFunction<VideoProps.onControlsToggleEventDetail>
 

package/types/VoipRoom.d.ts

@@ -19,6 +19,12 @@ interface VoipRoomProps extends StandardProps {
    */
   openId?: string
 
+  /** 画面与容器比例不一致时，画面的表现形式
+   * @supported weapp
+   * @default "fill"
+   */
+  objectFit?: 'fill' | 'contain' | 'cover'
+
   /** 创建对话窗口失败时触发
    * @supported weapp
    */