npm - xto-fronted - Versions diffs - 0.1.2 → 0.1.4 - Mend

xto-fronted 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (60) hide show

package/.env.development +3 -0
package/.env.production +3 -0
package/bin/cli.js +103 -0
package/index.html +13 -0
package/package.json +16 -3
package/public/vite.svg +10 -0
package/src/App.vue +20 -0
package/src/api/auth.ts +35 -0
package/src/api/menu.ts +13 -0
package/src/api/system.ts +65 -0
package/src/api/user.ts +12 -0
package/src/assets/styles/_dark.scss +407 -0
package/src/assets/styles/_reset.scss +126 -0
package/src/assets/styles/_root.scss +140 -0
package/src/assets/styles/_transition.scss +119 -0
package/src/assets/styles/_variables.scss +45 -0
package/src/assets/styles/index.scss +187 -0
package/src/components/Layout/Footer.vue +17 -0
package/src/components/Layout/Header.vue +335 -0
package/src/components/Layout/Sidebar.vue +213 -0
package/src/components/Layout/Tabs.vue +20 -0
package/src/components/Layout/index.vue +62 -0
package/src/composables/index.ts +9 -0
package/src/composables/useApp.ts +170 -0
package/src/composables/useAuth.ts +70 -0
package/src/composables/useForm.ts +79 -0
package/src/composables/useMenu.ts +141 -0
package/src/composables/useTable.ts +97 -0
package/src/config/index.ts +19 -0
package/src/directives/permission.ts +41 -0
package/src/enums/index.ts +63 -0
package/src/env.d.ts +17 -0
package/src/index.ts +44 -0
package/src/main.ts +34 -0
package/src/router/dynamicRoutes.ts +163 -0
package/src/router/index.ts +71 -0
package/src/router/staticRoutes.ts +43 -0
package/src/stores/app.ts +145 -0
package/src/stores/auth.ts +45 -0
package/src/stores/index.ts +15 -0
package/src/stores/menu.ts +158 -0
package/src/stores/user.ts +41 -0
package/src/types/api.d.ts +103 -0
package/src/types/global.d.ts +45 -0
package/src/types/router.d.ts +48 -0
package/src/types/xto.d.ts +149 -0
package/src/utils/auth.ts +86 -0
package/src/utils/permission.ts +30 -0
package/src/utils/request.ts +126 -0
package/src/utils/storage.ts +72 -0
package/src/views/dashboard/index.vue +32 -0
package/src/views/error/403.vue +57 -0
package/src/views/error/404.vue +57 -0
package/src/views/login/index.vue +141 -0
package/src/views/system/menu/index.vue +32 -0
package/src/views/system/role/index.vue +32 -0
package/src/views/system/user/index.vue +32 -0
package/tsconfig.json +26 -0
package/tsconfig.node.json +11 -0
package/vite.config.ts +139 -0

package/.env.development ADDED Viewed

@@ -0,0 +1,3 @@
+VITE_APP_NAME=analysis-web
+VITE_APP_ID=DBU-CONTENT-ANALYSIS
+VITE_APP_CLIENT_ID=Tineco

package/.env.production ADDED Viewed

@@ -0,0 +1,3 @@
+VITE_APP_NAME=analysis-web
+VITE_APP_ID=DBU-CONTENT-ANALYSIS
+VITE_APP_CLIENT_ID=Tineco

package/bin/cli.js ADDED Viewed

