uview-plus 3.2.3 → 3.2.6

package/types/comps/radio.d.ts

@@ -0,0 +1,77 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface RadioProps {
+  /**
+   * checkbox的名称
+   */
+  name?: string | number
+  /**
+   * 形状，square为方形，circle为圆型
+   * @default "square"
+   */
+  shape?: 'square' | 'circle'
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 是否禁止点击提示语选中复选框
+   */
+  labelDisabled?: string | boolean
+  /**
+   * 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
+   */
+  activeColor?: string
+  /**
+   * 未选中的颜色
+   */
+  inactiveColor?: string
+  /**
+   * 图标的大小，单位px
+   */
+  iconSize?: string | number
+  /**
+   * label的字体大小，px单位
+   */
+  labelSize?: string | number
+  /**
+   * label提示文字，因为nvue下，直接slot进来的文字，由于特殊的结构，无法修改样式
+   */
+  label?: string | number
+  /**
+   * 整体的大小
+   */
+  size?: string | number
+  /**
+   * 图标颜色
+   */
+  iconColor?: string
+  /**
+   * label的颜色
+   */
+  labelColor?: string
+  /**
+   * 某个`radio`状态发生变化时触发(选中状态)
+   * @param name 通过`props`传递的`name`值
+   */
+  onChange?: (name: string) => any
+}
+
+declare interface RadioSlots {
+  /**
+   * 自定义修改label内容
+   */
+  ['default']?: () => any
+}
+
+declare interface _Radio {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      RadioProps
+    $slots: RadioSlots
+  }
+}
+
+export declare const Radio: _Radio

package/types/comps/radioGroup.d.ts

@@ -0,0 +1,97 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface RadioGroupProps {
+  /**
+   * 绑定的值
+   */
+  value?: string | number | boolean
+  /**
+   * 是否禁用全部checkbox
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 形状，circle-圆形，square-方形
+   * @default "circle"
+   */
+  shape?: 'circle' | 'square'
+  /**
+   * 选中状态下的颜色，如子`Checkbox`组件设置此值，将会覆盖本值
+   * @default "#2979ff"
+   */
+  activeColor?: string
+  /**
+   * 未选中的颜色
+   * @default "#c8c9cc"
+   */
+  inactiveColor?: string
+  /**
+   * 标识符
+   */
+  name?: string
+  /**
+   * 整个组件的尺寸，默认px
+   * @default 18
+   */
+  size?: string | number
+  /**
+   * 布局方式，row-横向，column-纵向
+   * @default "row"
+   */
+  placement?: 'row' | 'column'
+  /**
+   * 文本
+   */
+  label?: string
+  /**
+   * label的字体颜色
+   * @default "#303133"
+   */
+  labelColor?: string
+  /**
+   * label的字体大小，px单位
+   * @default 14
+   */
+  labelSize?: string | number
+  /**
+   * 是否禁止点击文本操作
+   * @default false
+   */
+  labelDisabled?: boolean
+  /**
+   * 图标颜色
+   * @default "#fff"
+   */
+  iconColor?: string
+  /**
+   * 图标的大小，单位px
+   * @default 12
+   */
+  iconSize?: string | number
+  /**
+   * 竖向配列时，是否显示下划线
+   * @default false
+   */
+  borderBottom?: boolean
+  /**
+   * 勾选图标的对齐方式，left-左边，right-右边
+   * @default "left"
+   */
+  iconPlacement?: 'left' | 'right'
+  /**
+   * 任一个`radio`状态发生变化时触发
+   * @param name 值为`radio`通过`props`传递的`name`值
+   */
+  onChange?: (name: string) => any
+}
+
+declare interface _RadioGroup {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      RadioGroupProps
+  }
+}
+
+export declare const RadioGroup: _RadioGroup

package/types/comps/rate.d.ts

