uview-plus 3.1.52 → 3.2.5

package/types/comps/calendar.d.ts

@@ -0,0 +1,164 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CalendarProps {
+  /**
+   * 标题内容
+   * @default "日期选择"
+   */
+  title?: string
+  /**
+   * 是否显示标题
+   * @default true
+   */
+  showTitle?: boolean
+  /**
+   * 是否显示副标题
+   * @default true
+   */
+  showSubtitle?: boolean
+  /**
+   * 日期类型选择
+   * @default 'single
+   */
+  mode?: 'single' | 'multiple' | 'range'
+  /**
+   * mode=range时，第一个日期底部的提示文字
+   * @default "开始"
+   */
+  startText?: string
+  /**
+   * mode=range时，最后一个日期底部的提示文字
+   * @default "结束"
+   */
+  endText?: string
+  /**
+   * 自定义列表
+   */
+  customList?: any[]
+  /**
+   * 主题色，对底部按钮和选中日期有效
+   * @default "#3c9cff"
+   */
+  color?: string
+  /**
+   * 最小的可选日期
+   * @default 0
+   */
+  minDate?: string | number
+  /**
+   * 最大可选日期
+   * @default 0
+   */
+  maxDate?: string | number
+  /**
+   * 默认选中的日期，mode为multiple或range是必须为数组格式
+   * @default null
+   */
+  defaultDate?: string | Date | any[]
+  /**
+   * mode=multiple时，最多可选多少个日期
+   * @default Number.MAX_SAFE_INTEGER
+   */
+  maxCount?: string | number
+  /**
+   * 日期行高
+   * @default 56
+   */
+  rowHeight?: string | number
+  /**
+   * 日期格式化函数(如需兼容微信小程序，则只能通过setFormatter方法)
+   */
+  formatter?: (...args: any) => any
+  /**
+   * 是否显示农历
+   * @default false
+   */
+  showLunar?: boolean
+  /**
+   * 是否显示月份背景色
+   * @default true
+   */
+  showMark?: boolean
+  /**
+   * 确定按钮的文字
+   * @default "确定"
+   */
+  confirmText?: string
+  /**
+   * 确认按钮处于禁用状态时的文字
+   * @default "确定"
+   */
+  confirmDisabledText?: string
+  /**
+   * 是否显示日历弹窗
+   * @default false
+   */
+  show?: boolean
+  /**
+   * 是否允许点击遮罩关闭日历 （注意：关闭事件需要自行处理，只会在开启closeOnClickOverlay后点击遮罩层执行close回调）
+   * @default false
+   */
+  closeOnClickOverlay?: boolean
+  /**
+   * 是否为只读状态，只读状态下禁止选择日期
+   * @default false
+   */
+  readonly?: boolean
+  /**
+   * 日期区间最多可选天数，默认无限制，mode = range时有效
+   * @default 无限制
+   */
+  maxRange?: string | number
+  /**
+   * 范围选择超过最多可选天数时的提示文案，mode = range时有效
+   * @default "选择天数不能超过 xx 天"
+   */
+  rangePrompt?: string | null
+  /**
+   * 范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效
+   * @default true
+   */
+  showRangePrompt?: boolean
+  /**
+   * 是否允许日期范围的起止时间为同一天，mode = range时有效
+   * @default false
+   */
+  allowSameDay?: boolean
+  /**
+   * 圆角值，默认无圆角
+   * @default 0
+   */
+  round?: string | number
+  /**
+   * 最大展示的月份数量
+   * @default 3
+   */
+  monthNum?: string | number
+  /**
+   * 日期选择完成后触发，若`show-confirm`为`true`，则点击确认按钮后触发
+   */
+  onConfirm?: (...args: any) => any
+  /**
+   * 日历关闭时触发
+   */
+  onClose?: () => any
+}
+
+declare interface _Calendar {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CalendarProps
+  }
+}
+
+declare interface _CalendarRef {
+  /**
+   * 为兼容微信小程序而暴露的内部方法，详见[文档](https://www.uviewui.com/components/calendar.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%88)
+   */
+  setFormatter: (type, value) => any
+}
+
+export declare const Calendar: _Calendar
+
+export declare const CalendarRef: _CalendarRef

