create-uniapps 1.0.0

package/template/src/uni_modules/uview-plus/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/template/src/uni_modules/uview-plus/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/template/src/uni_modules/uview-plus/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/template/src/uni_modules/uview-plus/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
+  /**
+   * 传入自定义按钮，用于在微信小程序弹窗通过按钮授权的场景
+   */
+  ['confirmButton']?: () => any
+}
+
+declare interface _Modal {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ModalProps
+    $slots: ModalSlots
+  }
+}
+
+export declare const Modal: _Modal

package/template/src/uni_modules/uview-plus/types/comps/navbar.d.ts

@@ -0,0 +1,118 @@
+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
+  /**
+   * 状态栏背景颜色 不写同导航栏背景设置
+   * @default bgColor
+   */
+  statusBarBgColor?: 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/template/src/uni_modules/uview-plus/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

package/template/src/uni_modules/uview-plus/types/comps/noticeBar.d.ts

@@ -0,0 +1,85 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface NoticeBarProps {
+  /**
+   * 显示的内容，direction为column时要求为数组， 为row时要求为字符串
+   */
+  text?: string | string[]
+  /**
+   * 通告滚动模式，row-横向滚动，column-竖向滚动
+   * @default "row"
+   */
+  direction?: 'row' | 'column'
+  /**
+   * direction = row时，是否使用步进形式滚动
+   * @default false
+   */
+  step?: boolean
+  /**
+   * 是否显示左侧的音量图标
+   * @default "volume"
+   */
+  icon?: string
+  /**
+   * 通告模式，link-显示右箭头，closable-显示右侧关闭图标
+   */
+  mode?: 'link' | 'closable'
+  /**
+   * 文字颜色
+   * @default "#f9ae3d"
+   */
+  color?: string
+  /**
+   * 背景颜色
+   * @default "#fdf6ec"
+   */
+  bgColor?: string
+  /**
+   * 水平滚动时的滚动速度，即每秒滚动多少px(rpx)，这有利于控制文字无论多少时，都能有一个恒定的速度
+   * @default 80
+   */
+  speed?: string | number
+  /**
+   * 字体大小
+   * @default 14
+   */
+  fontSize?: string | number
+  /**
+   * 滚动一个周期的时间长，单位ms
+   * @default 2000
+   */
+  duration?: string | number
+  /**
+   * 是否禁止用手滑动切换（目前HX2.6.11，只支持App 2.5.5+、H5 2.5.5+、支付宝小程序、字节跳动小程序）
+   * @default true
+   */
+  disableTouch?: boolean
+  /**
+   * 跳转的页面路径
+   */
+  url?: string
+  /**
+   * 页面跳转的类型
+   * @default "navigateTo"
+   */
+  linkType?: string
+  /**
+   * 点击通告文字触发
+   * @param index 点击的text的索引
+   */
+  onClick?: (index: number) => any
+  /**
+   * 点击右侧关闭图标触发
+   */
+  onClose?: () => any
+}
+
+declare interface _NoticeBar {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      NoticeBarProps
+  }
+}
+
+export declare const NoticeBar: _NoticeBar

package/template/src/uni_modules/uview-plus/types/comps/notify.d.ts

@@ -0,0 +1,73 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface NotifyProps {
+  /**
+   * 到顶部的距离
+   * @default 0
+   */
+  top?: string | number
+  /**
+   * 主题
+   * @default "primary"
+   */
+  type?: 'primary' | 'success' | 'warning' | 'error'
+  /**
+   * 字体颜色
+   * @default "#fff"
+   */
+  color?: string
+  /**
+   * 背景颜色
+   */
+  bgColor?: string
+  /**
+   * 展示的文字内容
+   */
+  message?: string
+  /**
+   * 展示时长，为0时不消失，单位ms
+   * @default 3000
+   */
+  duration?: string | number
+  /**
+   * 字体大小，单位rpx
+   * @default 15
+   */
+  fontSize?: string | number
+  /**
+   * 是否留出顶部安全距离（状态栏高度）
+   * @default false
+   */
+  safeAreaInsetTop?: boolean
+}
+
+declare interface NotifySlots {
+  /**
+   * 通知内容
+   */
+  ['icon']?: () => any
+}
+
+declare interface _NotifyRef {
+  /**
+   * 显示并加载配置
+   */
+  show: (options: NotifyProps) => void
+  /**
+   * 关闭消息提示
+   */
+  close: () => void
+}
+
+declare interface _Notify {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      NotifyProps
+    $slots: NotifySlots
+  }
+}
+
+export declare const Notify: _Notify
+
+export declare const NotifyRef: _NotifyRef