@ibiz-template/vue3-components 0.0.1-alpha.1 → 0.0.1-alpha.3

package/es/common/action-toolbar/action-toolbar.d.ts

@@ -0,0 +1,64 @@
+import { PropType } from 'vue';
+import { IButtonContainerState } from '@ibiz-template/runtime';
+import { IUIActionGroupDetail } from '@ibiz/model-core';
+import './action-toolbar.scss';
+export declare const ActionToolbar: import("vue").DefineComponent<{
+    actionDetails: {
+        type: {
+            (arrayLength: number): IUIActionGroupDetail[];
+            (...items: IUIActionGroupDetail[]): IUIActionGroupDetail[];
+            new (arrayLength: number): IUIActionGroupDetail[];
+            new (...items: IUIActionGroupDetail[]): IUIActionGroupDetail[];
+            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;
+    };
+    actionsState: {
+        type: PropType<IButtonContainerState>;
+        required: true;
+    };
+    caption: StringConstructor;
+    mode: {
+        type: PropType<"dropdown" | "buttons">;
+        default: string;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    handleClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actionDetails: {
+        type: {
+            (arrayLength: number): IUIActionGroupDetail[];
+            (...items: IUIActionGroupDetail[]): IUIActionGroupDetail[];
+            new (arrayLength: number): IUIActionGroupDetail[];
+            new (...items: IUIActionGroupDetail[]): IUIActionGroupDetail[];
+            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;
+    };
+    actionsState: {
+        type: PropType<IButtonContainerState>;
+        required: true;
+    };
+    caption: StringConstructor;
+    mode: {
+        type: PropType<"dropdown" | "buttons">;
+        default: string;
+    };
+}>>, {
+    mode: "dropdown" | "buttons";
+}>;

package/es/common/app-col/app-col.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { ILayoutPos } from '@ibiz/model-core';
+import { ILayoutController } from '@ibiz-template/runtime';
+export declare const AppCol: import("vue").DefineComponent<{
+    layoutPos: PropType<ILayoutPos>;
+    controller: {
+        type: PropType<ILayoutController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    gridAttrs: import("vue").ComputedRef<{
+        xs?: undefined;
+        sm?: undefined;
+        md?: undefined;
+        lg?: undefined;
+    } | {
+        xs: {
+            span?: number | undefined;
+            offset?: number | undefined;
+        };
+        sm: {
+            span?: number | undefined;
+            offset?: number | undefined;
+        };
+        md: {
+            span?: number | undefined;
+            offset?: number | undefined;
+        };
+        lg: {
+            span?: number | undefined;
+            offset?: number | undefined;
+        };
+    }>;
+    cssVars: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    layoutPos: PropType<ILayoutPos>;
+    controller: {
+        type: PropType<ILayoutController>;
+        required: true;
+    };
+}>>, {}>;

package/es/common/app-col/app-col.js

@@ -0,0 +1,91 @@
+import { defineComponent, computed, createVNode, h, resolveComponent } from "vue";
+import { useNamespace } from "@ibiz-template/vue3-util";
+function calcGridSpanOffset(span, offset, layout) {
+  const multiplier = layout === "TABLE_24COL" ? 1 : 2;
+  const spanDefault = layout === "TABLE_24COL" ? 24 : 12;
+  const _span = !span || span === -1 ? spanDefault : span;
+  const _offset = !offset || offset === -1 ? 0 : offset;
+  const result = {
+    span: _span * multiplier
+  };
+  if (_offset !== 0) {
+    result.offset = _offset;
+  }
+  return result;
+}
+const AppCol = /* @__PURE__ */ defineComponent({
+  name: "AppCol",
+  props: {
+    layoutPos: Object,
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("col");
+    const gridAttrs = computed(() => {
+      const gridLayoutPos = props.layoutPos;
+      if (gridLayoutPos.layout === "FLEX") {
+        return {};
+      }
+      const {
+        colXS,
+        colXSOffset,
+        colSM,
+        colSMOffset,
+        colMD,
+        colMDOffset,
+        colLG,
+        colLGOffset
+      } = gridLayoutPos;
+      return {
+        xs: calcGridSpanOffset(colXS, colXSOffset, gridLayoutPos.layout),
+        sm: calcGridSpanOffset(colSM, colSMOffset, gridLayoutPos.layout),
+        md: calcGridSpanOffset(colMD, colMDOffset, gridLayoutPos.layout),
+        lg: calcGridSpanOffset(colLG, colLGOffset, gridLayoutPos.layout)
+      };
+    });
+    const cssVars = computed(() => {
+      const styles = {
+        width: props.controller.width,
+        height: props.controller.height
+      };
+      Object.assign(styles, props.controller.extraStyle);
+      return styles;
+    });
+    return {
+      ns,
+      gridAttrs,
+      cssVars
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    if (this.controller.visible === false) {
+      return null;
+    }
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layoutPos) == null ? void 0 : _c.layout) === "FLEX") {
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("flex"), this.controller.extraClass],
+        "style": {
+          flexGrow: this.layoutPos.grow,
+          // 修复flex时flex-grow和flex-shrink时高度被内容撑开，没法压缩
+          minHeight: 0,
+          ...this.cssVars
+        }
+      }, [defaultSlot]);
+    }
+    return h(resolveComponent("el-col"), {
+      class: [this.ns.b(), this.ns.m("grid"), this.controller.extraClass],
+      style: this.cssVars,
+      ...this.gridAttrs
+    }, {
+      default: () => defaultSlot
+    });
+  }
+});
+export {
+  AppCol
+};