package/types/comps/cell.d.ts

@@ -0,0 +1,133 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CellProps {
+  /**
+   * 左侧标题
+   */
+  title?: string | number
+  /**
+   * 标题下方的描述信息
+   */
+  label?: string | number
+  /**
+   * 右侧的内容
+   */
+  value?: string | number
+  /**
+   * 左侧图标名称，或者图片链接(本地文件建议使用绝对地址)
+   */
+  icon?: string
+  /**
+   * 是否禁用cell
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 是否显示下边框
+   * @default true
+   */
+  border?: boolean
+  /**
+   * 内容是否垂直居中(主要是针对右侧的value部分)
+   * @default false
+   */
+  center?: boolean
+  /**
+   * 点击后跳转的URL地址
+   */
+  url?: string
+  /**
+   * 链接跳转的方式，内部使用的是uView封装的route方法，可能会进行拦截操作
+   * @default "navigateTo"
+   */
+  linkType?: string
+  /**
+   * 是否开启点击反馈(表现为点击时加上灰色背景)
+   * @default false
+   */
+  clickable?: boolean
+  /**
+   * 是否展示右侧箭头并开启点击反馈
+   * @default false
+   */
+  isLink?: boolean
+  /**
+   * 是否显示表单状态下的必填星号(此组件可能会内嵌入input组件)
+   * @default false
+   */
+  required?: boolean
+  /**
+   * 右侧的图标箭头
+   * @default "arrow-right"
+   */
+  rightIcon?: string
+  /**
+   * 右侧箭头的方向
+   * @default "right"
+   */
+  arrowDirection?: 'left' | 'right' | 'up' | 'down'
+  /**
+   * 左侧图标样式
+   */
+  iconStyle?: unknown
+  /**
+   * 右侧箭头图标的样式
+   */
+  rightIconStyle?: unknown
+  /**
+   * 标题的样式
+   */
+  titleStyle?: unknown
+  /**
+   * 单位元的大小，可选值为large
+   */
+  size?: string
+  /**
+   * 点击cell是否阻止事件传播
+   * @default true
+   */
+  stop?: boolean
+  /**
+   * 标识符，用于在`click`事件中进行返回
+   */
+  name?: string | number
+  /**
+   * 点击cell列表时触发
+   * @param name `props`的`name`参数标识符
+   */
+  onClick?: (name: any) => any
+}
+
+declare interface CellSlots {
+  /**
+   * 自定义左侧标题部分的内容，如需使用，请勿定义`title`参数，或赋值`null`即可
+   */
+  ['title']?: () => any
+  /**
+   * 自定义右侧标题部分的内容，如需使用，请勿定义`value`参数，或赋值`null`即可
+   */
+  ['value']?: () => any
+  /**
+   * 自定义左侧的图标
+   */
+  ['icon']?: () => any
+  /**
+   * 自定义右侧图标内容，需设置`arrow`为`false`才起作用
+   */
+  ['right-icon']?: () => any
+  /**
+   * 自定义label内容
+   */
+  ['label']?: () => any
+}
+
+declare interface _Cell {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CellProps
+    $slots: CellSlots
+  }
+}
+
+export declare const Cell: _Cell

package/types/comps/cellGroup.d.ts

@@ -0,0 +1,27 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface CellGroupProps {
+  /**
+   * 分组标题
+   */
+  title?: string
+  /**
+   * 是否显示外边框
+   * @default true
+   */
+  border?: boolean
+  /**
+   * 用户自定义外部样式，对象形式
+   */
+  customStyle?: unknown
+}
+
+declare interface _CellGroup {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      CellGroupProps
+  }
+}
+
+export declare const CellGroup: _CellGroup

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