@ibiz-template/mob-vue3-components 0.0.1-alpha.22 → 0.0.1-alpha.24

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { EventBase, FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import './repeater-single-form.scss';
+export declare const RepeaterSingleForm: import("vue").DefineComponent<{
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onFormDataChange: (event: EventBase) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: IData) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<IData>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormMDCtrlRepeaterController;
+        required: true;
+    };
+}>> & {
+    onChange?: ((_value: IData) => any) | undefined;
+}, {}, {}>;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.mjs

@@ -0,0 +1,54 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { FormMDCtrlRepeaterController } from '@ibiz-template/runtime';
+import { RuntimeError } from '@ibiz-template/core';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './repeater-single-form.css';
+
+"use strict";
+const RepeaterSingleForm = /* @__PURE__ */ defineComponent({
+  name: "IBizRepeaterSingleForm",
+  props: {
+    data: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: FormMDCtrlRepeaterController,
+      required: true
+    }
+  },
+  emits: {
+    change: (_value) => true
+  },
+  setup(_props, {
+    emit
+  }) {
+    const ns = useNamespace("repeater-single-form");
+    const onFormDataChange = (event) => {
+      const formData = {
+        ...event.data[0]
+      };
+      emit("change", formData);
+    };
+    return {
+      ns,
+      onFormDataChange
+    };
+  },
+  render() {
+    if (!this.controller.repeatedForm) {
+      throw new RuntimeError("\u6CA1\u6709repeatedForm");
+    }
+    return createVNode(resolveComponent("iBizControlShell"), {
+      "class": this.ns.b(),
+      "context": this.controller.context,
+      "params": this.controller.params,
+      "modelData": this.controller.repeatedForm,
+      "isSimple": true,
+      "data": this.data,
+      "onFormDataChange": this.onFormDataChange
+    }, null);
+  }
+});
+
+export { RepeaterSingleForm };

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.css

@@ -0,0 +1 @@
+.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:32px;--ibiz-form-mdctrl-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-mdctrl-header-padding:var(--ibiz-spacing-base);--ibiz-form-mdctrl-header-border-color:var(--ibiz-color-border);--ibiz-form-mdctrl-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-mdctrl-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-caption-font-weight:var(--ibiz-font-weight-bold)}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-mdctrl-caption-font-size);font-weight:var(--ibiz-form-mdctrl-caption-font-weight);color:var(--ibiz-form-mdctrl-caption-text-color)}.ibiz-form-mdctrl-header{padding:var(--ibiz-form-mdctrl-header-padding);line-height:var(--ibiz-form-mdctrl-header-height)}

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.d.ts

@@ -1,6 +1,7 @@
-import { PropType, VNode } from 'vue';
+import { PropType } from 'vue';
 import { IDEFormMDCtrl } from '@ibiz/model-core';
 import { FormMDCtrlController } from '@ibiz-template/runtime';
