zant-admin 1.0.1 → 2.0.0

package/src/views/system/sysMenu.vue

@@ -4,7 +4,7 @@
     :columns="columns"
     modulePath="sysMenu"
     pageAction="MenuTreeList"
-   :permissionModulePath="permissionModulePath"
+    :permissionModulePath="permissionModulePath"
     method="get"
     :page="false"
     @update="edit"
@@ -12,7 +12,7 @@
     ref="childRef"
   >
     <!-- 可以通过插槽自定义单元格 -->
-      <!-- <template #custom-title="{ record }">
+    <!-- <template #custom-title="{ record }">
         {{record.type != 4 ? record.title : record.btnName}}
     </template> -->
     <template #custom-isEnable="{ record }">
@@ -42,16 +42,18 @@
       />
     </template>
 
-
-   <template #custom-icon="{ record }">
-      <component v-if="record.icon && $icons[record.icon]" :is="$icons[record.icon]" />
+    <template #custom-icon="{ record }">
+      <component
+        v-if="record.icon && $icons[record.icon]"
+        :is="$icons[record.icon]"
+      />
       <span v-else>{{ record.icon }}</span>
     </template>
     <template #custom-type="{ record }">
-     <a-tag v-if="record.type == 1" color="blue">目录</a-tag>
-     <a-tag v-if="record.type == 2" color="cyan">菜单</a-tag>
-     <a-tag v-if="record.type == 3" color="purple">链接</a-tag>
-     <a-tag v-if="record.type == 4" color="orange">按钮</a-tag>
+      <a-tag v-if="record.type == 1" color="blue">目录</a-tag>
+      <a-tag v-if="record.type == 2" color="cyan">菜单</a-tag>
+      <a-tag v-if="record.type == 3" color="purple">链接</a-tag>
+      <a-tag v-if="record.type == 4" color="orange">按钮</a-tag>
     </template>
     <template #custom-operation="{ record }">
       <a-divider type="vertical" />
