uview-ultra 4.5.46

package/theme.scss

@@ -0,0 +1,116 @@
+// 此文件为组件库主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
+// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
+// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
+
+$up-main-color: #303133;
+$up-content-color: #606266;
+$up-tips-color: #909193;
+$up-light-color: #c0c4cc;
+$up-border-color: #dadbde;
+$up-bg-color: #f3f4f6;
+$up-disabled-color: #c8c9cc;
+
+$up-primary: #3c9cff;
+$up-primary-dark: #398ade;
+$up-primary-disabled: #9acafc;
+$up-primary-light: #ecf5ff;
+
+$up-warning: #f9ae3d;
+$up-warning-dark: #f1a532;
+$up-warning-disabled: #f9d39b;
+$up-warning-light: #fdf6ec;
+
+$up-success: #5ac725;
+$up-success-dark: #53c21d;
+$up-success-disabled: #a9e08f;
+$up-success-light: #f5fff0;
+
+$up-error: #f56c6c;
+$up-error-dark: #e45656;
+$up-error-disabled: #f7b2b2;
+$up-error-light: #fef0f0;
+
+$up-info: #909399;
+$up-info-dark: #767a82;
+$up-info-disabled: #c4c6c9;
+$up-info-light: #f4f4f5;
+
+$u-main-color: $up-main-color;
+$u-content-color: $up-content-color;
+$u-tips-color: $up-tips-color;
+$u-light-color: $up-light-color;
+$u-border-color: $up-border-color;
+$u-bg-color: $up-bg-color;
+$u-disabled-color: $up-disabled-color;
+
+$u-primary: $up-primary;
+$u-primary-dark: $up-primary-dark;
+$u-primary-disabled: $up-primary-disabled;
+$u-primary-light: $up-primary-light;
+
+$u-warning: $up-warning;
+$u-warning-dark: $up-warning-dark;
+$u-warning-disabled: $up-warning-disabled;
+$u-warning-light: $up-warning-light;
+
+$u-success: $up-success;
+$u-success-dark: $up-success-dark;
+$u-success-disabled: $up-success-disabled;
+$u-success-light: $up-success-light;
+
+$u-error: $up-error;
+$u-error-dark: $up-error-dark;
+$u-error-disabled: $up-error-disabled;
+$u-error-light: $up-error-light;
+
+$u-info: $up-info;
+$u-info-dark: $up-info-dark;
+$u-info-disabled: $up-info-disabled;
+$u-info-light: $up-info-light;
+
+$up-legacy-light-theme-map: (
+	'main-color': $u-main-color,
+	'content-color': $u-content-color,
+	'tips-color': $u-tips-color,
+	'light-color': $u-light-color,
+	'border-color': $u-border-color,
+	'bg-color': $u-bg-color,
+	'disabled-color': $u-disabled-color,
+	'primary': $u-primary,
+	'primary-dark': $u-primary-dark,
+	'primary-disabled': $u-primary-disabled,
+	'primary-light': $u-primary-light,
+	'warning': $u-warning,
+	'warning-dark': $u-warning-dark,
+	'warning-disabled': $u-warning-disabled,
+	'warning-light': $u-warning-light,
+	'success': $u-success,
+	'success-dark': $u-success-dark,
+	'success-disabled': $u-success-disabled,
+	'success-light': $u-success-light,
+	'error': $u-error,
+	'error-dark': $u-error-dark,
+	'error-disabled': $u-error-disabled,
+	'error-light': $u-error-light,
+	'info': $u-info,
+	'info-dark': $u-info-dark,
+	'info-disabled': $u-info-disabled,
+	'info-light': $u-info-light
+);
+
+@mixin up-export-legacy-light-vars($selector) {
+	#{$selector} {
+		@each $name, $value in $up-legacy-light-theme-map {
+			--up-light-#{$name}: #{$value};
+			--u-light-#{$name}: #{$value};
+		}
+	}
+}
+
+// scss混入，为了少写几行#ifndef
+@mixin flex($direction: row) {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: $direction;
+}

package/types/common.uts

@@ -0,0 +1,14 @@
+export type UPCommonStyle = {
+	color ?: string,
+	fontSize ?: string,
+	backgroundColor ?: string,
+	borderRadius ?: string,
+	width ?: string,
+	height ?: string,
+	margin ?: string,
+	padding ?: string,
+	transform ?: string,
+	borderColor ?: string,
+}
+
+export {}

package/types/comps/_common.d.ts

@@ -0,0 +1,9 @@
+export interface AllowedComponentProps {
+  class?: unknown;
+  style?: unknown;
+}
+
+export interface VNodeProps {
+  key?: string | number | symbol;
+  ref?: unknown;
+}

