create-uniapps 1.0.0

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

@@ -0,0 +1,72 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface EmptyProps {
+  /**
+   * 内置图标名称，或图片路径，建议绝对路径
+   */
+  icon?: string
+  /**
+   * 文字提示
+   */
+  text?: string
+  /**
+   * 文字颜色
+   * @default "#c0c4cc"
+   */
+  textColor?: string
+  /**
+   * 文字大小
+   * @default 14
+   */
+  textSize?: string | number
+  /**
+   * 图标的颜色
+   * @default "#c0c4cc"
+   */
+  iconColor?: string
+  /**
+   * 图标的大小
+   * @default 90
+   */
+  iconSize?: string | number
+  /**
+   * 内置的图标，详细见[文档](https://www.uviewui.com/components/empty.html#%E5%86%85%E7%BD%AE%E5%9B%BE%E6%A0%87)
+   * @default "data"
+   */
+  mode?: string
+  /**
+   * 图标的宽度，单位px
+   * @default 160
+   */
+  width?: string | number
+  /**
+   * 图标的高度，单位px
+   * @default 160
+   */
+  height?: string | number
+  /**
+   * 是否显示组件
+   * @default true
+   */
+  show?: boolean
+  /**
+   * 组件到上一个元素的间距,单位px
+   * @default 0
+   */
+  marginTop?: string | number
+}
+
+declare interface EmptySlots {
+  ['default']?: () => any
+}
+
+declare interface _Empty {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      EmptyProps
+    $slots: EmptySlots
+  }
+}
+
+export declare const Empty: _Empty

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

@@ -0,0 +1,76 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface FormProps {
+  /**
+   * 表单数据对象
+   */
+  model?: Record<string, any>
+  /**
+   * 通过ref设置，如果rules中有自定义方法等，需要使用setRules方法设置规则，详见[文档](https://www.uviewui.com/components/form.html#%E9%AA%8C%E8%AF%81%E8%A7%84%E5%88%99)
+   */
+  rules?: Record<string, any>
+  /**
+   * 错误的提示方式
+   * @default "message"
+   */
+  errorType?: 'message' | 'none' | 'toast' | 'border-bottom' | 'none'
+  /**
+   * 是否显示表单域的下划线边框
+   * @default true
+   */
+  borderBottom?: boolean
+  /**
+   * 表单域提示文字的位置，left-左侧，top-上方
+   * @default "left"
+   */
+  labelPosition?: 'left' | 'top'
+  /**
+   * 提示文字的宽度，单位px
+   * @default 45
+   */
+  labelWidth?: string | number
+  /**
+   * lable字体的对齐方式
+   * @default "left"
+   */
+  labelAlign?: 'left' | 'center' | 'right'
+  /**
+   * lable的样式
+   */
+  labelStyle?: unknown
+}
+
+declare interface _FormRef {
+  /**
+   * 对整个表单进行校验的方法
+   */
+  validate: () => any
+  /**
+   * 如果`rules`中有自定义方法等，需要用此方法设置`rules`规则，否则微信小程序无效
+   */
+  setRules: (rules: any) => any
+  /**
+   * 对部分表单字段进行校验
+   */
+  validateField: (value, cb?: ((errorsRes) => any)) => any
+  /**
+   * 对整个表单进行重置，将所有字段值重置为初始值并移除校验结果
+   */
+  resetFields: () => any
+  /**
+   * 清空校验结果
+   */
+  clearValidate: (props: any) => any
+}
+
+declare interface _Form {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      FormProps
+  }
+}
+
+export declare const Form: _Form
+
+export declare const FormRef: _FormRef

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

@@ -0,0 +1,68 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface FormItemProps {
+  /**
+   * 左侧提示文字
+   */
+  label?: string
+  /**
+   * 表单域`model`对象的属性名，在使用 validate、resetFields 方法的情况下，该属性是必填的
+   */
+  prop?: string
+  /**
+   * 是否显示下边框，如不需要下边框，需同时将u-form的同名参数设置为false
+   * @default true
+   */
+  borderBottom?: boolean
+  /**
+   * 提示文字的宽度，单位rpx，如设置，将覆盖`u-form`的同名参数
+   */
+  labelWidth?: string | number
+  /**
+   * label的位置
+   */
+  labelPosition?: 'left' | 'top'
+  /**
+   * 右侧自定义字体图标(限uView内置图标)或图片地址
+   */
+  rightIcon?: string
+  /**
+   * 左侧自定义字体图标(限uView内置图标)或图片地址
+   */
+  leftIcon?: string
+  /**
+   * 左侧自定义字体图标的样式
+   */
+  leftIconStyle?: unknown
+  /**
+   * 是否显示左边的"*"号，这里仅起展示作用，如需校验必填，请通过rules配置必填规则，如需在swiper标签内显示星号，需要给予swiper-item内第一个根节点一定的margin样式
+   * @default false
+   */
+  required?: boolean
+  /**
+   * 点击时触发
+   */
+  onClick?: () => any
+}
+
+declare interface FormItemSlots {
+  /**
+   * Form Item 的内容
+   */
+  ['default']?: () => any
+  /**
+   * 右侧自定义内容，可以在此传入一个按钮，用于获取验证码等场景
+   */
+  ['right']?: () => any
+}
+
+declare interface _FormItem {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      FormItemProps
+    $slots: FormItemSlots
+  }
+}
+
+export declare const FormItem: _FormItem

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

