create-uniapps 1.0.0

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

@@ -0,0 +1,204 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+import { ImageMode } from './image';
+
+type BaseFileInfo = {
+    type: string
+    url: string
+    name: string
+    size: number
+    file: File
+    [key: string]: any
+}
+
+type ImageFileInfo = BaseFileInfo & {
+    type: 'image'
+    thumb: string
+}
+
+type VideoFileInfo = BaseFileInfo & {
+    type: 'video'
+    thumb: string
+    width: number
+    height: number
+}
+
+type MediaFileInfo = BaseFileInfo & {
+    thumb: string
+}
+
+type FileInfo = BaseFileInfo | ImageFileInfo | VideoFileInfo | MediaFileInfo
+
+declare interface UploadProps {
+  /**
+   * 接受的文件类型，file只支持H5（只有微信小程序才支持把accept配置为all、media）
+   * @default "image"
+   */
+  accept?: 'all' | 'media' | 'image' | 'file' | 'video'
+  /**
+   * 图片或视频拾取模式，当accept为image类型时设置capture可选额外camera可以直接调起摄像头
+   * @default ["album", "camera"]
+   */
+  capture?: 'album' | 'camera' | ('album' | 'camera')[]
+  /**
+   * 选择文件的后缀名，暂只支持.zip、.png等，不支持application/msword等值
+   */
+  extension?: string [];
+  /**
+   * 当accept为video时生效，是否压缩视频，默认为true
+   * @default true
+   */
+  compressed?: boolean
+  /**
+   * 当accept为video时生效，可选值为back或front
+   * @default "back"
+   */
+  camera?: 'back' | 'front'
+  /**
+   * 当accept为video时生效，拍摄视频最长拍摄时间，单位秒
+   * @default 60
+   */
+  maxDuration?: number
+  /**
+   * 上传区域的图标，只能内置图标
+   * @default "camera-fill"
+   */
+  uploadIcon?: string
+  /**
+   * 上传区域的图标的颜色
+   * @default "#D3D4D6"
+   */
+  uploadIconColor?: string
+  /**
+   * 是否启用(显示/隐藏)组件
+   */
+  useBeforeRead?: boolean
+  /**
+   * 预览全图
+   * @default true
+   */
+  previewFullImage?: boolean
+  /**
+   * 最大选择图片的数量
+   * @default 52
+   */
+  maxCount?: string | number
+  /**
+   * 是否启用(显示/隐藏)组件
+   * @default false
+   */
+  disabled?: boolean
+  /**
+   * 预览上传的图片时的裁剪模式
+   * @default "aspectFill"
+   */
+  imageMode?: ImageMode
+  /**
+   * 标识符，可以在回调函数的第二项参数中获取
+   * @default "file"
+   */
+  name?: string
+  /**
+   * original 原图，compressed 压缩图，默认二者都有，H5无效
+   * @default ["original", "compressed"]
+   */
+  sizeType?: ('original' | 'compressed')[]
+  /**
+   * 是否开启图片多选，部分安卓机型不支持
+   * @default false
+   */
+  multiple?: boolean
+  /**
+   * 是否显示删除图片的按钮
+   * @default true
+   */
+  deletable?: boolean
+  /**
+   * 选择单个文件的最大大小，单位B(byte)，默认不限制
+   * @default Number.MAX_VALUE
+   */
+  maxSize?: string | number
+  /**
+   * 显示已上传的文件列表
+   */
+  fileList?: any[]
+  /**
+   * 上传区域的提示文字
+   */
+  uploadText?: string
+  /**
+   * 内部预览图片区域和选择图片按钮的区域宽度，单位rpx，不能是百分比，或者`auto`
+   * @default 80
+   */
+  width?: string | number
+  /**
+   * 内部预览图片区域和选择图片按钮的区域高度，单位rpx，不能是百分比，或者`auto`
+   * @default 80
+   */
+  height?: string | number
+  /**
+   * 是否在上传完成后展示预览图
+   * @default true
+   */
+  previewImage?: boolean
+  /**
+   * 读取后的处理函数
+   */
+  onAfterRead?: (file, lists, name) => any
+  /**
+   * 读取前的处理函数
+   */
+  onBeforeRead?: (file, lists, name) => any
+  /**
+   * 图片大小超出最大允许大小
+   */
+  onOversize?: (file, lists, name) => any
+  /**
+   * 全屏预览图片时触发
+   */
+  onClickPreview?: (file, lists, name) => any
+  /**
+   * 删除图片
+   */
+  onDelete?: (index, file, name) => any
+}
+
+type ChooseFileParams = Pick<
+  UploadProps,
+  'accept' | 'multiple' | 'capture' | 'compressed' | 'maxDuration' | 'sizeType' | 'camera' | 'maxCount' | 'extension'
+>;
+
+declare interface UploadSlots {
+  /**
+   * 自定义上传样式
+   */
+  ['default']?: () => any
+}
+
+declare interface _UploadRef {
+  /**
+   * 读取后的处理函数
+   */
+  afterRead: (file, lists, name) => any
+  /**
+   * 读取前的处理函数
+   */
+  beforeRead: (file, lists, name) => any
+  /**
+   * 触发文件选择器
+   */
+  chooseFile(params: ChooseFileParams & { multiple: true }): Promise<FileInfo[]>;
+  chooseFile(params?: ChooseFileParams & { multiple?: false }): Promise<FileInfo>;
+}
+
+declare interface _Upload {
+  new (): {
+    $props: AllowedComponentProps &
+      VNodeProps &
+      UploadProps
+    $slots: UploadSlots
+  }
+}
+
+export declare const Upload: _Upload
+
+export declare const UploadRef: _UploadRef

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