package/types/comps/actionSheet.d.ts

@@ -0,0 +1,125 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface ActionSheetProps {
+  /**
+   * 是否展示
+   * @default false
+   */
+  show?: boolean
+  /**
+   * 设置标题
+   */
+  title?: string
+  /**
+   * 选项上方的描述信息
+   */
+  description?: string
+  /**
+   * 按钮的文字数组
+   * @default []
+   */
+  actions?: any[]
+  /**
+   * 取消按钮的文字，不为空时显示按钮
+   */
+  cancelText?: string
+  /**
+   * 点击某个菜单项时是否关闭弹窗
+   */
+  closeOnClickAction?: string
+  /**
+   * 是否开启底部安全区适配
+   * @default false
+   */
+  safeAreaInsetBottom?: boolean
+  /**
+   * 小程序的打开方式
+   */
+  openType?: string
+  /**
+   * 点击遮罩是否允许关闭
+   */
+  closeOnClickOverlay?: boolean
+  /**
+   * 圆角值，默认无圆角
+   * @default 0
+   */
+  round?: string | number
+  /**
+   * 指定返回用户信息的语言
+   * @default "en"
+   */
+  lang?: 'zh_CN' | 'zh_TW' | 'en'
+  /**
+   * 会话来源，open-type="contact"时有效。只微信小程序有效
+   */
+  sessionFrom?: string
+  /**
+   * 会话内消息卡片标题，openType="contact"时有效
+   */
+  sendMessageTitle?: string
+  /**
+   * 会话内消息卡片点击跳转小程序路径，openType="contact"时有效
+   */
+  sendMessagePath?: string
+  /**
+   * 会话内消息卡片图片，openType="contact"时有效
+   */
+  sendMessageImg?: string
+  /**
+   * 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，openType="contact"时有效
+   * @default false
+   */
+  showMessageCard?: boolean
+  /**
+   * 打开 APP 时，向 APP 传递的参数，openType=launchApp 时有效
+   */
+  appParameter?: string
+  /**
+   * 点击ActionSheet列表项时触发
+   */
+  onSelect?: () => any
+  /**
+   * 点击取消按钮时触发
+   */
+  onClose?: () => any
+  /**
+   * 弹窗已关闭（离场动画结束、弹窗真正消失后）
+   */
+  onClosed?: () => any
+  /**
+   * 获取用户信息回调，openType="getUserInfo"时有效
+   * @param detail 用户信息
+   */
+  onGetuserinfo?: (detail: any) => any
+  /**
+   * 客服消息回调，openType="contact"时有效
+   */
+  onContact?: () => any
+  /**
+   * 获取用户手机号回调，openType="getPhoneNumber"时有效
+   */
+  onGetphonenumber?: () => any
+  /**
+   * 当使用开放能力时，发生错误的回调
+   */
+  onError?: (...args: any) => any
+  /**
+   * 在打开授权设置页并关闭后回调
+   */
+  onOpensetting?: (...args: any) => any
+  /**
+   * 打开 APP 成功的回调
+   */
+  onLaunchapp?: (...args: any) => any
+}
+
+declare interface _ActionSheet {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ActionSheetProps
+  }
+}
+
+export declare const ActionSheet: _ActionSheet

package/types/comps/album.d.ts

@@ -0,0 +1,91 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface AlbumProps {
+  /**
+   * 图片地址列表
+   */
+  urls?: string[] | Record<string, any>[]
+  /**
+   * 指定从数组的对象元素中读取哪个属性作为图片地址
+   */
+  keyName?: string
+  /**
+   * 单图时，图片长边的长度
+   * @default 180
+   */
+  singleSize?: string | number
+  /**
+   * 多图时，图片边长
+   * @default 70
+   */
+  multipleSize?: string | number
+  /**
+   * 多图时，图片水平和垂直之间的间隔
+   * @default 6
+   */
+  space?: string | number
+  /**
+   * 单图时，图片缩放裁剪的模式
+   * @default "scaleToFill"
+   */
+  singleMode?: ImageMode
+  /**
+   * 多图时，图片缩放裁剪的模式
+   * @default "aspectFill"
+   */
+  multipleMode?: ImageMode
+  /**
+   * 最多展示的图片数量，超出时最后一个位置将会显示剩余图片数量
+   * @default 9
+   */
+  maxCount?: string | number
+  /**
+   * 是否可以预览图片
+   * @default true
+   */
+  previewFullImage?: boolean
+  /**
+   * 每行展示图片数量，如设置，singleSize和multipleSize将会无效
+   * @default 3
+   */
+  rowCount?: string | number
+  /**
+   * 超出maxCount时是否显示查看更多的提示
+   * @default true
+   */
+  showMore?: boolean
+  /**
+   * 某些特殊的情况下，需要让文字与相册的宽度相等，这里事件的形式对外发送
+   * @param width 宽度
+   */
+  onAlbumWidth?: (width: any) => any
+  /**
+   * 点击图片时触发，previewFullImage为false时返回图片信息
+   */
+  onPreview?: (payload: { urls: string[]; currentIndex: number }) => any
+  /**
+   * 图片形状
+   * @default "square"
+   */
+  shape?: 'circle' | 'square'
+  /**
+   * 圆角，默认单位px
+   * @default 0
+   */
+  radius?: string | number
+  /**
+   * 阻止点击事件冒泡
+   * @default true
+   */
+  stop?: boolean
+}
+
+declare interface _Album {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      AlbumProps
+  }
+}
+
+export declare const Album: _Album

