uview-ultra-plus 1.0.0

package/uview-ultra/types/comps/popup.d.ts

@@ -0,0 +1,103 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface PopupProps {
+  /**
+   * 是否展示弹窗
+   * @default false
+   */
+  show?: boolean
+  /**
+   * 是否显示遮罩
+   * @default true
+   */
+  overlay?: boolean
+  /**
+   * 弹出方向
+   * @default 'bottom'
+   */
+  mode?: 'top' | 'right' | 'left'| 'bottom' | 'center'
+  /**
+   * 遮罩打开或收起的动画过渡时间，单位ms
+   * @default 300
+   */
+  duration?: number
+  /**
+   * 是否显示关闭图标
+   * @default false
+   */
+  closeable?: boolean
+  /**
+   * 遮罩自定义样式，一般用于修改遮罩颜色，如：{background: 'rgba(3, 100, 219, 0.5)'}
+   */
+  overlayStyle?: unknown
+  /**
+   * 遮罩透明度，0-1之间，勿与overlayStyle共用
+   * @default 0.5
+   */
+  overlayOpacity?: number | string
+  /**
+   * 点击遮罩是否关闭弹窗（注意：关闭事件需要自行处理，只会在开启closeOnClickOverlay后点击遮罩层执行close回调）
+   * @default true
+   */
+  closeOnClickOverlay?: boolean
+  /**
+   * 弹出层的z-index值
+   * @default 10075
+   */
+  zIndex?: number | string
+  /**
+   * 是否为留出底部安全距离
+   * @default true
+   */
+  safeAreaInsetBottom?: boolean
+  /**
+   * 是否留出顶部安全距离（状态栏高度）
+   * @default false
+   */
+  safeAreaInsetTop?: boolean
+  /**
+   * 自定义关闭图标位置，top-left为左上角，top-right为右上角，bottom-left为左下角，bottom-right为右下角
+   */
+  closeIconPos?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+  /**
+   * 设置圆角值，仅对mode = top | bottom | center有效
+   * @default 0
+   */
+  round?: number | string
+  /**
+   * 当mode=center时 是否开启缩放
+   * @default true
+   */
+  zoom?: boolean
+  /**
+   * 背景色，一般用于特殊弹窗内容场景，设置为transparent可去除默认的白色背景
+   */
+  bgColor?: string
+  /**
+   * 用户自定义样式
+   */
+  customStyle?: unknown
+  /**
+   * 弹出层打开
+   */
+  onOpen?: () => any
+  /**
+   * 弹出层收起
+   */
+  onClose?: () => any
+}
+
+declare interface PopupSlots {
+  ['default']?: () => any
+}
+
+declare interface _Popup {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      PopupProps
+    $slots: PopupSlots
+  }
+}
+
+export declare const Popup: _Popup

package/uview-ultra/types/comps/radio.d.ts

@@ -0,0 +1,77 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface RadioProps {
+  /**
+   * checkbox的名称
+   */
+  name?: string | number
+  /**
+   * 形状，square为方形，circle为圆型
+   * @default "square"
+   */
+  shape?: 'square' | 'circle'
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 是否禁止点击提示语选中复选框
+   */
+  labelDisabled?: string | boolean
+  /**
+   * 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
+   */
+  activeColor?: string
+  /**
+   * 未选中的颜色
+   */
+  inactiveColor?: string
+  /**
+   * 图标的大小，单位px
+   */
+  iconSize?: string | number
+  /**
+   * label的字体大小，px单位
+   */
+  labelSize?: string | number
+  /**
+   * label提示文字，因为nvue下，直接slot进来的文字，由于特殊的结构，无法修改样式
+   */
+  label?: string | number
+  /**
+   * 整体的大小
+   */
+  size?: string | number
+  /**
+   * 图标颜色
+   */
+  iconColor?: string
+  /**
+   * label的颜色
+   */
+  labelColor?: string
+  /**
+   * 某个`radio`状态发生变化时触发(选中状态)
+   * @param name 通过`props`传递的`name`值
+   */
+  onChange?: (name: string) => any
+}
+
+declare interface RadioSlots {
+  /**
+   * 自定义修改label内容
+   */
+  ['default']?: () => any
+}
+
+declare interface _Radio {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      RadioProps
+    $slots: RadioSlots
+  }
+}
+
+export declare const Radio: _Radio

