uview-plus 3.1.52 → 3.2.5

package/types/comps/keyboard.d.ts

@@ -0,0 +1,125 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface KeyboardProps {
+  /**
+   * 键盘的类型，number-数字键盘，card-身份证键盘，car-车牌号键盘
+   * @default "car"
+   */
+  mode?: 'car' | 'number' | 'card'
+  /**
+   * 是否显示"."按键，只在mode=number时有效
+   * @default false
+   */
+  dotDisabled?: boolean
+  /**
+   * 是否显示键盘顶部工具条
+   * @default true
+   */
+  tooltip?: boolean
+  /**
+   * 是否显示工具条中间的提示
+   * @default true
+   */
+  showTips?: boolean
+  /**
+   * 工具条中间的提示文字，详见[文档](https://www.uviewui.com/components/keyboard.html#%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8)
+   */
+  tips?: string
+  /**
+   * 是否显示工具条左边的"取消"按钮
+   * @default true
+   */
+  showCancel?: boolean
+  /**
+   * 是否显示工具条右边的"完成"按钮
+   * @default true
+   */
+  showConfirm?: boolean
+  /**
+   * 是否打乱键盘按键的顺序
+   * @default false
+   */
+  random?: boolean
+  /**
+   * 是否开启底部安全区适配
+   * @default false
+   */
+  safeAreaInsetBottom?: boolean
+  /**
+   * 是否允许点击遮罩收起键盘（注意：关闭事件需要自行处理，只会在开启closeOnClickOverlay后点击遮罩层执行close回调）
+   * @default true
+   */
+  closeOnClickOverlay?: boolean
+  /**
+   * 控制键盘的弹出与收起
+   * @default true
+   */
+  show?: boolean
+  /**
+   * 是否显示遮罩
+   * @default true
+   */
+  overlay?: boolean
+  /**
+   * 弹出键盘的`z-index`值
+   * @default 1075
+   */
+  zIndex?: string | number
+  /**
+   * 确认按钮的文字
+   * @default "确认"
+   */
+  confirmText?: string
+  /**
+   * 取消按钮的文字
+   * @default "取消"
+   */
+  cancelText?: string
+  /**
+   * 自定义样式
+   */
+  customStyle?: unknown
+  /**
+   * `mode`为`car`下，输入文字后，是否自动切换为字母模式
+   * @default false
+   */
+  autoChange?: boolean
+  /**
+   * 按键被点击(不包含退格键被点击)
+   */
+  onChange?: () => any
+  /**
+   * 键盘关闭
+   */
+  onClose?: () => any
+  /**
+   * 键盘顶部工具条右边的"完成"按钮被点击
+   */
+  onConfirm?: () => any
+  /**
+   * 键盘顶部工具条左边的"取消"按钮被点击
+   */
+  onCancel?: () => any
+  /**
+   * 键盘退格键被点击
+   */
+  onBackspace?: () => any
+}
+
+declare interface KeyboardSlots {
+  /**
+   * 内容将会显示键盘的工具条上面，可以结合MessageInput 验证码输入组件实现类似支付宝输入密码时，上方显示输入内容的功能
+   */
+  ['default']: () => any
+}
+
+declare interface _Keyboard {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      KeyboardProps
+    $slots: KeyboardSlots
+  }
+}
+
+export declare const Keyboard: _Keyboard

package/types/comps/line.d.ts

@@ -0,0 +1,44 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface LineProps {
+  /**
+   * 线条的颜色
+   * @default "#d6d7d9"
+   */
+  color?: string
+  /**
+   * 长度，竖向时表现为高度，横向时表现为长度，可以为百分比，带rpx单位的值等
+   * @default 100%
+   */
+  length?: string | number
+  /**
+   * 线条的方向，`row`-横向，`col`-竖向
+   * @default "row"
+   */
+  direction?: "row" | "col"
+  /**
+   * 是否显示细边框
+   * @default true
+   */
+  hairline?: boolean
+  /**
+   * 线条与上下左右元素的间距，字符串形式，如"30rpx"、"20rpx 30rpx"，默认单位px
+   * @default 0
+   */
+  margin?: string | number
+  /**
+   * 是否虚线，false-实线，true-虚线
+   * @default false
+   */
+  dashed?: boolean
+}
+
+declare interface _Line {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      LineProps
+  }
+}
+
+export declare const Line: _Line

package/types/comps/lineProgress.d.ts

