@tarojs/components 3.4.4 → 3.4.7

package/types/Button.d.ts

@@ -168,19 +168,13 @@ interface ButtonProps extends StandardProps {
    */
   onGetPhoneNumber?: CommonEventFunction<ButtonProps.onGetPhoneNumberEventDetail>
 
-  /** 获取头像信息
-   *
-   * 生效时机：`open-type="chooseavatar"`
-   * @supported weapp
-   */
-  onChooseAvatar?: CommonEventFunction<ButtonProps.onChooseAvatarEventDetail>
-
   /** 获取用户实名
    *
    * 生效时机：`open-type="getRealnameAuthInfo"`
+   * @deprecated
    * @supported weapp
    */
-  onGetRealnameAuthInfo?: CommonEventFunction
+  onGetRealNameAuthInfo?: CommonEventFunction
 
   /** 当使用开放能力时，发生错误的回调
    *
@@ -201,7 +195,14 @@ interface ButtonProps extends StandardProps {
    * 生效时机：`open-type="launchApp"`
    * @supported weapp
    */
-  onLaunchapp?: CommonEventFunction
+  onLaunchApp?: CommonEventFunction
+
+  /** 获取用户头像回调
+   *
+   * 生效时机：`open-type="chooseAvatar"`
+   * @supported weapp
+   */
+  onChooseAvatar?: CommonEventFunction
 }
 
 declare namespace ButtonProps {
@@ -233,7 +234,7 @@ declare namespace ButtonProps {
   /** open-type 的合法值 */
   interface openTypeKeys {
     weapp: {
-      /** 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息
+      /** 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从回调中获得具体信息
        * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html
        */
       contact
@@ -241,19 +242,17 @@ declare namespace ButtonProps {
        * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%95
        */
       share
-      /** 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息
+      /** 获取用户手机号，可以从回调中获取到用户信息
        * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html
        */
       getPhoneNumber
-      /** 获取用户头像，可以从 bindchooseavatar 回调中获取到头像信息
-       * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html
-       */
-      chooseAvatar
-      /** 获取用户信息，可以从 bindgetuserinfo 回调中获取到用户信息 */
+      /** 获取用户信息，可以从回调中获取到用户信息 */
       getUserInfo
-      /** 用户实名信息授权，已经弃用 */
-      getRealnameAuthInfo
-      /** 打开APP，可以通过app-parameter属性设定向APP传的参数
+      /** 用户实名信息授权
+       * @deprecated
+       */
+      getRealNameAuthInfo
+      /** 打开APP，可以通过 app-parameter 属性设定向APP传的参数
        * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html
        */
       launchApp
@@ -261,6 +260,8 @@ declare namespace ButtonProps {
       openSetting
       /** 打开“意见反馈”页面，用户可提交反馈内容并上传日志，开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容 */
       feedback
+      /** 获取用户头像，可以从回调中获得具体信息 */
+      chooseAvatar
     }
     /** 支付宝小程序专属的 open-type 合法值
      * @see https://opendocs.alipay.com/mini/component/button
@@ -372,13 +373,10 @@ declare namespace ButtonProps {
     encryptedData: string
     /** 加密算法的初始向量 */
     iv: string
-    /** 动态令牌。可通过动态令牌换取用户手机号。使用方法详情 [phonenumber.getPhoneNumber](https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/phonenumber/phonenumber.getPhoneNumber.html) 接口 */
-    code:string
-  }
-
-  interface onChooseAvatarEventDetail {
-    /* 获取用户头像的临时链接 */
-    avatarUrl: string
+    /** 动态令牌。可通过动态令牌换取用户手机号。
+     * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%95
+     */
+    code?: string
   }
 
   interface onOpenSettingEventDetail {

package/types/Input.d.ts

@@ -25,7 +25,7 @@ interface InputProps extends StandardProps, FormItemProps {
   placeholder?: string
 
   /** 指定 placeholder 的样式
-   * @supported weapp
+   * @supported weapp, rn
    */
   placeholderStyle?: string
 
@@ -35,6 +35,11 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   placeholderClass?: string
 
+  /** 指定 placeholder 的文本颜色
+   * @supported rn
+   */
+  placeholderTextColor?: string
+
   /** 是否禁用
    * @supported weapp, h5, rn
    */
@@ -233,25 +238,24 @@ declare namespace InputProps {
  * @example_react
  * ```tsx
  * class App extends Component {
- *
  *   render () {
  *     return (
- *         <View className='example-body'>
- *           <Text>可以自动聚焦的 input</Text>
- *             <Input type='text' placeholder='将会获取焦点' focus/>
- *             <Text>控制最大输入长度的 input</Text>
- *             <Input type='text' placeholder='最大输入长度为 10' maxlength='10'/>
- *             <Text>数字输入的 input</Text>
- *             <Input type='number' placeholder='这是一个数字输入框'/>
- *             <Text>密码输入的 input</Text>
- *             <Input type='password' password placeholder='这是一个密码输入框'/>
- *             <Text>带小数点的 input</Text>
- *             <Input type='digit' placeholder='带小数点的数字键盘'/>
- *             <Text>身份证输入的 input</Text>
- *             <Input type='idcard' placeholder='身份证输入键盘'/>
- *             <Text>控制占位符颜色的 input</Text>
- *             <Input type='text' placeholder='占位符字体是红色的' placeholderStyle='color:red'/>
- *         </View>
+ *       <View className='example-body'>
+ *         <Text>可以自动聚焦的 input</Text>
+ *           <Input type='text' placeholder='将会获取焦点' focus/>
+ *           <Text>控制最大输入长度的 input</Text>
+ *           <Input type='text' placeholder='最大输入长度为 10' maxLength='10'/>
+ *           <Text>数字输入的 input</Text>
+ *           <Input type='number' placeholder='这是一个数字输入框'/>
+ *           <Text>密码输入的 input</Text>
+ *           <Input type='password' password placeholder='这是一个密码输入框'/>
+ *           <Text>带小数点的 input</Text>
+ *           <Input type='digit' placeholder='带小数点的数字键盘'/>
+ *           <Text>身份证输入的 input</Text>
+ *           <Input type='idcard' placeholder='身份证输入键盘'/>
+ *           <Text>控制占位符颜色的 input</Text>
+ *           <Input type='text' placeholder='占位符字体是红色的' placeholderStyle='color:red'/>
+ *       </View>
  *     )
  *   }
  * }
@@ -263,7 +267,7 @@ declare namespace InputProps {
  *     <text>可以自动聚焦的 input</text>
  *     <input type="text" placeholder="将会获取焦点" :focus="true" />
  *     <text>控制最大输入长度的 input</text>
- *     <input type="text" placeholder="最大输入长度为 10" maxlength="10"/>
+ *     <input type="text" placeholder="最大输入长度为 10" maxLength="10"/>
  *     <text>数字输入的 input</text>
  *     <input type="number" placeholder="这是一个数字输入框"/>
  *     <text>密码输入的 input</text>

package/types/KeyboardAccessory.d.ts

@@ -4,21 +4,33 @@ import { StandardProps } from './common'
 /** @ignore */
 type KeyboardAccessoryProps = StandardProps
 
-/** 设置 input / textarea 聚焦时键盘上方 cover-view / cover-image 工具栏视图
+/** 设置 Input / Textarea 聚焦时键盘上方 CoverView / CoverImage 工具栏视图。需要配置 Taro 插件 `@tarojs/plugin-platform-weapp` 的 `enablekeyboardAccessory` 参数为 `true` 后才能使用，请参考：[#9548](https://github.com/NervJS/taro/issues/9548#issuecomment-891682216)。
  *
  * @classification forms
  * @supported weapp
  * @example
+ * ```js
+ * // config/index.js
+ * {
+ *   // ...
+ *   plugins: [
+ *     ['@tarojs/plugin-platform-weapp', {
+ *       enablekeyboardAccessory: true
+ *     }]
+ *   ]
+ * }
+ * ```
+ *
  * ```tsx
  * class App extends Component {
  *   render () {
  *     return (
- *         <Textarea holdKeyboard="{{true}}">
- *           <KeyboardAccessory className="container" style={{ height: 50 }} >
- *             <CoverView onClick={() => { TODO }} style={{ flex: 1, background: 'green' }}>1</CoverView>
- *             <CoverView onClick={() => { TODO }} style={{ flex: 1, background: 'red' }}>2</CoverView>
- *           </KeyboardAccessory>
- *         </Textarea>
+ *       <Textarea holdKeyboard="{{true}}">
+ *         <KeyboardAccessory className="container" style={{ height: 50 }} >
+ *           <CoverView onClick={() => { TODO }} style={{ flex: 1, background: 'green' }}>1</CoverView>
+ *           <CoverView onClick={() => { TODO }} style={{ flex: 1, background: 'red' }}>2</CoverView>
+ *         </KeyboardAccessory>
+ *       </Textarea>
  *     )
  *   }
  * }

package/types/Picker.d.ts

@@ -350,7 +350,7 @@ declare namespace PickerRegionProps {
  *     </view>
  *   </view>
  * </template>
- * 
+ *
  * <script>
  *   export default {
  *     data() {
@@ -365,11 +365,11 @@ declare namespace PickerRegionProps {
  *       onChange: function(e) {
  *         this.selectorChecked = this.selector[e.detail.value]
  *       },
- * 
+ *
  *       onTimeChange: function(e) {
  *         this.timeSel = e.detail.value
  *       },
- * 
+ *
  *       onDateChange: function(e) {
  *         this.dateSel = e.detail.value
  *       }

package/types/PickerViewColumn.d.ts

@@ -1,10 +1,10 @@
 import { ComponentType } from 'react'
-import { StandardProps, CommonEventFunction } from './common'
+import { StandardProps } from './common'
 
 /** 滚动选择器子项
  * 仅可放置于 `<PickerView />` 中，其孩子节点的高度会自动设置成与 picker-view 的选中框的高度一致
  * @classification forms
- * @supported weapp, swan, alipay, tt, rn
+ * @supported weapp, swan, alipay, tt, h5, rn
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/picker-view-column.html
  */
 declare const PickerViewColumn: ComponentType<StandardProps>

package/types/ShareElement.d.ts

@@ -32,6 +32,199 @@ interface ShareElementProps extends StandardProps {
  * 使用时需在当前页放置 `ShareElement` 组件，同时在 `PageContainer` 容器中放置对应的 `ShareElement` 组件，对应关系通过属性值 key 映射。当设置 `PageContainer` `显示时，transform` 属性为 `true` 的共享元素会产生动画。当前页面容器退出时，会产生返回动画。
  * @classification viewContainer
  * @supported weapp
+ * @example_react
+ * ```tsx
+ * // index.js
+ * import { useState, useCallback } from 'react'
+ * import { View, Button, PageContainer, ShareElement } from '@tarojs/components'
+ *
+ * import './index.scss'
+ *
+ * const contacts = [
+ *   { id: 1, name: 'Frank', img: 'frank.png', phone: '0101 123456', mobile: '0770 123456', email: 'frank@emailionicsorter.com' },
+ *   { id: 2, name: 'Susan', img: 'susan.png', phone: '0101 123456', mobile: '0770 123456', email: 'frank@emailionicsorter.com' },
+ *   { id: 3, name: 'Emma', img: 'emma.png', phone: '0101 123456', mobile: '0770 123456', email: 'frank@emailionicsorter.com' },
+ *   { id: 4, name: 'Scott', img: 'scott.png', phone: '0101 123456', mobile: '0770 123456', email: 'frank@emailionicsorter.com' },
+ *   { id: 5, name: 'Bob', img: 'bob.png', phone: '0101 123456', mobile: '0770 123456', email: 'frank@emailionicsorter.com' },
+ *   { id: 6, name: 'Olivia', img: 'olivia.png', phone: '0101 123456', mobile: '0770 123456', email: 'frank@emailionicsorter.com' },
+ *   { id: 7, name: 'Anne', img: 'anne.png', phone: '0101 123456', mobile: '0770 123456', email: 'frank@emailionicsorter.com' },
+ *   { id: 8, name: 'sunny', img: 'olivia.png', phone: '0101 123456', mobile: '0770 123456', email: 'frank@emailionicsorter.com' }
+ * ]
+ *
+ * export default function () {
+ *   const [show, setShow] = useState(false)
+ *   const [contact, setContact] = useState(contacts[0])
+ *   const [transformIdx, setTransformIdx] = useState(0)
+ *
+ *   const onBeforeEnter = useCallback((res) => {
+ *     console.log('onBeforeEnter: ', res)
+ *   }, [])
+ *   const onEnter = useCallback((res) => {
+ *     console.log('onEnter: ', res)
+ *   }, [])
+ *   const onAfterEnter = useCallback((res) => {
+ *     console.log('onAfterEnter: ', res)
+ *   }, [])
+ *   const onBeforeLeave = useCallback((res) => {
+ *     console.log('onBeforeLeave: ', res)
+ *   }, [])
+ *   const onLeave = useCallback((res) => {
+ *     console.log('onLeave: ', res)
+ *   }, [])
+ *   const onAfterLeave = useCallback((res) => {
+ *     console.log('onAfterLeave: ', res)
+ *   }, [])
+ *
+ *   const showNext = (e, index) => {
+ *     setShow(true)
+ *     setContact(contacts[index])
+ *     setTransformIdx(index)
+ *   }
+ *
+ *   const showPrev = useCallback(() => {
+ *     setShow(false)
+ *   }, [])
+ *
+ *   return (
+ *     <View>
+ *       <View className="screen screen1">
+ *         {
+ *           contacts.map((item, index) => (
+ *             <View key={item.id} className="contact" onClick={e => showNext(e, index)}>
+ *               <ShareElement duration={300} className="name" mapkey="name" transform={transformIdx === index}>
+ *                 {item.name}
+ *               </ShareElement>
+ *               <View className="list">
+ *                 <View>Phone: {item.phone}</View>
+ *                 <View>Mobile: {item.mobile}</View>
+ *                 <View>Email: {item.email}</View>
+ *               </View>
+ *             </View>
+ *           ))
+ *         }
+ *       </View>
+ *       <PageContainer
+ *         show={show}
+ *         overlay={false}
+ *         closeOnSlideDown
+ *         duration={300}
+ *         position='center'
+ *         onBeforeEnter={onBeforeEnter}
+ *         onEnter={onEnter}
+ *         onAfterEnter={onAfterEnter}
+ *         onBeforeLeave={onBeforeLeave}
+ *         onLeave={onLeave}
+ *         onAfterLeave={onAfterLeave}
+ *       >
+ *         <View className="screen screen2">
+ *           <View className="contact">
+ *             <ShareElement className="name" mapkey="name" duration={300} transform>
+ *               {contact.name}
+ *             </ShareElement>
+ *             <View className={`paragraph ${show ? 'enter' : ''}`}>
+ *               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nisl enim, sodales non augue efficitur, sagittis
+ *               varius neque. Fusce dolor turpis, maximus eu volutpat quis, pellentesque et ligula. Ut vehicula metus in nibh
+ *               mollis ornare. Etiam aliquam lacinia malesuada. Vestibulum dignissim mollis quam a tristique. Maecenas neque
+ *               mauris, malesuada vitae magna eu, congue consectetur risus. Etiam vitae pulvinar ex. Maecenas suscipit mi ac
+ *               imperdiet pretium. Aliquam velit mauris, euismod quis elementum sed, malesuada non dui. Nunc rutrum sagittis
+ *               ligula in dapibus. Cras suscipit ut augue eget mollis. Donec auctor feugiat ipsum id viverra. Vestibulum eu nisi
+ *               risus. Vestibulum eleifend dignissim.
+ *
+ *             </View>
+ *             <Button className="screen2-button" onClick={showPrev} hidden={!show} hoverClass="none">Click Me</Button>
+ *           </View>
+ *         </View>
+ *       </PageContainer>
+ *     </View>
+ *   )
+ * }
+ * ```
+ * ```scss
+ * \/** index.scss *\/
+ * page {
+ *   color: #333;
+ *   background-color: #ddd;
+ *   overflow: hidden;
+ * }
+ *
+ * button {
+ *   border: 0 solid #0010ae;
+ *   background-color: #1f2afe;
+ *   color: #fff;
+ *   font-size: 120%;
+ *   padding: 8px 16px;
+ *   outline-width: 0;
+ *   -webkit-appearance: none;
+ *   box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
+ * }
+ *
+ * .screen {
+ *   position: absolute;
+ *   top: 0;
+ *   bottom: 0;
+ *   left: 0;
+ *   right: 0;
+ *   padding: 16px;
+ *   -webkit-overflow-scrolling: touch;
+ * }
+ *
+ * .contact {
+ *   position: relative;
+ *   padding: 16px;
+ *   background-color: #fff;
+ *   width: 100%;
+ *   height: 100%;
+ *   box-sizing: border-box;
+ * }
+ *
+ * .avatar {
+ *   position: absolute;
+ *   top: 16px;
+ *   left: 16px;
+ *   font-size: 0;
+ * }
+ *
+ * .name {
+ *   height: 65px;
+ *   font-size: 2em;
+ *   font-weight: bold;
+ *   text-align: center;
+ *   margin: 10px 0;
+ * }
+ *
+ * .list {
+ *   padding-top: 8px;
+ *   padding-left: 32px;
+ * }
+ *
+ * .screen1 {
+ *   overflow-y: scroll;
+ *   padding: 0;
+ * }
+ *
+ * .screen1 .contact {
+ *   margin: 16px;
+ *   height: auto;
+ *   width: auto;
+ *   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
+ * }
+ *
+ * .screen2-button {
+ *   display: block;
+ *   margin: 24px auto;
+ * }
+ *
+ * .paragraph {
+ *   -webkit-transition: transform ease-in-out 300ms;
+ *   transition: transform ease-in-out 300ms;
+ *   -webkit-transform: scale(0.6);
+ *   transform: scale(0.6);
+ * }
+ *
+ * .enter.paragraph {
+ *   transform: none;
+ * }
+ * ```
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/share-element.html
  */
 declare const ShareElement: ComponentType<ShareElementProps>

package/types/common.d.ts

@@ -19,7 +19,7 @@ export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> =
   ref?: LegacyRef<T>
   /**
    * 渲染 HTML
-   * @see https://taro-docs.jd.com/taro/docs/html
+   * @see /docs/html
    */
   dangerouslySetInnerHTML?: {
     __html: string

package/types/index.vue3.d.ts

@@ -0,0 +1,159 @@
+/**
+ * vue tsx @tarojs/components 类型提示文件
+ * 如何使用?
+ * 请在醒目全局的类型文件中写入以下代码，覆盖默认的组件类型提示
+ * ```typescript
+ *   export declare module '@tarojs/components' {
+ *     export * from '@tarojs/components/types/index.vue3'
+ *   }
+ * ```
+ */
+import { TaroElement } from '@tarojs/runtime'
+import { StandardProps } from './common'
+import * as CSS from 'csstype'
+/** 视图容器 */
+import { CoverImageProps } from './CoverImage'
+import { CoverViewProps } from './CoverView'
+import { MatchMediaProps } from './MatchMedia'
+import { MovableAreaProps } from './MovableArea'
+import { MovableViewProps } from './MovableView'
+import { PageContainerProps } from './PageContainer'
+import { ScrollViewProps } from './ScrollView'
+import { ShareElementProps } from './ShareElement'
+import { SwiperProps } from './Swiper'
+import { SwiperItemProps } from './SwiperItem'
+import { ViewProps } from './View'
+/** 基础内容 */
+import { IconProps } from './Icon'
+import { ProgressProps } from './Progress'
+import { RichTextProps } from './RichText'
+import { TextProps } from './Text'
+/** 表单组件 */
+import { ButtonProps } from './Button'
+import { CheckboxProps } from './Checkbox'
+import { CheckboxGroupProps } from './CheckboxGroup'
+import { EditorProps } from './Editor'
+import { FormProps } from './Form'
+import { InputProps } from './Input'
+import { KeyboardAccessoryProps } from './KeyboardAccessory'
+import { LabelProps } from './Label'
+import { PickerDateProps, PickerTimeProps, PickerRegionProps, PickerSelectorProps, PickerMultiSelectorProps } from './Picker'
+import { PickerViewProps } from './PickerView'
+import { RadioProps } from './Radio'
+import { RadioGroupProps } from './RadioGroup'
+import { SliderProps } from './Slider'
+import { SwitchProps } from './Switch'
+import { TextareaProps } from './Textarea'
+/** 导航 */
+import { FunctionalPageNavigatorProps } from './FunctionalPageNavigator'
+import { NavigatorProps } from './Navigator'
+import { NavigationBarProps } from './NavigationBar'
+/** 媒体组件 */
+import { AudioProps } from './Audio'
+import { CameraProps } from './Camera'
+import { ImageProps } from './Image'
+import { LivePlayerProps } from './LivePlayer'
+import { LivePusherProps } from './LivePusher'
+import { VideoProps } from './Video'
+import { VoipRoomProps } from './VoipRoom'
+/** 地图 */
+import { MapProps } from './Map'
+/** 画布 */
+import { CanvasProps } from './Canvas'
+/** 开放能力 */
+import { AdProps } from './Ad'
+import { AdCustomProps } from './AdCustom'
+import { OfficialAccountProps } from './OfficialAccount'
+import { OpenDataProps } from './OpenData'
+import { WebViewProps } from './WebView'
+/** 配置节点 */
+import { PageMetaProps } from './PageMeta'
+
+import { CustomWrapperProps } from './CustomWrapper'
+import { SlotProps } from './Slot'
+
+// 联合类型不能用omit（比如picker）
+type DistributiveOmit<T, K extends keyof T> = T extends unknown
+  ? Omit<T, K>
+  : never;
+
+type SlimProps = {
+  class?: any
+  style?: CSS.Properties<string | number>
+  innerHTML?: string
+}
+
+/** 转换react的类型到vue */
+type RemoveReactAttribute = keyof Omit<StandardProps, 'id' | 'hidden' | 'animation'>
+export type TransformReact2VueType<P extends StandardProps = Record<string, never>> = DistributiveOmit<P, RemoveReactAttribute> & SlimProps
+
+export declare class VueComponentType<P = Record<string, never>> extends TaroElement {
+  $props: TransformReact2VueType<P>
+  /** WebStorm 提示貌似找的是props */
+  props: this['$props']
+}
+
+/** 视图容器 */
+export declare class Block extends VueComponentType {}
+export declare class CoverImage extends VueComponentType<CoverImageProps> {}
+export declare class CoverView extends VueComponentType<CoverViewProps> {}
+export declare class MatchMedia extends VueComponentType<MatchMediaProps> {}
+export declare class MovableArea extends VueComponentType<MovableAreaProps> {}
+export declare class MovableView extends VueComponentType<MovableViewProps> {}
+export declare class PageContainer extends VueComponentType<PageContainerProps> {}
+export declare class ScrollView extends VueComponentType<ScrollViewProps> {}
+export declare class ShareElement extends VueComponentType<ShareElementProps> {}
+export declare class Swiper extends VueComponentType<SwiperProps> {}
+export declare class SwiperItem extends VueComponentType<SwiperItemProps> {}
+export declare class View extends VueComponentType<ViewProps> {}
+/** 基础内容 */
+export declare class Icon extends VueComponentType<IconProps> {}
+export declare class Progress extends VueComponentType<ProgressProps> {}
+export declare class RichText extends VueComponentType<RichTextProps> {}
+export declare class Text extends VueComponentType<TextProps> {}
+/** 表单组件 */
+export declare class Button extends VueComponentType<ButtonProps> {}
+export declare class Checkbox extends VueComponentType<CheckboxProps> {}
+export declare class CheckboxGroup extends VueComponentType<CheckboxGroupProps> {}
+export declare class Editor extends VueComponentType<EditorProps> {}
+export declare class Form extends VueComponentType<FormProps> {}
+export declare class Input extends VueComponentType<InputProps> {}
+export declare class KeyboardAccessory extends VueComponentType<KeyboardAccessoryProps> {}
+export declare class Label extends VueComponentType<LabelProps> {}
+export declare class Picker extends VueComponentType<PickerMultiSelectorProps | PickerTimeProps | PickerDateProps | PickerRegionProps | PickerSelectorProps> {}
+export declare class PickerView extends VueComponentType<PickerViewProps> {}
+export declare class PickerViewColumn extends VueComponentType {}
+export declare class Radio extends VueComponentType<RadioProps> {}
+export declare class RadioGroup extends VueComponentType<RadioGroupProps> {}
+export declare class Slider extends VueComponentType<SliderProps> {}
+export declare class Switch extends VueComponentType<SwitchProps> {}
+export declare class Textarea extends VueComponentType<TextareaProps> {}
+/** 导航 */
+export declare class FunctionalPageNavigator extends VueComponentType<FunctionalPageNavigatorProps> {}
+export declare class Navigator extends VueComponentType<NavigatorProps> {}
+export declare class NavigationBar extends VueComponentType<NavigationBarProps> {}
+/** 媒体组件 */
+export declare class Audio extends VueComponentType<AudioProps> {}
+export declare class Camera extends VueComponentType<CameraProps> {}
+export declare class Image extends VueComponentType<ImageProps> {}
+export declare class LivePlayer extends VueComponentType<LivePlayerProps> {}
+export declare class LivePusher extends VueComponentType<LivePusherProps> {}
+export declare class Video extends VueComponentType<VideoProps> {}
+export declare class VoipRoom extends VueComponentType<VoipRoomProps> {}
+/** 地图 */
+export declare class Map extends VueComponentType<MapProps> {}
+/** 画布 */
+export declare class Canvas extends VueComponentType<CanvasProps> {}
+/** 开放能力 */
+export declare class Ad extends VueComponentType<AdProps> {}
+export declare class AdCustom extends VueComponentType<AdCustomProps> {}
+export declare class OfficialAccount extends VueComponentType<OfficialAccountProps> {}
+export declare class OpenData extends VueComponentType<OpenDataProps> {}
+export declare class WebView extends VueComponentType<WebViewProps> {}
+/** 配置节点 */
+export declare class PageMeta extends VueComponentType<PageMetaProps> {}
+
+export declare class CustomWrapper extends VueComponentType<CustomWrapperProps> {}
+export declare class Slot extends VueComponentType<SlotProps> {}
+
+export * from './index'

package/virtual-list/react/createListComponent.js

@@ -2,7 +2,7 @@
 /* eslint-disable no-case-declarations */
 /* eslint-disable no-void */
 /* eslint-disable no-return-assign */
-import Taro from '@tarojs/taro'
+import { createSelectorQuery } from '@tarojs/taro'
 import { getRTLOffsetType } from '../domHelpers'
 import { memoizeOne } from '../memoize'
 import { createElement, PureComponent } from 'react'
@@ -22,7 +22,7 @@ export function isRtlFunc ({ direction }) {
   return direction === 'rtl'
 }
 export function getRectSize (id, success = () => {}, fail = () => {}) {
-  const query = Taro.createSelectorQuery()
+  const query = createSelectorQuery()
   query.select(id).boundingClientRect((res) => {
     if (res) {
       success(res)

package/dist/taro-components/p-2dc57c71.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-b2d01686.system.js"],(function(e){"use strict";var t,n,i,a;return{setters:[function(e){t=e.r;n=e.c;i=e.h;a=e.g}],execute:function(){var o="taro-textarea-core{display:block;width:300px}taro-textarea-core .auto-height{height:auto}.taro-textarea{-webkit-appearance:none;cursor:auto;width:100%;height:150px;border:0;display:block;position:relative;line-height:1.5}.taro-textarea:focus{outline:none}";function r(e){return e!==null&&e!==void 0?e:""}var h=e("taro_textarea_core",function(){function e(e){var i=this;t(this,e);this.onInput=n(this,"input",7);this.onFocus=n(this,"focus",7);this.onBlur=n(this,"blur",7);this.onChange=n(this,"change",7);this.onLineChange=n(this,"linechange",7);this.disabled=false;this.maxlength=140;this.autoFocus=false;this.autoHeight=false;this.nativeProps={};this.line=1;this.handleInput=function(e){e.stopPropagation();i.handleLineChange();i.onInput.emit({value:e.target.value,cursor:e.target.value.length})};this.handleFocus=function(e){i.onFocus.emit({value:e.target.value})};this.handleBlur=function(e){i.onBlur.emit({value:e.target.value})};this.handleChange=function(e){e.stopPropagation();i.onChange.emit({value:e.target.value})};this.handleLineChange=function(){var e=i.getNumberOfLines();if(e!==i.line){i.line=e;i.onLineChange.emit({height:i.textareaRef.clientHeight,lineCount:i.line})}};this.calculateContentHeight=function(e,t){var n=e.style.height,i=e.offsetHeight,a=e.scrollHeight,o=e.style.overflow;if(i>=a){e.style.height=i+t+"px";e.style.overflow="hidden";if(a<e.scrollHeight){while(e.offsetHeight>=e.scrollHeight){e.style.height=(i-=t)+"px"}while(e.offsetHeight<e.scrollHeight){e.style.height=i+++"px"}e.style.height=n;e.style.overflow=o;return i}}else{return a}};this.getNumberOfLines=function(){var e=i.textareaRef,t=window.getComputedStyle?window.getComputedStyle(e):e.style,n=parseInt(t.lineHeight,10),a=i.calculateContentHeight(e,n),o=Math.floor(a/n);return o}}e.prototype.componentDidLoad=function(){var e=this;Object.defineProperty(this.el,"value",{get:function(){return e.textareaRef.value},set:function(t){return e.value=t},configurable:true});this.autoFocus&&this.textareaRef.focus()};e.prototype.render=function(){var e=this;var t=this,n=t.value,a=t.placeholder,o=t.disabled,h=t.maxlength,l=t.autoFocus,s=t.autoHeight,u=t.name,c=t.nativeProps,g=t.handleInput,f=t.handleFocus,p=t.handleBlur,d=t.handleChange;var v={};if(s){v.rows=this.line}return i("textarea",Object.assign({ref:function(t){if(t){e.textareaRef=t}},class:"taro-textarea "+(s?"auto-height":""),value:r(n),placeholder:a,name:u,disabled:o,maxlength:h,autofocus:l,onInput:g,onFocus:f,onBlur:p,onChange:d},c,v))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());h.style=o}}}));