bestuni 1.0.0 → 2.0.0

package/src/stores/user.ts

@@ -0,0 +1,74 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+
+export interface UserInfo {
+    id: string
+    nickname: string
+    avatar: string
+    phone?: string
+}
+
+export const useUserStore = defineStore('user', () => {
+    // 用户信息
+    const userInfo = ref<UserInfo | null>(null)
+
+    // Token
+    const token = ref<string>('')
+
+    // 是否已登录
+    const isLoggedIn = computed(() => !!token.value && !!userInfo.value)
+
+    // 设置用户信息
+    const setUserInfo = (info: UserInfo) => {
+        userInfo.value = info
+    }
+
+    // 设置 Token
+    const setToken = (value: string) => {
+        token.value = value
+    }
+
+    // 登录
+    const login = async (data: { token: string; userInfo: UserInfo }) => {
+        token.value = data.token
+        userInfo.value = data.userInfo
+    }
+
+    // 登出
+    const logout = () => {
+        token.value = ''
+        userInfo.value = null
+
+        // 跳转到登录页
+        uni.reLaunch({
+            url: '/pages/index/index'
+        })
+    }
+
+    // 获取用户信息
+    const fetchUserInfo = async () => {
+        // TODO: 调用接口获取用户信息
+        // const res = await request({ url: '/api/user/info' })
+        // setUserInfo(res.data)
+    }
+
+    return {
+        userInfo,
+        token,
+        isLoggedIn,
+        setUserInfo,
+        setToken,
+        login,
+        logout,
+        fetchUserInfo
+    }
+}, {
+    persist: {
+        key: 'smt-user',
+        storage: {
+            getItem: (key) => uni.getStorageSync(key),
+            setItem: (key, value) => uni.setStorageSync(key, value)
+        },
+        pick: ['token', 'userInfo']
+    }
+})

package/src/styles/index.scss

