create-koa-boot 1.0.0

package/templates/example/uniapp/stores/user.js

@@ -0,0 +1,272 @@
+import { defineStore } from 'pinia'
+import { authApi } from '@/services/modules/auth'
+import { getPushCid } from '@/utils/push'
+
+/**
+ * 递归展平菜单树，提取所有节点的 code 字段
+ * @param {Array} menus - 菜单树节点数组
+ * @returns {string[]}
+ */
+function flattenMenuCodes(menus) {
+	const codes = []
+	const walk = (nodes) => {
+		for (const node of nodes) {
+			if (node.code) codes.push(node.code)
+			if (node.children && node.children.length > 0) {
+				walk(node.children)
+			}
+		}
+	}
+	walk(menus)
+	return codes
+}
+
+/**
+ * 将字典类型树转换为 { code_Array, code_Object } 格式
+ * @param {Array} rawList - 原始字典类型列表
+ * @returns {Object}
+ */
+function transformDictTree(rawList) {
+	const transformed = {}
+
+	// 防御：确保 rawList 是数组，防止分页包装对象被误传
+	if (!Array.isArray(rawList)) {
+		console.warn('[store/user] transformDictTree: rawList is not an array, got:', typeof rawList, rawList)
+		return transformed
+	}
+
+	for (const type of rawList) {
+		if (type.status !== 'active') continue
+		const items = (type.items ?? []).filter(i => i.status === 'active')
+
+		// _Array：按 sort 排序的数组（用于下拉框选项）
+		transformed[`${type.code}_Array`] = [...items].sort((a, b) => a.sort - b.sort)
+
+		// _Object：按 value 索引的映射表（O(1) 查找 label/cssClass）
+		const obj = {}
+		for (const item of items) {
+			obj[item.value] = item
+		}
+		transformed[`${type.code}_Object`] = obj
+	}
+
+	return transformed
+}
+
+/**
+ * 用户状态管理
+ * 管理登录 token、用户信息、机构数据、角色权限、字典数据、菜单编码，支持持久化
+ */
+export const useUserStore = defineStore('user', {
+	state: () => ({
+		token: null,
+		userInfo: null,
+		/** 机构数据：{ stores: [], branchWarehouses: [], centralWarehouses: [] }，按角色决定 */
+		orgs: null,
+		roles: [],
+		permissions: [],
+		menus: [],
+		menuCodes: [],
+		dictTree: [],
+		dictData: {}
+	}),
+
+	getters: {
+		/** 是否已登录 */
+		isLogin: state => !!state.token,
+		/** 用户昵称 */
+		nickname: state => state.userInfo?.nickname || state.userInfo?.username || '未登录',
+		/** 角色 code 数组 */
+		roleCodes: state => (state.roles || []).map(r => (typeof r === 'string' ? r : r?.code)).filter(Boolean),
+		/** 是否拥有某角色 */
+		hasRole: state => (code) => state.roleCodes.includes(code),
+		/** 是否拥有某后端菜单权限（code） */
+		hasMenu: state => (code) => (state.menuCodes || []).includes(code)
+	},
+
+	actions: {
+		/* ========== 基础 setters ========== */
+
+		setToken(token) {
+			this.token = token
+			uni.setStorageSync('token', token)
+		},
+
+		setUserInfo(info) {
+			this.userInfo = info
+			uni.setStorageSync('userInfo', info)
+		},
+
+		/** 设置机构数据（门店/前置仓/总仓），持久化到本地存储 */
+		setOrgs(orgs) {
+			this.orgs = orgs
+			uni.setStorageSync('orgs', orgs)
+		},
+
+		setRoles(roles) {
+			this.roles = roles
+			uni.setStorageSync('roles', roles)
+		},
+
+		setPermissions(permissions) {
+			this.permissions = permissions
+			uni.setStorageSync('permissions', permissions)
+		},
+
+		setMenus(menus) {
+			this.menus = menus
+			this.menuCodes = flattenMenuCodes(menus)
+			uni.setStorageSync('menus', menus)
+			uni.setStorageSync('menuCodes', this.menuCodes)
+		},
+
+		setDictTree(dictTree) {
+			this.dictTree = dictTree
+			this.dictData = transformDictTree(dictTree)
+			uni.setStorageSync('dictTree', dictTree)
+			uni.setStorageSync('dictData', this.dictData)
+		},
+
+		/* ========== 初始化：从本地存储恢复状态 ========== */
+
+		/**
+		 * 从本地存储恢复所有持久化状态（应用启动时调用）
+		 */
+		initFromStorage() {
+			try {
+				const token = uni.getStorageSync('token')
+				const userInfo = uni.getStorageSync('userInfo')
+				const orgs = uni.getStorageSync('orgs')
+				const roles = uni.getStorageSync('roles')
+				const permissions = uni.getStorageSync('permissions')
+				const menus = uni.getStorageSync('menus')
+				const menuCodes = uni.getStorageSync('menuCodes')
+				const dictTree = uni.getStorageSync('dictTree')
+				const dictData = uni.getStorageSync('dictData')
+
+				if (token) this.token = token
+				if (userInfo) this.userInfo = userInfo
+				if (orgs) this.orgs = orgs
+				if (roles) this.roles = roles
+				if (permissions) this.permissions = permissions
+				if (menus) this.menus = menus
+				if (menuCodes) this.menuCodes = menuCodes
+				if (dictTree) this.dictTree = dictTree
+				if (dictData) this.dictData = dictData
+			} catch {
+				// ignore
+			}
+		},
+
+		/* ========== 登录 / 登出 ========== */
+
+		/** 登录 */
+		async login(params) {
+			const res = await authApi.login(params)
+			const { token, user } = res.data || {}
+			if (!token) {
+				throw new Error(res.message || res.msg || '登录失败，未获取到 token')
+			}
+			this.setToken(token)
+			if (user) {
+				this.setUserInfo(user)
+			}
+
+			// 登录成功后并行拉取用户完整信息、字典树
+			// 拉取失败不阻断登录流程，各页面可自行调用 fetchCurrentUser / fetchDictTree 重试
+			try {
+				await Promise.all([
+					this.fetchCurrentUser(),
+					this.fetchDictTree(),
+					this.reportPushCidIfNeeded()
+				])
+			} catch (e) {
+				console.warn('[store/user] 登录后拉取用户信息/字典数据失败:', e)
+			}
+
+			return res
+		},
+
+		/** 登录后上报 APP 推送设备 cid（无 cid 或上报失败均静默跳过，不阻断登录） */
+		async reportPushCidIfNeeded() {
+			const cid = getPushCid()
+			if (!cid) return
+			try {
+				await authApi.reportPushCid(cid)
+				console.log('[store/user] APP 推送 cid 已上报')
+			} catch (e) {
+				console.warn('[store/user] APP 推送 cid 上报失败:', e)
+			}
+		},
+
+		/** 退出登录 */
+		async logout() {
+			try {
+				await authApi.logout()
+			} catch {
+				// 即使后端登出失败，前台也要清理状态
+			}
+			this.token = null
+			this.userInfo = null
+			this.orgs = null
+			this.roles = []
+			this.permissions = []
+			this.menus = []
+			this.menuCodes = []
+			this.dictTree = []
+			this.dictData = {}
+			uni.removeStorageSync('token')
+			uni.removeStorageSync('userInfo')
+			uni.removeStorageSync('orgs')
+			uni.removeStorageSync('roles')
+			uni.removeStorageSync('permissions')
+			uni.removeStorageSync('menus')
+			uni.removeStorageSync('menuCodes')
+			uni.removeStorageSync('dictTree')
+			uni.removeStorageSync('dictData')
+			uni.removeStorageSync('__login_remember__')
+		},
+
+		/* ========== 数据获取 & 刷新 ========== */
+
+		/** 获取当前用户基本信息 */
+		async fetchUserInfo() {
+			const res = await authApi.getUserInfo()
+			if (res.data) {
+				this.setUserInfo(res.data)
+			}
+			return this.userInfo
+		},
+
+		/** 获取当前用户完整信息（角色 + 权限 + 菜单 + 机构），并展平菜单编码 */
+		async fetchCurrentUser() {
+			const res = await authApi.getCurrentUser()
+			const { user, roles, permissions, menus, orgs } = res.data || {}
+			if (user) this.setUserInfo(user)
+			if (orgs) this.setOrgs(orgs)
+			this.setRoles(roles || [])
+			this.setPermissions(permissions || [])
+			this.setMenus(menus || [])
+			return {
+				userInfo: this.userInfo,
+				orgs: this.orgs,
+				roles: this.roles,
+				permissions: this.permissions,
+				menus: this.menus,
+				menuCodes: this.menuCodes
+			}
+		},
+
+		/** 获取字典类型树，并转换为 Object / Array 格式 */
+		async fetchDictTree() {
+			const res = await authApi.getDictTree()
+			// 兼容分页响应 { code:0, data: { list: [...], pagination: {...} }, message }
+			// 与直接数组响应 { code:0, data: [...], message }
+			const data = res.data ?? res
+			const rawList = Array.isArray(data) ? data : (data.list ?? data.records ?? data.rows ?? data.items ?? [])
+			console.log('[store/user] fetchDictTree 获取到字典类型数:', rawList.length)
+			this.setDictTree(rawList)
+			return this.dictData
+		}
+	}
+})

