uview-plus 3.2.3 → 3.2.6

package/types/comps/slider.d.ts

@@ -0,0 +1,79 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface SliderProps {
+  /**
+   * 双向绑定滑块选择值
+   * @default 0
+   */
+  value?: string | number
+  /**
+   * 滑块的大小
+   * @default 18
+   */
+  blockSize?: string | number
+  /**
+   * 可选的最小值(0-100之间)
+   * @default 1
+   */
+  min?: string | number
+  /**
+   * 可选的最大值(0-100之间)
+   * @default 100
+   */
+  max?: string | number
+  /**
+   * 选择的步长
+   * @default 1
+   */
+  step?: string | number
+  /**
+   * 进度条的激活部分颜色
+   * @default "#2979ff"
+   */
+  activeColor?: string
+  /**
+   * 进度条的背景颜色
+   * @default "#c0c4cc"
+   */
+  inactiveColor?: string
+  /**
+   * 滑块背景颜色
+   * @default "#ffffff"
+   */
+  blockColor?: string
+  /**
+   * 是否显示当前 value
+   * @default false
+   */
+  showValue?: boolean
+  /**
+   * 滑块按钮自定义样式
+   */
+  blockStyle?: unknown
+  /**
+   * 更新v-model的
+   * @param value 当前值
+   */
+  onInput?: (value: any) => any
+  /**
+   * 触发事件（拖动过程中）
+   * @param value 当前值
+   */
+  onChanging?: (value: any) => any
+  /**
+   * 触发事件
+   * @param value 当前值
+   */
+  onChange?: (value: any) => any
+}
+
+declare interface _Slider {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SliderProps
+  }
+}
+
+export declare const Slider: _Slider

package/types/comps/steps.d.ts

@@ -0,0 +1,48 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface StepsProps {
+  /**
+   * 方向
+   * @default "row"
+   */
+  direction?: 'row' | 'column'
+  /**
+   * 设置当前处于第几步
+   * @default 0
+   */
+  current?: number | string
+  /**
+   * 激活状态颜色
+   * @default "#3c9cff"
+   */
+  activeColor?: string
+  /**
+   * 未激活状态颜色
+   * @default "#969799"
+   */
+  inactiveColor?: string
+  /**
+   * 激活状态的图标
+   */
+  activeIcon?: string
+  /**
+   * 未激活状态图标
+   */
+  inactiveIcon?: string
+  /**
+   * 是否显示点类型
+   * @default false
+   */
+  dot?: boolean
+}
+
+declare interface _Steps {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      StepsProps
+  }
+}
+
+export declare const Steps: _Steps

package/types/comps/stepsItem.d.ts

@@ -0,0 +1,41 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface StepsItemProps {
+  /**
+   * 标题文字
+   */
+  title?: string
+  /**
+   * 描述文本
+   */
+  current?: string
+  /**
+   * 图标大小
+   * @default 17
+   */
+  iconSize?: string | number
+  /**
+   * 当前步骤是否处于失败状态
+   * @default false
+   */
+  error?: boolean
+}
+
+declare interface StepsItemSlots {
+  /**
+   * 自定步骤状态内容
+   */
+  ['default']?: () => any
+}
+
+declare interface _StepsItem {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      StepsItemProps
+    $slots: StepsItemSlots
+  }
+}
+
+export declare const StepsItem: _StepsItem

package/types/comps/sticky.d.ts

@@ -0,0 +1,48 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface StickyProps {
+  /**
+   * 吸顶时与顶部的距离，单位rpx
+   * @default 0
+   */
+  offsetTop?: string | number
+  /**
+   * 导航栏高度，自定义导航栏时，需要传入此值
+   * @default 0
+   */
+  customNavHeight?: string | number
+  /**
+   * 是否禁用吸顶功能
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 组件背景颜色
+   * @default #ffffff
+   */
+  bgColor?: string
+  /**
+   * 吸顶时的z-index值，NVUE无效
+   */
+  zIndex?: string | number
+  /**
+   * 自定义标识，用于区分是哪一个组件
+   */
+  index?: string | number
+}
+
+declare interface StickySlots {
+  ['default']?: () => any
+}
+
+declare interface _Sticky {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      StickyProps
+    $slots: StickySlots
+  }
+}
+
+export declare const Sticky: _Sticky

package/types/comps/subsection.d.ts

