@maketribe/ms-app 3.0.0 → 3.0.3

package/dist/esm/layouts/manager-system/components/menu/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.js","sources":["../../../../../../src/layouts/manager-system/components/menu/logo.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElTooltip } from \"element-plus\";\nimport { MSAppClient } from \"../../../../MSAppClient\";\n\nexport default defineComponent({\n  name: \"MKLogo\",\n  setup() {\n    const msAppClient = MSAppClient.instance!;\n\n    const logo = computed(() => msAppClient.logo);\n    const projectName = computed(() => msAppClient.projectName);\n\n    return () => {\n      return (\n        <div class=\"mk-logo\">\n          <div\n            class=\"mk-logo__logo\"\n            style={{ backgroundImage: `url(${unref(logo)})` }}\n          >\n            {unref(projectName)}\n          </div>\n          <ElTooltip content={unref(projectName)}>\n            <span>{unref(projectName)}</span>\n          </ElTooltip>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","setup","msAppClient","MSAppClient","instance","logo","computed","projectName","_createVNode","backgroundImage","unref","ElTooltip","default"],"mappings":";;;;AAIA,6BAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,QAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,MAAMC,cAAcC,WAAYC,CAAAA,QAAAA,CAAAA;AAEhC,IAAA,MAAMC,IAAOC,GAAAA,QAAAA,CAAS,MAAMJ,WAAAA,CAAYG,IAAI,CAAA,CAAA;AAC5C,IAAA,MAAME,WAAcD,GAAAA,QAAAA,CAAS,MAAMJ,WAAAA,CAAYK,WAAW,CAAA,CAAA;AAE1D,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,SAAA;AAAA,OAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,eAAA;AAAA,QAAA,OAIa,EAAA;AAAA,UAAEC,eAAkB,EAAA,CAAA,IAAA,EAAMC,KAAML,CAAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,SAAG;AAAA,OAAC,EAAA,CAEhDK,KAAMH,CAAAA,WAAW,CAAC,CAAAC,CAAAA,EAAAA,YAAAG,SAAA,EAAA;AAAA,QAAA,SAAA,EAEDD,MAAMH,WAAW,CAAA;AAAA,OAAC,EAAA;AAAA,QAAAK,OAAAA,EAAAA,MAAAJ,CAAAA,2BAC7BE,KAAMH,CAAAA,WAAW,CAAC,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAIjC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/layouts/manager-system/components/menu/menu.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/esm/layouts/manager-system/components/menu/menu.js

@@ -0,0 +1,105 @@
+import { defineComponent, ref, computed, createVNode, unref, isVNode, Fragment } from 'vue';
+import { ElMenu, ElButton, ElSubMenu, ElMenuItem } from 'element-plus';
+import { MKSvgIcon } from '@maketribe/dm-ui';
+import { MSAppClient } from '../../../../MSAppClient.js';
+import '@maketribe/utils';
+import { MenuNode } from '../../../../menu/MenuNode.js';
+import MKLogo from './logo.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const MKMenuItem = /* @__PURE__ */ defineComponent({
+  name: "MKMenuItem",
+  props: {
+    menuItem: {
+      type: MenuNode,
+      required: true
+    }
+  },
+  setup(props) {
+    return () => {
+      const menuItem = props.menuItem;
+      if (menuItem.children.length) {
+        const childrenMenuItems = menuItem.children.map((childMenuItem) => createVNode(MKMenuItem, {
+          "menuItem": childMenuItem,
+          "key": childMenuItem.id
+        }, null));
+        return createVNode(ElSubMenu, {
+          "index": menuItem.id,
+          "popperClass": "mk-menu__popper"
+        }, {
+          default: () => [childrenMenuItems],
+          title: () => createVNode(Fragment, null, [createVNode(MKSvgIcon, {
+            "iconClass": menuItem.iconName
+          }, null), createVNode("span", null, [menuItem.title])])
+        });
+      }
+      return createVNode(ElMenuItem, {
+        "index": menuItem.id
+      }, {
+        default: () => [createVNode(MKSvgIcon, {
+          "iconClass": menuItem.iconName
+        }, null), createVNode("span", null, [menuItem.title])]
+      });
+    };
+  }
+});
+var Menu = /* @__PURE__ */ defineComponent({
+  name: "MKMenu",
+  setup() {
+    const userSession = MSAppClient.instance.userSession;
+    const menu = userSession.menu;
+    const router = userSession.router;
+    const currentMenuID = ref(menu.getCurrentMenuNode()?.id ?? "");
+    const isCollapsed = computed(() => menu.isCollapsed);
+    menu.currentMenuChangeEvent.on(({
+      currentMenu
+    }) => {
+      if (currentMenu) {
+        currentMenuID.value = currentMenu.id;
+      }
+    });
+    const handleSelect = (id) => {
+      const menuNode = menu.findMenuNodeByID(id);
+      if (menuNode?.route) {
+        router.changeRoute(menuNode.route);
+      }
+    };
+    const handleCollapse = () => {
+      menu.isCollapsed = !menu.isCollapsed;
+    };
+    return () => {
+      const menuItems = menu.rootMenus.map((menuItem) => createVNode(MKMenuItem, {
+        "menuItem": menuItem,
+        "key": menuItem.id
+      }, null));
+      const asideFold = unref(isCollapsed) ? createVNode(MKSvgIcon, {
+        "iconClass": "Expand"
+      }, null) : createVNode(MKSvgIcon, {
+        "iconClass": "Fold"
+      }, null);
+      return createVNode("div", {
+        "class": ["mk-menu", unref(isCollapsed) ? "mk-menu--collapse" : ""]
+      }, [createVNode(MKLogo, null, null), createVNode(ElMenu, {
+        "collapse": unref(isCollapsed),
+        "collapseTransition": false,
+        "defaultActive": unref(currentMenuID),
+        "onSelect": handleSelect,
+        "uniqueOpened": true
+      }, _isSlot(menuItems) ? menuItems : {
+        default: () => [menuItems]
+      }), createVNode("div", {
+        "class": "mk-menu__footer"
+      }, [createVNode(ElButton, {
+        "text": true,
+        "onClick": handleCollapse
+      }, _isSlot(asideFold) ? asideFold : {
+        default: () => [asideFold]
+      })])]);
+    };
+  }
+});
+
+export { Menu as default };
+//# sourceMappingURL=menu.js.map

