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

package/lib/panel-component/panel-button-list/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelButtonList = require('./panel-button-list.cjs');
+var panelButtonList_provider = require('./panel-button-list.provider.cjs');
+var panelButtonList_controller = require('./panel-button-list.controller.cjs');
+
+"use strict";
+const IBizPanelButtonList = vue3Util.withInstall(
+  panelButtonList.PanelButtonList,
+  function(v) {
+    v.component(panelButtonList.PanelButtonList.name, panelButtonList.PanelButtonList);
+    runtime.registerPanelItemProvider(
+      "BUTTONLIST",
+      () => new panelButtonList_provider.PanelButtonListProvider()
+    );
+  }
+);
+
+exports.PanelButtonListController = panelButtonList_controller.PanelButtonListController;
+exports.IBizPanelButtonList = IBizPanelButtonList;
+exports.default = IBizPanelButtonList;

package/lib/panel-component/panel-button-list/panel-button-list.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelButtonList_controller = require('./panel-button-list.controller.cjs');
+require('./panel-button-list.css');
+
+"use strict";
+const PanelButtonList = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPanelButtonList",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: panelButtonList_controller.PanelButtonListController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("panel-button-list");
+    const c = props.controller;
+    const handleClick = async (e, actionId) => {
+      e.stopPropagation();
+      c.doUIAction(actionId, e);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    const {
+      state
+    } = this.controller;
+    if (state.visible) {
+      return vue.createVNode(vue.resolveComponent("iBizButtonList"), {
+        "class": [this.ns.b(), ...this.controller.containerClass],
+        "model": this.modelData,
+        "disabled": state.disabled,
+        "buttonsState": state.buttonsState,
+        "onClick": this.handleClick
+      }, null);
+    }
+    return null;
+  }
+});
+
+exports.PanelButtonList = PanelButtonList;
+exports.default = PanelButtonList;

package/lib/panel-component/panel-button-list/panel-button-list.controller.cjs

