@maketribe/ms-app 3.0.0 → 3.0.3

package/dist/cjs/layouts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/layouts/manager-system/components/header/nav/nav.js

@@ -34,16 +34,12 @@ var HeaderNav = /* @__PURE__ */ vue.defineComponent({
         }
       }
     ];
-    const isCollapse = vue.computed({
-      get: () => userSession.menu.isCollapsed,
-      set: (v) => userSession.menu.isCollapsed = v
-    });
-    const handleToggleMenu = () => {
-      isCollapse.value = !isCollapse.value;
-    };
     const handleCommand = (command) => {
       command.callback();
     };
+    const handleMenuClick = () => {
+      userSession.menu.isVisible = true;
+    };
     return () => {
       const _userInfo = vue.unref(userInfo);
       const userDropdown = _userInfo ? vue.createVNode(elementPlus.ElDropdown, {
@@ -67,19 +63,15 @@ var HeaderNav = /* @__PURE__ */ vue.defineComponent({
           return vue.createVNode(vue.Fragment, null, [items]);
         }
       }) : null;
-      const asideFolld = vue.unref(isCollapse) ? vue.createVNode(dmUi.MKSvgIcon, {
-        "iconClass": "Expand"
-      }, null) : vue.createVNode(dmUi.MKSvgIcon, {
-        "iconClass": "Fold"
-      }, null);
       return vue.createVNode("div", {
         "class": "mk-header-nav"
       }, [vue.createVNode("div", {
         "class": "mk-header-nav__main"
-      }, [vue.createVNode("span", {
-        "class": "mk-header-nav__aside-fold",
-        "onClick": handleToggleMenu
-      }, [asideFolld]), vue.createVNode(index.MKHeaderBreadcrumb, null, null)]), vue.createVNode("div", {
+      }, [vue.createVNode(dmUi.MKSvgIcon, {
+        "class": "mk-header-nav__menu",
+        "iconClass": "xitongcaidan",
+        "onClick": handleMenuClick
+      }, null), vue.createVNode(index.MKHeaderBreadcrumb, null, null)]), vue.createVNode("div", {
         "class": "mk-header-nav__tools"
       }, [vue.createVNode(index$1.MKHeaderTools, null, null), userDropdown])]);
     };

package/dist/cjs/layouts/manager-system/components/header/nav/nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav.js","sources":["../../../../../../../src/layouts/manager-system/components/header/nav/nav.tsx"],"sourcesContent":["import { ElDropdown, ElDropdownItem } from \"element-plus\";\nimport { MKSvgIcon } from \"@maketribe/dm-ui\";\nimport { Fragment, computed, defineComponent, unref } from \"vue\";\nimport { MKHeaderTools } from \"../tools\";\nimport { MKHeaderBreadcrumb } from \"../breadcrumb\";\nimport { useRouter } from \"vue-router\";\nimport { MSAppClient } from \"../../../../../MSAppClient\";\n\ntype UserDropdownItem = { title: string; icon: string; callback: () => any };\n\nexport default defineComponent({\n  name: \"MKHeaderNav\",\n  setup() {\n    const vueRouter = useRouter();\n\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n\n    const userInfo = computed(() => userSession.userInfo);\n\n    const dropdownItems: UserDropdownItem[] = [\n      // {\n      //   title: \"个人中心\",\n      //   icon: \"User\",\n      //   callback: () => {\n      //     vueRouter.push({ name: \"profile\" });\n      //   },\n      // },\n      {\n        title: \"退出登陆\",\n        icon: \"SwitchButton\",\n        callback: () => {\n          msAppClient.logout();\n          vueRouter.push({ name: \"login\" });\n        },\n      },\n    ];\n\n    const isCollapse = computed({\n      get: () => userSession.menu.isCollapsed,\n      set: (v) => (userSession.menu.isCollapsed = v),\n    });\n\n    const handleToggleMenu = () => {\n      isCollapse.value = !isCollapse.value;\n    };\n\n    const handleCommand = (command: UserDropdownItem) => {\n      command.callback();\n    };\n\n    return () => {\n      const _userInfo = unref(userInfo);\n\n      const userDropdown = _userInfo ? (\n        <ElDropdown\n          class=\"mk-header-nav__user\"\n          onCommand={handleCommand}\n          v-slots={{\n            dropdown: () => {\n              const items = dropdownItems.map((item) => (\n                <ElDropdownItem command={item}>\n                  <MKSvgIcon iconClass={item.icon} /> {item.title}\n                </ElDropdownItem>\n              ));\n\n              return <Fragment>{items}</Fragment>;\n            },\n          }}\n        >\n          <span class=\"mk-header-nav__user-info\">\n            {_userInfo.nickName}\n            <MKSvgIcon class=\"mk-header-nav__arrow\" iconClass=\"ArrowDownBold\" />\n          </span>\n        </ElDropdown>\n      ) : null;\n\n      const asideFolld = unref(isCollapse) ? (\n        <MKSvgIcon iconClass=\"Expand\" />\n      ) : (\n        <MKSvgIcon iconClass=\"Fold\" />\n      );\n\n      return (\n        <div class=\"mk-header-nav\">\n          <div class=\"mk-header-nav__main\">\n            <span class=\"mk-header-nav__aside-fold\" onClick={handleToggleMenu}>\n              {asideFolld}\n            </span>\n            <MKHeaderBreadcrumb />\n          </div>\n          <div class=\"mk-header-nav__tools\">\n            <MKHeaderTools />\n            {userDropdown}\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","vueRouter","useRouter","msAppClient","MSAppClient","instance","userSession","userInfo","computed","dropdownItems","title","icon","callback","logout","push","isCollapse","get","menu","isCollapsed","set","v","handleToggleMenu","value","handleCommand","command","_userInfo","unref","userDropdown","_createVNode","ElDropdown","default","nickName","MKSvgIcon","dropdown","items","map","item","ElDropdownItem","_createTextVNode","_Fragment","asideFolld","MKHeaderBreadcrumb","MKHeaderTools"],"mappings":"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"}
+{"version":3,"file":"nav.js","sources":["../../../../../../../src/layouts/manager-system/components/header/nav/nav.tsx"],"sourcesContent":["import { ElDropdown, ElDropdownItem } from \"element-plus\";\nimport { MKSvgIcon } from \"@maketribe/dm-ui\";\nimport { Fragment, computed, defineComponent, unref } from \"vue\";\nimport { MKHeaderTools } from \"../tools\";\nimport { MKHeaderBreadcrumb } from \"../breadcrumb\";\nimport { useRouter } from \"vue-router\";\nimport { MSAppClient } from \"../../../../../MSAppClient\";\n\ntype UserDropdownItem = { title: string; icon: string; callback: () => any };\n\nexport default defineComponent({\n  name: \"MKHeaderNav\",\n  setup() {\n    const vueRouter = useRouter();\n\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n\n    const userInfo = computed(() => userSession.userInfo);\n\n    const dropdownItems: UserDropdownItem[] = [\n      // {\n      //   title: \"个人中心\",\n      //   icon: \"User\",\n      //   callback: () => {\n      //     vueRouter.push({ name: \"profile\" });\n      //   },\n      // },\n      {\n        title: \"退出登陆\",\n        icon: \"SwitchButton\",\n        callback: () => {\n          msAppClient.logout();\n          vueRouter.push({ name: \"login\" });\n        },\n      },\n    ];\n\n    const handleCommand = (command: UserDropdownItem) => {\n      command.callback();\n    };\n\n    const handleMenuClick = () => {\n      userSession.menu.isVisible = true;\n    };\n\n    return () => {\n      const _userInfo = unref(userInfo);\n\n      const userDropdown = _userInfo ? (\n        <ElDropdown\n          class=\"mk-header-nav__user\"\n          onCommand={handleCommand}\n          v-slots={{\n            dropdown: () => {\n              const items = dropdownItems.map((item) => (\n                <ElDropdownItem command={item}>\n                  <MKSvgIcon iconClass={item.icon} /> {item.title}\n                </ElDropdownItem>\n              ));\n\n              return <Fragment>{items}</Fragment>;\n            },\n          }}\n        >\n          <span class=\"mk-header-nav__user-info\">\n            {_userInfo.nickName}\n            <MKSvgIcon class=\"mk-header-nav__arrow\" iconClass=\"ArrowDownBold\" />\n          </span>\n        </ElDropdown>\n      ) : null;\n\n      return (\n        <div class=\"mk-header-nav\">\n          <div class=\"mk-header-nav__main\">\n            <MKSvgIcon\n              class=\"mk-header-nav__menu\"\n              iconClass=\"xitongcaidan\"\n              onClick={handleMenuClick}\n            />\n            <MKHeaderBreadcrumb />\n          </div>\n          <div class=\"mk-header-nav__tools\">\n            <MKHeaderTools />\n            {userDropdown}\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","vueRouter","useRouter","msAppClient","MSAppClient","instance","userSession","userInfo","computed","dropdownItems","title","icon","callback","logout","push","handleCommand","command","handleMenuClick","menu","isVisible","_userInfo","unref","userDropdown","_createVNode","ElDropdown","default","nickName","MKSvgIcon","dropdown","items","map","item","ElDropdownItem","_createTextVNode","_Fragment","MKHeaderBreadcrumb","MKHeaderTools"],"mappings":";;;;;;;;;;AAUA,gCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,aAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,MAAMC,cAAYC,mBAAU,EAAA,CAAA;AAE5B,IAAA,MAAMC,cAAcC,uBAAYC,CAAAA,QAAAA,CAAAA;AAChC,IAAA,MAAMC,cAAcH,WAAYG,CAAAA,WAAAA,CAAAA;AAEhC,IAAA,MAAMC,QAAWC,GAAAA,YAAAA,CAAS,MAAMF,WAAAA,CAAYC,QAAQ,CAAA,CAAA;AAEpD,IAAA,MAAME,aAAoC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQxC;AAAA,QACEC,KAAO,EAAA,0BAAA;AAAA,QACPC,IAAM,EAAA,cAAA;AAAA,QACNC,UAAUA,MAAM;AACdT,UAAAA,WAAAA,CAAYU,MAAO,EAAA,CAAA;AACnBZ,UAAAA,WAAAA,CAAUa,IAAK,CAAA;AAAA,YAAEf,IAAM,EAAA,OAAA;AAAA,WAAS,CAAA,CAAA;AAAA,SAClC;AAAA,OACF;AAAA,KAAC,CAAA;AAGH,IAAA,MAAMgB,gBAAiBC,CAA8B,OAAA,KAAA;AACnDA,MAAAA,OAAAA,CAAQJ,QAAS,EAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAMK,kBAAkBA,MAAM;AAC5BX,MAAAA,WAAAA,CAAYY,KAAKC,SAAY,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,SAAAA,GAAYC,UAAMd,QAAQ,CAAA,CAAA;AAEhC,MAAMe,MAAAA,YAAAA,GAAeF,SAASG,GAAAA,eAAAA,CAAAC,sBAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,QAAA,WAGfT,EAAAA,aAAAA;AAAAA,OAAa,EAAA;AAAA,QAAAU,OAAAA,EAAAA,MAAA,CAAAF,eAAAA,CAAA,MAAA,EAAA;AAAA,UAAA,OAAA,EAAA,0BAAA;AAAA,SAAA,EAAA,CAcrBH,SAAUM,CAAAA,QAAAA,EAAQH,gBAAAI,cAAA,EAAA;AAAA,UAAA,OAAA,EAAA,sBAAA;AAAA,UAAA,WAAA,EAAA,eAAA;AAAA,SAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAZnBC,UAAUA,MAAM;AACd,UAAA,MAAMC,KAAQpB,GAAAA,aAAAA,CAAcqB,GAAKC,CAAAA,CAAAA,IAAAA,KAAIR,gBAAAS,0BAAA,EAAA;AAAA,YAAA,SACVD,EAAAA,IAAAA;AAAAA,WAAI,EAAA;AAAA,YAAAN,OAAAA,EAAAA,MAAAF,CAAAA,eAAAA,CAAAI,cAAA,EAAA;AAAA,cAAA,aACLI,IAAKpB,CAAAA,IAAAA;AAAAA,eAAI,IAAA,CAAA,EAAAsB,oBAAA,GAAA,CAAA,EAAMF,KAAKrB,KAAK,CAAA;AAAA,WAAA,CAElD,CAAA,CAAA;AAED,UAAA,OAAAa,eAAAW,CAAAA,YAAAA,EAAA,IAAA,EAAA,CAAkBL,KAAK,CAAA,CAAA,CAAA;AAAA,SACzB;AAAA,OAAC,CAQH,GAAA,IAAA,CAAA;AAEJ,MAAA,OAAAN,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,eAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAI,cAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,QAAA,WAAA,EAAA,cAAA;AAAA,QAAA,SAMiBV,EAAAA,eAAAA;AAAAA,OAAe,EAAA,IAAA,CAAA,EAAAM,eAAAY,CAAAA,wBAAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA,CAAAZ,EAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,sBAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAAa,qBAAA,EAAA,IAAA,EAAA,IAAA,CAMzBd,EAAAA,YAAY,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAIrB,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,2 @@
+export declare const MKMenu: 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 MKMenu;

package/dist/cjs/layouts/manager-system/components/menu/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var menu = require('./menu.js');
+
+const MKMenu = menu;
+
+exports.MKMenu = MKMenu;
+exports.default = MKMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/layouts/manager-system/components/menu/index.ts"],"sourcesContent":["import Menu from \"./menu\";\n\nexport const MKMenu = Menu;\n\nexport default MKMenu;\n"],"names":["Menu"],"mappings":";;;;;;AAEO,MAAM,MAAS,GAAAA;;;;;"}

