@maketribe/ms-app 3.0.4 → 3.0.5

package/dist/esm/components/data-model/data-form/data-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  reactive,\n  unref,\n  useAttrs,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn, DataForm, Messager, MKError } from \"@maketribe/dm\";\n\nimport InnerDataForm from \"./inner-data-form\";\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\nimport { ElButton, ElCard, ElScrollbar } from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\n\nexport default defineComponent({\n  name: \"MKDataForm\",\n  inheritAttrs: false,\n  props: dataFormProps,\n  emits: dataFormEmits,\n  setup(props, { emit }) {\n    let _dataForm: DataForm | null = null;\n\n    const slots = useSlots();\n\n    const createDataForm = () => {\n      const dataForm = new DataForm({\n        name: props.name!,\n        primaryKey: props.primaryKey,\n        interfaceURL: {\n          load: props.loadInterfaceURL || \"\",\n          add: props.addInterfaceURL || \"\",\n          update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\n        },\n      });\n\n      const columns = props.columns.map((column) => new FormColumn(column));\n\n      dataForm.setColumns(columns);\n\n      return dataForm;\n    };\n\n    const dataForm = computed(() => {\n      if (props.dataForm instanceof DataForm) {\n        return props.dataForm;\n      }\n\n      if (!_dataForm) {\n        _dataForm = reactive(createDataForm()) as DataForm;\n      }\n\n      return _dataForm;\n    });\n\n    const allowSubmit = computed(() => {\n      const _dataForm = unref(dataForm);\n      if (_dataForm) {\n        return _dataForm.allowSubmit;\n      }\n      return false;\n    });\n\n    watch(\n      dataForm,\n      async (dataForm) => {\n        await dataForm.init();\n        emit(\"changeDataForm\", dataForm);\n      },\n      { immediate: true }\n    );\n\n    const handleSave = async () => {\n      try {\n        if (!(await unref(dataForm)?.validate())) {\n          return;\n        }\n\n        const result = await unref(dataForm)!.submit();\n\n        if (result.data.code !== 200) {\n          Messager.instance.error({ message: result.data.msg });\n          return;\n        }\n\n        Messager.instance.success({ message: \"保存成功\" });\n\n        emit(\"submitted\", result);\n      } catch (e) {\n        if (e instanceof MKError) {\n          Messager.instance.error({ message: e.message });\n        }\n      }\n    };\n\n    const handleCancel = () => {\n      emit(\"cancel\");\n    };\n\n    return () => {\n      return (\n        <ElCard class=\"mk-data-form\" shadow=\"never\">\n          <div class=\"mk-data-form__main\">\n            <ElScrollbar>\n              <InnerDataForm\n                {...props}\n                dataForm={unref(dataForm)}\n                v-slots={slots}\n              />\n            </ElScrollbar>\n          </div>\n          <div class=\"mk-data-form__footer\">\n            <ElButton\n              type=\"primary\"\n              onClick={handleSave}\n              loading={unref(allowSubmit)}\n            >\n              {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n            </ElButton>\n            <ElButton onClick={handleCancel}>\n              {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n            </ElButton>\n          </div>\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","inheritAttrs","props","dataFormProps","emits","dataFormEmits","setup","emit","_dataForm","slots","useSlots","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","allowSubmit","unref","watch","init","immediate","handleSave","validate","result","submit","data","code","Messager","instance","error","message","msg","success","e","MKError","handleCancel","_slot","_slot2","_createVNode","ElCard","default","ElScrollbar","InnerDataForm","_mergeProps","ElButton","I18n","translate"],"mappings":"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"}

package/dist/esm/components/data-model/data-form/index.d.ts