+import './form-mdctrl.scss';
 export declare const FormMDCtrl: import("vue").DefineComponent<{
     modelData: {
         type: PropType<IDEFormMDCtrl>;
@@ -12,7 +13,8 @@ export declare const FormMDCtrl: import("vue").DefineComponent<{
     };
 }, {
     c: FormMDCtrlController;
-    renderContentRepeater: () => VNode | undefined;
+    ns: import("@ibiz-template/core").Namespace;
+    hasCaption: boolean | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IDEFormMDCtrl>;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.mjs

@@ -1,6 +1,7 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
-import { useController } from '@ibiz-template/vue3-util';
+import { createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useNamespace, useController } from '@ibiz-template/vue3-util';
 import { FormMDCtrlController } from '@ibiz-template/runtime';
+import './form-mdctrl.css';
 
 "use strict";
 const FormMDCtrl = /* @__PURE__ */ defineComponent({
@@ -16,65 +17,50 @@ const FormMDCtrl = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("form-mdctrl");
     useController(props.controller);
     const c = props.controller;
-    const renderContentRepeater = () => {
-      switch (c.model.detailStyle) {
-        case "STYLE2":
-          return createVNode(resolveComponent("iBizFormMDCtrlRepeaterGrid"), {
-            "controller": c.mdCtrlContentController
-          }, null);
-        case "STYLE3":
-          return createVNode(resolveComponent("iBizFormMDCtrlRepeaterFormOne"), {
-            "controller": c.mdCtrlContentController
-          }, null);
-        default:
-          return createVNode(resolveComponent("iBizFormMDCtrlRepeaterForm"), {
-            "controller": c.mdCtrlContentController
-          }, null);
-      }
-    };
+    const hasCaption = c.model.showCaption && !!c.model.caption;
     return {
       c,
-      renderContentRepeater
+      ns,
+      hasCaption
     };
   },
   render() {
-    const renderContentByType = () => {
-      let content;
-      const {
-        model
-      } = this.c;
-      switch (model == null ? void 0 : model.contentType) {
-        case "FORM":
-          content = createVNode(resolveComponent("iBizFormMDCtrlForm"), {
-            "controller": this.c.mdCtrlContentController
-          }, null);
-          break;
-        case "GRID":
-          content = createVNode(resolveComponent("iBizFormMDCtrlGrid"), {
-            "controller": this.c.mdCtrlContentController
-          }, null);
-          break;
-        case "LIST":
-          content = createVNode(resolveComponent("iBizFormMDCtrlList"), {
-            "controller": this.c.mdCtrlContentController
-          }, null);
-          break;
-        case "DATAVIEW":
-          content = createVNode(resolveComponent("iBizFormMDCtrlDataView"), {
-            "controller": this.c.mdCtrlContentController
-          }, null);
-          break;
-        case "REPEATER":
-          content = this.renderContentRepeater();
-          break;
-        default:
-          break;
-      }
-      return content;
-    };
-    return renderContentByType();
+    const {
+      model
+    } = this.c;
+    let content;
+    switch (model.contentType) {
+      case "GRID":
+      case "LIST":
+      case "DATAVIEW":
+        content = createVNode(resolveComponent("iBizFormMDCtrlMD"), {
+          "controller": this.c
+        }, null);
+        break;
+      case "FORM":
+        content = createVNode(resolveComponent("iBizFormMDCtrlForm"), {
+          "controller": this.c
+        }, null);
+        break;
+      case "REPEATER":
+        content = createVNode(resolveComponent("iBizFormMDCtrlRepeater"), {
+          "controller": this.c
+        }, null);
+        break;
+      default:
+        createVNode("div", null, [model.contentType, createTextVNode("\u6682\u672A\u652F\u6301")]);
+        break;
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.codeName), ...this.controller.containerClass, this.hasCaption ? this.ns.m("show-caption") : ""]
+    }, [this.hasCaption && createVNode("div", {
+      "class": this.ns.b("header")
+    }, [createVNode("span", {
+      "class": this.ns.e("title")
+    }, [this.c.model.caption])]), content]);
   }
 });
 

package/es/control/form/form-detail/form-mdctrl/form-mdctrl.provider.mjs

@@ -1,4 +1,5 @@
-import { FormMDCtrlController } from '@ibiz-template/runtime';
+import { ModelError } from '@ibiz-template/core';
+import { FormMDCtrlRepeaterController, FormMDCtrlFormController, FormMDCtrlMDController } from '@ibiz-template/runtime';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -12,7 +13,25 @@ class FormMDCtrlProvider {
     __publicField(this, "component", "IBizFormMDCtrl");
   }
   async createController(detailModel, form, parent) {
-    const c = new FormMDCtrlController(detailModel, form, parent);
+    let c;
+    switch (detailModel.contentType) {
+      case "LIST":
+      case "GRID":
+      case "DATAVIEW":
+        c = new FormMDCtrlMDController(detailModel, form, parent);
+        break;
+      case "FORM":
+        c = new FormMDCtrlFormController(detailModel, form, parent);
+        break;
+      case "REPEATER":
+        c = new FormMDCtrlRepeaterController(detailModel, form, parent);
+        break;
+      default:
+        throw new ModelError(
+          detailModel,
+          `\u6682\u672A\u652F\u6301\u5185\u5BB9\u7C7B\u578B\u4E3A${detailModel.contentType}`
+        );
+    }
     await c.init();
     return c;
   }

package/es/control/form/form-detail/form-mdctrl/index.d.ts

@@ -1,4 +1,3 @@
-export * from './form-mdctrl.provider';
 export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;
