@ibiz-template/vue3-util 0.7.37-alpha.3 → 0.7.38-alpha.23

package/es/control/panel/view-layout-panel/view-layout-panel.mjs

@@ -1,6 +1,6 @@
 import { isVNode, defineComponent, watch, reactive, createVNode, renderSlot, resolveComponent, h, provide } from 'vue';
 import './view-layout-panel.css';
-import { ScriptFactory, ViewLayoutPanelController, isDataContainer } from '@ibiz-template/runtime';
+import { ScriptFactory, ViewLayoutPanelController, isSimpleDataContainer, isDataContainer } from '@ibiz-template/runtime';
 import '../../../use/index.mjs';
 import { useControlController } from '../../../use/control/use-control-controller/use-control-controller.mjs';
 import { useNamespace } from '../../../use/namespace/namespace.mjs';
@@ -91,9 +91,17 @@ const ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
       const component = resolveComponent(provider.component);
       let children;
       if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
-        children = () => {
-          return slots[panelItem.id]();
-        };
+        const panelItemC2 = panelItems[panelItem.id];
+        if (panelItemC2.parent && isSimpleDataContainer(panelItemC2.parent.model)) {
+          children = () => {
+            return slots[panelItem.id]({
+              isSimple: true,
+              data: panelItemC2.data
+            });
+          };
+        } else {
+          children = () => slots[panelItem.id]();
+        }
       } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
         children = () => {
           return panelItem.panelTabPages.map((child) => {

package/es/index.mjs

@@ -38,6 +38,9 @@ export { IBizPanelRawItem } from './panel-component/panel-rawitem/index.mjs';
 export { MultiDataContainerState } from './panel-component/multi-data-container/multi-data-container.state.mjs';
 export { MultiDataContainerController } from './panel-component/multi-data-container/multi-data-container.controller.mjs';
 export { IBizMultiDataContainer } from './panel-component/multi-data-container/index.mjs';
+export { MultiDataContainerRawState } from './panel-component/multi-data-container-raw/multi-data-container-raw.state.mjs';
+export { MultiDataContainerRawController } from './panel-component/multi-data-container-raw/multi-data-container-raw.controller.mjs';
+export { IBizMultiDataContainerRaw } from './panel-component/multi-data-container-raw/index.mjs';
 export { SingleDataContainerState } from './panel-component/single-data-container/single-data-container.state.mjs';
 export { SingleDataContainerController } from './panel-component/single-data-container/single-data-container.controller.mjs';
 export { IBizSingleDataContainer } from './panel-component/single-data-container/index.mjs';
@@ -55,11 +58,13 @@ export { IBizPanelItemRender } from './panel-component/panel-item-render/index.m
 export { TeleportPlaceholderProvider } from './panel-component/teleport-placeholder/teleport-placeholder.provider.mjs';
 export { IBizTeleportPlaceholder } from './panel-component/teleport-placeholder/index.mjs';
 export { IBizPanelContainerTabs } from './panel-component/panel-container-tabs/index.mjs';
+export { IBizPanelCtrlViewPageCaption } from './panel-component/panel-ctrl-view-page-caption/index.mjs';
 export { AppRedirectView } from './view/app-redirect-view/app-redirect-view.mjs';
 export { IBizView } from './view/common/index.mjs';
 export { TodoRedirect } from './view/todo-redirect/todo-redirect.mjs';
 export { IBizPortalView } from './view/portal-view/index.mjs';
 export { IBizDeRedirectView } from './view/de-redirect-view/index.mjs';
+export { IBizHtmlView } from './view/html-view/index.mjs';
 export { IBizViewLayoutPanelControl } from './control/panel/view-layout-panel/index.mjs';
 export { IBizPanelControl } from './control/panel/panel/index.mjs';
 export { PluginFactory } from './plugin/plugin-factory/plugin-factory.mjs';

package/es/locale/en/index.mjs

@@ -41,7 +41,7 @@ const en = {
         noFocus: "No focus, no out-of-focus triggering"
       },
       view: {
-        stateChange: "View [{{name}] state change"
+        stateChange: "View [{name}] state change"
       }
     },
     util: {

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

@@ -5,6 +5,7 @@ export * from './nav-pos';
 export * from './panel-field';
 export * from './panel-rawitem';
 export * from './multi-data-container';
+export * from './multi-data-container-raw';
 export * from './single-data-container';
 export * from './grid-container';
 export * from './panel-container-image';
@@ -13,4 +14,5 @@ export * from './panel-tab-page';
 export * from './panel-item-render';
 export * from './teleport-placeholder';
 export * from './panel-container-tabs';
+export * from './panel-ctrl-view-page-caption';
 //# sourceMappingURL=index.d.ts.map

package/es/panel-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panel-component/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panel-component/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC"}

package/es/panel-component/index.mjs

@@ -5,6 +5,7 @@ export { IBizNavPos } from './nav-pos/index.mjs';
 export { IBizPanelField } from './panel-field/index.mjs';
 export { IBizPanelRawItem } from './panel-rawitem/index.mjs';
 export { IBizMultiDataContainer } from './multi-data-container/index.mjs';
+export { IBizMultiDataContainerRaw } from './multi-data-container-raw/index.mjs';
 export { IBizSingleDataContainer } from './single-data-container/index.mjs';
 export { IBizGridContainer } from './grid-container/index.mjs';
 export { IBizPanelContainerImage } from './panel-container-image/index.mjs';
@@ -13,6 +14,7 @@ export { IBizPanelTabPage } from './panel-tab-page/index.mjs';
 export { IBizPanelItemRender } from './panel-item-render/index.mjs';
 export { IBizTeleportPlaceholder } from './teleport-placeholder/index.mjs';
 export { IBizPanelContainerTabs } from './panel-container-tabs/index.mjs';
+export { IBizPanelCtrlViewPageCaption } from './panel-ctrl-view-page-caption/index.mjs';
 export { PanelContainerState } from './panel-container/panel-container.state.mjs';
 export { PanelContainerController } from './panel-container/panel-container.controller.mjs';
 export { PanelCtrlPosController } from './panel-ctrl-pos/panel-ctrl-pos.controller.mjs';
@@ -26,6 +28,8 @@ export { PanelFieldController } from './panel-field/panel-field.controller.mjs';
 export { PanelRawItemController } from './panel-rawitem/panel-rawitem.controller.mjs';
 export { MultiDataContainerState } from './multi-data-container/multi-data-container.state.mjs';
 export { MultiDataContainerController } from './multi-data-container/multi-data-container.controller.mjs';
+export { MultiDataContainerRawState } from './multi-data-container-raw/multi-data-container-raw.state.mjs';
+export { MultiDataContainerRawController } from './multi-data-container-raw/multi-data-container-raw.controller.mjs';
 export { SingleDataContainerState } from './single-data-container/single-data-container.state.mjs';
 export { SingleDataContainerController } from './single-data-container/single-data-container.controller.mjs';
 export { GridContainerState } from './grid-container/grid-container.state.mjs';

package/es/panel-component/multi-data-container-raw/index.d.ts

@@ -0,0 +1,37 @@
+import { MultiDataContainerRawState } from './multi-data-container-raw.state';
+import { MultiDataContainerRawController } from './multi-data-container-raw.controller';
+export { MultiDataContainerRawState, MultiDataContainerRawController };
+export declare const IBizMultiDataContainerRaw: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof MultiDataContainerRawController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    renderPanelItem: (panelItem: import("@ibiz/model-core").IPanelItem, options?: {
+        providers: {
+            [key: string]: import("@ibiz-template/runtime").IPanelItemProvider;
+        };
+        panelItems: {
+            [key: string]: import("@ibiz-template/runtime").IPanelItemController;
+        };
+    } | undefined) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof MultiDataContainerRawController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizMultiDataContainerRaw;
+//# sourceMappingURL=index.d.ts.map

package/es/panel-component/multi-data-container-raw/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAC9E,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AAExF,OAAO,EAAE,0BAA0B,EAAE,+BAA+B,EAAE,CAAC;AAEvE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aASrC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/es/panel-component/multi-data-container-raw/index.mjs

@@ -0,0 +1,21 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import '../../util/index.mjs';
+import { MultiDataContainerRaw } from './multi-data-container-raw.mjs';
+import { MultiDataContainerRawProvider } from './multi-data-container-raw.provider.mjs';
+export { MultiDataContainerRawState } from './multi-data-container-raw.state.mjs';
+export { MultiDataContainerRawController } from './multi-data-container-raw.controller.mjs';
+import { withInstall } from '../../util/install.mjs';
+
+"use strict";
+const IBizMultiDataContainerRaw = withInstall(
+  MultiDataContainerRaw,
+  function(v) {
+    v.component(MultiDataContainerRaw.name, MultiDataContainerRaw);
+    registerPanelItemProvider(
+      "CONTAINER_CONTAINER_MULTIDATA_RAW",
+      () => new MultiDataContainerRawProvider()
+    );
+  }
+);
+
+export { IBizMultiDataContainerRaw, IBizMultiDataContainerRaw as default };

package/es/panel-component/multi-data-container-raw/multi-data-container-raw.controller.d.ts

@@ -0,0 +1,118 @@
+import { IPanelController, IPanelDataContainerController, IPanelItemContainerController, IPanelItemController, IPanelItemProvider, IViewController, PanelItemController, PanelNotifyState } from '@ibiz-template/runtime';
+import { IPanelContainer, IPanelItem } from '@ibiz/model-core';
+import { MultiDataContainerRawState } from './multi-data-container-raw.state';
+/**
+ * 多项数据容器控制器
+ *
+ * @export
+ * @class MultiDataContainerRawController
+ * @extends {PanelItemController}
+ */
+export declare class MultiDataContainerRawController extends PanelItemController<IPanelContainer> implements IPanelDataContainerController {
+    state: MultiDataContainerRawState;
+    readonly isDataContainer = true;
+    /**
+     * @description 面板子项的控制器
+     * @type {{ [key: string]: IPanelItemController }}
+     * @memberof MultiDataContainerRawController
+     */
+    panelItems: {
+        [key: string]: IPanelItemController;
+    };
+    /**
+     * 所有面板成员的适配器
+     *
+     * @type {{ [key: string]: IPanelItemProvider }}
+     * @memberof MultiDataContainerRawController
+     */
+    providers: {
+        [key: string]: IPanelItemProvider;
+    };
+    /**
+     * 多项数据容器，根据数据模式
+     *
+     * @readonly
+     * @type {IData}
+     * @memberof MultiDataContainerRawController
+     */
+    get data(): IData;
+    protected createState(): MultiDataContainerRawState;
+    protected onInit(): Promise<void>;
+    /**
+     *  初始化面板子项控制器
+     *
+     * @protected
+     * @param {(IPanelItem[] | undefined)} [panelItems=this.model.panelItems]
+     * @param {IPanelController} [panel=this.panel]
+     * @param {(IPanelItemContainerController | undefined)} [parent=this]
+     * @return {*}  {Promise<void>}
+     * @memberof MultiDataContainerRawController
+     */
+    protected initPanelItemControllers(panelItems?: IPanelItem[] | undefined, panel?: IPanelController, parent?: IPanelItemContainerController | undefined): Promise<void>;
+    /**
+     * 计算导航参数
+     *
+     * @protected
+     * @return {*}  {IData}
+     * @memberof MultiDataContainerRawController
+     */
+    protected computeNavParams(): IData;
+    /**
+     * 根据来源类型初始化容器数据
+     *
+     * @protected
+     * @memberof MultiDataContainerRawController
+     */
+    protected initContainerData(): void;
+    /**
+     * 面板状态变更通知
+     *
+     * @param {PanelNotifyState} state
+     * @memberof MultiDataContainerRawController
+     */
+    childrenStateNotify(state: PanelNotifyState): void;
+    /**
+     * 设置数据集合
+     *
+     * @param {IData[]} items
+     * @return {*}  {Promise<void>}
+     * @memberof MultiDataContainerRawController
+     */
+    setData(items: IData[]): Promise<void>;
+    /**
+     * 通过实体设置视图逻辑
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof MultiDataContainerRawController
+     */
+    protected setDataByDeLogic(): Promise<void>;
+    /**
+     * 设置全局变量为当前容器数据
+     *
+     * @protected
+     * @memberof MultiDataContainerRawController
+     */
+    protected setDataByAppGlobalParam(): void;
+    /**
+     * 请求实体行为并把返回值设置为当前容器的数据
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof MultiDataContainerRawController
+     */
+    protected setDataByDeMethod(): Promise<void>;
+    /**
+     * 绑定指定视图会话的变量
+     *
+     * @protected
+     * @param {IViewController} view 绑定视图控制器
+     * @param {string} dataName 变量名称
+     * @return {*}  {void}
+     * @memberof MultiDataContainerRawController
+     */
+    protected bindViewData(view: IViewController, dataName: string): void;
+    setDataValue(_name: string, _value: unknown): Promise<void>;
+    destroy(): void;
+}
+//# sourceMappingURL=multi-data-container-raw.controller.d.ts.map

package/es/panel-component/multi-data-container-raw/multi-data-container-raw.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-data-container-raw.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/multi-data-container-raw.controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAIL,gBAAgB,EAChB,6BAA6B,EAC7B,6BAA6B,EAC7B,oBAAoB,EACpB,kBAAkB,EAElB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAkB,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAE9E;;;;;;GAMG;AACH,qBAAa,+BACX,SAAQ,mBAAmB,CAAC,eAAe,CAC3C,YAAW,6BAA6B;IAEhC,KAAK,EAAE,0BAA0B,CAAC;IAE1C,QAAQ,CAAC,eAAe,QAAQ;IAEhC;;;;OAIG;IACH,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAA;KAAE,CAAM;IAEzD;;;;;OAKG;IACH,SAAS,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAA;KAAE,CAAM;IAEtD;;;;;;OAMG;IACH,IAAI,IAAI,IAAI,KAAK,CAEhB;IAED,SAAS,CAAC,WAAW,IAAI,0BAA0B;cAInC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAMvC;;;;;;;;;OASG;cACa,wBAAwB,CACtC,UAAU,GAAE,UAAU,EAAE,GAAG,SAAiC,EAC5D,KAAK,GAAE,gBAA6B,EACpC,MAAM,GAAE,6BAA6B,GAAG,SAAgB,GACvD,OAAO,CAAC,IAAI,CAAC;IA4ChB;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,IAAI,KAAK;IAgBnC;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IA0EnC;;;;;OAKG;IACH,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI;IAMlD;;;;;;OAMG;IACG,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAO5C;;;;;;OAMG;cACa,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAgCjD;;;;;OAKG;IACH,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAYzC;;;;;;OAMG;cACa,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IA4BlD;;;;;;;;OAQG;IACH,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IA2BrE,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAI3D,OAAO,IAAI,IAAI;CAOhB"}

package/es/panel-component/multi-data-container-raw/multi-data-container-raw.controller.mjs

@@ -0,0 +1,351 @@
+import { ModelError, RuntimeModelError, RuntimeError } from '@ibiz-template/core';
+import { PanelItemController, getPanelItemProvider, isDataContainer, convertNavData, ScriptFactory, PanelNotifyState, execDELogicById } from '@ibiz-template/runtime';
+import { MultiDataContainerRawState } from './multi-data-container-raw.state.mjs';
+
+"use strict";
+class MultiDataContainerRawController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    this.isDataContainer = true;
+    /**
+     * @description 面板子项的控制器
+     * @type {{ [key: string]: IPanelItemController }}
+     * @memberof MultiDataContainerRawController
+     */
+    this.panelItems = {};
+    /**
+     * 所有面板成员的适配器
+     *
+     * @type {{ [key: string]: IPanelItemProvider }}
+     * @memberof MultiDataContainerRawController
+     */
+    this.providers = {};
+  }
+  /**
+   * 多项数据容器，根据数据模式
+   *
+   * @readonly
+   * @type {IData}
+   * @memberof MultiDataContainerRawController
+   */
+  get data() {
+    return this.state.items;
+  }
+  createState() {
+    var _a;
+    return new MultiDataContainerRawState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  async onInit() {
+    await super.onInit();
+    await this.initPanelItemControllers();
+    this.initContainerData();
+  }
+  /**
+   *  初始化面板子项控制器
+   *
+   * @protected
+   * @param {(IPanelItem[] | undefined)} [panelItems=this.model.panelItems]
+   * @param {IPanelController} [panel=this.panel]
+   * @param {(IPanelItemContainerController | undefined)} [parent=this]
+   * @return {*}  {Promise<void>}
+   * @memberof MultiDataContainerRawController
+   */
+  async initPanelItemControllers(panelItems = this.model.panelItems, panel = this.panel, parent = this) {
+    if (!panelItems) {
+      return;
+    }
+    await Promise.all(
+      panelItems.map(async (panelItem) => {
+        var _a, _b;
+        const panelItemProvider = await getPanelItemProvider(
+          panelItem,
+          panel.model,
+          panel.view.model
+        );
+        if (!panelItemProvider) {
+          return;
+        }
+        this.providers[panelItem.id] = panelItemProvider;
+        const panelItemController = await panelItemProvider.createController(
+          panelItem,
+          panel,
+          parent
+        );
+        this.panelItems[panelItem.id] = panelItemController;
+        if (((_a = panelItem.panelItems) == null ? void 0 : _a.length) && !isDataContainer(panelItem)) {
+          await this.initPanelItemControllers(
+            panelItem.panelItems,
+            panel,
+            panelItemController
+          );
+        }
+        if ((_b = panelItem.panelTabPages) == null ? void 0 : _b.length) {
+          await this.initPanelItemControllers(
+            panelItem.panelTabPages,
+            panel,
+            panelItemController
+          );
+        }
+      })
+    );
+  }
+  /**
+   * 计算导航参数
+   *
+   * @protected
+   * @return {*}  {IData}
+   * @memberof MultiDataContainerRawController
+   */
+  computeNavParams() {
+    const { navigateContexts, navigateParams } = this.model;
+    const context = this.panel.context.clone();
+    Object.assign(
+      context,
+      convertNavData(navigateContexts, this.panel.params, this.panel.context)
+    );
+    const params = convertNavData(
+      navigateParams,
+      this.panel.params,
+      this.panel.context
+    );
+    Object.assign(params, this.panel.params);
+    return { context, params };
+  }
+  /**
+   * 根据来源类型初始化容器数据
+   *
+   * @protected
+   * @memberof MultiDataContainerRawController
+   */
+  initContainerData() {
+    const { dataSourceType, dataName, scriptCode } = this.model;
+    switch (dataSourceType) {
+      case "DEACTION":
+      case "DEDATASET":
+        this.setDataByDeMethod();
+        break;
+      case "APPGLOBALPARAM":
+        this.setDataByAppGlobalParam();
+        break;
+      case "DELOGIC":
+        this.setDataByDeLogic();
+        break;
+      case "TOPVIEWSESSIONPARAM": {
+        if (!dataName) {
+          throw new RuntimeModelError(
+            this.model,
+            ibiz.i18n.t("vue3Util.panelComponent.noConfiguardDataObject")
+          );
+        }
+        this.bindViewData(this.panel.getTopView(), dataName);
+        break;
+      }
+      case "VIEWSESSIONPARAM": {
+        if (!dataName) {
+          throw new RuntimeModelError(
+            this.model,
+            ibiz.i18n.t("vue3Util.panelComponent.noConfiguardDataObject")
+          );
+        }
+        this.bindViewData(this.panel.view, dataName);
+        break;
+      }
+      case "ACTIVEDATAPARAM": {
+        if (!dataName) {
+          throw new RuntimeModelError(
+            this.model,
+            ibiz.i18n.t("vue3Util.panelComponent.noConfiguardDataObject")
+          );
+        }
+        this.setData(this.dataParent.data[dataName]);
+        break;
+      }
+      case "CUSTOM": {
+        if (!scriptCode) {
+          throw new RuntimeModelError(
+            this.model,
+            ibiz.i18n.t("vue3Util.panelComponent.noConfiguredScript")
+          );
+        }
+        const computeData = ScriptFactory.execScriptFn(
+          {
+            ...this.panel.getEventArgs(),
+            data: this.dataParent.data
+          },
+          scriptCode,
+          {
+            isAsync: false,
+            singleRowReturn: true
+          }
+        );
+        this.setData(computeData);
+        break;
+      }
+      default:
+        throw new ModelError(
+          this.model,
+          ibiz.i18n.t("vue3Util.panelComponent.noSupportedDataSourceType", {
+            dataSourceType
+          })
+        );
+    }
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @param {PanelNotifyState} state
+   * @memberof MultiDataContainerRawController
+   */
+  childrenStateNotify(state) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.panelStateNotify(state);
+    });
+  }
+  /**
+   * 设置数据集合
+   *
+   * @param {IData[]} items
+   * @return {*}  {Promise<void>}
+   * @memberof MultiDataContainerRawController
+   */
+  async setData(items) {
+    var _a, _b;
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    this.state.items = items;
+    this.childrenStateNotify(PanelNotifyState.LOAD);
+  }
+  /**
+   * 通过实体设置视图逻辑
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof MultiDataContainerRawController
+   */
+  async setDataByDeLogic() {
+    const { appDataEntityId, appDELogicId } = this.model;
+    if (!appDELogicId) {
+      throw new RuntimeModelError(
+        this.model,
+        ibiz.i18n.t("vue3Util.panelComponent.noConfiguredEntityLogic")
+      );
+    }
+    if (!appDataEntityId) {
+      throw new RuntimeModelError(
+        this.model,
+        ibiz.i18n.t("vue3Util.panelComponent.noConfiguredEntity")
+      );
+    }
+    const { context, params } = this.computeNavParams();
+    const data = await execDELogicById(
+      appDELogicId,
+      appDataEntityId,
+      context,
+      this.panel.data,
+      params
+    );
+    if (!data) {
+      throw new RuntimeError(
+        ibiz.i18n.t("vue3Util.panelComponent.noReturnValue", { appDELogicId })
+      );
+    }
+    this.setData(data);
+  }
+  /**
+   * 设置全局变量为当前容器数据
+   *
+   * @protected
+   * @memberof MultiDataContainerRawController
+   */
+  setDataByAppGlobalParam() {
+    const { dataName } = this.model;
+    const originData = dataName ? ibiz.appData[dataName] : ibiz.appData;
+    if (originData) {
+      this.setData(originData);
+    } else {
+      ibiz.log.error(
+        ibiz.i18n.t("vue3Util.panelComponent.noAttribute", { dataName })
+      );
+    }
+  }
+  /**
+   * 请求实体行为并把返回值设置为当前容器的数据
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof MultiDataContainerRawController
+   */
+  async setDataByDeMethod() {
+    const { appDEMethodId, appDataEntityId } = this.model;
+    if (!appDEMethodId) {
+      throw new RuntimeModelError(
+        this.model,
+        ibiz.i18n.t("vue3Util.panelComponent.noConfiguerdEntityBehanior")
+      );
+    }
+    if (!appDataEntityId) {
+      throw new RuntimeModelError(
+        this.model,
+        ibiz.i18n.t("vue3Util.panelComponent.noConfiguredEntity")
+      );
+    }
+    const app = ibiz.hub.getApp(this.panel.context.srfappid);
+    const { context, params } = this.computeNavParams();
+    const res = await app.deService.exec(
+      appDataEntityId,
+      appDEMethodId,
+      context,
+      void 0,
+      params
+    );
+    if (res.ok && res.data) {
+      this.setData(res.data);
+    }
+  }
+  /**
+   * 绑定指定视图会话的变量
+   *
+   * @protected
+   * @param {IViewController} view 绑定视图控制器
+   * @param {string} dataName 变量名称
+   * @return {*}  {void}
+   * @memberof MultiDataContainerRawController
+   */
+  bindViewData(view, dataName) {
+    if (!Object.prototype.hasOwnProperty.call(view.state, dataName)) {
+      ibiz.log.error(
+        ibiz.i18n.t("vue3Util.panelComponent.sessionView", { dataName })
+      );
+      return;
+    }
+    const updateData = () => {
+      const originData = view.state[dataName];
+      if (originData) {
+        this.setData(originData);
+      } else {
+        ibiz.log.error(
+          ibiz.i18n.t("vue3Util.panelComponent.viewStateAttribute", {
+            dataName
+          })
+        );
+      }
+    };
+    updateData();
+    view.evt.on("onDataChange", () => {
+      updateData();
+    });
+  }
+  setDataValue(_name, _value) {
+    throw new Error(ibiz.i18n.t("vue3Util.panelComponent.noImplementMethod"));
+  }
+  destroy() {
+    var _a, _b;
+    super.destroy();
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    Object.values(this.panelItems).forEach((item) => {
+      var _a2;
+      (_a2 = item.destroy) == null ? void 0 : _a2.call(item);
+    });
+  }
+}
+
+export { MultiDataContainerRawController };

package/es/panel-component/multi-data-container-raw/multi-data-container-raw.css

@@ -0,0 +1 @@
+.ibiz-multi-data-container-raw{width:100%;height:100%}