package/types/comps/alert.d.ts

@@ -0,0 +1,55 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface AlertProps {
+  /**
+   * 显示的文字
+   */
+  title?: string
+  /**
+   * 使用预设的颜色
+   * @default "warning"
+   */
+  type?: 'warning' | 'success' | 'primary' | 'error' | 'info'
+  /**
+   * 辅助性文字，颜色比`title`浅一点，字号也小一点，可选
+   */
+  description?: string
+  /**
+   * 关闭按钮(默认为叉号icon图标)
+   * @default false
+   */
+  closable?: boolean
+  /**
+   * 是否显示左边的辅助图标
+   * @default false
+   */
+  showIcon?: boolean
+  /**
+   * 多图时，图片缩放裁剪的模式
+   */
+  effect?: 'light' | 'dark'
+  /**
+   * 文字是否居中
+   * @default false
+   */
+  center?: boolean
+  /**
+   * 字体大小
+   * @default 14
+   */
+  fontSize?: string | number
+  /**
+   * 点击组件时触发
+   */
+  onClick?: () => any
+}
+
+declare interface _Alert {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      AlertProps
+  }
+}
+
+export declare const Alert: _Alert

package/types/comps/avatar.d.ts

@@ -0,0 +1,85 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+import { ImageMode } from './image'
+
+declare interface AvatarProps {
+  /**
+   * 头像路径，如加载失败，将会显示默认头像(不能为相对路径)
+   */
+  src?: string
+  /**
+   * 头像形状
+   * @default "circle"
+   */
+  shape?: 'circle' | 'square'
+  /**
+   * 头像尺寸
+   * @default 40
+   */
+  size?: 'large' | 'default' | 'mini' | number
+  /**
+   * 裁剪类型
+   * @default "scaleToFill"
+   */
+  mode?: ImageMode
+  /**
+   * 用文字替代图片，级别优先于`src`
+   */
+  text?: string
+  /**
+   * 背景颜色
+   * @default "#c0c4cc"
+   */
+  bgColor?: string
+  /**
+   * 文字颜色
+   * @default "#fff"
+   */
+  color?: string
+  /**
+   * 文字大小
+   * @default 18
+   */
+  fontSize?: string | number
+  /**
+   * 显示的图标
+   */
+  icon?: string
+  /**
+   * 显示小程序头像，只对百度，微信，QQ小程序有效
+   * @default false
+   */
+  mpAvatar?: boolean
+  /**
+   * 是否使用随机背景色
+   * @default false
+   */
+  randomBgColor?: boolean
+  /**
+   * 加载失败的默认头像(组件有内置默认图片)
+   */
+  defaultUrl?: string
+  /**
+   * 如果配置了randomBgColor为true，且配置了此值，则从默认的背景色数组中取出对应索引的颜色值，取值0-19之间
+   */
+  colorIndex?: string | number
+  /**
+   * 组件标识符
+   * @default "level"
+   */
+  name?: string
+  /**
+   * 头像被点击
+   * @param index 用户传递的标识符
+   */
+  onClick?: (index: any) => any
+}
+
+declare interface _Avatar {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      AvatarProps
+  }
+}
+
+export declare const Avatar: _Avatar

package/types/comps/avatarGroup.d.ts

