@ibiz-template/mob-vue3-components 0.0.1-alpha.23 → 0.0.1-alpha.25

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -23,7 +23,7 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
-    curValue: Ref<string>;
+    valueText: Ref<string>;
     context: Ref<{
         [x: string]: any;
         [x: symbol]: any;

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs

@@ -22,7 +22,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     }
     const keySet = ref([]);
     let selectedData = [];
-    const curValue = ref("");
+    const valueText = ref("");
     const context = ref(clone(c.context));
     const params = ref(clone(c.params));
     const {
@@ -30,7 +30,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
     watch(() => props.value, (newVal) => {
       if (singleSelect.value) {
-        curValue.value = newVal || "";
+        valueText.value = newVal || "";
         if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
           ibiz.log.error("\u503C\u9879\u5F02\u5E38");
         } else {
@@ -133,7 +133,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     return {
       ns,
       c,
-      curValue,
+      valueText,
       context,
       params,
       editorRef,
@@ -151,10 +151,10 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     const viewShell = resolveComponent("IBizViewShell");
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
-    }, [createVNode(resolveComponent("van-field"), {
+    }, [this.readonly && this.valueText, !this.readonly && createVNode(resolveComponent("van-field"), {
       "ref": "editorRef",
-      "modelValue": this.curValue,
-      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "modelValue": this.valueText,
+      "onUpdate:modelValue": ($event) => this.valueText = $event,
       "readonly": true,
       "placeholder": this.c.placeHolder,
       "disabled": this.disabled,

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts

@@ -24,7 +24,7 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     c: DropDownListEditorController;
     curValue: Ref<string | number | undefined>;
     items: Ref<readonly IData[]>;
-    valueText: import("vue").ComputedRef<string>;
+    valueText: import("vue").ComputedRef<any>;
     hasChildren: Ref<boolean>;
     onBlur: () => void;
     onFocus: () => void;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -53,17 +53,15 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         if (newVal === null) {
           curValue.value = "";
         }
-        const index = items.value.findIndex((item) => Object.is(item.value, newVal));
-        if (index !== -1) {
-          curValue.value = items.value[index].text;
-        }
       }
     }, {
       immediate: true
     });
     const valueText = computed(() => {
-      const valueArr = Array.isArray(curValue.value) ? curValue.value : [curValue.value];
-      return items.value.filter((item) => valueArr.includes(item.value)).map((item) => item.text).join(",");
+      const index = items.value.findIndex((item) => Object.is(item.value, curValue.value));
+      if (index !== -1) {
+        return items.value[index].text;
+      }
     });
     const editorRef = ref();
     if (props.autoFocus) {
@@ -111,13 +109,14 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
   render() {
     const editContent = this.hasChildren ? "\u6682\u672A\u652F\u6301\u6811\u5F62\u4E0B\u62C9\u9009\u62E9" : [createVNode(resolveComponent("van-field"), {
       "ref": "editorRef",
-      "modelValue": this.curValue,
-      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "modelValue": this.valueText,
+      "onUpdate:modelValue": ($event) => this.valueText = $event,
       "clearable": true,
       "readonly": true,
       "class": [this.ns.e("select")],
       "placeholder": this.c.placeHolder,
       "onBlur": this.onBlur,
+      "disabled": this.disabled,
       "onFocus": this.onFocus,
       "onClick": () => {
         if (!this.disabled) {

package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.mjs

@@ -19,6 +19,9 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
     const items = ref([]);
     const showPicker = ref(false);
     const selectItems = computed(() => {
+      if (!props.value) {
+        return [];
+      }
       return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1);
     });
     const localSelectValue = ref("");

package/es/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:inherit;white-space:pre-line}.ibiz-span--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-span{display:inline-block;width:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:inherit;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-span--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.mjs

@@ -52,7 +52,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       "before-delete": this.onRemove
     }, {
       default: () => {
-        return createVNode(resolveComponent("van-button"), {
+        return !this.readonly && !this.disabled && createVNode(resolveComponent("van-button"), {
           "class": this.ns.b("button")
         }, {
           default: () => [createTextVNode("\u4E0A\u4F20\u6587\u4EF6")]
@@ -78,7 +78,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
         "alt": ""
       }, null)]), createVNode("div", {
         "class": this.ns.b("preview-item-text")
-      }, [item.name]), createVNode("div", {
+      }, [item.name]), !this.readonly && !this.disabled && createVNode("div", {
         "class": this.ns.b("preview-item-action")
       }, [createVNode(resolveComponent("van-icon"), {
         "name": "cross",

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.css

@@ -1 +1 @@
-.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:.25rem}.van-uploader__preview-delete--shadow{top:-.3125rem;right:-.3125rem;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) .0625rem solid;border-radius:.25rem}
+.ibiz-image-upload .van-uploader__preview .van-uploader__file-icon{display:none}.ibiz-image-upload .van-uploader__preview .van-uploader__file-name{display:none}.ibiz-image-upload .ibiz-image-upload-item-cover{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;font-size:.75rem;line-height:initial;color:#fff;text-align:center;background:0 0}.ibiz-image-upload .ibiz-image-upload-item-cover img{width:100%;height:100%;border-radius:.25rem}.van-uploader__preview-delete--shadow{top:-.3125rem;right:-.3125rem;display:flex;align-items:center;justify-content:center;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);text-align:center;background:var(--van-uploader-delete-background);border-radius:50%;opacity:.6}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;font-size:var(--van-uploader-delete-icon-size);color:var(--van-uploader-delete-color);transform:scale(.7) translate(0,-10%)}.van-uploader__upload{background:0 0;border:var(--ibiz-color-border) .0625rem solid;border-radius:.25rem}.van-uploader__upload--readonly{display:none}

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -57,9 +57,11 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("van-uploader"), {
       "modelValue": this.files,
       "disabled": this.disabled,
+      "readonly": this.readonly,
       "multiple": this.c.multiple,
       "accept": this.c.accept,
       "max-count": this.limit,
+      "deletable": !this.disabled && !this.readonly,
       "before-read": this.beforeUpload,
       "after-read": this.afterRead,
       "before-delete": this.onRemove

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/index.mjs

@@ -1,4 +1,4 @@
-import { IBizView, IBizPortalView } from '@ibiz-template/vue3-util';
+import { IBizView, IBizViewLayoutPanelControl, IBizPortalView, IBizPanelControl } from '@ibiz-template/vue3-util';
 import { IBizCommonComponents } from './common/index.mjs';
 import './control/index.mjs';
 import { IBizEditor } from './editor/index.mjs';
@@ -8,9 +8,7 @@ import { IBizPanelComponents } from './panel-component/index.mjs';
 import { IBizViewEngine } from './view-engine/index.mjs';
 import './util/index.mjs';
 import './view/index.mjs';
-import { IBizViewLayoutPanelControl } from './control/panel/view-layout-panel/index.mjs';
 import { IBizMDCtrlControl } from './control/md-ctrl/index.mjs';
-import { IBizPanelControl } from './control/panel/panel/index.mjs';
 import { IBizAppMenuControl } from './control/app-menu/index.mjs';
 import { IBizFormControl } from './control/form/form/index.mjs';
 import { IBizSearchFormControl } from './control/form/search-form/index.mjs';

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/panel-component/view-content-panel-container/view-content-panel-container.css

@@ -1 +1 @@
-.ibiz-view-content{--ibiz-panel-component-view-content-margin:var(--ibiz-spacing-tight);height:calc(100% - var(--ibiz-panel-component-view-content-margin));margin-top:var(--ibiz-panel-component-view-content-margin);overflow:visible}.ibiz-view-content.is-scroll{overflow-y:auto}.ibiz-view-content-refresh{height:100%}.ibiz-view-content-refresh.van-pull-refresh{overflow:visible}
+.ibiz-view-content{--ibiz-panel-component-view-content-margin:0;height:100%;margin-top:var(--ibiz-panel-component-view-content-margin);overflow:visible}.ibiz-view-content.is-scroll{overflow-y:auto}.ibiz-view-content-refresh{height:100%}.ibiz-view-content-refresh.van-pull-refresh{overflow:visible}

package/es/panel-component/view-header-panel-container/view-header-panel-container.css

@@ -1 +1 @@
-.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:2.5rem;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back{padding-left:var(--ibiz-panel-component-view-header-back-width)}

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/caption-bar/caption-bar.css

@@ -1 +1 @@
-.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:2.5rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:0 var(--ibiz-spacing-base)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}
+.ibiz-control-captionbar{--ibiz-control-captionbar-color:var(--ibiz-color-text-0);--ibiz-control-captionbar-font-size:var(--ibiz-font-size-header-5);--ibiz-control-captionbar-sub-main-font-size:var(--ibiz-font-size-header-6);--ibiz-control-captionbar-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-captionbar-line-height:1.625rem;--ibiz-control-captionbar-text-align:center;--ibiz-control-captionbar-min-height:var(--ibiz-spacing-super-loose);--ibiz-control-captionbar-sub-caption-font-size:var(--ibiz-font-size-regular);--ibiz-control-captionbar-sub-caption-color:var(--ibiz-color-text-2);--ibiz-control-captionbar-padding:var(--ibiz-spacing-tight) 0;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;min-height:var(--ibiz-control-captionbar-min-height);padding:var(--ibiz-control-captionbar-padding)}.ibiz-control-captionbar.is-hasSub .ibiz-control-captionbar-caption{font-size:var(--ibiz-control-captionbar-sub-main-font-size)}.ibiz-control-captionbar .ibiz-control-captionbar-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-font-size);font-weight:var(--ibiz-control-captionbar-font-weight);line-height:var(--ibiz-control-captionbar-line-height);color:var(--ibiz-control-captionbar-color);text-align:var(--ibiz-control-captionbar-text-align)}.ibiz-control-captionbar .ibiz-control-captionbar-sub-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--ibiz-control-captionbar-sub-caption-font-size);color:var(--ibiz-control-captionbar-sub-caption-color);text-align:var(--ibiz-control-captionbar-text-align)}

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-height:2.5rem;--ibiz-portlet-layout-header-padding:1rem;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:18.75rem;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-0);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding-left:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}
+.ibiz-portlet-layout{--ibiz-portlet-layout-bg-color:transparent;--ibiz-portlet-layout-header-height:2.5rem;--ibiz-portlet-layout-header-padding:1rem;--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:18.75rem;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-1);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0;--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding-left:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}

package/lib/control/data-view/data-view.css

@@ -1 +1 @@
-.ibiz-control-dataview-item{padding:var(--ibiz-control-dataview-padding);margin:var(--ibiz-control-dataview-margin)}.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-padding:0.625rem;--ibiz-control-dataview-margin:0;height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview .van-list{display:flex;flex-direction:column;height:100%}.ibiz-control-dataview .van-list .van-cell{padding:var(--ibiz-control-dataview-padding)}
+.ibiz-control-dataview-item{padding:var(--ibiz-control-dataview-padding)}.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-padding:0.625rem;--ibiz-control-dataview-margin:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-base);--ibiz-control-dataview-card-margin:var(--ibiz-spacing-base-tight);height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview .van-list{display:flex;flex-direction:column;height:100%;margin:var(--ibiz-control-dataview-margin)}.ibiz-control-dataview .van-list .van-cell{padding:var(--ibiz-control-dataview-padding)}.ibiz-control-dataview .van-card:not(:first-child){margin-top:var(--ibiz-control-dataview-card-margin)}

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]
     });
   }
 });

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

@@ -13,6 +13,7 @@ var index$4 = require('../form-detail/form-druipart/index.cjs');
 var index$5 = require('../form-detail/form-rawitem/index.cjs');
 var index$6 = require('../form-detail/form-tab-panel/index.cjs');
 var index$7 = require('../form-detail/form-tab-page/index.cjs');
+var index$8 = require('../form-detail/form-mdctrl/index.cjs');
 
 "use strict";
 const IBizFormControl = vue3Util.withInstall(form.FormControl, function(v) {
@@ -25,6 +26,7 @@ const IBizFormControl = vue3Util.withInstall(form.FormControl, function(v) {
   v.use(index$5.IBizFormRawItem);
   v.use(index$6.IBizFormTabPanel);
   v.use(index$7.IBizFormTabPage);
+  v.use(index$8.IBizFormMDCtrl);
 });
 
 exports.IBizFormControl = IBizFormControl;

package/lib/control/form/form-detail/form-button/form-button.css

@@ -1 +1 @@
-.ibiz-form-button{width:100%;height:100%}
+.ibiz-form-button{--ibiz-form-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-form-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-form-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;height:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-form-button .van-button{width:100%;height:100%}.ibiz-form-button .van-button .ibiz-form-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-form-button .van-button .ibiz-form-button-content i,.ibiz-form-button .van-button .ibiz-form-button-content img{display:inline-block;max-width:var(--ibiz-form-button-icon-max-width);max-height:var(--ibiz-form-button-icon-max-height)}.ibiz-form-button .van-button .ibiz-form-button-content .ibiz-icon+.ibiz-form-button-content--caption{margin-left:var(--ibiz-form-button-icon-margin)}.ibiz-form-button.is-loading .van-button .ibiz-icon{display:none}

package/lib/control/form/form-detail/form-group-panel/form-group-panel.css

@@ -1 +1 @@
-.ibiz-form-group{--ibiz-form-group-bg-color:transparent;--ibiz-form-group-footer-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-show-more-color:var(--ibiz-color-primary);--ibiz-form-group-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-group-header-padding:var(--ibiz-spacing-base);--ibiz-form-group-header-border-color:var(--ibiz-color-border);--ibiz-form-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-form-group-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-form-group-content-bg-color:transparent;--ibiz-form-group-content-padding:var(--ibiz-spacing-tight);--ibiz-form-group-content-margin:0}.ibiz-form-group{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-form-group-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-group-caption-font-size);font-weight:var(--ibiz-form-group-caption-font-weight);color:var(--ibiz-form-group-caption-text-color)}.ibiz-form-group__toolbar{text-align:right}.ibiz-form-group .ibiz-form-item-container{border-radius:0}.ibiz-form-group-collapse>.ibiz-form-group-content{display:block}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group-content{display:none}.ibiz-form-group-header{display:flex;padding:var(--ibiz-form-group-header-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group-header__left,.ibiz-form-group-header__right{display:inline-block;width:50%}.ibiz-form-group-header__right{text-align:right}.ibiz-form-group--show-header>.ibiz-form-group-content{margin-bottom:var(--ibiz-form-group-content-margin);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group-footer{padding:var(--ibiz-form-group-footer-padding)}.ibiz-form-group-footer__show-more-button{display:inline-block;color:var(--ibiz-form-group-show-more-color)}
+.ibiz-form-group{--ibiz-form-group-bg-color:transparent;--ibiz-form-group-footer-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-show-more-color:var(--ibiz-color-primary);--ibiz-form-group-header-bg-color:transparent;--ibiz-form-group-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-group-header-border-color:var(--ibiz-color-border);--ibiz-form-group-caption-text-color:var(--ibiz-color-text-2);--ibiz-form-group-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-group-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-group-content-bg-color:transparent;--ibiz-form-group-content-padding:var(--ibiz-spacing-tight);--ibiz-form-group-content-margin:0}.ibiz-form-group{width:100%;height:100%;overflow:hidden;background-color:var(--ibiz-form-group-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-group-caption-font-size);font-weight:var(--ibiz-form-group-caption-font-weight);color:var(--ibiz-form-group-caption-text-color)}.ibiz-form-group__toolbar{text-align:right}.ibiz-form-group .ibiz-form-item-container{border-radius:0}.ibiz-form-group-collapse>.ibiz-form-group-content{display:block}.ibiz-form-group-collapse.is-collapse>.ibiz-form-group-content{display:none}.ibiz-form-group-header{display:flex;align-items:center;padding:var(--ibiz-form-group-header-padding);background-color:var(--ibiz-form-group-header-bg-color)}.ibiz-form-group-header__left,.ibiz-form-group-header__right{display:inline-block;width:50%}.ibiz-form-group-header__right{display:flex;align-items:center;justify-content:end;height:100%}.ibiz-form-group-header__right .van-button{height:100%;color:var(--ibiz-color-link);border:none}.ibiz-form-group--show-header>.ibiz-form-group-content{margin-bottom:var(--ibiz-form-group-content-margin);background-color:var(--ibiz-form-group-content-bg-color)}.ibiz-form-group-footer{padding:var(--ibiz-form-group-footer-padding)}.ibiz-form-group-footer__show-more-button{display:inline-block;color:var(--ibiz-form-group-show-more-color)}

package/lib/control/form/form-detail/form-item/form-item-container/form-item-container.css

@@ -1 +1 @@
-.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-label-left-padding:0 var(--ibiz-spacing-base) 0 0;--ibiz-form-item-container-label-right-padding:0 0 0 var(--ibiz-spacing-base);--ibiz-form-item-container-left-padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-container-container-top-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);--ibiz-form-item-container-container-label-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-container-top-margin:var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);line-height:var(--ibiz-form-item-container-line-height);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;line-height:var(--ibiz-form-item-container-line-height);color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container-content{position:relative;border-bottom:var(--ibiz-form-item-container-border)}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-form-item-container{--ibiz-form-item-container-label-width:8.125rem;--ibiz-form-item-container-line-height:var(--ibiz-form-item-line-height);--ibiz-form-item-container-require-mark-color:var(--ibiz-color-danger);--ibiz-form-item-container-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-left-container-padding:var(--ibiz-spacing-base);--ibiz-form-item-container-error-margin-top:var(--ibiz-spacing-extra-tight);--ibiz-form-item-container-bg-color:var(--ibiz-color-bg-1);--ibiz-form-item-container-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-container-label-text-color:var(--ibiz-color-text-0);--ibiz-form-item-container-container-error-padding:0 var(--ibiz-spacing-base);--ibiz-form-item-container-border:0.0625rem var(--ibiz-color-border) solid;--ibiz-form-item-container-editor-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-none) var(--ibiz-spacing-tight) var(--ibiz-spacing-none);--ibiz-form-item-label-line-height:1;--ibiz-form-item-label-font-size:var(--ibiz-font-size-header-5);--ibiz-form-item-label-text-color:var(--ibiz-color-text-0);position:relative;width:100%;height:100%;padding:var(--ibiz-form-item-container-container-padding);font-size:var(--ibiz-form-item-font-size);background-color:var(--ibiz-form-item-container-bg-color);border-width:calc(100% - var(--ibiz-spacing-base) * 2);border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item-container::after{position:absolute;z-index:1;width:calc(100% - var(--ibiz-spacing-base) * 2);height:.00625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-form-item-container__label{position:relative;flex-shrink:0;width:var(--ibiz-form-item-container-label-width);overflow:visible;color:var(--ibiz-form-item-label-text-color)}.ibiz-form-item-container__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:var(--ibiz-form-item-container-label-font-size);line-height:var(--ibiz-form-item-label-line-height);text-align:var(--ibiz-form-item-container-label-align)}.ibiz-form-item-container__editor{width:100%;text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-form-item-container__editor .van-cell{padding-bottom:0}.ibiz-form-item-container.is-required .ibiz-form-item-container__label::before{position:absolute;top:.1875rem;left:-.625rem;display:inline-block;height:100%;font-size:.875rem;color:var(--ibiz-form-item-error-color);content:"*"}.ibiz-form-item-container.is-error::after{background-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container.is-error .ibiz-form-item-container-content{border-color:var(--ibiz-form-item-error-color)}.ibiz-form-item-container--left::after{bottom:0}.ibiz-form-item-container--right.is-required .ibiz-form-item-container__label::before{right:-.625rem;left:auto}.ibiz-form-item-container--right .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--left .ibiz-form-item-container__editor{width:calc(100% - var(--ibiz-form-item-container-label-width))}.ibiz-form-item-container--top .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container--bottom .ibiz-form-item-container__editor{padding:var(--ibiz-form-item-container-editor-padding)}.ibiz-form-item-container-content{position:relative}.ibiz-form-item-container--left .ibiz-form-item-container-content,.ibiz-form-item-container--right .ibiz-form-item-container-content{height:100%;display:flex;align-items:center;justify-content:center}.ibiz-form-item-container-error{position:absolute;bottom:0;width:calc(100% - var(--ibiz-spacing-base));padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-form-item-error-font-size);line-height:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-error-color);text-align:var(--ibiz-form-item-container-editor-align)}

package/lib/control/form/form-detail/form-item/form-item.css

@@ -1 +1 @@
-.ibiz-form-item{--ibiz-form-item-label-color:var(--ibiz-color-text-0);--ibiz-form-item-text-color:var(--ibiz-color-text-0);--ibiz-form-item-bg-color:var(--ibiz-color-fill-0);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-text-2);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-error-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-error-color:var(--ibiz-color-danger);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-bg-color:transparent;--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:var(--ibiz-editor-default-line-height);--ibiz-form-item-caption-color:var(--ibiz-form-item-text-color);--ibiz-form-item-caption-font-size:var(--ibiz-form-item-font-size)}.ibiz-form-item .van-field{height:100%}.ibiz-form-item .van-field__body{height:100%}
+.ibiz-form-item{--ibiz-form-item-label-color:var(--ibiz-color-text-0);--ibiz-form-item-text-color:var(--ibiz-color-text-0);--ibiz-form-item-bg-color:var(--ibiz-color-fill-0);--ibiz-form-item-hover-color:var(--ibiz-color-text-0);--ibiz-form-item-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-form-item-readonly-color:var(--ibiz-color-text-2);--ibiz-form-item-border-color:transparent;--ibiz-form-item-font-size:var(--ibiz-font-size-header-6);--ibiz-form-item-error-font-size:var(--ibiz-font-size-regular);--ibiz-form-item-error-color:var(--ibiz-color-danger);--ibiz-form-item-placeholder-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-color:var(--ibiz-color-text-3);--ibiz-form-item-disabled-bg-color:transparent;--ibiz-form-item-disabled-border-color:var(--ibiz-color-disabled-border);--ibiz-form-item-active-bg:var(--ibiz-color-fill-2);--ibiz-form-item-active-border:var(--ibiz-active-bg);--ibiz-form-item-focus-bg:var(--ibiz-color-fill-0);--ibiz-form-item-focus-border:var(--ibiz-color-focus-border);--ibiz-form-item-line-height:1.25rem;--ibiz-form-item-caption-color:var(--ibiz-form-item-text-color);--ibiz-form-item-caption-font-size:var(--ibiz-form-item-font-size);--ibiz-editor-default-line-height:1.25rem}.ibiz-form-item .van-field{height:100%}.ibiz-form-item .van-field__body{height:100%}

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./form-mdctrl-form.css');
+
+"use strict";
+const FormMDCtrlForm = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrlForm",
+  props: {
+    controller: {
+      type: runtime.FormMDCtrlFormController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("form-mdctrl-form");
+    const showActions = vue.computed(() => {
+      return props.controller.enableCreate || props.controller.enableDelete;
+    });
+    const renderAddBtn = () => {
+      return vue.createVNode(vue.resolveComponent("van-button"), {
+        "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
+        "onClick": () => props.controller.create()
+      }, {
+        default: () => [vue.createTextVNode("\u6DFB\u52A0")]
+      });
+    };
+    const onCreated = (id, event) => {
+      props.controller.setFormController(id, event.ctrl);
+    };
+    return {
+      ns,
+      showActions,
+      onCreated,
+      renderAddBtn
+    };
+  },
+  render() {
+    const {
+      state,
+      formProvider,
+      model
+    } = this.controller;
+    return vue.createVNode(vue.resolveComponent("iBizMDCtrlContainer"), {
+      "class": this.ns.b(),
+      "items": state.items || [],
+      "enableCreate": this.controller.enableCreate,
+      "enableDelete": this.controller.enableDelete,
+      "onAddClick": () => this.controller.create(),
+      "onRemoveClick": (item) => this.controller.remove(item.id)
+    }, {
+      item: ({
+        data
+      }) => {
+        if (!formProvider) {
+          return vue.createVNode("div", null, [vue.createTextVNode("\u672A\u627E\u5230\u8868\u5355\u7684\u9002\u914D\u5668")]);
+        }
+        const formComponent = vue.h(vue.resolveComponent(formProvider.component), {
+          class: this.ns.be("item", "form"),
+          modelData: model.contentControl,
+          context: data.context,
+          params: data.params,
+          onCreated: (event) => {
+            this.onCreated(data.id, event);
+          }
+        });
+        return formComponent;
+      }
+    });
+  }
+});
+
+exports.FormMDCtrlForm = FormMDCtrlForm;

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

@@ -0,0 +1 @@
+.ibiz-form-mdctrl-form-item{display:flex}.ibiz-form-mdctrl-form-item__form{flex-grow:1}.ibiz-form-mdctrl-form-item-actions{flex-shrink:0;width:80px;text-align:center}.ibiz-form-mdctrl-form-item-actions .el-button+.el-button{margin-left:0}.ibiz-form-mdctrl-form-item-actions__btn{margin-top:var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-form-no-data{width:100%;display:flex;justify-content:flex-end}

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.cjs

@@ -0,0 +1,81 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./form-mdctrl-md.css');
+
+"use strict";
+const FormMDCtrlMD = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrlMD",
+  props: {
+    controller: {
+      type: runtime.FormMDCtrlMDController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("form-mdctrl-md");
+    const showActions = vue.computed(() => {
+      return props.controller.enableCreate || props.controller.enableDelete;
+    });
+    const onCreated = (event) => {
+      props.controller.setMDControl(event.ctrl);
+    };
+    const isSelected = vue.ref(false);
+    const onSelectionChange = (event) => {
+      isSelected.value = event.data.length > 0;
+    };
+    return {
+      ns,
+      showActions,
+      isSelected,
+      onCreated,
+      onSelectionChange
+    };
+  },
+  render() {
+    const {
+      mdProvider,
+      model
+    } = this.controller;
+    const isLoaded = this.controller.form.state.isLoaded;
+    let controlComponent = null;
+    if (isLoaded) {
+      const controlProps = {
+        class: this.ns.b("content"),
+        modelData: model.contentControl,
+        context: this.controller.form.context,
+        params: this.controller.form.params,
+        onCreated: this.onCreated,
+        onSelectionChange: this.onSelectionChange
+      };
+      if (model.contentType === "GRID") {
+        controlProps.rowEditOpen = true;
+      }
+      controlComponent = vue.h(vue.resolveComponent(mdProvider.component), controlProps);
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [this.controller.enableCreate && vue.createVNode(vue.resolveComponent("van-button"), {
+      "class": [this.ns.be("actions", "create"), this.ns.be("actions", "btn")],
+      "size": "small",
+      "type": "primary",
+      "onClick": () => this.controller.create()
+    }, {
+      default: () => [vue.createTextVNode("\u6DFB\u52A0")]
+    }), controlComponent, this.showActions && vue.createVNode("div", {
+      "class": this.ns.b("actions")
+    }, [this.controller.enableDelete && vue.createVNode(vue.resolveComponent("van-button"), {
+      "type": "danger",
+      "size": "small",
+      "disabled": !this.isSelected,
+      "class": [this.ns.be("actions", "remove"), this.ns.be("actions", "btn")],
+      "onClick": () => this.controller.remove()
+    }, {
+      default: () => [vue.createTextVNode("\u5220\u9664")]
+    })])]);
+  }
+});
+
+exports.FormMDCtrlMD = FormMDCtrlMD;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.css

@@ -0,0 +1 @@
+.ibiz-form-mdctrl-md-content{flex-grow:1}.ibiz-form-mdctrl-md-actions{flex-shrink:0;text-align:center}.ibiz-form-mdctrl-md-actions .van-button+.van-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{width:calc(100% - var(--ibiz-spacing-base) * 2);margin:0 var(--ibiz-spacing-base)}