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

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

@@ -2,12 +2,23 @@ import { route2routePath } from '@ibiz-template/vue3-util';
 import { RouteConst } from '@ibiz-template/runtime';
 
 "use strict";
+function getAppIndexViewName(context) {
+  const targetAppModel = ibiz.hub.getAppSourceModel(context.srfappid);
+  if (targetAppModel.getDefaultPSAppIndexView) {
+    const view = targetAppModel.getDefaultPSAppIndexView;
+    const name = view.path.split("/").pop().replace(".json", "");
+    return name;
+  }
+  return ibiz.hub.defaultAppIndexViewName;
+}
 function getIndexBreadcrumb(context) {
   const app = ibiz.hub.getApp(context.srfappid);
   const caption = app.model.caption;
+  const indexViewName = getAppIndexViewName(context);
   return {
-    viewName: ibiz.hub.defaultAppIndexViewName,
+    viewName: indexViewName,
     fullPath: "/",
+    type: "default",
     caption
   };
 }
@@ -48,7 +59,7 @@ function getCurViewName(router) {
   const routePath = route2routePath(currentRoute.value);
   return ((_a = routePath.pathNodes.pop()) == null ? void 0 : _a.viewName) || "";
 }
-function getViewInfoByViewStack(viewName) {
+function getViewInfoByViewStack(viewName, context) {
   if (viewName === RouteConst.ROUTE_MODAL_TAG) {
     return {
       viewName,
@@ -56,18 +67,51 @@ function getViewInfoByViewStack(viewName) {
       isModal: true
     };
   }
-  const view = ibiz.util.viewStack.getViewByCodeName(viewName);
+  const view = ibiz.appUtil.viewCacheCenter.get(viewName);
+  const indexViewName = getAppIndexViewName(context);
   if (view) {
     let isEmbed = false;
-    if (view.parentView && view.parentView.model.codeName !== ibiz.hub.defaultAppIndexViewName) {
+    if (view.parentView && view.parentView.model.codeName !== indexViewName) {
       isEmbed = true;
     }
-    return {
+    const data = view.state.srfactiveviewdata;
+    const result = {
       viewName: view.model.codeName,
       caption: view.model.caption,
       isEmbed
     };
+    if (data && data.srfkey) {
+      Object.assign(result, { dataInfo: data.srfmajortext || "" });
+    }
+    return result;
+  }
+}
+function getMenuTag(pathNodes) {
+  var _a;
+  if (pathNodes.length > 1) {
+    return ((_a = pathNodes[1].params) == null ? void 0 : _a.srfmenuitem) || "";
+  }
+  return "";
+}
+async function getMenuItemByTag(tag, appMenu, context) {
+  var _a;
+  if (!tag) {
+    return;
+  }
+  const menuItem = appMenu.allAppMenuItems.find((x) => x.id === tag);
+  if (menuItem) {
+    const app = ibiz.hub.getApp(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);
+    return {
+      tag,
+      viewName,
+      viewConfig,
+      appFunc,
+      menuItem
+    };
   }
 }
 
-export { getAppFuncByViewName, getCurViewName, getIndexBreadcrumb, getMenuItemsByAppFunc, getViewInfoByViewStack };
+export { getAppFuncByViewName, getAppIndexViewName, getCurViewName, getIndexBreadcrumb, getMenuItemByTag, getMenuItemsByAppFunc, getMenuTag, getViewInfoByViewStack };

package/es/panel-component/panel-app-title/panel-app-title.controller.mjs

@@ -72,8 +72,11 @@ class PanelAppTitleController extends PanelItemController {
     if (this.state.icon.endsWith(".svg") || this.state.icon2.endsWith(".svg")) {
       this.state.isSvg = true;
     }
-    if (ibiz.env.AppTitle)
-      this.state.caption = ibiz.env.AppTitle;
+    const defaultApp = ibiz.hub.getApp();
+    if (defaultApp.model.appId === indexViewModel.appId) {
+      if (ibiz.env.AppTitle)
+        this.state.caption = ibiz.env.AppTitle;
+    }
   }
   /**
    * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}

package/es/panel-component/panel-app-title/panel-app-title.d.ts

@@ -5,6 +5,7 @@ import './panel-app-title.scss';
 /**
  * 应用标题
  * @description 用于绘制应用logo和应用标题，提供点击标题跳转首页的能力。
+ * @panelitemparams {name:strictly,parameterType:boolean,defaultvalue:false,description:是否取消与首页菜单的关联，即菜单收缩时不会跟随改变，当应用标题未配置在首页左侧时应启用}
  * @primary
  */
 export declare const PanelAppTitle: import("vue").DefineComponent<{

package/es/panel-component/panel-app-title/panel-app-title.mjs

@@ -58,6 +58,12 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
       return false;
     });
     const isCollapse = computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
     const showIcon = computed(() => {

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

@@ -4,16 +4,17 @@ export declare const IBizPanelIndexViewSearch: import("@ibiz-template/vue3-util"
         required: true;
     };
     controller: {
-        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        type: typeof import("./panel-index-view-search.controller").PanelIndexViewSearchController;
         required: true;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     isCollapse: import("vue").ComputedRef<any>;
+    curPlaceholder: import("vue").ComputedRef<any>;
     onInput: (value: string) => void;
     onSearch: () => Promise<void>;
-    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    c: import("./panel-index-view-search.controller").PanelIndexViewSearchController;
     query: import("vue").Ref<string>;
     menuAlign: import("vue").ComputedRef<string>;
     onEnter: (event: KeyboardEvent) => void;
@@ -23,7 +24,7 @@ export declare const IBizPanelIndexViewSearch: import("@ibiz-template/vue3-util"
         required: true;
     };
     controller: {
-        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        type: typeof import("./panel-index-view-search.controller").PanelIndexViewSearchController;
         required: true;
     };
 }>>, {}, {}>>;

package/es/panel-component/panel-index-view-search/panel-index-view-search.controller.d.ts

@@ -0,0 +1,31 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelRawItem } from '@ibiz/model-core';
+/**
+ * 面板首页搜索控制器
+ *
+ * @export
+ * @class PanelIndexViewSearchController
+ * @extends {PanelItemController<IPanelRawItem>}
+ */
+export declare class PanelIndexViewSearchController extends PanelItemController<IPanelRawItem> {
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof PanelIndexViewSearchController
+     */
+    rawItemParams: IData;
+    /**
+     * 初始化
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof PanelIndexViewSearchController
+     */
+    onInit(): Promise<void>;
+    /**
+     * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+     * @protected
+     * @memberof PanelIndexViewSearchController
+     */
+    protected handleRawItemParams(): void;
+}

package/es/panel-component/panel-index-view-search/panel-index-view-search.controller.mjs

@@ -0,0 +1,51 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"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 PanelIndexViewSearchController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 自定义补充参数
+     * @exposedoc
+     * @type {IData}
+     * @memberof PanelIndexViewSearchController
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof PanelIndexViewSearchController
+   */
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * @description 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   * @protected
+   * @memberof PanelIndexViewSearchController
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+export { PanelIndexViewSearchController };

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

@@ -1,11 +1,13 @@
 import { IPanelRawItem } from '@ibiz/model-core';
 import { PropType } from 'vue';
-import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelIndexViewSearchController } from './panel-index-view-search.controller';
 import './panel-index-view-search.scss';
 /**
  * 首页搜索
  * @primary
- * @description 输入搜索词点击搜索后，会执行绑定的菜单项应用功能，打开全局搜索界面。
+ * @description 用于快速查找应用数据，需在菜单上配置标识与本面板项一样的标识，默认标识为index_view_search，输入搜索词点击搜索后，会执行绑定的菜单项应用功能，打开对应的全局搜索界面。
+ * @panelitemparams {name:strictly,parameterType:boolean,defaultvalue:false,description:是否取消与首页菜单的关联，即菜单收缩时不会跟随改变，当首页搜索未配置在首页左侧时应启用}
+ * @panelitemparams {name:placeholder,parameterType:string,description:搜索框提示信息}
  */
 export declare const PanelIndexViewSearch: import("vue").DefineComponent<{
     /**
@@ -19,16 +21,17 @@ export declare const PanelIndexViewSearch: import("vue").DefineComponent<{
      * @description 首页搜索控件控制器
      */
     controller: {
-        type: typeof PanelItemController;
+        type: typeof PanelIndexViewSearchController;
         required: true;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     isCollapse: import("vue").ComputedRef<any>;
+    curPlaceholder: import("vue").ComputedRef<any>;
     onInput: (value: string) => void;
     onSearch: () => Promise<void>;
-    c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    c: PanelIndexViewSearchController;
     query: import("vue").Ref<string>;
     menuAlign: import("vue").ComputedRef<string>;
     onEnter: (event: KeyboardEvent) => void;
@@ -44,7 +47,7 @@ export declare const PanelIndexViewSearch: import("vue").DefineComponent<{
      * @description 首页搜索控件控制器
      */
     controller: {
-        type: typeof PanelItemController;
+        type: typeof PanelIndexViewSearchController;
         required: true;
     };
 }>>, {}, {}>;

package/es/panel-component/panel-index-view-search/panel-index-view-search.mjs

@@ -1,7 +1,8 @@
 import { ref, inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { PanelItemController, AppFuncCommand } from '@ibiz-template/runtime';
+import { AppFuncCommand } from '@ibiz-template/runtime';
 import { debounce } from 'lodash-es';
+import { PanelIndexViewSearchController } from './panel-index-view-search.controller.mjs';
 import './panel-index-view-search.css';
 
 "use strict";
@@ -19,7 +20,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
      * @description 首页搜索控件控制器
      */
     controller: {
-      type: PanelItemController,
+      type: PanelIndexViewSearchController,
       required: true
     }
   },
@@ -41,8 +42,20 @@ const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
       return "LEFT";
     });
     const isCollapse = computed(() => {
+      const {
+        strictly
+      } = c.rawItemParams;
+      if (strictly && strictly === "true") {
+        return false;
+      }
       return c.panel.view.state.isCollapse;
     });
+    const curPlaceholder = computed(() => {
+      const {
+        placeholder
+      } = c.rawItemParams;
+      return placeholder || ibiz.i18n.t("component.indexSearch.placeholder");
+    });
     const classArr = computed(() => {
       const {
         id
@@ -78,6 +91,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
       ns,
       classArr,
       isCollapse,
+      curPlaceholder,
       onInput,
       onSearch,
       c,
@@ -95,7 +109,7 @@ const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
     }, [this.menuAlign === "LEFT" && !this.isCollapse && createVNode(resolveComponent("el-input"), {
       "model-value": this.query,
       "class": this.ns.b("search"),
-      "placeholder": ibiz.i18n.t("component.indexSearch.placeholder"),
+      "placeholder": this.curPlaceholder,
       "onInput": this.onInput,
       "onKeyup": this.onEnter
     }, {

package/es/panel-component/panel-index-view-search/panel-index-view-search.provider.d.ts

@@ -1,5 +1,6 @@
 import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
 import { IPanelItem } from '@ibiz/model-core';
+import { PanelIndexViewSearchController } from './panel-index-view-search.controller';
 /**
  * 面板首页搜索适配器
  *
@@ -9,5 +10,5 @@ import { IPanelItem } from '@ibiz/model-core';
  */
 export declare class PanelIndexViewSearchProvider implements IPanelItemProvider {
     component: string;
-    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelIndexViewSearchController>;
 }

package/es/panel-component/panel-index-view-search/panel-index-view-search.provider.mjs

@@ -1,4 +1,4 @@
-import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelIndexViewSearchController } from './panel-index-view-search.controller.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -12,7 +12,7 @@ class PanelIndexViewSearchProvider {
     __publicField(this, "component", "IBizPanelIndexViewSearch");
   }
   async createController(panelItem, panel, parent) {
-    const c = new PanelItemController(panelItem, panel, parent);
+    const c = new PanelIndexViewSearchController(panelItem, panel, parent);
     await c.init();
     return c;
   }

package/es/panel-component/panel-tab-panel/panel-tab-panel.mjs

@@ -73,8 +73,8 @@ const PanelTabPanel = /* @__PURE__ */ defineComponent({
         "label": c.model.caption,
         "name": c.model.id,
         "lazy": true
-      }, _isSlot(slot) ? slot : {
-        default: () => [slot]
+      }, {
+        default: () => [this.state.activeTab === c.model.id && slot]
       });
     })) ? _slot : {
       default: () => [_slot]

package/es/panel-component/user-action/user-action.d.ts

@@ -5,7 +5,7 @@ import './user-action.scss';
 /**
  * 用户操作
  * @primary
- * @description 首页中用户操作行为按钮，点击后执行对应的应用功能。存在三种类型，分别为设置（Setting）、帮助（Helper）、自定义（Custom）。
+ * @description 首页中用户操作行为按钮，需在菜单上配置标识为设置（setting）、帮助（helper）、自定义（custom）的三种隐藏菜单项，点击按钮将会执行对应的菜单项应用功能。
  * @panelitemparams {name:noprivmode,parameterType:PARENT|SELF,defaultvalue:PARENT,description:无权限模式，为PARENT时会通过父容器进行显示隐藏}
  * @export
  * @class UserAction

package/es/panel-component/user-message/async-action/async-data-export/async-data-export.d.ts

@@ -18,6 +18,7 @@ export declare const AsyncDataExport: import("vue").DefineComponent<{
         beginTime: string;
         endTime: string;
         fileUrl: string;
+        fileName: string;
         isFinish: boolean;
     };
     onClose: () => void;

package/es/panel-component/user-message/async-action/async-data-export/async-data-export.mjs

@@ -29,6 +29,7 @@ const AsyncDataExport = /* @__PURE__ */ defineComponent({
       beginTime: "",
       endTime: "",
       fileUrl: "",
+      fileName: "",
       isFinish: false
     });
     info.title = ibiz.i18n.t("panelComponent.userMessage.asyncDataExport.exportDetailPrompt", {
@@ -39,6 +40,7 @@ const AsyncDataExport = /* @__PURE__ */ defineComponent({
     if (props.asyncAction.asyncresultdownloadurl) {
       const asyncResultDownloadObj = JSON.parse(props.asyncAction.asyncresultdownloadurl);
       info.fileUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.downloadFileUrl, "/").concat(asyncResultDownloadObj.folder, "/").concat(asyncResultDownloadObj.fileid).replace("/{cat}", "");
+      info.fileName = asyncResultDownloadObj.filename;
     }
     if (!finishedStates.includes(props.asyncAction.actionstate)) {
       info.isFinish = false;
@@ -46,7 +48,7 @@ const AsyncDataExport = /* @__PURE__ */ defineComponent({
       info.isFinish = true;
     }
     const onDownLoad = () => {
-      ibiz.util.file.fileDownload(info.fileUrl);
+      ibiz.util.file.fileDownload(info.fileUrl, info.fileName);
     };
     return {
       ns,

package/es/panel-component/view-msg-pos/view-msg-pos.d.ts

@@ -5,7 +5,8 @@ import { ViewMsgPosController } from './view-msg-pos.controller';
  * 视图消息占位
  * @primary
  * @description 使用el-alert组件，读取视图状态的viewMessages数据，用于在界面布局中给视图消息提供一个显示位置。
- * @panelitemparams {name:scroll,parameterType:boolean,defaultvalue:false,description:是否滚动显示}
+ * @panelitemparams {name:scroll,parameterType:boolean,defaultvalue:false,description:是否滚动展示}
+ * @panelitemparams {name:position,parameterType:TOP | BOTTOM | BODY,defaultvalue:BODY,description:指定展示哪个位置的视图消息，TOP代表视图上方，BOTTOM代表视图下方，BODY代表视图内容区}
  */
 export declare const ViewMsgPos: import("vue").DefineComponent<{
     /**

package/es/util/app-modal/app-modal-component.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal);--ibiz-modal-background-color:var(--ibiz-color-bg-1)}.ibiz-modal.el-dialog{overflow:visible}.ibiz-modal .el-dialog__header{position:relative;padding:0}.ibiz-modal .el-dialog__body{height:100%;padding:0;background-color:var(--ibiz-modal-background-color)}.ibiz-modal .el-dialog__headerbtn{top:-40px;right:-60px;border:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary-text);border-radius:var(--ibiz-border-radius-circle);display:flex;align-items:center;justify-content:center}.ibiz-modal .el-dialog__headerbtn .el-dialog__close{font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-primary-text)}
+@charset "UTF-8";.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal);--ibiz-modal-background-color:var(--ibiz-color-bg-1)}.ibiz-modal__record--prev{position:absolute;top:50%;left:-6px;transform:translate(-100%,-50%)}.ibiz-modal__record--next{position:absolute;top:50%;right:-6px;font-size:var(--ibiz-font-size-regular);transform:translate(100%,-50%)}.ibiz-modal__record .el-button{height:auto;padding:var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);margin:0;--el-button-bg-color:var(--ibiz-color-bg-0);--el-button-text-color:var(--ibiz-color-text-2);--el-button-hover-bg-color:var(--ibiz-color-bg-1);--el-button-hover-text-color:var(--ibiz-color-text-3);--el-button-active-bg-color:var(--ibiz-color-bg-0);--el-button-active-text-color:var(--ibiz-color-text-2)}.ibiz-modal.el-dialog{overflow:visible}.ibiz-modal .el-dialog__header{position:relative;padding:0}.ibiz-modal .el-dialog__body{height:100%;padding:0;background-color:var(--ibiz-modal-background-color)}.ibiz-modal .el-dialog__headerbtn{top:-40px;right:-60px;border:var(--ibiz-spacing-super-tight) solid var(--ibiz-color-primary-text);border-radius:var(--ibiz-border-radius-circle);display:flex;align-items:center;justify-content:center}.ibiz-modal .el-dialog__headerbtn .el-dialog__close{font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-primary-text)}

package/es/util/app-modal/app-modal-component.d.ts

@@ -1,5 +1,5 @@
 import { PropType, VNode } from 'vue';
-import { IModalData, IModalOptions, IOverlayContainer, Modal } from '@ibiz-template/runtime';
+import { EventBase, IModalData, IModalOptions, IOverlayContainer, Modal, ViewShellHooks } from '@ibiz-template/runtime';
 import './app-modal-component.scss';
 export declare const AppModalComponent: import("vue").DefineComponent<{
     opts: {
@@ -16,13 +16,18 @@ export declare const AppModalComponent: import("vue").DefineComponent<{
         placement?: "center" | undefined;
         modalClass?: string | undefined;
         isRouteModal?: boolean | undefined;
+        openIndicator?: boolean | undefined;
     }>;
     modalZIndex: number;
     customStyle: import("@ibiz-template/core").IApiData;
     modal: Modal;
+    viewShellHooks: ViewShellHooks;
     present: () => void;
     dismiss: (_data?: IModalData) => void;
     onBeforeClose: (done: () => void) => Promise<void>;
+    prevRecord: () => void;
+    nextRecord: () => void;
+    handleViewCreated: (event: EventBase) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     opts: {
         type: PropType<IModalOptions>;

package/es/util/app-modal/app-modal-component.mjs

@@ -1,11 +1,15 @@
-import { ref, reactive, resolveComponent, h, defineComponent } from 'vue';
+import { isVNode, ref, reactive, resolveComponent, createVNode, h, defineComponent } from 'vue';
 import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
 import { isNumber } from 'lodash-es';
-import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { ViewMode, Modal, ViewShellHooks, SysUIActionTag } from '@ibiz-template/runtime';
 import './app-modal-component.css';
 import { calcOpenModeStyle } from '@ibiz-template/core';
+import { ArrowLeftBold, ArrowRightBold } from '../icon/icon.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const AppModalComponent = /* @__PURE__ */ defineComponent({
   props: {
     opts: {
@@ -20,6 +24,7 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
       zIndex
     } = useUIStore();
     const modalZIndex = zIndex.increment();
+    let modalView;
     const customStyle = reactive({});
     const {
       width,
@@ -55,6 +60,13 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
         ctx.emit("dismiss", data);
       }
     });
+    const viewShellHooks = new ViewShellHooks();
+    viewShellHooks.hooks.viewCreated.tapPromise(async (_event) => {
+      modalView = _event.view;
+    });
+    const handleViewCreated = (event) => {
+      modalView = event.view;
+    };
     const onBeforeClose = async (done) => {
       const isClose = await modal.dismiss();
       if (isClose) {
@@ -67,6 +79,12 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
     const present = () => {
       isShow.value = true;
     };
+    const prevRecord = () => {
+      modalView == null ? void 0 : modalView.call(SysUIActionTag.PREV_RECORD);
+    };
+    const nextRecord = () => {
+      modalView == null ? void 0 : modalView.call(SysUIActionTag.NEXT_RECORD);
+    };
     return {
       ns,
       isShow,
@@ -74,13 +92,18 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
       modalZIndex,
       customStyle,
       modal,
+      viewShellHooks,
       present,
       dismiss,
-      onBeforeClose
+      onBeforeClose,
+      prevRecord,
+      nextRecord,
+      handleViewCreated
     };
   },
   render() {
     var _a, _b;
+    let _slot, _slot2;
     return h(resolveComponent("el-dialog"), {
       modelValue: this.isShow,
       alignCenter: true,
@@ -89,7 +112,25 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
       zIndex: this.modalZIndex,
       beforeClose: this.onBeforeClose,
       ...this.options
-    }, (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal));
+    }, [
+      // eslint-disable-next-line vue/no-multiple-slot-args
+      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal, this.viewShellHooks),
+      this.options.openIndicator && createVNode("div", {
+        "class": this.ns.e("record")
+      }, [createVNode(resolveComponent("el-button"), {
+        "class": this.ns.em("record", "prev"),
+        "title": ibiz.i18n.t("util.appModal.prev"),
+        "onClick": this.prevRecord
+      }, _isSlot(_slot = ArrowLeftBold()) ? _slot : {
+        default: () => [_slot]
+      }), createVNode(resolveComponent("el-button"), {
+        "class": this.ns.em("record", "next"),
+        "title": ibiz.i18n.t("util.appModal.next"),
+        "onClick": this.nextRecord
+      }, _isSlot(_slot2 = ArrowRightBold()) ? _slot2 : {
+        default: () => [_slot2]
+      })])
+    ]);
   }
 });
 function createModal(render, opts) {

package/es/util/fullscreen/fullscreen-util.mjs

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.17_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.18_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

package/es/util/icon/icon.d.ts

@@ -0,0 +1,3 @@
+declare const ArrowLeftBold: () => JSX.Element;
+declare const ArrowRightBold: () => JSX.Element;
+export { ArrowLeftBold, ArrowRightBold };

package/es/util/icon/icon.mjs

@@ -0,0 +1,25 @@
+import { createVNode } from 'vue';
+
+"use strict";
+const ArrowLeftBold = () => createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [createVNode("path", {
+  "fill": "currentColor",
+  "d": "M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0z"
+}, null)]);
+const ArrowRightBold = () => createVNode("svg", {
+  "data-v-9a20e128": "",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 1024 1024",
+  "width": "1em",
+  "height": "1em"
+}, [createVNode("path", {
+  "fill": "currentColor",
+  "d": "M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"
+}, null)]);
+
+export { ArrowLeftBold, ArrowRightBold };

package/es/util/index.d.ts

@@ -14,3 +14,4 @@ export * from './wang-editor-util/wang-editor-util';
 export { useFocusByEnter } from './keydown-util/keydown-util';
 export { calcAiToolbarItemsByAc } from './ai-util/ai-util';
 export { convertBtnType } from './button-util/button-util';
+export * from './icon/icon';

package/es/util/index.mjs

@@ -14,5 +14,6 @@ export { parseHtml } from './wang-editor-util/wang-editor-util.mjs';
 export { useFocusByEnter } from './keydown-util/keydown-util.mjs';
 export { calcAiToolbarItemsByAc } from './ai-util/ai-util.mjs';
 export { convertBtnType } from './button-util/button-util.mjs';
+export { ArrowLeftBold, ArrowRightBold } from './icon/icon.mjs';
 
 "use strict";

package/es/view-engine/calendar-exp-view.engine.d.ts

@@ -1,6 +1,7 @@
-import { ViewController, ViewEngineBase, ICalendarExpBarController, ICalendarExpViewEvent, ICalendarExpViewState } from '@ibiz-template/runtime';
+import { ViewController, ICalendarExpViewEvent, ICalendarExpViewState } from '@ibiz-template/runtime';
 import { IAppDECalendarExplorerView } from '@ibiz/model-core';
-export declare class CalendarExpViewEngine extends ViewEngineBase {
+import { ExpViewEngine } from './exp-view.engine';
+export declare class CalendarExpViewEngine extends ExpViewEngine {
     /**
      * 日历导航视图控制器
      *
@@ -14,12 +15,10 @@ export declare class CalendarExpViewEngine extends ViewEngineBase {
      */
     protected view: ViewController<IAppDECalendarExplorerView, ICalendarExpViewState, ICalendarExpViewEvent>;
     /**
-     * 树导航栏
-     *
+     * @description 导航栏部件名称
      * @readonly
+     * @type {string}
      * @memberof CalendarExpViewEngine
      */
-    get calendarExpBar(): ICalendarExpBarController;
-    onCreated(): Promise<void>;
-    onMounted(): Promise<void>;
+    get expBarName(): string;
 }