@@ -0,0 +1,103 @@
+#!/usr/bin/env node
+/**
+ * xto-fronted CLI
+ * 用于初始化前端项目脚手架
+ */
+const { execSync } = require('child_process')
+const { existsSync, mkdirSync, cpSync, writeFileSync } = require('fs')
+const { resolve, basename } = require('path')
+// 获取命令行参数
+const args = process.argv.slice(2)
+const targetDir = args[0] || 'my-app'
+const targetPath = resolve(process.cwd(), targetDir)
+console.log('\n🚀 创建项目:', targetDir)
+console.log('📁 目标路径:', targetPath)
+// 模板目录（CLI 所在目录的上级目录）
+const templateDir = resolve(__dirname, '..')
+// 创建目标目录
+if (existsSync(targetPath)) {
+  console.error('❌ 目录已存在:', targetPath)
+  process.exit(1)
+}
+mkdirSync(targetPath, { recursive: true })
+// 需要复制的文件和目录
+const filesToCopy = [
+  'src',
+  'public',
+  'index.html',
+  'vite.config.ts',
+  'tsconfig.json',
+  'tsconfig.node.json',
+  '.env.development',
+  '.env.production'
+]
+// 复制文件
+filesToCopy.forEach(file => {
+  const src = resolve(templateDir, file)
+  const dest = resolve(targetPath, file)
+  if (existsSync(src)) {
+    cpSync(src, dest, { recursive: true })
+    console.log('✅ 复制:', file)
+  }
+})
+// 创建 package.json
+const packageJson = {
+  name: basename(targetPath),
+  version: '0.0.1',
+  private: true,
+  type: 'module',
+  scripts: {
+    dev: 'vite',
+    build: 'vue-tsc && vite build',
+    preview: 'vite preview'
+  },
+  dependencies: {
+    '@xto/base': '^0.1.0',
+    '@xto/feedback': '^0.1.0',
+    '@xto/form': '^0.1.0',
+    '@xto/navigation': '^0.1.0',
+    'axios': '^1.6.8',
+    'pinia': '^2.1.7',
+    'vue': '^3.4.21',
+    'vue-router': '^4.3.0'
+  },
+  devDependencies: {
+    '@types/node': '^20.11.30',
+    '@vitejs/plugin-vue': '^5.0.4',
+    'sass': '^1.72.0',
+    'sass-embedded': '^1.72.0',
+    'typescript': '^5.4.2',
+    'vite': '^5.2.0',
+    'vue-tsc': '^2.0.6'
+  }
+}
+writeFileSync(
+  resolve(targetPath, 'package.json'),
+  JSON.stringify(packageJson, null, 2)
+)
+console.log('✅ 创建: package.json')
+// 安装依赖
+console.log('\n📦 安装依赖...')
+try {
+  execSync('npm install', { cwd: targetPath, stdio: 'inherit' })
+  console.log('✅ 依赖安装完成')
+} catch (error) {
+  console.log('⚠️  依赖安装失败，请手动运行: npm install')
+}
+console.log('\n✨ 项目创建成功!')
+console.log('\n👉 接下来执行:')
+console.log(`   cd ${targetDir}`)
+console.log('   npm run dev\n')

package/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Xto Demo - 后台管理系统</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "xto-fronted",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "type": "module",
   "description": "XTO 前端应用脚手架，封装登录、退出、菜单渲染等统一逻辑",
@@ -15,8 +15,20 @@
     },
     "./style.css": "./dist/style.css"
   },
+  "bin": {
+    "create-xto-app": "./bin/cli.js"
+  },
   "files": [
-    "dist"
+    "dist",
+    "src",
+    "public",
+    "bin",
+    "index.html",
+    "vite.config.ts",
+    "tsconfig.json",
+    "tsconfig.node.json",
+    ".env.production",
+    ".env.development"
   ],
   "scripts": {
     "dev": "vite",
@@ -63,7 +75,8 @@
     "xto",
     "scaffold",
     "login",
-    "menu"
+    "menu",
+    "cli"
   ],
   "author": "",
   "license": "MIT",

package/public/vite.svg ADDED Viewed

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256">
+  <defs>
+    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#409eff;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#67c23a;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="256" height="256" rx="32" fill="url(#gradient)"/>
+  <text x="128" y="160" text-anchor="middle" fill="white" font-size="120" font-weight="bold" font-family="Arial">X</text>
+</svg>

package/src/App.vue ADDED Viewed

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { useAppStore } from '@/stores/app'
+const appStore = useAppStore()
+</script>
+<template>
+  <div class="app" :class="{ dark: appStore.isDark }">
+    <router-view />
+  </div>
+</template>
+<style lang="scss">
+.app {
+  width: 100%;
+  height: 100%;
+  background-color: var(--bg-color-page);
+  transition: background-color 0.3s;
+}
+</style>