package/uview-ultra/types/comps/radioGroup.d.ts

@@ -0,0 +1,97 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface RadioGroupProps {
+  /**
+   * 绑定的值
+   */
+  value?: string | number | boolean
+  /**
+   * 是否禁用全部checkbox
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 形状，circle-圆形，square-方形
+   * @default "circle"
+   */
+  shape?: 'circle' | 'square'
+  /**
+   * 选中状态下的颜色，如子`Checkbox`组件设置此值，将会覆盖本值
+   * @default "#2979ff"
+   */
+  activeColor?: string
+  /**
+   * 未选中的颜色
+   * @default "#c8c9cc"
+   */
+  inactiveColor?: string
+  /**
+   * 标识符
+   */
+  name?: string
+  /**
+   * 整个组件的尺寸，默认px
+   * @default 18
+   */
+  size?: string | number
+  /**
+   * 布局方式，row-横向，column-纵向
+   * @default "row"
+   */
+  placement?: 'row' | 'column'
+  /**
+   * 文本
+   */
+  label?: string
+  /**
+   * label的字体颜色
+   * @default "#303133"
+   */
+  labelColor?: string
+  /**
+   * label的字体大小，px单位
+   * @default 14
+   */
+  labelSize?: string | number
+  /**
+   * 是否禁止点击文本操作
+   * @default false
+   */
+  labelDisabled?: boolean
+  /**
+   * 图标颜色
+   * @default "#fff"
+   */
+  iconColor?: string
+  /**
+   * 图标的大小，单位px
+   * @default 12
+   */
+  iconSize?: string | number
+  /**
+   * 竖向配列时，是否显示下划线
+   * @default false
+   */
+  borderBottom?: boolean
+  /**
+   * 勾选图标的对齐方式，left-左边，right-右边
+   * @default "left"
+   */
+  iconPlacement?: 'left' | 'right'
+  /**
+   * 任一个`radio`状态发生变化时触发
+   * @param name 值为`radio`通过`props`传递的`name`值
+   */
+  onChange?: (name: string) => any
+}
+
+declare interface _RadioGroup {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      RadioGroupProps
+  }
+}
+
+export declare const RadioGroup: _RadioGroup

package/uview-ultra/types/comps/rate.d.ts

@@ -0,0 +1,85 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface RateProps {
+  /**
+   * 双向绑定选择星星的数量
+   * @default 1
+   */
+  value?: string | number
+  /**
+   * 最多可选的星星数量
+   * @default 5
+   */
+  count?: string | number
+  /**
+   * 是否禁止用户操作
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 是否只读
+   * @default false
+   */
+  readonly?: boolean
+  /**
+   * 星星的大小，单位rpx
+   * @default 18
+   */
+  size?: string | number
+  /**
+   * 未选中星星的颜色
+   * @default "#b2b2b2"
+   */
+  inactiveColor?: string
+  /**
+   * 选中的星星颜色
+   * @default "#FA3534"
+   */
+  activeColor?: string
+  /**
+   * 星星之间的距离
+   * @default 4
+   */
+  gutter?: string | number
+  /**
+   * 最少选中星星的个数
+   * @default 1
+   */
+  minCount?: string | number
+  /**
+   * 是否允许半星选择
+   * @default false
+   */
+  allowHalf?: boolean
+  /**
+   * 选中时的图标名，只能为uView的内置图标
+   * @default "star-fill"
+   */
+  activeIcon?: string
+  /**
+   * 未选中时的图标名，只能为uView的内置图标
+   * @default "star"
+   */
+  inactiveIcon?: string
+  /**
+   * 是否可以通过滑动手势选择评分
+   * @default true
+   */
+  touchable?: boolean
+  /**
+   * 选中的星星发生变化时触发
+   * @param value 当前选中的星星的数量
+   */
+  onChange?: (value: number) => any
+}
+
+declare interface _Rate {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      RateProps
+  }
+}
+
+export declare const Rate: _Rate

package/uview-ultra/types/comps/readMore.d.ts