package/dist/cjs/layouts/manager-system/components/menu/logo.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/cjs/layouts/manager-system/components/menu/logo.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var MSAppClient = require('../../../../MSAppClient.js');
+
+var MKLogo = /* @__PURE__ */ vue.defineComponent({
+  name: "MKLogo",
+  setup() {
+    const msAppClient = MSAppClient.MSAppClient.instance;
+    const logo = vue.computed(() => msAppClient.logo);
+    const projectName = vue.computed(() => msAppClient.projectName);
+    return () => {
+      return vue.createVNode("div", {
+        "class": "mk-logo"
+      }, [vue.createVNode("div", {
+        "class": "mk-logo__logo",
+        "style": {
+          backgroundImage: `url(${vue.unref(logo)})`
+        }
+      }, [vue.unref(projectName)]), vue.createVNode(elementPlus.ElTooltip, {
+        "content": vue.unref(projectName)
+      }, {
+        default: () => [vue.createVNode("span", null, [vue.unref(projectName)])]
+      })]);
+    };
+  }
+});
+
+module.exports = MKLogo;
+//# sourceMappingURL=logo.js.map

package/dist/cjs/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":["defineComponent","name","setup","msAppClient","MSAppClient","instance","logo","computed","projectName","_createVNode","backgroundImage","unref","ElTooltip","default"],"mappings":";;;;;;AAIA,6BAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,QAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,MAAMC,cAAcC,uBAAYC,CAAAA,QAAAA,CAAAA;AAEhC,IAAA,MAAMC,IAAOC,GAAAA,YAAAA,CAAS,MAAMJ,WAAAA,CAAYG,IAAI,CAAA,CAAA;AAC5C,IAAA,MAAME,WAAcD,GAAAA,YAAAA,CAAS,MAAMJ,WAAAA,CAAYK,WAAW,CAAA,CAAA;AAE1D,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,SAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,eAAA;AAAA,QAAA,OAIa,EAAA;AAAA,UAAEC,eAAkB,EAAA,CAAA,IAAA,EAAMC,SAAML,CAAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,SAAG;AAAA,OAAC,EAAA,CAEhDK,SAAMH,CAAAA,WAAW,CAAC,CAAAC,CAAAA,EAAAA,gBAAAG,qBAAA,EAAA;AAAA,QAAA,SAAA,EAEDD,UAAMH,WAAW,CAAA;AAAA,OAAC,EAAA;AAAA,QAAAK,OAAAA,EAAAA,MAAAJ,CAAAA,+BAC7BE,SAAMH,CAAAA,WAAW,CAAC,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAIjC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/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/cjs/layouts/manager-system/components/menu/menu.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var dmUi = require('@maketribe/dm-ui');
+var MSAppClient = require('../../../../MSAppClient.js');
+require('@maketribe/utils');
+var MenuNode = require('../../../../menu/MenuNode.js');
+var logo = require('./logo.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const MKMenuItem = /* @__PURE__ */ vue.defineComponent({
+  name: "MKMenuItem",
+  props: {
+    menuItem: {
+      type: MenuNode.MenuNode,
+      required: true
+    }
+  },
+  setup(props) {
+    return () => {
+      const menuItem = props.menuItem;
+      if (menuItem.children.length) {
+        const childrenMenuItems = menuItem.children.map((childMenuItem) => vue.createVNode(MKMenuItem, {
+          "menuItem": childMenuItem,
+          "key": childMenuItem.id
+        }, null));
+        return vue.createVNode(elementPlus.ElSubMenu, {
+          "index": menuItem.id,
+          "popperClass": "mk-menu__popper"
+        }, {
+          default: () => [childrenMenuItems],
+          title: () => vue.createVNode(vue.Fragment, null, [vue.createVNode(dmUi.MKSvgIcon, {
+            "iconClass": menuItem.iconName
+          }, null), vue.createVNode("span", null, [menuItem.title])])
+        });
+      }
+      return vue.createVNode(elementPlus.ElMenuItem, {
+        "index": menuItem.id
+      }, {
+        default: () => [vue.createVNode(dmUi.MKSvgIcon, {
+          "iconClass": menuItem.iconName
+        }, null), vue.createVNode("span", null, [menuItem.title])]
+      });
+    };
+  }
+});
+var Menu = /* @__PURE__ */ vue.defineComponent({
+  name: "MKMenu",
+  setup() {
+    const userSession = MSAppClient.MSAppClient.instance.userSession;
+    const menu = userSession.menu;
+    const router = userSession.router;
+    const currentMenuID = vue.ref(menu.getCurrentMenuNode()?.id ?? "");
+    const isCollapsed = vue.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) => vue.createVNode(MKMenuItem, {
+        "menuItem": menuItem,
+        "key": menuItem.id
+      }, null));
+      const asideFold = vue.unref(isCollapsed) ? vue.createVNode(dmUi.MKSvgIcon, {
+        "iconClass": "Expand"
+      }, null) : vue.createVNode(dmUi.MKSvgIcon, {
+        "iconClass": "Fold"
+      }, null);
+      return vue.createVNode("div", {
+        "class": ["mk-menu", vue.unref(isCollapsed) ? "mk-menu--collapse" : ""]
+      }, [vue.createVNode(logo, null, null), vue.createVNode(elementPlus.ElMenu, {
+        "collapse": vue.unref(isCollapsed),
+        "collapseTransition": false,
+        "defaultActive": vue.unref(currentMenuID),
+        "onSelect": handleSelect,
+        "uniqueOpened": true
+      }, _isSlot(menuItems) ? menuItems : {
+        default: () => [menuItems]
+      }), vue.createVNode("div", {
+        "class": "mk-menu__footer"
+      }, [vue.createVNode(elementPlus.ElButton, {
+        "text": true,
+        "onClick": handleCollapse
+      }, _isSlot(asideFold) ? asideFold : {
+        default: () => [asideFold]
+      })])]);
+    };
+  }
+});
+
+module.exports = Menu;
+//# sourceMappingURL=menu.js.map

