@tarojs/components 3.6.1 → 3.6.2-canary.0

package/types/ScrollView.d.ts

@@ -158,6 +158,41 @@ interface ScrollViewProps extends StandardProps {
    */
   enablePassive?: string
 
+  /** 渲染模式
+   * list - 列表模式。只会渲染在屏节点，会根据直接子节点是否在屏来按需渲染，若只有一个直接子节点则性能会退化
+   * custom - 自定义模式。只会渲染在屏节点，子节点可以是 sticky-section list-view grid-view 等组件
+   * @supported weapp
+   * @default 'list'
+   */
+  type: string
+
+  /** 是否反向滚动。一般初始滚动位置是在顶部，反向滚动则是在底部。
+   * @supported weapp
+   * @default false
+   */
+  reverse?: boolean
+
+  /** 指定视口外渲染区域的距离，默认情况下视口外节点不渲染。指定 cache-extent 可优化滚动体验和加载速度，但会提高内存占用且影响首屏速度，可按需启用。
+   * @supported weapp
+   */
+  cacheExtent?: number
+
+  /** 只 scroll-into-view 到 cacheExtent 以内的目标节点，性能更佳
+   * @supported weapp
+   * @default false
+   */
+  scrollIntoViewWithinExtent?: boolean
+
+  /** 指定 scroll-into-view 目标节点在视口内的位置。
+   * start - 目标节点显示在视口开始处
+   * center - 目标节点显示在视口中间
+   * end - 目标节点显示在视口结束处
+   * nearest - 目标节点在就近的视口边缘显示，若节点已在视口内则不触发滚动
+   * @supported weapp
+   * @default 'start'
+   */
+  scrollIntoViewAlignment?: string
+
   /** 滚动到顶部/左边，会触发 scrolltoupper 事件
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
@@ -173,6 +208,16 @@ interface ScrollViewProps extends StandardProps {
    */
   onScroll?: BaseEventOrigFunction<ScrollViewProps.onScrollDetail>
 
+  /** 滚动开始事件
+   * @supported weapp
+   */
+  onScrollStart?:BaseEventOrigFunction<ScrollViewProps.onScrollDetail>
+
+  /** 滚动结束事件
+   * @supported weapp
+   */
+  onScrollEnd?:BaseEventOrigFunction<ScrollViewProps.onScrollDetail>
+
   /** 自定义下拉刷新控件被下拉
    * @supported weapp
    */
@@ -193,6 +238,11 @@ interface ScrollViewProps extends StandardProps {
    */
   onRefresherAbort?: CommonEventFunction
 
+  /** 自定义下拉刷新即将触发刷新（拖动超过 refresher-threshold 时）的事件
+   * @supported weapp
+   */
+  onRefresherWillRefresh?: CommonEventFunction
+
   /** 滑动开始事件 (同时开启 enhanced 属性后生效)
    * @supported weapp
    */
@@ -243,6 +293,8 @@ declare namespace ScrollViewProps {
     scrollWidth: number
     deltaX: number
     deltaY: number
+
+    isDrag?: boolean
   }
   interface onDragDetail {
     /** 横向滚动条位置 */

package/types/StickyHeader.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface StickyHeaderProps extends StandardProps {}
+
+/**
+ * 吸顶布局容器，仅支持作为 scroll-view 自定义模式下的直接子节点或 sticky-section 组件直接子节点。仅 Skyline 支持。
+ * @classification viewContainer
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/sticky-header.html
+ */
+declare const StickyHeader: ComponentType<StickyHeaderProps>
+export { StickyHeader, StickyHeaderProps }

package/types/StickySection.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface StickySectionProps extends StandardProps {
+  /** 吸顶元素重叠时是否继续上推
+   * @supported weapp
+   * @default true
+   */
+  pushPinnedHeader?: boolean
+}
+
+/**
+ * 吸顶布局容器，仅支持作为 scroll-view 自定义模式下的直接子节点。仅 Skyline 支持。
+ * @classification viewContainer
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/sticky-section.html
+ */
+declare const StickySection: ComponentType<StickySectionProps>
+export { StickySection, StickySectionProps }

package/types/Textarea.d.ts

@@ -42,13 +42,13 @@ interface TextareaProps extends StandardProps, FormItemProps {
 
   /** 获取焦点
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   focus?: boolean
 
   /** 是否自动增高，设置 autoHeight 时，style.height不生效
    * @default false
-   * @supported weapp, alipay, swan, tt, qq, jd, rn
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn
    */
   autoHeight?: boolean
 

package/types/index.d.ts

@@ -6,6 +6,8 @@ export * from './props'
 export { Block } from './Block'
 export { CoverImage } from './CoverImage'
 export { CoverView } from './CoverView'
+export { GridView } from './GridView'
+export { ListView } from './ListView'
 export { MatchMedia } from './MatchMedia'
 export { MovableArea } from './MovableArea'
 export { MovableView } from './MovableView'
@@ -13,6 +15,8 @@ export { PageContainer } from './PageContainer'
 export { RootPortal } from './RootPortal'
 export { ScrollView } from './ScrollView'
 export { ShareElement } from './ShareElement'
+export { StickyHeader } from './StickyHeader'
+export { StickySection } from './StickySection'
 export { Swiper } from './Swiper'
 export { SwiperItem } from './SwiperItem'
 export { View } from './View'
@@ -52,11 +56,13 @@ export { NavigationBar } from './NavigationBar'
 export { Audio } from './Audio'
 export { Camera } from './Camera'
 export { ChannelLive } from './ChannelLive'
+export { ChannelVideo } from './ChannelVideo'
 export { Image } from './Image'
 export { LivePlayer } from './LivePlayer'
 export { LivePusher } from './LivePusher'
 export { Video } from './Video'
 export { VoipRoom } from './VoipRoom'
+export { Lottie } from './Lottie'
 
 /** 地图 */
 export { Map } from './Map'
@@ -76,3 +82,4 @@ export { PageMeta } from './PageMeta'
 
 export { CustomWrapper } from './CustomWrapper'
 export { Slot } from './Slot'
+export { NativeSlot } from './NativeSlot'

package/types/index.vue3.d.ts

@@ -13,28 +13,23 @@
 import * as CSS from 'csstype'
 import { DefineComponent, VNodeRef } from 'vue'
 
-/** 开放能力 */
 import { AdProps } from './Ad'
 import { AdCustomProps } from './AdCustom'
-/** 媒体组件 */
 import { AudioProps } from './Audio'
-/** 表单组件 */
 import { ButtonProps } from './Button'
 import { CameraProps } from './Camera'
-/** 画布 */
+import { ChannelLiveProps } from './ChannelLive'
+import { ChannelVideoProps } from './ChannelVideo'
 import { CanvasProps } from './Canvas'
 import { CheckboxProps } from './Checkbox'
 import { CheckboxGroupProps } from './CheckboxGroup'
 import { StandardProps } from './common'
-/** 视图容器 */
 import { CoverImageProps } from './CoverImage'
 import { CoverViewProps } from './CoverView'
 import { CustomWrapperProps } from './CustomWrapper'
 import { EditorProps } from './Editor'
 import { FormProps } from './Form'
-/** 导航 */
 import { FunctionalPageNavigatorProps } from './FunctionalPageNavigator'
-/** 基础内容 */
 import { IconProps } from './Icon'
 import { ImageProps } from './Image'
 import { InputProps } from './Input'
@@ -42,7 +37,6 @@ import { KeyboardAccessoryProps } from './KeyboardAccessory'
 import { LabelProps } from './Label'
 import { LivePlayerProps } from './LivePlayer'
 import { LivePusherProps } from './LivePusher'
-/** 地图 */
 import { MapProps } from './Map'
 import { MatchMediaProps } from './MatchMedia'
 import { MovableAreaProps } from './MovableArea'
@@ -52,9 +46,11 @@ import { NavigatorProps } from './Navigator'
 import { OfficialAccountProps } from './OfficialAccount'
 import { OpenDataProps } from './OpenData'
 import { PageContainerProps } from './PageContainer'
-/** 配置节点 */
 import { PageMetaProps } from './PageMeta'
-import { PickerDateProps, PickerMultiSelectorProps,PickerRegionProps, PickerSelectorProps, PickerTimeProps } from './Picker'
+import {
+  PickerDateProps, PickerMultiSelectorProps,
+  PickerRegionProps, PickerSelectorProps, PickerTimeProps
+} from './Picker'
 import { PickerViewProps } from './PickerView'
 import { ProgressProps } from './Progress'
 import { RadioProps } from './Radio'
@@ -73,6 +69,13 @@ import { VideoProps } from './Video'
 import { ViewProps } from './View'
 import { VoipRoomProps } from './VoipRoom'
 import { WebViewProps } from './WebView'
+import { RootPortalProps } from './RootPortal'
+import { PickerViewColumnProps } from './PickerViewColumn'
+import { NativeSlotProps } from './NativeSlot'
+import { GridViewProps } from './GridView'
+import { ListViewProps } from './ListView'
+import { StickyHeaderProps } from './StickyHeader'
+import { StickySectionProps } from './StickySection'
 
 /** 联合类型不能用omit（比如picker） */
 type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never
@@ -96,13 +99,17 @@ export * from './props'
 export declare const Block: VueComponentType<StandardProps>
 export declare const CoverImage: VueComponentType<CoverImageProps>
 export declare const CoverView: VueComponentType<CoverViewProps>
+export declare const GridView: VueComponentType<GridViewProps>
+export declare const ListView: VueComponentType<ListViewProps>
 export declare const MatchMedia: VueComponentType<MatchMediaProps>
 export declare const MovableArea: VueComponentType<MovableAreaProps>
 export declare const MovableView: VueComponentType<MovableViewProps>
 export declare const PageContainer: VueComponentType<PageContainerProps>
-export declare const RootPortal: VueComponentType
+export declare const RootPortal: VueComponentType<RootPortalProps>
 export declare const ScrollView: VueComponentType<ScrollViewProps>
 export declare const ShareElement: VueComponentType<ShareElementProps>
+export declare const StickyHeader: VueComponentType<StickyHeaderProps>
+export declare const StickySection: VueComponentType<StickySectionProps>
 export declare const Swiper: VueComponentType<SwiperProps>
 export declare const SwiperItem: VueComponentType<SwiperItemProps>
 export declare const View: VueComponentType<ViewProps>
@@ -122,7 +129,7 @@ export declare const KeyboardAccessory: VueComponentType<KeyboardAccessoryProps>
 export declare const Label: VueComponentType<LabelProps>
 export declare const Picker: VueComponentType<PickerMultiSelectorProps | PickerTimeProps | PickerDateProps | PickerRegionProps | PickerSelectorProps>
 export declare const PickerView: VueComponentType<PickerViewProps>
-export declare const PickerViewColumn: VueComponentType
+export declare const PickerViewColumn: VueComponentType<PickerViewColumnProps>
 export declare const Radio: VueComponentType<RadioProps>
 export declare const RadioGroup: VueComponentType<RadioGroupProps>
 export declare const Slider: VueComponentType<SliderProps>
@@ -135,6 +142,8 @@ export declare const NavigationBar: VueComponentType<NavigationBarProps>
 /** 媒体组件 */
 export declare const Audio: VueComponentType<AudioProps>
 export declare const Camera: VueComponentType<CameraProps>
+export declare const ChannelLive: VueComponentType<ChannelLiveProps>
+export declare const ChannelVideo: VueComponentType<ChannelVideoProps>
 export declare const Image: VueComponentType<ImageProps>
 export declare const LivePlayer: VueComponentType<LivePlayerProps>
 export declare const LivePusher: VueComponentType<LivePusherProps>
@@ -155,6 +164,7 @@ export declare const PageMeta: VueComponentType<PageMetaProps>
 
 export declare const CustomWrapper: VueComponentType<CustomWrapperProps>
 export declare const Slot: VueComponentType<SlotProps>
+export declare const NativeSlot: VueComponentType<NativeSlotProps>
 
 export type ReservedProps = {
   key?: string | number | symbol
@@ -183,8 +193,8 @@ declare global {
       'taro-movable-view-core': ElementAttrs<TransformReact2VueType<MovableViewProps>>
       'page-container': ElementAttrs<TransformReact2VueType<PageContainerProps>>
       'taro-page-container-core': ElementAttrs<TransformReact2VueType<PageContainerProps>>
-      'root-portal': ElementAttrs<TransformReact2VueType>
-      'taro-root-portal-core': ElementAttrs<TransformReact2VueType>
+      'root-portal': ElementAttrs<TransformReact2VueType<RootPortalProps>>
+      'taro-root-portal-core': ElementAttrs<TransformReact2VueType<RootPortalProps>>
       'scroll-view': ElementAttrs<TransformReact2VueType<ScrollViewProps>>
       'taro-scroll-view-core': ElementAttrs<TransformReact2VueType<ScrollViewProps>>
       'share-element': ElementAttrs<TransformReact2VueType<ShareElementProps>>
@@ -225,8 +235,8 @@ declare global {
       'taro-picker-core': ElementAttrs<TransformReact2VueType<PickerMultiSelectorProps | PickerTimeProps | PickerDateProps | PickerRegionProps | PickerSelectorProps>>
       'picker-view': ElementAttrs<TransformReact2VueType<PickerViewProps>>
       'taro-picker-view-core': ElementAttrs<TransformReact2VueType<PickerViewProps>>
-      'picker-view-column': ElementAttrs<TransformReact2VueType>
-      'taro-picker-view-column-core': ElementAttrs<TransformReact2VueType>
+      'picker-view-column': ElementAttrs<TransformReact2VueType<PickerViewColumnProps>>
+      'taro-picker-view-column-core': ElementAttrs<TransformReact2VueType<PickerViewColumnProps>>
       radio: ElementAttrs<TransformReact2VueType<RadioProps>>
       'taro-radio-core': ElementAttrs<TransformReact2VueType<RadioProps>>
       'radio-group': ElementAttrs<TransformReact2VueType<RadioGroupProps>>
@@ -249,6 +259,10 @@ declare global {
       'taro-audio-core': ElementAttrs<TransformReact2VueType<AudioProps>>
       camera: ElementAttrs<TransformReact2VueType<CameraProps>>
       'taro-camera-core': ElementAttrs<TransformReact2VueType<CameraProps>>
+      'channel-live': ElementAttrs<TransformReact2VueType<ChannelLiveProps>>
+      'taro-channel-live-core': ElementAttrs<TransformReact2VueType<ChannelLiveProps>>
+      'channel-video': ElementAttrs<TransformReact2VueType<ChannelVideoProps>>
+      'taro-channel-video-core': ElementAttrs<TransformReact2VueType<ChannelVideoProps>>
       image: ElementAttrs<TransformReact2VueType<ImageProps>>
       'taro-image-core': ElementAttrs<TransformReact2VueType<ImageProps>>
       'live-player': ElementAttrs<TransformReact2VueType<LivePlayerProps>>
@@ -285,6 +299,8 @@ declare global {
       /** 为了不与vue3模板默认的slot冲突，增加 Record<string, any> */
       'slot': ElementAttrs<TransformReact2VueType<SlotProps>> & Record<string, any>
       'taro-slot-core': ElementAttrs<TransformReact2VueType<SlotProps>>
+      'native-slot': ElementAttrs<TransformReact2VueType<NativeSlotProps>>
+      'taro-native-slot-core': ElementAttrs<TransformReact2VueType<NativeSlotProps>>
     }
   }
 }

package/dist/cjs/helper-db78e01a.js.map

@@ -1 +0,0 @@
-{"file":"helper-db78e01a.js","mappings":";;;;;;;;SAEgB,UAAU,CAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE;EAClD,OAAO,CAAC,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,CAAA;EAEpCA,wBAAI,CAAC,WAAW,CAAC,OAAO,CAAC,kBAAkB,EAAE;IAC3C,IAAI;IACJ,QAAQ;IACR,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,aAAa;GACxB,CAAC,CAAA;AACJ;;;;","names":["Taro"],"sources":["./src/utils/helper.ts"],"sourcesContent":["import Taro from '@tarojs/taro'\n\nexport function notSupport (name = '', instance = {}) {\n  console.error(`H5 暂不支持 ${name} 组件！`)\n\n  Taro.eventCenter.trigger('__taroNotSupport', {\n    name,\n    instance,\n    type: 'component',\n    category: 'temporarily',\n  })\n}\n"],"version":3}