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

package/types/RtcRoom.d.ts

@@ -0,0 +1,104 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface RtcRoomProps extends StandardProps {
+  /** rtc-room 组件的唯一标识符
+   * @supported swan
+   */
+  id?: string
+
+  /** 是否开启摄像头
+   * @supported swan
+   * @default true
+   */
+  enableCamera?: boolean
+
+  /** 是否开启摄像头自动对焦
+   * @supported swan
+   * @default true
+   */
+  enableAutoFocus?: boolean
+
+  /** 是否支持双手滑动调整摄像头聚焦
+   * @supported swan
+   * @default false
+   */
+  enableZoom?: boolean
+
+  /** 设置前置还是后置摄像头，有效值：front、back
+   * @supported swan
+   * @default "front"
+   */
+  devicePosition?: 'front' | 'back'
+
+  /** 是否开启麦克风
+   * @supported swan
+   * @default true
+   */
+  enableMic?: boolean
+
+  /** 是否开启音频自动增益
+   * @supported swan
+   * @default false
+   */
+  enableAgc?: boolean
+
+  /** 是否开启音频噪声抑制
+   * @supported swan
+   * @default false
+   */
+  enableAns?: boolean
+
+  /** 最大码率
+   * @supported swan
+   * @default 900
+   */
+  bitrate?: number
+
+  /** 视频分辨率宽
+   * @supported swan
+   * @default 360
+   */
+  videoWidth?: number
+
+  /** 视频分辨率高
+   * @supported swan
+   * @default 640
+   */
+  videoHeight?: number
+
+  /** 设置远端看到的画面的镜像效果，该属性的变化不会影响到本地画面，仅影响远端看到的画面效果
+   * @supported swan
+   * @default false
+   */
+  enableRemoteMirror?: boolean
+
+  /** 设置本地摄像头预览画面的镜像效果，有效值：auto、enable、disable
+   * @supported swan
+   * @default "auto"
+   */
+  localMirror?: 'auto' | 'enable' | 'disable'
+
+  /** 设置声音输出方式，有效值：speaker、ear
+   * @supported swan
+   * @default "speaker"
+   */
+  soundMode?: 'speaker' | 'ear'
+
+  /** 房间状态变化事件，参考下方状态码，detail = { code, msg, userInfo }
+   * @supported swan
+   */
+  onStateChange?: CommonEventFunction
+
+  /** 错误事件。参考下方错误码，detail = { errMsg, errCode }
+   * @supported swan
+   */
+  onError?: CommonEventFunction
+}
+
+/** 实时音视频通话房间
+ * @classification media
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/media_rtc-room/
+ */
+declare const RtcRoom: ComponentType<RtcRoomProps>
+export { RtcRoom, RtcRoomProps }

package/types/RtcRoomItem.d.ts

@@ -0,0 +1,26 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface RtcRoomItemProps extends StandardProps {
+  /** rtc-room-item 组件的唯一标识符
+   * @supported swan
+   */
+  id?: string
+
+  /** 指定 item 展示本地 / 远端画面，有效值：local、remote ，不可动态变更
+   * @supported swan
+   */
+  type?: string
+
+  /** item 展示画面的用户 id
+   * @supported swan
+   */
+  userId?: number
+}
+
+/** 实时音视频通话画面
+ * @classification media
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/media_rtc-room-item/
+ */
+declare const RtcRoomItem: ComponentType<RtcRoomItemProps>
+export { RtcRoomItem, RtcRoomItemProps }

package/types/Slot.d.ts

@@ -5,7 +5,7 @@ interface SlotProps {
    * @default none
    * @supported weapp, swan, alipay, tt, jd, qq
    */
-  name?: string,
+  name?: string
   /** scoped slot 传入数据源
    * @default none
    * @supported swan

package/types/TabItem.d.ts

@@ -0,0 +1,35 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface TabItemProps extends StandardProps {
+  /** tab-item 内显示的文字
+   * @supported swan
+   * @default 无
+   */
+  label?: string
+
+  /** tab-item 对应的 name 值
+   * @supported swan
+   * @default 无
+   */
+  name?: string
+
+  /** 徽标类型 badge-type 分为圆点“dot”和文本“text”，不设置 badge-type 则不显示徽标
+   * @supported swan
+   * @default 无
+   */
+  badgeType?: string
+
+  /** badge-type 为 text 的时候，徽标内的数字，为空时badge-type="text"不生效
+   * @supported swan
+   * @default 无
+   */
+  badgeText?: string
+}
+
+/** 标签栏子项
+ * @classification navig
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/tab-item/
+ */
+declare const TabItem: ComponentType<TabItemProps>
+export { TabItem, TabItemProps }

package/types/Tabs.d.ts

