coderou
diff --git a/‎index.html
+1-1 b/‎index.html
+1-1
diff --git a/‎src/modules/base/layout/components/amenu.vue
+25-8 b/‎src/modules/base/layout/components/amenu.vue
+25-8
diff --git a/‎src/modules/base/views/menu.vue
+3 b/‎src/modules/base/views/menu.vue
+3
diff --git a/‎src/modules/cloud/config.ts
+1-1 b/‎src/modules/cloud/config.ts
+1-1
diff --git a/‎src/modules/demo/views/crud.vue
+3-8 b/‎src/modules/demo/views/crud.vue
+3-8
diff --git a/‎src/modules/editor/index.ts
-1 b/‎src/modules/editor/index.ts
-1
diff --git a/‎src/modules/editor/config.ts renamed to ‎src/modules/extend/config.ts
+7-4 b/‎src/modules/editor/config.ts renamed to ‎src/modules/extend/config.ts
+7-4
diff --git a/‎src/modules/extend/distpicker/index.tsx
+31 b/‎src/modules/extend/distpicker/index.tsx
+31
@@ -10,7 +10,7 @@
 			content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"
 		/>
 		<title></title>
-		<link rel="icon" href="favicon.ico" />
+		<link rel="icon" href="./favicon.ico" />
 		<style>
 			html,
 			body,
 
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts" name="a-menu" setup>
-import { onMounted, ref } from "vue";
+import { ref, watch } from "vue";
 import { useBase } from "/$/base";
 import { useCool } from "/@/cool";
 import { Menu } from "../../types";
@@ -27,16 +27,16 @@ const { menu } = useBase();
 const active = ref("");
 
 // 选择导航
-function select(index: number) {
+function select(index: any) {
 	menu.setMenu(index);
 
 	// 获取第一个菜单地址
 	const url = menu.getPath(menu.group[index]);
 	router.push(url);
 }
 
-onMounted(function () {
-	// 设置默认
+// 刷新
+function refresh() {
 	function deep(e: Menu.Item, i: number) {
 		switch (e.type) {
 			case 0:
@@ -56,10 +56,27 @@ onMounted(function () {
 		}
 	}
 
-	menu.group.forEach((e, i) => {
-		deep(e, i);
-	});
-});
+	menu.group.forEach(deep);
+}
+
+// 监听分组
+watch(
+	() => menu.group.length,
+	() => {
+		refresh();
+	},
+	{
+		immediate: true
+	}
+);
+
+// 监听路由
+watch(
+	() => route.path,
+	() => {
+		refresh();
+	}
+);
 </script>
 
 <style lang="scss" scoped>
 
@@ -95,8 +95,10 @@ import { setFocus, useCrud, useTable, useUpsert } from "@cool-vue/crud";
 import { useCool } from "/@/cool";
 import { deepTree } from "/@/cool/utils";
 import AutoMenu from "/$/magic/components/auto-menu/index.vue";
+import { useStore } from "../store";
 
 const { service, mitt } = useCool();
+const { menu } = useStore();
 
 // cl-table
 const Table = useTable({
@@ -341,6 +343,7 @@ const Crud = useCrud(
 				});
 
 				render(deepTree(list));
+				menu.get();
 			});
 		}
 	},
 
@@ -1,5 +1,5 @@
 import { ModuleConfig } from "/@/cool";
-import { addDeclare } from "/$/editor";
+import { addDeclare } from "/$/extend";
 import { CodeDeclare } from "./dict";
 
 export default (): ModuleConfig => {
 
@@ -199,19 +199,14 @@ const Upsert = useUpsert({
 		// });
 
 		// 直接取列表的数据返回
-		done({
-			...data,
-			age: 18
-		});
+		done(data);
 	},
 
 	// 提交钩子
 	onSubmit(data, { next, close, done }) {
+		console.log("onSubmit", data);
 		// 继续请求 update/add 接口
-		next({
-			...data,
-			code: "615206459"
-		});
+		next(data);
 	},
 
 	// 打开后
 
@@ -5,12 +5,15 @@ export default (): ModuleConfig => {
 		// 根据使用情况选择组件注释，避免资源过大问题
 		components: [
 			// 富文本编辑器 https://www.npmjs.com/package/@wangeditor/editor
-			() => import("./components/wang.vue"),
+			() => import("./editor/wang.vue"),
 			// 富文本编辑器 https://www.npmjs.com/package/quill
-			() => import("./components/quill.vue"),
+			() => import("./editor/quill.vue"),
 			// 代码编辑器 https://www.npmjs.com/package/monaco-editor
-			() => import("./components/monaco/index.vue"),
-			() => import("./components/preview.vue")
+			() => import("./editor/monaco/index.vue"),
+			// 文本预览
+			() => import("./editor/preview.vue"),
+			// 省市区选择 https://github.com/modood/Administrative-divisions-of-China
+			() => import("./distpicker/index")
 		]
 	};
 };
@@ -0,0 +1,31 @@
+import { defineComponent } from "vue";
+import { registerFormHook } from "@cool-vue/crud";
+import data from "./pca.json";
+
+registerFormHook("pca", (value, { method, form, prop }) => {
+	if (method == "bind") {
+		return [form.province, form.city, form.district];
+	} else {
+		const [province, city, district] = value || [];
+		form.province = province;
+		form.city = city;
+		form.district = district;
+		form[prop] = undefined;
+	}
+});
+
+export default defineComponent({
+	name: "cl-distpicker",
+
+	props: {
+		props: Object
+	},
+
+	setup(props) {
+		return () => {
+			return (
+				<el-cascader options={data} props={{ label: "name", value: "name", ...props }} />
+			);
+		};
+	}
+});