uview-plus 3.1.52 → 3.2.5

package/types/comps/swiper.d.ts

@@ -0,0 +1,142 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+import { ImageMode } from './image'
+
+declare interface SwiperProps {
+  /**
+   * 轮播图数据
+   */
+  list?: any[]
+  /**
+   * 是否显示面板指示器
+   * @default false
+   */
+  indicator?: boolean
+  /**
+   * 指示器激活的颜色
+   * @default "#fff"
+   */
+  indicatorActiveColor?: string
+  /**
+   * 指示器非激活颜色
+   * @default "rgba(255, 255, 255, 0.35)"
+   */
+  indicatorInactiveColor?: string
+  /**
+   * 指示器样式，可通过bottom，left，right进行定位
+   */
+  indicatorStyle?: string | Record<string, any>
+  /**
+   * 指示器模式
+   * @default "line"
+   */
+  indicatorMode?: 'line' | 'dot'
+  /**
+   * 是否自动切换
+   * @default true
+   */
+  autoplay?: boolean
+  /**
+   * 当前所在滑块的 index
+   * @default 0
+   */
+  current?: string | number
+  /**
+   * 当前所在滑块的 item-id ，不能与 current 被同时指定
+   */
+  currentItemId?: string
+  /**
+   * 滑块自动切换时间间隔（ms）
+   * @default 3000
+   */
+  interval?: string | number
+  /**
+   * 滑块切换过程所需时间（ms），nvue不支持
+   * @default 300
+   */
+  duration?: string | number
+  /**
+   * 播放到末尾后是否重新回到开头
+   * @default false
+   */
+  circular?: boolean
+  /**
+   * 前边距，可用于露出前一项的一小部分，nvue和支付宝不支持
+   * @default 0
+   */
+  previousMargin?: string | number
+  /**
+   * 后边距，可用于露出后一项的一小部分，nvue和支付宝不支持
+   * @default 0
+   */
+  nextMargin?: string | number
+  /**
+   * 当开启时，会根据滑动速度，连续滑动多屏，支付宝不支持
+   * @default false
+   */
+  acceleration?: boolean
+  /**
+   * 同时显示的滑块数量，nvue、支付宝小程序不支持
+   * @default 1
+   */
+  displayMultipleItems?: number
+  /**
+   * 指定swiper切换缓动动画类型， 只对微信小程序有效
+   * @default "default"
+   */
+  easingFunction?: 'default' | 'linear' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic'
+  /**
+   * list数组中指定对象的目标属性名
+   * @default "url"
+   */
+  keyName?: string
+  /**
+   * 裁剪模式
+   * @default "aspectFill"
+   */
+  imgMode?: ImageMode
+  /**
+   * 组件高度
+   * @default 130
+   */
+  height?: string | number
+  /**
+   * 背景颜色
+   * @default "#f3f4f6"
+   */
+  bgColor?: string
+  /**
+   * 组件圆角，数值或带单位的字符串
+   * @default 4
+   */
+  radius?: string | number
+  /**
+   * 是否加载中
+   * @default false
+   */
+  loading?: boolean
+  /**
+   * 是否显示标题，要求数组对象中有title属性
+   * @default false
+   */
+  showTitle?: boolean
+  /**
+   * 点击轮播图时触发
+   * @param index 点击了第几张图片，从0开始
+   */
+  onClick?: (index: number) => any
+  /**
+   * 轮播图切换时触发(自动或者手动切换)
+   * @param index 点击了第几张图片，从0开始
+   */
+  onChange?: (index: number) => any
+}
+
+declare interface _Swiper {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SwiperProps
+  }
+}
+
+export declare const Swiper: _Swiper

package/types/comps/swiperIndicator.d.ts

@@ -0,0 +1,37 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface SwiperIndicatorProps {
+  /**
+   * 轮播的长度
+   * @default 0
+   */
+  length?: string | number
+  /**
+   * 当前处于活动状态的轮播的索引
+   * @default 0
+   */
+  current?: string | number
+  /**
+   * 指示器非激活颜色
+   */
+  indicatorActiveColor?: string
+  /**
+   * 指示器的激活颜色
+   */
+  indicatorInactiveColor?: string
+  /**
+   * 指示器的形式
+   * @default "line"
+   */
+  indicatorStyle?: 'line' | 'dot'
+}
+
+declare interface _SwiperIndicator {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SwiperIndicatorProps
+  }
+}
+
+export declare const SwiperIndicator: _SwiperIndicator

package/types/comps/switch.d.ts