@@ -0,0 +1,102 @@
+declare module 'vue' {
+  export interface GlobalComponents {
+    // 基础组件
+    ['up-icon']: typeof import('./comps/icon')['Icon']
+    ['up-image']: typeof import('./comps/image')['Image']
+    ['up-button']: typeof import('./comps/button')['Button']
+    ['up-text']: typeof import('./comps/text')['Text']
+    ['up-row']: typeof import('./comps/row')['Row']
+    ['up-col']: typeof import('./comps/col')['Col']
+    ['up-cell']: typeof import('./comps/cell')['Cell']
+    ['up-cell-group']: typeof import('./comps/cellGroup')['CellGroup']
+    ['up-badge']: typeof import('./comps/badge')['Badge']
+    ['up-tag']: typeof import('./comps/tag')['Tag']
+    ['up-loading-icon']: typeof import('./comps/loadingIcon')['LoadingIcon']
+    ['up-loading-page']: typeof import('./comps/loadingPage')['LoadingPage']
+
+    // 表单组件
+    ['up-form']: typeof import('./comps/form')['Form']
+    ['up-form-item']: typeof import('./comps/formItem')['FormItem']
+    ['up-calendar']: typeof import('./comps/calendar')['Calendar']
+    ['up-keyboard']: typeof import('./comps/keyboard')['Keyboard']
+    ['up-picker']: typeof import('./comps/picker')['Picker']
+    ['up-datetime-picker']: typeof import('./comps/datetimePicker')['DatetimePicker']
+    ['up-rate']: typeof import('./comps/rate')['Rate']
+    ['up-search']: typeof import('./comps/search')['Search']
+    ['up-number-box']: typeof import('./comps/numberBox')['NumberBox']
+    ['up-upload']: typeof import('./comps/upload')['Upload']
+    ['up-code']: typeof import('./comps/code')['Code']
+    ['up-input']: typeof import('./comps/input')['Input']
+    ['up-textarea']: typeof import('./comps/textarea')['Textarea']
+    ['up-checkbox']: typeof import('./comps/checkbox')['Checkbox']
+    ['up-checkbox-group']: typeof import('./comps/checkboxGroup')['CheckboxGroup']
+    ['up-radio']: typeof import('./comps/radio')['Radio']
+    ['up-radio-group']: typeof import('./comps/radioGroup')['RadioGroup']
+    ['up-switch']: typeof import('./comps/switch')['Switch']
+    ['up-slider']: typeof import('./comps/slider')['Slider']
+    ['up-album']: typeof import('./comps/album')['Album']
+
+    // 数据组件
+    ['up-list']: typeof import('./comps/list')['List']
+    ['up-list-item']: typeof import('./comps/listItem')['ListItem']
+    ['up-line-progress']: typeof import('./comps/lineProgress')['LineProgress']
+    ['up-count-down']: typeof import('./comps/countDown')['CountDown']
+    ['up-count-to']: typeof import('./comps/countTo')['CountTo']
+
+    // 反馈组件
+    ['up-tooltip']: typeof import('./comps/tooltip')['Tooltip']
+    ['up-action-sheet']: typeof import('./comps/actionSheet')['ActionSheet']
+    ['up-alert']: typeof import('./comps/alert')['Alert']
+    ['up-toast']: typeof import('./comps/toast')['Toast']
+    ['up-notice-bar']: typeof import('./comps/noticeBar')['NoticeBar']
+    ['up-notify']: typeof import('./comps/notify')['Notify']
+    ['up-swipe-action']: typeof import('./comps/swipeAction')['SwipeAction']
+    ['up-swipe-action-item']: typeof import('./comps/swipeActionItem')['SwipeActionItem']
+    ['up-collapse']: typeof import('./comps/collapse')['Collapse']
+    ['up-collapse-item']: typeof import('./comps/collapseItem')['CollapseItem']
+    ['up-popup']: typeof import('./comps/popup')['Popup']
+    ['up-modal']: typeof import('./comps/modal')['Modal']
+
+    // 布局组件
+    ['up-scroll-list']: typeof import('./comps/scrollList')['ScrollList']
+    ['up-line']: typeof import('./comps/line')['Line']
+    ['up-overlay']: typeof import('./comps/overlay')['Overlay']
+    ['up-no-network']: typeof import('./comps/noNetwork')['NoNetwork']
+    ['up-grid']: typeof import('./comps/grid')['Grid']
+    ['up-grid-item']: typeof import('./comps/gridItem')['GridItem']
+    ['up-swiper']: typeof import('./comps/swiper')['Swiper']
+    ['up-skeleton']: typeof import('./comps/skeleton')['Skeleton']
+    ['up-sticky']: typeof import('./comps/sticky')['Sticky']
+    ['up-divider']: typeof import('./comps/divider')['Divider']
+
+    // 导航组件
+    ['up-tabbar']: typeof import('./comps/tabbar')['Tabbar']
+    ['up-tabbar-item']: typeof import('./comps/tabbarItem')['TabbarItem']
+    ['up-back-top']: typeof import('./comps/backTop')['BackTop']
+    ['up-navbar']: typeof import('./comps/navbar')['Navbar']
+    ['up-tabs']: typeof import('./comps/tabs')['Tabs']
+    ['up-subsection']: typeof import('./comps/subsection')['Subsection']
+    ['up-index-list']: typeof import('./comps/indexList')['IndexList']
+    ['up-index-item']: typeof import('./comps/indexItem')['IndexItem']
+    ['up-index-anchor']: typeof import('./comps/indexAnchor')['IndexAnchor']
+    ['up-steps']: typeof import('./comps/steps')['Steps']
+    ['up-steps-item']: typeof import('./comps/stepsItem')['StepsItem']
+    ['up-empty']: typeof import('./comps/empty')['Empty']
+
+    // 其他组件
+    ['up-parse']: typeof import('./comps/parse')['Parse']
+    ['up-code-input']: typeof import('./comps/codeInput')['CodeInput']
+    ['up-loadmore']: typeof import('./comps/loadMore')['LoadMore']
+    ['up-read-more']: typeof import('./comps/readMore')['ReadMore']
+    ['up-gap']: typeof import('./comps/gap')['Gap']
+    ['up-avatar']: typeof import('./comps/avatar')['Avatar']
+    ['up-avatar-group']: typeof import('./comps/avatarGroup')['AvatarGroup']
+    ['up-link']: typeof import('./comps/link')['Link']
+    ['up-transition']: typeof import('./comps/transition')['Transition']
+    ['up-status-bar']: typeof import('./comps/statusBar')['StatusBar']
+    ['up-safe-bottom']: typeof import('./comps/safeBottom')['SafeBottom']
+    ['up-qrcode']: typeof import('./comps/qrcode')['Qrcode']
+  }
+}
+
+export {}

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