@@ -10,9 +9,8 @@ export declare const IBizFormMDCtrl: import("@ibiz-template/vue3-util").TypeWith
     };
 }, {
     c: import("@ibiz-template/runtime").FormMDCtrlController;
-    renderContentRepeater: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | undefined;
+    ns: import("@ibiz-template/core").Namespace;
+    hasCaption: boolean | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEFormMDCtrl>;

package/es/control/form/form-detail/form-mdctrl/index.mjs

@@ -1,11 +1,20 @@
 import { registerFormDetailProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { FormMDCtrl } from './form-mdctrl.mjs';
+import { FormMDCtrlForm } from './form-mdctrl-form/form-mdctrl-form.mjs';
+import { FormMDCtrlMD } from './form-mdctrl-md/form-mdctrl-md.mjs';
+import { FormMDCtrlRepeater } from './form-mdctrl-repeater/form-mdctrl-repeater.mjs';
 import { FormMDCtrlProvider } from './form-mdctrl.provider.mjs';
+import { MDCtrlContainer } from './mdctrl-container/mdctrl-container.mjs';
 
 "use strict";
 const IBizFormMDCtrl = withInstall(FormMDCtrl, function(v) {
+  v.component(FormMDCtrl.name, FormMDCtrl);
+  v.component(FormMDCtrlForm.name, FormMDCtrlForm);
+  v.component(FormMDCtrlMD.name, FormMDCtrlMD);
+  v.component(FormMDCtrlRepeater.name, FormMDCtrlRepeater);
+  v.component(MDCtrlContainer.name, MDCtrlContainer);
   registerFormDetailProvider("MDCTRL", () => new FormMDCtrlProvider());
 });
 
-export { FormMDCtrlProvider, IBizFormMDCtrl, IBizFormMDCtrl as default };
+export { IBizFormMDCtrl, IBizFormMDCtrl as default };

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.css

@@ -0,0 +1 @@
+.ibiz-mdctrl-container{display:flex;flex-direction:column;gap:10px;padding:var(--ibiz-spacing-tight) 0}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item-actions{flex-shrink:0;width:100%;text-align:center}.ibiz-mdctrl-container-item-actions .van-button+.van-button{margin-left:0}.ibiz-mdctrl-container-item-actions__btn{width:calc(100% - var(--ibiz-spacing-base) * 2);margin:0 var(--ibiz-spacing-base)}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.d.ts

@@ -0,0 +1,40 @@
+import { PropType } from 'vue';
+import './mdctrl-container.scss';
+export declare const MDCtrlContainer: import("vue").DefineComponent<{
+    enableCreate: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    enableDelete: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    items: {
+        type: PropType<IData[]>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    showActions: import("vue").ComputedRef<boolean>;
+    renderAddBtn: () => JSX.Element;
+    renderRemoveBtn: (item: IData, index: number) => JSX.Element | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    addClick: () => true;
+    removeClick: (_data: IData, _index: number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    enableCreate: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    enableDelete: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    items: {
+        type: PropType<IData[]>;
+        required: true;
+    };
+}>> & {
+    onAddClick?: (() => any) | undefined;
+    onRemoveClick?: ((_data: IData, _index: number) => any) | undefined;
+}, {}, {}>;

package/es/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.mjs

@@ -0,0 +1,94 @@
+import { computed, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './mdctrl-container.css';
+
+"use strict";
+const MDCtrlContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizMDCtrlContainer",
+  props: {
+    enableCreate: {
+      type: Boolean,
+      required: true
+    },
+    enableDelete: {
+      type: Boolean,
+      required: true
+    },
+    items: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    addClick: () => true,
+    removeClick: (_data, _index) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("mdctrl-container");
+    const showActions = computed(() => {
+      return props.enableCreate || props.enableDelete;
+    });
+    const renderAddBtn = () => {
+      return createVNode(resolveComponent("van-button"), {
+        "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
+        "size": "small",
+        "onClick": () => emit("addClick"),
+        "type": "primary"
+      }, {
+        default: () => [createTextVNode("\u6DFB\u52A0")]
+      });
+    };
+    const renderRemoveBtn = (item, index) => {
+      if (!props.enableDelete) {
+        return null;
+      }
+      if (ibiz.config.form.mdCtrlConfirmBeforeRemove) {
+        return createVNode(resolveComponent("van-button"), {
+          "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+          "size": "small",
+          "type": "danger",
+          "onClick": () => {
+            emit("removeClick", item, index);
+          }
+        }, {
+          default: () => [createTextVNode("\u5220\u9664")]
+        });
+      }
+      return createVNode(resolveComponent("van-button"), {
+        "class": [ns.be("item-actions", "remove"), ns.be("item-actions", "btn")],
+        "type": "danger",
+        "size": "small",
+        "onClick": () => {
+          emit("removeClick", item, index);
+        }
+      }, {
+        default: () => [createTextVNode("\u5220\u9664")]
+      });
+    };
+    return {
+      ns,
+      showActions,
+      renderAddBtn,
+      renderRemoveBtn
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [this.enableCreate && this.renderAddBtn(), this.items.map((item, index) => {
+      const formComponent = this.$slots.item ? this.$slots.item({
+        data: item,
+        index
+      }) : createVNode("div", null, [createTextVNode("\u672A\u63D0\u4F9Bitem\u63D2\u69FD")]);
+      return createVNode("div", {
+        "class": this.ns.b("item")
+      }, [formComponent, this.showActions && createVNode("div", {
+        "class": this.ns.b("item-actions")
+      }, [this.renderRemoveBtn(item, index)])]);
+    })]);
+  }
+});
+
+export { MDCtrlContainer };

package/es/control/form/form-detail/index.mjs

@@ -17,6 +17,5 @@ export { FormDRUIPartProvider } from './form-druipart/form-druipart.provider.mjs
 export { FormRawItemProvider } from './form-rawitem/form-rawitem.provider.mjs';
 export { FormTabPanelProvider } from './form-tab-panel/form-tab-panel.provider.mjs';
 export { FormTabPageProvider } from './form-tab-page/form-tab-page.provider.mjs';
-export { FormMDCtrlProvider } from './form-mdctrl/form-mdctrl.provider.mjs';
 
 "use strict";

package/es/control/form/index.mjs

@@ -21,7 +21,6 @@ export { FormTabPanelProvider } from './form-detail/form-tab-panel/form-tab-pane
 export { IBizFormTabPanel } from './form-detail/form-tab-panel/index.mjs';
 export { FormTabPageProvider } from './form-detail/form-tab-page/form-tab-page.provider.mjs';
 export { IBizFormTabPage } from './form-detail/form-tab-page/index.mjs';
-export { FormMDCtrlProvider } from './form-detail/form-mdctrl/form-mdctrl.provider.mjs';
 export { IBizFormMDCtrl } from './form-detail/form-mdctrl/index.mjs';
 
 "use strict";

package/es/control/index.mjs

@@ -41,7 +41,6 @@ export { FormTabPanelProvider } from './form/form-detail/form-tab-panel/form-tab
 export { IBizFormTabPanel } from './form/form-detail/form-tab-panel/index.mjs';
 export { FormTabPageProvider } from './form/form-detail/form-tab-page/form-tab-page.provider.mjs';
 export { IBizFormTabPage } from './form/form-detail/form-tab-page/index.mjs';
-export { FormMDCtrlProvider } from './form/form-detail/form-mdctrl/form-mdctrl.provider.mjs';
 export { IBizFormMDCtrl } from './form/form-detail/form-mdctrl/index.mjs';
 export { IBizEditFormControl } from './form/edit-form/index.mjs';
 export { IBizFormControl } from './form/form/index.mjs';

package/es/editor/upload/upload-editor.controller.mjs

@@ -1,4 +1,4 @@
-import { RuntimeModelError, RuntimeError, downloadFileFromBlob } from '@ibiz-template/core';
+import { RuntimeModelError } from '@ibiz-template/core';
 import { EditorController, convertNavData } from '@ibiz-template/runtime';
 import qs from 'qs';
 
@@ -121,22 +121,7 @@ class UploadEditorController extends EditorController {
    * @param {IData} file
    */
   fileDownload(file) {
-    ibiz.net.request(file.url, {
-      method: "get",
-      responseType: "blob",
-      baseURL: ""
-      // 已经有baseURL了，这里无需再写
-    }).then((response) => {
-      if (response.status !== 200) {
-        throw new RuntimeError("\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25");
-      }
-      if (!response.data) {
-        throw new RuntimeError("\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728");
-      } else {
-        const fileName = file.name;
-        downloadFileFromBlob(response.data, fileName);
-      }
-    });
+    ibiz.platform.download(file.url, file.name);
   }
 }
 

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

@@ -12,7 +12,7 @@ export declare const IBizPanelButton: import("@ibiz-template/vue3-util").TypeWit
 }, {
     ns: import("@ibiz-template/core").Namespace;
     captionText: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "success" | "danger" | "warning">;
+    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "danger" | "success" | "warning">;
     showCaption: boolean | undefined;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;

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

@@ -14,7 +14,7 @@ export declare const PanelButton: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     captionText: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "success" | "danger" | "warning">;
+    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "danger" | "success" | "warning">;
     showCaption: boolean | undefined;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;

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

@@ -30,7 +30,7 @@ const LoginView = /* @__PURE__ */ defineComponent({
           return;
         }
         loading.value = true;
-        const bol = await ibiz.auth.login(loginData.username, loginData.password);
+        const bol = await ibiz.platform.login(loginData.username, loginData.password);
         if (bol) {
           window.location.hash = ru;
           window.location.reload();

package/lib/control/form/edit-form/edit-form.cjs

@@ -20,6 +20,9 @@ const EditFormControl = /* @__PURE__ */ vue.defineComponent({
       type: Object,
       default: () => ({})
     },
+    provider: {
+      type: Object
+    },
     isSimple: {
       type: Boolean,
       required: false
@@ -27,17 +30,32 @@ const EditFormControl = /* @__PURE__ */ vue.defineComponent({
     data: {
       type: Object,
       required: false
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
     }
   },
-  setup() {
-    const c = vue3Util.useControlController((...args) => new runtime.EditFormController(...args));
-    vue.watch(() => c.state.data, (newVal, oldVal) => {
-      if (newVal && newVal !== oldVal) {
-        c.state.isLoaded = true;
-      }
-    }, {
-      immediate: true
+  setup(props) {
+    const c = vue3Util.useControlController((...args) => new runtime.EditFormController(...args), {
+      excludePropsKeys: ["data"]
     });
+    if (props.isSimple) {
+      c.evt.on("onMounted", () => {
+        c.setSimpleData(props.data || {});
+      });
+      vue.watch(() => props.data, (newVal) => {
+        const changeVal = newVal || {};
+        const find = Object.keys(c.data).find((key) => {
+          return changeVal[key] !== c.data[key];
+        });
+        if (find) {
+          c.setSimpleData(changeVal);
+        }
+      }, {
+        deep: true
+      });
+    }
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     c.evt.on("onCreated", () => {
       const keys = Object.keys(c.details);

package/lib/control/form/form/form.cjs

@@ -6,6 +6,9 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./form.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 const FormControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizFormControl",
   props: {
@@ -79,23 +82,44 @@ const FormControl = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    const {
+      state,
+      model,
+      controlPanel
+    } = this.c;
+    const {
+      isCreated
+    } = state;
+    const slots = {};
+    if (isCreated) {
+      if (this.$slots.default) {
+        slots.default = () => {
+          return this.$slots.default({
+            ...this.slotProps
+          });
+        };
+      } else {
+        const key = controlPanel ? model.name : "default";
+        slots[key] = () => {
+          return vue.createVNode(vue.resolveComponent("iBizFormPage"), {
+            "modelData": this.c.model,
+            "controller": this.c
+          }, {
+            default: () => {
+              var _a;
+              return [(_a = this.c.model.deformPages) == null ? void 0 : _a.map((page) => {
+                return this.renderByDetailType(page);
+              })];
+            }
+          });
+        };
+      }
+    }
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "class": [this.ns.b()],
       "controller": this.c
-    }, {
-      default: () => [this.c.state.isCreated && [this.$slots.default ? this.$slots.default({
-        ...this.slotProps
-      }) : vue.createVNode(vue.resolveComponent("iBizFormPage"), {
-        "modelData": this.c.model,
-        "controller": this.c
-      }, {
-        default: () => {
-          var _a;
-          return [(_a = this.c.model.deformPages) == null ? void 0 : _a.map((page) => {
-            return this.renderByDetailType(page);
-          })];
-        }
-      }), this.$slots.searchFooter && this.$slots.searchFooter({})]]
+    }, _isSlot(slots) ? slots : {
+      default: () => [slots]
     });
   }
 });