@@ -0,0 +1,35 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface GapProps {
+  /**
+   * 背景颜色
+   * @default "transparent"
+   */
+  bgColor?: string
+  /**
+   * 间隔槽高度，单位px
+   * @default 20
+   */
+  height?: string | number
+  /**
+   * 与前一个元素的距离，单位px
+   * @default 0
+   */
+  marginTop?: string | number
+  /**
+   * 与后一个元素的距离，单位px
+   * @default 0
+   */
+  marginBottom?: string | number
+}
+
+declare interface _Gap {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      GapProps
+  }
+}
+
+export declare const Gap: _Gap
+

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

@@ -0,0 +1,34 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface GridProps {
+  /**
+   * 宫格的列数
+   * @default 3
+   */
+  col?: string | number
+  /**
+   * 是否显示宫格的边框
+   * @default true
+   */
+  border?: boolean
+  /**
+   * 宫格的对齐方式，用于控制只有一两个宫格时的对齐场景
+   * @default "left"
+   */
+  align?: 'left' | 'center' | 'right'
+  /**
+   * 点击宫格触发
+   * @param name `grid-item` 的 `name`
+   */
+  onClick?: (name: any) => any
+}
+
+declare interface _Grid {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      GridProps
+  }
+}
+
+export declare const Grid: _Grid

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

@@ -0,0 +1,28 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface GridItemProps {
+  /**
+   * 宫格的name
+   */
+  name?: string | number
+  /**
+   * 宫格的背景颜色
+   * @default "transparent"
+   */
+  bgColor?: string
+  /**
+   * 点击宫格触发
+   * @param name `grid-item` 的 `name`
+   */
+  onClick?: (name: any) => any
+}
+
+declare interface _GridItem {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      GridItemProps
+  }
+}
+
+export declare const GridItem: _GridItem

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

@@ -0,0 +1,93 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+import { ImageMode } from './image'
+
+declare interface IconProps {
+  /**
+   * 图标名称，如名称带有`/`，会被认为是图片图标
+   */
+  name?: string
+  /**
+   * 图标颜色
+   * @default "color['u-content-color']"
+   */
+  color?: string
+  /**
+   * 图标字体大小，单位默认px
+   * @default "16px"
+   */
+  size?: string | number
+  /**
+   * 是否显示粗体
+   * @default false
+   */
+  bold?: boolean
+  /**
+   * 一个用于区分多个图标的值，点击图标时通过`click`事件传出
+   */
+  index?: string | number
+  /**
+   * 图标按下去的样式类，用法同uni的`view`组件的`hover-class`参数，详见：[hover-class](https://uniapp.dcloud.io/component/view)
+   */
+  hoverClass?: string
+  /**
+   * 图标右侧/下方的label文字
+   */
+  label?: string | number
+  /**
+   * `label`相对于图标的位置
+   * @default "right"
+   */
+  labelPos?: 'right' | 'bottom' | 'top' | 'left'
+  /**
+   * `label`字体大小，单位默认px
+   * @default "15px"
+   */
+  labelSize?: string | number
+  /**
+   * `label`字体颜色
+   * @default "color['u-content-color']"
+   */
+  labelColor?: string
+  /**
+   * `label`与图标的距离，单位默认px
+   * @default "3px"
+   */
+  space?: string | number
+  /**
+   * 裁剪模式
+   */
+  imgMode?: ImageMode
+  /**
+   * `name`为图片路径时图片的宽度，单位默认px
+   */
+  width?: string | number
+  /**
+   * `name`为图片路径时图片的高度，单位默认px
+   */
+  height?: string | number
+  /**
+   * 图标到顶部的距离，如果某些场景，如果图标没有垂直居中，可以调整此参数，单位默认px
+   * @default 0
+   */
+  top?: string | number
+  /**
+   * 是否阻止事件传播
+   * @default false
+   */
+  stop?: boolean
+  /**
+   * 点击图标时触发
+   * @param index 通过`props`传递的`index`值
+   */
+  onClick?: (index: any) => any
+}
+
+declare interface _Icon {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      IconProps
+  }
+}
+
+export declare const Icon: _Icon

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

