@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.20

package/es/panel-component/auth-userinfo/index.d.ts

@@ -4,25 +4,26 @@ export declare const IBizAuthUserinfo: import("@ibiz-template/vue3-util").TypeWi
         required: true;
     };
     controller: {
-        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        type: typeof import("./auth-userinfo.controller").AuthUserinfoController;
         required: true;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    c: import("./auth-userinfo.controller").AuthUserinfoController;
     onClick: () => void;
     srfusername: any;
     loginname: any;
     router: import("vue-router").Router;
     menuAlign: import("vue").ComputedRef<string>;
     isCollapse: import("vue").ComputedRef<any>;
+    isReadonly: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
         required: true;
     };
     controller: {
-        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        type: typeof import("./auth-userinfo.controller").AuthUserinfoController;
         required: true;
     };
 }>>, {}, {}>>;

package/es/panel-component/coop-pos/coop-pos.d.ts

@@ -12,7 +12,7 @@ import './coop-pos.scss';
  *      - 勾选【登记打开数据】 -> 显示浏览用户
  *      - 勾选【登记更新数据】 -> 显示编辑用户
  *      - 勾选【提示刷新数据】 -> 显示更新用户
- * @panelitemparams {name:showmode,parameterType:avatar|default,defaultvalue:default,description:当值为avatar时会绘制头像}
+ * @panelitemparams {name:showmode,parameterType:'avatar' | 'default',defaultvalue:'default',description:当值为avatar时会绘制头像}
  *
  */
 export declare const CoopPos: import("vue").DefineComponent<{

package/es/panel-component/global-search/global-search.controller.d.ts

@@ -1,5 +1,5 @@
 import { PanelItemController } from '@ibiz-template/runtime';
-import { IPanelRawItem } from '@ibiz/model-core';
+import { IPanelRawItem, IAppFunc, IAppMenuItem } from '@ibiz/model-core';
 import { IHttpResponse } from '@ibiz-template/core';
 import { GlobalSearchState, ISearchItem } from './global-search.state';
 /**
@@ -28,11 +28,11 @@ export declare class GlobalSearchController extends PanelItemController<IPanelRa
     /**
      * @description 自定义参数
      * @exposedoc
-     * @protected
+     * @public
      * @type {IData}
      * @memberof GlobalSearchController
      */
-    protected rawItemParams: IData;
+    rawItemParams: IData;
     /**
      * @description 搜索历史缓存标识
      * @protected
@@ -91,6 +91,13 @@ export declare class GlobalSearchController extends PanelItemController<IPanelRa
      * @memberof GlobalSearchController
      */
     protected initHistory(): void;
+    /**
+     * @description 获取全局搜索应用功能
+     * @param {IAppMenuItem[]} appMenuItems
+     * @returns {*}  {Promise<IAppFunc[]>}
+     * @memberof GlobalSearchController
+     */
+    getSearchFunc(appMenuItems: IAppMenuItem[]): Promise<IAppFunc[]>;
     /**
      * 初始化全局搜索项
      *

package/es/panel-component/global-search/global-search.controller.mjs

@@ -1,6 +1,5 @@
 import { PanelItemController, getControl, getDeACMode, getAcItemProvider, calcDeCodeNameById, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { notNilEmpty, createUUID } from 'qx-util';
-import { recursiveIterate } from '@ibiz-template/core';
 import { GlobalSearchState } from './global-search.state.mjs';
 
 "use strict";
@@ -30,7 +29,7 @@ class GlobalSearchController extends PanelItemController {
     /**
      * @description 自定义参数
      * @exposedoc
-     * @protected
+     * @public
      * @type {IData}
      * @memberof GlobalSearchController
      */
@@ -125,6 +124,38 @@ class GlobalSearchController extends PanelItemController {
     if (cache)
       this.state.histories = JSON.parse(cache);
   }
+  /**
+   * @description 获取全局搜索应用功能
+   * @param {IAppMenuItem[]} appMenuItems
+   * @returns {*}  {Promise<IAppFunc[]>}
+   * @memberof GlobalSearchController
+   */
+  async getSearchFunc(appMenuItems) {
+    const result = [];
+    const promises = appMenuItems.map(async (menuItem) => {
+      try {
+        if (menuItem.appMenuItems) {
+          const subFuncs = await this.getSearchFunc(menuItem.appMenuItems);
+          result.push(...subFuncs);
+          return;
+        }
+        if (menuItem.appFuncId) {
+          let app = ibiz.hub.getApp(menuItem.appId);
+          if (!app) {
+            app = await ibiz.hub.getAppAsync(menuItem.appId);
+          }
+          const appFunc = app.getAppFunc(menuItem.appFuncId);
+          if (appFunc && appFunc.appFuncType === "SEARCH" && appFunc.appDEACModeId && appFunc.appDataEntityId) {
+            result.push(appFunc);
+          }
+        }
+      } catch (err) {
+        console.error("\u8BA1\u7B97\u83DC\u5355\u5E94\u7528\u529F\u80FD\u5F02\u5E38: ".concat(menuItem.appFuncId), err);
+      }
+    });
+    await Promise.all(promises);
+    return result;
+  }
   /**
    * 初始化全局搜索项
    *
@@ -132,24 +163,14 @@ class GlobalSearchController extends PanelItemController {
    * @memberof GlobalSearchController
    */
   async initGlobalSearchItem() {
-    const appMenu = getControl(this.panel.view.model, "appmenu");
+    const appMenu = getControl(
+      this.panel.view.model,
+      "appmenu"
+    );
     if (!appMenu)
       return;
-    const appFuncs = [];
-    recursiveIterate(
-      appMenu,
-      (menuItem) => {
-        if (menuItem.appFuncId) {
-          const app = ibiz.hub.getApp(menuItem.appId);
-          const appFunc = app.getAppFunc(menuItem.appFuncId);
-          if (appFunc && appFunc.appFuncType === "SEARCH" && appFunc.appDEACModeId && appFunc.appDataEntityId)
-            appFuncs.push(appFunc);
-        }
-      },
-      {
-        childrenFields: ["appMenuItems"]
-      }
-    );
+    const appMenuItems = appMenu.appMenuItems || [];
+    const appFuncs = await this.getSearchFunc(appMenuItems);
     await Promise.all(
       appFuncs.map(async (func) => {
         const deACMode = await getDeACMode(

package/es/panel-component/global-search/global-search.d.ts

@@ -5,10 +5,11 @@ import './global-search.scss';
 /**
  * 全局搜索
  * @primary
- * @description 全局搜索组件，监听快捷键Ctrl+K弹出搜索框，点击搜索时可查询应用信息。
- * @panelitemparams {name:historyCacheKey,parameterType:string,defaultvalue:global-search-history,description:搜索历史缓存标识}
+ * @description 全局搜索组件，监听快捷键Ctrl+K弹出搜索框，需在菜单上绑定应用功能预定义类型为GLOBAL_SEARCH的隐藏菜单项,应用功能类型为全局搜索，同时绑定应用实体与自填模式。输入值时会查询实体自填模式数据，同时点击下拉数据后会打开自填模式中的链接视图。每次查询后还会缓存为搜索历史记录。
+ * @panelitemparams {name:historyCacheKey,parameterType:string,defaultvalue:'global-search-history',description:搜索历史缓存标识}
  * @panelitemparams {name:maxhistory,parameterType:number,defaultvalue:7,description:最大历史记录，默认7条}
  * @panelitemparams {name:size,parameterType:number,defaultvalue:100,description:单次查询最大数量，默认100条}
+ * @panelitemparams {name:placeholder,parameterType:string,description:搜索框提示信息}
  * @export
  * @class GlobalSearch
  */
@@ -33,6 +34,7 @@ export declare const GlobalSearch: import("vue").DefineComponent<{
     visible: import("vue").ComputedRef<boolean>;
     editorRef: import("vue").Ref<any>;
     searchValue: import("vue").Ref<string>;
+    curPlaceholder: import("vue").ComputedRef<any>;
     handleFocus: (_evt: FocusEvent) => void;
     handleEnter: (event: KeyboardEvent) => void;
     renderAction: () => JSX.Element | undefined;

package/es/panel-component/global-search/global-search.mjs

@@ -46,6 +46,12 @@ const GlobalSearch = /* @__PURE__ */ defineComponent({
       const showEmpty = histories.includes(query) && list.length === 0;
       return (showSearch || showEmpty || showHistory || loading) && activated.value;
     });
+    const curPlaceholder = computed(() => {
+      const {
+        placeholder
+      } = c.rawItemParams;
+      return placeholder || ibiz.i18n.t("panelComponent.globalSearch.placeholder");
+    });
     const handleEnter = (event) => {
       if (event.key === "Enter") {
         activated.value = true;
@@ -188,6 +194,7 @@ const GlobalSearch = /* @__PURE__ */ defineComponent({
       visible,
       editorRef,
       searchValue,
+      curPlaceholder,
       handleFocus,
       handleEnter,
       renderAction,
@@ -212,7 +219,7 @@ const GlobalSearch = /* @__PURE__ */ defineComponent({
           "ref": "editorRef",
           "modelValue": this.searchValue,
           "onUpdate:modelValue": ($event) => this.searchValue = $event,
-          "placeholder": ibiz.i18n.t("panelComponent.globalSearch.placeholder"),
+          "placeholder": this.curPlaceholder,
           "class": [this.ns.e("search"), this.ns.is("search", this.visible)],
           "onFocus": this.handleFocus,
           "onKeyup": this.handleEnter,

package/es/panel-component/global-search/index.d.ts

@@ -13,6 +13,7 @@ export declare const IBizGlobalSearch: import("@ibiz-template/vue3-util").TypeWi
     visible: import("vue").ComputedRef<boolean>;
     editorRef: import("vue").Ref<any>;
     searchValue: import("vue").Ref<string>;
+    curPlaceholder: import("vue").ComputedRef<any>;
     handleFocus: (_evt: FocusEvent) => void;
     handleEnter: (event: KeyboardEvent) => void;
     renderAction: () => JSX.Element | undefined;

package/es/panel-component/index-actions/index-actions.d.ts

@@ -4,6 +4,7 @@ import { PropType } from 'vue';
 import './index-actions.scss';
 /**
  * 首页行为容器组件
+ * @primary
  * @description 用于包裹首页预定义布局中的四个预定义按钮组件。
  * @param {IPanelContainer} props
  * @returns

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.controller.mjs

@@ -57,8 +57,6 @@ class IndexBlankPlaceholderController extends PanelItemController {
         const appView = await ibiz.hub.config.view.get(appViewId);
         const { openMode = "INDEXVIEWTAB" } = appView;
         this.state.visible = !openMode.startsWith("INDEXVIEWTAB");
-      } else {
-        this.state.visible = true;
       }
     });
   }

package/es/panel-component/index.mjs

@@ -30,6 +30,7 @@ import { IBizAuthSso } from './auth-sso/index.mjs';
 import { IBizIndexBlankPlaceholder } from './index-blank-placeholder/index.mjs';
 import { IBizGlobalSearch } from './global-search/index.mjs';
 import { IBizAppSwitch } from './app-switch/index.mjs';
+import IBizAppExtendMenu from './app-extend-menu/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -88,6 +89,7 @@ const IBizPanelComponents = {
     v.use(IBizPanelButtonList);
     v.use(IBizAuthWxmpQrcode);
     v.use(IBizAppSwitch);
+    v.use(IBizAppExtendMenu);
   }
 };
 

package/es/panel-component/nav-breadcrumb/index.d.ts

@@ -13,6 +13,7 @@ export declare const IBizNavBreadcrumb: import("@ibiz-template/vue3-util").TypeW
     ns: import("@ibiz-template/core").Namespace;
     c: import("./nav-breadcrumb.controller").NavBreadcrumbController;
     items: import("vue").ComputedRef<import("./nav-breadcrumb.state").BreadcrumbMsg[]>;
+    onClick: (event: MouseEvent, item: import("./nav-breadcrumb.state").BreadcrumbMsg) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.controller.d.ts

@@ -104,7 +104,7 @@ export declare class NavBreadcrumbController extends PanelItemController<IPanelR
      * @param {Router} router
      * @memberof NavBreadcrumbController
      */
-    protected setBreadcrumbByRouter(router: Router): void;
+    protected setBreadcrumbByRouter(router: Router): Promise<void>;
     /**
      * @description 根据路由设置菜单面包屑导航数据
      * @param {Router} router
@@ -123,4 +123,11 @@ export declare class NavBreadcrumbController extends PanelItemController<IPanelR
      * @memberof NavBreadcrumbController
      */
     protected handleRawItemParams(): void;
+    /**
+     * @description 打开菜单项视图
+     * @param {IData} item
+     * @param {MouseEvent} event
+     * @memberof NavBreadcrumbController
+     */
+    openMenuItemView(item: IData, event: MouseEvent): void;
 }

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.controller.mjs

@@ -4,7 +4,7 @@ import { route2routePath, routePath2string } from '@ibiz-template/vue3-util';
 import { notNilEmpty } from 'qx-util';
 import { NavBreadcrumbState } from './nav-breadcrumb.state.mjs';
 import { NavBreadcrumbService } from './nav-breadcrumb.service.mjs';
-import { getCurViewName, getIndexBreadcrumb, getViewInfoByViewStack, getAppFuncByViewName, getMenuItemsByAppFunc } from './nav-breadcrumb.util.mjs';
+import { getCurViewName, getMenuTag, getAppIndexViewName, getIndexBreadcrumb, getMenuItemByTag, getViewInfoByViewStack, getAppFuncByViewName, getMenuItemsByAppFunc } from './nav-breadcrumb.util.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -108,24 +108,33 @@ class NavBreadcrumbController extends PanelItemController {
     }
     if (this.navMode === "store") {
       const { currentRoute } = router;
+      const routePath = route2routePath(currentRoute.value);
       const fullPath = currentRoute.value.fullPath;
       const viewName = getCurViewName(router);
+      const menuTag = getMenuTag(routePath.pathNodes);
       const chacheItem = this.service.getItem({ fullPath, viewName });
+      const indexViewName = getAppIndexViewName(this.panel.context);
       if (chacheItem) {
-        if (chacheItem.viewName === ibiz.hub.defaultAppIndexViewName) {
+        if (chacheItem.viewName === indexViewName) {
           this.service.setChache([
             { ...getIndexBreadcrumb(this.panel.context), fullPath }
           ]);
           this.resetBreadcrumbs();
           return;
         }
+        this.service.update({ ...chacheItem, fullPath });
         const removeItems = this.service.removeAfter(fullPath);
         removeItems.forEach((item) => {
           var _a;
           (_a = this.navPos) == null ? void 0 : _a.removeCache(item.fullPath);
         });
         this.resetBreadcrumbs();
+      } else if (this.state.menuTag !== menuTag) {
+        this.setBreadcrumbByRouter(router);
+      } else {
+        this.service.add({ viewName, fullPath, type: "default" });
       }
+      this.state.menuTag = menuTag;
     }
   }
   /**
@@ -146,7 +155,7 @@ class NavBreadcrumbController extends PanelItemController {
     if (this.navMode === "menu") {
       return;
     }
-    this.service.updateOrAdd({ fullPath, ...info });
+    this.service.update({ fullPath, type: "default", ...info });
     this.resetBreadcrumbs();
   }
   /**
@@ -162,19 +171,30 @@ class NavBreadcrumbController extends PanelItemController {
    * @param {Router} router
    * @memberof NavBreadcrumbController
    */
-  setBreadcrumbByRouter(router) {
+  async setBreadcrumbByRouter(router) {
     const { currentRoute } = router;
     const routePath = route2routePath(currentRoute.value);
-    const items = routePath.pathNodes.map(
-      (node, index) => {
-        const { appContext, pathNodes } = routePath;
+    const { appContext = {}, pathNodes } = routePath;
+    const menuTag = getMenuTag(pathNodes);
+    let hasMenuItem = false;
+    const menuData = await getMenuItemByTag(
+      menuTag,
+      this.appmenu,
+      this.panel.context
+    );
+    const calcPathNodes = routePath.pathNodes.map(
+      async (node, index) => {
+        if (this.appmenu && menuData && menuData.viewName === node.viewName) {
+          hasMenuItem = true;
+        }
         const fullPath = routePath2string({
           appContext,
           pathNodes: pathNodes.slice(0, index + 1)
         });
         const result = {
           viewName: node.viewName,
-          fullPath
+          fullPath,
+          type: "default"
         };
         const chacheItem = this.service.getItem({ viewName: node.viewName });
         if (chacheItem) {
@@ -183,13 +203,28 @@ class NavBreadcrumbController extends PanelItemController {
           }
           Object.assign(result, chacheItem);
         }
-        const viewInfo = getViewInfoByViewStack(node.viewName);
+        const viewInfo = getViewInfoByViewStack(
+          node.viewName,
+          this.panel.context
+        );
         if (viewInfo) {
           Object.assign(result, reject(isNil, viewInfo));
         }
         return result;
       }
     );
+    const items = await Promise.all(calcPathNodes);
+    if (!hasMenuItem && menuData) {
+      this.state.menuTag = menuData.tag;
+      const item = {
+        viewName: menuData.viewName,
+        caption: menuData.menuItem.caption,
+        fullPath: "",
+        type: "menuItem",
+        menuTag: menuData.tag
+      };
+      items.splice(1, 0, item);
+    }
     this.service.setChache(items);
     this.resetBreadcrumbs();
   }
@@ -223,6 +258,7 @@ class NavBreadcrumbController extends PanelItemController {
           return {
             caption: item.caption,
             fullPath: "",
+            type: "default",
             viewName: item.id
           };
         });
@@ -265,16 +301,14 @@ class NavBreadcrumbController extends PanelItemController {
     }
     if (this.appmenu) {
       this.appmenu.evt.on("onClick", async (data) => {
-        var _a;
         const { eventArg } = data;
-        const menuItem = this.appmenu.allAppMenuItems.find(
-          (x) => x.id === eventArg
+        const menuData = await getMenuItemByTag(
+          eventArg,
+          this.appmenu,
+          this.panel.context
         );
-        if (menuItem) {
-          const app = ibiz.hub.getApp(this.panel.context.srfappid);
-          const appFunc = app.getAppFunc(menuItem.appFuncId);
-          const viewName = ((_a = appFunc.appViewId) == null ? void 0 : _a.split(".").pop()) || "";
-          const viewConfig = await ibiz.hub.config.view.get(viewName);
+        if (menuData) {
+          const { viewName, appFunc, viewConfig } = menuData;
           if (appFunc.openMode !== "INDEXVIEWTAB" || viewConfig && viewConfig.openMode && viewConfig.openMode !== "INDEXVIEWTAB") {
             return;
           }
@@ -285,7 +319,8 @@ class NavBreadcrumbController extends PanelItemController {
           } else {
             items.push({
               viewName,
-              fullPath: ""
+              fullPath: "",
+              type: "default"
             });
           }
           items.unshift(getIndexBreadcrumb(this.panel.context));
@@ -312,6 +347,17 @@ class NavBreadcrumbController extends PanelItemController {
     }
     Object.assign(this.rawItemParams, params);
   }
+  /**
+   * @description 打开菜单项视图
+   * @param {IData} item
+   * @param {MouseEvent} event
+   * @memberof NavBreadcrumbController
+   */
+  openMenuItemView(item, event) {
+    if (this.appmenu) {
+      this.appmenu.onClickMenuItem(item.menuTag, event);
+    }
+  }
 }
 
 export { NavBreadcrumbController };

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.css

@@ -1 +1 @@
-.ibiz-nav-breadcrumb{--ibiz-nav-breadcrumb-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-breadcrumb-link-color:var(--ibiz-color-link);--ibiz-nav-breadcrumb-disabled-color:var(--ibiz-color-text-0);padding:var(--ibiz-nav-breadcrumb-padding);--el-text-color-primary:var(--ibiz-nav-breadcrumb-link-color)}.ibiz-nav-breadcrumb--menu{color:var(--ibiz-nav-breadcrumb-disabled-color);--el-text-color-primary:var(--ibiz-nav-breadcrumb-disabled-color)}.ibiz-nav-breadcrumb--menu .el-breadcrumb__item{cursor:text}.ibiz-nav-breadcrumb--menu .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--ibiz-color-primary)}.ibiz-nav-breadcrumb--menu .el-breadcrumb__inner.is-link{font-weight:400;pointer-events:none}
+.ibiz-nav-breadcrumb{--ibiz-nav-breadcrumb-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-breadcrumb-link-color:var(--ibiz-color-link);--ibiz-nav-breadcrumb-disabled-color:var(--ibiz-color-text-0);padding:var(--ibiz-nav-breadcrumb-padding);--el-text-color-primary:var(--ibiz-nav-breadcrumb-link-color)}.ibiz-nav-breadcrumb--menu{color:var(--ibiz-nav-breadcrumb-disabled-color);--el-text-color-primary:var(--ibiz-nav-breadcrumb-disabled-color)}.ibiz-nav-breadcrumb--menu .el-breadcrumb__item{cursor:text}.ibiz-nav-breadcrumb--menu .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--ibiz-color-primary)}.ibiz-nav-breadcrumb--menu .el-breadcrumb__inner.is-link{font-weight:400;pointer-events:none}.ibiz-nav-breadcrumb .el-breadcrumb__item.is-link .el-breadcrumb__inner{font-weight:700;color:var(--el-text-color-primary);text-decoration:none;cursor:pointer;transition:var(--el-transition-color)}

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue';
 import { IPanelRawItem } from '@ibiz/model-core';
 import { NavBreadcrumbController } from './nav-breadcrumb.controller';
+import { BreadcrumbMsg } from './nav-breadcrumb.state';
 import './nav-breadcrumb.scss';
 export interface dropdownAction {
     text: string;
@@ -10,8 +11,8 @@ export interface dropdownAction {
  * 面包屑导航
  * @primary
  * @description 首页下的面包屑组件，使用el-breadcrumb绘制，根据打开视图层级绘制面包屑。
- * @panelitemparams {name:navmode,parameterType:router|menu|store,defaultvalue:router,description:导航模式}
- * @panelitemparams {name:separator,parameterType:string,defaultvalue:/,description:面包屑分隔符}
+ * @panelitemparams {name:navmode,parameterType:'router' | 'menu' | 'store',defaultvalue:'router',description:导航模式}
+ * @panelitemparams {name:separator,parameterType:string,defaultvalue:'/',description:面包屑分隔符}
  * @panelitemparams {name:showhome,parameterType:boolean,defaultvalue:true,description:是否显示应用标题}
  */
 export declare const NavBreadcrumb: import("vue").DefineComponent<{
@@ -32,7 +33,8 @@ export declare const NavBreadcrumb: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: NavBreadcrumbController;
-    items: import("vue").ComputedRef<import("./nav-breadcrumb.state").BreadcrumbMsg[]>;
+    items: import("vue").ComputedRef<BreadcrumbMsg[]>;
+    onClick: (event: MouseEvent, item: BreadcrumbMsg) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * @description 面包屑导航数据

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.mjs

@@ -2,6 +2,7 @@ import { isVNode, watch, computed, resolveComponent, createVNode, defineComponen
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute, useRouter } from 'vue-router';
 import { NavBreadcrumbController } from './nav-breadcrumb.controller.mjs';
+import { getAppIndexViewName } from './nav-breadcrumb.util.mjs';
 import './nav-breadcrumb.css';
 
 "use strict";
@@ -42,15 +43,23 @@ const NavBreadcrumb = /* @__PURE__ */ defineComponent({
         breadcrumbItems
       } = c.state;
       let result = breadcrumbItems.filter((x) => x.caption);
+      const indexViewName = getAppIndexViewName(c.panel.context);
       if (!c.showHome) {
-        result = result.filter((x) => x.viewName !== ibiz.hub.defaultAppIndexViewName);
+        result = result.filter((x) => x.viewName !== indexViewName);
       }
       return result;
     });
+    const onClick = (event, item) => {
+      if (item.type === "menuItem") {
+        event.stopPropagation();
+        c.openMenuItemView(item, event);
+      }
+    };
     return {
       ns,
       c,
-      items
+      items,
+      onClick
     };
   },
   render() {
@@ -65,7 +74,9 @@ const NavBreadcrumb = /* @__PURE__ */ defineComponent({
         label += " - ".concat(item.dataInfo);
       }
       return createVNode(resolveComponent("el-breadcrumb-item"), {
-        "to": item.fullPath
+        "class": this.ns.is("link", item.type === "menuItem"),
+        "to": item.fullPath,
+        "onClick": (event) => this.onClick(event, item)
       }, _isSlot(label) ? label : {
         default: () => [label]
       });

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.service.d.ts

@@ -40,7 +40,7 @@ export declare class NavBreadcrumbService {
      * @param {BreadcrumbMsg} item
      * @memberof NavBreadcrumbService
      */
-    updateOrAdd(item: BreadcrumbMsg): void;
+    update(item: BreadcrumbMsg): void;
     /**
      * @description 获取缓存数据项
      * @param {IData} data

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.service.mjs

@@ -1,5 +1,5 @@
 import { clone, isNil, reject } from 'ramda';
-import { getIndexBreadcrumb } from './nav-breadcrumb.util.mjs';
+import { getAppIndexViewName, getIndexBreadcrumb } from './nav-breadcrumb.util.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -70,7 +70,7 @@ class NavBreadcrumbService {
    * @param {BreadcrumbMsg} item
    * @memberof NavBreadcrumbService
    */
-  updateOrAdd(item) {
+  update(item) {
     if (!this.chache.length && this.navMode === "store") {
       const result = localStorage.getItem("breadcrumb");
       if (result) {
@@ -80,9 +80,7 @@ class NavBreadcrumbService {
     const index = this.chache.findIndex(
       (x) => x.fullPath && x.fullPath === item.fullPath || x.viewName.toLowerCase() === item.viewName.toLowerCase()
     );
-    if (index === -1) {
-      this.add(item);
-    } else {
+    if (index !== -1) {
       Object.assign(this.chache[index], reject(isNil, item));
       this.chache = this.chache.filter((x) => !x.isEmbed && !x.isModal);
       if (this.navMode === "store") {
@@ -98,7 +96,8 @@ class NavBreadcrumbService {
    */
   getItem(data) {
     const { viewName = "", fullPath = "" } = data;
-    if (viewName === "index") {
+    const indexViewName = getAppIndexViewName(this.context);
+    if (viewName === indexViewName) {
       return getIndexBreadcrumb(this.context);
     }
     const item = this.chache.find(

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.state.d.ts

@@ -6,6 +6,8 @@ export interface BreadcrumbMsg {
     dataInfo?: string;
     isEmbed?: boolean;
     isModal?: boolean;
+    type: 'menuItem' | 'default';
+    menuTag?: string;
 }
 /**
  * 导航标签页占位状态
@@ -24,4 +26,10 @@ export declare class NavBreadcrumbState extends PanelItemState {
      * @memberof NavBreadcrumbState
      */
     breadcrumbItems: BreadcrumbMsg[];
+    /**
+     * @description 菜单标识
+     * @type {string}
+     * @memberof NavBreadcrumbState
+     */
+    menuTag: string;
 }

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.state.mjs

@@ -17,6 +17,12 @@ class NavBreadcrumbState extends PanelItemState {
      * @memberof NavBreadcrumbState
      */
     __publicField(this, "breadcrumbItems", []);
+    /**
+     * @description 菜单标识
+     * @type {string}
+     * @memberof NavBreadcrumbState
+     */
+    __publicField(this, "menuTag", "");
   }
 }