@@ -0,0 +1,62 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+import { ImageMode } from './image'
+
+declare interface AvatarGroupProps {
+  /**
+   * 头像图片组
+   * @default []
+   */
+  urls?: string[]
+  /**
+   * 最多展示的头像数量
+   * @default 5
+   */
+  maxCount?: string | number
+  /**
+   * 头像形状
+   * @default "circle"
+   */
+  shape?: 'circle' | 'square'
+  /**
+   * 裁剪模式
+   * @default "aspectFill"
+   */
+  mode?: ImageMode
+  /**
+   * 超出maxCount时是否显示查看更多的提示
+   * @default true
+   */
+  showMore?: boolean
+  /**
+   * 头像大小
+   * @default 40
+   */
+  size?: string | number
+  /**
+   * 指定从数组的对象元素中读取哪个属性作为图片地址
+   */
+  keyName?: string
+  /**
+   * 头像之间的遮挡比例（0.4代表遮挡40%）
+   * @default 0.5
+   */
+  gap?: string | number
+  /**
+   * 需额外显示的值，如设置则优先于内部的`urls.length - maxCount`值
+   */
+  extraValue?: string | number
+  /**
+   * 头像组更多点击
+   */
+  onShowMore?: () => any
+}
+
+declare interface _AvatarGroup {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      AvatarGroupProps
+  }
+}
+
+export declare const AvatarGroup: _AvatarGroup

package/types/comps/backTop.d.ts

@@ -0,0 +1,74 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface BackTopProps {
+  /**
+   * 按钮形状
+   * @default "circle"
+   */
+  mode?: 'circle' | 'square'
+  /**
+   * uView内置图标名称，或图片路径
+   * @default "arrow-upward"
+   */
+  icon?: string
+  /**
+   * 返回顶部按钮的提示文字
+   */
+  text?: string
+  /**
+   * 返回顶部过程中的过渡时间，单位ms
+   * @default 100
+   */
+  duration?: string | number
+  /**
+   * 页面的滚动距离，通过`onPageScroll`生命周期获取
+   * @default 0
+   */
+  scrollTop?: string | number
+  /**
+   * 滚动条滑动多少距离时显示，单位rpx
+   * @default 400
+   */
+  top?: string | number
+  /**
+   * 返回按钮位置到屏幕底部的距离，单位rpx
+   * @default 100
+   */
+  bottom?: string | number
+  /**
+   * 返回按钮位置到屏幕右边的距离，单位rpx
+   * @default 20
+   */
+  right?: string | number
+  /**
+   * 返回顶部按钮的层级
+   * @default 9
+   */
+  zIndex?: string | number
+  /**
+   * 图标的样式
+   */
+  iconStyle?: unknown
+  /**
+   * 按钮外层的自定义样式
+   */
+  customStyle?: unknown
+}
+
+declare interface BackTopSlots {
+  /**
+   * 自定义返回按钮的所有内容
+   */
+  ['default']?: () => any
+}
+
+declare interface _BackTop {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      BackTopProps
+    $slots: BackTopSlots
+  }
+}
+
+export declare const BackTop: _BackTop

package/types/comps/badge.d.ts

@@ -0,0 +1,76 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface BadgeProps {
+  /**
+   * 不展示数字，只有一个小点
+   * @default false
+   */
+  isDot?: boolean
+  /**
+   * 展示的数字，大于`overflowCount`时显示为`${overflowCount}+`，为`0`且`show-zero`为`false`时隐藏
+   */
+  value?: string | number
+  /**
+   * 组件是否显示
+   * @default true
+   */
+  show?: boolean
+  /**
+   * 最大值，超过最大值会显示 '{max}+'
+   * @default 99
+   */
+  max?: string | number
+  /**
+   * 主题类型
+   * @default "error"
+   */
+  type?: 'error' | 'warning' | 'success' | 'primary' | 'info'
+  /**
+   * 当数值为 0 时，是否展示 Badge
+   * @default false
+   */
+  showZero?: boolean
+  /**
+   * 背景颜色，优先级比`type`高，如设置，`type`参数会失效
+   */
+  bgColor?: string
+  /**
+   * 字体颜色
+   * @default "#fff"
+   */
+  color?: string
+  /**
+   * 徽标形状，circle-四角均为圆角，horn-左下角为直角
+   * @default "circle"
+   */
+  shape?: 'circle' | 'horn'
+  /**
+   * 置数字的显示方式，详细见[文档](https://www.uviewui.com/components/badge.html#%E8%AE%BE%E7%BD%AE%E6%95%B0%E5%AD%97%E7%9A%84%E6%98%BE%E7%A4%BA%E6%96%B9%E5%BC%8F-overflow-ellipsis-limit)
+   * @default "overflow"
+   */
+  numberType?: 'overflow' | 'ellipsis' | 'limit'
+  /**
+   * 设置badge的位置偏移，格式为 [x, y]，也即设置的为`top`和`right`的值，`absolute`为`true`时有效
+   */
+  offset?: string[]
+  /**
+   * 是否反转背景和字体颜色
+   * @default false
+   */
+  inverted?: boolean
+  /**
+   * 组件是否绝对定位，为`true`时，`offset`参数才有效
+   * @default false
+   */
+  absolute?: boolean
+}
+
+declare interface _Badge {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      BadgeProps
+  }
+}
+
+export declare const Badge: _Badge