package/dist/esm/layouts/manager-system/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../../../../../src/layouts/manager-system/components/menu/menu.tsx"],"sourcesContent":["import { Fragment, Ref, computed, defineComponent, ref, unref } from \"vue\";\nimport { ElButton, ElMenu, ElMenuItem, ElSubMenu } from \"element-plus\";\nimport { MKSvgIcon } from \"@maketribe/dm-ui\";\nimport { MSAppClient } from \"../../../../MSAppClient\";\nimport { MenuNode } from \"../../../../menu\";\nimport MKLogo from \"./logo\";\n\nconst MKMenuItem = defineComponent({\n  name: \"MKMenuItem\",\n  props: {\n    menuItem: { type: MenuNode, required: true },\n  },\n  setup(props) {\n    return () => {\n      const menuItem = props.menuItem;\n\n      if (menuItem.children.length) {\n        const childrenMenuItems = menuItem.children.map((childMenuItem) => (\n          <MKMenuItem menuItem={childMenuItem} key={childMenuItem.id} />\n        ));\n\n        return (\n          <ElSubMenu\n            index={menuItem.id}\n            popperClass=\"mk-menu__popper\"\n            v-slots={{\n              title: () => (\n                <Fragment>\n                  <MKSvgIcon iconClass={menuItem.iconName} />\n                  <span>{menuItem.title}</span>\n                </Fragment>\n              ),\n            }}\n          >\n            {childrenMenuItems}\n          </ElSubMenu>\n        );\n      }\n\n      return (\n        <ElMenuItem index={menuItem.id}>\n          <MKSvgIcon iconClass={menuItem.iconName} />\n          <span>{menuItem.title}</span>\n        </ElMenuItem>\n      );\n    };\n  },\n});\n\nexport default defineComponent({\n  name: \"MKMenu\",\n  setup() {\n    const userSession = MSAppClient.instance!.userSession!;\n\n    const menu = userSession.menu;\n    const router = userSession.router;\n\n    const currentMenuID: Ref<string> = ref(menu.getCurrentMenuNode()?.id ?? \"\");\n\n    const isCollapsed = computed(() => menu.isCollapsed);\n\n    menu.currentMenuChangeEvent.on(({ currentMenu }) => {\n      if (currentMenu) {\n        currentMenuID.value = currentMenu.id;\n      }\n    });\n\n    const handleSelect = (id: string) => {\n      const menuNode = menu.findMenuNodeByID(id);\n\n      if (menuNode?.route) {\n        router.changeRoute(menuNode.route);\n      }\n    };\n\n    const handleCollapse = () => {\n      menu.isCollapsed = !menu.isCollapsed;\n    };\n\n    return () => {\n      const menuItems = menu.rootMenus.map((menuItem) => (\n        <MKMenuItem menuItem={menuItem} key={menuItem.id} />\n      ));\n\n      const asideFold = unref(isCollapsed) ? (\n        <MKSvgIcon iconClass=\"Expand\" />\n      ) : (\n        <MKSvgIcon iconClass=\"Fold\" />\n      );\n\n      return (\n        <div class={[\"mk-menu\", unref(isCollapsed) ? \"mk-menu--collapse\" : \"\"]}>\n          <MKLogo />\n          <ElMenu\n            collapse={unref(isCollapsed)}\n            collapseTransition={false}\n            defaultActive={unref(currentMenuID)}\n            onSelect={handleSelect}\n            uniqueOpened\n          >\n            {menuItems}\n          </ElMenu>\n          <div class=\"mk-menu__footer\">\n            <ElButton text onClick={handleCollapse}>\n              {asideFold}\n            </ElButton>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","MKMenuItem","name","props","menuItem","type","MenuNode","required","setup","children","length","childrenMenuItems","map","childMenuItem","_createVNode","id","ElSubMenu","default","title","_Fragment","MKSvgIcon","iconName","ElMenuItem","userSession","MSAppClient","instance","menu","router","currentMenuID","ref","getCurrentMenuNode","isCollapsed","computed","currentMenuChangeEvent","on","currentMenu","value","handleSelect","menuNode","findMenuNodeByID","route","changeRoute","handleCollapse","menuItems","rootMenus","asideFold","unref","MKLogo","ElMenu","ElButton"],"mappings":"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"}

package/dist/esm/layouts/manager-system/manager-system.js

@@ -1,4 +1,5 @@
-import { defineComponent, createVNode } from 'vue';
+import { defineComponent, computed, onMounted, unref, createVNode } from 'vue';
+import { createDisposable } from '@maketribe/utils';
 import { MKSystemProvider } from '../../components/system-provider/index.js';
 import '../../components/material-list/index.js';
 import '../../components/material-select/index.js';
@@ -7,27 +8,76 @@ import '../../components/menu-permission-table/index.js';
 import '../../components/image-select/index.js';
 import '../../components/verify-dialog/index.js';
 import '../../components/member-table/index.js';
-import { MKAside } from './components/aside/index.js';
+import { MKMenu } from './components/menu/index.js';
 import { MKHeader } from './components/header/index.js';
+import { MSAppClient } from '../../MSAppClient.js';
+import { MKLock } from '../common/lock/index.js';
 
 var ManagerSystem = /* @__PURE__ */ defineComponent({
   name: "MKManagerSystem",
   setup(props, {
     slots
   }) {
+    const userSession = MSAppClient.instance.userSession;
+    const isVisible = computed(() => userSession.menu.isVisible);
+    onMounted(() => {
+      let oldInnerWidth = window.innerWidth;
+      const handleResize = () => {
+        const innerWidth = window.innerWidth;
+        if (oldInnerWidth > 1e3 && innerWidth <= 1e3) {
+          userSession.menu.isVisible = false;
+          userSession.menu.isCollapsed = false;
+        } else if (oldInnerWidth <= 1e3 && innerWidth > 1e3) {
+          userSession.menu.isVisible = true;
+          if (!userSession.menu.isCollapsed) {
+            userSession.menu.isCollapsed = true;
+          }
+        } else if (oldInnerWidth > 1200 && innerWidth <= 1200) {
+          if (!userSession.menu.isCollapsed) {
+            userSession.menu.isCollapsed = true;
+          }
+        } else if (oldInnerWidth <= 1200 && innerWidth > 1200) {
+          if (userSession.menu.isCollapsed) {
+            userSession.menu.isCollapsed = false;
+          }
+        }
+        oldInnerWidth = innerWidth;
+      };
+      if (oldInnerWidth <= 1e3) {
+        userSession.menu.isVisible = false;
+        userSession.menu.isCollapsed = false;
+      } else if (oldInnerWidth <= 1200) {
+        userSession.menu.isVisible = true;
+        userSession.menu.isCollapsed = true;
+      } else {
+        userSession.menu.isVisible = true;
+        userSession.menu.isCollapsed = false;
+      }
+      window.addEventListener("resize", handleResize);
+      userSession.register(createDisposable(() => {
+        window.removeEventListener("resize", handleResize);
+      }));
+    });
+    const handleMaskClick = () => {
+      userSession.menu.isVisible = false;
+    };
     return () => {
+      const mask = unref(isVisible) ? createVNode("div", {
+        "class": "mk-manager-system__mask mk-overlay",
+        "onClick": handleMaskClick
+      }, null) : null;
       return createVNode(MKSystemProvider, null, {
         default: () => [createVNode("div", {
-          "class": "mk-manager-system"
-        }, [createVNode("div", {
+          "class": ["mk-manager-system", `mk-manager-system__bar--${unref(isVisible) ? "visible" : "hidden"}`]
+        }, [mask, createVNode("div", {
           "class": "mk-manager-system__aside"
-        }, [createVNode(MKAside, null, null)]), createVNode("div", {
+        }, [createVNode(MKMenu, null, null)]), createVNode("div", {
           "class": "mk-manager-system__main"
         }, [createVNode(MKHeader, {
           "class": "mk-manager-system__header"
         }, null), createVNode("div", {
           "class": "mk-manager-system__content"
-        }, [slots.default?.()])])])]
+        }, [slots.default?.()])]), createVNode(MKLock, null, null)])]
       });
     };
   }

package/dist/esm/layouts/manager-system/manager-system.js.map

