vite-plugin-taro-runtime 0.7.0 → 0.7.1-beta.2

package/dist/components/types/Swiper.d.ts

@@ -0,0 +1,339 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface SwiperProps extends StandardProps {
+  /** 是否显示面板指示点
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  indicatorDots?: boolean
+  /** 指示点颜色
+   * @default "rgba(0, 0, 0, .3)"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  indicatorColor?: string
+  /** 当前选中的指示点颜色
+   * @default "#000000"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  indicatorActiveColor?: string
+  /** 是否自动切换
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  autoplay?: boolean
+  /** 当前所在滑块的 index
+   * @default 0
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  current?: number
+  /** 当前所在滑块的 item-id ，不能与 current 被同时指定
+   * @supported swan, tt, qq, jd, h5, harmony_hybrid
+   * @weapp deprecated
+   * @default ""
+   */
+  currentItemId?: string
+  /** 自动切换时间间隔
+   * @default 5000
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  interval?: number
+  /** 滑动动画时长
+   * @default 500
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony, harmony_hybrid, ascf
+   */
+  duration?: number
+  /** 是否采用衔接滑动
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   */
+  circular?: boolean
+  /** 滑动方向是否为纵向
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  vertical?: boolean
+  /** 前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值
+   * @default "0px"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid, ascf
+   */
+  previousMargin?: string
+  /** 后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值
+   * @default "0px"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid, ascf
+   */
+  nextMargin?: string
+  /**
+   * 当 swiper-item 的个数大于等于 2，关闭 circular 并且开启 previous-margin 或 next-margin 的时候，可以指定这个边距是否应用到第一个、最后一个元素
+   * @default false
+   * @supported weapp, alipay
+   */
+  snapToEdge?: boolean
+  /** 同时显示的滑块数量
+   * @default 1
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, harmony_hybrid, ascf
+   */
+  displayMultipleItems?: number
+  /** 是否跳过未显示的滑块布局，设为 true 可优化复杂情况下的滑动性能，但会丢失隐藏状态滑块的布局信息
+   * @default false
+   * @supported qq, jd
+   */
+  skipHiddenItemLayout?: boolean
+  /** 指定 swiper 切换缓动动画类型
+   * @default "default"
+   * @supported weapp, alipay, tt, jd
+   */
+  easingFunction?: keyof SwiperProps.TEasingFunction
+  /** 是否禁止用户 touch 操作
+   * @default false
+   * @supported alipay, ascf
+   */
+  disableTouch?: boolean
+  /** 是否启用缩放
+   * @default false
+   * @supported h5, harmony_hybrid
+   */
+  zoom?: boolean
+  /** 是否开启全屏
+   * @default false
+   * @supported h5, harmony_hybrid
+   */
+  full?: boolean
+  /** swiper-item 可见时的 class。
+   * @supported alipay
+   */
+  activeClass?: string
+  /** acceleration 设置为 {{true}} 时且处于滑动过程中，中间若干屏处于可见时的 class。
+   * @supported alipay
+   */
+  changingClass?: string
+  /** 当开启时，会根据滑动速度，连续滑动多屏。
+   * @default false
+   * @supported alipay
+   */
+  acceleration?: string
+  /** 是否禁用代码变动触发 swiper 切换时使用动画。
+   * @default false
+   * @supported alipay
+   */
+  disableProgrammaticAnimation?: string
+  /** 滑动距离阈值，当滑动距离超过阈值时进行 swiper-item 切换。
+   * @supported alipay
+   */
+  swipeRatio?: string
+  /** 滑动综合速度阈值，当超过阈值时进行 swiper-item 切换，数值越小越敏感。
+   * @supported alipay
+   */
+  swipeSpeed?: string
+  /** 计算用户手势时所依赖的滑动角度。角度根据 touchstart 事件和首次 touchmove 事件的坐标计算得出。数值越小越对用户的滑动方向准确度要求越高。
+   * @supported alipay
+   */
+  touchAngle?: string
+  /** 自动以指定滑块的高度为整个容器的高度。当 vertical 为 true 时，默认不调整。可选值为：
+   * @supported alipay
+   */
+  adjustHeight?: 'first' | 'current' | 'highest' | 'none'
+  /** vertical 为 true 时强制使 adjust-height 生效。
+   * @supported alipay
+   */
+  adjustVerticalHeight?: string
+  /** 是否停止响应用户 touchmove 操作
+   * @default false
+   * @supported swan
+   */
+  disableTouchmove?: string
+  /** swiper11 相关的动效参数，具体见文档 https://swiperjs.com/swiper-api#parameters
+   * @supported h5
+  */
+  effectsProps?: Record<string, any>
+  /** current 改变时会触发 change 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid
+   */
+  onChange?: CommonEventFunction<SwiperProps.onChangeEventDetail>
+  /** swiper-item 的位置发生改变时会触发 transition 事件
+   * @supported weapp, alipay, tt, qq
+   */
+  onTransition?: CommonEventFunction<SwiperProps.onTransitionEventDetail>
+  /** 动画结束时会触发 animationfinish 事件
+   * @supported weapp, swan, tt, qq, jd, h5, rn, harmony_hybrid
+   */
+  onAnimationFinish?: SwiperProps['onChange']
+  /** 动画结束时会触发 animationEnd 事件
+   * @supported alipay
+   */
+  onAnimationEnd?: CommonEventFunction<SwiperProps.onCommonEventDetail>
+  /** 渲染模式
+   * @supported weapp
+   * @default normal
+   */
+  layoutType?: 'normal' | 'stackLeft' | 'stackRight' | 'tinder' | 'transformer'
+  /** layout-type 为 transformer 时指定动画类型
+   * @supported weapp
+   * @default scaleAndFade
+   */
+  transformerType?: 'scaleAndFade' | 'accordion' | 'threeD' | 'zoomIn' | 'zoomOut' | 'deepthPage'
+  /** 指示点动画类型
+   * @supported weapp
+   * @default normal
+   */
+  indicatorType?: 'normal' | 'worm' | 'wormThin' | 'wormUnderground' | 'wormThinUnderground' | 'expand' | 'jump' | 'jumpWithOffset' | 'scroll' | 'scrollFixedCenter' | 'slide' | 'slideUnderground' | 'scale' | 'swap' | 'swapYRotation' | 'color'
+  /** 指示点四周边距
+   * @supported weapp
+   * @default 10
+   */
+  indicatorMargin?: number
+  /** 指示点间距
+   * @supported weapp
+   * @default 4
+   */
+  indicatorSpacing?: number
+  /** 指示点圆角大小
+   * @supported weapp
+   * @default 4
+   */
+  indicatorRadius?: number
+  /** 指示点宽度
+   * @supported weapp
+   * @default 8
+   */
+  indicatorWidth?: number
+  /** 指示点高度
+   * @supported weapp
+   * @default 8
+   */
+  indicatorHeight?: number
+  /** 指示点的相对位置
+   * @supported weapp
+   * @default auto
+   */
+  indicatorAlignment?: [number, number] | string
+  /** 指示点位置的偏移量
+   * @supported weapp
+   * @default [0, 0]
+   */
+  indicatorOffset?: [number, number]
+  /** 改变 current 时使用动画过渡
+   * @supported weapp
+   * @default true
+   */
+  scrollWithAnimation?: boolean
+  /** 缓存区域大小，值为 1 表示提前渲染上下各一屏区域（swiper 容器大小）
+   * @supported weapp
+   * @default 0
+   */
+  cacheExtent?: number
+  /** 滑动开始时触发，仅支持 worklet 作为回调。event.detail = {dx: dx, dy: dy}
+   * @supported weapp
+   */
+  onScrollStartWorklet?: string
+  /** 滑动位置更新时触发，仅支持 worklet 作为回调。event.detail = {dx: dx, dy: dy}
+   * @supported weapp
+   */
+  onScrollUpdateWorklet?: string
+  /** 滑动结束时触发，仅支持 worklet 作为回调。event.detail = {dx: dx, dy: dy}
+   * @supported weapp
+   */
+  onScrollEndWorklet?: string
+}
+declare namespace SwiperProps {
+  /** 导致变更的原因 */
+  interface TChangeSource {
+    /** 自动播放 */
+    autoplay
+    /** 用户划动 */
+    touch
+    /** 其它原因 */
+    ''
+  }
+  /** 指定 swiper 切换缓动动画类型 */
+  interface TEasingFunction {
+    /** 默认缓动函数 */
+    default
+    /** 线性动画 */
+    linear
+    /** 缓入动画 */
+    easeInCubic
+    /** 缓出动画 */
+    easeOutCubic
+    /** 缓入缓出动画 */
+    easeInOutCubic
+  }
+  interface onCommonEventDetail {
+    /** 当前所在滑块的索引 */
+    current: number
+    /** 导致变更的原因 */
+    source: keyof SwiperProps.TChangeSource
+  }
+  interface onChangeEventDetail {
+    /** 当前所在滑块的索引 */
+    current: number
+    /** 导致变更的原因 */
+    source: keyof SwiperProps.TChangeSource
+    /** SwiperItem的itemId参数值 */
+    currentItemId?: string
+  }
+  interface onTransitionEventDetail {
+    /** X 坐标 */
+    dx: number
+    /** Y 坐标 */
+    dy: number
+  }
+}
+/** 滑块视图容器。其中只可放置 swiper-item 组件，否则会导致未定义的行为。
+ * > 不要为 `SwiperItem` 设置 **style** 属性，可以通过 class 设置样式。[7147](https://github.com/NervJS/taro/issues/7147)
+ * @classification viewContainer
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * class App extends Component {
+ *   render () {
+ *     return (
+ *       <Swiper
+ *         className='test-h'
+ *         indicatorColor='#999'
+ *         indicatorActiveColor='#333'
+ *         vertical
+ *         circular
+ *         indicatorDots
+ *         autoplay>
+ *         <SwiperItem>
+ *           <View className='demo-text-1'>1</View>
+ *         </SwiperItem>
+ *         <SwiperItem>
+ *           <View className='demo-text-2'>2</View>
+ *         </SwiperItem>
+ *         <SwiperItem>
+ *           <View className='demo-text-3'>3</View>
+ *         </SwiperItem>
+ *       </Swiper>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <swiper
+ *     class='test-h'
+ *     indicator-color='#999'
+ *     indicator-active-color='#333'
+ *     :vertical="true"
+ *     :circular="true"
+ *     :indicator-dots="true"
+ *     :autoplay="true"
+ *   >
+ *     <swiper-item>
+ *       <view class='demo-text-1'>1</view>
+ *     </swiper-item>
+ *     <swiper-item>
+ *       <view class='demo-text-2'>2</view>
+ *     </swiper-item>
+ *     <swiper-item>
+ *       <view class='demo-text-3'>3</view>
+ *     </swiper-item>
+ *   </swiper>
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
+ */
+declare const Swiper: ComponentType<SwiperProps>
+export { Swiper, SwiperProps }