@@ -0,0 +1,147 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var panelButtonList_state = require('./panel-button-list.state.cjs');
+
+"use strict";
+class PanelButtonListController extends runtime.PanelItemController {
+  createState() {
+    var _a;
+    return new panelButtonList_state.PanelButtonListState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 父容器数据对象数据
+   * @author lxm
+   * @date 2023-07-15 01:33:58
+   * @readonly
+   * @type {IData}
+   */
+  get data() {
+    return this.dataParent.data;
+  }
+  /**
+   * Creates an instance of PanelButtonController.
+   * @param {IPanelButtonList} model
+   * @param {PanelController} panel
+   * @param {PanelItemController} [parent]
+   * @memberof PanelButtonController
+   */
+  constructor(model, panel, parent) {
+    super(model, panel, parent);
+    this.state.buttonsState = new runtime.ButtonContainerState();
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonController
+   */
+  async onInit() {
+    await super.onInit();
+    await this.initButtonsState();
+  }
+  /**
+   * 初始化按钮组状态
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonListController
+   */
+  async initButtonsState() {
+    var _a;
+    const { buttonListType, uiactionGroup, panelButtons } = this.model;
+    if (buttonListType === "UIACTIONGROUP") {
+      (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.forEach((detail) => {
+        if (detail.uiactionId) {
+          const buttonState = new runtime.UIActionButtonState(
+            detail.id,
+            this.model.appId,
+            detail.uiactionId
+          );
+          this.state.buttonsState.addState(detail.id, buttonState);
+        }
+      });
+    } else {
+      panelButtons == null ? void 0 : panelButtons.forEach((button) => {
+        if (button.uiactionId) {
+          const buttonState = new runtime.UIActionButtonState(
+            button.id,
+            this.model.appId,
+            button.uiactionId
+          );
+          this.state.buttonsState.addState(button.id, buttonState);
+        }
+      });
+    }
+    await this.state.buttonsState.init();
+  }
+  /**
+   * 面板数据变更通知(由面板控制器调用)
+   *
+   * @param {string[]} names
+   * @memberof PanelButtonController
+   */
+  async dataChangeNotify(names) {
+    await this.state.buttonsState.update(
+      this.panel.context,
+      this.data,
+      this.panel.model.appDataEntityId
+    );
+    super.dataChangeNotify(names);
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @param {PanelNotifyState} _state
+   * @memberof PanelButtonController
+   */
+  async panelStateNotify(_state) {
+    await this.state.buttonsState.update(
+      this.panel.context,
+      this.data,
+      this.panel.model.appDataEntityId
+    );
+    super.panelStateNotify(_state);
+  }
+  /**
+   * 执行界面行为
+   *
+   * @param {string} actionId
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   * @memberof PanelButtonListController
+   */
+  async doUIAction(actionId, event) {
+    await runtime.UIActionUtil.execAndResolved(
+      actionId,
+      {
+        context: this.panel.context,
+        params: {
+          panelDataParent: this.dataParent.model.id,
+          ...this.panel.params
+        },
+        data: [this.data],
+        view: this.panel.view,
+        event,
+        noWaitRoute: true
+      },
+      this.model.appId
+    );
+  }
+  calcItemVisible(data) {
+    if (!this.state.buttonsState.visible) {
+      this.state.visible = false;
+      return;
+    }
+    super.calcItemVisible(data);
+  }
+  calcItemDisabled(data) {
+    if (this.state.buttonsState.disabled) {
+      this.state.disabled = true;
+      return;
+    }
+    super.calcItemDisabled(data);
+  }
+}
+
+exports.PanelButtonListController = PanelButtonListController;

package/lib/panel-component/panel-button-list/panel-button-list.css

@@ -0,0 +1 @@
+.ibiz-panel-button-list{width:100%;height:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}

package/lib/panel-component/panel-button-list/panel-button-list.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var panelButtonList_controller = require('./panel-button-list.controller.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 PanelButtonListProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelButtonList");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new panelButtonList_controller.PanelButtonListController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.PanelButtonListProvider = PanelButtonListProvider;

package/lib/panel-component/panel-button-list/panel-button-list.state.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var runtime = require('@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 PanelButtonListState extends runtime.PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 按钮组状态
+     *
+     * @type {IButtonContainerState}
+     * @memberof PanelButtonListState
+     */
+    __publicField(this, "buttonsState");
+  }
+}
+
+exports.PanelButtonListState = PanelButtonListState;

package/lib/panel-component/panel-index-view-search/panel-index-view-search.css

@@ -1 +1 @@
-.ibiz-panel-index-view-search{--ibiz-panel-index-view-search-text-color:var(--ibiz-color-text-0);--ibiz-panel-index-view-search-placeholder-text-color:var(--ibiz-color-text-2);--ibiz-panel-index-view-search-bg-color:var(--ibiz-color-fill-0);--ibiz-panel-index-view-search-btn-width:var(--ibiz-height-control-large);width:100%;height:100%}.ibiz-panel-index-view-search .el-input__wrapper{background-color:var(--ibiz-panel-index-view-search-bg-color);box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.ibiz-panel-index-view-search .el-input__wrapper .el-input__prefix{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::-moz-placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search-btn{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-index-view-search-btn .el-button{width:var(--ibiz-panel-index-view-search-btn-width);padding:var(--ibiz-spacing-base-tight)}.ibiz-panel-index-view-search-btn:hover{background-color:transparent}
+.ibiz-panel-index-view-search{--ibiz-panel-index-view-search-text-color:var(--ibiz-color-text-0);--ibiz-panel-index-view-search-placeholder-text-color:var(--ibiz-color-text-2);--ibiz-panel-index-view-search-bg-color:var(--ibiz-color-bg-5);--ibiz-panel-index-view-search-btn-width:var(--ibiz-height-control-large);width:100%;height:100%}.ibiz-panel-index-view-search .el-input__wrapper{background-color:var(--ibiz-panel-index-view-search-bg-color);box-shadow:none}.ibiz-panel-index-view-search .el-input__wrapper .el-input__prefix{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::-moz-placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search-btn{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-index-view-search-btn .el-button{width:var(--ibiz-panel-index-view-search-btn-width);padding:var(--ibiz-spacing-base-tight)}.ibiz-panel-index-view-search-btn:hover{background-color:transparent}

package/lib/panel-component/panel-view-content/panel-view-content.cjs

@@ -37,6 +37,12 @@ const PanelViewContent = /* @__PURE__ */ vue.defineComponent({
     };
     const classArr = vue.computed(() => {
       let result = [ns.b(), ns.m(id)];
+      const {
+        view
+      } = props.controller.panel;
+      if (view.model.viewType) {
+        result.push(ns.m(view.model.viewType.toLowerCase()));
+      }
       if (showCaption === true) {
         result = [...result, ...props.controller.containerClass, ns.is("collapse", collapsible && isCollapse.value), ns.is("hidden", !props.controller.state.visible)];
       }

package/lib/panel-component/panel-view-header/panel-view-header.css

@@ -1 +1 @@
-.ibiz-panel-view-header{width:auto;height:64px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-panel-view-header .ibiz-row{height:100%}.ibiz-panel-view-header .ibiz-panel-container--view_header_right{padding:0 var(--ibiz-spacing-base)}
+.ibiz-panel-view-header{width:auto;height:64px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-panel-view-header .ibiz-row{height:100%}.ibiz-panel-view-header .ibiz-panel-container--view_header_right{padding:0 var(--ibiz-spacing-base)}.ibiz-panel-view-header .el-tabs__nav-wrap::after{display:none}

package/lib/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-bg-1);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.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/lib/util/fullscreen/fullscreen-util.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var ElementPlus = require('element-plus');
+var namespace = require('../../node_modules/.pnpm/@ibiz-template_core@0.7.35-alpha.1_axios@1.7.7_lodash-es@4.17.21_qs@6.13.0_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.cjs');
 var fullscreenToolbar = require('../../common/fullscreen-toolbar/fullscreen-toolbar.cjs');
 
 "use strict";
@@ -49,7 +50,7 @@ class FullscreenUtil {
       if (this.FullscreenClass) {
         div.classList.toggle(this.FullscreenClass);
       }
-      div.style.background = "white";
+      div.style.background = "var(--".concat(namespace.defaultNamespace, "-bg-1)");
       const content = document.createElement("div");
       content.id = "fullscreen";
       content.style.position = "absolute";

package/lib/util/pagination/use-pagination.cjs

@@ -1,12 +1,29 @@
 'use strict';
 
+var runtime = require('@ibiz-template/runtime');
+var lodashEs = require('lodash-es');
+
 "use strict";
 function usePagination(c) {
+  const initGridItems = () => {
+    const controller = c;
+    if (Array.isArray(controller.state.simpleData)) {
+      controller.state.items = lodashEs.chunk(controller.state.simpleData, controller.state.size)[controller.state.curPage - 1] || [];
+      controller.state.rows = controller.state.items.map((item) => {
+        const row = new runtime.GridRowState(new runtime.ControlVO(item), controller);
+        return row;
+      });
+    }
+  };
   function onPageChange(page) {
     if (!page || page === c.state.curPage) {
       return;
     }
     c.state.curPage = page;
+    if (c.context && c.context.srfrunmode === "DESIGN") {
+      initGridItems();
+      return;
+    }
     c.load();
   }
   function onPageSizeChange(size) {
@@ -14,6 +31,10 @@ function usePagination(c) {
       return;
     }
     c.state.size = size;
+    if (c.context && c.context.srfrunmode === "DESIGN") {
+      initGridItems();
+      return;
+    }
     if (c.state.curPage === 1) {
       c.load();
     }

package/lib/view-engine/data-view.engine.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 
 "use strict";
@@ -26,6 +27,36 @@ class DataViewEngine extends runtime.MDViewEngine {
     }
     this.view.slotProps.dataview.mdctrlActiveMode = model.mdctrlActiveMode;
   }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === runtime.SysUIActionTag.EXPAND) {
+      const { srfcollapsetag, srfgroup } = args.params || {};
+      const tag = srfcollapsetag || srfgroup;
+      if (!tag) {
+        throw new core.RuntimeError(ibiz.i18n.t("viewEngine.noExpandTag"));
+      }
+      this.dataview.changeCollapse({ tag, expand: true });
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.COLLAPSE) {
+      const { srfcollapsetag, srfgroup } = args.params || {};
+      const tag = srfcollapsetag || srfgroup;
+      if (!tag) {
+        throw new core.RuntimeError(ibiz.i18n.t("viewEngine.noCollapseTag"));
+      }
+      this.dataview.changeCollapse({ tag, expand: false });
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.EXPANDALL) {
+      this.dataview.changeCollapse({ expand: true });
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.COLLAPSEALL) {
+      this.dataview.changeCollapse({ expand: false });
+      return null;
+    }
+    return super.call(key, args);
+  }
 }
 
 exports.DataViewEngine = DataViewEngine;

package/lib/view-engine/de-index-view-engine.cjs

@@ -38,6 +38,21 @@ class DEIndexViewEngine extends editView_engine.EditViewEngine {
     this.view.slotProps.drbar.srfnav = this.view.state.srfnav;
     this.view.slotProps.drbar.hideEditItem = true;
   }
+  /**
+   * @description 监控form事件
+   * @param {EventBase} event
+   * @memberof DEIndexViewEngine
+   */
+  formDataStateChange(event) {
+    var _a;
+    const { evt } = this.view;
+    const formDeId = this.form.model.appDataEntityId;
+    const data = event.data[0];
+    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+    if (data.srfkey) {
+      evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });
+    }
+  }
 }
 
 exports.DEIndexViewEngine = DEIndexViewEngine;

package/lib/view-engine/edit-view.engine.cjs

@@ -58,11 +58,19 @@ class EditViewEngine extends runtime.ViewEngineBase {
    */
   async modalEventHook(context) {
     var _a, _b;
-    const uiDomain = ibiz.uiDomainManager.get(this.view.context.srfsessionid);
-    const isChange = (((_a = this.form) == null ? void 0 : _a.state.modified) || uiDomain.dataModification) && this.view.model.enableDirtyChecking === true;
-    if (isChange && ((_b = this.form) == null ? void 0 : _b.model.enableAutoSave) && !uiDomain.dataModification) {
+    if (this.form && this.form.state.modified && this.form.model.enableAutoSave) {
       await this.form.immediateAutoSave();
-    } else if (isChange && context.allowClose == null) {
+    }
+    const srfSessionid = this.view.context.srfsessionid;
+    const uiDomain = ibiz.uiDomainManager.get(srfSessionid);
+    let isChange = this.view.model.enableDirtyChecking === true;
+    const isTopView = srfSessionid === this.view.id;
+    if (isTopView) {
+      isChange = isChange && (((_a = this.form) == null ? void 0 : _a.state.modified) || uiDomain.dataModification);
+    } else {
+      isChange = isChange && ((_b = this.form) == null ? void 0 : _b.state.modified);
+    }
+    if (isChange && context.allowClose == null) {
       const isAllow = await ibiz.confirm.error({
         title: ibiz.i18n.t("viewEngine.closeRemind"),
         desc: ibiz.i18n.t("viewEngine.confirmClosePrompt")
@@ -77,6 +85,7 @@ class EditViewEngine extends runtime.ViewEngineBase {
   async onCreated() {
     await super.onCreated();
     this.modalEventHook = this.modalEventHook.bind(this);
+    this.formDataStateChange = this.formDataStateChange.bind(this);
     const { childNames, modal } = this.view;
     childNames.push("form");
     this.deName = runtime.calcDeCodeNameById(this.view.model.appDataEntityId);
@@ -90,27 +99,33 @@ class EditViewEngine extends runtime.ViewEngineBase {
     this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(this.modalEventHook);
   }
+  /**
+   * @description 监控form事件
+   * @param {EventBase} event
+   * @memberof EditViewEngine
+   */
+  formDataStateChange(event) {
+    var _a;
+    const { model, evt } = this.view;
+    const formDeId = this.form.model.appDataEntityId;
+    const data = event.data[0];
+    (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
+    if (model.showDataInfoBar) {
+      if (data.srfkey) {
+        evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });
+      } else {
+        evt.emit("onViewInfoChange", {
+          dataInfo: ibiz.i18n.t("app.newlyBuild")
+        });
+      }
+    }
+  }
   async onMounted() {
     await super.onMounted();
     this.initMarkOpenData();
     const { model, evt } = this.view;
-    const formDeId = this.form.model.appDataEntityId;
-    const formDataStateChange = (event) => {
-      var _a;
-      const data = event.data[0];
-      (_a = this.toolbar) == null ? void 0 : _a.calcButtonState(data, formDeId);
-      if (model.showDataInfoBar) {
-        if (data.srfkey) {
-          evt.emit("onViewInfoChange", { dataInfo: data.srfmajortext || "" });
-        } else {
-          evt.emit("onViewInfoChange", {
-            dataInfo: ibiz.i18n.t("app.newlyBuild")
-          });
-        }
-      }
-    };
     this.form.evt.on("onLoadSuccess", (event) => {
-      formDataStateChange(event);
+      this.formDataStateChange(event);
       const data = event.data[0];
       this.view.state.srfactiveviewdata = data;
       if (Object.prototype.hasOwnProperty.call(data, "srfreadonly")) {
@@ -119,7 +134,7 @@ class EditViewEngine extends runtime.ViewEngineBase {
       evt.emit("onDataChange", { ...event, actionType: "LOAD" });
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {
-      formDataStateChange(event);
+      this.formDataStateChange(event);
       evt.emit("onDataChange", { ...event, actionType: "LOADDRAFT" });
     });
     this.form.evt.on("onSaveSuccess", (event) => {
@@ -129,11 +144,11 @@ class EditViewEngine extends runtime.ViewEngineBase {
       if (this.view.context[deName] !== formData.srfkey) {
         this.view.context[deName] = formData.srfkey;
       }
-      formDataStateChange(event);
+      this.formDataStateChange(event);
       evt.emit("onDataChange", { ...event, actionType: "SAVE" });
     });
     this.form.evt.on("onRemoveSuccess", (event) => {
-      formDataStateChange(event);
+      this.formDataStateChange(event);
       evt.emit("onDataChange", { ...event, actionType: "REMOVE" });
     });
     if (!this.view.state.noLoadDefault && model.loadDefault) {
@@ -196,6 +211,32 @@ class EditViewEngine extends runtime.ViewEngineBase {
     if (key === runtime.ViewCallTag.WF_WITHDRAW) {
       await this.wfWithdraw();
     }
+    if (key === runtime.SysUIActionTag.EXPAND) {
+      const { srfcollapsetag, srfgroupid } = args.params || {};
+      const tag = srfcollapsetag || srfgroupid;
+      if (!tag) {
+        throw new core.RuntimeError(ibiz.i18n.t("viewEngine.noExpandTag"));
+      }
+      this.form.changeCollapse({ tag, expand: true });
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.COLLAPSE) {
+      const { srfcollapsetag, srfgroupid } = args.params || {};
+      const tag = srfcollapsetag || srfgroupid;
+      if (!tag) {
+        throw new core.RuntimeError(ibiz.i18n.t("viewEngine.noCollapseTag"));
+      }
+      this.form.changeCollapse({ tag, expand: false });
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.EXPANDALL) {
+      this.form.changeCollapse({ expand: true });
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.COLLAPSEALL) {
+      this.form.changeCollapse({ expand: false });
+      return null;
+    }
     return super.call(key, args);
   }
   /**
@@ -366,10 +407,24 @@ class EditViewEngine extends runtime.ViewEngineBase {
     let srfkey;
     let hasSubscribe = false;
     if (doActions.includes("VIEW")) {
-      this.form.evt.on("onLoadSuccess", (event) => {
+      this.form.evt.on("onLoadSuccess", async (event) => {
         const formData = event.data[0];
         srfkey = formData.srfkey;
-        ibiz.markOpenData.action(this.deName, srfkey, "VIEW");
+        const result = await ibiz.markOpenData.action(
+          this.deName,
+          srfkey,
+          "VIEW"
+        );
+        if (result.ok && result.data.length > 0) {
+          result.data.forEach((item) => {
+            var _a2;
+            if (item.data) {
+              (_a2 = this.coopPos) == null ? void 0 : _a2.updateMessage({
+                data: item.data
+              });
+            }
+          });
+        }
         if (!hasSubscribe) {
           ibiz.markOpenData.subscribe(this.deName, srfkey, callback);
           this.view.evt.on("onDestroyed", () => {
@@ -484,6 +539,36 @@ class EditViewEngine extends runtime.ViewEngineBase {
         this.form.model.appDataEntityId
       );
       context[this.deName] = targetItem.srfkey;
+      const logicId = "".concat(this.view.context.srfnavlogicid);
+      if (logicId) {
+        const logicParams = ibiz.util.record.getTriggerLogic(logicId);
+        const targetControl = ibiz.util.record.getCtrl(controlId);
+        if (logicParams) {
+          const { navContexts, navParams } = logicParams;
+          if (navContexts) {
+            Object.assign(
+              context,
+              runtime.convertNavData(
+                navContexts,
+                targetItem,
+                (targetControl == null ? void 0 : targetControl.params) || params,
+                (targetControl == null ? void 0 : targetControl.context) || {}
+              )
+            );
+          }
+          if (navParams) {
+            Object.assign(
+              params,
+              runtime.convertNavData(
+                navParams,
+                targetItem,
+                (targetControl == null ? void 0 : targetControl.params) || params,
+                (targetControl == null ? void 0 : targetControl.context) || {}
+              )
+            );
+          }
+        }
+      }
       Object.assign(this.view.context, context);
       Object.assign(this.view.params, params);
       if (srfparentdename && this.view.model.dynaSysMode === 1 && this.view.context[srfparentdename] !== srfparentkey) {