@@ -1 +1 @@
-{"version":3,"file":"manager-system.js","sources":["../../../../src/layouts/manager-system/manager-system.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { MKSystemProvider } from \"../../components\";\nimport MKAside from \"./components/aside\";\nimport MKHeader from \"./components/header\";\n\nexport default defineComponent({\n  name: \"MKManagerSystem\",\n  setup(props, { slots }) {\n    return () => {\n      return (\n        <MKSystemProvider>\n          <div class=\"mk-manager-system\">\n            <div class=\"mk-manager-system__aside\">\n              <MKAside />\n            </div>\n            <div class=\"mk-manager-system__main\">\n              <MKHeader class=\"mk-manager-system__header\" />\n              <div class=\"mk-manager-system__content\">{slots.default?.()}</div>\n            </div>\n          </div>\n        </MKSystemProvider>\n      );\n    };\n  },\n});\n"],"names":["name","setup","props","slots","_createVNode","MKSystemProvider","default","MKAside","MKHeader"],"mappings":";;;;;;;;;;;;AAKA,oCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,iBAAA;AAAA,EACNC,MAAMC,KAAO,EAAA;AAAA,IAAEC,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,OAAO,MAAM;AACX,MAAAC,OAAAA,WAAAA,CAAAC,kBAAA,IAAA,EAAA;AAAA,QAAAC,OAAAA,EAAAA,MAAA,CAAAF,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,mBAAA;AAAA,SAAA,EAAA,CAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,0BAAA;AAAA,SAAA,EAAA,CAAAA,WAAAA,CAAAG,OAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA,CAAAH,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,yBAAA;AAAA,SAAA,EAAAA,CAAAA,WAAAA,CAAAI,QAAA,EAAA;AAAA,UAAA,OAAA,EAAA,2BAAA;AAAA,SAAA,EAAA,IAAA,CAAAJ,EAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,4BAAA;AAAA,SAAA,EAAA,CAQiDD,KAAAA,CAAMG,OAAU,IAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA;AAAA,KAKpE,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"manager-system.js","sources":["../../../../src/layouts/manager-system/manager-system.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, unref } from \"vue\";\nimport { createDisposable } from \"@maketribe/utils\";\nimport { MKSystemProvider } from \"../../components\";\nimport MKMenu from \"./components/menu\";\nimport MKHeader from \"./components/header\";\nimport { MSAppClient } from \"../../MSAppClient\";\nimport MKLock from \"../common/lock\";\n\nexport default defineComponent({\n  name: \"MKManagerSystem\",\n  setup(props, { slots }) {\n    const userSession = MSAppClient.instance!.userSession!;\n\n    const isVisible = computed(() => userSession.menu.isVisible);\n\n    onMounted(() => {\n      let oldInnerWidth: number = window.innerWidth;\n\n      const handleResize = () => {\n        const innerWidth = window.innerWidth;\n\n        if (oldInnerWidth > 1000 && innerWidth <= 1000) {\n          userSession.menu.isVisible = false;\n          userSession.menu.isCollapsed = false;\n        } else if (oldInnerWidth <= 1000 && innerWidth > 1000) {\n          userSession.menu.isVisible = true;\n\n          if (!userSession.menu.isCollapsed) {\n            userSession.menu.isCollapsed = true;\n          }\n        } else if (oldInnerWidth > 1200 && innerWidth <= 1200) {\n          if (!userSession.menu.isCollapsed) {\n            userSession.menu.isCollapsed = true;\n          }\n        } else if (oldInnerWidth <= 1200 && innerWidth > 1200) {\n          if (userSession.menu.isCollapsed) {\n            userSession.menu.isCollapsed = false;\n          }\n        }\n\n        oldInnerWidth = innerWidth;\n      };\n\n      if (oldInnerWidth <= 1000) {\n        userSession.menu.isVisible = false;\n        userSession.menu.isCollapsed = false;\n      } else if (oldInnerWidth <= 1200) {\n        userSession.menu.isVisible = true;\n        userSession.menu.isCollapsed = true;\n      } else {\n        userSession.menu.isVisible = true;\n        userSession.menu.isCollapsed = false;\n      }\n\n      window.addEventListener(\"resize\", handleResize);\n\n      userSession.register(\n        createDisposable(() => {\n          window.removeEventListener(\"resize\", handleResize);\n        })\n      );\n    });\n\n    const handleMaskClick = () => {\n      userSession.menu.isVisible = false;\n    };\n\n    return () => {\n      const mask = unref(isVisible) ? (\n        <div\n          class=\"mk-manager-system__mask mk-overlay\"\n          onClick={handleMaskClick}\n        />\n      ) : null;\n\n      return (\n        <MKSystemProvider>\n          <div\n            class={[\n              \"mk-manager-system\",\n              `mk-manager-system__bar--${\n                unref(isVisible) ? \"visible\" : \"hidden\"\n              }`,\n            ]}\n          >\n            {mask}\n            <div class=\"mk-manager-system__aside\">\n              <MKMenu />\n            </div>\n            <div class=\"mk-manager-system__main\">\n              <MKHeader class=\"mk-manager-system__header\" />\n              <div class=\"mk-manager-system__content\">{slots.default?.()}</div>\n            </div>\n\n            <MKLock />\n          </div>\n        </MKSystemProvider>\n      );\n    };\n  },\n});\n"],"names":["name","setup","props","slots","userSession","MSAppClient","instance","isVisible","computed","menu","onMounted","oldInnerWidth","window","innerWidth","handleResize","isCollapsed","addEventListener","register","createDisposable","removeEventListener","handleMaskClick","mask","unref","_createVNode","MKSystemProvider","default","MKMenu","MKHeader","MKLock"],"mappings":"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"}

package/dist/esm/menu/Menu.d.ts

