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

package/es/panel-component/panel-button-list/panel-button-list.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelButtonListController } from './panel-button-list.controller.mjs';
+import './panel-button-list.css';
+
+"use strict";
+const PanelButtonList = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelButtonList",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelButtonListController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = 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 createVNode(resolveComponent("iBizButtonList"), {
+        "class": [this.ns.b(), ...this.controller.containerClass],
+        "model": this.modelData,
+        "disabled": state.disabled,
+        "buttonsState": state.buttonsState,
+        "onClick": this.handleClick
+      }, null);
+    }
+    return null;
+  }
+});
+
+export { PanelButtonList, PanelButtonList as default };

package/es/panel-component/panel-button-list/panel-button-list.provider.d.ts

@@ -0,0 +1,14 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { PanelButtonListController } from './panel-button-list.controller';
+/**
+ * 面板按钮组适配器
+ *
+ * @export
+ * @class PanelButtonListProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class PanelButtonListProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelButtonListController>;
+}

package/es/panel-component/panel-button-list/panel-button-list.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelButtonListController } from './panel-button-list.controller.mjs';
+
+"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 PanelButtonListController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelButtonListProvider };

package/es/panel-component/panel-button-list/panel-button-list.state.d.ts

@@ -0,0 +1,17 @@
+import { IButtonContainerState, PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 面板按钮组状态
+ *
+ * @export
+ * @class PanelButtonListState
+ * @extends {PanelItemState}
+ */
+export declare class PanelButtonListState extends PanelItemState {
+    /**
+     * 按钮组状态
+     *
+     * @type {IButtonContainerState}
+     * @memberof PanelButtonListState
+     */
+    buttonsState: IButtonContainerState;
+}

package/es/panel-component/panel-button-list/panel-button-list.state.mjs

@@ -0,0 +1,23 @@
+import { PanelItemState } 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 PanelButtonListState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 按钮组状态
+     *
+     * @type {IButtonContainerState}
+     * @memberof PanelButtonListState
+     */
+    __publicField(this, "buttonsState");
+  }
+}
+
+export { PanelButtonListState };

package/es/panel-component/panel-exp-header/panel-exp-header.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './panel-exp-header.css';

package/es/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/es/panel-component/panel-index-view-search/panel-index-view-search.mjs

@@ -1,4 +1,4 @@
-import { ref, inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, inject, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController, AppFuncCommand } from '@ibiz-template/runtime';
 import { debounce } from 'lodash-es';

package/es/panel-component/panel-remember-me/panel-remember-me.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelRememberMeController } from './panel-remember-me.controller.mjs';
 

package/es/panel-component/panel-static-carousel/panel-static-carousel.mjs

