@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

package/lib/panel-component/coop-pos/coop-pos.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var coopPos_controller = require('./coop-pos.controller.cjs');
+require('./coop-pos.css');
 
 "use strict";
 const CoopPos = /* @__PURE__ */ vue.defineComponent({
@@ -20,15 +21,30 @@ const CoopPos = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const c = props.controller;
     const ns = vue3Util.useNamespace("coop-pos");
+    const messages = vue.computed(() => {
+      const values = [...c.state.messageMap.values()];
+      return values.filter((value) => !value.action || (c.state.messageModes || []).includes(value.action));
+    });
     return {
       ns,
-      c
+      c,
+      messages
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": this.ns.b()
-    }, [vue.createVNode(vue.resolveComponent("iBizCoopAlert"), vue.mergeProps({
+      "class": [this.ns.b(), ...this.controller.containerClass]
+    }, [this.c.state.messageModes ? vue.createVNode("div", {
+      "class": this.ns.e("on-line-editing")
+    }, [this.messages.map((message) => {
+      return vue.createVNode("div", {
+        "class": this.ns.em("on-line-editing", "person"),
+        "title": message.action ? ibiz.i18n.t("panelComponent.coopPos.".concat(message.action.toLowerCase()), {
+          username: message.username
+        }) : "",
+        "style": "background-color: ".concat(ibiz.util.text.stringToHexColor(message.username))
+      }, [ibiz.util.text.abbreviation(message.username)]);
+    })]) : vue.createVNode(vue.resolveComponent("iBizCoopAlert"), vue.mergeProps({
       "key": this.c.state.key
     }, this.c.state.alertParams), null)]);
   }

package/lib/panel-component/coop-pos/coop-pos.controller.cjs

@@ -5,20 +5,64 @@ var qxUtil = require('qx-util');
 var coopPos_state = require('./coop-pos.state.cjs');
 
 "use strict";
+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;
+};
 class CoopPosController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 消息模式映射
+     * - 视图打开数据模式映射消息类型
+     * @protected
+     * @type {Map<string, string>}
+     * @memberof CoopPosController
+     */
+    __publicField(this, "messageModeMap", /* @__PURE__ */ new Map([
+      ["OPENDATA", "VIEW"],
+      ["EDITDATA", "EDIT"],
+      ["NOTICERELOAD", "UPDATE"]
+    ]));
+  }
   createState() {
     var _a;
     return new coopPos_state.CoopPosState((_a = this.parent) == null ? void 0 : _a.state);
   }
   /**
-   * 更新消息
+   * 初始化消息模式
    *
-   * @author zhanghengfeng
-   * @date 2024-04-03 17:04:25
-   * @param {IAlertParams} params
+   * @param {string[]} modes 【标记数据打开模式】：OPENDATA：登记打开数据、 EDITDATA：登记更新数据、 DISPLAYOPPERSON：显示操作人员、 NOTICERELOAD：提示刷新数据
+   * @memberof CoopPosController
+   */
+  initMessageModes(modes) {
+    if (modes.includes("DISPLAYOPPERSON")) {
+      if (modes.length === 1) {
+        this.state.messageModes = ["VIEW", "EDIT", "UPDATE"];
+      } else {
+        this.state.messageModes = modes.map(
+          (item) => this.messageModeMap.get(item) || item
+        );
+      }
+      const username = this.panel.context.srfusername;
+      this.state.messageMap.set(username, { username });
+    }
+  }
+  /**
+   * 更新消息
+   * @param {IAlertParams} params Alert提示参数
+   * @memberof CoopPosController
    */
   updateMessage(params) {
     this.state.key = qxUtil.createUUID();
+    const { data } = params;
+    if (data.action === "CLOSE") {
+      this.state.messageMap.delete(data.username);
+    } else {
+      this.state.messageMap.set(data.username, data);
+    }
     this.state.alertParams = params;
   }
 }

package/lib/panel-component/coop-pos/coop-pos.css