@@ -0,0 +1,58 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface TabsProps extends StandardProps {
+  /** tabs 背景色,必须填写十六进制颜色
+   * @supported swan
+   * @default "#fff"
+   */
+  tabsBackgroundColor?: string
+
+  /** tabs 激活 tab-item 文字颜色
+   * @supported swan
+   * @default "#000"
+   */
+  tabsActiveTextColor?: string
+
+  /** tabs 非激活 tab-item 文字颜色
+   * @supported swan
+   * @default "#666"
+   */
+  tabsInactiveTextColor?: string
+
+  /** tabs 激活 tab-item 下划线颜色
+   * @supported swan
+   * @default "#333"
+   */
+  tabsUnderlineColor?: string
+
+  /** 仅用于普通标签栏组件，当前激活 tab-item 的对应的 name 值，须搭配 bindtabchange 一起使用。
+   * @supported swan
+   * @default 无
+   */
+  activeName?: string
+
+  /** 仅用于可寻址标签栏组件，当前 tab 所改变的 url query 中参数 key，需要通过 tabs 修改页面 url 的时候设置。
+   * @supported swan
+   * @default 无
+   */
+  urlQueryName?: string
+
+  /** 当前 tabs 视图中最多容纳的 tab-item 数量，低于此数量均分排列，超出此数量划屏。默认五个，开发者可根据业务需求调整
+   * @supported swan
+   * @default 5
+   */
+  maxTabItemAmount?: number
+
+  /** tab 被点击的回调，可以在 e.detail.name 中取到当前点击的 tab-item 对应的 name 值
+   * @supported swan
+   */
+  onTabChange?: CommonEventFunction
+}
+
+/** 标签栏
+ * @classification navig
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/tabs/
+ */
+declare const Tabs: ComponentType<TabsProps>
+export { Tabs, TabsProps }

package/types/Video.d.ts

