uview-plus 3.2.3 → 3.2.6

package/types/comps/checkbox.d.ts

@@ -0,0 +1,69 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CheckboxProps {
+  /**
+   * checkbox的名称
+   */
+  name?: string | number | boolean
+  /**
+   * 形状，square为方形，circle为圆型
+   * @default "square"
+   */
+  shape?: 'square' | 'circle'
+  /**
+   * 整体的大小
+   */
+  size?: string | number
+  /**
+   * 是否默认选中
+   * @default false
+   */
+  checked?: boolean
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: string | boolean
+  /**
+   * 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
+   */
+  activeColor?: string
+  /**
+   * 未选中的颜色
+   */
+  inactiveColor?: string
+  /**
+   * 图标的大小，单位px
+   */
+  iconSize?: string | number
+  /**
+   * 图标颜色
+   */
+  iconColor?: string
+  /**
+   * label提示文字，因为nvue下，直接slot进来的文字，由于特殊的结构，无法修改样式
+   */
+  label?: string | number
+  /**
+   * label的字体大小，px单位
+   */
+  labelSize?: string | number
+  /**
+   * label的颜色
+   */
+  labelColor?: string
+  /**
+   * 是否禁止点击提示语选中复选框
+   */
+  labelDisabled?: string | boolean
+}
+
+declare interface _Checkbox {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CheckboxProps
+  }
+}
+
+export declare const Checkbox: _Checkbox

package/types/comps/checkboxGroup.d.ts

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

package/types/comps/code.d.ts

@@ -0,0 +1,69 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CodeProps {
+  /**
+   * 倒计时所需的秒数
+   * @default 60
+   */
+  seconds?: string | number
+  /**
+   * 开始前的提示语，详细见[文档](https://www.uviewui.com/components/code.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%8F%90%E7%A4%BA%E8%AF%AD)
+   * @default "获取验证码"
+   */
+  startText?: string
+  /**
+   * 倒计时期间的提示语，必须带有字母"x"，详细见[文档](https://www.uviewui.com/components/code.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%8F%90%E7%A4%BA%E8%AF%AD)
+   * @default "X秒重新获取"
+   */
+  changeText?: string
+  /**
+   * 倒计结束的提示语，详细见[文档](https://www.uviewui.com/components/code.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%8F%90%E7%A4%BA%E8%AF%AD)
+   * @default "重新获取"
+   */
+  endText?: string
+  /**
+   * 是否在H5刷新或各端返回再进入时继续倒计时
+   * @default false
+   */
+  keepRunning?: boolean
+  /**
+   * 多个组件之间继续倒计时的区分`key`，详细见[文档](https://www.uviewui.com/components/code.html#%E4%BF%9D%E6%8C%81%E5%80%92%E8%AE%A1%E6%97%B6)
+   */
+  uniqueKey?: string
+  /**
+   * 倒计时期间，每秒触发一次
+   * @param text 当前剩余多少秒的状态
+   */
+  onChange?: (text: string) => any
+  /**
+   * 开始倒计时触发
+   */
+  onStart?: () => any
+  /**
+   * 结束倒计时触发
+   */
+  onEnd?: () => any
+}
+
+declare interface _Code {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CodeProps
+  }
+}
+
+declare interface _CodeRef {
+  /**
+   * 开始倒计时
+   */
+  start: () => void
+  /**
+   * 结束当前正在进行中的倒计时，设置组件为可以重新获取验证码的状态
+   */
+  reset: () => void
+}
+
+export declare const Code: _Code
+
+export declare const CodeRef: _CodeRef

package/types/comps/codeInput.d.ts