@@ -0,0 +1,172 @@
+/// <reference path="./comps.d.ts" />
+declare module 'uview-plus' {
+	export function install(): void  //必要
+	interface test {
+		/** 邮箱格式校验 */
+		email(email: string): boolean
+		/** 手机号校验 */
+		mobile(phone: number): boolean;
+		/** url路径验证 */
+		url(value: string): boolean;
+		/** 验证日期格式 */
+		date(value: string | number): boolean;
+		/** 验证ISO类型的日期格式 YYYY-MM-DD | YYYY/MM/DD */
+		dateISO(value: string): boolean;
+		/** 验证十进制数字 */
+		number(value: number): boolean;
+		/** 验证字符串 */
+		string(value: string): boolean;
+		/** 验证整数 */
+		digits(value: number): boolean;
+		/** 验证身份证号码 */
+		idCard(value: string | number): boolean;
+		/** 是否车牌号 */
+		carNo(value: string): boolean;
+		/** 金额,只允许2位小数 */
+		amount(value: string | number): boolean;
+		/** 校验是否是中文 */
+		chinese(value: any): boolean;
+		/** 校验是否是字母 */
+		letter(value: any): boolean;
+		/** 校验字母或者数字 */
+		enOrNum(value: any): boolean;
+		/** 验证是否包含某个值 */
+		contains(source: string, value: string): boolean;
+		/** 验证一个值范围[min, max] */
+		range(value: string, between: number[]): boolean;
+		/** 验证一个长度范围[min, max] */
+		rangeLength(value: string, between: number[]): boolean;
+		/** 是否固定电话 */
+		landline(value: string | number): boolean;
+		/** 判断是否为空 */
+		empty(value: string | number | undefined | boolean | object | null): boolean;
+		/** 是否json字符串 */
+		jsonString(value: string): boolean;
+		/** 是否数组 */
+		array(value: any): boolean;
+		/** 是否对象 */
+		object(value: any): boolean;
+		/** 是否短信验证码 */
+		code(value: any, len: number): boolean;
+		/** 是否函数方法 */
+		func(value: any): boolean;
+		/** 是否promise对象 */
+		promise(value: any): boolean;
+		/** 是否图片格式 */
+		image(value: string): boolean;
+		/** 是否视频格式 */
+		video(value: string): boolean;
+		/** 是否为正则对象 */
+		regExp(value: any): boolean;
+	}
+	interface RouteParam {
+		type: 'navigateTo' | 'redirect' | 'switchTab' | 'reLaunch' | 'navigateBack';
+		/** 路由地址 */
+		url: string;
+		/** navigateBack页面后退时,回退的层数 */
+		delta?: number;
+		/** 传递的参数 */
+		params?: {};
+		/** 窗口动画,只在APP有效 */
+		animationType?: string;
+		/** 窗口动画持续时间,单位毫秒,只在APP有效 */
+		animationDuration?: number;
+		/** 是否需要拦截 */
+		intercept?: boolean;
+	}
+	interface Config {
+		v: string;
+		version: string;
+		color: Partial<Color>;
+		unit: 'px' | 'rpx'
+	}
+	interface Color {
+		primary: string,
+		info: string,
+		default: string,
+		warning: string,
+		error: string,
+		success: string,
+		mainColor: string,
+		contentColor: string,
+		tipsColor: string,
+		lightColor: string,
+		borderColor: string
+	}
+	interface GlobalConfig {
+		config: Partial<Config>;
+		props: {};
+	}
+	interface $u {
+		route: (url: string | RouteParam) => void;
+		/**
+		  * 求两个颜色之间的渐变值
+		  * @param {string} startColor 开始的颜色
+		  * @param {string} endColor 结束的颜色
+		  * @param {number} step 颜色等分的份额
+		  */
+		colorGradient: (startColor: string, endColor: string, step: number) => any[];
+		/**
+		 * 将hex表示方式转换为rgb
+		 * @param color "#000000"-> "rgb(0,0,0)" | "rgb(0,0,0)" -> "#000000"
+		 * @param str 是否返回颜色数组 true -> 不返回
+		 * @returns 
+		 */
+		hexToRgb: (color: string, str?: boolean) => any[];
+		/**
+		 * 将rgb表示方式转换为hex
+		 */
+		rgbToHex: (color: string) => string;
+		/**
+		 * 十六进制转换为rgb或rgba
+		 * @param color 
+		 * @param alpha 透明度
+		 * @returns  rgba（255，255，255，0.5）字符串
+		 */
+		colorToRgba: (color: string, alpha: number) => string;
+		test: test;
+		type: {},
+		http: {},
+		config: Config;
+		zIndex: {
+			toast: number;
+			noNetwork: number;
+			// popup包含popup，actionsheet，keyboard，picker的值
+			popup: number;
+			mask: number;
+			navbar: number;
+			topTips: number;
+			sticky: number;
+			indexListSticky: number;
+		},
+		debounce: (func, wait, immediate) => void;
+		throttle: (func, wait, immediate) => void;
+		mixin: {},
+		mpMixin: {},
+		props: {},
+		color: Color;
+		platform: string;
+	}
+
+	export function setConfig(config: Partial<GlobalConfig>): void;
+
+	global {
+		interface Uni {
+			$u: $u
+		}
+	}
+}
+declare type UniCountDownRef = typeof import('./comps/countDown')['CountDownRef']
+declare type UniCountToRef = typeof import('./comps/countTo')['CountToRef']
+declare type UniReadMoreRef = typeof import('./comps/readMore')['ReadMoreRef']
+declare type UniToastRef = typeof import('./comps/toast')['ToastRef']
+declare type UniCollapseRef = typeof import('./comps/collapse')['CollapseRef']
+declare type UniNotifyRef = typeof import('./comps/notify')['NotifyRef']
+declare type UniCodeRef = typeof import('./comps/code')['CodeRef']
+declare type UniInputRef = typeof import('./comps/input')['InputRef']
+declare type UniUploadRef = typeof import('./comps/upload')['UploadRef']
+declare type UniDatetimePickerRef = typeof import('./comps/datetimePicker')['DatetimePickerRef']
+declare type UniPickerRef = typeof import('./comps/picker')['PickerRef']
+declare type UniCalendarRef = typeof import('./comps/calendar')['CalendarRef']
+declare type UniTextareaRef = typeof import('./comps/textarea')['TextareaRef']
+declare type UniFormRef = typeof import('./comps/form')['FormRef']