@@ -0,0 +1,64 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface SubsectionProps {
+  /**
+   * 选项的数组
+   */
+  list?: any[]
+  /**
+   * 初始化时默认选中的选项索引值
+   * @default 0
+   */
+  current?: string | number
+  /**
+   * 激活时的颜色
+   * @default "#3c9cff"
+   */
+  activeColor?: string
+  /**
+   * 未激活时的颜色
+   * @default "#303133"
+   */
+  inactiveColor?: string
+  /**
+   * 模式选择
+   * @default "button"
+   */
+  mode?: 'button' | 'subsection'
+  /**
+   * 字体大小，单位px
+   * @default 12
+   */
+  fontSize?: string | number
+  /**
+   * 激活选项的字体是否加粗
+   * @default true
+   */
+  bold?: boolean
+  /**
+   * 组件背景颜色，`mode`为`button`时有效
+   * @default "#eeeeef"
+   */
+  bgColor?: string
+  /**
+   * 从`list`元素对象中读取的键名
+   * @default "name"
+   */
+  keyName?: string
+  /**
+   * 分段器选项发生改变时触发
+   * @param index 选项的index索引值，从0开始
+   */
+  onChange?: (index: number) => any
+}
+
+declare interface _Subsection {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SubsectionProps
+  }
+}
+
+export declare const Subsection: _Subsection

package/types/comps/swipeAction.d.ts

@@ -0,0 +1,24 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface SwipeActionProps {
+  /**
+   * 是否自动关闭其他swipe按钮组
+   * @default true
+   */
+  autoClose?: boolean
+  /**
+   * 点击组件时触发
+   * @param index 索引
+   */
+  onClick?: (index: number) => any
+}
+
+declare interface _SwipeAction {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SwipeActionProps
+  }
+}
+
+export declare const SwipeAction: _SwipeAction

package/types/comps/swipeActionItem.d.ts

@@ -0,0 +1,58 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface SwipeActionItemProps {
+  /**
+   * 控制打开或者关闭
+   * @default false
+   */
+  show?: boolean
+  /**
+   * 标识符，如果是v-for，可用index索引
+   */
+  index?: string | number
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 是否自动关闭其他swipe按钮组
+   * @default true
+   */
+  autoClose?: boolean
+  /**
+   * 滑动距离阈值，只有大于此值，才被认为是要打开菜单
+   * @default 20
+   */
+  threshold?: number
+  /**
+   * 右侧按钮内容
+   */
+  options?: any[]
+  /**
+   * 动画过渡时间，单位ms
+   * @default 300
+   */
+  duration?: string | number
+  /**
+   * 标识符，如果是v-for，可用index索引值
+   */
+  name?: string | number
+  /**
+   * 按钮被点击时触发
+   * @param name props参数`name`的值
+   * @param index 第几个按钮被点击
+   */
+  onClick?: (name: any, index: number) => any
+}
+
+
+declare interface _SwipeActionItem {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SwipeActionItemProps
+  }
+}
+
+export declare const SwipeActionItem: _SwipeActionItem

package/types/comps/swiper.d.ts

@@ -0,0 +1,142 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+import { ImageMode } from './image'
+
+declare interface SwiperProps {
+  /**
+   * 轮播图数据
+   */
+  list?: any[]
+  /**
+   * 是否显示面板指示器
+   * @default false
+   */
+  indicator?: boolean
+  /**
+   * 指示器激活的颜色
+   * @default "#fff"
+   */
+  indicatorActiveColor?: string
+  /**
+   * 指示器非激活颜色
+   * @default "rgba(255, 255, 255, 0.35)"
+   */
+  indicatorInactiveColor?: string
+  /**
+   * 指示器样式，可通过bottom，left，right进行定位
+   */
+  indicatorStyle?: string | Record<string, any>
+  /**
+   * 指示器模式
+   * @default "line"
+   */
+  indicatorMode?: 'line' | 'dot'
+  /**
+   * 是否自动切换
+   * @default true
+   */
+  autoplay?: boolean
+  /**
+   * 当前所在滑块的 index
+   * @default 0
+   */
+  current?: string | number
+  /**
+   * 当前所在滑块的 item-id ，不能与 current 被同时指定
+   */
+  currentItemId?: string
+  /**
+   * 滑块自动切换时间间隔（ms）
+   * @default 3000
+   */
+  interval?: string | number
+  /**
+   * 滑块切换过程所需时间（ms），nvue不支持
+   * @default 300
+   */
+  duration?: string | number
+  /**
+   * 播放到末尾后是否重新回到开头
+   * @default false
+   */
+  circular?: boolean
+  /**
+   * 前边距，可用于露出前一项的一小部分，nvue和支付宝不支持
+   * @default 0
+   */
+  previousMargin?: string | number
+  /**
+   * 后边距，可用于露出后一项的一小部分，nvue和支付宝不支持
+   * @default 0
+   */
+  nextMargin?: string | number
+  /**
+   * 当开启时，会根据滑动速度，连续滑动多屏，支付宝不支持
+   * @default false
+   */
+  acceleration?: boolean
+  /**
+   * 同时显示的滑块数量，nvue、支付宝小程序不支持
+   * @default 1
+   */
+  displayMultipleItems?: number
+  /**
+   * 指定swiper切换缓动动画类型， 只对微信小程序有效
+   * @default "default"
+   */
+  easingFunction?: 'default' | 'linear' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic'
+  /**
+   * list数组中指定对象的目标属性名
+   * @default "url"
+   */
+  keyName?: string
+  /**
+   * 裁剪模式
+   * @default "aspectFill"
+   */
+  imgMode?: ImageMode
+  /**
+   * 组件高度
+   * @default 130
+   */
+  height?: string | number
+  /**
+   * 背景颜色
+   * @default "#f3f4f6"
+   */
+  bgColor?: string
+  /**
+   * 组件圆角，数值或带单位的字符串
+   * @default 4
+   */
+  radius?: string | number
+  /**
+   * 是否加载中
+   * @default false
+   */
+  loading?: boolean
+  /**
+   * 是否显示标题，要求数组对象中有title属性
+   * @default false
+   */
+  showTitle?: boolean
+  /**
+   * 点击轮播图时触发
+   * @param index 点击了第几张图片，从0开始
+   */
+  onClick?: (index: number) => any
+  /**
+   * 轮播图切换时触发(自动或者手动切换)
+   * @param index 点击了第几张图片，从0开始
+   */
+  onChange?: (index: number) => any
+}
+
+declare interface _Swiper {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SwiperProps
+  }
+}
+
+export declare const Swiper: _Swiper

