@ibiz-template/vue3-components 0.7.41-alpha.17 → 0.7.41-alpha.18

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs

@@ -23,7 +23,6 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       ...uploadHeaders
     });
     const uploadUrl = ref("");
-    const downloadUrl = ref("");
     const customTheme = ((_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.customTheme) || ((_b = c == null ? void 0 : c.editorParams) == null ? void 0 : _b.customtheme);
     const {
       UIStore
@@ -36,19 +35,51 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     let isIgnoreChange = false;
     watch(() => props.data, (newVal) => {
       if (newVal && c) {
-        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
+        const editorParams = {
+          ...c.editorParams
+        };
+        if (editorParams.uploadparams) {
+          editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
+        }
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, editorParams);
         uploadUrl.value = urls.uploadUrl;
-        downloadUrl.value = urls.downloadUrl;
       }
     }, {
       immediate: true,
       deep: true
     });
     const markDownBox = ref();
+    const getDownloadUrl = (data, file) => {
+      if (!c) {
+        return "";
+      }
+      const editorParams = {
+        ...c.editorParams
+      };
+      if (editorParams.exportparams) {
+        editorParams.exportParams = JSON.parse(editorParams.exportparams);
+      }
+      if (file && file.folder) {
+        editorParams.osscat = file.folder;
+      }
+      const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, data, editorParams);
+      return urls.downloadUrl;
+    };
     const fileUpload = async (file, callback) => {
       const data = await ibiz.util.file.fileUpload(uploadUrl.value, file, headers.value);
-      const url = downloadUrl.value.replace("%fileId%", data.fileid);
-      callback(url);
+      const downloadUrl = getDownloadUrl(props.data || {}, data.fileid);
+      let url = downloadUrl.replace("%fileId%", data.fileid);
+      if (ibiz.config.common.enableDownloadTicket && c) {
+        const downloadTicket = await ibiz.util.file.getDownloadTicket(c.context, {
+          fileId: data.fileid
+        });
+        if (downloadTicket && downloadTicket.ticket) {
+          url = downloadUrl.replace("%fileId%", downloadTicket.ticket);
+          callback(url);
+        }
+      } else {
+        callback(url);
+      }
     };
     const getCherryHtml = () => {
       const result = editor == null ? void 0 : editor.getHtml();

package/es/editor/upload/use/use-iview-upload.d.ts

@@ -14,7 +14,6 @@ import { UploadEditorController } from '../upload-editor.controller';
  */
 export declare function useIViewUpload(props: IParams, valueChange: (_value: string | null) => void, c: UploadEditorController): {
     uploadUrl: Ref<string>;
-    downloadUrl: Ref<string>;
     headers: Ref<IData>;
     files: Ref<{
         id: string;

package/es/editor/upload/use/use-iview-upload.mjs

@@ -7,7 +7,6 @@ function useIViewUpload(props, valueChange, c) {
   const uploadHeaders = ibiz.util.file.getUploadHeaders();
   const headers = ref({ ...uploadHeaders });
   const uploadUrl = ref("");
-  const downloadUrl = ref("");
   const uploadCache = {
     count: 0,
     cacheFiles: []
@@ -21,6 +20,22 @@ function useIViewUpload(props, valueChange, c) {
     },
     { immediate: true }
   );
+  const getDownloadUrl = (data, file) => {
+    const editorParams = { ...c.editorParams };
+    if (editorParams.exportparams) {
+      editorParams.exportParams = JSON.parse(editorParams.exportparams);
+    }
+    if (file && file.folder) {
+      editorParams.osscat = file.folder;
+    }
+    const urls = ibiz.util.file.calcFileUpDownUrl(
+      c.context,
+      c.params,
+      data,
+      editorParams
+    );
+    return urls.downloadUrl;
+  };
   watch(
     () => props.data,
     (newVal) => {
@@ -29,9 +44,6 @@ function useIViewUpload(props, valueChange, c) {
         if (editorParams.uploadparams) {
           editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
         }
-        if (editorParams.exportparams) {
-          editorParams.exportParams = JSON.parse(editorParams.exportparams);
-        }
         const urls = ibiz.util.file.calcFileUpDownUrl(
           c.context,
           c.params,
@@ -39,7 +51,6 @@ function useIViewUpload(props, valueChange, c) {
           editorParams
         );
         uploadUrl.value = urls.uploadUrl;
-        downloadUrl.value = urls.downloadUrl;
       }
     },
     { immediate: true, deep: true }
@@ -84,24 +95,23 @@ function useIViewUpload(props, valueChange, c) {
   watch(
     files,
     (newVal) => {
-      if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
+      if (newVal == null ? void 0 : newVal.length) {
         newVal.forEach((file) => {
-          file.url = file.url || downloadUrl.value.replace("%fileId%", file.id);
-          if (file.name.split(".").pop() === "svg") {
-            calcSvgPreview(file);
-          }
-        });
-      }
-    },
-    { immediate: true }
-  );
-  watch(
-    downloadUrl,
-    (newVal) => {
-      if (newVal && files.value.length) {
-        files.value.forEach((file) => {
-          file.url = downloadUrl.value.replace("%fileId%", file.id);
-          if (file.name.split(".").pop() === "svg") {
+          const downloadUrl = getDownloadUrl(props.data, file);
+          file.url = file.url || downloadUrl.replace("%fileId%", file.id);
+          if (ibiz.config.common.enableDownloadTicket) {
+            ibiz.util.file.getDownloadTicket(c.context, { fileId: file.id }).then((downloadTicket) => {
+              if (downloadTicket && downloadTicket.ticket) {
+                file.url = downloadUrl.replace(
+                  "%fileId%",
+                  downloadTicket.ticket
+                );
+                if (file.name.split(".").pop() === "svg") {
+                  calcSvgPreview(file);
+                }
+              }
+            });
+          } else if (file.name.split(".").pop() === "svg") {
             calcSvgPreview(file);
           }
         });
@@ -115,6 +125,7 @@ function useIViewUpload(props, valueChange, c) {
       _files.map((file) => ({
         name: file.name,
         id: file.id,
+        folder: file.folder,
         ...c.transformInfoMap(file, c.infoMap, true)
       }))
     ) : null;
@@ -140,9 +151,13 @@ function useIViewUpload(props, valueChange, c) {
     if (!response) {
       return;
     }
+    if (ibiz.config.common.enableDownloadTicket) {
+      ibiz.util.file.setDownloadTicket(response.id, response.ticket);
+    }
     uploadCache.cacheFiles.push({
       name: response.filename,
       id: response.fileid,
+      folder: response.folder,
       ...c.transformInfoMap(response, c.infoMap)
     });
     if (response.name.split(".").pop() === "svg") {
@@ -175,15 +190,25 @@ function useIViewUpload(props, valueChange, c) {
     emitValue();
   };
   const onDownload = (file) => {
-    const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
-    ibiz.util.file.fileDownload(url, file.name);
+    const downloadUrl = getDownloadUrl(props.data, file);
+    const url = file.url || downloadUrl.replace("%fileId%", file.id);
+    const editorParams = { ...c.editorParams };
+    if (editorParams.exportparams) {
+      editorParams.exportParams = JSON.parse(editorParams.exportparams);
+    }
+    ibiz.util.file.fileDownload(url, file.name, {
+      context: c.context,
+      params: c.params,
+      data: props.data,
+      file: { fileId: file.id, ...file },
+      extraParams: editorParams
+    });
   };
   const limit = computed(() => {
     return c.multiple ? 9999 : 1;
   });
   return {
     uploadUrl,
-    downloadUrl,
     headers,
     files,
     limit,

package/es/locale/en/index.d.ts

@@ -178,6 +178,10 @@ declare const _default: {
                     classificationNotArray: string;
                     classificationNotString: string;
                     errorJson: string;
+                    value: string;
+                    percent: string;
+                    serieGroup: string;
+                    catalogField: string;
                 };
                 dataView: {
                     noBehaviourGroup: string;
@@ -685,6 +689,7 @@ declare const _default: {
             };
             fileUtil: {
                 fileUploadFailed: string;
+                getDownloadTicketFailed: string;
             };
             handlebars: {
                 noInitHandlebars: string;

package/es/locale/zh-CN/index.d.ts

@@ -178,6 +178,10 @@ declare const _default: {
                     classificationNotArray: string;
                     classificationNotString: string;
                     errorJson: string;
+                    value: string;
+                    percent: string;
+                    serieGroup: string;
+                    catalogField: string;
                 };
                 dataView: {
                     noBehaviourGroup: string;
@@ -684,6 +688,7 @@ declare const _default: {
             };
             fileUtil: {
                 fileUploadFailed: string;
+                getDownloadTicketFailed: string;
             };
             handlebars: {
                 noInitHandlebars: string;

package/es/panel-component/app-extend-menu/bottom-side-menu/bottom-side-menu.d.ts

@@ -6,7 +6,7 @@ import './bottom-side-menu.scss';
  * 底部菜单
  * @primary
  * @description 首页视图扩展菜单底部菜单
- * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制（按钮形态目前仅支持一层）、MENU表示按照菜单形态绘制}
+ * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制、MENU表示按照菜单形态绘制}
  * @primary
  */
 export declare const BottomSideMenu: import("vue").DefineComponent<{

package/es/panel-component/app-extend-menu/left-side-menu/left-side-menu.d.ts

@@ -6,7 +6,7 @@ import './left-side-menu.scss';
  * 左侧菜单
  * @primary
  * @description 首页视图扩展菜单左侧菜单
- * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制（按钮形态目前仅支持一层）、MENU表示按照菜单形态绘制}
+ * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制、MENU表示按照菜单形态绘制}
  * @primary
  */
 export declare const LeftSideMenu: import("vue").DefineComponent<{

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.d.ts

@@ -6,7 +6,7 @@ import './right-side-menu.scss';
  * 右侧菜单
  * @primary
  * @description 首页视图扩展菜单右侧菜单
- * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制（按钮形态目前仅支持一层）、MENU表示按照菜单形态绘制}
+ * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制、MENU表示按照菜单形态绘制}
  * @primary
  */
 export declare const RightSideMenu: import("vue").DefineComponent<{

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.d.ts

@@ -6,7 +6,7 @@ import './top-side-menu.scss';
  * 头部菜单
  * @primary
  * @description 首页视图扩展菜单头部菜单
- * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制（按钮形态目前仅支持一层）、MENU表示按照菜单形态绘制}
+ * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制、MENU表示按照菜单形态绘制}
  * @primary
  */
 export declare const TopSideMenu: import("vue").DefineComponent<{

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;
@@ -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", "");
   }
 }