package/template/src/uni_modules/uview-plus/types/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@uview-plus/types",
+  "version": "3.2.5",
+  "description": "types for uview-plus",
+  "main": "index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ijry/uview-plus.git"
+  },
+  "keywords": [
+    "uview-plus"
+  ],
+  "author": "jry",
+  "license": "MIT",
+  "types": "./index.d.ts",
+  "bugs": {
+    "url": "https://github.com/ijry/uview-plus/issues"
+  },
+  "homepage": "https://github.com/ijry/uview-plus#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/template/src/utils/request.ts

@@ -0,0 +1,3 @@
+export const request = () => {
+
+}

package/template/src/uview-plus.d.ts

@@ -0,0 +1,2 @@
+// src/vite-plugin-eslint.d.ts
+declare module '@/uni_modules/uview-plus'

package/template/tailwind.config.ts

@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+
+export default {
+	content: [
+		'./src/**/*.{vue,js,ts,jsx,tsx}',
+		'./src/pages/**/*.{vue,js,ts}',
+		'./src/components/**/*.{vue,js,ts}',
+		'./index.html',
+	],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+	important: true,
+};

package/template/tsconfig.json

@@ -0,0 +1,26 @@
+{
+	"extends": "@vue/tsconfig/tsconfig.json",
+	"compilerOptions": {
+		"sourceMap": true,
+		"baseUrl": ".",
+		"paths": {
+			"@/*": [
+				"./src/*"
+			]
+		},
+		"lib": [
+			"esnext",
+			"dom"
+		],
+		"types": [
+			"@dcloudio/types"
+		],
+		"verbatimModuleSyntax": true,
+	},
+	"include": [
+		"src/**/*.ts",
+		"src/**/*.d.ts",
+		"src/**/*.tsx",
+		"src/**/*.vue"
+	]
+}