package/templates/example/uniapp/styles/mixins.scss

@@ -0,0 +1,84 @@
+/**
+ * 全局 SCSS Mixins
+ * 在 vue 组件中通过 @import '@/styles/mixins.scss' 引入
+ */
+
+// ====== 布局 ======
+@mixin flex-center {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+@mixin flex-between {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+@mixin flex-column {
+	display: flex;
+	flex-direction: column;
+}
+
+// ====== 文本省略 ======
+@mixin text-ellipsis {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+@mixin text-ellipsis-multi($lines: 2) {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: $lines;
+	overflow: hidden;
+}
+
+// ====== 1px 边框（高清屏适配） ======
+@mixin hairline($position: 'bottom', $color: $border-color) {
+	position: relative;
+
+	&::after {
+		content: '';
+		position: absolute;
+		#{$position}: 0;
+		left: 0;
+		width: 100%;
+		height: 1px;
+		background-color: $color;
+		transform: scaleY(0.5);
+		@media (-webkit-min-device-pixel-ratio: 3) {
+			transform: scaleY(0.33);
+		}
+	}
+}
+
+// ====== 安全区适配 ======
+@mixin safe-area-bottom {
+	padding-bottom: $safe-area-bottom;
+	padding-bottom: $safe-area-bottom-env;
+}
+
+// ====== 卡片容器 ======
+@mixin card($padding: $spacing-md, $radius: $radius-md) {
+	background: $bg-color-white;
+	border-radius: $radius;
+	padding: $padding;
+	box-shadow: $shadow-sm;
+}
+
+// ====== 点击反馈 ======
+@mixin active-opacity {
+	transition: opacity $transition-fast;
+	&:active {
+		opacity: 0.7;
+	}
+}
+
+// ====== 渐变按钮 ======
+@mixin gradient-btn($from: $color-primary, $to: $color-primary-light) {
+	background: linear-gradient(135deg, $from, $to);
+	color: #ffffff;
+	border: none;
+}

package/templates/example/uniapp/styles/variables.scss

@@ -0,0 +1,66 @@
+/**
+ * 全局 SCSS 变量
+ * 在 vue 组件中通过 @import '@/styles/variables.scss' 引入
+ */
+
+// ====== 主题色 ======
+$color-primary: #2979ff;
+$color-primary-light: #5ba0ff;
+$color-primary-dark: #1a5cd4;
+$color-success: #18bc37;
+$color-warning: #f3a73f;
+$color-error: #dd524d;
+$color-info: #909399;
+
+// ====== 文字色 ======
+$text-color: #333333;
+$text-color-secondary: #666666;
+$text-color-placeholder: #999999;
+$text-color-disabled: #cccccc;
+
+// ====== 背景色 ======
+$bg-color: #f5f5f5;
+$bg-color-white: #ffffff;
+$bg-color-card: #ffffff;
+
+// ====== 边框色 ======
+$border-color: #e5e5e5;
+$border-color-light: #f0f0f0;
+
+// ====== 字体大小 ======
+$font-size-xs: 20rpx;
+$font-size-sm: 24rpx;
+$font-size-base: 28rpx;
+$font-size-md: 30rpx;
+$font-size-lg: 32rpx;
+$font-size-xl: 36rpx;
+$font-size-xxl: 44rpx;
+
+// ====== 间距 ======
+$spacing-xs: 8rpx;
+$spacing-sm: 12rpx;
+$spacing-base: 16rpx;
+$spacing-md: 24rpx;
+$spacing-lg: 32rpx;
+$spacing-xl: 40rpx;
+
+// ====== 圆角 ======
+$radius-sm: 8rpx;
+$radius-base: 12rpx;
+$radius-md: 16rpx;
+$radius-lg: 20rpx;
+$radius-round: 9999rpx;
+
+// ====== 阴影 ======
+$shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+$shadow-base: 0 2rpx 12rpx rgba(0, 0, 0, 0.06);
+$shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.08);
+
+// ====== 动画 ======
+$transition-fast: 0.15s ease;
+$transition-base: 0.3s ease;
+$transition-slow: 0.5s ease;
+
+// ====== 安全区 ======
+$safe-area-bottom: constant(safe-area-inset-bottom);
+$safe-area-bottom-env: env(safe-area-inset-bottom);

package/templates/example/uniapp/uni.scss

@@ -0,0 +1,28 @@
+/* uv-ui 主题变量 - 全局注入 */
+@import '@/uni_modules/uv-ui-tools/theme.scss';
+
+/* ====== uv-ui 主题色覆盖：贴合 App 绿色调 ====== */
+$uv-primary: #0A8A4E;
+$uv-primary-dark: #08703F;
+$uv-primary-disabled: #7CC9A6;
+$uv-primary-light: #E6F6EF;
+
+$uv-success: #1F7A45;
+$uv-success-dark: #186438;
+$uv-success-disabled: #86B99C;
+$uv-success-light: #E8F5EE;
+
+$uv-warning: #F5A623;
+$uv-warning-dark: #DD9413;
+$uv-warning-disabled: #F9D491;
+$uv-warning-light: #FEF5E8;
+
+$uv-error: #F56C6C;
+$uv-error-dark: #E45656;
+$uv-error-disabled: #F7B2B2;
+$uv-error-light: #FEF0F0;
+
+$uv-info: #909399;
+$uv-info-dark: #767A82;
+$uv-info-disabled: #C4C6C9;
+$uv-info-light: #F4F4F5;

package/templates/example/uniapp/uni_modules/chuizi-file-upload/changelog.md

@@ -0,0 +1,51 @@
+## 1.0.0（2024-09-18）
+首次上传
+# 说明
+
+app端上传文件，支持android和ios,上传文件是 通过renderjs实现，
+
+## 注:
+
+在插件市场**原作者插件**基础上做了一些更改，若有冒犯，还请联系我，马上删除该插件
+
+因项目与需要，只改造了app端，其他端还未试，查看相关说明及其具体文档内容，还望参照原插件
+
+**原插件链接地址：**https://ext.dcloud.net.cn/plugin?id=14423
+
+
+
+
+
+改造后
+
+可显示文件大小，显示文件上传状态，直接上传文件后，可实时显示上传百分比等
+
+# 使用
+
+```
+<template>
+	<view>
+		<chuizi-file-upload type="file" btnName="上传方案" @doneUpload="doneUpload"></chuizi-file-upload>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		},
+		methods: {
+			doneUpload(e) {
+				console.log(e);
+			},
+		}
+	}
+</script>
+
+<style>
+
+</style>
+```
+