package/dist/components/types/SwiperItem.d.ts

@@ -0,0 +1,77 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface SwiperItemProps extends StandardProps {
+  /** 该 swiper-item 的标识符
+   * @supported weapp, swan, tt, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  itemId?: string
+  /** 是否跳过未显示的滑块布局，设为 true 可优化复杂情况下的滑动性能，但会丢失隐藏状态滑块的布局信息
+   * @default false
+   * @supported weapp
+   */
+  skipHiddenItemLayout?: boolean
+  /** Swiper 循环状态下，前后垫片节点拷贝模式，用于修复 Vue 在 CustomElements 下的节点拷贝问题
+   * @default false
+   * @supported h5
+   */
+  deep?: boolean
+}
+/** 仅可放置在 swiper 组件中，宽高自动设置为100%
+ * > 不要为 `SwiperItem` 设置 **style** 属性，可以通过 class 设置样式。[7147](https://github.com/NervJS/taro/issues/7147)
+ * @classification viewContainer
+ * @supported weapp, alipay, swan, tt, jd, h5, rn, harmony, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * class App extends Component {
+ *   render () {
+ *     return (
+ *       <Swiper
+ *         className='test-h'
+ *         indicatorColor='#999'
+ *         indicatorActiveColor='#333'
+ *         vertical
+ *         circular
+ *         indicatorDots
+ *         autoplay>
+ *         <SwiperItem>
+ *           <View className='demo-text-1'>1</View>
+ *         </SwiperItem>
+ *         <SwiperItem>
+ *           <View className='demo-text-2'>2</View>
+ *         </SwiperItem>
+ *         <SwiperItem>
+ *           <View className='demo-text-3'>3</View>
+ *         </SwiperItem>
+ *       </Swiper>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <swiper
+ *     class='test-h'
+ *     indicator-color='#999'
+ *     indicator-active-color='#333'
+ *     :vertical="true"
+ *     :circular="true"
+ *     :indicator-dots="true"
+ *     :autoplay="true"
+ *   >
+ *     <swiper-item>
+ *       <view class='demo-text-1'>1</view>
+ *     </swiper-item>
+ *     <swiper-item>
+ *       <view class='demo-text-2'>2</view>
+ *     </swiper-item>
+ *     <swiper-item>
+ *       <view class='demo-text-3'>3</view>
+ *     </swiper-item>
+ *   </swiper>
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/swiper-item.html
+ */
+declare const SwiperItem: ComponentType<SwiperItemProps>
+export { SwiperItem, SwiperItemProps }