package/template/vite.config.ts

@@ -0,0 +1,45 @@
+import { defineConfig } from 'vite';
+import uni from '@dcloudio/vite-plugin-uni';
+import path from 'path';
+import tailwindcss from '@tailwindcss/postcss';
+import AutoImport from "unplugin-auto-import/vite"
+import Components from "unplugin-vue-components/vite"
+
+// https://vitejs.dev/config/
+export default defineConfig({
+	css: {
+		postcss: {
+			plugins: [
+				tailwindcss(),
+			],
+		},
+	},
+	plugins: [
+		uni(),
+		AutoImport({
+			imports: [
+				'vue',
+				'uni-app',
+				'@vueuse/core',
+				'pinia',
+				{
+					// 自定义的自动导入
+					'@/utils/request': ['request'],
+				},
+			],
+			dts: 'src/auto-imports.d.ts', // 生成的类型声明文件
+		}),
+		// 自动导入组件
+		Components({
+			dirs: ['src/components', 'src/*/components'], // 组件所在目录
+			extensions: ['vue'], // 组件文件扩展名
+			dts: 'src/components.d.ts', // 生成的类型声明文件
+		}),
+	],
+	resolve: {
+		alias: {
+			'@': path.resolve(__dirname, './src')
+		},
+		extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
+	}
+});