uview-plus 3.2.3 → 3.2.6

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

package/types/comps/textarea.d.ts

@@ -0,0 +1,158 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TextareaProps {
+  /**
+   * 输入框的内容
+   */
+  value?: string | number
+  /**
+   * 输入框为空时占位符
+   */
+  placeholder?: string | number
+  /**
+   * 输入框高度
+   * @default 70
+   */
+  height?: string | number
+  /**
+   * 设置键盘右下角按钮的文字，仅微信小程序，App-vue和H5有效
+   * @default "done"
+   */
+  confirmType?: string
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 是否显示统计字数
+   * @default false
+   */
+  count?: boolean
+  /**
+   * 是否自动获取焦点，nvue不支持，H5取决于浏览器的实现
+   * @default false
+   */
+  focus?: boolean
+  /**
+   * 是否自动增加高度
+   * @default false
+   */
+  autoHeight?: boolean
+  /**
+   * 是否忽略组件内对文本合成系统事件的处理。为 false 时将触发 compositionstart、compositionend、compositionupdate 事件，且在文本合成期间会触发 input 事件
+   * @default true
+   */
+  ignoreCompositionEvent?: boolean
+  /**
+   * 如果textarea是在一个position:fixed的区域，需要显示指定属性fixed为true
+   * @default false
+   */
+  fixed?: boolean
+  /**
+   * 指定光标与键盘的距离
+   * @default 0
+   */
+  cursorSpacing?: number
+  /**
+   * 指定focus时的光标位置
+   */
+  cursor?: string | number
+  /**
+   * 是否显示键盘上方带有”完成“按钮那一栏
+   * @default true
+   */
+  showConfirmBar?: boolean
+  /**
+   * 光标起始位置，自动聚焦时有效，需与selection-end搭配使用
+   * @default -1
+   */
+  selectionStart?: number
+  /**
+   * 光标结束位置，自动聚焦时有效，需与selection-start搭配使用
+   * @default -1
+   */
+  selectionEnd?: number
+  /**
+   * 键盘弹起时，是否自动上推页面
+   * @default true
+   */
+  adjustPosition?: boolean
+  /**
+   * 是否去掉 iOS 下的默认内边距，只微信小程序有效
+   * @default false
+   */
+  disableDefaultPadding?: boolean
+  /**
+   * focus时，点击页面的时候不收起键盘，只微信小程序有效
+   * @default false
+   */
+  holdKeyboard?: boolean
+  /**
+   * 最大输入长度，设置为 -1 的时候不限制最大长度
+   * @default 140
+   */
+  maxlength?: string | number
+  /**
+   * 边框类型，surround-四周边框，none-无边框，bottom-底部边框
+   * @default "surround"
+   */
+  border?: 'surround' | 'none' | 'bottom'
+  /**
+   * 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/
+   * @default "textarea-placeholder"
+   */
+  placeholderClass?: string
+  /**
+   * 指定placeholder的样式
+   * @default "color: #c0c4cc"
+   */
+  placeholderStyle?: unknown
+  /**
+   * 输入过滤或格式化函数(如需兼容微信小程序，则只能通过setFormatter方法)
+   */
+  formatter?: (...args: any) => any
+  /**
+   * 输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度
+   */
+  onFocus?: (...args: any) => any
+  /**
+   * 输入框失去焦点时触发，event.detail = {value, cursor}
+   */
+  onBlur?: (...args: any) => any
+  /**
+   * 输入框行数变化时调用，event.detail = {height: 0, heightRpx: 0, lineCount: 0}
+   */
+  onLinechange?: (...args: any) => any
+  /**
+   * 当键盘输入时，触发 input 事件
+   */
+  onInput?: (...args: any) => any
+  /**
+   * 点击完成时， 触发 confirm 事件
+   */
+  onConfirm?: (...args: any) => any
+  /**
+   * 键盘高度发生变化的时候触发此事件
+   */
+  onKeyboardheightchange?: (...args: any) => any
+}
+
+declare interface _TextareaRef {
+  /**
+   * 为兼容微信小程序而暴露的内部方法，详细见[文档](https://www.uviewui.com/components/textarea.html#%E6%A0%BC%E5%BC%8F%E5%8C%96%E5%A4%84%E7%90%86)
+   */
+  setFormatter: (...args: any) => any
+}
+
+declare interface _Textarea {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TextareaProps
+  }
+}
+
+export declare const Textarea: _Textarea
+
+export declare const TextareaRef: _TextareaRef