package/es/common/app-icon/app-icon.d.ts

@@ -1,4 +1,5 @@
 import { PropType, VNode } from 'vue';
+import { ISysImage } from '@ibiz/model-core';
 export declare const AppIcon: import("vue").DefineComponent<{
     icon: {
         type: PropType<ISysImage>;
@@ -16,4 +17,3 @@ export declare const AppIcon: import("vue").DefineComponent<{
         type: PropType<"small" | "medium" | "large">;
     };
 }>>, {}>;
-export default AppIcon;

package/es/common/app-icon/app-icon.js

@@ -66,6 +66,5 @@ const AppIcon = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  AppIcon,
-  AppIcon as default
+  AppIcon
 };

package/es/common/app-router-view/app-router-view.d.ts

@@ -1,4 +1,5 @@
 import { PropType, VNode } from 'vue';
+import { RouteLocationNormalizedLoaded } from 'vue-router';
 /**
  * 只会第一次绘制的时候绘制路由相关的内容，后面路由导致的router-view的回调都屏蔽了。
  * 通过变更manualKey,来强制刷新router-view的slot回调。并且吧manualKey传给Component的key，搭配AppKeepAlive可以缓存组件

package/es/common/app-router-view/app-router-view.js

@@ -1,4 +1,5 @@
 import { defineComponent, watch, createVNode, resolveComponent, h } from "vue";
+import { isNotNil } from "ramda";
 const AppRouterView = /* @__PURE__ */ defineComponent({
   name: "AppRouterView",
   inheritAttrs: false,
@@ -18,7 +19,7 @@ const AppRouterView = /* @__PURE__ */ defineComponent({
     const cache = {};
     let isActive = true;
     watch(() => props.manualKey, (newVal, oldVal) => {
-      if (newVal && newVal !== oldVal) {
+      if (isNotNil(newVal) && newVal !== oldVal) {
         isActive = true;
       }
     });

package/es/common/app-row/app-row.d.ts

@@ -0,0 +1,9 @@
+import { ILayout } from '@ibiz/model-core';
+import { PropType } from 'vue';
+export declare const AppRow: import("vue").DefineComponent<{
+    layout: PropType<ILayout>;
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    layout: PropType<ILayout>;
+}>>, {}>;

package/es/common/app-row/app-row.js

@@ -0,0 +1,41 @@
+import { defineComponent, createVNode, resolveComponent, isVNode } from "vue";
+import { useNamespace } from "@ibiz-template/vue3-util";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const AppRow = /* @__PURE__ */ defineComponent({
+  name: "AppRow",
+  props: {
+    layout: Object
+  },
+  setup() {
+    const ns = useNamespace("row");
+    return {
+      ns
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layout) == null ? void 0 : _c.layout) === "FLEX") {
+      const {
+        dir,
+        align,
+        valign
+      } = this.layout;
+      const _dir = dir || "column";
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("flex")],
+        "style": `display:flex;flex-direction: ${_dir};justify-content: ${align};align-items: ${valign};`
+      }, [defaultSlot]);
+    }
+    return createVNode(resolveComponent("el-row"), {
+      "class": [this.ns.b(), this.ns.m("grid")]
+    }, _isSlot(defaultSlot) ? defaultSlot : {
+      default: () => [defaultSlot]
+    });
+  }
+});
+export {
+  AppRow
+};