@@ -1,4 +1,4 @@
-import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, createVNode, resolveComponent } from 'vue';
 import { PanelItemController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './panel-static-carousel.css';

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

@@ -1,4 +1,4 @@
-import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './panel-tab-panel.css';
 import { PanelTabPanelController } from './panel-tab-panel.controller.mjs';

package/es/panel-component/panel-view-content/panel-view-content.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './panel-view-content.css';
@@ -35,6 +35,12 @@ const PanelViewContent = /* @__PURE__ */ defineComponent({
     };
     const classArr = 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/es/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/es/panel-component/panel-view-header/panel-view-header.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './panel-view-header.css';

package/es/panel-component/searchform-buttons/searchform-buttons.mjs

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './searchform-buttons.css';
 import { ElMessageBox } from 'element-plus';

package/es/panel-component/short-cut/short-cut.mjs

@@ -1,4 +1,4 @@
-import { getCurrentInstance, ref, reactive, onMounted, onUnmounted, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, getCurrentInstance, ref, reactive, onMounted, onUnmounted, createVNode, resolveComponent } from 'vue';
 import { useRouter } from 'vue-router';
 import { PanelItemController, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';

package/es/panel-component/split-container/split-container.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { SplitContainerController } from './split-container.controller.mjs';
 import './split-container.css';

package/es/panel-component/user-action/user-action.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { AppFuncCommand } from '@ibiz-template/runtime';
 import './user-action.css';

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

@@ -1,4 +1,4 @@
-import { computed, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { showTitle } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './async-action.css';

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

@@ -1,4 +1,4 @@
-import { isVNode, reactive, createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, reactive, createVNode, resolveComponent, createTextVNode } from 'vue';
 import { RuntimeError, downloadFileFromBlob } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import qs from 'qs';

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

@@ -1,4 +1,4 @@
-import { computed, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { isObject } from 'lodash-es';
 

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

@@ -1,4 +1,4 @@
-import { ref, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { getAsyncActionProvider } from '@ibiz-template/runtime';
 import './async-action-tab.css';

package/es/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { showTitle } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-container.css';

package/es/panel-component/user-message/internal-message/common/internal-message-default/internal-message-default.mjs

@@ -1,4 +1,4 @@
-import { createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-default.css';
 

package/es/panel-component/user-message/internal-message/internal-message-html/internal-message-html.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-html.css';
 import '../../../../util/index.mjs';

package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.mjs

@@ -1,4 +1,4 @@
-import { isVNode, computed, createVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-json.css';
 

package/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, reactive, onUnmounted, onMounted, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, ref, watch, reactive, onUnmounted, onMounted, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { getInternalMessageProvider } from '@ibiz-template/runtime';
 import './internal-message-tab.css';

package/es/panel-component/user-message/internal-message/internal-message-text/internal-message-text.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-text.css';
 

package/es/panel-component/user-message/user-message.mjs

@@ -1,4 +1,4 @@
-import { ref, onMounted, onUnmounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, onMounted, onUnmounted, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PresetIdentifier } from '@ibiz-template/runtime';
 import './user-message.css';

package/es/panel-component/view-message/view-message.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 

package/es/panel-component/view-msg-pos/view-msg-pos.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, useCtx } from '@ibiz-template/vue3-util';
 import { ViewMsgPosController } from './view-msg-pos.controller.mjs';
 

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

@@ -1,6 +1,6 @@
-import { ref, resolveComponent, h, defineComponent } from 'vue';
+import { defineComponent, ref, h, resolveComponent } from 'vue';
 import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
-import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { Modal, ViewMode } from '@ibiz-template/runtime';
 import { isNumber } from 'lodash-es';
 import './app-drawer-component.css';
 import { calcOpenModeStyle } from '@ibiz-template/core';

package/es/util/app-float-window/app-float-window-component.mjs

@@ -1,6 +1,6 @@
-import { ref, reactive, onMounted, createVNode, createTextVNode, defineComponent } from 'vue';
+import { defineComponent, ref, reactive, onMounted, createVNode, createTextVNode } from 'vue';
 import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
-import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { Modal, ViewMode } from '@ibiz-template/runtime';
 import interact from 'interactjs';
 import './app-float-window-component.css';
 

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-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/es/util/app-modal/app-modal-component.mjs

@@ -1,7 +1,7 @@
-import { ref, reactive, resolveComponent, h, defineComponent } from 'vue';
+import { defineComponent, ref, reactive, h, resolveComponent } from 'vue';
 import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
 import { isNumber } from 'lodash-es';
-import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { Modal, ViewMode } from '@ibiz-template/runtime';
 import './app-modal-component.css';
 import { calcOpenModeStyle } from '@ibiz-template/core';
 

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

@@ -1,6 +1,6 @@
-import { ref, reactive, onUnmounted, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, reactive, onUnmounted, createVNode } from 'vue';
 import { offset, flip, shift, arrow, computePosition, autoUpdate } from '@floating-ui/dom';
-import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { Modal, ViewMode } from '@ibiz-template/runtime';
 import { useNamespace, useUIStore, OverlayPopoverContainer } from '@ibiz-template/vue3-util';
 import './app-popover-component.css';
 import { isNumber } from 'lodash-es';

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

@@ -1,5 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
+import { defaultNamespace } from '../../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.mjs';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";
@@ -47,7 +48,7 @@ class FullscreenUtil {
       if (this.FullscreenClass) {
         div.classList.toggle(this.FullscreenClass);
       }
-      div.style.background = "white";
+      div.style.background = "var(--".concat(defaultNamespace, "-bg-1)");
       const content = document.createElement("div");
       content.id = "fullscreen";
       content.style.position = "absolute";

package/es/util/pagination/use-pagination.mjs

@@ -1,10 +1,27 @@
+import { GridRowState, ControlVO } from '@ibiz-template/runtime';
+import { chunk } from 'lodash-es';
+
 "use strict";
 function usePagination(c) {
+  const initGridItems = () => {
+    const controller = c;
+    if (Array.isArray(controller.state.simpleData)) {
+      controller.state.items = chunk(controller.state.simpleData, controller.state.size)[controller.state.curPage - 1] || [];
+      controller.state.rows = controller.state.items.map((item) => {
+        const row = new GridRowState(new 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) {
@@ -12,6 +29,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/es/util/render-util/render-util.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, h } from 'vue';
+import { h, resolveComponent } from 'vue';
 
 "use strict";
 class RenderUtil {

package/es/view/403-view/403-view.mjs

@@ -1,4 +1,4 @@
-import { onMounted, computed, createVNode, defineComponent } from 'vue';
+import { defineComponent, onMounted, computed, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import './403-view.css';

package/es/view/404-view/404-view.mjs

@@ -1,4 +1,4 @@
-import { onMounted, computed, createVNode, defineComponent } from 'vue';
+import { defineComponent, onMounted, computed, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import './404-view.css';

package/es/view/error-view/error-view.mjs

@@ -1,4 +1,4 @@
-import { computed, onMounted, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, onMounted, h, resolveComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute } from 'vue-router';
 import './error-view.css';

package/es/view/login-view/login-view.mjs

@@ -1,4 +1,4 @@
-import { isVNode, reactive, ref, resolveComponent, onMounted, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, reactive, ref, resolveComponent, onMounted, h, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute } from 'vue-router';
 import { IBizContext } from '@ibiz-template/core';

package/es/view/share-view/share-view.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, onMounted, createVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, onMounted, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import './share-view.css';

package/es/view/sub-app-ref-view/index.mjs

@@ -1,4 +1,4 @@
-import { ViewType, registerViewProvider } from '@ibiz-template/runtime';
+import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { SubAppRefViewProvider } from './sub-app-ref-view.provider.mjs';
 import { SubAppRefView } from './sub-app-ref-view.mjs';

package/es/view/sub-app-ref-view/sub-app-ref-view.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
 import { ViewController } from '@ibiz-template/runtime';
 import { useNamespace, useViewController } from '@ibiz-template/vue3-util';
 import './sub-app-ref-view.css';

package/es/view/wf-step-trace-view/index.mjs

@@ -1,5 +1,5 @@
 import { withInstall } from '@ibiz-template/vue3-util';
-import { ViewType, registerViewProvider } from '@ibiz-template/runtime';
+import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
 import { WFStepTraceViewProvider } from './wf-step-trace-view.provider.mjs';
 import { WFStepTraceView } from './wf-step-trace-view.mjs';
 

package/es/view/wf-step-trace-view/wf-step-trace-view.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { WFStepTraceViewController } from '@ibiz-template/runtime';
 import { useNamespace, useViewController } from '@ibiz-template/vue3-util';
 

package/es/view-engine/data-view.engine.d.ts

@@ -22,4 +22,5 @@ export declare class DataViewEngine extends MDViewEngine {
      * @memberof DataViewEngine
      */
     onCreated(): Promise<void>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
 }

package/es/view-engine/data-view.engine.mjs

@@ -1,4 +1,5 @@
-import { MDViewEngine } from '@ibiz-template/runtime';
+import { RuntimeError } from '@ibiz-template/core';
+import { MDViewEngine, SysUIActionTag } from '@ibiz-template/runtime';
 
 "use strict";
 class DataViewEngine extends MDViewEngine {
@@ -24,6 +25,36 @@ class DataViewEngine extends 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 === SysUIActionTag.EXPAND) {
+      const { srfcollapsetag, srfgroup } = args.params || {};
+      const tag = srfcollapsetag || srfgroup;
+      if (!tag) {
+        throw new RuntimeError(ibiz.i18n.t("viewEngine.noExpandTag"));
+      }
+      this.dataview.changeCollapse({ tag, expand: true });
+      return null;
+    }
+    if (key === SysUIActionTag.COLLAPSE) {
+      const { srfcollapsetag, srfgroup } = args.params || {};
+      const tag = srfcollapsetag || srfgroup;
+      if (!tag) {
+        throw new RuntimeError(ibiz.i18n.t("viewEngine.noCollapseTag"));
+      }
+      this.dataview.changeCollapse({ tag, expand: false });
+      return null;
+    }
+    if (key === SysUIActionTag.EXPANDALL) {
+      this.dataview.changeCollapse({ expand: true });
+      return null;
+    }
+    if (key === SysUIActionTag.COLLAPSEALL) {
+      this.dataview.changeCollapse({ expand: false });
+      return null;
+    }
+    return super.call(key, args);
+  }
 }
 
 export { DataViewEngine };

package/es/view-engine/de-index-view-engine.d.ts

@@ -1,4 +1,4 @@
-import { ViewController, IDEIndexViewState, IDEIndexViewEvent, IDRBarController } from '@ibiz-template/runtime';
+import { ViewController, IDEIndexViewState, IDEIndexViewEvent, IDRBarController, EventBase } from '@ibiz-template/runtime';
 import { IAppDEIndexView } from '@ibiz/model-core';
 import { EditViewEngine } from './edit-view.engine';
 export declare class DEIndexViewEngine extends EditViewEngine {
@@ -30,4 +30,10 @@ export declare class DEIndexViewEngine extends EditViewEngine {
      */
     get routeDepth(): number | undefined;
     onCreated(): Promise<void>;
+    /**
+     * @description 监控form事件
+     * @param {EventBase} event
+     * @memberof DEIndexViewEngine
+     */
+    formDataStateChange(event: EventBase): void;
 }

package/es/view-engine/de-index-view-engine.mjs

@@ -36,6 +36,21 @@ class DEIndexViewEngine extends 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 || "" });
+    }
+  }
 }
 
 export { DEIndexViewEngine };

package/es/view-engine/edit-view.engine.d.ts

@@ -1,4 +1,4 @@
-import { ViewEngineBase, ViewController, IEditFormController, IEditViewState, IEditViewEvent, IPanelItemCoopPosController } from '@ibiz-template/runtime';
+import { ViewEngineBase, ViewController, IEditFormController, EventBase, IEditViewState, IEditViewEvent, IPanelItemCoopPosController } from '@ibiz-template/runtime';
 import { IAppDEEditView } from '@ibiz/model-core';
 export declare class EditViewEngine extends ViewEngineBase {
     /**
@@ -34,6 +34,12 @@ export declare class EditViewEngine extends ViewEngineBase {
         allowClose?: boolean;
     }): Promise<void>;
     onCreated(): Promise<void>;
+    /**
+     * @description 监控form事件
+     * @param {EventBase} event
+     * @memberof EditViewEngine
+     */
+    formDataStateChange(event: EventBase): void;
     onMounted(): Promise<void>;
     getData(): IData[];
     load(): Promise<IData>;