package/src/api/auth.ts ADDED Viewed

@@ -0,0 +1,35 @@
+/**
+ * 认证 API
+ */
+import { http } from '@/utils/request'
+import type { ApiResponse } from '@/utils/request'
+import type { LoginResult } from '@/types/api'
+import config from '@/config'
+// 登录参数
+export interface LoginParams {
+  uid: string
+  password: string
+}
+// 登录
+export function login(data: LoginParams): Promise<ApiResponse<LoginResult>> {
+  return http.post<LoginResult>('/user/v1.0/login/by-domain', {
+    appId: config.appId,
+    clientId: config.clientId,
+    uid: data.uid,
+    password: data.password,
+    code: true
+  })
+}
+// 退出登录
+export function logout(): Promise<ApiResponse<null>> {
+  return http.put<null>('/user/v1.0/user/logout')
+}
+// 根据 code 登录
+export function loginByCode(appId: string, code: string): Promise<ApiResponse<LoginResult>> {
+  return http.get<LoginResult>(`/user/v1.0/login/by-code?appId=${appId}&code=${code}`)
+}

package/src/api/menu.ts ADDED Viewed

@@ -0,0 +1,13 @@
+/**
+ * 菜单 API
+ */
+import { http } from '@/utils/request'
+import type { ApiResponse } from '@/utils/request'
+import type { RemoteMenuItem } from '@/types/api'
+import config from '@/config'
+// 获取用户菜单
+export function getUserMenu(): Promise<ApiResponse<RemoteMenuItem[]>> {
+  return http.get<RemoteMenuItem[]>(`/user/v1.0/menu/get-menu?appId=${config.appId}`)
+}

package/src/api/system.ts ADDED Viewed

@@ -0,0 +1,65 @@
+/**
+ * 系统管理 API
+ */
+import { http, type PageParams, type PageResponse } from '@/utils/request'
+import type { RoleInfo, MenuItem } from '@/types/api'
+// ========== 角色管理 ==========
+// 获取角色列表
+export function getRoleList(params: PageParams & { status?: number; keyword?: string }) {
+  return http.get<PageResponse<RoleInfo>>('/role/list', { params })
+}
+// 获取角色详情
+export function getRoleDetail(id: string | number) {
+  return http.get<RoleInfo>(`/role/${id}`)
+}
+// 创建角色
+export function createRole(data: Partial<RoleInfo>) {
+  return http.post<RoleInfo>('/role', data)
+}
+// 更新角色
+export function updateRole(id: string | number, data: Partial<RoleInfo>) {
+  return http.put<RoleInfo>(`/role/${id}`, data)
+}
+// 删除角色
+export function deleteRole(id: string | number) {
+  return http.delete(`/role/${id}`)
+}
+// 更新角色状态
+export function updateRoleStatus(id: string | number, status: number) {
+  return http.patch(`/role/${id}/status`, { status })
+}
+// ========== 菜单管理 ==========
+// 获取菜单列表
+export function getMenuList() {
+  return http.get<MenuItem[]>('/menu/list')
+}
+// 获取菜单树
+export function getMenuTree() {
+  return http.get<MenuItem[]>('/menu/tree')
+}
+// 创建菜单
+export function createMenu(data: Partial<MenuItem>) {
+  return http.post<MenuItem>('/menu', data)
+}
+// 更新菜单
+export function updateMenu(id: string | number, data: Partial<MenuItem>) {
+  return http.put<MenuItem>(`/menu/${id}`, data)
+}
+// 删除菜单
+export function deleteMenu(id: string | number) {
+  return http.delete(`/menu/${id}`)
+}

package/src/api/user.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * 用户 API
+ */
+import { http } from '@/utils/request'
+import type { ApiResponse } from '@/utils/request'
+import type { UserInfo } from '@/types/api'
+// 获取当前用户信息
+export function getCurrentUser(): Promise<ApiResponse<UserInfo>> {
+  return http.get<UserInfo>('/user/v1.0/user/get-me')
+}