发布6.0

README.md

@@ -14,11 +14,9 @@
 
 ## 地址
 
--   [⚡️ vue2.x + element-ui](https://github.com/cool-team-official/cool-admin-vue)
+-   [📌 vue6.x + element-plus + ts + vite](https://github.com/cool-team-official/cool-admin-vue/tree/6.x)
 
--   [⚡️ vue3.x + element-plus + ts + webpack](https://github.com/cool-team-official/cool-admin-vue/tree/vue3-ts-webpack)
-
--   [📌 vue3.x + element-plus + ts + vite](https://github.com/cool-team-official/cool-admin-vue/tree/vue3-ts-vite)
+-   [⚡️ vue5.x + element-plus + ts + vite](https://github.com/cool-team-official/cool-admin-vue/tree/5.x)
 
 -   [🌐 码云仓库地址](https://gitee.com/cool-team-official/cool-admin-vue)
 
@@ -46,12 +44,6 @@
 yarn
 ```
 
-解决 `node-sass` 网络慢的方法：
-
-```shell
-yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
-```
-
 ## 运行应用程序
 
 安装过程完成后，运行以下命令启动服务。您可以在浏览器中预览网站 [http://localhost:9000](http://localhost:9000)

src/cool/config/dev.ts

@@ -15,6 +15,6 @@ export default {
 			proxy = storage.get("proxy") || "dev";
 		}
 
-		return `/${proxy}/`;
+		return `/${proxy}`;
 	}
 };

src/cool/config/proxy.ts

@@ -9,5 +9,11 @@ export const proxy = {
 		target: "https://show.cool-admin.com",
 		changeOrigin: true,
 		rewrite: (path: string) => path.replace(/^\/prod/, "/api")
+	},
+
+	"/ap/": {
+		target: "https://ap.cool-js.cloud",
+		changeOrigin: true,
+		rewrite: (path: string) => path.replace(/^\/ap/, "")
 	}
 };

src/modules/base/views/menu.vue

@@ -96,26 +96,7 @@ import { useCool } from "/@/cool";
 import { deepTree } from "/@/cool/utils";
 import AutoMenu from "/$/magic/components/auto-menu/index.vue";
 
-const { service } = useCool();
-
-// cl-crud
-const Crud = useCrud(
-	{
-		service: service.base.sys.menu,
-		onRefresh(_, { render }) {
-			service.base.sys.menu.list().then((list) => {
-				list.map((e) => {
-					e.permList = e.perms ? e.perms.split(",") : [];
-				});
-
-				render(deepTree(list));
-			});
-		}
-	},
-	(app) => {
-		app.refresh();
-	}
-);
+const { service, mitt } = useCool();
 
 // cl-table
 const Table = useTable({
@@ -349,6 +330,30 @@ const Upsert = useUpsert({
 	plugins: [setFocus("name")]
 });
 
+// cl-crud
+const Crud = useCrud(
+	{
+		service: service.base.sys.menu,
+		onRefresh(_, { render }) {
+			service.base.sys.menu.list().then((list) => {
+				list.map((e) => {
+					e.permList = e.perms ? e.perms.split(",") : [];
+				});
+
+				render(deepTree(list));
+			});
+		}
+	},
+	(app) => {
+		app.refresh();
+	}
+);
+
+// 刷新
+function refresh(params?: any) {
+	Crud.value?.refresh(params);
+}
+
 // 行点击展开
 function onRowClick(row: any, column: any) {
 	if (column?.property && row.children) {
@@ -374,4 +379,6 @@ function addPermission({ id }: any) {
 		type: 2
 	});
 }
+
+mitt.on("magic.createMenu", refresh);
 </script>

src/modules/demo/config.ts

@@ -0,0 +1,5 @@
+import { ModuleConfig } from "/@/cool";
+
+export default (): ModuleConfig => {
+	return {};
+};

src/modules/design/components/config.vue

@@ -97,7 +97,7 @@ function clear() {
 
 let stop: any = null;
 
-mitt.on("dp-setConfig", (options: any) => {
+mitt.on("dp.setConfig", (options: any) => {
 	visible.value = false;
 
 	if (stop) {
@@ -126,7 +126,7 @@ mitt.on("dp-setConfig", (options: any) => {
 	});
 });
 
-mitt.on("dp-clearConfig", clear);
+mitt.on("dp.clearConfig", clear);
 </script>
 
 <style lang="scss" scoped>

src/modules/design/components/demo.vue

@@ -892,7 +892,7 @@ function onClone(item: any) {
 	_d = parse(item);
 
 	// 发送拉取消息
-	mitt.emit("dp-pull", _d);
+	mitt.emit("dp.pull", _d);
 
 	return _d;
 }
@@ -904,7 +904,7 @@ function add(item: any) {
 
 function onEnd() {
 	if (_d) {
-		mitt.emit("dp-setActive", _d.id);
+		mitt.emit("dp.setActive", _d.id);
 	}
 }
 

src/modules/design/components/demo/group.vue

@@ -74,18 +74,18 @@ function remove(index: number) {
 }
 
 function onClone(data: any) {
-	mitt.emit("dp-pull", data);
+	mitt.emit("dp.pull", data);
 	return data;
 }
 
-mitt.on("dp-setActive", (id: string) => {
+mitt.on("dp.setActive", (id: string) => {
 	const d = list.value?.find((e) => e.id == id);
 	if (d) {
 		dp.toDet(d);
 	}
 });
 
-mitt.on("dp-pull", (d) => {
+mitt.on("dp.pull", (d) => {
 	isPut.value = d?.component.name != "demo-group";
 });
 

src/modules/design/components/index.vue

@@ -90,7 +90,7 @@ const form = reactive<{ active: string; list: any[] }>({
 function toDet(item: any) {
 	if (item) {
 		form.active = item.id;
-		mitt.emit("dp-setConfig", item);
+		mitt.emit("dp.setConfig", item);
 	}
 }
 
@@ -106,7 +106,7 @@ function add(data: any) {
 // 清空组件配置
 function clearConfig(id?: string) {
 	if (form.active == id || !id) {
-		mitt.emit("dp-clearConfig");
+		mitt.emit("dp.clearConfig");
 	}
 }
 
@@ -147,7 +147,7 @@ function clear() {
 
 // 复制
 function onClone(data: any) {
-	mitt.emit("dp-pull", data);
+	mitt.emit("dp.pull", data);
 	return data;
 }
 
@@ -272,7 +272,7 @@ function scrollToBottom() {
 }
 
 // 监听选中事件
-mitt.on("dp-setActive", setActive);
+mitt.on("dp.setActive", setActive);
 
 const dp = {
 	form,

src/modules/iot/config.ts

@@ -0,0 +1,5 @@
+import { ModuleConfig } from "/@/cool";
+
+export default (): ModuleConfig => {
+	return {};
+};

src/modules/magic/components/auto-menu/quick.vue

@@ -21,7 +21,7 @@ import { deepPaths } from "/@/cool/utils";
 import { computed, onMounted } from "vue";
 import { useMenu } from "../../hooks";
 
-const { service } = useCool();
+const { service, mitt } = useCool();
 const menu = useMenu();
 const Form = useForm();
 
@@ -135,6 +135,24 @@ function open() {
 						"controls-position": "right"
 					}
 				}
+			},
+			{
+				prop: "isCreateFile",
+				label: "是否创建文件",
+				value: 1,
+				component: {
+					name: "el-radio-group",
+					options: [
+						{
+							label: "是",
+							value: 1
+						},
+						{
+							label: "否",
+							value: 0
+						}
+					]
+				}
 			}
 		],
 		on: {
@@ -150,7 +168,10 @@ function open() {
 					columns
 				})
 					.then((create) => {
+						if (data.isCreateFile) {
 							create();
+						}
+						mitt.emit("magic.createMenu");
 						close();
 					})
 					.catch(() => {

src/modules/magic/hooks/ai-code.ts

@@ -7,7 +7,9 @@ import { storage, useCool } from "/@/cool";
 export function useChatGPT() {
 	const { route, router } = useCool();
 
-	const apiKey = ref(storage.get("chatgpt.apiKey") || "");
+	const apiKey = ref(
+		storage.get("chatgpt.apiKey") || "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"
+	);
 
 	// 余额
 	const balance = reactive({
@@ -81,6 +83,8 @@ export function useChatGPT() {
 					socket?.on("balance", (res) => {
 						if (res == "error apiKey") {
 							ElMessage.error(res);
+							balance.total_granted = 0;
+							balance.total_used = 0;
 						} else {
 							balance.total_granted = res.total_granted.toFixed(5);
 							balance.total_used = res.total_used.toFixed(5);
@@ -100,7 +104,10 @@ export function useChatGPT() {
 
 	// 发送
 	function send(data: { name: string; columns: string[]; module: string }) {
-		socket?.emit("data", data);
+		socket?.emit("data", {
+			...data,
+			apiKey: apiKey.value
+		});
 	}
 
 	return {

src/modules/magic/types/index.d.ts

@@ -14,3 +14,5 @@ export declare interface MenuData {
 	module: string;
 	[key: string]: any;
 }
+
+export declare type CodeType = "entity" | "controller" | "vue";

src/modules/magic/views/ai-code/index.vue

@@ -36,7 +36,7 @@
 						/>
 					</div>
 
-					<!-- <div class="label required">Key</div>
+					<div class="label">Key</div>
 
 					<div class="row">
 						<el-input
@@ -58,7 +58,7 @@
 								<Refresh />
 							</el-icon>
 						</el-button>
-					</div> -->
+					</div>
 
 					<div class="label">其他你想做的事？</div>
 
@@ -179,7 +179,7 @@
 <script lang="tsx" name="magic-ai-code" setup>
 import { onMounted, reactive, watch } from "vue";
 import { module, useCool, storage } from "/@/cool";
-import { Promotion, Loading, Close, Check } from "@element-plus/icons-vue";
+import { Promotion, Loading, Close, Check, Refresh } from "@element-plus/icons-vue";
 import { ElLoading, ElMessage, ElMessageBox } from "element-plus";
 import { debounce, isEmpty } from "lodash-es";
 import { useClipboard } from "@vueuse/core";
@@ -187,8 +187,7 @@ import { useMenu, useChatGPT, useScroll } from "../../hooks";
 import { useForm } from "@cool-vue/crud";
 import { isDev } from "/@/cool";
 import Text2 from "./components/text.vue";
-
-type CodeType = "entity" | "controller" | "vue";
+import { CodeType } from "../../types";
 
 const { service, mitt, refs, setRefs } = useCool();
 const { copy } = useClipboard();
@@ -258,8 +257,16 @@ const codes = reactive({
 
 // 下一步，生成代码
 function next() {
-	if (!form.module || !form.name || isEmpty(form.columns)) {
-		return ElMessage.warning("请填写完整");
+	if (!form.module) {
+		return ElMessage.warning("请选择模块");
+	}
+
+	if (!form.name) {
+		return ElMessage.warning("请填写实体名称");
+	}
+
+	if (isEmpty(form.columns)) {
+		return ElMessage.warning("请填写字段");
 	}
 
 	function send() {

src/modules/recycle/config.ts

@@ -0,0 +1,5 @@
+import { ModuleConfig } from "/@/cool";
+
+export default (): ModuleConfig => {
+	return {};
+};

src/modules/task/config.ts

@@ -0,0 +1,5 @@
+import { ModuleConfig } from "/@/cool";
+
+export default (): ModuleConfig => {
+	return {};
+};