uview-plus 3.2.3 → 3.2.5

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

package/types/comps/modal.d.ts

@@ -0,0 +1,115 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ModalProps {
+  /**
+   * 是否显示模态框，请赋值给`show`
+   * @default false
+   */
+  show?: boolean
+  /**
+   * 标题内容
+   */
+  title?: string
+  /**
+   * 模态框内容，如传入`slot`内容，则此参数无效
+   */
+  content?: string
+  /**
+   * 确认按钮的文字
+   * @default "确认"
+   */
+  confirmText?: string
+  /**
+   * 取消按钮的文字
+   * @default "取消"
+   */
+  cancelText?: string
+  /**
+   * 是否显示确认按钮
+   * @default true
+   */
+  showConfirmButton?: boolean
+  /**
+   * 是否显示取消按钮
+   * @default false
+   */
+  showCancelButton?: boolean
+  /**
+   * 确认按钮的颜色
+   * @default "#2979ff"
+   */
+  confirmColor?: string
+  /**
+   * 取消按钮的颜色
+   * @default "#606266"
+   */
+  cancelColor?: string
+  /**
+   * 对调确认和取消的位置
+   * @default false
+   */
+  buttonReverse?: boolean
+  /**
+   * 是否开启缩放模式
+   * @default true
+   */
+  zoom?: boolean
+  /**
+   * 是否异步关闭，只对确定按钮有效
+   * @default false
+   */
+  asyncClose?: boolean
+  /**
+   * 是否允许点击遮罩关闭Modal（注意：关闭事件需要自行处理，只会在开启closeOnClickOverlay后点击遮罩层执行close回调）
+   * @default false
+   */
+  closeOnClickOverlay?: boolean
+  /**
+   * 往上偏移的值，给一个负的margin-top，往上偏移，避免和键盘重合的情况，单位任意，数值则默认为rpx单位
+   * @default 0
+   */
+  negativeTop?: string | number
+  /**
+   * modal宽度，不支持百分比，可以数值，px，rpx单位
+   * @default "650rpx"
+   */
+  width?: string | number
+  /**
+   * 确认按钮的样式,如设置，将不会显示取消按钮
+   */
+  confirmButtonShape?: 'circle' | 'square'
+  /**
+   * 点击确认按钮时触发
+   */
+  onConfirm?: () => any
+  /**
+   * 点击取消按钮时触发
+   */
+  onCancel?: () => any
+  /**
+   * 点击遮罩关闭出发，closeOnClickOverlay为true有效
+   */
+  onClose?: () => any
+}
+
+declare interface ModalSlots {
+  /**
+   * 传入自定义内容，一般为富文本
+   */
+  ['default']?: () => any
+  /**
+   * 传入自定义按钮，用于在微信小程序弹窗通过按钮授权的场景
+   */
+  ['confirm-button']?: () => any
+}
+
+declare interface _Modal {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ModalProps
+    $slots: ModalSlots
+  }
+}
+
+export declare const Modal: _Modal

package/types/comps/navbar.d.ts

@@ -0,0 +1,113 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface NavbarProps {
+  /**
+   * 是否开启顶部安全区适配
+   * @default true
+   */
+  safeAreaInsetTop?: boolean
+  /**
+   * 固定在顶部时，是否生成一个等高元素，以防止塌陷
+   * @default false
+   */
+  placeholder?: boolean
+  /**
+   * 导航栏是否固定在顶部
+   * @default true
+   */
+  fixed?: boolean
+  /**
+   * 导航栏底部是否显示下边框
+   * @default false
+   */
+  border?: boolean
+  /**
+   * 左边返回图标的名称，只能为uView自带的图标
+   * @default "arrow-left"
+   */
+  leftIcon?: string
+  /**
+   * 左边的提示文字
+   */
+  leftText?: string
+  /**
+   * 右边的提示文字
+   */
+  rightText?: string
+  /**
+   * 右边返回图标的名称，只能为uView自带的图标
+   */
+  rightIcon?: string
+  /**
+   * 导航栏标题，如设置为空字符，将会隐藏标题占位区域
+   */
+  title?: string
+  /**
+   * 导航栏背景设置
+   * @default"#fff
+   */
+  bgColor?: string
+  /**
+   * 导航栏标题的最大宽度，内容超出会以省略号隐藏，单位rpx
+   * @default "400rpx"
+   */
+  titleWidth?: string | number
+  /**
+   * 导航栏高度(不包括状态栏高度在内，内部自动加上)，单位px
+   * @default "44px"
+   */
+  height?: string | number
+  /**
+   * 左侧返回图标的大小
+   * @default "20px"
+   */
+  leftIconSize?: string | number
+  /**
+   * 左侧返回图标的颜色
+   * @default "#303133"
+   */
+  leftIconColor?: string
+  /**
+   * 点击左侧区域(返回图标)，是否自动返回上一页
+   * @default false
+   */
+  autoBack?: boolean
+  /**
+   * 标题的样式
+   */
+  titleStyle?: unknown
+  /**
+   * 点击左侧区域
+   */
+  onLeftClick?: () => any
+  /**
+   * 点击右侧区域
+   */
+  onRightClick?: () => any
+}
+
+declare interface NavbarSlots {
+  /**
+   * 自定义左侧部分内容
+   */
+  ['left']?: () => any
+  /**
+   * 自定义右侧部分内容
+   */
+  ['right']?: () => any
+  /**
+   * 自定义中部内容
+   */
+  ['center']?: () => any
+}
+
+declare interface _Navbar {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      NavbarProps
+    $slots: NavbarSlots
+  }
+}
+
+export declare const Navbar: _Navbar

package/types/comps/noNetwork.d.ts

@@ -0,0 +1,40 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface NoNetworkProps {
+  /**
+   * 没有网络时的提示语
+   * @default "哎呀，网络信号丢失"
+   */
+  tips?: string
+  /**
+   * 组件的`z-index`值
+   * @default 10080
+   */
+  zIndex?: string | number
+  /**
+   * 无网络的图片提示，可用的src地址或base64图片
+   */
+  image?: string
+  /**
+   * 用户点击页面的"重试"按钮时触发
+   */
+  onRetry?: () => any
+  /**
+   * "重试"后，有网络触发
+   */
+  onConnected?: () => any
+  /**
+   * "重试"后，无网络触发
+   */
+  onDisconnected?: () => any
+}
+
+declare interface _NoNetwork {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      NoNetworkProps
+  }
+}
+
+export declare const NoNetwork: _NoNetwork