uview-plus 3.1.52 → 3.2.5

package/types/comps/scrollList.d.ts

@@ -0,0 +1,51 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ScrollListProps {
+  /**
+   * 指示器的整体宽度
+   * @default 50
+   */
+  indicatorWidth?: string | number
+  /**
+   * 滑块的宽度
+   * @default 20
+   */
+  indicatorBarWidth?: string | number
+  /**
+   * 是否显示面板指示器
+   * @default true
+   */
+  indicator?: boolean
+  /**
+   * 指示器非激活颜色
+   * @default "#f2f2f2"
+   */
+  indicatorColor?: string
+  /**
+   * 指示器滑块颜色
+   * @default "#3c9cff"
+   */
+  indicatorActiveColor?: string
+  /**
+   * 指示器样式，可通过bottom，left，right进行定位
+   */
+  indicatorStyle: string | Record<string, any>
+  /**
+   * 滑动到左边时触发
+   */
+  onLeft?: () => any
+  /**
+   * 滑动到右边时触发
+   */
+  onRight?: () => any
+}
+
+declare interface _ScrollList {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ScrollListProps
+  }
+}
+
+export declare const ScrollList: _ScrollList

package/types/comps/search.d.ts

@@ -0,0 +1,167 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface SearchProps {
+  /**
+   * 双向绑定输入框搜索值
+   */
+  ['v-model']?: string
+  /**
+   * 搜索框形状，round-圆形，square-方形
+   * @default "round"
+   */
+  shape?: 'round' | 'square'
+  /**
+   * 搜索框背景颜色
+   * @default "#f2f2f2"
+   */
+  bgColor?: string
+  /**
+   * 占位文字内容
+   * @default "请输入关键字"
+   */
+  placeholder?: string
+  /**
+   * 是否启用清除控件
+   * @default true
+   */
+  clearabled?: boolean
+  /**
+   * 是否自动获得焦点
+   * @default false
+   */
+  focus?: boolean
+  /**
+   * 是否显示右侧控件(右侧的"搜索"按钮)
+   * @default true
+   */
+  showAction?: boolean
+  /**
+   * 右侧控件的样式，对象形式
+   */
+  actionStyle?: unknown
+  /**
+   * 右侧控件文字
+   * @default "搜索"
+   */
+  actionText?: string
+  /**
+   * 输入框内容水平对齐方式
+   * @default "left"
+   */
+  inputAlign?: 'left' | 'center'  |'right'
+  /**
+   * 自定义输入框样式，对象形式
+   */
+  inputStyle?: unknown
+  /**
+   * 是否启用输入框
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 边框颜色，配置了颜色，才会有边框
+   * @default "transparent"
+   */
+  borderColor?: string
+  /**
+   * 搜索图标的颜色，默认同输入框字体颜色
+   * @default "#909399"
+   */
+  searchIconColor?: string
+  /**
+   * 搜索图标的大小
+   * @default 22
+   */
+  searchIconSize?: number
+  /**
+   * 输入框字体颜色
+   * @default "#606266"
+   */
+  color?: string
+  /**
+   * placeholder的颜色
+   * @default "#909399"
+   */
+  placeholderColor?: string
+  /**
+   * 输入框左边的图标，可以为uView图标名称或图片路径
+   * @default "search"
+   */
+  searchIcon?: string
+  /**
+   * 组件与其他上下左右元素之间的距离，带单位的字符串形式，如"30rpx"、"30rpx 20rpx"等写法
+   * @default "0"
+   */
+  margin?: string
+  /**
+   * 是否开启动画，详见[文档](https://www.uviewui.com/components/search.html#%E6%98%AF%E5%90%A6%E5%BC%80%E5%90%AF%E5%8F%B3%E8%BE%B9%E6%8E%A7%E4%BB%B6)
+   * @default false
+   */
+  animation?: boolean
+  /**
+   * 输入框初始值
+   */
+  value?: string
+  /**
+   * 输入框最大能输入的长度，-1为不限制长度
+   * @default -1
+   */
+  maxlength?: string | number
+  /**
+   * 输入框高度，单位rpx
+   * @default 64
+   */
+  height?: string | number
+  /**
+   * 搜索左侧文本信息
+   */
+  label?: string | number
+  /**
+   * 输入框内容发生变化时触发
+   * @param value 输入框的值
+   */
+  onChange?: (value: any) => any
+  /**
+   * 用户确定搜索时触发，用户按回车键，或者手机键盘右下角的"搜索"键时触发
+   * @param value 输入框的值
+   */
+  onSearch?: (value: any) => any
+  /**
+   * 用户点击右侧控件时触发
+   * @param value 输入框的值
+   */
+  onCustom?: (value: any) => any
+  /**
+   * 输入框失去焦点时触发
+   * @param value 输入框的值
+   */
+  onBlur?: (value: any) => any
+  /**
+   * 输入框获得焦点时触发
+   * @param value 输入框的值
+   */
+  onFocus?: (value: any) => any
+  /**
+   * 配置了`clearabled`后，清空内容时会发出此事件
+   */
+  onClear?: () => any
+  /**
+   * `disabled`为`true`时，点击输入框，发出此事件，用于跳转搜索页
+   */
+  onClick?: () => any
+  /**
+   * 左侧icon点击时候时触发
+   */
+  onClickIcon?: () => any
+}
+
+declare interface _Search {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SearchProps
+  }
+}
+
+export declare const Search: _Search

package/types/comps/skeleton.d.ts

@@ -0,0 +1,70 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface SkeletonProps {
+  /**
+   * 是否显示骨架占位图，设置为`false`将会展示子组件内容
+   * @default true
+   */
+  loading?: boolean
+  /**
+   * 是否开启动画效果
+   * @default true
+   */
+  animate?: boolean
+  /**
+   * 段落占位图行数
+   * @default 0
+   */
+  rows?: string | number
+  /**
+   * 段落占位图的宽度，可以为百分比，数值，带单位字符串等，可通过数组传入指定每个段落行的宽度
+   * @default "100%"
+   */
+  rowsWidth?: string | number | any[]
+  /**
+   * 段落的高度
+   * @default 18
+   */
+  rowsHeight?: string | number | any[]
+  /**
+   * 是否展示标题占位图
+   * @default true
+   */
+  title?: boolean
+  /**
+   * 标题的宽度
+   * @default "50%"
+   */
+  titleWidth?: string | number
+  /**
+   * 标题的高度
+   * @default 18
+   */
+  titleHeight?: string | number
+  /**
+   * 是否展示头像占位图
+   * @default false
+   */
+  avatar?: boolean
+  /**
+   * 头像占位图大小
+   * @default 32
+   */
+  avatarSize?: string | number
+  /**
+   * 头像占位图的形状
+   * @default "circle"
+   */
+  avatarShape?: 'circle' | 'square'
+}
+
+declare interface _Skeleton {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SkeletonProps
+  }
+}
+
+export declare const Skeleton: _Skeleton

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