@skyfox2000/webui 0.1.0

package/.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+   root: true,
+   env: {
+      browser: true,
+      es2021: true,
+      node: true,
+   },
+   extends: [
+      'eslint:recommended',
+      'plugin:vue/vue3-essential',
+      'plugin:@typescript-eslint/recommended',
+      'plugin:prettier/recommended',
+   ],
+   parserOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      parser: '@typescript-eslint/parser',
+   },
+   plugins: ['vue', '@typescript-eslint', 'prettier'],
+   rules: {
+      'prettier/prettier': 'error',
+   },
+};

package/.prettierrc

@@ -0,0 +1,11 @@
+{
+   "semi": true,
+   "tabWidth": 3,
+   "useTabs": false,
+   "singleQuote": true,
+   "quoteProps": "as-needed",
+   "printWidth": 120,
+   "trailingComma": "all",
+   "endOfLine": "lf",
+   "vueIndentScriptAndStyle": false
+}

package/.vscode/settings.json

@@ -0,0 +1,25 @@
+{
+   // 控制相关文件嵌套展示
+   "explorer.fileNesting.enabled": true,
+   "explorer.fileNesting.expand": false,
+   "explorer.fileNesting.patterns": {
+      "*.ts": "$(capture).test.ts, $(capture).test.tsx",
+      "*.tsx": "$(capture).test.ts, $(capture).test.tsx",
+      "package.json": "index.html,pnpm-lock.yaml,pnpm-workspace.yaml,LICENSE,.gitignore,.gitattributes,.gitpod.yml,CNAME,README*,.npmrc,.browserslistrc,.env.*,env.d.ts,.prettierrc,.eslintrc.js,*.md",
+      "vite.config.ts": "tsconfig.*.json,postcss.config.ts,tailwind.config.ts,tsconfig.json"
+   },
+   "editor.formatOnSave": true,
+
+   "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": "always"
+   },
+   "[typescript]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+   },
+   "[json]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+   },
+   "[vue]": {
+      "editor.defaultFormatter": "esbenp.prettier-vscode"
+   }
+}

package/README.md

@@ -0,0 +1,104 @@
+
+
+## 系统管理平台
+
+### 安装使用步骤
+
+- **Install：**
+
+```text
+pnpm install
+```
+
+- **Build：**
+
+```text
+pnpm build
+```
+
+
+## 项目结构
+
+### 文件资源目录 📚
+项目采用了标准化的目录结构，便于组织代码和资源。以下是主要目录的详细说明：
+
+```
+Component/
+├── lib/               # 构建输出目录
+├── node_modules/       # 依赖包目录
+├── plugins/            # Vite插件定制目录
+├── src/                # 源代码目录
+│   ├── components/     # 公共组件目录
+│   └── vite-env.d.ts   # Vite环境类型定义
+├── package.json        # 项目依赖和脚本
+├── pnpm-lock.yaml      # 依赖锁定文件
+├── postcss.config.ts   # PostCSS配置
+├── tailwind.config.ts  # Tailwind CSS配置
+├── tsconfig.json       # TypeScript配置
+└── vite.config.ts      # Vite配置
+```
+
+## 源代码结构详解
+
+### 组件目录
+
+src/components/ 目录包含所有公共组件，每个组件都是独立的功能单元：
+
+```
+components/
+├── common/         # 通用基础组件
+│   ├── button/        # 按钮组件
+│   ├── icon/          # 图标组件
+│   ├── tooltip/       # 提示组件
+│   └── ...
+├── content/        # 内容相关组件
+│   ├── grid/          # 表格组件
+│   ├── search/        # 搜索组件
+│   ├── toolbar/       # 工具栏组件
+│   └── ...
+├── error/          # 错误处理组件
+│   ├── notFound/      # 404页面组件
+│   ├── exception/     # 异常展示组件
+│   └── ...
+├── form/           # 表单相关组件
+│   ├── aceEditor/     # ACE编辑器组件
+│   ├── datePicker/    # 日期选择组件
+│   ├── input/         # 输入框组件
+│   ├── propEditor/    # 属性编辑器组件
+│   ├── select/        # 下拉选择组件
+│   ├── switch/        # 开关组件
+│   ├── treeSelect/    # 树形选择组件
+│   └── ...
+├── layout/         # 布局组件
+│   ├── content/       # 内容布局组件
+│   ├── footer/        # 页脚组件
+│   ├── header/        # 页头组件
+│   ├── sidebar/       # 侧边栏组件
+│   └── ...
+└── index.ts        # 组件导出
+```
+
+### 开发环境 🔨
+
+- 使用 Vue3.5 + TypeScript 5.7 + Vite6 开发
+- UI组件: Ant-Design-Vue 4.2
+- CSS处理器: Tailwindcss 3.4
+- 状态管理: Pinia 2.3
+- 路由管理: VueRouter 4.5
+- API管理: @skyfox2000/fapi 1.1
+- 前端控制底座: @skyfox2000/webbase 1.0
+- 时间处理: dayjs 
+- Node环境: v18.16.0
+
+### Git commit ⻛格指南
+
+- feat: 增加新功能
+- fix: 修复问题
+- style: 代码⻛格相关⽆影响运⾏结果的
+- perf: 优化/性能提升
+- refactor: 重构
+- revert: 撤销修改
+- test: 测试相关
+- docs: ⽂档/注释
+- chore: 依赖更新/脚⼿架配置修改等
+- ci: 持续集成

package/env.d.ts

@@ -0,0 +1,11 @@
+declare module '*.vue' {
+  import { ComponentOptions } from 'vue';
+  const componentOptions: ComponentOptions;
+  export default componentOptions;
+}
+
+interface ImportMetaEnv {}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="null">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>后台管理系统</title>
+    <style>
+      html {
+        overflow-y: hidden;
+        overflow-x: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/lib/AceEditor.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './components/form/aceEditor/index.vue'
+export default _default
+export {}

package/lib/BasicLayout.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './components/layout/page/basicLayout.vue'
+export default _default
+export {}

package/lib/Error403.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './components/error/error403.vue'
+export default _default
+export {}

package/lib/Error404.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './components/error/error404.vue'
+export default _default
+export {}

package/lib/ExcelForm.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './components/content/dialog/excelForm.vue'
+export default _default
+export {}

package/lib/UploadForm.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './components/content/dialog/uploadForm.vue'
+export default _default
+export {}