@@ -0,0 +1,73 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface SwitchProps {
+  /**
+   * 是否处于加载中
+   * @default false
+   */
+  loading?: boolean
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 开关尺寸，单位rpx
+   */
+  size?: string | number
+  /**
+   * 打开时的背景色
+   * @default "#2979ff"
+   */
+  activeColor?: string
+  /**
+   * 关闭时的背景色
+   * @default "#ffffff"
+   */
+  inactiveColor?: string
+  /**
+   * 通过v-model双向绑定的值
+   * @default false
+   */
+  value?: string | number | boolean
+  /**
+   * switch打开时的值
+   * @default true
+   */
+  activeValue?: string | number | boolean
+  /**
+   * switch关闭时的值
+   * @default false
+   */
+  inactiveValue?: string | number | boolean
+  /**
+   * 是否开启异步变更，开启后需要手动控制输入值
+   * @default false
+   */
+  asyncChange?: boolean
+  /**
+   * 圆点与外边框的距离
+   * @default 0
+   */
+  space?: string | number
+  /**
+   * 在`switch`打开或关闭时触发
+   * @param value 打开时为`activeValue`值，关闭时为`inactiveValue`值
+   */
+  onChange?: (value: any) => any
+  /**
+   * 在`switch`打开或关闭时触发（没开启异步）
+   * @param value 打开时为`activeValue`值，关闭时为`inactiveValue`值
+   */
+  onInput?: (value: any) => any
+}
+
+declare interface _Switch {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SwitchProps
+  }
+}
+
+export declare const Switch: _Switch

package/types/comps/tabbar.d.ts

@@ -0,0 +1,54 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TabbarProps {
+  /**
+   * 当前匹配项的name
+   * @default null
+   */
+  value?: string | number
+  /**
+   * 是否为iPhoneX留出底部安全距离
+   * @default true
+   */
+  safeAreaInsetBottom?: boolean
+  /**
+   * 是否显示上方边框
+   * @default true
+   */
+  border?: boolean
+  /**
+   * 元素层级z-index
+   * @default 1
+   */
+  zIndex?: string | number
+  /**
+   * 选中标签的颜色
+   * @default "#1989fa"
+   */
+  activeColor?: string
+  /**
+   * 未选中标签的颜色
+   * @default "#7d7e80"
+   */
+  inactiveColor?: string
+  /**
+   * 是否固定在底部
+   * @default true
+   */
+  fixed?: boolean
+  /**
+   * fixed定位固定在底部时，是否生成一个等高元素防止塌陷
+   * @default true
+   */
+  placeholder?: boolean
+}
+
+declare interface _Tabbar {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TabbarProps
+  }
+}
+
+export declare const Tabbar: _Tabbar

package/types/comps/tabbarItem.d.ts

@@ -0,0 +1,52 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TabbarItemProps {
+  /**
+   * item标签的名称，作为与u-tabbar的value参数匹配的标识符
+   * @default null
+   */
+  name?: string | number
+  /**
+   * uView内置图标或者绝对路径的图片
+   */
+  icon?: string
+  /**
+   * 右上角的角标提示信息
+   * @default null
+   */
+  badge?: string | number
+  /**
+   * 是否显示圆点，将会覆盖badge参数
+   * @default false
+   */
+  dot?: boolean
+  /**
+   * 描述文本
+   */
+  text?: string
+  /**
+   * 控制徽标的位置
+   * @default "top: 6px;right:2px;"
+   */
+  badgeStyle?: Record<string, any> | string
+  /**
+   * 切换选项时触发
+   * @param index 当前要切换项的name
+   */
+  onChange?: (index: any) => any
+  /**
+   * 切换选项时触发
+   * @param index 当前要切换项的name
+   */
+  onClick?: (index: any) => any
+}
+
+declare interface _TabbarItem {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TabbarItemProps
+  }
+}
+
+export declare const TabbarItem: _TabbarItem

package/types/comps/tabs.d.ts

@@ -0,0 +1,85 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TabsProps {
+  /**
+   * 滑块移动一次所需的时间，单位ms
+   * @default 300
+   */
+  duration?: string | number
+  /**
+   * 标签数组，元素为对象
+   */
+  list?: any[]
+  /**
+   * 滑块颜色
+   * @default "#3c9cff"
+   */
+  lineColor?: string
+  /**
+   * 菜单选择中时的样式
+   * @default "{ color: '#303133' }"
+   */
+  activeStyle?: unknown
+  /**
+   * 菜单非选中时的样式
+   * @default "{ color: '#606266' }"
+   */
+  inactiveStyle?: unknown
+  /**
+   * 滑块长度
+   * @default 20
+   */
+  lineWidth?: string | number
+  /**
+   * 滑块高度
+   * @default 3
+   */
+  lineHeight?: string | number
+  /**
+   * 滑块背景显示大小
+   * @default "cover"
+   */
+  lineBgSize?: string
+  /**
+   * 菜单item的样式
+   * @default "{ height: '44px' }"
+   */
+  itemStyle?: unknown
+  /**
+   * 菜单是否可滚动
+   * @default true
+   */
+  scrollable?: boolean
+  /**
+   * 当前选中标签的索引
+   * @default 0
+   */
+  current?: string | number
+  /**
+   * 从`list`元素对象中读取的键名
+   * @default "name"
+   */
+  keyName?: string
+  /**
+   * 点击标签时触发
+   * @param index 标签索引值
+   * @param item 传入的其他值
+   */
+  onClick?: (index: number, item: any) => any
+  /**
+   * 标签索引改变时触发(`disalbed`时不会触发)
+   * @param index 标签索引值
+   * @param item 传入的其他值
+   */
+  onChange?: (index: number, item: any) => any
+}
+
+declare interface _Tabs {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TabsProps
+  }
+}
+
+export declare const Tabs: _Tabs