@@ -0,0 +1,80 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ReadMoreProps {
+  /**
+   * 内容超出此高度才会显示展开全文按钮，单位rpx
+   * @default 400
+   */
+  showHeight?: string | number
+  /**
+   * 展开后是否显示收起按钮
+   * @default false
+   */
+  toggle?: boolean
+  /**
+   * 关闭时的提示文字
+   * @default "展开阅读全文"
+   */
+  closeText?: string
+  /**
+   * 展开时的提示文字
+   * @default "收起"
+   */
+  openText?: string
+  /**
+   * 提示文字的颜色
+   * @default "#2979ff"
+   */
+  color?: string
+  /**
+   * 提示文字的大小，默认单位px
+   * @default 14
+   */
+  fontSize?: string | number
+  /**
+   * 对阴影的自定义处理
+   */
+  shadowStyle?: {
+    backgroundImage?: string
+    paddingTop?: string
+    marginTop?: string
+  }
+  /**
+   * 段落首行缩进的字符个数
+   * @default "2em"
+   */
+  textIndent?: string
+  /**
+   * 用于在`open`和`close`事件中当作回调参数返回
+   */
+  name?: string | number
+  /**
+   * 内容被展开时触发
+   * @param name props中传入的`name`参数值
+   */
+  onOpen?: (name: any) => any
+  /**
+   * 内容被收起时触发
+   * @param name props中传入的`name`参数值
+   */
+  onClose?: (name: any) => any
+}
+
+declare interface _ReadMoreRef {
+  /**
+   * 重新初始化组件内部高度计算过程，如果内嵌u-parse组件时可能需要用到
+   */
+  init: () => void
+}
+
+declare interface _ReadMore {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ReadMoreProps
+  }
+}
+
+export declare const ReadMore: _ReadMore
+
+export declare const ReadMoreRef: _ReadMoreRef

package/uview-ultra/types/comps/row.d.ts

@@ -0,0 +1,34 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface RowProps {
+  /**
+   * 栅格间隔，左右各为此值的一半，单位任意
+   * @default 0
+   */
+  gutter?: string | number
+  /**
+   * 水平排列方式(微信小程序暂不支持)
+   * @default "start"
+   */
+  justify?: 'start' | 'flex-start' | 'end' | 'flex-end' | 'center' | 'around' | 'space-around' | 'between' | 'space-between'
+  /**
+   * 垂直排列方式
+   * @default "center"
+   */
+  align?: 'top' | 'center' | 'bottom'
+  /**
+   * 点击触发事件
+   */
+  onClick?: () => any
+}
+
+declare interface _Row {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      RowProps
+  }
+}
+
+export declare const Row: _Row

package/uview-ultra/types/comps/safeBottom.d.ts

@@ -0,0 +1,16 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface SafeBottomProps {
+	/**
+	 * 定义需要用到的外部样式
+	 */
+	customStyle?: unknown
+}
+
+declare interface _SafeBottom {
+	new (): {
+		$props: AllowedComponentProps & VNodeProps & SafeBottomProps
+	}
+}
+
+export declare const SafeBottom: _SafeBottom

package/uview-ultra/types/comps/scrollList.d.ts

@@ -0,0 +1,51 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ScrollListProps {
+  /**
+   * 指示器的整体宽度
+   * @default 50
+   */
+  indicatorWidth?: string | number
+  /**
+   * 滑块的宽度
+   * @default 20
+   */
+  indicatorBarWidth?: string | number
+  /**
+   * 是否显示面板指示器
+   * @default true
+   */
+  indicator?: boolean
+  /**
+   * 指示器非激活颜色
+   * @default "#f2f2f2"
+   */
+  indicatorColor?: string
+  /**
+   * 指示器滑块颜色
+   * @default "#3c9cff"
+   */
+  indicatorActiveColor?: string
+  /**
+   * 指示器样式，可通过bottom，left，right进行定位
+   */
+  indicatorStyle: string | Record<string, any>
+  /**
+   * 滑动到左边时触发
+   */
+  onLeft?: () => any
+  /**
+   * 滑动到右边时触发
+   */
+  onRight?: () => any
+}
+
+declare interface _ScrollList {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ScrollListProps
+  }
+}
+
+export declare const ScrollList: _ScrollList

package/uview-ultra/types/comps/search.d.ts