@@ -7,6 +7,7 @@ export declare class Menu extends Disposable {
     rootMenus: MenuNode[];
     _currentMenu: MenuNode | null;
     isCollapsed: boolean;
+    isVisible: boolean;
     permissionPointManager: PermissionPointManager;
     router: Router;
     currentMenuChangeEvent: Event<{

package/dist/esm/menu/Menu.js

@@ -5,6 +5,7 @@ class Menu extends Disposable {
   rootMenus = [];
   _currentMenu = null;
   isCollapsed = false;
+  isVisible = true;
   permissionPointManager;
   router;
   currentMenuChangeEvent = this.register(new Event());
@@ -68,7 +69,6 @@ class Menu extends Disposable {
   }
   async setCurrentMenuNode(node) {
     this._currentMenu = node;
-    this.isCollapsed = false;
     this.currentMenuChangeEvent.emit({ currentMenu: node });
     return true;
   }

package/dist/esm/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/menu/Menu.ts"],"sourcesContent":["import { Disposable, Event } from \"@maketribe/utils\";\nimport { PermissionPointManager } from \"../PermissionPointManager\";\nimport { Router } from \"../Router\";\nimport { MenuResult } from \"../dataview\";\nimport { MenuNode } from \"./MenuNode\";\n\nexport class Menu extends Disposable {\n  rootMenus: MenuNode[] = [];\n\n  _currentMenu: MenuNode | null = null;\n\n  isCollapsed: boolean = false;\n\n  permissionPointManager: PermissionPointManager;\n\n  router: Router;\n\n  currentMenuChangeEvent: Event<{ currentMenu: MenuNode | null }> =\n    this.register(new Event());\n\n  constructor(permissionPointManager: PermissionPointManager, router: Router) {\n    super();\n    this.permissionPointManager = permissionPointManager;\n    this.router = router;\n  }\n\n  setMenus(menus: MenuResult[]) {\n    const menuNodes = menus\n      .sort((menu1, menu2) => {\n        const sort1 = parseInt(menu1.sort) || 0;\n        const sort2 = parseInt(menu2.sort) || 0;\n\n        return sort2 - sort1;\n      })\n      .map((menuInfo) => {\n        const route = this.router.getRouteByID(menuInfo.routeId);\n\n        const permissionPoints =\n          this.permissionPointManager.getPermissionPointsByMenuID(menuInfo.id);\n\n        return new MenuNode({\n          id: menuInfo.id,\n          route,\n          iconName: menuInfo.iconName || \"\",\n          title: menuInfo.title || \"\",\n          permissionPoints,\n          children: [],\n        });\n      });\n\n    const rootMenuNodes: MenuNode[] = [];\n\n    for (let i = 0, len = menuNodes.length; i < len; i++) {\n      const menuNodeInfo = menus[i];\n      const menuNode = menuNodes[i];\n\n      menuNode.iconName = menuNode.iconName || \"default-menu\";\n\n      if (!menuNodeInfo.pid) {\n        rootMenuNodes.push(menuNode);\n      }\n\n      for (const route of this.router.getRoutesByMenuID(menuNode.id)) {\n        route.iconName = route.iconName || menuNode.iconName;\n      }\n\n      for (let j = 0; j < len; j++) {\n        const menuNodeInfoInner = menus[j];\n        const menuNodeInner = menuNodes[j];\n\n        if (menuNodeInfoInner.pid === menuNodeInfo.id) {\n          menuNode.children.push(menuNodeInner);\n          menuNodeInner.parent = menuNode;\n        }\n      }\n    }\n\n    this.rootMenus = rootMenuNodes;\n  }\n\n  findMenuNodeByID(id: MenuNode[\"id\"]): MenuNode | null {\n    if (!id) {\n      return null;\n    }\n\n    let list = this.rootMenus.slice();\n\n    for (let i = 0; i < list.length; i++) {\n      const node = list[i];\n\n      if (node.id === id) {\n        return node;\n      }\n\n      list = list.concat(node.children);\n    }\n\n    return null;\n  }\n\n  async setCurrentMenuNode(node: MenuNode | null) {\n    this._currentMenu = node;\n\n    this.isCollapsed = false;\n\n    this.currentMenuChangeEvent.emit({ currentMenu: node });\n\n    return true;\n  }\n\n  getCurrentMenuNode() {\n    return this._currentMenu;\n  }\n\n  getFirstLeafMenuNode(menus: MenuNode[] = this.rootMenus) {\n    function _getFirstLeafMenuNode(menus: MenuNode[]): MenuNode | null {\n      if (!menus.length) {\n        return null;\n      }\n\n      return _getFirstLeafMenuNode(menus[0].children) || menus[0];\n    }\n\n    return _getFirstLeafMenuNode(menus);\n  }\n\n  getMenuNodeByID(id: string): MenuNode | null {\n    let nodes = this.rootMenus.slice();\n\n    for (let i = 0; i < nodes.length; i++) {\n      const node = nodes[i];\n\n      if (node.id === id) {\n        return node;\n      }\n\n      nodes = nodes.concat(node.children);\n    }\n\n    return null;\n  }\n}\n"],"names":["menus"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../src/menu/Menu.ts"],"sourcesContent":["import { Disposable, Event } from \"@maketribe/utils\";\nimport { PermissionPointManager } from \"../PermissionPointManager\";\nimport { Router } from \"../Router\";\nimport { MenuResult } from \"../dataview\";\nimport { MenuNode } from \"./MenuNode\";\n\nexport class Menu extends Disposable {\n  rootMenus: MenuNode[] = [];\n\n  _currentMenu: MenuNode | null = null;\n\n  isCollapsed: boolean = false;\n\n  isVisible: boolean = true;\n\n  permissionPointManager: PermissionPointManager;\n\n  router: Router;\n\n  currentMenuChangeEvent: Event<{ currentMenu: MenuNode | null }> =\n    this.register(new Event());\n\n  constructor(permissionPointManager: PermissionPointManager, router: Router) {\n    super();\n    this.permissionPointManager = permissionPointManager;\n    this.router = router;\n  }\n\n  setMenus(menus: MenuResult[]) {\n    const menuNodes = menus\n      .sort((menu1, menu2) => {\n        const sort1 = parseInt(menu1.sort) || 0;\n        const sort2 = parseInt(menu2.sort) || 0;\n\n        return sort2 - sort1;\n      })\n      .map((menuInfo) => {\n        const route = this.router.getRouteByID(menuInfo.routeId);\n\n        const permissionPoints =\n          this.permissionPointManager.getPermissionPointsByMenuID(menuInfo.id);\n\n        return new MenuNode({\n          id: menuInfo.id,\n          route,\n          iconName: menuInfo.iconName || \"\",\n          title: menuInfo.title || \"\",\n          permissionPoints,\n          children: [],\n        });\n      });\n\n    const rootMenuNodes: MenuNode[] = [];\n\n    for (let i = 0, len = menuNodes.length; i < len; i++) {\n      const menuNodeInfo = menus[i];\n      const menuNode = menuNodes[i];\n\n      menuNode.iconName = menuNode.iconName || \"default-menu\";\n\n      if (!menuNodeInfo.pid) {\n        rootMenuNodes.push(menuNode);\n      }\n\n      for (const route of this.router.getRoutesByMenuID(menuNode.id)) {\n        route.iconName = route.iconName || menuNode.iconName;\n      }\n\n      for (let j = 0; j < len; j++) {\n        const menuNodeInfoInner = menus[j];\n        const menuNodeInner = menuNodes[j];\n\n        if (menuNodeInfoInner.pid === menuNodeInfo.id) {\n          menuNode.children.push(menuNodeInner);\n          menuNodeInner.parent = menuNode;\n        }\n      }\n    }\n\n    this.rootMenus = rootMenuNodes;\n  }\n\n  findMenuNodeByID(id: MenuNode[\"id\"]): MenuNode | null {\n    if (!id) {\n      return null;\n    }\n\n    let list = this.rootMenus.slice();\n\n    for (let i = 0; i < list.length; i++) {\n      const node = list[i];\n\n      if (node.id === id) {\n        return node;\n      }\n\n      list = list.concat(node.children);\n    }\n\n    return null;\n  }\n\n  async setCurrentMenuNode(node: MenuNode | null) {\n    this._currentMenu = node;\n\n    this.currentMenuChangeEvent.emit({ currentMenu: node });\n\n    return true;\n  }\n\n  getCurrentMenuNode() {\n    return this._currentMenu;\n  }\n\n  getFirstLeafMenuNode(menus: MenuNode[] = this.rootMenus) {\n    function _getFirstLeafMenuNode(menus: MenuNode[]): MenuNode | null {\n      if (!menus.length) {\n        return null;\n      }\n\n      return _getFirstLeafMenuNode(menus[0].children) || menus[0];\n    }\n\n    return _getFirstLeafMenuNode(menus);\n  }\n\n  getMenuNodeByID(id: string): MenuNode | null {\n    let nodes = this.rootMenus.slice();\n\n    for (let i = 0; i < nodes.length; i++) {\n      const node = nodes[i];\n\n      if (node.id === id) {\n        return node;\n      }\n\n      nodes = nodes.concat(node.children);\n    }\n\n    return null;\n  }\n}\n"],"names":["menus"],"mappings":"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"}

package/dist/esm/page/index/404.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/esm/page/index/404.vue.js

@@ -0,0 +1,11 @@
+import { openBlock, createElementBlock } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", null, "404");
+}
+var _404 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/404.vue"]]);
+
+export { _404 as default };
+//# sourceMappingURL=404.vue.js.map

package/dist/esm/page/index/404.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"404.vue.js","sources":["../../../../src/page/index/404.vue"],"sourcesContent":["<template>\n  <div>404</div>\n</template>\n"],"names":[],"mappings":";;;;AACE,SAAA,WAAA,CAAA,MAAA,MAAA,EAAA;;;;;;;"}

package/dist/esm/page/index/dv/default/add.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from './add.vue2.js';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
 
-var DefaultAddPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/add.vue"]]);
+var add = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/add.vue"]]);
 
-export { DefaultAddPage as default };
+export { add as default };
 //# sourceMappingURL=add.vue.js.map

package/dist/esm/page/index/dv/default/add.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, unref, reactive, watch, resolveComponent, openBlock, createBlock } from 'vue';
 import { useRouter } from 'vue-router';
 import { ElMessage } from 'element-plus';