@@ -1 +1 @@
-.ibiz-coop-pos{width:100%;height:100%}
+.ibiz-coop-pos{width:100%}.ibiz-coop-pos__on-line-editing{display:flex;flex-wrap:wrap;align-items:center}.ibiz-coop-pos__on-line-editing--person{width:24px;height:24px;display:flex;cursor:pointer;align-items:center;color:var(--ibiz-color-white);font-size:var(--ibiz-font-size-small);margin:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-border-radius-circle)}

package/lib/panel-component/coop-pos/coop-pos.state.cjs

@@ -21,6 +21,20 @@ class CoopPosState extends runtime.PanelItemState {
      * @type {string}
      */
     __publicField(this, "key", qxUtil.createUUID());
+    /**
+     * 消息模式
+     * - 显示操作人员模式下使用
+     * @type {string[]}
+     * @memberof CoopPosState
+     */
+    __publicField(this, "messageModes");
+    /**
+     * 消息map
+     *
+     * @type {Map<string, IData>}
+     * @memberof CoopPosState
+     */
+    __publicField(this, "messageMap", /* @__PURE__ */ new Map());
     /**
      * 提示参数
      *

package/lib/panel-component/index.cjs

@@ -6,28 +6,30 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var index = require('./auth-userinfo/index.cjs');
 var index$1 = require('./nav-pos-index/index.cjs');
 var index$9 = require('./nav-tabs/index.cjs');
+var index$a = require('./nav-breadcrumb/index.cjs');
 var index$2 = require('./panel-button/index.cjs');
 var index$3 = require('./panel-app-title/index.cjs');
-var index$a = require('./panel-app-header/index.cjs');
-var index$b = require('./panel-view-header/index.cjs');
-var index$c = require('./panel-exp-header/index.cjs');
-var index$d = require('./panel-view-content/index.cjs');
+var index$b = require('./panel-app-header/index.cjs');
+var index$c = require('./panel-view-header/index.cjs');
+var index$d = require('./panel-exp-header/index.cjs');
+var index$e = require('./panel-view-content/index.cjs');
 var index$4 = require('./panel-tab-panel/index.cjs');
 var index$5 = require('./split-container/index.cjs');
 var index$6 = require('./panel-index-view-search/index.cjs');
-var index$e = require('./panel-app-login-view/index.cjs');
-var index$f = require('./panel-remember-me/index.cjs');
+var index$f = require('./panel-app-login-view/index.cjs');
+var index$g = require('./panel-remember-me/index.cjs');
 var index$7 = require('./index-actions/index.cjs');
-var index$g = require('./user-message/index.cjs');
-var index$h = require('./searchform-buttons/index.cjs');
-var index$i = require('./view-message/index.cjs');
-var index$j = require('./panel-static-carousel/index.cjs');
-var index$k = require('./coop-pos/index.cjs');
-var index$l = require('./view-msg-pos/index.cjs');
+var index$h = require('./user-message/index.cjs');
+var index$i = require('./searchform-buttons/index.cjs');
+var index$j = require('./view-message/index.cjs');
+var index$k = require('./panel-static-carousel/index.cjs');
+var index$l = require('./coop-pos/index.cjs');
+var index$m = require('./view-msg-pos/index.cjs');
 var index$8 = require('./user-action/index.cjs');
-var index$m = require('./data-import/index.cjs');
-var index$n = require('./short-cut/index.cjs');
-var index$o = require('./auth-captcha/index.cjs');
+var index$n = require('./data-import/index.cjs');
+var index$o = require('./short-cut/index.cjs');
+var index$p = require('./auth-captcha/index.cjs');
+var index$q = require('./panel-button-list/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -43,40 +45,43 @@ const IBizPanelComponents = {
     v.use(index.IBizAuthUserinfo);
     v.use(index$1.IBizNavPosIndex);
     v.use(index$9.IBizNavTabs);
+    v.use(index$a.IBizNavBreadcrumb);
     v.use(index$2.IBizPanelButton);
     v.use(vue3Util.IBizNavPos);
     v.use(index$3.IBizPanelAppTitle);
     v.use(vue3Util.IBizSingleDataContainer);
     v.use(vue3Util.IBizMultiDataContainer);
+    v.use(vue3Util.IBizMultiDataContainerRaw);
     v.use(vue3Util.IBizPanelField);
-    v.use(index$a.IBizPanelAppHeader);
-    v.use(index$b.IBizPanelViewHeader);
-    v.use(index$c.IBizPanelExpHeader);
+    v.use(index$b.IBizPanelAppHeader);
+    v.use(index$c.IBizPanelViewHeader);
+    v.use(index$d.IBizPanelExpHeader);
     v.use(vue3Util.IBizPanelRawItem);
-    v.use(index$d.IBizPanelViewContent);
+    v.use(index$e.IBizPanelViewContent);
     v.use(vue3Util.IBizGridContainer);
     v.use(index$4.IBizPanelTabPanel);
     v.use(vue3Util.IBizPanelTabPage);
     v.use(index$5.IBizSplitContainer);
     v.use(index$6.IBizPanelIndexViewSearch);
-    v.use(index$e.IBizPanelAppLoginView);
-    v.use(index$f.IBizPanelRememberMe);
+    v.use(index$f.IBizPanelAppLoginView);
+    v.use(index$g.IBizPanelRememberMe);
     v.use(index$7.IBizIndexActions);
     v.use(vue3Util.IBizPanelContainerGroup);
-    v.use(index$g.IBizUserMessage);
+    v.use(index$h.IBizUserMessage);
     v.use(vue3Util.IBizPanelContainerImage);
-    v.use(index$h.IBizSearchFormButtons);
+    v.use(index$i.IBizSearchFormButtons);
     v.use(vue3Util.IBizPanelItemRender);
-    v.use(index$i.IBizViewMessage);
-    v.use(index$j.IBizPanelStaticCarousel);
+    v.use(index$j.IBizViewMessage);
+    v.use(index$k.IBizPanelStaticCarousel);
     v.use(vue3Util.IBizTeleportPlaceholder);
     v.use(vue3Util.IBizPanelContainerTabs);
-    v.use(index$k.IBizCoopPos);
-    v.use(index$l.IBizViewMsgPos);
+    v.use(index$l.IBizCoopPos);
+    v.use(index$m.IBizViewMsgPos);
     v.use(index$8.IBizUserAction);
-    v.use(index$m.IBizDataImport);
-    v.use(index$n.IBizShortCut);
-    v.use(index$o.IBizAuthCaptcha);
+    v.use(index$n.IBizDataImport);
+    v.use(index$o.IBizShortCut);
+    v.use(index$p.IBizAuthCaptcha);
+    v.use(index$q.IBizPanelButtonList);
   }
 };
 

package/lib/panel-component/nav-breadcrumb/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var navBreadcrumb = require('./nav-breadcrumb.cjs');
+var navBreadcrumb_provider = require('./nav-breadcrumb.provider.cjs');
+var navBreadcrumb_controller = require('./nav-breadcrumb.controller.cjs');
+var navBreadcrumb_state = require('./nav-breadcrumb.state.cjs');
+
+"use strict";
+const IBizNavBreadcrumb = vue3Util.withInstall(navBreadcrumb.NavBreadcrumb, function(v) {
+  v.component(navBreadcrumb.NavBreadcrumb.name, navBreadcrumb.NavBreadcrumb);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_NAV_BREADCRUMB",
+    () => new navBreadcrumb_provider.NavBreadcrumbProvider()
+  );
+});
+
+exports.NavBreadcrumbController = navBreadcrumb_controller.NavBreadcrumbController;
+exports.NavBreadcrumbState = navBreadcrumb_state.NavBreadcrumbState;
+exports.IBizNavBreadcrumb = IBizNavBreadcrumb;
+exports.default = IBizNavBreadcrumb;

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var vueRouter = require('vue-router');
+var navBreadcrumb_controller = require('./nav-breadcrumb.controller.cjs');
+require('./nav-breadcrumb.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const NavBreadcrumb = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizNavBreadcrumb",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: navBreadcrumb_controller.NavBreadcrumbController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("nav-breadcrumb");
+    const c = props.controller;
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    c.onCreated(router);
+    vue.watch(() => route.fullPath, () => {
+      c.onRouteChange(router);
+    }, {
+      immediate: true
+    });
+    const items = vue.computed(() => {
+      const {
+        breadcrumbItems
+      } = c.state;
+      let result = breadcrumbItems.filter((x) => x.caption);
+      if (!c.showHome) {
+        result = result.filter((x) => x.viewName !== ibiz.hub.defaultAppIndexViewName);
+      }
+      return result;
+    });
+    return {
+      ns,
+      c,
+      items
+    };
+  },
+  render() {
+    let _slot;
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), ...this.controller.containerClass, this.ns.m(this.c.navMode)]
+    }, [vue.createVNode(vue.resolveComponent("el-breadcrumb"), {
+      "separator": this.c.separator
+    }, _isSlot(_slot = this.items.map((item) => {
+      let label = item.caption;
+      if (item.dataInfo) {
+        label += " - ".concat(item.dataInfo);
+      }
+      return vue.createVNode(vue.resolveComponent("el-breadcrumb-item"), {
+        "to": item.fullPath
+      }, _isSlot(label) ? label : {
+        default: () => [label]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+exports.NavBreadcrumb = NavBreadcrumb;

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.controller.cjs

@@ -0,0 +1,332 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
+var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
+var navBreadcrumb_state = require('./nav-breadcrumb.state.cjs');
+var navBreadcrumb_service = require('./nav-breadcrumb.service.cjs');
+var navBreadcrumb_util = require('./nav-breadcrumb.util.cjs');
+
+"use strict";
+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;
+};
+class NavBreadcrumbController extends runtime.PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 面包屑分割符
+     * @type {string}
+     * @memberof NavBreadcrumbController
+     */
+    __publicField(this, "separator", "/");
+    /**
+     * @description 导航模式（路由、菜单、缓存）
+     * @type {('router' | 'menu' | 'store')}
+     * @memberof NavBreadcrumbController
+     */
+    __publicField(this, "navMode", "router");
+    /**
+     * @description 是否显示应用标题
+     * @type {boolean}
+     * @memberof NavBreadcrumbController
+     */
+    __publicField(this, "showHome", true);
+    /**
+     * @description 面包屑服务
+     * @type {NavBreadcrumbService}
+     * @memberof NavBreadcrumbController
+     */
+    __publicField(this, "service");
+    /**
+     * @description 自定义补充参数
+     * @type {IData}
+     * @memberof NavBreadcrumbController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  createState() {
+    var _a;
+    return new navBreadcrumb_state.NavBreadcrumbState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * @description 应用菜单控制器
+   * @readonly
+   * @type {(IAppMenuController | undefined)}
+   * @memberof NavBreadcrumbController
+   */
+  get appmenu() {
+    return this.panel.view.getController("appmenu");
+  }
+  /**
+   * @description 首页导航栏
+   * @readonly
+   * @type {(NavPosIndexController | undefined)}
+   * @memberof NavBreadcrumbController
+   */
+  get navPos() {
+    return this.panel.panelItems.nav_pos_index;
+  }
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+    this.navMode = this.rawItemParams.navmode || "router";
+    this.separator = this.rawItemParams.separator || "/";
+    this.showHome = this.rawItemParams.showhome === "true";
+    this.service = new navBreadcrumb_service.NavBreadcrumbService(this.navMode, this.panel.context);
+    if (["router", "store"].includes(this.navMode)) {
+      ibiz.util.viewStack.evt.on("change", (event) => {
+        const { type, view } = event;
+        if (!["add", "active"].includes(type)) {
+          return;
+        }
+        const chacheItem = this.service.getItem({
+          viewName: view.model.codeName
+        });
+        if (chacheItem) {
+          const viewInfo = navBreadcrumb_util.getViewInfoByViewStack(view.model.codeName);
+          if (viewInfo) {
+            Object.assign(chacheItem, ramda.reject(ramda.isNil, viewInfo));
+          }
+          this.service.update(chacheItem);
+          this.resetBreadcrumbs();
+        }
+      });
+    }
+  }
+  /**
+   * @description 初始化
+   * @param {Router} router
+   * @memberof NavBreadcrumbController
+   */
+  onCreated(router) {
+    if (this.navMode === "menu") {
+      this.setBreadcrumbByMenu(router);
+    }
+    if (this.navMode === "store") {
+      this.setBreadcrumbByStore(router);
+    }
+  }
+  /**
+   * @description 路由改变
+   * @param {Router} router
+   * @memberof NavBreadcrumbController
+   */
+  onRouteChange(router) {
+    if (["store", "router"].includes(this.navMode)) {
+      const { currentRoute } = router;
+      const fullPath = currentRoute.value.fullPath;
+      const viewName = navBreadcrumb_util.getCurViewName(router);
+      const chacheItem = this.service.getItem({ fullPath, viewName });
+      if (chacheItem) {
+        if (chacheItem.viewName === ibiz.hub.defaultAppIndexViewName) {
+          this.service.setChache([
+            { ...navBreadcrumb_util.getIndexBreadcrumb(this.panel.context), fullPath }
+          ]);
+          this.resetBreadcrumbs();
+          return;
+        }
+        const removeItems = this.service.removeAfter(fullPath);
+        this.resetBreadcrumbs();
+        removeItems.forEach((item) => {
+          var _a;
+          if (item.fullPath) {
+            (_a = this.navPos) == null ? void 0 : _a.closeViewByKeys([item.fullPath]);
+          }
+        });
+      } else if (this.navMode === "router") {
+        this.setBreadcrumbByRouter(router);
+      }
+    }
+  }
+  /**
+   * @description 重置面包屑数据
+   * @memberof NavBreadcrumbController
+   */
+  resetBreadcrumbs() {
+    this.state.breadcrumbItems = this.service.getChache();
+  }
+  /**
+   * 更新视图信息
+   * @author lxm
+   * @date 2023-05-09 01:40:34
+   * @param {string} key
+   * @param {{ caption?: string; dataInfo?: string }} info
+   */
+  updateViewInfo(fullPath, info) {
+    if (this.navMode === "menu") {
+      return;
+    }
+    this.service.update({ fullPath, ...info });
+    this.resetBreadcrumbs();
+  }
+  /**
+   * @description 删除缓存数据
+   * @param {string} fullPath
+   * @memberof NavBreadcrumbController
+   */
+  removeCache(fullPath) {
+    this.service.remove(fullPath);
+  }
+  /**
+   * @description 根据路由计算面包屑数据
+   * @param {Router} router
+   * @memberof NavBreadcrumbController
+   */
+  setBreadcrumbByRouter(router) {
+    const { currentRoute } = router;
+    const routePath = vue3Util.route2routePath(currentRoute.value);
+    const items = routePath.pathNodes.map(
+      (node, index) => {
+        const { appContext, pathNodes } = routePath;
+        const fullPath = vue3Util.routePath2string({
+          appContext,
+          pathNodes: pathNodes.slice(0, index + 1)
+        });
+        const result = {
+          viewName: node.viewName,
+          fullPath
+        };
+        const chacheItem = this.service.getItem({ viewName: node.viewName });
+        if (chacheItem) {
+          if (!chacheItem.fullPath) {
+            chacheItem.fullPath = fullPath;
+          }
+          Object.assign(result, chacheItem);
+        }
+        const viewInfo = navBreadcrumb_util.getViewInfoByViewStack(node.viewName);
+        if (viewInfo) {
+          Object.assign(result, ramda.reject(ramda.isNil, viewInfo));
+        }
+        return result;
+      }
+    );
+    this.service.setChache(items);
+    this.resetBreadcrumbs();
+  }
+  /**
+   * @description 根据路由设置菜单面包屑导航数据
+   * @param {Router} router
+   * @memberof NavBreadcrumbController
+   */
+  setBreadcrumbByMenu(router) {
+    const { currentRoute } = router;
+    const routePath = vue3Util.route2routePath(currentRoute.value);
+    let appFunc;
+    routePath.pathNodes.some((item, index) => {
+      if (index === 0) {
+        return false;
+      }
+      const { viewName } = item;
+      const func = navBreadcrumb_util.getAppFuncByViewName(viewName, this.panel.context.srfappid);
+      if (func) {
+        appFunc = func;
+      }
+      return appFunc;
+    });
+    if (this.appmenu) {
+      if (appFunc) {
+        const menuItems = navBreadcrumb_util.getMenuItemsByAppFunc(
+          appFunc,
+          this.appmenu.model.appMenuItems || []
+        );
+        const items = menuItems.map((item) => {
+          return {
+            caption: item.caption,
+            fullPath: "",
+            viewName: item.id
+          };
+        });
+        items.unshift(navBreadcrumb_util.getIndexBreadcrumb(this.panel.context));
+        this.service.setChache(items);
+        this.resetBreadcrumbs();
+      } else {
+        this.service.setChache([navBreadcrumb_util.getIndexBreadcrumb(this.panel.context)]);
+        this.resetBreadcrumbs();
+      }
+      this.appmenu.evt.on("onClick", (data) => {
+        const { event } = data;
+        const items = event.map((key) => {
+          const item = this.appmenu.allAppMenuItems.find((x) => x.id === key);
+          if (item) {
+            return {
+              caption: item.caption,
+              fullPath: "",
+              viewName: item.id
+            };
+          }
+        });
+        items.unshift(navBreadcrumb_util.getIndexBreadcrumb(this.panel.context));
+        this.service.setChache(items);
+        this.resetBreadcrumbs();
+      });
+    }
+  }
+  /**
+   * @description 设置缓存模式面包屑数据
+   * @param {Router} router
+   * @memberof NavBreadcrumbController
+   */
+  setBreadcrumbByStore(router) {
+    const chache = this.service.getChache();
+    if (chache.length === 0) {
+      this.setBreadcrumbByRouter(router);
+    } else {
+      this.resetBreadcrumbs();
+    }
+    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
+        );
+        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 (appFunc.openMode !== "INDEXVIEWTAB" || viewConfig && viewConfig.openMode && viewConfig.openMode !== "INDEXVIEWTAB") {
+            return;
+          }
+          const chacheItem = this.service.getItem({ viewName });
+          const items = [];
+          if (chacheItem) {
+            items.push(chacheItem);
+          } else {
+            items.push({
+              viewName,
+              fullPath: ""
+            });
+          }
+          items.unshift(navBreadcrumb_util.getIndexBreadcrumb(this.panel.context));
+          this.service.setChache(items);
+          this.resetBreadcrumbs();
+        }
+      });
+    }
+  }
+  /**
+   * @description 处理自定义补充参数
+   * @protected
+   * @memberof NavBreadcrumbController
+   */
+  handleRawItemParams() {
+    var _a;
+    let params = {};
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (qxUtil.notNilEmpty(rawItemParams)) {
+      params = rawItemParams.reduce((param, item) => {
+        param[item.key.toLowerCase()] = item.value;
+        return param;
+      }, {});
+    }
+    Object.assign(this.rawItemParams, params);
+  }
+}
+
+exports.NavBreadcrumbController = NavBreadcrumbController;

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

@@ -0,0 +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}