@@ -0,0 +1,98 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CodeInputProps {
+  /**
+   * 键盘弹起时，是否自动上推页面
+   * @default true
+   */
+  adjustPosition?: boolean
+  /**
+   * 输入字符个数
+   * @default 6
+   */
+  maxlength?: string | number
+  /**
+   * 是否用圆点填充
+   * @default false
+   */
+  dot?: boolean
+  /**
+   * 模式选择
+   * @default "box"
+   */
+  mode?: 'box' | 'bottomLine' | 'middleLine'
+  /**
+   * 是否细边框
+   * @default false
+   */
+  hairline?: boolean
+  /**
+   * 字符间的距离
+   * @default 10
+   */
+  space?: string | number
+  /**
+   * 预置值
+   */
+  value?: string | number
+  /**
+   * 是否自动获取焦点
+   * @default false
+   */
+  focus?: boolean
+  /**
+   * 字体和输入横线是否加粗
+   * @default false
+   */
+  bold?: boolean
+  /**
+   * 字体颜色
+   * @default "#606266"
+   */
+  color?: string
+  /**
+   * 字体大小，单位rpx
+   * @default 18
+   */
+  fontSize?: string | number
+  /**
+   * 输入框的大小，宽等于高
+   * @default 35
+   */
+  size?: string | number
+  /**
+   * 禁止点击输入框唤起系统键盘
+   * @default false
+   */
+  disabledKeyboard?: boolean
+  /**
+   * 边框和线条颜色
+   * @default "#c9cacc"
+   */
+  borderColor?: string
+  /**
+   * 是否禁止输入"."符号
+   * @default true
+   */
+  disabledDot?: boolean
+  /**
+   * 输入内容发生改变时触发
+   * @param value 当前输入的值
+   */
+  onChange?: (value: any) => any
+  /**
+   * 输入字符个数达`maxlength`值时触发
+   * @param value 当前输入的值
+   */
+  onFinish?: (value: any) => any
+}
+
+declare interface _CodeInput {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CodeInputProps
+  }
+}
+
+export declare const CodeInput: _CodeInput

package/types/comps/col.d.ts

@@ -0,0 +1,43 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ColProps {
+  /**
+   * 栅格占据的列数，总12等分
+   * @default 0
+   */
+  span?: string | number
+  /**
+   * 分栏左边偏移，计算方式与span相同
+   * @default 0
+   */
+  offset?: string | number
+  /**
+   * 水平排列方式(微信小程序暂不支持)
+   * @default "start"
+   */
+  justify?: 'start' | 'flex-start' | 'end' | 'flex-end' | 'center' | 'around' | 'space-around' | 'between' | 'space-between'
+  /**
+   * 垂直排列方式
+   * @default "stretch"
+   */
+  align?: 'top' | 'center' | 'bottom' | 'stretch'
+  /**
+   * 文字水平对齐方式
+   * @default 'left
+   */
+  textAlign?: 'left' | 'center' | 'right'
+  /**
+   * 点击触发事件
+   */
+  onClick?: () => any
+}
+
+declare interface _Col {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ColProps
+  }
+}
+
+export declare const Col: _Col

package/types/comps/collapse.d.ts

@@ -0,0 +1,52 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CollapseProps {
+  /**
+   * 当前展开面板的name，非手风琴模式：[<String | Number>]，手风琴模式：String | Number
+   */
+  value: string | number | (string | number)[]
+  /**
+   * 是否手风琴模式
+   * @default false
+   */
+  accordion?: boolean
+  /**
+   * 是否显示外边框
+   * @default true
+   */
+  border?: boolean
+  /**
+   * 当前激活面板展开时触发(如果是手风琴模式，参数activeNames类型为String，否则为Array)
+   * @param activeNames 活动项
+   */
+  onChange?: (activeNames: string | any[]) => any
+  /**
+   * 当前激活面板展开时触发(如果是手风琴模式，参数activeNames类型为String，否则为Array)
+   * @param activeNames 活动项
+   */
+  onOpen?: (activeNames: string | any[]) => any
+  /**
+   * 当前激活面板关闭时触发(如果是手风琴模式，参数activeNames类型为String，否则为Array)
+   * @param activeNames 活动项
+   */
+  onClose?: (activeNames: string | any[]) => any
+}
+
+declare interface _Collapse {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CollapseProps
+  }
+}
+
+declare interface _CollapseRef {
+  /**
+   * 重新初始化内部高度计算，用于异步获取内容的情形，请结合`this.$nextTick()`使用
+   */
+  init: () => void
+}
+
+export declare const Collapse: _Collapse
+
+export declare const CollapseRef: _CollapseRef

package/types/comps/collapseItem.d.ts