package/types/comps/swiperIndicator.d.ts

@@ -0,0 +1,37 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface SwiperIndicatorProps {
+  /**
+   * 轮播的长度
+   * @default 0
+   */
+  length?: string | number
+  /**
+   * 当前处于活动状态的轮播的索引
+   * @default 0
+   */
+  current?: string | number
+  /**
+   * 指示器非激活颜色
+   */
+  indicatorActiveColor?: string
+  /**
+   * 指示器的激活颜色
+   */
+  indicatorInactiveColor?: string
+  /**
+   * 指示器的形式
+   * @default "line"
+   */
+  indicatorStyle?: 'line' | 'dot'
+}
+
+declare interface _SwiperIndicator {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SwiperIndicatorProps
+  }
+}
+
+export declare const SwiperIndicator: _SwiperIndicator

package/types/comps/switch.d.ts

@@ -0,0 +1,73 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface SwitchProps {
+  /**
+   * 是否处于加载中
+   * @default false
+   */
+  loading?: boolean
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 开关尺寸，单位rpx
+   */
+  size?: string | number
+  /**
+   * 打开时的背景色
+   * @default "#2979ff"
+   */
+  activeColor?: string
+  /**
+   * 关闭时的背景色
+   * @default "#ffffff"
+   */
+  inactiveColor?: string
+  /**
+   * 通过v-model双向绑定的值
+   * @default false
+   */
+  value?: string | number | boolean
+  /**
+   * switch打开时的值
+   * @default true
+   */
+  activeValue?: string | number | boolean
+  /**
+   * switch关闭时的值
+   * @default false
+   */
+  inactiveValue?: string | number | boolean
+  /**
+   * 是否开启异步变更，开启后需要手动控制输入值
+   * @default false
+   */
+  asyncChange?: boolean
+  /**
+   * 圆点与外边框的距离
+   * @default 0
+   */
+  space?: string | number
+  /**
+   * 在`switch`打开或关闭时触发
+   * @param value 打开时为`activeValue`值，关闭时为`inactiveValue`值
+   */
+  onChange?: (value: any) => any
+  /**
+   * 在`switch`打开或关闭时触发（没开启异步）
+   * @param value 打开时为`activeValue`值，关闭时为`inactiveValue`值
+   */
+  onInput?: (value: any) => any
+}
+
+declare interface _Switch {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SwitchProps
+  }
+}
+
+export declare const Switch: _Switch

package/types/comps/tabbar.d.ts

@@ -0,0 +1,54 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TabbarProps {
+  /**
+   * 当前匹配项的name
+   * @default null
+   */
+  value?: string | number
+  /**
+   * 是否为iPhoneX留出底部安全距离
+   * @default true
+   */
+  safeAreaInsetBottom?: boolean
+  /**
+   * 是否显示上方边框
+   * @default true
+   */
+  border?: boolean
+  /**
+   * 元素层级z-index
+   * @default 1
+   */
+  zIndex?: string | number
+  /**
+   * 选中标签的颜色
+   * @default "#1989fa"
+   */
+  activeColor?: string
+  /**
+   * 未选中标签的颜色
+   * @default "#7d7e80"
+   */
+  inactiveColor?: string
+  /**
+   * 是否固定在底部
+   * @default true
+   */
+  fixed?: boolean
+  /**
+   * fixed定位固定在底部时，是否生成一个等高元素防止塌陷
+   * @default true
+   */
+  placeholder?: boolean
+}
+
+declare interface _Tabbar {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TabbarProps
+  }
+}
+
+export declare const Tabbar: _Tabbar