@@ -0,0 +1,239 @@
+export declare const MKDataForm: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly model: ObjectConstructor;
+    readonly labelPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown, "right", false>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown, "left", false>;
+    readonly labelWidth: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown, "", false>;
+    readonly labelSuffix: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "", false>;
+    readonly inline: BooleanConstructor;
+    readonly inlineMessage: BooleanConstructor;
+    readonly statusIcon: BooleanConstructor;
+    readonly showMessage: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly hideRequiredAsterisk: BooleanConstructor;
+    readonly scrollToError: BooleanConstructor;
+    readonly scrollIntoViewOptions: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>) | ((new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>) | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    changeDataForm: (dataForm: any) => boolean;
+    cancel: () => boolean;
+    error: (e: any) => boolean;
+    submitted: (response: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly model: ObjectConstructor;
+    readonly labelPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown, "right", false>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown, "left", false>;
+    readonly labelWidth: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown, "", false>;
+    readonly labelSuffix: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "", false>;
+    readonly inline: BooleanConstructor;
+    readonly inlineMessage: BooleanConstructor;
+    readonly statusIcon: BooleanConstructor;
+    readonly showMessage: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly hideRequiredAsterisk: BooleanConstructor;
+    readonly scrollToError: BooleanConstructor;
+    readonly scrollIntoViewOptions: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>) | ((new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>) | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+}>> & {
+    onError?: ((e: any) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSubmitted?: ((response: any) => any) | undefined;
+    onChangeDataForm?: ((dataForm: any) => any) | undefined;
+}, {
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
+    readonly labelWidth: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown>;
+    readonly disabled: boolean;
+    readonly inlineMessage: boolean;
+    readonly showMessage: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
+    readonly labelPosition: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown>;
+    readonly labelSuffix: string;
+    readonly inline: boolean;
+    readonly statusIcon: boolean;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
+    readonly hideRequiredAsterisk: boolean;
+    readonly scrollToError: boolean;
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & {
+    MKDataFormItem: import("vue").DefineComponent<{
+        readonly name: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly label: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly required: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly labelWidth: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly name: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly label: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly required: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly labelWidth: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }>>, {
+        readonly required: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    }, {}>;
+};
+export default MKDataForm;
+export * from "./data-form-options";
+export * from "./data-form-item";

package/dist/esm/components/data-model/data-form/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from '@maketribe/utils';
+import MKDataForm$1 from './data-form.js';
+import { MKDataFormItem } from './data-form-item/index.js';
+export { dataFormEmits, dataFormProps } from './data-form-options.js';
+export { dataFormItemProps } from './data-form-item/data-form-item-options.js';
+
+const MKDataForm = withInstall(MKDataForm$1, {
+  MKDataFormItem
+});
+
+export { MKDataForm, MKDataFormItem, MKDataForm as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/data-model/data-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataForm from \"./data-form\";\nimport MKDataFormItem from \"./data-form-item\";\n\nexport const MKDataForm = withInstall(DataForm, {\n  MKDataFormItem,\n});\nexport default MKDataForm;\n\nexport * from \"./data-form-options\";\nexport * from \"./data-form-item\";\n"],"names":["DataForm"],"mappings":";;;;;;AAIa,MAAA,UAAA,GAAa,YAAYA,YAAU,EAAA;AAAA,EAC9C,cAAA;AACF,CAAC;;;;"}

package/dist/esm/components/data-model/data-form/inner-data-form-options.d.ts

@@ -0,0 +1,42 @@
+import { ExtractPropTypes } from "vue";
+import { DataForm } from "@maketribe/dm";
+export declare const innerDataFormProps: {
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly model: ObjectConstructor;
+    readonly labelPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown, "right", false>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown, "left", false>;
+    readonly labelWidth: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown, "", false>;
+    readonly labelSuffix: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "", false>;
+    readonly inline: BooleanConstructor;
+    readonly inlineMessage: BooleanConstructor;
+    readonly statusIcon: BooleanConstructor;
+    readonly showMessage: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly hideRequiredAsterisk: BooleanConstructor;
+    readonly scrollToError: BooleanConstructor;
+    readonly scrollIntoViewOptions: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>) | ((new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>) | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+};
+export type InnerDataFormProps = ExtractPropTypes<typeof innerDataFormProps>;

package/dist/esm/components/data-model/data-form/inner-data-form-options.js

@@ -0,0 +1,17 @@
+import { formProps } from 'element-plus';
+import { DataForm } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const innerDataFormProps = buildProps({
+  ...formProps,
+  dataForm: {
+    type: DataForm,
+    required: true
+  },
+  rules: {
+    type: Object
+  }
+});
+
+export { innerDataFormProps };
+//# sourceMappingURL=inner-data-form-options.js.map

package/dist/esm/components/data-model/data-form/inner-data-form-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inner-data-form-options.js","sources":["../../../../../src/components/data-model/data-form/inner-data-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { formProps } from \"element-plus\";\nimport { DataForm } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const innerDataFormProps = buildProps({\n  ...formProps,\n  dataForm: {\n    type: DataForm<any>,\n    required: true,\n  },\n  rules: {\n    type: Object,\n  },\n} as const);\n\nexport type InnerDataFormProps = ExtractPropTypes<typeof innerDataFormProps>;\n"],"names":[],"mappings":";;;;AAKO,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,GAAG,SAAA;AAAA,EACH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,QAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU;;;;"}