@@ -0,0 +1,51 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface LineProgressProps {
+  /**
+   * 进度条激活部分的颜色
+   * @default "#19be6b"
+   */
+  activeColor?: string
+  /**
+   * 进度条的底色，默认为灰色
+   * @default "#ececec"
+   */
+  inactiveColor?: string
+  /**
+   * 进度百分比，数值
+   * @default 0
+   */
+  percentage?: string | number
+  /**
+   * 是否在进度条内部显示百分比的值
+   * @default true
+   */
+  showText?: boolean
+  /**
+   * 进度条的高度，默认单位px
+   * @default 12
+   */
+  height?: string | number
+  /**
+   * 点击触发事件
+   */
+  onClick?: () => any
+}
+
+declare interface LineProgressSlots {
+  /**
+   * 传入自定义的显示内容，将会覆盖默认显示的百分比值
+   */
+  ['default']?: (arg: any) => any
+}
+
+declare interface _LineProgress {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      LineProgressProps
+    $slots: LineProgressSlots
+  }
+}
+
+export declare const LineProgress: _LineProgress

package/types/comps/link.d.ts

@@ -0,0 +1,51 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface LinkProps {
+  /**
+   * 文字颜色
+   * @default color['u-primary']
+   */
+  color?: string
+  /**
+   * 字体大小，默认单位px
+   * @default 15
+   */
+  fontSize?: string | number
+  /**
+   * 是否显示下划线
+   * @default false
+   */
+  underLine?: boolean
+  /**
+   * 跳转的链接，要带上http(s)
+   */
+  href?: string
+  /**
+   * 各个小程序平台把链接复制到粘贴板后的提示语
+   * @default "链接已复制，请在浏览器打开"
+   */
+  mpTips?: string
+  /**
+   * 下划线颜色，默认同color参数颜色
+   */
+  lineColor?: string
+  /**
+   * 超链接的问题，不使用slot形式传入，是因为nvue下无法修改颜色
+   */
+  text?: string
+}
+
+declare interface LinkSlots {
+  ['default']?: () => any
+}
+
+declare interface _Link {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      LinkProps
+    $slots: LinkSlots
+  }
+}
+
+export declare const Link: _Link

package/types/comps/list.d.ts

@@ -0,0 +1,92 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ListProps {
+  /**
+   * 控制是否出现滚动条，仅nvue有效
+   * @default false
+   */
+  showScrollbar?: boolean
+  /**
+   * 距底部多少时触发scrolltolower事件
+   * @default 50
+   */
+  lowerThreshold?: string | number
+  /**
+   * 距顶部多少时触发scrolltoupper事件，非nvue有效
+   * @default 0
+   */
+  upperThreshold?: string | number
+  /**
+   * 设置竖向滚动条位置
+   * @default 0
+   */
+  scrollTop?: string | number
+  /**
+   * 控制 onscroll 事件触发的频率，仅nvue有效
+   * @default 10
+   */
+  offsetAccuracy?: string | number
+  /**
+   * 启用 flexbox 布局。开启后，当前节点声明了display: flex就会成为flex container，并作用于其孩子节点，仅微信小程序有效
+   * @default false
+   */
+  enableFlex?: boolean
+  /**
+   * 是否按分页模式显示List
+   * @default false
+   */
+  pagingEnabled?: boolean
+  /**
+   * 是否允许List滚动
+   * @default true
+   */
+  scrollable?: boolean
+  /**
+   * 值应为某子元素id（id不能以数字开头）
+   */
+  scrollIntoView?: string
+  /**
+   * 在设置滚动条位置时使用动画过渡
+   * @default false
+   */
+  scrollWithAnimation?: boolean
+  /**
+   * iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只对微信小程序有效
+   * @default false
+   */
+  enableBackToTop?: boolean
+  /**
+   * 列表的高度
+   * @default 0
+   */
+  height?: string | number
+  /**
+   * 列表宽度
+   * @default 0
+   */
+  width?: string | number
+  /**
+   * 列表前后预渲染的屏数，1代表一个屏幕的高度，1.5代表1个半屏幕高度
+   * @default 1
+   */
+  preLoadScreen?: string | number
+  /**
+   * 滚动条滚动触发事件
+   * @param scrollTop 滚动条位置
+   */
+  onScroll?: (scrollTop: number) => any
+  /**
+   * 滚动到底部触发事件
+   */
+  onScrolltolower?: () => any
+}
+
+declare interface _List {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ListProps
+  }
+}
+
+export declare const List: _List

package/types/comps/listItem.d.ts

@@ -0,0 +1,18 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ListItemProps {
+  /**
+   * 用于滚动到指定item
+   */
+  anchor?: string | number
+}
+
+declare interface _ListItem {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ListItemProps
+  }
+}
+
+export declare const ListItem: _ListItem

package/types/comps/loadMore.d.ts