-import { DataModelCache } from '@maketribe/dm';
+import { DataModelDefines } from '../../../../DataModelDefines.js';
 import { useCurrentTab } from '../../../../composables/use-current-tab.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -9,7 +9,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const router = useRouter();
     const dataForm = computed(() => {
-      const dataForm2 = DataModelCache.instance.getDataForm(
+      const dataForm2 = DataModelDefines.instance.getDataForm(
         unref(router.currentRoute).meta.name
       );
       return dataForm2 ? reactive(dataForm2) : null;

package/dist/esm/page/index/dv/default/add.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"add.vue2.js","sources":["../../../../../../src/page/index/dv/default/add.vue"],"sourcesContent":["<template>\n  <MKDataFormPage\n    :data-form=\"dataForm\"\n    @submitted=\"handleCancel\"\n    @cancel=\"handleCancel\"\n    @error=\"handleError\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, Ref, reactive } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage } from \"element-plus\";\nimport { DataForm, DataModelCache } from \"@maketribe/dm\";\nimport { useCurrentTab } from \"../../../../composables/use-current-tab\";\n\nconst router = useRouter();\n\nconst dataForm: Ref<DataForm | null> = computed(() => {\n  const dataForm = DataModelCache.instance.getDataForm(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n\nconst currentTab = useCurrentTab();\n\nconst handleError = (response: any) => {\n  ElMessage.error({ message: response.data.msg || \"网络异常\" });\n};\n\nconst handleCancel = async () => {\n  await router.push({ name: `${unref(router.currentRoute).meta.name}/list` });\n  currentTab!.close();\n};\n\nwatch(\n  dataForm,\n  (dataForm) => {\n    if (!dataForm) {\n      return;\n    }\n\n    unref(dataForm)?.addRecord();\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataForm"],"mappings":";;;;;;;;;AAgBA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,QAAA,GAAiC,SAAS,MAAM;AACpD,MAAMA,MAAAA,SAAAA,GAAW,eAAe,QAAS,CAAA,WAAA;AAAA,QACvC,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOA,OAAAA,SAAAA,GAAY,QAASA,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAA,SAAA,CAAU,MAAM,EAAE,OAAA,EAAS,SAAS,IAAK,CAAA,GAAA,IAAO,4BAAQ,CAAA,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,MAAO,CAAA,IAAA,CAAK,EAAE,IAAA,EAAM,CAAG,EAAA,KAAA,CAAM,MAAO,CAAA,YAAY,CAAE,CAAA,IAAA,CAAK,IAAI,CAAA,KAAA,CAAA,EAAS,CAAA,CAAA;AAC1E,MAAA,UAAA,CAAY,KAAM,EAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACA,SAAa,KAAA;AACZ,QAAA,IAAI,CAACA,SAAU,EAAA;AACb,UAAA,OAAA;AAAA,SACF;AAEA,QAAMA,KAAAA,CAAAA,SAAQ,GAAG,SAAU,EAAA,CAAA;AAAA,OAC7B;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"add.vue2.js","sources":["../../../../../../src/page/index/dv/default/add.vue"],"sourcesContent":["<template>\n  <MKDataFormPage\n    :data-form=\"dataForm\"\n    @submitted=\"handleCancel\"\n    @cancel=\"handleCancel\"\n    @error=\"handleError\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, Ref, reactive } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage } from \"element-plus\";\nimport { DataForm } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../DataModelDefines\";\nimport { useCurrentTab } from \"../../../../composables/use-current-tab\";\n\nconst router = useRouter();\n\nconst dataForm: Ref<DataForm | null> = computed(() => {\n  const dataForm = DataModelDefines.instance.getDataForm(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n\nconst currentTab = useCurrentTab();\n\nconst handleError = (response: any) => {\n  ElMessage.error({ message: response.data.msg || \"网络异常\" });\n};\n\nconst handleCancel = async () => {\n  await router.push({ name: `${unref(router.currentRoute).meta.name}/list` });\n  currentTab!.close();\n};\n\nwatch(\n  dataForm,\n  (dataForm) => {\n    if (!dataForm) {\n      return;\n    }\n\n    unref(dataForm)?.addRecord();\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataForm"],"mappings":";;;;;;;;;AAiBA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,QAAA,GAAiC,SAAS,MAAM;AACpD,MAAMA,MAAAA,SAAAA,GAAW,iBAAiB,QAAS,CAAA,WAAA;AAAA,QACzC,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOA,OAAAA,SAAAA,GAAY,QAASA,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAA,SAAA,CAAU,MAAM,EAAE,OAAA,EAAS,SAAS,IAAK,CAAA,GAAA,IAAO,4BAAQ,CAAA,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,MAAO,CAAA,IAAA,CAAK,EAAE,IAAA,EAAM,CAAG,EAAA,KAAA,CAAM,MAAO,CAAA,YAAY,CAAE,CAAA,IAAA,CAAK,IAAI,CAAA,KAAA,CAAA,EAAS,CAAA,CAAA;AAC1E,MAAA,UAAA,CAAY,KAAM,EAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACA,SAAa,KAAA;AACZ,QAAA,IAAI,CAACA,SAAU,EAAA;AACb,UAAA,OAAA;AAAA,SACF;AAEA,QAAMA,KAAAA,CAAAA,SAAQ,GAAG,SAAU,EAAA,CAAA;AAAA,OAC7B;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/edit.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from './edit.vue2.js';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
 
-var DefaultEditPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/edit.vue"]]);
+var edit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/edit.vue"]]);
 
-export { DefaultEditPage as default };
+export { edit as default };
 //# sourceMappingURL=edit.vue.js.map

package/dist/esm/page/index/dv/default/edit.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, unref, reactive, watch, resolveComponent, openBlock, createBlock } from 'vue';
 import { useRouter } from 'vue-router';
 import { ElMessage } from 'element-plus';
-import { DataModelCache } from '@maketribe/dm';
+import { DataModelDefines } from '../../../../DataModelDefines.js';
 import { useCurrentTab } from '../../../../composables/use-current-tab.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,7 +10,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const router = useRouter();
     const id = computed(() => unref(router.currentRoute).params.id);
     const dataForm = computed(() => {
-      const dataForm2 = DataModelCache.instance.getDataForm(
+      const dataForm2 = DataModelDefines.instance.getDataForm(
         unref(router.currentRoute).meta.name
       );
       return dataForm2 ? reactive(dataForm2) : null;

package/dist/esm/page/index/dv/default/edit.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"edit.vue2.js","sources":["../../../../../../src/page/index/dv/default/edit.vue"],"sourcesContent":["<template>\n  <MKDataFormPage\n    :data-form=\"dataForm\"\n    @submitted=\"handleCancel\"\n    @cancel=\"handleCancel\"\n    @error=\"handleError\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, Ref, reactive } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage } from \"element-plus\";\nimport { DataForm, DataModelCache } from \"@maketribe/dm\";\nimport { useCurrentTab } from \"../../../../composables/use-current-tab\";\n\nconst router = useRouter();\n\nconst id = computed(() => unref(router.currentRoute).params.id as string);\n\nconst dataForm: Ref<DataForm | null> = computed(() => {\n  const dataForm = DataModelCache.instance.getDataForm(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n\nconst currentTab = useCurrentTab();\n\nconst handleError = (response: any) => {\n  ElMessage.error({ message: response.data.msg || \"网络异常\" });\n};\n\nconst handleCancel = async () => {\n  await router.push({ name: `${unref(router.currentRoute).meta.name}/list` });\n  currentTab!.close();\n};\n\nwatch(\n  dataForm,\n  (dataForm) => {\n    if (!dataForm) {\n      return;\n    }\n\n    if (!unref(id)) {\n      return;\n    }\n\n    unref(dataForm)?.editRecord(unref(id));\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataForm"],"mappings":";;;;;;;;;AAgBA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,EAAA,GAAK,SAAS,MAAM,KAAA,CAAM,OAAO,YAAY,CAAA,CAAE,OAAO,EAAY,CAAA,CAAA;AAExE,IAAM,MAAA,QAAA,GAAiC,SAAS,MAAM;AACpD,MAAMA,MAAAA,SAAAA,GAAW,eAAe,QAAS,CAAA,WAAA;AAAA,QACvC,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOA,OAAAA,SAAAA,GAAY,QAASA,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAA,SAAA,CAAU,MAAM,EAAE,OAAA,EAAS,SAAS,IAAK,CAAA,GAAA,IAAO,4BAAQ,CAAA,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,MAAO,CAAA,IAAA,CAAK,EAAE,IAAA,EAAM,CAAG,EAAA,KAAA,CAAM,MAAO,CAAA,YAAY,CAAE,CAAA,IAAA,CAAK,IAAI,CAAA,KAAA,CAAA,EAAS,CAAA,CAAA;AAC1E,MAAA,UAAA,CAAY,KAAM,EAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACA,SAAa,KAAA;AACZ,QAAA,IAAI,CAACA,SAAU,EAAA;AACb,UAAA,OAAA;AAAA,SACF;AAEA,QAAI,IAAA,CAAC,KAAM,CAAA,EAAE,CAAG,EAAA;AACd,UAAA,OAAA;AAAA,SACF;AAEA,QAAA,KAAA,CAAMA,SAAQ,CAAA,EAAG,UAAW,CAAA,KAAA,CAAM,EAAE,CAAC,CAAA,CAAA;AAAA,OACvC;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"edit.vue2.js","sources":["../../../../../../src/page/index/dv/default/edit.vue"],"sourcesContent":["<template>\n  <MKDataFormPage\n    :data-form=\"dataForm\"\n    @submitted=\"handleCancel\"\n    @cancel=\"handleCancel\"\n    @error=\"handleError\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { unref, computed, watch, Ref, reactive } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElMessage } from \"element-plus\";\nimport { DataForm } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../DataModelDefines\";\nimport { useCurrentTab } from \"../../../../composables/use-current-tab\";\n\nconst router = useRouter();\n\nconst id = computed(() => unref(router.currentRoute).params.id as string);\n\nconst dataForm: Ref<DataForm | null> = computed(() => {\n  const dataForm = DataModelDefines.instance.getDataForm(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n\nconst currentTab = useCurrentTab();\n\nconst handleError = (response: any) => {\n  ElMessage.error({ message: response.data.msg || \"网络异常\" });\n};\n\nconst handleCancel = async () => {\n  await router.push({ name: `${unref(router.currentRoute).meta.name}/list` });\n  currentTab!.close();\n};\n\nwatch(\n  dataForm,\n  (dataForm) => {\n    if (!dataForm) {\n      return;\n    }\n\n    if (!unref(id)) {\n      return;\n    }\n\n    unref(dataForm)?.editRecord(unref(id));\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataForm"],"mappings":";;;;;;;;;AAiBA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,EAAA,GAAK,SAAS,MAAM,KAAA,CAAM,OAAO,YAAY,CAAA,CAAE,OAAO,EAAY,CAAA,CAAA;AAExE,IAAM,MAAA,QAAA,GAAiC,SAAS,MAAM;AACpD,MAAMA,MAAAA,SAAAA,GAAW,iBAAiB,QAAS,CAAA,WAAA;AAAA,QACzC,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOA,OAAAA,SAAAA,GAAY,QAASA,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAA,SAAA,CAAU,MAAM,EAAE,OAAA,EAAS,SAAS,IAAK,CAAA,GAAA,IAAO,4BAAQ,CAAA,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,MAAO,CAAA,IAAA,CAAK,EAAE,IAAA,EAAM,CAAG,EAAA,KAAA,CAAM,MAAO,CAAA,YAAY,CAAE,CAAA,IAAA,CAAK,IAAI,CAAA,KAAA,CAAA,EAAS,CAAA,CAAA;AAC1E,MAAA,UAAA,CAAY,KAAM,EAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACA,SAAa,KAAA;AACZ,QAAA,IAAI,CAACA,SAAU,EAAA;AACb,UAAA,OAAA;AAAA,SACF;AAEA,QAAI,IAAA,CAAC,KAAM,CAAA,EAAE,CAAG,EAAA;AACd,UAAA,OAAA;AAAA,SACF;AAEA,QAAA,KAAA,CAAMA,SAAQ,CAAA,EAAG,UAAW,CAAA,KAAA,CAAM,EAAE,CAAC,CAAA,CAAA;AAAA,OACvC;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/index.vue2.js

@@ -1,7 +1,8 @@
-import { defineComponent, computed, unref, reactive, watch, resolveComponent, openBlock, createBlock } from 'vue';
+import { defineComponent, computed, unref, reactive, watch, openBlock, createBlock } from 'vue';
 import { useRouter } from 'vue-router';
-import { Disposable } from '@maketribe/utils';
-import { DataTable, DataModelCache } from '@maketribe/dm';
+import { DataTable } from '@maketribe/dm';
+import { MKDataTablePage } from '@maketribe/dm-ui';
+import { DataModelDefines } from '../../../../DataModelDefines.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -12,7 +13,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const router = useRouter();
     const dataTable = computed(() => {
-      const dataTable2 = props.dataTable || DataModelCache.instance.getDataTable(
+      const dataTable2 = props.dataTable || DataModelDefines.instance.getDataTable(
         unref(router.currentRoute).meta.name
       );
       return dataTable2 ? reactive(dataTable2) : null;
@@ -20,32 +21,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       dataTable,
       (dataTable2, _, onCleanup) => {
-        if (!dataTable2) {
-          return;
-        }
-        const disposable = new Disposable();
-        disposable.register(
+        if (dataTable2) {
           dataTable2.addRecordEvent.on(() => {
             router.push({ name: `${unref(dataTable2).name}/add` });
-          })
-        );
-        disposable.register(
+          });
           dataTable2.editRecordEvent.on(({ item }) => {
             router.push({
               name: `${unref(dataTable2).name}/edit`,
               params: { id: item[unref(dataTable2)?.primaryKey] }
             });
-          })
-        );
+          });
+        }
         onCleanup(() => {
-          disposable.dispose();
+          dataTable2?.clearSelection();
+          dataTable2?.dispose();
         });
       },
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      const _component_MKDataTablePage = resolveComponent("MKDataTablePage");
-      return openBlock(), createBlock(_component_MKDataTablePage, { "data-table": dataTable.value }, null, 8, ["data-table"]);
+      return openBlock(), createBlock(unref(MKDataTablePage), {
+        "data-table": dataTable.value,
+        selection: ""
+      }, null, 8, ["data-table"]);
     };
   }
 });

