@ibiz-template/vue3-util 0.7.34 → 0.7.38-alpha.12

package/es/view/common/view.mjs

@@ -81,18 +81,19 @@ const View = /* @__PURE__ */ defineComponent({
       });
       return result;
     };
-    const getCtrlProps = (ctrl) => {
+    const getCtrlProps = (ctrl, slotProps = {}) => {
       const slotKey = ctrl.name || ctrl.id;
       return {
         context: c.context,
         params: c.params,
         modelData: ctrl,
-        ...c.slotProps[slotKey] || {}
+        ...c.slotProps[slotKey] || {},
+        ...slotProps
       };
     };
-    const renderControl = (ctrl) => {
+    const renderControl = (ctrl, slotProps = {}) => {
       const slotKey = ctrl.name || ctrl.id;
-      const ctrlProps = getCtrlProps(ctrl);
+      const ctrlProps = getCtrlProps(ctrl, slotProps);
       if (slots[slotKey]) {
         return renderSlot(slots, slotKey, ctrlProps);
       }
@@ -133,8 +134,8 @@ const View = /* @__PURE__ */ defineComponent({
         if ((_a = this.controls) == null ? void 0 : _a.length) {
           this.controls.forEach((ctrl) => {
             const slotKey = ctrl.name || ctrl.id;
-            slots[slotKey] = () => {
-              return this.renderControl(ctrl);
+            slots[slotKey] = (slotProps) => {
+              return this.renderControl(ctrl, slotProps);
             };
           });
         }

package/es/view/de-redirect-view/de-redirect-view.d.ts

@@ -19,7 +19,7 @@ export declare const DeRedirectView: import("vue").DefineComponent<{
     toViewId: import("vue").Ref<string | undefined>;
     toViewContext: import("vue").Ref<IContext | undefined>;
     toViewParams: import("vue").Ref<IParams | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     context: {
         type: PropType<IContext>;
         required: true;

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

@@ -16,7 +16,7 @@ export declare const IBizDeRedirectView: import("../../util").TypeWithInstall<im
     toViewId: import("vue").Ref<string | undefined>;
     toViewContext: import("vue").Ref<IContext | undefined>;
     toViewParams: import("vue").Ref<IParams | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     context: {
         type: import("vue").PropType<IContext>;
         required: true;

package/es/view/html-view/html-view.css

@@ -0,0 +1 @@
+.ibiz-view-dehtmlview>iframe{width:100%;height:100%;border:0}

package/es/view/html-view/html-view.d.ts

@@ -0,0 +1,48 @@
+import { IModal, ViewController } from '@ibiz-template/runtime';
+import { IAppPortalView } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './html-view.scss';
+export declare const HtmlView: import("vue").DefineComponent<{
+    context: PropType<IContext>;
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: PropType<IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: PropType<IModal>;
+    };
+    state: {
+        type: PropType<IData>;
+    };
+}, {
+    c: ViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    controls: import("@ibiz/model-core").IControl[] | undefined;
+    viewClassNames: (string | undefined)[];
+    url: import("vue").ComputedRef<any>;
+    isLoading: import("vue").Ref<boolean>;
+    onLoad: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: PropType<IContext>;
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: PropType<IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: PropType<IModal>;
+    };
+    state: {
+        type: PropType<IData>;
+    };
+}>>, {
+    params: IParams;
+}, {}>;
+//# sourceMappingURL=html-view.d.ts.map

package/es/view/html-view/html-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-view.d.ts","sourceRoot":"","sources":["../../../src/view/html-view/html-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,QAAQ,EAMT,MAAM,KAAK,CAAC;AAEb,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmEnB,CAAC"}

package/es/view/html-view/html-view.mjs

@@ -0,0 +1,94 @@
+import { defineComponent, ref, computed, onBeforeMount, withDirectives, createVNode, resolveDirective, h, resolveComponent } from 'vue';
+import { ViewController, getErrorViewProvider } from '@ibiz-template/runtime';
+import '../../use/index.mjs';
+import './html-view.css';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useViewController } from '../../use/view/use-view-controller/use-view-controller.mjs';
+
+"use strict";
+const HtmlView = /* @__PURE__ */ defineComponent({
+  name: "IBizHtmlView",
+  props: {
+    context: Object,
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    modelData: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object
+    },
+    state: {
+      type: Object
+    }
+  },
+  setup() {
+    var _a;
+    const ns = useNamespace("view");
+    const c = useViewController((...args) => new ViewController(...args));
+    const controls = ((_a = c.model.viewLayoutPanel) == null ? void 0 : _a.controls) || c.model.controls;
+    const {
+      viewType,
+      sysCss,
+      codeName
+    } = c.model;
+    const typeClass = viewType.toLowerCase();
+    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
+    const viewClassNames = [ns.b(), ns.b(typeClass), ns.m(codeName), sysCssName];
+    const isLoading = ref(false);
+    const url = computed(() => {
+      if (c.model) {
+        const {
+          htmlUrl
+        } = c.model;
+        if (htmlUrl) {
+          return htmlUrl;
+        }
+      }
+      return "";
+    });
+    onBeforeMount(() => {
+      if (url.value) {
+        isLoading.value = true;
+      }
+    });
+    const onLoad = () => {
+      isLoading.value = false;
+    };
+    return {
+      c,
+      ns,
+      controls,
+      viewClassNames,
+      url,
+      isLoading,
+      onLoad
+    };
+  },
+  render() {
+    if (this.url) {
+      return withDirectives(createVNode("div", {
+        "class": this.viewClassNames
+      }, [createVNode("iframe", {
+        "src": this.url,
+        "onLoad": () => this.onLoad()
+      }, null)]), [[resolveDirective("loading"), this.isLoading]]);
+    }
+    let Content = null;
+    const provider = getErrorViewProvider("404");
+    if (provider) {
+      if (typeof provider.component === "string") {
+        Content = h(resolveComponent(provider.component));
+      }
+      Content = h(provider.component);
+    }
+    return createVNode("div", {
+      "class": this.viewClassNames
+    }, [Content]);
+  }
+});
+
+export { HtmlView };

package/es/view/html-view/html-view.provider.d.ts

@@ -0,0 +1,14 @@
+import { IViewProvider } from '@ibiz-template/runtime';
+/**
+ * 实体html视图适配器
+ *
+ * @author fzh
+ * @date 2024-08-21 18:00:57
+ * @export
+ * @class HtmlViewProvider
+ * @implements {IViewProvider}
+ */
+export declare class HtmlViewProvider implements IViewProvider {
+    component: string;
+}
+//# sourceMappingURL=html-view.provider.d.ts.map

package/es/view/html-view/html-view.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-view.provider.d.ts","sourceRoot":"","sources":["../../../src/view/html-view/html-view.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD;;;;;;;;GAQG;AACH,qBAAa,gBAAiB,YAAW,aAAa;IACpD,SAAS,EAAE,MAAM,CAAkB;CACpC"}

package/es/view/html-view/html-view.provider.mjs

@@ -0,0 +1,8 @@
+"use strict";
+class HtmlViewProvider {
+  constructor() {
+    this.component = "IBizHtmlView";
+  }
+}
+
+export { HtmlViewProvider };

package/es/view/html-view/index.d.ts

@@ -0,0 +1,44 @@
+export declare const IBizHtmlView: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+    context: import("vue").PropType<IContext>;
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+    };
+    state: {
+        type: import("vue").PropType<IData>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").ViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    controls: import("@ibiz/model-core").IControl[] | undefined;
+    viewClassNames: (string | undefined)[];
+    url: import("vue").ComputedRef<any>;
+    isLoading: import("vue").Ref<boolean>;
+    onLoad: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: import("vue").PropType<IContext>;
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+    };
+    state: {
+        type: import("vue").PropType<IData>;
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+//# sourceMappingURL=index.d.ts.map

package/es/view/html-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/view/html-view/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAGvB,CAAC"}

package/es/view/html-view/index.mjs

@@ -0,0 +1,13 @@
+import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
+import '../../util/index.mjs';
+import { HtmlViewProvider } from './html-view.provider.mjs';
+import { HtmlView } from './html-view.mjs';
+import { withInstall } from '../../util/install.mjs';
+
+"use strict";
+const IBizHtmlView = withInstall(HtmlView, function(v) {
+  v.component(HtmlView.name, HtmlView);
+  registerViewProvider(ViewType.DE_HTML_VIEW, () => new HtmlViewProvider());
+});
+
+export { IBizHtmlView };

package/es/view/index.d.ts

@@ -3,4 +3,5 @@ export * from './common/index';
 export * from './todo-redirect/todo-redirect';
 export * from './portal-view/index';
 export * from './de-redirect-view/index';
+export * from './html-view/index';
 //# sourceMappingURL=index.d.ts.map

package/es/view/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC"}

package/es/view/index.mjs

@@ -3,5 +3,6 @@ export { IBizView } from './common/index.mjs';
 export { TodoRedirect } from './todo-redirect/todo-redirect.mjs';
 export { IBizPortalView } from './portal-view/index.mjs';
 export { IBizDeRedirectView } from './de-redirect-view/index.mjs';
+export { IBizHtmlView } from './html-view/index.mjs';
 
 "use strict";

package/es/view/portal-view/index.d.ts

@@ -19,7 +19,7 @@ export declare const IBizPortalView: import("../../util").TypeWithInstall<import
     ns: import("@ibiz-template/core").Namespace;
     controls: import("@ibiz/model-core").IControl[] | undefined;
     viewClassNames: (string | undefined)[];
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     context: import("vue").PropType<IContext>;
     params: {
         type: import("vue").PropType<IParams>;

package/es/view/portal-view/portal-view.d.ts

@@ -22,7 +22,7 @@ export declare const PortalView: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     controls: import("@ibiz/model-core").IControl[] | undefined;
     viewClassNames: (string | undefined)[];
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     context: PropType<IContext>;
     params: {
         type: PropType<IParams>;

package/es/view/todo-redirect/todo-redirect.d.ts

@@ -1,2 +1,2 @@
-export declare const TodoRedirect: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export declare const TodoRedirect: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 //# sourceMappingURL=todo-redirect.d.ts.map

package/es/view/todo-redirect/todo-redirect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"todo-redirect.d.ts","sourceRoot":"","sources":["../../../src/view/todo-redirect/todo-redirect.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,sSA8CvB,CAAC"}
+{"version":3,"file":"todo-redirect.d.ts","sourceRoot":"","sources":["../../../src/view/todo-redirect/todo-redirect.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,4NA8CvB,CAAC"}

package/lib/common/code-list/code-list.cjs

@@ -31,6 +31,10 @@ const IBizCodeList = /* @__PURE__ */ vue.defineComponent({
     },
     unitName: {
       type: String
+    },
+    showMode: {
+      type: String,
+      default: "DEFAULT"
     }
   },
   emits: {
@@ -44,6 +48,13 @@ const IBizCodeList = /* @__PURE__ */ vue.defineComponent({
     const items = vue.ref([]);
     const textSeparator = ((_a = props.codeList) == null ? void 0 : _a.textSeparator) || "\u3001";
     const valueSeparator = ((_b = props.codeList) == null ? void 0 : _b.valueSeparator) || ",";
+    const currentMode = vue.computed(() => {
+      if (props.codeList && props.codeList.orMode) {
+        return props.codeList.orMode;
+      }
+      return "STR";
+    });
+    const calcOrMode = runtime.useCalcOrMode(currentMode.value);
     vue.watch(items, (newVal) => {
       let infoText = "";
       if (newVal.length > 0) {
@@ -78,7 +89,14 @@ const IBizCodeList = /* @__PURE__ */ vue.defineComponent({
       if (ramda.isNil(value) || value === "") {
         items.value = [];
       } else {
-        const values = typeof value === "string" ? value.split(valueSeparator) : [value];
+        let values = [];
+        const {
+          getSelectArray
+        } = calcOrMode;
+        const arr = getSelectArray(value, props.codeList, codeListItems, valueSeparator, props.codeList.codeItemValueNumber);
+        if (arr) {
+          values = arr;
+        }
         items.value = values.map((val) => {
           const findItem = findCodeListItem(codeListItems, val);
           let codeValue = val;
@@ -124,9 +142,9 @@ const IBizCodeList = /* @__PURE__ */ vue.defineComponent({
         "style": item.color ? this.ns.cssVarBlock({
           "item-color": "".concat(item.color)
         }) : null
-      }, [item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+      }, [this.showMode !== "TEXT" && item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "icon": item.sysImage
-      }, null), item.text])];
+      }, null), this.showMode !== "ICON" && item.text])];
     })]);
   }
 });

package/lib/common/view-shell/view-shell.cjs

@@ -34,12 +34,21 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
     const provider = vue.ref();
     const viewModelData = vue.ref();
     const hasAuthority = vue.ref(true);
-    const checkViewAuthority = async (viewModel) => {
+    const context = vue.ref(props.context);
+    const params = vue.ref(props.params || {});
+    vue.watch(() => ({
+      context: props.context,
+      params: props.params
+    }), (newVal) => {
+      context.value = newVal.context;
+      params.value = newVal.params ? newVal.params : {};
+    });
+    const checkViewAuthority = async (viewModel2) => {
       let checkResult = true;
       const {
         accUserMode,
         accessKey
-      } = viewModel;
+      } = viewModel2;
       const authInfo = ibiz.auth.getAuthInfo();
       if (accUserMode !== void 0) {
         switch (accUserMode) {
@@ -55,7 +64,7 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
             break;
           case 4:
             if (accessKey) {
-              const app = await ibiz.hub.getApp(props.context.srfappid);
+              const app = await ibiz.hub.getApp(context.value.srfappid);
               const permitted = app.authority.calcByResCode(accessKey);
               if (!permitted) {
                 checkResult = false;
@@ -68,13 +77,16 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
       }
       return checkResult;
     };
-    const init = async () => {
-      let viewModel;
+    let viewModel;
+    const initViewModel = async () => {
       if (props.modelData) {
         viewModel = props.modelData;
       } else {
         viewModel = await ibiz.hub.getAppView(props.viewId);
       }
+    };
+    const init = async () => {
+      await initViewModel();
       if (!viewModel) {
         throw new core.RuntimeError(ibiz.i18n.t("vue3Util.common.noFoundViewModel"));
       }
@@ -89,30 +101,26 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
             codeName: viewModel.codeName
           }));
         }
-        const params = props.params || {};
-        const loadModelParams = await runtime.calcDynaSysParams(appDataEntityId, props.context, {
+        const loadModelParams = await runtime.calcDynaSysParams(appDataEntityId, context.value, {
           viewParams: params,
           appId: viewModel.appId
         });
-        if (params.srfdatatype) {
-          loadModelParams.srfdatatype = params.srfdatatype;
+        if (params.value.srfdatatype) {
+          loadModelParams.srfdatatype = params.value.srfdatatype;
         }
-        if (params.srfwftag) {
-          loadModelParams.srfwftag = params.srfwftag;
+        if (params.value.srfwftag) {
+          loadModelParams.srfwftag = params.value.srfwftag;
         } else if (appDataEntityId && viewModel.enableWF) {
-          const context = {
-            ...props.context
-          };
           if (loadModelParams.srfkey) {
-            const noSrfSessionId = ramda.isNil(props.context.srfsessionid) || ramda.isEmpty(props.context.srfsessionid);
+            const noSrfSessionId = ramda.isNil(context.value.srfsessionid) || ramda.isEmpty(context.value.srfsessionid);
             const id = qxUtil.createUUID();
             if (noSrfSessionId) {
               const domain = ibiz.uiDomainManager.create(id);
-              context.srfsessionid = domain.id;
+              context.value.srfsessionid = domain.id;
             }
             const app = ibiz.hub.getApp(viewModel.appId);
-            const service = await app.deService.getService(props.context, appDataEntityId);
-            const res = await service.get(context, props.params || {});
+            const service = await app.deService.getService(context.value, appDataEntityId);
+            const res = await service.get(context.value, params.value || {});
             if (res.ok && res.data) {
               const {
                 srfwftag,
@@ -123,12 +131,11 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
                 loadModelParams.srfwftag = srfwftag;
               }
               if (["DEWFDYNAEDITVIEW3", "DEWFDYNAEDITVIEW"].includes(viewModel.viewType)) {
-                const viewParams = props.params;
-                if (ramda.isNil(viewParams.processDefinitionKey)) {
-                  viewParams.processDefinitionKey = processdefinitionkey;
+                if (ramda.isNil(params.value.processDefinitionKey)) {
+                  params.value.processDefinitionKey = processdefinitionkey;
                 }
-                if (ramda.isNil(viewParams.taskDefinitionKey)) {
-                  viewParams.taskDefinitionKey = taskdefinitionkey;
+                if (ramda.isNil(params.value.taskDefinitionKey)) {
+                  params.value.taskDefinitionKey = taskdefinitionkey;
                 }
               }
             }
@@ -151,23 +158,45 @@ const IBizViewShell = /* @__PURE__ */ vue.defineComponent({
       }
     };
     init();
+    const redrawView = async (event) => {
+      isComplete.value = false;
+      const {
+        redrawData
+      } = event;
+      const {
+        isReloadModel
+      } = redrawData;
+      Object.assign(context.value, redrawData.context);
+      Object.assign(params.value, redrawData.params);
+      if (isReloadModel) {
+        await init();
+      } else {
+        setTimeout(() => {
+          isComplete.value = true;
+        });
+      }
+    };
     return {
       ns,
-      isComplete,
       errMsg,
-      viewModelData,
+      provider,
+      isComplete,
       hasAuthority,
-      provider
+      viewModelData,
+      redrawView,
+      curContext: context,
+      curParams: params
     };
   },
   render() {
     if (this.isComplete && this.provider && this.hasAuthority) {
       return vue.h(vue.resolveComponent(this.provider.component), {
-        context: this.$props.context,
-        params: this.$props.params,
-        modelData: this.viewModelData,
+        context: this.curContext,
+        params: this.curParams,
+        modelData: ramda.clone(this.viewModelData),
         ...this.$attrs,
-        provider: this.provider
+        provider: this.provider,
+        onRedrawView: this.redrawView
       }, this.$slots);
     }
     if (!this.hasAuthority) {

package/lib/control/panel/view-layout-panel/view-layout-panel.cjs

@@ -93,9 +93,17 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
       const component = vue.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 && runtime.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) => {