package/dist/esm/components/data-model/data-form/inner-data-form.d.ts

@@ -0,0 +1,92 @@
+import { DataForm, FormColumn } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly model: ObjectConstructor;
+    readonly labelPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown, "right", false>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown, "left", false>;
+    readonly labelWidth: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown, "", false>;
+    readonly labelSuffix: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "", false>;
+    readonly inline: BooleanConstructor;
+    readonly inlineMessage: BooleanConstructor;
+    readonly statusIcon: BooleanConstructor;
+    readonly showMessage: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly hideRequiredAsterisk: BooleanConstructor;
+    readonly scrollToError: BooleanConstructor;
+    readonly scrollIntoViewOptions: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>) | ((new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>) | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly model: ObjectConstructor;
+    readonly labelPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown, "right", false>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown, "left", false>;
+    readonly labelWidth: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown, "", false>;
+    readonly labelSuffix: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "", false>;
+    readonly inline: BooleanConstructor;
+    readonly inlineMessage: BooleanConstructor;
+    readonly statusIcon: BooleanConstructor;
+    readonly showMessage: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropFinalized<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown, true, false>;
+    readonly hideRequiredAsterisk: BooleanConstructor;
+    readonly scrollToError: BooleanConstructor;
+    readonly scrollIntoViewOptions: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>) | ((new (...args: any[]) => boolean | Record<string, any>) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>) | ((new (...args: any[]) => "" | "default" | "small" | "large") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+}>>, {
+    readonly labelWidth: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>) | ((new (...args: any[]) => string | number) | (() => import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>))[], unknown, unknown>;
+    readonly disabled: boolean;
+    readonly inlineMessage: boolean;
+    readonly showMessage: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
+    readonly labelPosition: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>) | ((new (...args: any[]) => "right" | "left" | "top") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left" | "top", unknown>))[], unknown, unknown>;
+    readonly requireAsteriskPosition: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>) | ((new (...args: any[]) => "right" | "left") | (() => import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>))[], unknown, unknown>;
+    readonly labelSuffix: string;
+    readonly inline: boolean;
+    readonly statusIcon: boolean;
+    readonly validateOnRuleChange: import("@maketribe/utils").PropMergeType<(new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | ((new (...args: any[]) => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>) | (() => import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>))[], unknown, unknown>;
+    readonly hideRequiredAsterisk: boolean;
+    readonly scrollToError: boolean;
+}, {}>;
+export default _default;

package/dist/esm/components/data-model/data-form/inner-data-form.js