@@ -0,0 +1,167 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+
+declare interface SearchProps {
+  /**
+   * 双向绑定输入框搜索值
+   */
+  ['v-model']?: string
+  /**
+   * 搜索框形状，round-圆形，square-方形
+   * @default "round"
+   */
+  shape?: 'round' | 'square'
+  /**
+   * 搜索框背景颜色
+   * @default "#f2f2f2"
+   */
+  bgColor?: string
+  /**
+   * 占位文字内容
+   * @default "请输入关键字"
+   */
+  placeholder?: string
+  /**
+   * 是否启用清除控件
+   * @default true
+   */
+  clearabled?: boolean
+  /**
+   * 是否自动获得焦点
+   * @default false
+   */
+  focus?: boolean
+  /**
+   * 是否显示右侧控件(右侧的"搜索"按钮)
+   * @default true
+   */
+  showAction?: boolean
+  /**
+   * 右侧控件的样式，对象形式
+   */
+  actionStyle?: unknown
+  /**
+   * 右侧控件文字
+   * @default "搜索"
+   */
+  actionText?: string
+  /**
+   * 输入框内容水平对齐方式
+   * @default "left"
+   */
+  inputAlign?: 'left' | 'center'  |'right'
+  /**
+   * 自定义输入框样式，对象形式
+   */
+  inputStyle?: unknown
+  /**
+   * 是否启用输入框
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 边框颜色，配置了颜色，才会有边框
+   * @default "transparent"
+   */
+  borderColor?: string
+  /**
+   * 搜索图标的颜色，默认同输入框字体颜色
+   * @default "#909399"
+   */
+  searchIconColor?: string
+  /**
+   * 搜索图标的大小
+   * @default 22
+   */
+  searchIconSize?: number
+  /**
+   * 输入框字体颜色
+   * @default "#606266"
+   */
+  color?: string
+  /**
+   * placeholder的颜色
+   * @default "#909399"
+   */
+  placeholderColor?: string
+  /**
+   * 输入框左边的图标，可以为uView图标名称或图片路径
+   * @default "search"
+   */
+  searchIcon?: string
+  /**
+   * 组件与其他上下左右元素之间的距离，带单位的字符串形式，如"30rpx"、"30rpx 20rpx"等写法
+   * @default "0"
+   */
+  margin?: string
+  /**
+   * 是否开启动画，详见[文档](https://www.uviewui.com/components/search.html#%E6%98%AF%E5%90%A6%E5%BC%80%E5%90%AF%E5%8F%B3%E8%BE%B9%E6%8E%A7%E4%BB%B6)
+   * @default false
+   */
+  animation?: boolean
+  /**
+   * 输入框初始值
+   */
+  value?: string
+  /**
+   * 输入框最大能输入的长度，-1为不限制长度
+   * @default -1
+   */
+  maxlength?: string | number
+  /**
+   * 输入框高度，单位rpx
+   * @default 64
+   */
+  height?: string | number
+  /**
+   * 搜索左侧文本信息
+   */
+  label?: string | number
+  /**
+   * 输入框内容发生变化时触发
+   * @param value 输入框的值
+   */
+  onChange?: (value: any) => any
+  /**
+   * 用户确定搜索时触发，用户按回车键，或者手机键盘右下角的"搜索"键时触发
+   * @param value 输入框的值
+   */
+  onSearch?: (value: any) => any
+  /**
+   * 用户点击右侧控件时触发
+   * @param value 输入框的值
+   */
+  onCustom?: (value: any) => any
+  /**
+   * 输入框失去焦点时触发
+   * @param value 输入框的值
+   */
+  onBlur?: (value: any) => any
+  /**
+   * 输入框获得焦点时触发
+   * @param value 输入框的值
+   */
+  onFocus?: (value: any) => any
+  /**
+   * 配置了`clearabled`后，清空内容时会发出此事件
+   */
+  onClear?: () => any
+  /**
+   * `disabled`为`true`时，点击输入框，发出此事件，用于跳转搜索页
+   */
+  onClick?: () => any
+  /**
+   * 左侧icon点击时候时触发
+   */
+  onClickIcon?: () => any
+}
+
+declare interface _Search {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      SearchProps
+  }
+}
+
+export declare const Search: _Search