@@ -0,0 +1,85 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface RateProps {
+  /**
+   * 双向绑定选择星星的数量
+   * @default 1
+   */
+  value?: string | number
+  /**
+   * 最多可选的星星数量
+   * @default 5
+   */
+  count?: string | number
+  /**
+   * 是否禁止用户操作
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 是否只读
+   * @default false
+   */
+  readonly?: boolean
+  /**
+   * 星星的大小，单位rpx
+   * @default 18
+   */
+  size?: string | number
+  /**
+   * 未选中星星的颜色
+   * @default "#b2b2b2"
+   */
+  inactiveColor?: string
+  /**
+   * 选中的星星颜色
+   * @default "#FA3534"
+   */
+  activeColor?: string
+  /**
+   * 星星之间的距离
+   * @default 4
+   */
+  gutter?: string | number
+  /**
+   * 最少选中星星的个数
+   * @default 1
+   */
+  minCount?: string | number
+  /**
+   * 是否允许半星选择
+   * @default false
+   */
+  allowHalf?: boolean
+  /**
+   * 选中时的图标名，只能为uView的内置图标
+   * @default "star-fill"
+   */
+  activeIcon?: string
+  /**
+   * 未选中时的图标名，只能为uView的内置图标
+   * @default "star"
+   */
+  inactiveIcon?: string
+  /**
+   * 是否可以通过滑动手势选择评分
+   * @default true
+   */
+  touchable?: boolean
+  /**
+   * 选中的星星发生变化时触发
+   * @param value 当前选中的星星的数量
+   */
+  onChange?: (value: number) => any
+}
+
+declare interface _Rate {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      RateProps
+  }
+}
+
+export declare const Rate: _Rate

package/types/comps/readMore.d.ts

@@ -0,0 +1,80 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ReadMoreProps {
+  /**
+   * 内容超出此高度才会显示展开全文按钮，单位rpx
+   * @default 400
+   */
+  showHeight?: string | number
+  /**
+   * 展开后是否显示收起按钮
+   * @default false
+   */
+  toggle?: boolean
+  /**
+   * 关闭时的提示文字
+   * @default "展开阅读全文"
+   */
+  closeText?: string
+  /**
+   * 展开时的提示文字
+   * @default "收起"
+   */
+  openText?: string
+  /**
+   * 提示文字的颜色
+   * @default "#2979ff"
+   */
+  color?: string
+  /**
+   * 提示文字的大小，默认单位px
+   * @default 14
+   */
+  fontSize?: string | number
+  /**
+   * 对阴影的自定义处理
+   */
+  shadowStyle?: {
+    backgroundImage?: string
+    paddingTop?: string
+    marginTop?: string
+  }
+  /**
+   * 段落首行缩进的字符个数
+   * @default "2em"
+   */
+  textIndent?: string
+  /**
+   * 用于在`open`和`close`事件中当作回调参数返回
+   */
+  name?: string | number
+  /**
+   * 内容被展开时触发
+   * @param name props中传入的`name`参数值
+   */
+  onOpen?: (name: any) => any
+  /**
+   * 内容被收起时触发
+   * @param name props中传入的`name`参数值
+   */
+  onClose?: (name: any) => any
+}
+
+declare interface _ReadMoreRef {
+  /**
+   * 重新初始化组件内部高度计算过程，如果内嵌u-parse组件时可能需要用到
+   */
+  init: () => void
+}
+
+declare interface _ReadMore {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ReadMoreProps
+  }
+}
+
+export declare const ReadMore: _ReadMore
+
+export declare const ReadMoreRef: _ReadMoreRef

package/types/comps/row.d.ts

@@ -0,0 +1,34 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface RowProps {
+  /**
+   * 栅格间隔，左右各为此值的一半，单位任意
+   * @default 0
+   */
+  gutter?: string | number
+  /**
+   * 水平排列方式(微信小程序暂不支持)
+   * @default "start"
+   */
+  justify?: 'start' | 'flex-start' | 'end' | 'flex-end' | 'center' | 'around' | 'space-around' | 'between' | 'space-between'
+  /**
+   * 垂直排列方式
+   * @default "center"
+   */
+  align?: 'top' | 'center' | 'bottom'
+  /**
+   * 点击触发事件
+   */
+  onClick?: () => any
+}
+
+declare interface _Row {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      RowProps
+  }
+}
+
+export declare const Row: _Row

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