@@ -0,0 +1,141 @@
+import { defineComponent, toRefs, ref, useSlots, computed, unref, provide, reactive, watch, onMounted, onBeforeUnmount, createVNode, Fragment, mergeProps, isVNode } from 'vue';
+import { ElDivider, ElForm } from 'element-plus';
+import { DATAFORM_CONTEXT_KEY } from './token.js';
+import { MKDataFormItem } from './data-form-item/index.js';
+import { innerDataFormProps } from './inner-data-form-options.js';
+import { Disposable } from '@maketribe/utils';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+let uid = 0;
+var InnerDataForm = /* @__PURE__ */ defineComponent({
+  name: "InnerDataForm",
+  inheritAttrs: false,
+  props: innerDataFormProps,
+  setup(props) {
+    const {
+      dataForm
+    } = toRefs(props);
+    const formUID = uid++;
+    const formEl = ref(null);
+    const slots = useSlots();
+    const columns = computed(() => unref(dataForm).getColumns().filter((column) => column.visible));
+    const data = computed(() => unref(dataForm).data);
+    unref(dataForm).initdEvent.on(() => {
+      if (unref(dataForm).autoReset) {
+        unref(dataForm).resetWidthOriginalData();
+      }
+    });
+    provide(DATAFORM_CONTEXT_KEY, reactive({
+      dataForm
+    }));
+    const rules = computed(() => {
+      const rules2 = {};
+      for (const column of unref(columns)) {
+        if (column.required && !column.rules.find((rule) => rule.required)) {
+          rules2[column.name] = [{
+            required: column.required,
+            message: `\u8BF7\u5F55\u5165${column.label}.`
+          }];
+        }
+        let componentRules = props.rules?.[column.name] || [];
+        if (!Array.isArray(componentRules)) {
+          componentRules = [componentRules];
+        }
+        if (column.rules.length) {
+          rules2[column.name] = [...rules2[column.name] || [], ...column.rules, ...componentRules];
+        }
+      }
+      return rules2;
+    });
+    const labelWidth = computed(() => {
+      return props.labelWidth || Math.max.apply(null, columns.value.filter((column) => column.componentInfo !== "MKFormDetail").map((item) => {
+        return item.label.length * 16 + 8 + 12;
+      }));
+    });
+    const disabled = computed(() => unref(dataForm).disabled);
+    let disposable = null;
+    watch(dataForm, (dataForm2) => {
+      disposable?.dispose();
+      disposable = new Disposable();
+      const events = Object.keys(dataForm2).filter((key) => dataForm2[key] instanceof Event).map((key) => ({
+        eventName: key.replace(/Event$/, "").replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),
+        event: dataForm2[key]
+      }));
+      for (const item of events) {
+        disposable.register(
+          // @ts-ignore
+          item.event.on((event) => {
+            emit(item.eventName, event);
+          })
+        );
+      }
+    }, {
+      immediate: true
+    });
+    onMounted(() => {
+      unref(dataForm).formModels.push({
+        id: formUID,
+        validate: async () => {
+          return unref(formEl)?.validate() ?? false;
+        }
+      });
+    });
+    onBeforeUnmount(() => {
+      disposable?.dispose();
+      const index = unref(dataForm).formModels.findIndex((formModel) => formModel.id === uid);
+      if (index === -1) {
+        return;
+      }
+      unref(dataForm).formModels.splice(index, 1);
+    });
+    return () => {
+      let children = slots.default?.();
+      const detailColumns = unref(columns).filter((column) => column.componentInfo === "MKFormDetail");
+      if (!children) {
+        children = unref(columns).filter((column) => !detailColumns.find((item) => item.name === column.name)).map((column) => {
+          if (!column.name) {
+            return null;
+          }
+          return slots[`col-${column.name}`]?.() || createVNode(MKDataFormItem, {
+            "key": column.name,
+            "name": column.name
+          }, {
+            default: slots[`col-${column.name}-content`]
+          });
+        });
+        children.push(detailColumns.map((column) => {
+          if (!column.name) {
+            return null;
+          }
+          return createVNode(Fragment, null, [createVNode(ElDivider, {
+            "contentPosition": "left"
+          }, {
+            default: () => [column.label]
+          }), createVNode(MKDataFormItem, {
+            "label": "",
+            "labelWidth": "0px",
+            "key": column.name,
+            "name": column.name
+          }, null)]);
+        }));
+      }
+      if (!unref(data)) {
+        return null;
+      }
+      return createVNode(ElForm, mergeProps(props, {
+        "ref": formEl,
+        "model": unref(data),
+        "rules": unref(rules),
+        "disabled": unref(disabled),
+        "labelWidth": unref(labelWidth)
+      }), _isSlot(children) ? children : {
+        default: () => [children]
+      });
+    };
+  }
+});
+
+export { InnerDataForm as default };
+//# sourceMappingURL=inner-data-form.js.map