@maketribe/ms-app 3.0.6 → 3.0.7

package/src/dataview/menu/MenuForm.ts

@@ -15,6 +15,7 @@ import {
   PermissionPointDefineForm,
   PermissionPointDefineTable,
 } from "./permission-point";
+import { MenuType } from "../../constants";
 
 export type MenuResult = {
   id: string;
@@ -49,9 +50,19 @@ export class MenuForm extends DataForm<MenuResult, MenuItem> {
     const menuTable = this.register(new MenuTable({ pageSize: 10 }));
 
     if (isWhereFilter(menuTable.dataFilter)) {
-      menuTable.dataFilter.getDefaultGroup().addCondition("type", "=", 1);
+      menuTable.dataFilter
+        .getDefaultGroup()
+        .addCondition(
+          "type",
+          "in",
+          `(${[MenuType.Container, MenuType.SystemSettings]
+            .map((menuType) => parseInt(menuType))
+            .join(",")})`
+        );
     }
 
+    const routeTable = this.register(new RouteTable({ pageSize: 10 }));
+
     this.setColumns([
       new FormColumn({ name: "id", label: "编号" }),
       new FormColumn({ name: "title", label: "菜单描述", required: true }),
@@ -65,12 +76,12 @@ export class MenuForm extends DataForm<MenuResult, MenuItem> {
         name: "type",
         label: "菜单类型",
         componentInfo: "MKFormDataSelect",
-        defaultValue: 2,
+        defaultValue: MenuType.Menu,
         required: true,
         componentProps: {
           options: [
-            { value: 1, label: "菜单组" },
-            { value: 2, label: "菜单" },
+            { value: MenuType.Container, label: "菜单组" },
+            { value: MenuType.Menu, label: "菜单" },
           ],
         },
       }),
@@ -80,7 +91,7 @@ export class MenuForm extends DataForm<MenuResult, MenuItem> {
         componentInfo: "MKFormDataTableSelect",
         componentProps: {
           labelFieldName: "title",
-          dataTable: this.register(new RouteTable({ pageSize: 10 })),
+          dataTable: routeTable,
         },
       }),
       new FormColumn({
@@ -109,35 +120,45 @@ export class MenuForm extends DataForm<MenuResult, MenuItem> {
       }),
     ]);
 
-    this.register(
-      this.formItemValueChangeEvent.on(({ formItem }) => {
-        if (formItem.name === "type") {
-          this.getColumn("routes")!.visible = this.data?.type !== "1";
-          this.getColumn("permissionPoints")!.visible = this.data?.type !== "1";
+    this.dataFormTypeChangeEvent.on(({ dataFormType }) => {
+      if (dataFormType === DataFormType.UPDATE) {
+        const routeTableDataFilter = routeTable.dataFilter;
+        if (isWhereFilter(routeTableDataFilter)) {
+          routeTableDataFilter.getDefaultGroup().clear();
+          routeTableDataFilter
+            .getDefaultGroup()
+            .addCondition("menuId", "=", this.data!.id);
         }
-      })
-    );
+      }
+    });
 
-    this.register(
-      this.dataChangeEvent.on(({}) => {
+    this.formItemValueChangeEvent.on(({ formItem }) => {
+      if (formItem.name === "type") {
         this.getColumn("routes")!.visible = this.data?.type !== "1";
         this.getColumn("permissionPoints")!.visible = this.data?.type !== "1";
-      })
-    );
-
-    this.register(
-      this.dataFormTypeChangeEvent.on(({ dataFormType }) => {
-        this.getColumn("type")!.disabled = dataFormType !== DataFormType.ADD;
-      })
-    );
+      }
+    });
+
+    this.dataChangeEvent.on(({}) => {
+      this.getColumn("routes")!.visible = this.data?.type !== "1";
+      this.getColumn("permissionPoints")!.visible = this.data?.type !== "1";
+    });
+
+    this.dataFormTypeChangeEvent.on(({ dataFormType }) => {
+      this.getColumn("type")!.disabled = dataFormType !== DataFormType.ADD;
+    });
   }
 
   formatSubmitData(data: any) {
-    const permissionPoints = data.type === 2 ? data.permissionPoints : [];
-    const routes = data.type === 2 ? data.routes : [];
+    const permissionPoints =
+      data.type === MenuType.Menu ? data.permissionPoints : [];
+    const routes = data.type === MenuType.Menu ? data.routes : [];
+
+    const parsedType = parseInt(data.type);
 
     return {
       ...data,
+      type: isNaN(parsedType) ? parseInt(MenuType.Menu) : parsedType,
       iconName: data.iconName || null,
       pid: data.pid || null,
       routeId: data.routeId || null,
@@ -153,7 +174,7 @@ export class MenuForm extends DataForm<MenuResult, MenuItem> {
       iconName: item.iconName || "",
       pid: item.pid || "",
       routeId: item.routeId,
-      type: item.type,
+      type: item.type ? item.type + "" : "1",
       sort: item.sort || "0",
       routes: item.routes || [],
       permissionPoints: item.permissionPoints || [],

package/src/dataview/role/RoleForm.ts

@@ -13,6 +13,7 @@ export class RoleForm extends DataForm<Role> {
   }
 
   protected async initialize() {
+    (window as any).roleForm = this;
     this.setColumns([
       new FormColumn({ name: "id", label: "编号" }),
       new FormColumn({ name: "name", label: "角色名", required: true }),

package/src/dataview/route/RouteForm.ts

@@ -29,7 +29,6 @@ export class RouteForm extends DataForm<RouteResult, Route> {
   }
 
   protected async initialize() {
-    (window as any).a = this;
     this.setColumns([
       new FormColumn({ name: "id", label: "编号" }),
       new FormColumn({ name: "name", label: "路由名", required: true }),

package/src/layouts/common/lock/lock.tsx

@@ -58,7 +58,7 @@ export default defineComponent({
           scene="Login"
           visible={unref(isVisibleVerify)}
           onUpdate:visible={(v) => (isVisibleVerify.value = v as boolean)}
-          onVerifySuccessful={handleVerifySuccess}
+          onConfirm={handleVerifySuccess}
         />
       ) : null;
 

package/src/layouts/default/components/bar/index.tsx

@@ -1,7 +1,7 @@
 import { computed, defineComponent, unref } from "vue";
 import { MKSvgIcon } from "../../../../components";
 import { MSAppClient, MenuNode } from "../../../../core";
-import MKBarSettings from "./settings";
+import { MenuType } from "../../../../constants";
 
 export const MKBar = defineComponent({
   name: "MKBar",
@@ -54,12 +54,27 @@ export const MKBar = defineComponent({
         ));
 
       const systemSettingNode = menu.rootMenus.find(
-        (rootMenu) => rootMenu.type === "3"
+        (rootMenu) => rootMenu.type === MenuType.SystemSettings
       );
 
       const footer = systemSettingNode?.children.length ? (
         <div class="mk-bar__footer">
-          <MKBarSettings menuItems={systemSettingNode.children} />
+          <div
+            class={[
+              "mk-bar__item",
+              "mk-bar__settings",
+              systemSettingNode.children.length ? "has-children" : "",
+              unref(currentBarItem)?.id === systemSettingNode.id
+                ? "is-active"
+                : "",
+            ]}
+            onClick={() => handleBarItemClick(systemSettingNode)}
+          >
+            <div class="mk-bar__item-button">
+              <MKSvgIcon iconClass={systemSettingNode.iconName} />
+            </div>
+            <div class="mk-bar__item-title">{systemSettingNode.title} </div>
+          </div>
         </div>
       ) : null;
 

package/src/layouts/default/components/header/index.tsx

@@ -0,0 +1,18 @@
+import { defineComponent } from "vue";
+import { MKHeaderTools } from "./tools";
+
+export const MKHeader = defineComponent({
+  name: "MKHeader",
+  setup() {
+    return () => {
+      return (
+        <div class="mk-header">
+          <div class="mk-header__main"></div>
+          <div class="mk-header__tools">
+            <MKHeaderTools />
+          </div>
+        </div>
+      );
+    };
+  },
+});

package/src/layouts/default/components/header/tools.tsx

@@ -0,0 +1,55 @@
+import { computed, defineComponent, unref } from "vue";
+import {
+  ElDropdown,
+  ElDropdownItem,
+  ElDropdownMenu,
+  ElImage,
+} from "element-plus";
+import { MSAppClient } from "../../../../core";
+import { MKSvgIcon } from "../../../../components";
+
+export const MKHeaderTools = defineComponent({
+  name: "MKHeaderTools",
+  setup(props) {
+    const msAppClient = MSAppClient.instance!;
+    const userSession = msAppClient.userSession!;
+
+    const userInfo = computed(() => userSession.userInfo!);
+
+    const avatar = computed(() => unref(userInfo).avatar || "/avatar.png");
+
+    return () => {
+      return (
+        <div class="mk-header-tools">
+          <div class="mk-header-tools__item">
+            <ElDropdown
+              class="mk-header-tools__user"
+              trigger="click"
+              v-slots={{
+                default: () => (
+                  <div class="mk-header-tools__user-info">
+                    <ElImage
+                      class="mk-header-tools__avatar"
+                      src={unref(avatar)}
+                    />
+                    <span class="mk-header-tools__nickName">
+                      {unref(userInfo).nickName}
+                    </span>
+                  </div>
+                ),
+                dropdown: () => (
+                  <ElDropdownMenu>
+                    <ElDropdownItem onClick={() => msAppClient.logout()}>
+                      <MKSvgIcon iconClass="SwitchButton" />
+                      退出登录
+                    </ElDropdownItem>
+                  </ElDropdownMenu>
+                ),
+              }}
+            />
+          </div>
+        </div>
+      );
+    };
+  },
+});

package/src/layouts/default/components/menu/index.tsx

@@ -9,6 +9,10 @@ export const MKMenu = defineComponent({
     barItem: {
       type: MenuNode,
     },
+    collapse: {
+      type: Boolean,
+      default: false,
+    },
   },
   setup(props) {
     const msAppClient = MSAppClient.instance!;

package/src/layouts/default/index.tsx

@@ -1,10 +1,12 @@
 import { Ref, defineComponent, ref, unref } from "vue";
-import { RouterView } from "vue-router";
+import { RouterView, useRouter } from "vue-router";
 import { ElAside, ElContainer, ElHeader, ElMain } from "element-plus";
 import { MKSystemProvider } from "../../components";
 import { MKBar, MKMenu } from "./components";
 import { MenuNode } from "../../core";
 import { MSAppClient } from "../../core";
+import { MKHeader } from "./components/header";
+import { createDisposable } from "@maketribe/utils";
 
 function includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {
   let list = [rootMenuNode];
@@ -28,6 +30,7 @@ export const MKLayoutDefault = defineComponent({
     const msAppClient = MSAppClient.instance!;
     const userSession = msAppClient.userSession!;
     const menu = userSession.menu;
+    const vueRouter = useRouter();
 
     const currentBarItem: Ref<MenuNode | null> = ref(null);
 
@@ -36,14 +39,19 @@ export const MKLayoutDefault = defineComponent({
 
     function handleCurrentMenuChange() {
       currentBarItem.value = menu.getCurrentMenuNode()
-        ? menu.rootMenus
-            .filter((rootMenu) => rootMenu.type !== "3")
-            .find((item) =>
-              includeMenuNode(item, menu.getCurrentMenuNode()!)
-            ) ?? null
+        ? menu.rootMenus.find((item) =>
+            includeMenuNode(item, menu.getCurrentMenuNode()!)
+          ) ?? null
         : null;
     }
 
+    // 用户会话销毁就前往登录页面。
+    userSession.register(
+      createDisposable(() => {
+        vueRouter.push({ name: "login" });
+      })
+    );
+
     return () => {
       return (
         <MKSystemProvider>
@@ -53,7 +61,9 @@ export const MKLayoutDefault = defineComponent({
             </ElAside>
             <ElMain>
               <ElContainer class="mk-layout-default__body">
-                <ElHeader class="mk-layout-default__header"></ElHeader>
+                <ElHeader class="mk-layout-default__header">
+                  <MKHeader />
+                </ElHeader>
                 <ElMain>
                   <ElContainer class="mk-layout-default__main">
                     <ElAside class="mk-layout-default__menu">

package/src/layouts/index.ts

@@ -1,2 +1 @@
-export * from "./manager-system";
 export * from "./default";

package/src/page/index.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { MKManagerSystem, MKLayoutDefault } from "../layouts";
+import { MKLayoutDefault } from "../layouts";
 
 defineOptions({
   mkRoute: {
     name: "mk-ms-main",
     path: "/",
-    redirect: ""
+    redirect: "",
   },
 });
 </script>

package/src/page/login/index.vue

@@ -88,10 +88,11 @@
   </div>
 
   <MKVerifyDialog
+    ref="verifyDialog"
     :scene="scene"
     v-model:visible="verifyVisible"
     v-if="verifyVisible"
-    @verifySuccessful="handleLogin"
+    @confirm="handleLogin"
   />
 </template>
 
@@ -112,6 +113,9 @@ defineOptions({
   },
 });
 
+const verifyDialog: Ref<{ fail: () => void } | null> = ref(null);
+(window as any).a = verifyDialog;
+
 // 记住登陆状态
 const rememberLoginState = ref(false);
 

package/dist/cjs/layouts/default/components/bar/settings.d.ts

@@ -1,39 +0,0 @@
-import { MenuNode } from "../../../../core";
-declare const _default: import("vue").DefineComponent<{
-    menuItems: {
-        type: {
-            (arrayLength: number): MenuNode[];
-            (...items: MenuNode[]): MenuNode[];
-            new (arrayLength: number): MenuNode[];
-            new (...items: MenuNode[]): MenuNode[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        required: true;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    menuItems: {
-        type: {
-            (arrayLength: number): MenuNode[];
-            (...items: MenuNode[]): MenuNode[];
-            new (arrayLength: number): MenuNode[];
-            new (...items: MenuNode[]): MenuNode[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        required: true;
-    };
-}>>, {}, {}>;
-export default _default;

package/dist/cjs/layouts/default/components/bar/settings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings.js","sources":["../../../../../../src/layouts/default/components/bar/settings.tsx"],"sourcesContent":["import { Fragment, defineComponent, ref, unref } from \"vue\";\nimport { ElPopover, progressProps } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../../components\";\nimport { MSAppClient, MenuNode } from \"../../../../core\";\n\nexport default defineComponent({\n  name: \"MKBarSettings\",\n  props: {\n    menuItems: {\n      type: Array<MenuNode>,\n      required: true,\n    },\n  },\n  setup(props, { emit }) {\n    const isVisible = ref(false);\n\n    const userSession = MSAppClient.instance!.userSession!;\n    const menu = userSession.menu;\n    const router = userSession.router;\n\n    const handleItemClick = (menuNode: MenuNode) => {\n      isVisible.value = false;\n\n      const item = menu.findMenuNodeByID(menuNode.id);\n\n      if (item?.route) {\n        router.changeRoute({ name: item.route.name });\n      }\n    };\n\n    return () => {\n      return (\n        <ElPopover\n          visible={unref(isVisible)}\n          onUpdate:visible={(visible: boolean) => (isVisible.value = visible)}\n          trigger=\"click\"\n          placement=\"right\"\n          v-slots={{\n            reference: () => (\n              <MKSvgIcon class=\"mk-bar-settings__icon\" iconClass=\"Setting\" />\n            ),\n            default: () => {\n              const children = props.menuItems.map((menuItem) => (\n                <div\n                  class=\"mk-bar-settings__item\"\n                  onClick={() => handleItemClick(menuItem)}\n                >\n                  <MKSvgIcon\n                    class=\"mk-bar-settings__item-icon\"\n                    iconClass={menuItem.iconName}\n                  />\n                  {menuItem.title}\n                </div>\n              ));\n\n              return <Fragment>{children}</Fragment>;\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","menuItems","type","Array","required","setup","emit","isVisible","ref","userSession","MSAppClient","instance","menu","router","handleItemClick","menuNode","value","item","findMenuNodeByID","id","route","changeRoute","_createVNode","ElPopover","unref","visible","reference","MKSvgIcon","default","children","map","menuItem","onClick","iconName","title","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,eAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,SAAW,EAAA;AAAA,MACTC,IAAMC,EAAAA,KAAAA;AAAAA,MACNC,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,GACF;AAAA,EACAC,MAAML,KAAO,EAAA;AAAA,IAAEM,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAMC,MAAAA,SAAAA,GAAYC,QAAI,KAAK,CAAA,CAAA;AAE3B,IAAMC,MAAAA,WAAAA,GAAcC,wBAAYC,QAAUF,CAAAA,WAAAA,CAAAA;AAC1C,IAAA,MAAMG,OAAOH,WAAYG,CAAAA,IAAAA,CAAAA;AACzB,IAAA,MAAMC,SAASJ,WAAYI,CAAAA,MAAAA,CAAAA;AAE3B,IAAA,MAAMC,kBAAmBC,CAAuB,QAAA,KAAA;AAC9CR,MAAAA,SAAAA,CAAUS,KAAQ,GAAA,KAAA,CAAA;AAElB,MAAA,MAAMC,IAAOL,GAAAA,IAAAA,CAAKM,gBAAiBH,CAAAA,QAAAA,CAASI,EAAE,CAAA,CAAA;AAE9C,MAAA,IAAIF,MAAMG,KAAO,EAAA;AACfP,QAAAA,MAAAA,CAAOQ,WAAY,CAAA;AAAA,UAAEtB,IAAAA,EAAMkB,KAAKG,KAAMrB,CAAAA,IAAAA;AAAAA,SAAM,CAAA,CAAA;AAAA,OAC9C;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAuB,gBAAAC,qBAAA,EAAA;AAAA,QAAA,SAAA,EAEaC,UAAMjB,SAAS,CAAA;AAAA,QAAC,kBAAA,EACNkB,CAAsBlB,OAAAA,KAAAA,SAAAA,CAAUS,KAAQS,GAAAA,OAAAA;AAAAA,QAAQ,SAAA,EAAA,OAAA;AAAA,QAAA,WAAA,EAAA,OAAA;AAAA,OAG1D,EAAA;AAAA,QACPC,SAAAA,EAAWA,MAAAJ,eAAAA,CAAAK,eAAA,EAAA;AAAA,UAAA,OAAA,EAAA,uBAAA;AAAA,UAAA,WAAA,EAAA,SAAA;AAAA,WAEV,IAAA,CAAA;AAAA,QACDC,SAASA,MAAM;AACb,UAAA,MAAMC,WAAW7B,KAAMC,CAAAA,SAAAA,CAAU6B,GAAKC,CAAAA,CAAAA,QAAAA,KAAQT,gBAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,uBAAA;AAAA,YAAA,SAAA,EAGjCU,MAAMlB,eAAAA,CAAgBiB,QAAQ,CAAA;AAAA,WAAC,EAAAT,CAAAA,eAAAA,CAAAK,eAAA,EAAA;AAAA,YAAA,OAAA,EAAA,4BAAA;AAAA,YAAA,aAI3BI,QAASE,CAAAA,QAAAA;AAAAA,aAAQ,IAAA,CAAA,EAE7BF,QAASG,CAAAA,KAAK,CAAA,CAElB,CAAA,CAAA;AAED,UAAA,OAAAZ,eAAAa,CAAAA,YAAAA,EAAA,IAAA,EAAA,CAAkBN,QAAQ,CAAA,CAAA,CAAA;AAAA,SAC5B;AAAA,OACD,CAAA,CAAA;AAAA,KAGP,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -1,2 +0,0 @@
-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/aside/aside.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var index = require('./bar/index.js');
-var index$1 = require('./panel/index.js');
-require('@maketribe/dm');
-require('element-plus');
-require('@maketribe/utils');
-require('../../../../core/DataModelDefines.js');
-var MSAppClient = require('../../../../core/MSAppClient.js');
-
-var Aside = /* @__PURE__ */ vue.defineComponent({
-  name: "MKMenu",
-  setup() {
-    const menu = MSAppClient.MSAppClient.instance.userSession.menu;
-    const isCollapse = vue.computed(() => menu.isCollapsed);
-    const currentMenuModule = vue.ref(menu.getCurrentMenuNode() ? findRootMenu(menu.getCurrentMenuNode()) : null);
-    menu.currentMenuChangeEvent.on(({
-      currentMenu: menu2
-    }) => {
-      currentMenuModule.value = menu2 ? findRootMenu(menu2) : null;
-    });
-    function findRootMenu(menuNode) {
-      while (menuNode?.parent) {
-        menuNode = menuNode.parent;
-      }
-      return menuNode;
-    }
-    return () => {
-      const _currentMenuModule = vue.unref(currentMenuModule);
-      return vue.createVNode("div", {
-        "class": "mk-aside"
-      }, [vue.createVNode(index.MKAsideBar, {
-        "menuModule": vue.unref(currentMenuModule)
-      }, null), vue.createVNode(index$1.MKAsidePanel, {
-        "collapse": vue.unref(isCollapse),
-        "menuModule": _currentMenuModule
-      }, null)]);
-    };
-  }
-});
-
-module.exports = Aside;
-//# sourceMappingURL=aside.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"aside.js","sources":["../../../../../../src/layouts/manager-system/components/aside/aside.tsx"],"sourcesContent":["import { Ref, computed, defineComponent, ref, unref } from \"vue\";\nimport MKAsideBar from \"./bar\";\nimport MKAsidePanel from \"./panel\";\nimport { MenuNode, MSAppClient } from \"../../../../core\";\n\nexport default defineComponent({\n  name: \"MKMenu\",\n  setup() {\n    const menu = MSAppClient.instance!.userSession!.menu;\n    const isCollapse = computed(() => menu.isCollapsed);\n\n    const currentMenuModule: Ref<MenuNode | null> = ref(\n      menu.getCurrentMenuNode()\n        ? findRootMenu(menu.getCurrentMenuNode()!)\n        : null\n    );\n\n    menu.currentMenuChangeEvent.on(({ currentMenu: menu }) => {\n      currentMenuModule.value = menu ? findRootMenu(menu) : null;\n    });\n\n    function findRootMenu(menuNode: MenuNode) {\n      while (menuNode?.parent) {\n        menuNode = menuNode.parent;\n      }\n\n      return menuNode;\n    }\n\n    return () => {\n      const _currentMenuModule = unref(currentMenuModule) as MenuNode;\n\n      return (\n        <div class=\"mk-aside\">\n          <MKAsideBar menuModule={unref(currentMenuModule) as MenuNode} />\n          <MKAsidePanel\n            collapse={unref(isCollapse)}\n            menuModule={_currentMenuModule}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","menu","MSAppClient","instance","userSession","isCollapse","computed","isCollapsed","currentMenuModule","ref","getCurrentMenuNode","findRootMenu","currentMenuChangeEvent","on","currentMenu","value","menuNode","parent","_currentMenuModule","unref","_createVNode","MKAsideBar","MKAsidePanel"],"mappings":";;;;;;;;;;;AAKA,4BAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,QAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAMC,MAAAA,IAAAA,GAAOC,uBAAYC,CAAAA,QAAAA,CAAUC,WAAaH,CAAAA,IAAAA,CAAAA;AAChD,IAAA,MAAMI,UAAaC,GAAAA,YAAAA,CAAS,MAAML,IAAAA,CAAKM,WAAW,CAAA,CAAA;AAElD,IAAMC,MAAAA,iBAAAA,GAA0CC,OAC9CR,CAAAA,IAAAA,CAAKS,kBAAmB,EAAA,GACpBC,aAAaV,IAAKS,CAAAA,kBAAAA,EAAqB,CAAA,GACvC,IACN,CAAA,CAAA;AAEAT,IAAKW,IAAAA,CAAAA,sBAAAA,CAAuBC,GAAG,CAAC;AAAA,MAAEC,WAAab,EAAAA,KAAAA;AAAAA,KAAW,KAAA;AACxDO,MAAAA,iBAAAA,CAAkBO,KAAQd,GAAAA,KAAAA,GAAOU,YAAaV,CAAAA,KAAI,CAAI,GAAA,IAAA,CAAA;AAAA,KACvD,CAAA,CAAA;AAED,IAAA,SAASU,aAAaK,QAAoB,EAAA;AACxC,MAAA,OAAOA,UAAUC,MAAQ,EAAA;AACvBD,QAAAA,QAAAA,GAAWA,QAASC,CAAAA,MAAAA,CAAAA;AAAAA,OACtB;AAEA,MAAOD,OAAAA,QAAAA,CAAAA;AAAAA,KACT;AAEA,IAAA,OAAO,MAAM;AACX,MAAME,MAAAA,kBAAAA,GAAqBC,UAAMX,iBAAiB,CAAA,CAAA;AAElD,MAAA,OAAAY,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,UAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAC,gBAAA,EAAA;AAAA,QAAA,YAAA,EAE4BF,UAAMX,iBAAiB,CAAA;AAAA,OAACY,EAAAA,IAAAA,CAAAA,EAAAA,eAAAA,CAAAE,oBAAA,EAAA;AAAA,QAAA,UAAA,EAEpCH,UAAMd,UAAU,CAAA;AAAA,QAAC,YACfa,EAAAA,kBAAAA;AAAAA,OAAkB,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAItC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/layouts/manager-system/components/aside/bar/bar.d.ts

@@ -1,11 +0,0 @@
-import { MenuNode } from "../../../../../core";
-declare const _default: import("vue").DefineComponent<{
-    menuModule: {
-        type: typeof MenuNode;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    menuModule: {
-        type: typeof MenuNode;
-    };
-}>>, {}, {}>;
-export default _default;

package/dist/cjs/layouts/manager-system/components/aside/bar/bar.js

@@ -1,126 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var elementPlus = require('element-plus');
-require('@maketribe/dm');
-require('@maketribe/utils');
-var MenuNode = require('../../../../../core/menu/MenuNode.js');
-require('../../../../../core/DataModelDefines.js');
-var MSAppClient = require('../../../../../core/MSAppClient.js');
-require('../../../../../components/data-model/data-form/index.js');
-require('../../../../../components/data-model/data-form-page/index.js');
-require('../../../../../components/data-model/data-table/index.js');
-require('../../../../../components/data-model/data-table-page/index.js');
-require('../../../../../components/data-model/data-tree/index.js');
-require('../../../../../components/data-model/data-tree-page/index.js');
-require('../../../../../components/data-model/data-table-pagination/index.js');
-require('../../../../../components/form-components/form-data-select/index.js');
-require('../../../../../components/form-components/form-icon-select/index.js');
-require('../../../../../components/form-components/form-radio-box/index.js');
-require('../../../../../components/form-components/form-detail/index.js');
-require('../../../../../components/form-components/form-data-table-select/index.js');
-require('../../../../../components/form-components/form-image-upload/index.js');
-require('../../../../../components/data-table-select/index.js');
-require('../../../../../components/form-components/form-detail-select/form-detail-select-options.js');
-require('../../../../../components/data-model/data-form/composables/use-form-item.js');
-require('lodash-es');
-require('../../../../../components/form-components/form-image-list/index.js');
-require('../../../../../components/form-components/form-date-picker/index.js');
-require('../../../../../components/form-components/form-rich-text-editor/index.js');
-require('../../../../../components/column-components/column-action/column-action-options.js');
-var index = require('../../../../../components/svg-icon/index.js');
-require('../../../../../components/button/button-options.js');
-require('../../../../../components/data-model/data-table/composables/use-column.js');
-require('../../../../../components/column-components/column-image/column-image-options.js');
-require('../../../../../components/image-view/index.js');
-require('../../../../../components/column-components/column-text/column-text-options.js');
-require('../../../../../components/column-components/column-object-mapping-text/column-object-mapping-text-options.js');
-require('../../../../../components/column-components/column-select/column-select-options.js');
-require('../../../../../components/column-components/column-select/column-select-header-options.js');
-require('../../../../../components/condition-components/condition-input/index.js');
-require('../../../../../components/condition-components/condition-date/index.js');
-require('../../../../../components/condition-components/condition-number/index.js');
-require('../../../../../components/condition-components/condition-select/index.js');
-require('../../../../../components/config-provider/index.js');
-require('../../../../../components/video-view/index.js');
-require('../../../../../components/file-view/index.js');
-require('../../../../../components/upload-file/index.js');
-require('../../../../../components/data-table-select-dialog/index.js');
-require('../../../../../components/data-select/index.js');
-require('../../../../../components/upload-image/upload-image-options.js');
-require('../../../../../components/pagination/index.js');
-require('../../../../../components/markdown-editor/index.js');
-require('../../../../../components/rich-text-editor/index.js');
-require('../../../../../components/system-provider/index.js');
-require('../../../../../components/material-list/index.js');
-require('../../../../../components/material-select/index.js');
-require('../../../../../components/role-permission-config/index.js');
-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');
-
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
-var AsideBar = /* @__PURE__ */ vue.defineComponent({
-  name: "MKAsideBar",
-  props: {
-    menuModule: {
-      type: MenuNode.MenuNode
-    }
-  },
-  setup(props) {
-    const msAppClient = MSAppClient.MSAppClient.instance;
-    const userSession = msAppClient.userSession;
-    const menu = userSession.menu;
-    const router = userSession.router;
-    const handleMenuItemClick = async (item) => {
-      if (item.children.length) {
-        const _item = menu.getFirstLeafMenuNode(item.children);
-        if (!_item) {
-          return;
-        }
-        item = _item;
-      }
-      if (item.route) {
-        router.changeRoute({
-          name: item.route.name
-        });
-      }
-    };
-    return () => {
-      const logo = msAppClient.logo ? vue.createVNode("div", {
-        "class": "mk-aside-bar__logo"
-      }, [vue.createVNode("div", {
-        "class": "mk-logo",
-        "style": {
-          backgroundImage: `url(${msAppClient.logo})`
-        }
-      }, null)]) : null;
-      const menuItems = menu.rootMenus.map((menu2) => vue.createVNode("div", {
-        "class": ["mk-aside-bar__item", props.menuModule?.id === menu2.id ? "is-active" : ""]
-      }, [vue.createVNode("div", {
-        "class": "mk-aside-bar__item-main",
-        "onClick": () => handleMenuItemClick(menu2)
-      }, [vue.createVNode("div", null, [vue.createVNode(index.MKSvgIcon, {
-        "class": "mk-aside-bar__item-icon",
-        "iconClass": menu2.iconName
-      }, null), vue.createVNode("span", {
-        "class": "mk-aside-bar__item-label"
-      }, [menu2.title])])])]));
-      return vue.createVNode("div", {
-        "class": "mk-aside-bar"
-      }, [logo, vue.createVNode("div", {
-        "class": "mk-aside-bar__icons"
-      }, [vue.createVNode(elementPlus.ElScrollbar, {
-        "height": "100%"
-      }, _isSlot(menuItems) ? menuItems : {
-        default: () => [menuItems]
-      })])]);
-    };
-  }
-});
-
-module.exports = AsideBar;
-//# sourceMappingURL=bar.js.map

package/dist/cjs/layouts/manager-system/components/aside/bar/bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.js","sources":["../../../../../../../src/layouts/manager-system/components/aside/bar/bar.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { ElScrollbar } from \"element-plus\";\nimport { MenuNode, MSAppClient } from \"../../../../../core\";\nimport { MKSvgIcon } from \"../../../../../components\";\n\nexport default defineComponent({\n  name: \"MKAsideBar\",\n  props: {\n    menuModule: {\n      type: MenuNode,\n    },\n  },\n  setup(props) {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n\n    const menu = userSession.menu;\n    const router = userSession.router;\n\n    const handleMenuItemClick = async (item: MenuNode) => {\n      if (item.children.length) {\n        const _item = menu.getFirstLeafMenuNode(item.children);\n\n        if (!_item) {\n          return;\n        }\n\n        item = _item;\n      }\n\n      if (item.route) {\n        router.changeRoute({ name: item.route.name });\n      }\n    };\n\n    return () => {\n      const logo = msAppClient.logo ? (\n        <div class=\"mk-aside-bar__logo\">\n          <div\n            class=\"mk-logo\"\n            style={{ backgroundImage: `url(${msAppClient.logo})` }}\n          />\n        </div>\n      ) : null;\n\n      const menuItems = menu.rootMenus.map((menu) => (\n        <div\n          class={[\n            \"mk-aside-bar__item\",\n            props.menuModule?.id === menu.id ? \"is-active\" : \"\",\n          ]}\n        >\n          <div\n            class=\"mk-aside-bar__item-main\"\n            onClick={() => handleMenuItemClick(menu)}\n          >\n            <div>\n              <MKSvgIcon\n                class=\"mk-aside-bar__item-icon\"\n                iconClass={menu.iconName}\n              />\n              <span class=\"mk-aside-bar__item-label\">{menu.title}</span>\n            </div>\n          </div>\n        </div>\n      ));\n\n      return (\n        <div class=\"mk-aside-bar\">\n          {logo}\n          <div class=\"mk-aside-bar__icons\">\n            <ElScrollbar height=\"100%\">{menuItems}</ElScrollbar>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","menuModule","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","router","handleMenuItemClick","item","children","length","_item","getFirstLeafMenuNode","route","changeRoute","logo","_createVNode","backgroundImage","menuItems","rootMenus","map","id","onClick","MKSvgIcon","iconName","title","ElScrollbar","default"],"mappings":"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"}