package/dist/cjs/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","defineComponent","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/cjs/layouts/manager-system/manager-system.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var vue = require('vue');
+var utils = require('@maketribe/utils');
 var index = require('../../components/system-provider/index.js');
 require('../../components/material-list/index.js');
 require('../../components/material-select/index.js');
@@ -9,27 +10,76 @@ require('../../components/menu-permission-table/index.js');
 require('../../components/image-select/index.js');
 require('../../components/verify-dialog/index.js');
 require('../../components/member-table/index.js');
-var index$1 = require('./components/aside/index.js');
+var index$1 = require('./components/menu/index.js');
 var index$2 = require('./components/header/index.js');
+var MSAppClient = require('../../MSAppClient.js');
+var index$3 = require('../common/lock/index.js');
 
 var ManagerSystem = /* @__PURE__ */ vue.defineComponent({
   name: "MKManagerSystem",
   setup(props, {
     slots
   }) {
+    const userSession = MSAppClient.MSAppClient.instance.userSession;
+    const isVisible = vue.computed(() => userSession.menu.isVisible);
+    vue.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(utils.createDisposable(() => {
+        window.removeEventListener("resize", handleResize);
+      }));
+    });
+    const handleMaskClick = () => {
+      userSession.menu.isVisible = false;
+    };
     return () => {
+      const mask = vue.unref(isVisible) ? vue.createVNode("div", {
+        "class": "mk-manager-system__mask mk-overlay",
+        "onClick": handleMaskClick
+      }, null) : null;
       return vue.createVNode(index.MKSystemProvider, null, {
         default: () => [vue.createVNode("div", {
-          "class": "mk-manager-system"
-        }, [vue.createVNode("div", {
+          "class": ["mk-manager-system", `mk-manager-system__bar--${vue.unref(isVisible) ? "visible" : "hidden"}`]
+        }, [mask, vue.createVNode("div", {
           "class": "mk-manager-system__aside"
-        }, [vue.createVNode(index$1.MKAside, null, null)]), vue.createVNode("div", {
+        }, [vue.createVNode(index$1.MKMenu, null, null)]), vue.createVNode("div", {
           "class": "mk-manager-system__main"
         }, [vue.createVNode(index$2.MKHeader, {
           "class": "mk-manager-system__header"
         }, null), vue.createVNode("div", {
           "class": "mk-manager-system__content"
-        }, [slots.default?.()])])])]
+        }, [slots.default?.()])]), vue.createVNode(index$3.MKLock, null, null)])]
       });
     };
   }