package/es/{layout → common}/control-base/control-base.js

@@ -1,6 +1,5 @@
-import { defineComponent, createVNode, resolveComponent } from "vue";
+import { defineComponent, createVNode } from "vue";
 import { useNamespace } from "@ibiz-template/vue3-util";
-import { kebabCase } from "lodash-es";
 const ControlBase = /* @__PURE__ */ defineComponent({
   props: {
     controller: {
@@ -17,24 +16,18 @@ const ControlBase = /* @__PURE__ */ defineComponent({
     } = props.controller.model;
     const typeClass = controlType.toLowerCase();
     const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
-    const modelClass = kebabCase(codeName);
     return {
       ns,
       typeClass,
       sysCssName,
-      modelClass
+      codeName
     };
   },
   render() {
-    return createVNode(resolveComponent("control-layout"), {
-      "modelData": this.controller.model,
-      "class": [this.ns.b(), this.ns.b(this.typeClass), this.ns.m(this.modelClass), this.sysCssName]
-    }, {
-      default: () => {
-        var _a, _b;
-        return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)];
-      }
-    });
+    var _a, _b;
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.b(this.typeClass), this.ns.m(this.codeName), this.sysCssName]
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
   }
 });
 export {

package/es/common/index.d.ts

@@ -1,8 +1,10 @@
+import { App } from 'vue';
 export * from './app-icon/app-icon';
 export * from './app-keep-alive/app-keep-alive';
-export * from './app-keep-alive/scheduler';
 export * from './app-router-view/app-router-view';
-export * from './app-user/app-user';
-export * from './grid-pagination/index';
-export * from './quick-search/quick-search';
-export * from './tab-page-exp/tab-page-exp';
+export * from './app-col/app-col';
+export * from './app-row/app-row';
+export declare const IBizCommonComponents: {
+    install: (v: App) => void;
+};
+export default IBizCommonComponents;

package/es/common/index.js

@@ -1,8 +1,27 @@
+import { ActionToolbar } from "./action-toolbar/action-toolbar";
+import { AppCol } from "./app-col/app-col";
+export * from "./app-col/app-col";
+import { AppIcon } from "./app-icon/app-icon";
 export * from "./app-icon/app-icon";
+import { AppKeepAlive } from "./app-keep-alive/app-keep-alive";
 export * from "./app-keep-alive/app-keep-alive";
-export * from "./app-keep-alive/scheduler";
+import { AppRouterView } from "./app-router-view/app-router-view";
 export * from "./app-router-view/app-router-view";
-export * from "./app-user/app-user";
-export * from "./grid-pagination/index";
-export * from "./quick-search/quick-search";
-export * from "./tab-page-exp/tab-page-exp";
+import { AppRow } from "./app-row/app-row";
+export * from "./app-row/app-row";
+import { ControlBase } from "./control-base/control-base";
+const IBizCommonComponents = {
+  install: (v) => {
+    v.component("ControlBase", ControlBase);
+    v.component("AppKeepAlive", AppKeepAlive);
+    v.component("AppIcon", AppIcon);
+    v.component("AppRow", AppRow);
+    v.component("AppCol", AppCol);
+    v.component("AppRouterView", AppRouterView);
+    v.component("ActionToolbar", ActionToolbar);
+  }
+};
+export {
+  IBizCommonComponents,
+  IBizCommonComponents as default
+};

package/es/control/app-menu/app-menu-provider.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 class AppMenuProvider {
   constructor() {
-    __publicField(this, "component", "AppMenu");
+    __publicField(this, "component", "AppMenuControl");
   }
 }
 export {

package/es/control/app-menu/app-menu-state.d.ts

@@ -0,0 +1,23 @@
+import { ControlState } from '@ibiz-template/runtime';
+/**
+ * 应用菜单部件UI状态
+ *
+ * @export
+ * @class AppMenuState
+ * @extends {ControlState}
+ */
+export declare class AppMenuState extends ControlState {
+    /**
+     * 菜单项状态
+     *
+     * @author lxm
+     * @date 2022-10-12 20:10:51
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     */
+    menuItemsState: {
+        [p: string]: {
+            visible: boolean;
+            permitted: boolean;
+        };
+    };
+}

package/es/control/app-menu/app-menu-state.js

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ControlState } from "@ibiz-template/runtime";
+class AppMenuState extends ControlState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 菜单项状态
+     *
+     * @author lxm
+     * @date 2022-10-12 20:10:51
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     */
+    __publicField(this, "menuItemsState", {});
+  }
+}
+export {
+  AppMenuState
+};