package/dist/esm/page/index/dv/default/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/page/index/dv/default/index.vue"],"sourcesContent":["<template>\n  <MKDataTablePage :data-table=\"dataTable\" />\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, reactive, watch } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { Disposable } from \"@maketribe/utils\";\nimport { DataModelCache, DataTable } from \"@maketribe/dm\";\n\nconst router = useRouter();\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n});\n\nconst dataTable = computed(() => {\n  const dataTable =\n    props.dataTable ||\n    DataModelCache.instance.getDataTable(\n      unref(router.currentRoute).meta.name as string\n    );\n\n  return dataTable ? (reactive(dataTable) as DataTable) : null;\n});\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (!dataTable) {\n      return;\n    }\n\n    const disposable = new Disposable();\n\n    disposable.register(\n      dataTable.addRecordEvent.on(() => {\n        router.push({ name: `${unref(dataTable).name}/add` });\n      })\n    );\n\n    disposable.register(\n      dataTable.editRecordEvent.on(({ item }) => {\n        router.push({\n          name: `${unref(dataTable).name}/edit`,\n          params: { id: item[unref(dataTable)?.primaryKey as string] },\n        });\n      })\n    );\n\n    onCleanup(() => {\n      disposable.dispose();\n    });\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataTable"],"mappings":";;;;;;;;;;;;AASA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAMzB,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAMA,UACJ,GAAA,KAAA,CAAM,SACN,IAAA,cAAA,CAAe,QAAS,CAAA,YAAA;AAAA,QACtB,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEF,MAAOA,OAAAA,UAAAA,GAAa,QAASA,CAAAA,UAAS,CAAkB,GAAA,IAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,IAAA,KAAA;AAAA,MACE,SAAA;AAAA,MACA,CAACA,UAAW,EAAA,CAAA,EAAG,SAAc,KAAA;AAC3B,QAAA,IAAI,CAACA,UAAW,EAAA;AACd,UAAA,OAAA;AAAA,SACF;AAEA,QAAM,MAAA,UAAA,GAAa,IAAI,UAAW,EAAA,CAAA;AAElC,QAAW,UAAA,CAAA,QAAA;AAAA,UACTA,UAAAA,CAAU,cAAe,CAAA,EAAA,CAAG,MAAM;AAChC,YAAO,MAAA,CAAA,IAAA,CAAK,EAAE,IAAM,EAAA,CAAA,EAAG,MAAMA,UAAS,CAAA,CAAE,IAAI,CAAA,IAAA,CAAA,EAAQ,CAAA,CAAA;AAAA,WACrD,CAAA;AAAA,SACH,CAAA;AAEA,QAAW,UAAA,CAAA,QAAA;AAAA,UACTA,WAAU,eAAgB,CAAA,EAAA,CAAG,CAAC,EAAE,MAAW,KAAA;AACzC,YAAA,MAAA,CAAO,IAAK,CAAA;AAAA,cACV,IAAM,EAAA,CAAA,EAAG,KAAMA,CAAAA,UAAS,EAAE,IAAI,CAAA,KAAA,CAAA;AAAA,cAC9B,MAAA,EAAQ,EAAE,EAAI,EAAA,IAAA,CAAK,MAAMA,UAAS,CAAA,EAAG,UAAoB,CAAE,EAAA;AAAA,aAC5D,CAAA,CAAA;AAAA,WACF,CAAA;AAAA,SACH,CAAA;AAEA,QAAA,SAAA,CAAU,MAAM;AACd,UAAA,UAAA,CAAW,OAAQ,EAAA,CAAA;AAAA,SACpB,CAAA,CAAA;AAAA,OACH;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/page/index/dv/default/index.vue"],"sourcesContent":["<template>\n  <MKDataTablePage :data-table=\"dataTable\" selection />\n</template>\n<script setup lang=\"ts\">\nimport { unref, computed, reactive, watch } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { Disposable } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { MKDataTablePage } from \"@maketribe/dm-ui\";\nimport { DataModelDefines } from \"../../../../DataModelDefines\";\n\nconst router = useRouter();\n\nconst props = defineProps({\n  dataTable: { type: DataTable<any> },\n});\n\nconst dataTable = computed(() => {\n  const dataTable =\n    props.dataTable ||\n    DataModelDefines.instance.getDataTable(\n      unref(router.currentRoute).meta.name as string\n    );\n\n  return dataTable ? (reactive(dataTable) as DataTable) : null;\n});\n\nwatch(\n  dataTable,\n  (dataTable, _, onCleanup) => {\n    if (dataTable) {\n      dataTable.addRecordEvent.on(() => {\n        router.push({ name: `${unref(dataTable).name}/add` });\n      });\n\n      dataTable.editRecordEvent.on(({ item }) => {\n        router.push({\n          name: `${unref(dataTable).name}/edit`,\n          params: { id: item[unref(dataTable)?.primaryKey as string] },\n        });\n      });\n    }\n\n    onCleanup(() => {\n      dataTable?.clearSelection();\n      dataTable?.dispose();\n    });\n  },\n  { immediate: true }\n);\n</script>\n"],"names":["dataTable"],"mappings":";;;;;;;;;;;;;AAWA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAMzB,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAMA,UACJ,GAAA,KAAA,CAAM,SACN,IAAA,gBAAA,CAAiB,QAAS,CAAA,YAAA;AAAA,QACxB,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEF,MAAOA,OAAAA,UAAAA,GAAa,QAASA,CAAAA,UAAS,CAAkB,GAAA,IAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,IAAA,KAAA;AAAA,MACE,SAAA;AAAA,MACA,CAACA,UAAW,EAAA,CAAA,EAAG,SAAc,KAAA;AAC3B,QAAA,IAAIA,UAAW,EAAA;AACb,UAAAA,UAAAA,CAAU,cAAe,CAAA,EAAA,CAAG,MAAM;AAChC,YAAO,MAAA,CAAA,IAAA,CAAK,EAAE,IAAM,EAAA,CAAA,EAAG,MAAMA,UAAS,CAAA,CAAE,IAAI,CAAA,IAAA,CAAA,EAAQ,CAAA,CAAA;AAAA,WACrD,CAAA,CAAA;AAED,UAAAA,WAAU,eAAgB,CAAA,EAAA,CAAG,CAAC,EAAE,MAAW,KAAA;AACzC,YAAA,MAAA,CAAO,IAAK,CAAA;AAAA,cACV,IAAM,EAAA,CAAA,EAAG,KAAMA,CAAAA,UAAS,EAAE,IAAI,CAAA,KAAA,CAAA;AAAA,cAC9B,MAAA,EAAQ,EAAE,EAAI,EAAA,IAAA,CAAK,MAAMA,UAAS,CAAA,EAAG,UAAoB,CAAE,EAAA;AAAA,aAC5D,CAAA,CAAA;AAAA,WACF,CAAA,CAAA;AAAA,SACH;AAEA,QAAA,SAAA,CAAU,MAAM;AACd,UAAAA,YAAW,cAAe,EAAA,CAAA;AAC1B,UAAAA,YAAW,OAAQ,EAAA,CAAA;AAAA,SACpB,CAAA,CAAA;AAAA,OACH;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/default/tree.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from './tree.vue2.js';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
 