package/dist/cjs/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":["defineComponent","name","setup","props","slots","_createVNode","MKSystemProvider","default","MKAside","MKHeader"],"mappings":";;;;;;;;;;;;;;AAKA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,MAAMC,KAAO,EAAA;AAAA,IAAEC,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,OAAO,MAAM;AACX,MAAAC,OAAAA,eAAAA,CAAAC,wBAAA,IAAA,EAAA;AAAA,QAAAC,OAAAA,EAAAA,MAAA,CAAAF,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,mBAAA;AAAA,SAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,0BAAA;AAAA,SAAA,EAAA,CAAAA,eAAAA,CAAAG,eAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA,CAAAH,EAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,yBAAA;AAAA,SAAA,EAAAA,CAAAA,eAAAA,CAAAI,gBAAA,EAAA;AAAA,UAAA,OAAA,EAAA,2BAAA;AAAA,SAAA,EAAA,IAAA,CAAAJ,EAAAA,eAAAA,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":["defineComponent","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/cjs/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/cjs/menu/Menu.js

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

package/dist/cjs/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":["Disposable","Event","MenuNode","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":["Disposable","Event","MenuNode","menus"],"mappings":";;;;;AAMO,MAAM,aAAaA,gBAAW,CAAA;AAAA,EACnC,YAAwB,EAAC,CAAA;AAAA,EAEzB,YAAgC,GAAA,IAAA,CAAA;AAAA,EAEhC,WAAuB,GAAA,KAAA,CAAA;AAAA,EAEvB,SAAqB,GAAA,IAAA,CAAA;AAAA,EAErB,sBAAA,CAAA;AAAA,EAEA,MAAA,CAAA;AAAA,EAEA,sBACE,GAAA,IAAA,CAAK,QAAS,CAAA,IAAIC,aAAO,CAAA,CAAA;AAAA,EAE3B,WAAA,CAAY,wBAAgD,MAAgB,EAAA;AAC1E,IAAM,KAAA,EAAA,CAAA;AACN,IAAA,IAAA,CAAK,sBAAyB,GAAA,sBAAA,CAAA;AAC9B,IAAA,IAAA,CAAK,MAAS,GAAA,MAAA,CAAA;AAAA,GAChB;AAAA,EAEA,SAAS,KAAqB,EAAA;AAC5B,IAAA,MAAM,SAAY,GAAA,KAAA,CACf,IAAK,CAAA,CAAC,OAAO,KAAU,KAAA;AACtB,MAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,KAAM,CAAA,IAAI,CAAK,IAAA,CAAA,CAAA;AACtC,MAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,KAAM,CAAA,IAAI,CAAK,IAAA,CAAA,CAAA;AAEtC,MAAA,OAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChB,CAAA,CACA,GAAI,CAAA,CAAC,QAAa,KAAA;AACjB,MAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,MAAO,CAAA,YAAA,CAAa,SAAS,OAAO,CAAA,CAAA;AAEvD,MAAA,MAAM,gBACJ,GAAA,IAAA,CAAK,sBAAuB,CAAA,2BAAA,CAA4B,SAAS,EAAE,CAAA,CAAA;AAErE,MAAA,OAAO,IAAIC,iBAAS,CAAA;AAAA,QAClB,IAAI,QAAS,CAAA,EAAA;AAAA,QACb,KAAA;AAAA,QACA,QAAA,EAAU,SAAS,QAAY,IAAA,EAAA;AAAA,QAC/B,KAAA,EAAO,SAAS,KAAS,IAAA,EAAA;AAAA,QACzB,gBAAA;AAAA,QACA,UAAU,EAAC;AAAA,OACZ,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAEH,IAAA,MAAM,gBAA4B,EAAC,CAAA;AAEnC,IAAA,KAAA,IAAS,IAAI,CAAG,EAAA,GAAA,GAAM,UAAU,MAAQ,EAAA,CAAA,GAAI,KAAK,CAAK,EAAA,EAAA;AACpD,MAAM,MAAA,YAAA,GAAe,MAAM,CAAC,CAAA,CAAA;AAC5B,MAAM,MAAA,QAAA,GAAW,UAAU,CAAC,CAAA,CAAA;AAE5B,MAAS,QAAA,CAAA,QAAA,GAAW,SAAS,QAAY,IAAA,cAAA,CAAA;AAEzC,MAAI,IAAA,CAAC,aAAa,GAAK,EAAA;AACrB,QAAA,aAAA,CAAc,KAAK,QAAQ,CAAA,CAAA;AAAA,OAC7B;AAEA,MAAA,KAAA,MAAW,SAAS,IAAK,CAAA,MAAA,CAAO,iBAAkB,CAAA,QAAA,CAAS,EAAE,CAAG,EAAA;AAC9D,QAAM,KAAA,CAAA,QAAA,GAAW,KAAM,CAAA,QAAA,IAAY,QAAS,CAAA,QAAA,CAAA;AAAA,OAC9C;AAEA,MAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,GAAA,EAAK,CAAK,EAAA,EAAA;AAC5B,QAAM,MAAA,iBAAA,GAAoB,MAAM,CAAC,CAAA,CAAA;AACjC,QAAM,MAAA,aAAA,GAAgB,UAAU,CAAC,CAAA,CAAA;AAEjC,QAAI,IAAA,iBAAA,CAAkB,GAAQ,KAAA,YAAA,CAAa,EAAI,EAAA;AAC7C,UAAS,QAAA,CAAA,QAAA,CAAS,KAAK,aAAa,CAAA,CAAA;AACpC,UAAA,aAAA,CAAc,MAAS,GAAA,QAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACF;AAEA,IAAA,IAAA,CAAK,SAAY,GAAA,aAAA,CAAA;AAAA,GACnB;AAAA,EAEA,iBAAiB,EAAqC,EAAA;AACpD,IAAA,IAAI,CAAC,EAAI,EAAA;AACP,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAI,IAAA,IAAA,GAAO,IAAK,CAAA,SAAA,CAAU,KAAM,EAAA,CAAA;AAEhC,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,IAAA,CAAK,QAAQ,CAAK,EAAA,EAAA;AACpC,MAAM,MAAA,IAAA,GAAO,KAAK,CAAC,CAAA,CAAA;AAEnB,MAAI,IAAA,IAAA,CAAK,OAAO,EAAI,EAAA;AAClB,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAO,IAAA,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,KAClC;AAEA,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAAA,EAEA,MAAM,mBAAmB,IAAuB,EAAA;AAC9C,IAAA,IAAA,CAAK,YAAe,GAAA,IAAA,CAAA;AAEpB,IAAA,IAAA,CAAK,sBAAuB,CAAA,IAAA,CAAK,EAAE,WAAA,EAAa,MAAM,CAAA,CAAA;AAEtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAAA,EAEA,kBAAqB,GAAA;AACnB,IAAA,OAAO,IAAK,CAAA,YAAA,CAAA;AAAA,GACd;AAAA,EAEA,oBAAA,CAAqB,KAAoB,GAAA,IAAA,CAAK,SAAW,EAAA;AACvD,IAAA,SAAS,sBAAsBC,MAAoC,EAAA;AACjE,MAAI,IAAA,CAACA,OAAM,MAAQ,EAAA;AACjB,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAO,sBAAsBA,MAAM,CAAA,CAAC,EAAE,QAAQ,CAAA,IAAKA,OAAM,CAAC,CAAA,CAAA;AAAA,KAC5D;AAEA,IAAA,OAAO,sBAAsB,KAAK,CAAA,CAAA;AAAA,GACpC;AAAA,EAEA,gBAAgB,EAA6B,EAAA;AAC3C,IAAI,IAAA,KAAA,GAAQ,IAAK,CAAA,SAAA,CAAU,KAAM,EAAA,CAAA;AAEjC,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,KAAA,CAAM,QAAQ,CAAK,EAAA,EAAA;AACrC,MAAM,MAAA,IAAA,GAAO,MAAM,CAAC,CAAA,CAAA;AAEpB,MAAI,IAAA,IAAA,CAAK,OAAO,EAAI,EAAA;AAClB,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAQ,KAAA,GAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,KACpC;AAEA,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACF;;;;"}