package/dist/components/types/Switch.d.ts

@@ -0,0 +1,96 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction, FormItemProps } from './common'
+interface SwitchProps extends StandardProps, FormItemProps {
+  /** 是否选中
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  checked?: boolean
+  /** 设置在 React 非受控状态下，当前是否选中
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf
+   * @unique
+   */
+  defaultChecked?: boolean
+  /** 是否禁用
+   * @default false
+   * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  disabled?: boolean
+  /** 样式，有效值：switch, checkbox
+   * @default "switch"
+   * @supported weapp, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  type?: 'switch' | 'checkbox'
+  /** switch 的颜色，同 css 的 color
+   * @default "#04BE02"
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  color?: string
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5, harmony_hybrid
+   */
+  nativeProps?: Record<string, unknown>
+  /** 组件名字，用于表单提交获取数据。
+   * @supported alipay
+   */
+  name?: string
+  /** 是否为受控组件，为 true 时，checked 会完全受 setData 控制。
+   * @default false
+   * @supported alipay
+   */
+  controlled?: string
+  /** 无障碍访问，（属性）元素的额外描述
+   * @supported qq
+   */
+  ariaLabel?: string
+  /** checked 改变时触发 change 事件
+   * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+   */
+  onChange?: CommonEventFunction<SwitchProps.onChangeEventDetail>
+}
+declare namespace SwitchProps {
+  interface onChangeEventDetail {
+    value: boolean
+  }
+}
+/** 开关选择器
+ * @classification forms
+ * @example_react
+ * ```tsx
+ * export default class PageView extends Component {
+ *   constructor() {
+ *     super(...arguments)
+ *   }
+ *
+ *   render() {
+ *     return (
+ *       <View className='components-page'>
+ *         <Text>默认样式</Text>
+ *         <Switch checked/>
+ *         <Switch/>
+ *         <Text>推荐展示样式</Text>
+ *         <Switch checked/>
+ *         <Switch/>
+ *       </View>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class='components-page'>
+ *     <text>默认样式</text>
+ *     <switch :checked="true" />
+ *     <switch />
+ *     <text>推荐展示样式</text>
+ *     <switch :checked="true" />
+ *     <switch />
+ *   </view>
+ * </template>
+ * ```
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid, ascf
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/switch.html
+ */
+declare const Switch: ComponentType<SwitchProps>
+export { Switch, SwitchProps }

package/dist/components/types/TabItem.d.ts

@@ -0,0 +1,31 @@
+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/dist/components/types/Tabs.d.ts

@@ -0,0 +1,50 @@
+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 }