@@ -0,0 +1,83 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CollapseItemProps {
+  /**
+   * 面板标题
+   */
+  title?: string
+  /**
+   * 标题右侧内容
+   */
+  value?: string
+  /**
+   * 标题下方的描述信息
+   */
+  label?: string
+  /**
+   * 面板是否可以打开或收起
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 是否展示右侧箭头并开启点击反馈
+   * @default true
+   */
+  isLink?: boolean
+  /**
+   * 是否开启点击反馈
+   * @default true
+   */
+  clickable?: boolean
+  /**
+   * 是否显示内边框
+   * @default true
+   */
+  border?: boolean
+  /**
+   * 唯一标识符，如不设置，默认用当前`collapse-item`的索引值
+   */
+  name?: string | number
+  /**
+   * 标题左侧图片，可为绝对路径的图片或内置图标
+   */
+  icon?: string
+  /**
+   * 面板展开收起的过渡时间，单位`ms`
+   * @default 300
+   */
+  duration?: number
+}
+
+declare interface CollapseItemSlots {
+  /**
+   * 主体部分的内容
+   */
+  ['default']?: () => any
+  /**
+   * 标题内容
+   */
+  ['title']?: () => any
+  /**
+   * icon
+   */
+  ['icon']?: () => any
+  /**
+   * 右侧value
+   */
+  ['value']?: () => any
+  /**
+   * 右侧icon
+   */
+  ['right-icon']?: () => any
+}
+
+declare interface _CollapseItem {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CollapseItemProps
+    $slots: CollapseItemSlots
+  }
+}
+
+export declare const CollapseItem: _CollapseItem

package/types/comps/countDown.d.ts

@@ -0,0 +1,60 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CountDownProps {
+  /**
+   * 倒计时时长，单位ms
+   * @default 0
+   */
+  time?: string | number
+  /**
+   * 时间格式，DD-日，HH-时，mm-分，ss-秒，SSS-毫秒
+   * @default "HH:mm:ss"
+   */
+  format?: string
+  /**
+   * 是否自动开始倒计时
+   * @default true
+   */
+  autoStart?: boolean
+  /**
+   * 是否展示毫秒倒计时
+   * @default false
+   */
+  millisecond?: boolean
+  /**
+   * 过程中，倒计时变化时触发
+   * @param time 剩余的时间
+   */
+  onChange?: (time: any) => any
+  /**
+   * 倒计时结束
+   */
+  onFinish?: () => any
+}
+
+declare interface _CountDownRef {
+  /**
+   * 开始倒计时
+   */
+  start: () => void
+  /**
+   * 暂停倒计时
+   */
+  pause: () => void
+  /**
+   * 重置倒计时
+   */
+  reset: () => void
+}
+
+declare interface _CountDown {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CountDownProps
+  }
+}
+
+export declare const CountDown: _CountDown
+
+export declare const CountDownRef: _CountDownRef

package/types/comps/countTo.d.ts

@@ -0,0 +1,88 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CountToProps {
+  /**
+   * 开始值
+   * @default 0
+   */
+  startVal?: string | number
+  /**
+   * 结束值
+   * @default 0
+   */
+  endVal?: string | number
+  /**
+   * 滚动过程所需的时间，单位ms
+   * @default 2000
+   */
+  duration?: string | number
+  /**
+   * 是否自动开始滚动
+   * @default true
+   */
+  autoplay?: boolean
+  /**
+   * 要显示的小数位数，详细见[文档](https://www.uviewui.com/components/countTo.html#%E6%98%AF%E5%90%A6%E6%98%BE%E7%A4%BA%E5%B0%8F%E6%95%B0%E4%BD%8D)
+   * @default 0
+   */
+  decimals?: string | number
+  /**
+   * 滚动结束时，是否缓动结尾，详细见[文档](https://www.uviewui.com/components/countTo.html#%E8%AE%BE%E7%BD%AE%E6%BB%9A%E5%8A%A8%E7%9B%B8%E5%85%B3%E5%8F%82%E6%95%B0)
+   * @default true
+   */
+  useEasing?: boolean
+  /**
+   * 十进制分割
+   */
+  decimal?: string
+  /**
+   * 字体颜色
+   * @default #606266
+   */
+  color?: string
+  /**
+   * 字体大小，单位px
+   * @default 22
+   */
+  fontSize?: string | number
+  /**
+   * 字体是否加粗
+   * @default false
+   */
+  bold?: boolean
+  /**
+   * 千位分隔符，详细见[文档](https://www.uviewui.com/components/countTo.html#%E5%8D%83%E5%88%86%E4%BD%8D%E5%88%86%E9%9A%94%E7%AC%A6)
+   */
+  separator?: string
+  /**
+   * 数值滚动到目标值时触发
+   */
+  onEnd?: () => any
+}
+
+declare interface _CountToRef {
+  /**
+   * `autoplay`为`false`时，通过此方法启动滚动
+   */
+  start: () => void
+  /**
+   * 暂停后重新开始滚动(从暂停前的值开始滚动)
+   */
+  reStart: () => void
+  /**
+   * 暂停滚动
+   */
+  paused: () => void
+}
+
+declare interface _CountTo {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CountToProps
+  }
+}
+
+export declare const CountTo: _CountTo
+
+export declare const CountToRef: _CountToRef