package/dist/cjs/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/cjs/page/index/404.vue.js

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

package/dist/cjs/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/cjs/page/index/dv/default/add.vue.js

@@ -3,7 +3,7 @@
 var add_vue_vue_type_script_setup_true_lang = require('./add.vue2.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
-var DefaultAddPage = /* @__PURE__ */ _pluginVue_exportHelper(add_vue_vue_type_script_setup_true_lang, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/add.vue"]]);
+var add = /* @__PURE__ */ _pluginVue_exportHelper(add_vue_vue_type_script_setup_true_lang, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/add.vue"]]);
 
-module.exports = DefaultAddPage;
+module.exports = add;
 //# sourceMappingURL=add.vue.js.map

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

@@ -3,7 +3,7 @@
 var vue = require('vue');
 var vueRouter = require('vue-router');
 var elementPlus = require('element-plus');
-var dm = require('@maketribe/dm');
+var DataModelDefines = require('../../../../DataModelDefines.js');
 var useCurrentTab = require('../../../../composables/use-current-tab.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -11,7 +11,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const router = vueRouter.useRouter();
     const dataForm = vue.computed(() => {
-      const dataForm2 = dm.DataModelCache.instance.getDataForm(
+      const dataForm2 = DataModelDefines.DataModelDefines.instance.getDataForm(
         vue.unref(router.currentRoute).meta.name
       );
       return dataForm2 ? vue.reactive(dataForm2) : null;

package/dist/cjs/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":["useRouter","computed","dataForm","DataModelCache","unref","reactive","useCurrentTab","ElMessage","watch"],"mappings":";;;;;;;;;;;AAgBA,IAAA,MAAM,SAASA,mBAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,QAAA,GAAiCC,aAAS,MAAM;AACpD,MAAMC,MAAAA,SAAAA,GAAWC,kBAAe,QAAS,CAAA,WAAA;AAAA,QACvCC,SAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOF,OAAAA,SAAAA,GAAYG,YAASH,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,aAAaI,2BAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAAC,qBAAA,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,EAAAH,SAAA,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,IAAAI,SAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACN,SAAa,KAAA;AACZ,QAAA,IAAI,CAACA,SAAU,EAAA;AACb,UAAA,OAAA;AAAA,SACF;AAEA,QAAMA,SAAAA,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":["useRouter","computed","dataForm","DataModelDefines","unref","reactive","useCurrentTab","ElMessage","watch"],"mappings":";;;;;;;;;;;AAiBA,IAAA,MAAM,SAASA,mBAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,QAAA,GAAiCC,aAAS,MAAM;AACpD,MAAMC,MAAAA,SAAAA,GAAWC,kCAAiB,QAAS,CAAA,WAAA;AAAA,QACzCC,SAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOF,OAAAA,SAAAA,GAAYG,YAASH,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,aAAaI,2BAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAAC,qBAAA,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,EAAAH,SAAA,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,IAAAI,SAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACN,SAAa,KAAA;AACZ,QAAA,IAAI,CAACA,SAAU,EAAA;AACb,UAAA,OAAA;AAAA,SACF;AAEA,QAAMA,SAAAA,CAAAA,SAAQ,GAAG,SAAU,EAAA,CAAA;AAAA,OAC7B;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@
 var edit_vue_vue_type_script_setup_true_lang = require('./edit.vue2.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
-var DefaultEditPage = /* @__PURE__ */ _pluginVue_exportHelper(edit_vue_vue_type_script_setup_true_lang, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/edit.vue"]]);
+var edit = /* @__PURE__ */ _pluginVue_exportHelper(edit_vue_vue_type_script_setup_true_lang, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/page/index/dv/default/edit.vue"]]);
 
-module.exports = DefaultEditPage;
+module.exports = edit;
 //# sourceMappingURL=edit.vue.js.map

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

@@ -3,7 +3,7 @@
 var vue = require('vue');
 var vueRouter = require('vue-router');
 var elementPlus = require('element-plus');
-var dm = require('@maketribe/dm');
+var DataModelDefines = require('../../../../DataModelDefines.js');
 var useCurrentTab = require('../../../../composables/use-current-tab.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -12,7 +12,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const router = vueRouter.useRouter();
     const id = vue.computed(() => vue.unref(router.currentRoute).params.id);
     const dataForm = vue.computed(() => {
-      const dataForm2 = dm.DataModelCache.instance.getDataForm(
+      const dataForm2 = DataModelDefines.DataModelDefines.instance.getDataForm(
         vue.unref(router.currentRoute).meta.name
       );
       return dataForm2 ? vue.reactive(dataForm2) : null;

package/dist/cjs/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":["useRouter","computed","unref","dataForm","DataModelCache","reactive","useCurrentTab","ElMessage","watch"],"mappings":";;;;;;;;;;;AAgBA,IAAA,MAAM,SAASA,mBAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,EAAA,GAAKC,aAAS,MAAMC,SAAA,CAAM,OAAO,YAAY,CAAA,CAAE,OAAO,EAAY,CAAA,CAAA;AAExE,IAAM,MAAA,QAAA,GAAiCD,aAAS,MAAM;AACpD,MAAME,MAAAA,SAAAA,GAAWC,kBAAe,QAAS,CAAA,WAAA;AAAA,QACvCF,SAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOC,OAAAA,SAAAA,GAAYE,YAASF,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,aAAaG,2BAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAAC,qBAAA,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,EAAAL,SAAA,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,IAAAM,SAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACL,SAAa,KAAA;AACZ,QAAA,IAAI,CAACA,SAAU,EAAA;AACb,UAAA,OAAA;AAAA,SACF;AAEA,QAAI,IAAA,CAACD,SAAM,CAAA,EAAE,CAAG,EAAA;AACd,UAAA,OAAA;AAAA,SACF;AAEA,QAAAA,SAAA,CAAMC,SAAQ,CAAA,EAAG,UAAW,CAAAD,SAAA,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":["useRouter","computed","unref","dataForm","DataModelDefines","reactive","useCurrentTab","ElMessage","watch"],"mappings":";;;;;;;;;;;AAiBA,IAAA,MAAM,SAASA,mBAAU,EAAA,CAAA;AAEzB,IAAM,MAAA,EAAA,GAAKC,aAAS,MAAMC,SAAA,CAAM,OAAO,YAAY,CAAA,CAAE,OAAO,EAAY,CAAA,CAAA;AAExE,IAAM,MAAA,QAAA,GAAiCD,aAAS,MAAM;AACpD,MAAME,MAAAA,SAAAA,GAAWC,kCAAiB,QAAS,CAAA,WAAA;AAAA,QACzCF,SAAM,CAAA,MAAA,CAAO,YAAY,CAAA,CAAE,IAAK,CAAA,IAAA;AAAA,OAClC,CAAA;AAEA,MAAOC,OAAAA,SAAAA,GAAYE,YAASF,CAAAA,SAAQ,CAAiB,GAAA,IAAA,CAAA;AAAA,KACtD,CAAA,CAAA;AAED,IAAA,MAAM,aAAaG,2BAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAAC,qBAAA,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,EAAAL,SAAA,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,IAAAM,SAAA;AAAA,MACE,QAAA;AAAA,MACA,CAACL,SAAa,KAAA;AACZ,QAAA,IAAI,CAACA,SAAU,EAAA;AACb,UAAA,OAAA;AAAA,SACF;AAEA,QAAI,IAAA,CAACD,SAAM,CAAA,EAAE,CAAG,EAAA;AACd,UAAA,OAAA;AAAA,SACF;AAEA,QAAAA,SAAA,CAAMC,SAAQ,CAAA,EAAG,UAAW,CAAAD,SAAA,CAAM,EAAE,CAAC,CAAA,CAAA;AAAA,OACvC;AAAA,MACA,EAAE,WAAW,IAAK,EAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;"}