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

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/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/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/lib/control/dashboard/portlet/menu-portlet/app-menu-portlet/app-menu-portlet.css

@@ -1 +1 @@
-.ibiz-control-appmenu-portlet{--ibiz-control-appmenu-portlet-margin:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-border-color:var(--ibiz-color-primary);--ibiz-control-appmenu-portlet-bg-color:var(--ibiz-color-bg-0);--ibiz-control-appmenu-portlet-padding:var(--ibiz-spacing-base-tight)}.ibiz-control-appmenu-portlet__content{display:flex;flex-wrap:wrap;width:100%}.ibiz-control-appmenu-portlet-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(25% - var(--ibiz-control-appmenu-portlet-margin) * 2);padding:var(--ibiz-control-appmenu-portlet-padding);margin:var(--ibiz-control-appmenu-portlet-margin);cursor:pointer;background-color:var(--ibiz-control-appmenu-portlet-bg-color)}.ibiz-control-appmenu-portlet-item::before{position:absolute;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-appmenu-portlet-border-color)}.ibiz-control-appmenu-portlet-group{width:100%}.ibiz-control-appmenu-portlet-group .el-collapse-item__content{display:flex;flex-wrap:wrap}
+.ibiz-control-appmenu-portlet{--ibiz-control-appmenu-portlet-margin:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-border-color:var(--ibiz-color-primary);--ibiz-control-appmenu-portlet-bg-color:var(--ibiz-color-bg-0);--ibiz-control-appmenu-portlet-padding:var(--ibiz-spacing-base-tight);--ibiz-control-appmenu-portlet-content-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);padding:var(--ibiz-control-appmenu-portlet-content-padding)}.ibiz-control-appmenu-portlet__content{display:flex;flex-wrap:wrap;width:100%}.ibiz-control-appmenu-portlet-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;justify-content:center;width:calc(25% - var(--ibiz-control-appmenu-portlet-margin) * 2);padding:var(--ibiz-control-appmenu-portlet-padding);margin:var(--ibiz-control-appmenu-portlet-margin);cursor:pointer;background-color:var(--ibiz-control-appmenu-portlet-bg-color)}.ibiz-control-appmenu-portlet-item::before{position:absolute;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-control-appmenu-portlet-border-color)}.ibiz-control-appmenu-portlet-group{width:100%}.ibiz-control-appmenu-portlet-group .el-collapse-item__content{display:flex;flex-wrap:wrap}

package/lib/control/drtab/flow-drtab.cjs