@@ -0,0 +1,108 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface LoadMoreProps {
+  /**
+   * 组件状态
+   * @default "loadmore"
+   */
+  status?: 'loadmore' | 'loading' | 'nomore'
+  /**
+   * 组件背景颜色，在页面是非白色时会用到
+   * @default "transparent"
+   */
+  bgColor?: string
+  /**
+   * 加载中时是否显示图标
+   * @default true
+   */
+  icon?: boolean
+  /**
+   * 字体大小，单位rpx
+   * @default 14
+   */
+  fontSize?: string | number
+  /**
+   * 图标大小，单位px
+   * @default 17
+   */
+  iconSize?: string | number
+  /**
+   * 字体颜色
+   * @default "#606266"
+   */
+  color?: string
+  /**
+   * 加载中状态的图标
+   * @default "circle"
+   */
+  loadingIcon?: 'circle' | 'spinner' | 'semicircle'
+  /**
+   * 加载前的提示语
+   * @default "加载更多"
+   */
+  loadmoreText?: string
+  /**
+   * 加载中提示语
+   * @default "正在加载..."
+   */
+  loadingText?: string
+  /**
+   * 没有更多的提示语
+   * @default "没有更多了"
+   */
+  nomoreText?: string
+  /**
+   * `status`为`nomore`时，内容显示为一个"●"
+   * @default false
+   */
+  isDot?: boolean
+  /**
+   * 加载中的动画图标的颜色
+   * @default "#b7b7b7"
+   */
+  iconColor?: string
+  /**
+   * 线条颜色
+   * @default "#E6E8EB"
+   */
+  lineColor?: string
+  /**
+   * 是否虚线，false-实线，true-虚线
+   * @default false
+   */
+  dashed?: boolean
+  /**
+   * 与前一个元素的距离，单位rpx
+   * @default 10
+   */
+  marginTop?: string | number
+  /**
+   * 与后一个元素的距离，单位rpx
+   * @default 10
+   */
+  marginBottom?: string | number
+  /**
+   * 高度
+   * @default "auto"
+   */
+  height?: string | number
+  /**
+   * 是否显示左边分割线
+   * @default false
+   */
+  line?: boolean
+  /**
+   * `status`为`loadmore`时，点击组件会发出此事件
+   */
+  onLoadmore?: () => any
+}
+
+declare interface _LoadMore {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      LoadMoreProps
+  }
+}
+
+export declare const LoadMore: _LoadMore

package/types/comps/loadingIcon.d.ts

@@ -0,0 +1,68 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface LoadingIconProps {
+  /**
+   * 是否显示动画
+   * @default true
+   */
+  show?: boolean
+  /**
+   * 图标颜色
+   * @default "color['u-tips-color']"
+   */
+  color?: string
+  /**
+   * 提示文本颜色
+   * @default "color['u-tips-color']"
+   */
+  textColor?: string
+  /**
+   * 图标和文字是否垂直排列
+   * @default false
+   */
+  vertical?: boolean
+  /**
+   * 模式选
+   * @default "circle"
+   */
+  mode?: 'circle' | 'semicircle'
+  /**
+   * 加载图标的大小，单位px
+   * @default 24
+   */
+  size?: string | number
+  /**
+   * 加载文字的大小，单位px
+   * @default 15
+   */
+  textSize?: string | number
+  /**
+   * 文字内容
+   */
+  text?: string
+  /**
+   * 指定`animation-timing-function`的css属性，但只支持`mode`为`circle`或`semicircle`才有效
+   * @default "ease-in-out"
+   */
+  timingFunction?: string
+  /**
+   * 动画执行周期时间，单位ms
+   * @default 1200
+   */
+  duration?: string | number
+  /**
+   * 图标的暗边颜色, `mode`为`circle` 模式有效
+   * @default "transparent"
+   */
+  inactiveColor?: string
+}
+
+declare interface _LoadingIcon {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      LoadingIconProps
+  }
+}
+
+export declare const LoadingIcon: _LoadingIcon

package/types/comps/loadingPage.d.ts

@@ -0,0 +1,58 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface LoadingPageProps {
+  /**
+   * 提示内容
+   * @default "正在加载"
+   */
+  loadingText?: string | number
+  /**
+   * 文字上方用于替换loading动画的图片
+   */
+  image?: string
+  /**
+   * 加载动画的模式
+   * @default "circle"
+   */
+  loadingMode?: 'circle' | 'spinner' | 'semicircle'
+  /**
+   * 是否加载中
+   * @default false
+   */
+  loading?: boolean
+  /**
+   * 背景颜色
+   * @default "#ffffff"
+   */
+  bgColor?: string
+  /**
+   * 文字颜色
+   * @default "#C8C8C8"
+   */
+  color?: string
+  /**
+   * 文字大小
+   * @default 19
+   */
+  fontSize?: string | number
+  /**
+   * 图标大小
+   * @default 28
+   */
+  iconSize?: string | number
+  /**
+   * 加载中图标的颜色
+   * @default "#C8C8C8"
+   */
+  loadingColor?: string
+}
+
+declare interface _LoadingPage {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      LoadingPageProps
+  }
+}
+
+export declare const LoadingPage: _LoadingPage