@@ -0,0 +1,131 @@
+// 全局样式入口
+
+// 重置样式
+page {
+    background-color: $bg-color;
+    font-size: $font-size-md;
+    color: $text-color;
+    line-height: 1.5;
+}
+
+// 安全区域适配
+.safe-area-bottom {
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+}
+
+// 通用布局类
+.flex {
+    display: flex;
+}
+
+.flex-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.flex-between {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.flex-col {
+    display: flex;
+    flex-direction: column;
+}
+
+.flex-1 {
+    flex: 1;
+}
+
+// 文本工具类
+.text-center {
+    text-align: center;
+}
+
+.text-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.text-primary {
+    color: $primary-color;
+}
+
+.text-success {
+    color: $success-color;
+}
+
+.text-warning {
+    color: $warning-color;
+}
+
+.text-danger {
+    color: $danger-color;
+}
+
+.text-secondary {
+    color: $text-color-secondary;
+}
+
+// 间距工具类
+.mt-xs {
+    margin-top: $spacing-xs;
+}
+
+.mt-sm {
+    margin-top: $spacing-sm;
+}
+
+.mt-md {
+    margin-top: $spacing-md;
+}
+
+.mt-lg {
+    margin-top: $spacing-lg;
+}
+
+.mt-xl {
+    margin-top: $spacing-xl;
+}
+
+.mb-xs {
+    margin-bottom: $spacing-xs;
+}
+
+.mb-sm {
+    margin-bottom: $spacing-sm;
+}
+
+.mb-md {
+    margin-bottom: $spacing-md;
+}
+
+.mb-lg {
+    margin-bottom: $spacing-lg;
+}
+
+.mb-xl {
+    margin-bottom: $spacing-xl;
+}
+
+.px-md {
+    padding-left: $spacing-md;
+    padding-right: $spacing-md;
+}
+
+.py-md {
+    padding-top: $spacing-md;
+    padding-bottom: $spacing-md;
+}
+
+// 卡片样式
+.card {
+    background-color: $bg-color-light;
+    border-radius: $border-radius;
+    padding: $spacing-md;
+    margin: $spacing-md;
+}

package/src/styles/variables.scss

@@ -0,0 +1,38 @@
+// 全局 SCSS 变量
+// 可在此处覆盖 smt-ui 的默认变量
+
+// 品牌色
+$primary-color: #1989fa;
+$success-color: #07c160;
+$warning-color: #ff976a;
+$danger-color: #fa5151;
+
+// 文字颜色
+$text-color: #323233;
+$text-color-secondary: #969799;
+$text-color-light: #c8c9cc;
+
+// 背景色
+$bg-color: #f7f8fa;
+$bg-color-light: #ffffff;
+
+// 边框
+$border-color: #ebedf0;
+$border-radius: 16rpx;
+
+// 间距
+$spacing-xs: 8rpx;
+$spacing-sm: 16rpx;
+$spacing-md: 24rpx;
+$spacing-lg: 32rpx;
+$spacing-xl: 48rpx;
+
+// 字号
+$font-size-xs: 20rpx;
+$font-size-sm: 24rpx;
+$font-size-md: 28rpx;
+$font-size-lg: 32rpx;
+$font-size-xl: 36rpx;
+
+// 动画
+$animation-duration: 0.3s;

package/src/uni.scss

@@ -0,0 +1,4 @@
+// UniApp 全局样式变量
+// 此文件会被自动注入到每个组件的 style 中
+
+@import '@/styles/variables.scss';

package/src/utils/index.ts

@@ -0,0 +1,2 @@
+export * from './request'
+export * from './router'

package/src/utils/request.ts

@@ -0,0 +1,100 @@
+import { useUserStore } from '@/stores'
+
+export interface RequestOptions {
+    url: string
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE'
+    data?: Record<string, any>
+    header?: Record<string, string>
+    showLoading?: boolean
+    loadingText?: string
+    showError?: boolean
+}
+
+export interface ResponseData<T = any> {
+    code: number
+    message: string
+    data: T
+}
+
+// 基础 URL
+const BASE_URL = import.meta.env.VITE_API_BASE_URL || ''
+
+/**
+ * 统一请求封装
+ */
+export const request = <T = any>(options: RequestOptions): Promise<ResponseData<T>> => {
+    const userStore = useUserStore()
+
+    return new Promise((resolve, reject) => {
+        // 显示 Loading
+        if (options.showLoading !== false) {
+            uni.showLoading({
+                title: options.loadingText || '加载中...',
+                mask: true
+            })
+        }
+
+        uni.request({
+            url: BASE_URL + options.url,
+            method: options.method || 'GET',
+            data: options.data,
+            header: {
+                'Content-Type': 'application/json',
+                'Authorization': userStore.token ? `Bearer ${userStore.token}` : '',
+                ...options.header
+            },
+            success: (res) => {
+                const data = res.data as ResponseData<T>
+
+                if (data.code === 0 || data.code === 200) {
+                    resolve(data)
+                } else if (data.code === 401) {
+                    // Token 过期，执行登出
+                    userStore.logout()
+                    reject(new Error('登录已过期，请重新登录'))
+                } else {
+                    // 显示错误提示
+                    if (options.showError !== false) {
+                        uni.showToast({
+                            title: data.message || '请求失败',
+                            icon: 'none'
+                        })
+                    }
+                    reject(new Error(data.message))
+                }
+            },
+            fail: (err) => {
+                // 显示网络错误提示
+                if (options.showError !== false) {
+                    uni.showToast({
+                        title: '网络请求失败',
+                        icon: 'none'
+                    })
+                }
+                reject(err)
+            },
+            complete: () => {
+                if (options.showLoading !== false) {
+                    uni.hideLoading()
+                }
+            }
+        })
+    })
+}
+
+// 快捷方法
+export const get = <T = any>(url: string, data?: Record<string, any>, options?: Partial<RequestOptions>) => {
+    return request<T>({ url, method: 'GET', data, ...options })
+}
+
+export const post = <T = any>(url: string, data?: Record<string, any>, options?: Partial<RequestOptions>) => {
+    return request<T>({ url, method: 'POST', data, ...options })
+}
+
+export const put = <T = any>(url: string, data?: Record<string, any>, options?: Partial<RequestOptions>) => {
+    return request<T>({ url, method: 'PUT', data, ...options })
+}
+
+export const del = <T = any>(url: string, data?: Record<string, any>, options?: Partial<RequestOptions>) => {
+    return request<T>({ url, method: 'DELETE', data, ...options })
+}

package/src/utils/router.ts

@@ -0,0 +1,88 @@
+/**
+ * 路由跳转工具
+ */
+
+export interface NavigateOptions {
+    url: string
+    params?: Record<string, any>
+}
+
+/**
+ * 拼接 URL 参数
+ */
+const buildUrl = (url: string, params?: Record<string, any>): string => {
+    if (!params || Object.keys(params).length === 0) {
+        return url
+    }
+
+    const queryString = Object.entries(params)
+        .filter(([, value]) => value !== undefined && value !== null)
+        .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`)
+        .join('&')
+
+    return url.includes('?') ? `${url}&${queryString}` : `${url}?${queryString}`
+}
+
+/**
+ * 普通跳转
+ */
+export const navigateTo = (options: NavigateOptions | string) => {
+    const opts = typeof options === 'string' ? { url: options } : options
+    uni.navigateTo({
+        url: buildUrl(opts.url, opts.params)
+    })
+}
+
+/**
+ * 重定向（关闭当前页）
+ */
+export const redirectTo = (options: NavigateOptions | string) => {
+    const opts = typeof options === 'string' ? { url: options } : options
+    uni.redirectTo({
+        url: buildUrl(opts.url, opts.params)
+    })
+}
+
+/**
+ * 返回上一页
+ */
+export const navigateBack = (delta = 1) => {
+    uni.navigateBack({ delta })
+}
+
+/**
+ * 切换 Tab
+ */
+export const switchTab = (url: string) => {
+    uni.switchTab({ url })
+}
+
+/**
+ * 关闭所有页面并跳转
+ */
+export const reLaunch = (options: NavigateOptions | string) => {
+    const opts = typeof options === 'string' ? { url: options } : options
+    uni.reLaunch({
+        url: buildUrl(opts.url, opts.params)
+    })
+}
+
+/**
+ * 获取当前页面路径
+ */
+export const getCurrentPath = (): string => {
+    const pages = getCurrentPages()
+    if (pages.length === 0) return ''
+    const currentPage = pages[pages.length - 1]
+    return '/' + currentPage.route
+}
+
+/**
+ * 获取当前页面参数
+ */
+export const getCurrentQuery = (): Record<string, any> => {
+    const pages = getCurrentPages()
+    if (pages.length === 0) return {}
+    const currentPage = pages[pages.length - 1] as any
+    return currentPage.options || currentPage.$page?.options || {}
+}

package/tsconfig.json

@@ -0,0 +1,37 @@
+{
+    "compilerOptions": {
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "strict": true,
+        "jsx": "preserve",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "esModuleInterop": true,
+        "lib": [
+            "ESNext",
+            "DOM"
+        ],
+        "skipLibCheck": true,
+        "noEmit": true,
+        "paths": {
+            "@/*": [
+                "./src/*"
+            ]
+        },
+        "types": [
+            "@dcloudio/types",
+            "@types/node"
+        ]
+    },
+    "include": [
+        "src/**/*.ts",
+        "src/**/*.d.ts",
+        "src/**/*.vue"
+    ],
+    "exclude": [
+        "node_modules",
+        "dist"
+    ]
+}

package/uno.config.ts

@@ -0,0 +1,45 @@
+import {
+    defineConfig,
+    presetAttributify,
+    presetIcons,
+    presetUno,
+    transformerDirectives,
+    transformerVariantGroup,
+} from 'unocss'
+
+export default defineConfig({
+    presets: [
+        presetUno(),
+        presetAttributify(),
+        presetIcons({
+            scale: 1.2,
+            warn: true,
+            extraProperties: {
+                'display': 'inline-block',
+                'vertical-align': 'middle',
+            },
+        }),
+    ],
+    transformers: [
+        transformerDirectives(),
+        transformerVariantGroup(),
+    ],
+    rules: [
+        [/^content-\[(.*)\]$/, ([, s]) => ({ content: `'${s}'` })],
+    ],
+    theme: {
+        colors: {
+            primary: '#1989fa',
+            success: '#07c160',
+            warning: '#ff976a',
+            danger: '#fa5151',
+        },
+    },
+    shortcuts: {
+        'flex-center': 'flex items-center justify-center',
+        'flex-between': 'flex items-center justify-between',
+        'flex-col': 'flex flex-col',
+        'text-ellipsis': 'overflow-hidden whitespace-nowrap overflow-ellipsis',
+        'card': 'bg-white rd-4 p-4 m-4',
+    },
+})

package/vite.config.ts

@@ -0,0 +1,72 @@
+import { resolve } from 'path'
+import { defineConfig, loadEnv } from 'vite'
+import uni from '@dcloudio/vite-plugin-uni'
+import UnoCSS from 'unocss/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd())
+
+    return {
+        plugins: [
+            // UniApp 插件
+            uni(),
+
+            // UnoCSS 原子化 CSS
+            UnoCSS(),
+
+            // 自动导入 API
+            AutoImport({
+                imports: [
+                    'vue',
+                    'pinia',
+                    {
+                        '@/utils': ['request', 'get', 'post', 'navigateTo', 'redirectTo', 'navigateBack', 'switchTab', 'reLaunch'],
+                        '@/stores': ['useAppStore', 'useUserStore']
+                    }
+                ],
+                dts: 'src/auto-imports.d.ts',
+                dirs: ['src/composables'],
+                vueTemplate: true
+            }),
+
+            // 自动导入组件
+            Components({
+                dts: 'src/components.d.ts',
+                // 自定义组件解析器
+                resolvers: [
+                    // smt-ui 组件自动导入
+                    (componentName) => {
+                        if (componentName.startsWith('Mt')) {
+                            const name = componentName.slice(2).replace(/([A-Z])/g, '-$1').toLowerCase().slice(1)
+                            return {
+                                name: componentName,
+                                from: '@sumintong/smt-ui',
+                                sideEffects: `@sumintong/smt-ui/src/components/${name}/${name}.scss`
+                            }
+                        }
+                    }
+                ]
+            })
+        ],
+        resolve: {
+            alias: {
+                '@': resolve(__dirname, 'src')
+            }
+        },
+        server: {
+            host: '0.0.0.0',
+            port: 9000,
+            open: true
+        },
+        css: {
+            preprocessorOptions: {
+                scss: {
+                    additionalData: `@import "@/styles/variables.scss";`
+                }
+            }
+        }
+    }
+})

package/index.js

@@ -1,73 +0,0 @@
-#!/usr/bin/env node
-const { promisify } = require('util')
-const { resolve } = require('path')
-const { blue, green, red } = require('kolorist')
-const argv = require('minimist')(process.argv.slice(2))
-const { existsSync, readJsonSync } = require('fs-extra')
-const download = promisify(require('download-git-repo'))
-const prompts = require('prompts')
-
-async function main() {
-  // 获取项目名称
-  const targetDir = argv._[0] || 'my-unibest-app'
-  const cwd = process.cwd()
-  const root = resolve(cwd, targetDir)
-
-  // 验证目录
-  if (existsSync(root)) {
-    console.log(red(`✖ 目录 ${targetDir} 已存在`))
-    process.exit(1)
-  }
-
-  // 交互式选项
-  const options = await prompts([
-    {
-      type: 'select',
-      name: 'template',
-      message: '选择模板类型',
-      choices: [
-        { title: '基础模板', value: 'basic' },
-        { title: '高级模板 (含状态管理)', value: 'advanced' }
-      ]
-    },
-    {
-      type: 'toggle',
-      name: 'typescript',
-      message: '启用 TypeScript?',
-      initial: true,
-      active: 'yes',
-      inactive: 'no'
-    }
-  ])
-
-  // 下载模板
-  console.log(blue('⬇  正在下载模板...'))
-  await download('github:yourname/unibest-template#main', root, {
-    clone: true,
-    headers: { 'User-Agent': 'create-unibest' }
-  })
-
-  // 修改 package.json
-  const pkgPath = resolve(root, 'package.json')
-  const pkg = readJsonSync(pkgPath)
-  pkg.name = targetDir
-  writeJsonSync(pkgPath, pkg, { spaces: 2 })
-
-  // 完成提示
-  console.log(green('✓ 项目创建成功！'))
-  console.log(`
-进入项目目录：
-  cd ${targetDir}
-
-安装依赖：
-  pnpm install
-
-启动开发服务器：
-  pnpm dev
-  `)
-}
-
-main().catch(err => {
-  console.error(red('✖ 创建失败:'), err)
-  process.exit(1)
-})

package/template/basic/.env

@@ -1,3 +0,0 @@
-
-# 请求域名
-VITE_APP_BASE_URL='https://photo1.smt521.top'

package/template/basic/.env.development

@@ -1,3 +0,0 @@
-
-# 请求域名
-VITE_APP_BASE_URL='https://photo.smt521.top'

package/template/basic/.env.production

@@ -1,3 +0,0 @@
-
-# 请求域名
-VITE_APP_BASE_URL='https://photo3.smt521.top'