@@ -636,10 +636,8 @@ declare namespace VideoProps {
 }
 
 /** 视频。相关api：Taro.createVideoContext
- *
- * 备注：h5上因为没有测试，所以暂时写了“待定”，需要`Video`来确认。
  * @classification media
- * @supported weapp, h5, swan, alipay, tt
+ * @supported weapp, swan, alipay, tt, h5, rn
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/dist/taro-components/p-1e436d5b.entry.js

@@ -1,2 +0,0 @@
-import{r,h as s,H as o}from"./p-5bfefd19.js";const t=class{constructor(s){r(this,s)}render(){return s(o,null)}};export{t as taro_slot_core};
-//# sourceMappingURL=p-1e436d5b.entry.js.map

package/dist/taro-components/p-1e436d5b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/slot/slot.tsx"],"names":["Slot","[object Object]","h","Host"],"mappings":"mDAKaA,EAAI,+BACfC,SACE,OACEC,EAACC,EAAI","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\n@Component({\n  tag: 'taro-slot-core'\n})\nexport class Slot implements ComponentInterface {\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/taro-components/p-c3acf0ea.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/view/style/index.scss?tag=taro-view-core","src/components/view/view.tsx"],"names":["indexCss","View","exports","this","startTime","class_1","prototype","onTouchStart","_this","hoverClass","touch","setTimeout","hover","hoverStartTime","timeoutEvent","onLongPress","emit","Date","now","onTouchMove","clearTimeout","onTouchEnd","spanTime","hoverStayTime","componentDidRender","el","childNodes","forEach","item","nodeType","document","COMMENT_NODE","render","cls","classNames","_a","concat","attr","animation","h","Host","Object","assign","class"],"mappings":"gNAAA,IAAMA,EAAW,gLCOJC,EAAIC,EAAA,iBAAA,0EAePC,KAAAC,UAAY,yEAVK,sBACD,eACP,iBACA,MAUjBC,EAAAC,UAAAC,aAAA,WAAA,IAAAC,EAAAL,KACE,GAAIA,KAAKM,WAAY,CACnBN,KAAKO,MAAQ,KACbC,YAAW,WACT,GAAIH,EAAKE,MAAO,CACdF,EAAKI,MAAQ,QAEdT,KAAKU,gBAGVV,KAAKW,aAAeH,YAAW,WAC7BH,EAAKO,YAAYC,SAChB,KACHb,KAAKC,UAAYa,KAAKC,OAIxBb,EAAAC,UAAAa,YAAA,WACEC,aAAajB,KAAKW,eAIpBT,EAAAC,UAAAe,WAAA,WAAA,IAAAb,EAAAL,KACE,IAAMmB,EAAWL,KAAKC,MAAQf,KAAKC,UACnC,GAAIkB,EAAW,IAAK,CAClBF,aAAajB,KAAKW,cAEpB,GAAIX,KAAKM,WAAY,CACnBN,KAAKO,MAAQ,MACbC,YAAW,WACT,IAAKH,EAAKE,MAAO,CACfF,EAAKI,MAAQ,SAEdT,KAAKoB,iBAIZlB,EAAAC,UAAAkB,mBAAA,WACE,IAAMC,EAAKtB,KAAKsB,GAChBA,EAAGC,WAAWC,SAAQ,SAAAC,GACpB,GAAIA,EAAKC,WAAaC,SAASC,cAAgBH,EAAK,QAASA,EAAK,QAAU,UAIhFvB,EAAAC,UAAA0B,OAAA,iBACE,IAAMC,EAAMC,GAAUC,EAAA,GACpBA,EAAC,GAAAC,OAAGjC,KAAKM,aAAeN,KAAKS,UAE/B,IAAIyB,EAAO,GACX,KAAMlC,KAAKmC,UAAW,CACpBD,EAAK,aAAelC,KAAKmC,UACzBD,EAAK,kBAAoBlC,KAAKmC,UAEhC,OACEC,EAACC,EAAIC,OAAAC,OAAA,CAACC,MAAOV,GAASI,GACpBE,EAAA,OAAA,6HAzES","sourcesContent":["body,\nhtml {\n  user-select: none;\n  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n}\n\ntaro-view-core {\n  display: block;\n}\n","import { Component, Prop, h, ComponentInterface, Host, Listen, State, Event, EventEmitter, Element } from '@stencil/core'\nimport classNames from 'classnames'\n\n@Component({\n  tag: 'taro-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class View implements ComponentInterface {\n  @Element() el: HTMLElement\n\n  @Prop() animation: string\n  @Prop() hoverClass: string\n  @Prop() hoverStartTime = 50\n  @Prop() hoverStayTime = 400\n  @State() hover = false\n  @State() touch = false\n\n  @Event({\n    eventName: 'longpress'\n  }) onLongPress: EventEmitter\n\n  private timeoutEvent: ReturnType<typeof setTimeout>\n  private startTime = 0\n\n  @Listen('touchstart')\n  onTouchStart () {\n    if (this.hoverClass) {\n      this.touch = true\n      setTimeout(() => {\n        if (this.touch) {\n          this.hover = true\n        }\n      }, this.hoverStartTime)\n    }\n\n    this.timeoutEvent = setTimeout(() => {\n      this.onLongPress.emit()\n    }, 350)\n    this.startTime = Date.now()\n  }\n\n  @Listen('touchmove')\n  onTouchMove () {\n    clearTimeout(this.timeoutEvent)\n  }\n\n  @Listen('touchend')\n  onTouchEnd () {\n    const spanTime = Date.now() - this.startTime\n    if (spanTime < 350) {\n      clearTimeout(this.timeoutEvent)\n    }\n    if (this.hoverClass) {\n      this.touch = false\n      setTimeout(() => {\n        if (!this.touch) {\n          this.hover = false\n        }\n      }, this.hoverStayTime)\n    }\n  }\n\n  componentDidRender () {\n    const el = this.el\n    el.childNodes.forEach(item => {\n      if (item.nodeType === document.COMMENT_NODE && item[\"s-cn\"]) item[\"s-cn\"] = false\n    })\n  }\n\n  render() {\n    const cls = classNames({\n      [`${this.hoverClass}`]: this.hover\n    })\n    let attr = {}\n    if (!!this.animation) {\n      attr['animation'] = this.animation\n      attr['data-animation'] = this.animation\n    }\n    return (\n      <Host class={cls} {...attr}>\n        <slot></slot>\n      </Host>\n    )\n  }\n}\n"]}

package/dist/taro-components/p-d5579efa.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-8a8f286f.system.js"],(function(t){"use strict";var r,e,n;return{setters:[function(t){r=t.r;e=t.h;n=t.H}],execute:function(){var u=t("taro_slot_core",function(){function t(t){r(this,t)}t.prototype.render=function(){return e(n,null)};return t}())}}}));
-//# sourceMappingURL=p-d5579efa.system.entry.js.map

package/dist/taro-components/p-d5579efa.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/slot/slot.tsx"],"names":["Slot","exports","class_1","prototype","render","h","Host"],"mappings":"sJAKaA,EAAIC,EAAA,iBAAA,mCACfC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,EAAI,gBAHM","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\n@Component({\n  tag: 'taro-slot-core'\n})\nexport class Slot implements ComponentInterface {\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/taro-components/p-e9abe3e2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/view/style/index.scss?tag=taro-view-core","src/components/view/view.tsx"],"names":["indexCss","View","this","startTime","[object Object]","hoverClass","touch","setTimeout","hover","hoverStartTime","timeoutEvent","onLongPress","emit","Date","now","clearTimeout","spanTime","hoverStayTime","el","childNodes","forEach","item","nodeType","document","COMMENT_NODE","cls","classNames","attr","animation","h","Host","Object","assign","class"],"mappings":"oGAAA,MAAMA,EAAW,kLCOJC,EAAI,sEAePC,KAAAC,UAAY,yEAVK,sBACD,eACP,iBACA,MAUjBC,eACE,GAAIF,KAAKG,WAAY,CACnBH,KAAKI,MAAQ,KACbC,YAAW,KACT,GAAIL,KAAKI,MAAO,CACdJ,KAAKM,MAAQ,QAEdN,KAAKO,gBAGVP,KAAKQ,aAAeH,YAAW,KAC7BL,KAAKS,YAAYC,SAChB,KACHV,KAAKC,UAAYU,KAAKC,MAIxBV,cACEW,aAAab,KAAKQ,cAIpBN,aACE,MAAMY,EAAWH,KAAKC,MAAQZ,KAAKC,UACnC,GAAIa,EAAW,IAAK,CAClBD,aAAab,KAAKQ,cAEpB,GAAIR,KAAKG,WAAY,CACnBH,KAAKI,MAAQ,MACbC,YAAW,KACT,IAAKL,KAAKI,MAAO,CACfJ,KAAKM,MAAQ,SAEdN,KAAKe,gBAIZb,qBACE,MAAMc,EAAKhB,KAAKgB,GAChBA,EAAGC,WAAWC,SAAQC,IACpB,GAAIA,EAAKC,WAAaC,SAASC,cAAgBH,EAAK,QAASA,EAAK,QAAU,SAIhFjB,SACE,MAAMqB,EAAMC,EAAW,CACrBtB,CAAC,GAAGF,KAAKG,cAAeH,KAAKM,QAE/B,IAAImB,EAAO,GACX,KAAMzB,KAAK0B,UAAW,CACpBD,EAAK,aAAezB,KAAK0B,UACzBD,EAAK,kBAAoBzB,KAAK0B,UAEhC,OACEC,EAACC,EAAIC,OAAAC,OAAA,CAACC,MAAOR,GAASE,GACpBE,EAAA,OAAA","sourcesContent":["body,\nhtml {\n  user-select: none;\n  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n}\n\ntaro-view-core {\n  display: block;\n}\n","import { Component, Prop, h, ComponentInterface, Host, Listen, State, Event, EventEmitter, Element } from '@stencil/core'\nimport classNames from 'classnames'\n\n@Component({\n  tag: 'taro-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class View implements ComponentInterface {\n  @Element() el: HTMLElement\n\n  @Prop() animation: string\n  @Prop() hoverClass: string\n  @Prop() hoverStartTime = 50\n  @Prop() hoverStayTime = 400\n  @State() hover = false\n  @State() touch = false\n\n  @Event({\n    eventName: 'longpress'\n  }) onLongPress: EventEmitter\n\n  private timeoutEvent: ReturnType<typeof setTimeout>\n  private startTime = 0\n\n  @Listen('touchstart')\n  onTouchStart () {\n    if (this.hoverClass) {\n      this.touch = true\n      setTimeout(() => {\n        if (this.touch) {\n          this.hover = true\n        }\n      }, this.hoverStartTime)\n    }\n\n    this.timeoutEvent = setTimeout(() => {\n      this.onLongPress.emit()\n    }, 350)\n    this.startTime = Date.now()\n  }\n\n  @Listen('touchmove')\n  onTouchMove () {\n    clearTimeout(this.timeoutEvent)\n  }\n\n  @Listen('touchend')\n  onTouchEnd () {\n    const spanTime = Date.now() - this.startTime\n    if (spanTime < 350) {\n      clearTimeout(this.timeoutEvent)\n    }\n    if (this.hoverClass) {\n      this.touch = false\n      setTimeout(() => {\n        if (!this.touch) {\n          this.hover = false\n        }\n      }, this.hoverStayTime)\n    }\n  }\n\n  componentDidRender () {\n    const el = this.el\n    el.childNodes.forEach(item => {\n      if (item.nodeType === document.COMMENT_NODE && item[\"s-cn\"]) item[\"s-cn\"] = false\n    })\n  }\n\n  render() {\n    const cls = classNames({\n      [`${this.hoverClass}`]: this.hover\n    })\n    let attr = {}\n    if (!!this.animation) {\n      attr['animation'] = this.animation\n      attr['data-animation'] = this.animation\n    }\n    return (\n      <Host class={cls} {...attr}>\n        <slot></slot>\n      </Host>\n    )\n  }\n}\n"]}