-var DefaultTreePage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/tree.vue"]]);
+var tree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/tree.vue"]]);
 
-export { DefaultTreePage as default };
+export { tree as default };
 //# sourceMappingURL=tree.vue.js.map

package/dist/esm/page/index/dv/default/tree.vue2.js

@@ -1,19 +1,19 @@
 import { defineComponent, computed, unref, reactive, resolveComponent, openBlock, createBlock } from 'vue';
 import { useRouter } from 'vue-router';
-import { DataModelCache } from '@maketribe/dm';
+import { DataModelDefines } from '../../../../DataModelDefines.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tree",
   setup(__props) {
     const router = useRouter();
     const dataTable = computed(() => {
-      const dataTable2 = DataModelCache.instance.getDataTable(
+      const dataTable2 = DataModelDefines.instance.getDataTable(
         unref(router.currentRoute).meta.name
       );
       return dataTable2 ? reactive(dataTable2) : null;
     });
     const dataForm = computed(() => {
-      const dataForm2 = DataModelCache.instance.getDataForm(
+      const dataForm2 = DataModelDefines.instance.getDataForm(
         unref(router.currentRoute).meta.name
       );
       return dataForm2 ? reactive(dataForm2) : null;

package/dist/esm/page/index/dv/default/tree.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.vue2.js","sources":["../../../../../../src/page/index/dv/default/tree.vue"],"sourcesContent":["<template>\n  <MKDataTreePage\n    :data-table=\"dataTable\"\n    :data-form=\"dataForm\"\n    :props=\"{ label: 'name', children: 'children' }\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, unref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataModelCache, DataTable } from \"@maketribe/dm\";\n\nconst router = useRouter();\n\nconst dataTable = computed(() => {\n  const dataTable = DataModelCache.instance.getDataTable(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataTable ? (reactive(dataTable) as DataTable) : null;\n});\n\nconst dataForm = computed(() => {\n  const dataForm = DataModelCache.instance.getDataForm(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n</script>\n"],"names":["dataTable","dataForm"],"mappings":";;;;;;;AAaA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAMA,MAAAA,UAAAA,GAAY,eAAe,QAAS,CAAA,YAAA;AAAA,QACxC,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOA,OAAAA,UAAAA,GAAa,QAASA,CAAAA,UAAS,CAAkB,GAAA,IAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAMC,MAAAA,SAAAA,GAAW,eAAe,QAAS,CAAA,WAAA;AAAA,QACvC,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOA,OAAAA,SAAAA,GAAY,QAASA,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"tree.vue2.js","sources":["../../../../../../src/page/index/dv/default/tree.vue"],"sourcesContent":["<template>\n  <MKDataTreePage\n    :data-table=\"dataTable\"\n    :data-form=\"dataForm\"\n    :props=\"{ label: 'name', children: 'children' }\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, unref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { DataForm, DataTable } from \"@maketribe/dm\";\nimport { DataModelDefines } from \"../../../../DataModelDefines\";\n\nconst router = useRouter();\n\nconst dataTable = computed(() => {\n  const dataTable = DataModelDefines.instance.getDataTable(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataTable ? (reactive(dataTable) as DataTable) : null;\n});\n\nconst dataForm = computed(() => {\n  const dataForm = DataModelDefines.instance.getDataForm(\n    unref(router.currentRoute).meta.name as string\n  );\n\n  return dataForm ? (reactive(dataForm) as DataForm) : null;\n});\n</script>\n"],"names":["dataTable","dataForm"],"mappings":";;;;;;;AAcA,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAMA,MAAAA,UAAAA,GAAY,iBAAiB,QAAS,CAAA,YAAA;AAAA,QAC1C,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOA,OAAAA,UAAAA,GAAa,QAASA,CAAAA,UAAS,CAAkB,GAAA,IAAA,CAAA;AAAA,KACzD,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAMC,MAAAA,SAAAA,GAAW,iBAAiB,QAAS,CAAA,WAAA;AAAA,QACzC,KAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOA,OAAAA,SAAAA,GAAY,QAASA,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/ms-member/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from './index.vue2.js';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
 
-var MemberListPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/ms-member/index.vue"]]);
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/ms-member/index.vue"]]);
 
-export { MemberListPage as default };
+export { index as default };
 //# sourceMappingURL=index.vue.js.map

package/dist/esm/page/index/dv/ms-member/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, reactive, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode } from 'vue';
 import { ElDialog, ElButton } from 'element-plus';
-import { DataModelCache } from '@maketribe/dm';
+import { DataModelDefines } from '../../../../DataModelDefines.js';
 import DefaultListPage from '../default/index.vue.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -8,7 +8,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const isShowActiveMemberForm = ref(false);
     const memberTable = reactive(
-      DataModelCache.instance.getDataTable("ms-member")
+      DataModelDefines.instance.getDataTable("ms-member")
     );
     const activeMemberForm = computed(() => memberTable.activeMemberForm);
     memberTable.activeMemberEvent.on(async (member) => {

package/dist/esm/page/index/dv/ms-member/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/page/index/dv/ms-member/index.vue"],"sourcesContent":["<template>\n  <DefaultListPage :data-table=\"memberTable\" />\n\n  <ElDialog v-model=\"isShowActiveMemberForm\" class=\"dialogClass\">\n    <MKDataForm :data-form=\"activeMemberForm\" />\n    <template #footer>\n      <ElButton @click=\"handleActiveMemberConfirm\" type=\"primary\">\n        确定\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, ref } from \"vue\";\nimport { ElButton, ElDialog } from \"element-plus\";\nimport { DataModelCache } from \"@maketribe/dm\";\nimport DefaultListPage from \"../default/index.vue\";\nimport { MemberTable } from \"../../../../dataview\";\n\nconst isShowActiveMemberForm = ref(false);\n\nconst memberTable = reactive(\n  DataModelCache.instance.getDataTable(\"ms-member\")!\n) as MemberTable;\nconst activeMemberForm = computed(() => memberTable.activeMemberForm);\n\nmemberTable.activeMemberEvent.on(async (member) => {\n  memberTable.activeMemberForm.getLoadingManager().startLoading();\n  await memberTable.activeMemberForm.editRecord(member.id);\n  memberTable.activeMemberForm.getLoadingManager().completeLoading();\n  isShowActiveMemberForm.value = true;\n});\n\nconst handleActiveMemberConfirm = async () => {\n  memberTable.approveMember();\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;AAoBA,IAAM,MAAA,sBAAA,GAAyB,IAAI,KAAK,CAAA,CAAA;AAExC,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,cAAA,CAAe,QAAS,CAAA,YAAA,CAAa,WAAW,CAAA;AAAA,KAClD,CAAA;AACA,IAAA,MAAM,gBAAmB,GAAA,QAAA,CAAS,MAAM,WAAA,CAAY,gBAAgB,CAAA,CAAA;AAEpE,IAAY,WAAA,CAAA,iBAAA,CAAkB,EAAG,CAAA,OAAO,MAAW,KAAA;AACjD,MAAY,WAAA,CAAA,gBAAA,CAAiB,iBAAkB,EAAA,CAAE,YAAa,EAAA,CAAA;AAC9D,MAAA,MAAM,WAAY,CAAA,gBAAA,CAAiB,UAAW,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AACvD,MAAY,WAAA,CAAA,gBAAA,CAAiB,iBAAkB,EAAA,CAAE,eAAgB,EAAA,CAAA;AACjE,MAAA,sBAAA,CAAuB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChC,CAAA,CAAA;AAED,IAAA,MAAM,4BAA4B,YAAY;AAC5C,MAAA,WAAA,CAAY,aAAc,EAAA,CAAA;AAAA,KAC5B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/page/index/dv/ms-member/index.vue"],"sourcesContent":["<template>\n  <DefaultListPage :data-table=\"memberTable\" />\n\n  <ElDialog v-model=\"isShowActiveMemberForm\" class=\"dialogClass\">\n    <MKDataForm :data-form=\"activeMemberForm\" />\n    <template #footer>\n      <ElButton @click=\"handleActiveMemberConfirm\" type=\"primary\">\n        确定\n      </ElButton>\n    </template>\n  </ElDialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive, ref } from \"vue\";\nimport { ElButton, ElDialog } from \"element-plus\";\nimport { DataModelDefines } from \"../../../../DataModelDefines\";\nimport DefaultListPage from \"../default/index.vue\";\nimport { MemberTable } from \"../../../../dataview\";\n\nconst isShowActiveMemberForm = ref(false);\n\nconst memberTable = reactive(\n  DataModelDefines.instance.getDataTable(\"ms-member\")!\n) as MemberTable;\nconst activeMemberForm = computed(() => memberTable.activeMemberForm);\n\nmemberTable.activeMemberEvent.on(async (member) => {\n  memberTable.activeMemberForm.getLoadingManager().startLoading();\n  await memberTable.activeMemberForm.editRecord(member.id);\n  memberTable.activeMemberForm.getLoadingManager().completeLoading();\n  isShowActiveMemberForm.value = true;\n});\n\nconst handleActiveMemberConfirm = async () => {\n  memberTable.approveMember();\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;AAoBA,IAAM,MAAA,sBAAA,GAAyB,IAAI,KAAK,CAAA,CAAA;AAExC,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,gBAAA,CAAiB,QAAS,CAAA,YAAA,CAAa,WAAW,CAAA;AAAA,KACpD,CAAA;AACA,IAAA,MAAM,gBAAmB,GAAA,QAAA,CAAS,MAAM,WAAA,CAAY,gBAAgB,CAAA,CAAA;AAEpE,IAAY,WAAA,CAAA,iBAAA,CAAkB,EAAG,CAAA,OAAO,MAAW,KAAA;AACjD,MAAY,WAAA,CAAA,gBAAA,CAAiB,iBAAkB,EAAA,CAAE,YAAa,EAAA,CAAA;AAC9D,MAAA,MAAM,WAAY,CAAA,gBAAA,CAAiB,UAAW,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AACvD,MAAY,WAAA,CAAA,gBAAA,CAAiB,iBAAkB,EAAA,CAAE,eAAgB,EAAA,CAAA;AACjE,MAAA,sBAAA,CAAuB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChC,CAAA,CAAA;AAED,IAAA,MAAM,4BAA4B,YAAY;AAC5C,MAAA,WAAA,CAAY,aAAc,EAAA,CAAA;AAAA,KAC5B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/index/dv/ms-role/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from './index.vue2.js';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
 
-var RoleListPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/ms-role/index.vue"]]);
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/ms-role/index.vue"]]);
 
-export { RoleListPage as default };
+export { index as default };
 //# sourceMappingURL=index.vue.js.map