package/es/control/app-menu/app-menu.controller.d.ts

@@ -0,0 +1,52 @@
+import { ControlController, IAppMenuController, ControllerEvent, IAppMenuEvent, Application } from '@ibiz-template/runtime';
+import { IAppMenu, IAppMenuItem } from '@ibiz/model-core';
+import { AppMenuState } from './app-menu-state';
+/**
+ * 应用菜单控制器
+ *
+ * @author chitanda
+ * @date 2022-07-24 15:07:07
+ * @export
+ * @class AppMenuController
+ * @extends {ControlController}
+ */
+export declare class AppMenuController extends ControlController<IAppMenu> implements IAppMenuController {
+    state: AppMenuState;
+    evt: ControllerEvent<IAppMenuEvent>;
+    /**
+     * 菜单项状态
+     *
+     * @deprecated
+     * @author lxm
+     * @date 2022-10-12 20:10:51
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     */
+    menuItemsState: {
+        [p: string]: {
+            visible: boolean;
+            permitted: boolean;
+        };
+    };
+    app: Application;
+    protected doCreated(): Promise<void>;
+    /**
+     * 菜单项点击回调，触发对应的应用功能
+     *
+     * @author chitanda
+     * @date 2022-12-22 14:12:53
+     * @param {string} id
+     * @return {*}  {Promise<void>}
+     */
+    onClickMenuItem(id: string, event: MouseEvent): Promise<void>;
+    /**
+     * 初始化菜单项状态
+     *
+     * @author lxm
+     * @date 2022-10-12 20:10:37
+     * @param {AppMenuItemModel} menu
+     */
+    initMenuItemState(menu: IAppMenuItem): {
+        visible: boolean;
+        permitted: boolean;
+    };
+}

package/es/control/app-menu/app-menu.controller.js