@@ -124,7 +126,7 @@ const columns = ref([
     key: 'isEnable',
     resizable: true,
   },
-    {
+  {
     title: '显示系统菜单栏',
     key: 'isShowMenu',
     resizable: 'true',
@@ -138,7 +140,6 @@ const columns = ref([
     title: '创建时间',
     dataIndex: 'createTime',
     resizable: true,
-
   },
   {
     title: '操作',
@@ -153,18 +154,18 @@ const childRef = ref(null)
 const editopen = ref(false)
 const editRef = ref(null)
 const edit = record => {
-      editRef.value.getMenuTree()
+  editRef.value.getMenuTree()
   editRef.value.init(record.id)
   editopen.value = true
 }
 //新增子菜单
 const addSubmenu = record => {
-    editRef.value.getMenuTree()
+  editRef.value.getMenuTree()
   editRef.value.addSubmenu(record)
   editopen.value = true
 }
 const addSubtn = record => {
-      editRef.value.getMenuTree()
+  editRef.value.getMenuTree()
   editRef.value.addSubtn(record)
   editopen.value = true
 }
@@ -211,7 +212,8 @@ const handleSwitchIsShowMenuChange = record => {
 </script>
 
 <style>
-.slide-enter-active, .slide-leave-active {
+.slide-enter-active,
+.slide-leave-active {
   transition: transform 0.5s;
 }
 .slide-enter {

package/src/views/system/sysRole.vue

@@ -17,9 +17,13 @@
         @change="handleSwitchChange(record)"
       />
     </template>
-     <template #custom-operation="{ record }">
+    <template #custom-operation="{ record }">
       <a-divider type="vertical" />
-      <a @click="empower(record)"  v-permission="permissionModulePath+':empower'">关联菜单</a>
+      <a
+        @click="empower(record)"
+        v-permission="permissionModulePath + ':empower'"
+        >关联菜单</a
+      >
     </template>
   </form-table>
   <!-- 新增修改 -->
@@ -36,22 +40,42 @@
     :open="empoweropen"
     :body-style="{ paddingBottom: '80px' }"
     :footer-style="{ textAlign: 'right' }"
-    @close="()=>{empoweropen=false}"
+    @close="
+      () => {
+        empoweropen = false
+      }
+    "
     :destroyOnClose="true"
   >
-   <a-tree
+    <a-tree
       v-model:checkedKeys="checkedKeys"
       checkable
       :tree-data="roleMenutreeData"
       :checkStrictly="true"
       @check="onTreeCheck"
     >
-      <template #title="{ title,type,btnName }">
+      <template #title="{ title, type, btnName }">
         {{ title }}
-         <span v-if="type === 1" class="padding-left-20 text-font-11 text-color-textgray">目录</span>
-          <span v-if="type === 2" class="padding-left-20 text-font-11 text-color-primary">菜单</span>
-          <span v-if="type === 3" class="padding-left-20 text-font-11 text-color-yellow">链接</span>
-           <span v-if="type === 4" class="padding-left-20 text-font-11 text-color-lime">按钮</span>
+        <span
+          v-if="type === 1"
+          class="padding-left-20 text-font-11 text-color-textgray"
+          >目录</span
+        >
+        <span
+          v-if="type === 2"
+          class="padding-left-20 text-font-11 text-color-primary"
+          >菜单</span
+        >
+        <span
+          v-if="type === 3"
+          class="padding-left-20 text-font-11 text-color-yellow"
+          >链接</span
+        >
+        <span
+          v-if="type === 4"
+          class="padding-left-20 text-font-11 text-color-lime"
+          >按钮</span
+        >
       </template>
     </a-tree>
 
@@ -77,28 +101,28 @@ const menuinit = inject('menuinit')
 const permissionModulePath = ref('system:sysRole')
 
 const formState = ref({
-  name: { label: '角色名称', value: '',defaultvalue:'', type: 'text' },
+  name: { label: '角色名称', value: '', defaultvalue: '', type: 'text' },
 })
 const columns = ref([
   {
     title: '角色名称',
     dataIndex: 'name',
-     resizable: true,
+    resizable: true,
   },
   {
     title: '备注',
     dataIndex: 'remark',
-     resizable: true,
+    resizable: true,
   },
   {
     title: '是否启用',
     key: 'isEnable',
-     resizable: true,
+    resizable: true,
   },
   {
     title: '创建时间',
     dataIndex: 'createTime',
-     resizable: true,
+    resizable: true,
   },
   {
     title: '操作',
@@ -155,7 +179,7 @@ const onTreeCheck = (checkedKeysValue, e) => {
 const empowerSave = () => {
   var data = {
     Id: recordId.value,
-    Menus:checkedKeys.value.checked,
+    Menus: checkedKeys.value.checked,
   }
   sysRole.savePower(data).then(() => {
     const menu = menuStore()
@@ -165,13 +189,12 @@ const empowerSave = () => {
         menu.menus = res.data
         message.success('成功', 1, () => {
           if (menuinit) {
-                refreshRoutes().then(() => {
-                // 重新加载菜单树（如果你有菜单组件）
-                 menuinit()
-                // 跳转到新菜单页面，或者刷新当前页
+            refreshRoutes().then(() => {
+              // 重新加载菜单树（如果你有菜单组件）
+              menuinit()
+              // 跳转到新菜单页面，或者刷新当前页
               // router.replace(router.currentRoute.value.fullPath)
-              })
-
+            })
           }
           empoweropen.value = false
         })

package/SCAFFOLD_README.md

@@ -1,215 +0,0 @@
-# ZAnt Admin 脚手架使用指南
-
-## 简介
-
-ZAnt Admin 脚手架是一个基于 Vue 3 + Vite + Ant Design Vue 的前端管理系统快速生成工具。通过简单的命令行操作，您可以快速创建功能完整的管理系统项目。
-
-## 快速开始
-
-### 安装脚手架
-
-```bash
-# 全局安装脚手架
-npm install -g .
-
-# 或者使用 npx 直接运行
-npx zant-admin create my-project
-```
-
-### 创建新项目
-
-#### 交互式创建（推荐）
-
-```bash
-zant-admin create my-project --interactive
-```
-
-系统将引导您完成以下配置：
-- 项目描述
-- 作者名称
-- 项目模板选择
-- 功能特性选择
-- 是否跳过依赖安装
-
-#### 命令行参数创建
-
-```bash
-# 基本创建
-zant-admin create my-project
-
-# 指定模板和描述
-zant-admin create my-project --template basic --description "基础管理系统"
-
-# 跳过依赖安装
-zant-admin create my-project --skip-install
-
-# 禁用交互式模式
-zant-admin create my-project --no-interactive
-```
-
-## 命令说明
-
-### create 命令
-
-创建一个新的 ZAnt Admin 项目。
-
-**参数：**
-- `<project-name>`: 项目名称（必需）
-
-**选项：**
-- `-t, --template <template>`: 项目模板 (default: "default")
-- `-d, --description <description>`: 项目描述
-- `-a, --author <author>`: 作者名称
-- `--skip-install`: 跳过依赖安装
-- `--no-interactive`: 禁用交互式模式
-
-### list-templates 命令
-
-显示可用的项目模板。
-
-```bash
-zant-admin list-templates
-```
-
-## 项目模板
-
-### 默认模板 (default)
-- 包含完整的管理系统功能
-- 预设了常用的页面和组件
-- 推荐用于大多数项目
-
-### 基础模板 (basic)
-- 仅包含核心功能
-- 适合需要高度自定义的项目
-- 包含登录、首页、控制台等基础页面
-
-### 完整模板 (full)
-- 包含所有示例页面和高级功能
-- 适合学习和参考
-- 包含用户管理、权限管理等完整示例
-
-## 功能特性
-
-在交互式模式下，您可以选择以下功能特性：
-
-### 用户管理模块
-- 用户列表页面
-- 用户增删改查功能
-- 用户状态管理
-
-### 权限管理模块
-- 角色管理
-- 权限配置
-- 访问控制
-
-### 数据可视化图表
-- ECharts 集成
-- 数据统计图表
-- 仪表盘展示
-
-### 文件上传功能
-- 图片上传
-- 文件管理
-- 上传进度显示
-
-### 国际化支持
-- 多语言切换
-- 中英文支持
-- 语言包管理
-
-## 项目结构
-
-生成的项目具有以下结构：
-
-```
-my-project/
-├── public/                 # 静态资源
-├── src/
-│   ├── api/               # 接口请求
-│   ├── assets/            # 静态资源
-│   ├── components/        # 公共组件
-│   ├── config/            # 配置文件
-│   ├── locales/           # 国际化文件（如果选择）
-│   ├── router/            # 路由配置
-│   ├── stores/            # 状态管理
-│   ├── utils/             # 工具函数
-│   ├── views/             # 页面视图
-│   ├── App.vue            # 根组件
-│   └── main.js            # 入口文件
-├── package.json           # 项目配置
-├── vite.config.js         # Vite 配置
-└── README.md              # 项目说明
-```
-
-## 开发指南
-
-### 启动开发服务器
-
-```bash
-cd my-project
-npm install  # 如果跳过了依赖安装
-npm run dev
-```
-
-### 构建生产版本
-
-```bash
-npm run build
-```
-
-### 代码检查
-
-```bash
-npm run lint
-```
-
-### 代码格式化
-
-```bash
-npm run format
-```
-
-## 技术栈
-
-- **Vue 3**: 渐进式 JavaScript 框架
-- **Vite**: 下一代前端构建工具
-- **Ant Design Vue**: 企业级 UI 设计语言
-- **Pinia**: Vue 状态管理
-- **Vue Router**: Vue 官方路由
-- **ESLint + Prettier**: 代码规范和格式化
-
-## 系统要求
-
-- Node.js >= 16.0.0
-- npm >= 7.0.0
-
-## 常见问题
-
-### Q: 创建项目时出现权限错误？
-A: 请确保您有足够的权限在目标目录创建文件。
-
-### Q: 依赖安装失败？
-A: 可以尝试使用 `--skip-install` 跳过安装，然后手动运行 `npm install`。
-
-### Q: 如何自定义模板？
-A: 您可以修改 `templates/` 目录下的模板文件来自定义生成内容。
-
-### Q: 支持 TypeScript 吗？
-A: 当前版本主要支持 JavaScript，TypeScript 支持将在后续版本中添加。
-
-## 许可证
-
-MIT License
-
-## 贡献
-
-欢迎提交 Issue 和 Pull Request 来改进这个脚手架工具。
-
-## 更新日志
-
-### v1.0.0
-- 初始版本发布
-- 支持项目创建和模板选择
-- 交互式配置向导
-- 功能特性选择
-- 依赖自动安装