@@ -0,0 +1,119 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+export declare type ImageMode = 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'widthFix' | 'heightFix' | 'top' | 'bottom' | 'center' | 'left' | 'right' | 'top left' | 'top right' | 'bottom left' | 'bottom right'
+
+declare interface ImageProps {
+  /**
+   * 图片地址，强烈建议使用绝对或者网络路径
+   */
+  src?: string
+  /**
+   * 裁剪模式
+   * @default "aspectFill"
+   */
+  mode?: ImageMode
+  /**
+   * 宽度，单位任意，如果为数值，默认单位px
+   * @default 300
+   */
+  width?: string | number
+  /**
+   * 高度，单位任意，如果为数值，默认单位px
+   * @default 225
+   */
+  height?: string | number
+  /**
+   * 图片形状
+   * @default "square"
+   */
+  shape?: 'circle' | 'square'
+  /**
+   * 圆角，默认单位px
+   * @default 0
+   */
+  radius?: string | number
+  /**
+   * 是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效
+   * @default true
+   */
+  lazyLoad?: boolean
+  /**
+   * 是否开启长按图片显示识别小程序码菜单，仅微信小程序有效
+   */
+  showMenuByLongpress?: boolean
+  /**
+   * 加载中的图标，或者小图片
+   * @default "photo"
+   */
+  loadingIcon?: string
+  /**
+   * 加载失败的图标，或者小图片
+   * @default "error-circle"
+   */
+  errorIcon?: string
+  /**
+   * 是否显示加载中的图标或者自定义的slot
+   * @default true
+   */
+  showLoading?: boolean
+  /**
+   * 是否显示加载错误的图标或者自定义的slot
+   * @default true
+   */
+  showError?: boolean
+  /**
+   * 是否需要淡入效果
+   * @default true
+   */
+  fade?: boolean
+  /**
+   * 只支持网络资源，只对微信小程序有效
+   * @default false
+   */
+  webp?: boolean
+  /**
+   * 搭配`fade`参数的过渡时间，单位ms
+   * @default 500
+   */
+  duration?: string | number
+  /**
+   * 背景颜色，用于深色页面加载图片时，为了和背景色融合
+   * @default "#f3f4f6"
+   */
+  bgColor?: string
+  /**
+   * 点击图片时触发
+   */
+  onClick?: () => any
+  /**
+   * 图片加载失败时触发
+   * @param err 错误信息
+   */
+  onError?: (err: any) => any
+  /**
+   * 图片加载成功时触发
+   */
+  onLoad?: () => any
+}
+
+declare interface ImageSlots {
+  /**
+   * 自定义加载中的提示内容
+   */
+  ['loading']?: () => any
+  /**
+   * 自定义失败的提示内容
+   */
+  ['error']?: () => any
+}
+
+declare interface _Image {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      ImageProps
+    $slots: ImageSlots
+  }
+}
+
+export declare const Image: _Image

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

@@ -0,0 +1,38 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface IndexAnchorProps {
+  /**
+   * 列表锚点文本内容
+   */
+  text?: string | number
+  /**
+   * 列表锚点文字颜色
+   * @default "#606266"
+   */
+  color?: string
+  /**
+   * 列表锚点文字大小，单位默认px
+   * @default 14
+   */
+  size?: string | number
+  /**
+   * 列表锚点背景颜色
+   * @default "#dedede"
+   */
+  bgColor?: string
+  /**
+   * 列表锚点高度，单位默认px
+   * @default 32
+   */
+  height?: string | number
+}
+
+declare interface _IndexAnchor {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      IndexAnchorProps
+  }
+}
+
+export declare const IndexAnchor: _IndexAnchor

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

@@ -0,0 +1,18 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface IndexItemSlots {
+  /**
+   * 自定义列表内容
+   */
+  ['default']?: () => any
+}
+
+declare interface _IndexItem {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps
+    $slots: IndexItemSlots
+  }
+}
+
+export declare const IndexItem: _IndexItem

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

@@ -0,0 +1,39 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface IndexListProps {
+  /**
+   * 右边锚点状态非激活时的颜色
+   * @default "#606266"
+   */
+  inactiveColor?: string
+  /**
+   * 右边锚点状态激活时的颜色
+   * @default "#5677fc"
+   */
+  activeColor?: string
+  /**
+   * 索引字符列表，数组
+   * @default "A-Z"
+   */
+  indexList?: (string | number)[]
+  /**
+   * 是否开启锚点自动吸顶
+   * @default true
+   */
+  sticky?: boolean
+  /**
+   * 自定义导航栏的高度，单位默认px
+   * @default 0
+   */
+  customNavHeight?: string | number
+}
+
+declare interface _IndexList {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      IndexListProps
+  }
+}
+
+export declare const IndexList: _IndexList