package/types/comps/tag.d.ts

@@ -0,0 +1,93 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TagProps {
+  /**
+   * 主题类型
+   * @default "primary"
+   */
+  type?: 'primary' | 'success' | 'info' | 'warning' | 'error'
+  /**
+   * 不可用
+   * @default false
+   */
+  disabled?: boolean | string
+  /**
+   * 标签大小
+   * @default "medium"
+   */
+  size?: 'medium' | 'large' | 'mini'
+  /**
+   * 标签形状
+   * @default "square"
+   */
+  shape?: 'square' | 'circle'
+  /**
+   * 标签的文字内容
+   */
+  text?: string | number
+  /**
+   * 背景颜色，默认为空字符串，即不处理
+   * @default "#C6C7CB"
+   */
+  bgColor?: string
+  /**
+   * 标签字体颜色，默认为空字符串，即不处理
+   */
+  color?: string
+  /**
+   * 标签的边框颜色
+   */
+  borderColor?: string
+  /**
+   * 关闭按钮图标的颜色
+   */
+  closeColor?: string
+  /**
+   * 点击时返回的索引值，用于区分例遍的数组哪个元素被点击了
+   */
+  name?: string | number
+  /**
+   * 镂空时是否填充背景色
+   * @default false
+   */
+  plainFill?: boolean
+  /**
+   * 是否镂空
+   * @default false
+   */
+  plain?: boolean
+  /**
+   * 是否可关闭，设置为`true`，文字右边会出现一个关闭图标
+   * @default false
+   */
+  closable?: boolean
+  /**
+   * 标签显示与否
+   * @default true
+   */
+  show?: boolean
+  /**
+   * 内置图标，或绝对路径的图片
+   */
+  icon?: string
+  /**
+   * 点击触发事件
+   * @param index 传递的`index`参数值
+   */
+  onClick?: (index: number) => any
+  /**
+   * `closable`为`true`时，点击标签关闭按钮触发
+   * @param index 传递的`index`参数值
+   */
+  onClose?: (index: number) => any
+}
+
+declare interface _Tag {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TagProps
+  }
+}
+
+export declare const Tag: _Tag

package/types/comps/text.d.ts

@@ -0,0 +1,110 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TextProps {
+  /**
+   * 主题颜色
+   */
+  type?: string
+  /**
+   * 是否显示
+   * @default true
+   */
+  show?: boolean
+  /**
+   * 显示的值
+   */
+  text?: string | number
+  /**
+   * 前置图标
+   */
+  prefixIcon?: string
+  /**
+   * 后置图标
+   */
+  suffixIcon?: string
+  /**
+   * 文本处理的匹配模式text-普通文本，price-价格，phone-手机号，name-姓名，date-日期，link-超链接
+   */
+  mode?: 'text' | 'price' | 'phone' | 'name' | 'date' | 'link'
+  /**
+   * mode=link下，配置的链接
+   */
+  href?: string
+  /**
+   * 格式化规则
+   */
+  format?: string | ((value: any) => any)
+  /**
+   * mode=phone时，点击文本是否拨打电话
+   * @default false
+   */
+  call?: boolean
+  /**
+   * 小程序的打开方式
+   */
+  openType?: string
+  /**
+   * 是否粗体，默认normal
+   * @default false
+   */
+  bold?: boolean
+  /**
+   * 是否块状
+   */
+  block?: boolean
+  /**
+   * 文本显示的行数，如果设置，超出此行数，将会显示省略号
+   */
+  lines?: string | number
+  /**
+   * 文本颜色
+   * @default "#303133"
+   */
+  color?: string
+  /**
+   * 字体大小
+   * @default 15
+   */
+  size?: string | number
+  /**
+   * 图标的样式
+   */
+  iconStyle?: Record<string, any> | string
+  /**
+   * 文字装饰，下划线，中划线等
+   * @default "none"
+   */
+  decoration?: 'none' | 'underline' | 'line-through'
+  /**
+   * 外边距，对象、字符串，数值形式均可
+   */
+  margin?: Record<string, any> | string | number
+  /**
+   * 文本行高
+   */
+  lineHeight?: number | string
+  /**
+   * 文本对齐方式
+   * @default "left"
+   */
+  align?: 'left' | 'center' | 'right'
+  /**
+   * 文字换行
+   * @default "normal"
+   */
+  wordWrap?: 'normal' | 'break-word' | 'any-where'
+  /**
+   * 点击触发事件
+   */
+  onClick?: () => any
+}
+
+declare interface _Text {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TextProps
+  }
+}
+
+export declare const Text: _Text