@@ -126,9 +126,6 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const observer = new IntersectionObserver((entries) => {
-      if (allVisibleViews.value !== completedViews.value) {
-        return;
-      }
       entries.forEach((entry) => {
         var _a, _b;
         if (entry.isIntersecting) {
@@ -152,6 +149,15 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
           }
         }
       });
+      visibleViews.sort((a, b) => {
+        var _a, _b;
+        const aIndex = (_a = allNavTags.value) == null ? void 0 : _a.findIndex((tag) => tag === a);
+        const bIndex = (_b = allNavTags.value) == null ? void 0 : _b.findIndex((tag) => tag === b);
+        return aIndex - bIndex;
+      });
+      if (allVisibleViews.value !== completedViews.value || !c.enableAnchor) {
+        return;
+      }
       computeSelectItem();
     });
     const onViewMounted = (item) => {
@@ -166,7 +172,7 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
       if (el) {
         observer.observe(el);
       }
-      if (completedViews.value === allVisibleViews.value && props.activeTab) {
+      if (completedViews.value === allVisibleViews.value && props.activeTab && props.activeTab.tag !== props.drtabpages[0].id) {
         vue.nextTick(() => {
           scrollToTarget();
         });
@@ -178,7 +184,9 @@ const FlowDrtab = /* @__PURE__ */ vue.defineComponent({
           return page.id === newVal.tag;
         });
         navtag.value = "".concat(target == null ? void 0 : target.appViewId, "_").concat(newVal.tag);
-        scrollToTarget();
+        if (newVal.tag !== props.drtabpages[0].id) {
+          scrollToTarget();
+        }
       }
     }, {
       deep: true,

package/lib/control/drtab/flow-drtab.css

@@ -1 +1 @@
-.ibiz-flow-drtab{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-color-bg-0)}.ibiz-flow-drtab__container{height:100%;overflow:auto}.ibiz-flow-drtab__tab-item{background-color:var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-medium)}.ibiz-flow-drtab__tab-item--label{padding:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-5);border-bottom:1px solid var(--ibiz-color-fill-1)}.ibiz-flow-drtab__tab-item--tab-view{padding:var(--ibiz-spacing-tight) 0}.ibiz-flow-drtab__tab-item+.ibiz-flow-drtab__tab-item{margin-top:var(--ibiz-spacing-base)}.ibiz-flow-drtab__counter{font-size:var(--ibiz-font-size-regular);text-align:center}.ibiz-flow-drtab .ibiz-flow-drtab{background-color:inherit}.ibiz-flow-drtab.is-enable-anchor{display:flex;gap:var(--ibiz-spacing-base)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__container{flex:1}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar{display:flex;min-width:200px;padding:var(--ibiz-spacing-base) 0;font-size:var(--ibiz-font-size-regular);background-color:var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-medium)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topleft{align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomleft{align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topright{flex-direction:row-reverse;align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomright{flex-direction:row-reverse;align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleleft{align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleright{flex-direction:row-reverse;align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-items{width:100%;max-height:100%;overflow:auto}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item{width:100%;height:32px;padding:0 var(--ibiz-spacing-base);overflow:hidden;line-height:32px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item:hover{color:var(--ibiz-color-primary)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active{position:relative;color:var(--ibiz-color-primary)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active::before{position:absolute;top:0;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-color-primary);border-radius:2px}.ibiz-flow-drtab.is-enable-anchor.is-left{flex-direction:row;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__container{--navbarwidth:200;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}.ibiz-flow-drtab.is-enable-anchor.is-right{flex-direction:row-reverse;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__container{--navbarwidth:200;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}
+.ibiz-flow-drtab{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-color-bg-0)}.ibiz-flow-drtab__container{height:100%;overflow:auto}.ibiz-flow-drtab__tab-item{background-color:var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-medium)}.ibiz-flow-drtab__tab-item--label{padding:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-5);border-bottom:1px solid var(--ibiz-color-fill-1)}.ibiz-flow-drtab__tab-item--tab-view{padding:var(--ibiz-spacing-tight) 0}.ibiz-flow-drtab__tab-item+.ibiz-flow-drtab__tab-item{margin-top:var(--ibiz-spacing-base)}.ibiz-flow-drtab__counter{font-size:var(--ibiz-font-size-regular);text-align:center}.ibiz-flow-drtab .ibiz-flow-drtab{background-color:inherit}.ibiz-flow-drtab.is-enable-anchor{display:flex;gap:var(--ibiz-spacing-base)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__container{flex:1}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar{display:flex;min-width:200px;padding:var(--ibiz-spacing-base) 0;font-size:var(--ibiz-font-size-regular);background-color:var(--ibiz-color-bg-1);border-radius:var(--ibiz-border-radius-medium)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topleft{align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomleft{align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-topright{flex-direction:row-reverse;align-items:start}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-bottomright{flex-direction:row-reverse;align-items:end}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleleft{align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-bar.is-middleright{flex-direction:row-reverse;align-items:center}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-items{width:100%;max-height:100%;overflow:auto}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item{width:100%;height:32px;padding:0 var(--ibiz-spacing-base);overflow:hidden;line-height:32px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item:hover{color:var(--ibiz-color-primary)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active{position:relative;color:var(--ibiz-color-primary)}.ibiz-flow-drtab.is-enable-anchor .ibiz-flow-drtab__anchor-item.is-active::before{position:absolute;top:0;left:0;width:4px;height:100%;content:"";background-color:var(--ibiz-color-primary);border-radius:2px}.ibiz-flow-drtab.is-enable-anchor.is-left{flex-direction:row;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-left>.ibiz-flow-drtab__container{--navbarwidth:200px;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-left .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}.ibiz-flow-drtab.is-enable-anchor.is-right{flex-direction:row-reverse;overflow:auto}.ibiz-flow-drtab.is-enable-anchor.is-right>.ibiz-flow-drtab__container{--navbarwidth:200px;flex:1 0;width:calc(100% - var(--navbarwidth) - 2 * var(--ibiz-spacing-base));overflow:unset}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-bar{position:sticky;top:0}.ibiz-flow-drtab.is-enable-anchor.is-right .ibiz-flow-drtab__anchor-items::-webkit-scrollbar{display:none}

package/lib/index.cjs

@@ -183,6 +183,7 @@ var keydownUtil = require('./util/keydown-util/keydown-util.cjs');
 var aiUtil = require('./util/ai-util/ai-util.cjs');
 var buttonUtil = require('./util/button-util/button-util.cjs');
 var wangEditorUtil = require('./util/wang-editor-util/wang-editor-util.cjs');
+var icon = require('./util/icon/icon.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
 var main = require('./web-app/main.cjs');
 var index$1e = require('./web-app/router/index.cjs');
@@ -372,6 +373,8 @@ exports.useFocusByEnter = keydownUtil.useFocusByEnter;
 exports.calcAiToolbarItemsByAc = aiUtil.calcAiToolbarItemsByAc;
 exports.convertBtnType = buttonUtil.convertBtnType;
 exports.parseHtml = wangEditorUtil.parseHtml;
+exports.ArrowLeftBold = icon.ArrowLeftBold;
+exports.ArrowRightBold = icon.ArrowRightBold;
 exports.AuthGuard = authGuard.AuthGuard;
 exports.runApp = main.runApp;
 exports.AppRouter = index$1e.AppRouter;

package/lib/locale/en/index.cjs

@@ -808,6 +808,10 @@ var index = {
       aiDesc: "After deletion, the conversation will not be recoverable. Are you sure to delete?",
       clearTopic: "Clear conversation",
       clearTopicDesc: "Are you sure to clear all conversation data except for the current activation item?"
+    },
+    appModal: {
+      prev: "Previous record",
+      next: "Next record"
     }
   },
   // runTime

package/lib/locale/zh-CN/index.cjs

@@ -804,6 +804,10 @@ var index = {
       aiDesc: "\u5220\u9664\u540E\uFF0C\u8BE5\u5BF9\u8BDD\u5C06\u4E0D\u53EF\u6062\u590D\u3002\u786E\u8BA4\u5220\u9664\u5417\uFF1F",
       clearTopic: "\u6E05\u7A7A\u4F1A\u8BDD",
       clearTopicDesc: "\u786E\u8BA4\u6E05\u7A7A\u9664\u5F53\u524D\u6FC0\u6D3B\u9879\u5916\u7684\u6240\u6709\u4F1A\u8BDD\u6570\u636E\uFF1F"
+    },
+    appModal: {
+      prev: "\u4E0A\u4E00\u4E2A\u8BB0\u5F55",
+      next: "\u4E0B\u4E00\u4E2A\u8BB0\u5F55"
     }
   },
   // runTime

package/lib/panel-component/app-switch/app-switch.controller.cjs

@@ -261,7 +261,10 @@ class AppSwitchController extends runtime.PanelItemController {
       await ibiz.hub.getAppAsync(tempKey);
     }
     const targetAppModel = ibiz.hub.getAppSourceModel(tempKey);
-    if (targetAppModel.getDefaultPSAppIndexView) {
+    const defaultApp = ibiz.hub.getApp();
+    if (defaultApp.model.appId === tempKey && window.Environment.AppTitle) {
+      ibiz.env.AppTitle = window.Environment.AppTitle;
+    } else if (targetAppModel.getDefaultPSAppIndexView) {
       const view = targetAppModel.getDefaultPSAppIndexView;
       if (targetAppModel.caption) {
         ibiz.env.AppTitle = targetAppModel.caption;