@@ -0,0 +1,91 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { RuntimeError } from "@ibiz-template/core";
+import { ControlController, findRecursiveChild, AppFuncCommand } from "@ibiz-template/runtime";
+import { AppMenuState } from "./app-menu-state";
+class AppMenuController extends ControlController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", new AppMenuState());
+    /**
+     * 菜单项状态
+     *
+     * @deprecated
+     * @author lxm
+     * @date 2022-10-12 20:10:51
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     */
+    __publicField(this, "menuItemsState", {});
+    __publicField(this, "app");
+  }
+  async doCreated() {
+    var _a;
+    await super.doCreated();
+    this.app = await ibiz.hub.getApp(this.context.srfappid);
+    (_a = this.model.appMenuItems) == null ? void 0 : _a.forEach((item) => {
+      this.initMenuItemState(item);
+    });
+  }
+  /**
+   * 菜单项点击回调，触发对应的应用功能
+   *
+   * @author chitanda
+   * @date 2022-12-22 14:12:53
+   * @param {string} id
+   * @return {*}  {Promise<void>}
+   */
+  async onClickMenuItem(id, event) {
+    const menuItem = findRecursiveChild(this.model, id, {
+      compareField: "id",
+      childrenFields: ["appMenuItems"]
+    });
+    if (!menuItem) {
+      throw new RuntimeError(`找不到名为${id}的菜单项`);
+    }
+    this.evt.emit("onClick", {
+      eventArg: id,
+      event
+    });
+    await ibiz.commands.execute(
+      AppFuncCommand.TAG,
+      menuItem.appFuncId,
+      this.context,
+      this.params
+    );
+  }
+  /**
+   * 初始化菜单项状态
+   *
+   * @author lxm
+   * @date 2022-10-12 20:10:37
+   * @param {AppMenuItemModel} menu
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMenuItemState(menu) {
+    var _a;
+    let permitted = true;
+    if (menu.accessKey) {
+      permitted = this.app.authority.calcByResCode(menu.accessKey);
+    }
+    let visible = permitted;
+    if ((_a = menu.appMenuItems) == null ? void 0 : _a.length) {
+      const childrenState = menu.appMenuItems.map((child) => {
+        return this.initMenuItemState(child).visible;
+      });
+      visible = visible && childrenState.includes(true);
+    }
+    const result = { permitted, visible };
+    this.state.menuItemsState[menu.id] = result;
+    return {
+      visible: true,
+      permitted: true
+    };
+  }
+}
+export {
+  AppMenuController
+};

package/es/control/app-menu/app-menu.d.ts

@@ -1,5 +1,8 @@
+import { Namespace } from '@ibiz-template/core';
+import { IAppMenu } from '@ibiz/model-core';
 import { PropType, Ref } from 'vue';
 import './app-menu.scss';
+import { AppMenuController } from './app-menu.controller';
 export declare const AppMenu: import("vue").DefineComponent<{
     modelData: {
         type: PropType<IAppMenu>;
@@ -20,11 +23,11 @@ export declare const AppMenu: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    menus: Ref<any[]>;
-    c: any;
-    key: any;
-    onClick: (key: string) => Promise<void>;
-    ns: any;
+    menus: Ref<IDatum[]>;
+    c: AppMenuController;
+    key: Ref<string>;
+    onClick: (key: string, event: MouseEvent) => Promise<void>;
+    ns: Namespace;
     defaultActive: Ref<string>;
     defaultOpens: Ref<string[]>;
     MenuMode: import("vue").ComputedRef<"horizontal" | "vertical">;
@@ -48,7 +51,7 @@ export declare const AppMenu: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    collapse: boolean;
-    params: IParams;
     mode: string;
+    params: IParams;
+    collapse: boolean;
 }>;

package/es/control/app-menu/app-menu.js

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, onMounted, computed, createVNode, resolveComponent, isVNode } from "vue";
 import { useControlController, useNamespace } from "@ibiz-template/vue3-util";
-import { AppMenuController } from "@ibiz-template/runtime";
 import { createUUID } from "qx-util";
+import { AppMenuController } from "./app-menu.controller";
 const appMenu = "";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -72,7 +72,7 @@ function renderSubmenu(isFirst, subMenu, collapse, ns, c) {
   });
 }
 const AppMenu = /* @__PURE__ */ defineComponent({
-  name: "AppMenu",
+  name: "AppMenuControl",
   props: {
     modelData: {
       type: Object,
@@ -98,17 +98,13 @@ const AppMenu = /* @__PURE__ */ defineComponent({
       proxy
     } = getCurrentInstance();
     const c = useControlController((...args) => new AppMenuController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     const menus = ref(getMenus(c.model.appMenuItems));
     const defaultActive = ref("");
     const defaultOpens = ref([]);
-    let menuClickDoing = false;
-    const onClick = async (key2) => {
-      menuClickDoing = true;
-      await c.onClickMenuItem(key2);
-      menuClickDoing = false;
+    const onClick = async (key2, event) => {
+      await c.onClickMenuItem(key2, event);
     };
-    console.log(menuClickDoing);
-    const ns = useNamespace("control-menu");
     const key = ref(createUUID());
     const updateMenu = () => {
       setTimeout(() => {
@@ -150,7 +146,7 @@ const AppMenu = /* @__PURE__ */ defineComponent({
       "class": [this.ns.b(), this.ns.is("collapse", this.collapse)],
       "controller": this.c
     }, {
-      default: () => [createVNode(resolveComponent("el-menu"), {
+      default: () => [this.c.state.complete && createVNode(resolveComponent("el-menu"), {
         "key": this.key,
         "ref": "menu",
         "default-active": this.defaultActive,