package/types/comps/toast.d.ts

@@ -0,0 +1,59 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ToastProps {
+  /**
+   * 是否加载中
+   * @default false
+   */
+  loading?: boolean
+  /**
+   * 显示的文本
+   */
+  message?: string | number
+  /**
+   * 图标，或者绝对路径的图片
+   */
+  icon?: string
+  /**
+   * toast出现的位置
+   * @default "center"
+   */
+  position?: 'top' | 'center' | 'bottom'
+  /**
+   * 主题类型
+   * @default "default"
+   */
+  type?: 'default' | 'error' | 'success' | 'loading'
+  /**
+   * 跳转的参数
+   */
+  params?: Record<string, any>
+  /**
+   * 展示时间，单位ms
+   * @default 2000
+   */
+  duration?: string | number
+  /**
+   * 执行完后的回调函数
+   */
+  complete?: () => any
+}
+
+declare interface _ToastRef {
+  /**
+   * 显示toast，如需一进入页面就显示toast，请在onReady生命周期调用
+   */
+  show: () => void
+}
+
+declare interface _Toast {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ToastProps
+  }
+}
+
+export declare const Toast: _Toast
+
+export declare const ToastRef: _ToastRef

package/types/comps/tooltip.d.ts

@@ -0,0 +1,71 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TooltipProps {
+  /**
+   * 需要显示的提示文字
+   */
+  text?: string | number
+  /**
+   * 点击复制按钮时，复制的文本，为空则使用text值
+   */
+  copyText?: string | number
+  /**
+   * 文本大小
+   * @default 14
+   */
+  size?: string | number
+  /**
+   * 字体颜色
+   * @default "#606266"
+   */
+  color?: string
+  /**
+   * 弹出提示框时，文本的背景色
+   * @default "transparent"
+   */
+  bgColor?: string
+  /**
+   * 弹出提示的方向
+   * @default "top"
+   */
+  direction?: 'top' | 'bottom'
+  /**
+   * 弹出提示的z-index，nvue无效
+   * @default 10071
+   */
+  zIndex?: string | number
+  /**
+   * 是否显示复制按钮
+   * @default true
+   */
+  showCopy?: boolean
+  /**
+   * 扩展的按钮组
+   */
+  buttons?: any[]
+  /**
+   * 是否显示透明遮罩以防止触摸穿透
+   * @default true
+   */
+  overlay?: boolean
+  /**
+   * 是否显示复制成功或者失败的`toast`
+   * @default true
+   */
+  showToast?: boolean
+  /**
+   * 点击触发事件
+   * @param index 被点击按钮的索引
+   */
+  onClick?: (index: number) => any
+}
+
+declare interface _Tooltip {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TooltipProps
+  }
+}
+
+export declare const Tooltip: _Tooltip

package/types/comps/transition.d.ts

@@ -0,0 +1,61 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface TransitionProps {
+  /**
+   * 是否展示组件
+   * @default false
+   */
+  show?: boolean
+  /**
+   * 使用的动画模式
+   * @default "fade"
+   */
+  mode?: 'fade' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'zoom-in' | 'zoom-out'
+  /**
+   * 动画的执行时间，单位ms
+   * @default 300
+   */
+  duration?: string | number
+  /**
+   * 使用的动画过渡函数
+   */
+  timingFunction?: string
+  /**
+   * 自定义样式
+   */
+  customStyle?: unknown
+  /**
+   * 进入前触发
+   */
+  onBeforeEnter?: () => any
+  /**
+   * 进入中触发
+   */
+  onEnter?: () => any
+  /**
+   * 进入后触发
+   */
+  onAfterEnter?: () => any
+  /**
+   * 离开前触发
+   */
+  onBeforeLeave?: () => any
+  /**
+   * 离开中触发
+   */
+  onLeave?: () => any
+  /**
+   * 离开后触发
+   */
+  onAfterLeave?: () => any
+}
+
+declare interface _Transition {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      TransitionProps
+  }
+}
+
+export declare const Transition: _Transition