@maketribe/ms-app 3.0.5 → 3.0.7

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

@@ -51,37 +51,6 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -139,56 +108,13 @@ declare const _default: import("vue").DefineComponent<{
         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>;
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
 }, {}>;
 export default _default;

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

@@ -1,23 +1,21 @@
-import { defineComponent, useSlots, computed, reactive, unref, watch, createVNode, mergeProps, isVNode } from 'vue';
-import { DataForm, FormColumn, Messager, MKError } from '@maketribe/dm';
-import InnerDataForm from './inner-data-form.js';
+import { defineComponent, computed, reactive, watch, unref, provide, createVNode, mergeProps } from 'vue';
+import { DataForm, FormColumn } from '@maketribe/dm';
 import { dataFormProps, dataFormEmits } from './data-form-options.js';
-import { ElCard, ElScrollbar, ElButton } from 'element-plus';
-import { I18n } from '@maketribe/locale';
+import { DATAFORM_CONTEXT_KEY } from './token.js';
+import { Disposable, Event } from '@maketribe/utils';
+import './views/form/index.js';
+import { MKFormView } from './views/form-view/index.js';
 
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 var MKDataForm = /* @__PURE__ */ defineComponent({
   name: "MKDataForm",
   inheritAttrs: false,
   props: dataFormProps,
   emits: dataFormEmits,
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     let _dataForm = null;
-    const slots = useSlots();
     const createDataForm = () => {
       const dataForm2 = new DataForm({
         name: props.name,
@@ -41,72 +39,43 @@ var MKDataForm = /* @__PURE__ */ defineComponent({
       }
       return _dataForm;
     });
-    const allowSubmit = computed(() => {
-      const _dataForm2 = unref(dataForm);
-      if (_dataForm2) {
-        return _dataForm2.allowSubmit;
-      }
-      return false;
-    });
-    watch(dataForm, async (dataForm2) => {
+    watch(dataForm, async (dataForm2, _, onCleanup) => {
       await dataForm2.init();
+      if (unref(dataForm2).autoReset) {
+        unref(dataForm2).reset();
+      }
+      const 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);
+          })
+        );
+      }
+      onCleanup(() => {
+        disposable.dispose();
+      });
       emit("changeDataForm", dataForm2);
     }, {
       immediate: true
     });
-    const handleSave = async () => {
-      try {
-        if (!await unref(dataForm)?.validate()) {
-          return;
-        }
-        const result = await unref(dataForm).submit();
-        if (result.data.code !== 200) {
-          Messager.instance.error({
-            message: result.data.msg
-          });
-          return;
-        }
-        Messager.instance.success({
-          message: "\u4FDD\u5B58\u6210\u529F"
-        });
-        emit("submitted", result);
-      } catch (e) {
-        if (e instanceof MKError) {
-          Messager.instance.error({
-            message: e.message
-          });
-        }
-      }
-    };
-    const handleCancel = () => {
-      emit("cancel");
-    };
+    provide(DATAFORM_CONTEXT_KEY, reactive({
+      dataForm
+    }));
     return () => {
-      let _slot, _slot2;
-      return createVNode(ElCard, {
-        "class": "mk-data-form",
-        "shadow": "never"
-      }, {
-        default: () => [createVNode("div", {
-          "class": "mk-data-form__main"
-        }, [createVNode(ElScrollbar, null, {
-          default: () => [createVNode(InnerDataForm, mergeProps(props, {
-            "dataForm": unref(dataForm)
-          }), slots)]
-        })]), createVNode("div", {
-          "class": "mk-data-form__footer"
-        }, [createVNode(ElButton, {
-          "type": "primary",
-          "onClick": handleSave,
-          "loading": unref(allowSubmit)
-        }, _isSlot(_slot = I18n.instance.translate("mk.dataForm.saveButton")) ? _slot : {
-          default: () => [_slot]
-        }), createVNode(ElButton, {
-          "onClick": handleCancel
-        }, _isSlot(_slot2 = I18n.instance.translate("mk.dataForm.cancelButton")) ? _slot2 : {
-          default: () => [_slot2]
-        })])]
-      });
+      return createVNode("div", {
+        "class": "mk-data-form"
+      }, [slots.default?.({
+        ...props,
+        dataForm: unref(dataForm)
+      }) || createVNode(MKFormView, mergeProps(props, {
+        "dataForm": unref(dataForm)
+      }), slots)]);
     };
   }
 });

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

@@ -1 +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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"}
+{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\n\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\nimport { DATAFORM_CONTEXT_KEY } from \"./token\";\nimport { Disposable, Event } from \"@maketribe/utils\";\nimport { MKFormView } from \"./views\";\n\nexport default defineComponent({\n  name: \"MKDataForm\",\n  inheritAttrs: false,\n  props: dataFormProps,\n  emits: dataFormEmits,\n  setup(props, { emit, slots }) {\n    let _dataForm: DataForm | null = null;\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    watch(\n      dataForm,\n      async (dataForm, _, onCleanup) => {\n        await dataForm.init();\n\n        if (unref(dataForm).autoReset) {\n          unref(dataForm).reset();\n        }\n\n        const disposable = new Disposable();\n\n        const events = Object.keys(dataForm)\n          .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataForm[key as keyof DataForm]! as Event,\n          }));\n\n        for (const item of events) {\n          disposable.register(\n            // @ts-ignore\n            item.event.on((event: any) => {\n              // @ts-ignore\n              emit(item.eventName, event);\n            })\n          );\n        }\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n\n        emit(\"changeDataForm\", dataForm);\n      },\n      { immediate: true }\n    );\n\n    provide(\n      DATAFORM_CONTEXT_KEY,\n      reactive({\n        dataForm,\n      })\n    );\n\n    return () => {\n      return (\n        <div class=\"mk-data-form\">\n          {slots.default?.({ ...props, dataForm: unref(dataForm) }) || (\n            <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","inheritAttrs","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","watch","_","onCleanup","init","unref","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATAFORM_CONTEXT_KEY","_createVNode","default","MKFormView","_mergeProps"],"mappings":";;;;;;;;AAgBA,iCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,YAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdC,KAAOC,EAAAA,aAAAA;AAAAA,EACPC,KAAOC,EAAAA,aAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,GAAS,EAAA;AAC5B,IAAA,IAAIC,SAA6B,GAAA,IAAA,CAAA;AAEjC,IAAA,MAAMC,iBAAiBA,MAAM;AAC3B,MAAMC,MAAAA,SAAAA,GAAW,IAAIC,QAAS,CAAA;AAAA,QAC5BZ,MAAME,KAAMF,CAAAA,IAAAA;AAAAA,QACZa,YAAYX,KAAMW,CAAAA,UAAAA;AAAAA,QAClBC,YAAc,EAAA;AAAA,UACZC,IAAAA,EAAMb,MAAMc,gBAAoB,IAAA,EAAA;AAAA,UAChCC,GAAAA,EAAKf,MAAMgB,eAAmB,IAAA,EAAA;AAAA,UAC9BC,MAAQjB,EAAAA,KAAAA,CAAMkB,kBAAsBlB,IAAAA,KAAAA,CAAMgB,eAAmB,IAAA,EAAA;AAAA,SAC/D;AAAA,OACD,CAAA,CAAA;AAED,MAAMG,MAAAA,OAAAA,GAAUnB,MAAMmB,OAAQC,CAAAA,GAAAA,CAAKC,YAAW,IAAIC,UAAAA,CAAWD,MAAM,CAAC,CAAA,CAAA;AAEpEZ,MAAAA,SAAAA,CAASc,WAAWJ,OAAO,CAAA,CAAA;AAE3B,MAAOV,OAAAA,SAAAA,CAAAA;AAAAA,KACT,CAAA;AAEA,IAAMA,MAAAA,QAAAA,GAAWe,SAAS,MAAM;AAC9B,MAAIxB,IAAAA,KAAAA,CAAMS,oBAAoBC,QAAU,EAAA;AACtC,QAAA,OAAOV,KAAMS,CAAAA,QAAAA,CAAAA;AAAAA,OACf;AAEA,MAAA,IAAI,CAACF,SAAW,EAAA;AACdA,QAAYkB,SAAAA,GAAAA,QAAAA,CAASjB,gBAAgB,CAAA,CAAA;AAAA,OACvC;AAEA,MAAOD,OAAAA,SAAAA,CAAAA;AAAAA,KACR,CAAA,CAAA;AAEDmB,IAAAA,KAAAA,CACEjB,QACA,EAAA,OAAOA,SAAUkB,EAAAA,CAAAA,EAAGC,SAAc,KAAA;AAChC,MAAA,MAAMnB,UAASoB,IAAK,EAAA,CAAA;AAEpB,MAAIC,IAAAA,KAAAA,CAAMrB,SAAQ,CAAA,CAAEsB,SAAW,EAAA;AAC7BD,QAAMrB,KAAAA,CAAAA,SAAQ,EAAEuB,KAAM,EAAA,CAAA;AAAA,OACxB;AAEA,MAAMC,MAAAA,UAAAA,GAAa,IAAIC,UAAW,EAAA,CAAA;AAElC,MAAA,MAAMC,MAASC,GAAAA,MAAAA,CAAOC,IAAK5B,CAAAA,SAAQ,CAChC6B,CAAAA,MAAAA,CAAQC,CAAQ9B,GAAAA,KAAAA,SAAAA,CAAS8B,GAAG,CAAA,YAA+BC,KAAK,CAAA,CAChEpB,IAAKmB,CAAS,GAAA,MAAA;AAAA,QACbE,SAAWF,EAAAA,GAAAA,CACRG,OAAQ,CAAA,QAAA,EAAU,EAAE,CAAA,CACpBA,OAAQ,CAAA,QAAA,EAAWC,CAAW,KAAA,KAAA,CAAA,CAAA,EAAGA,KAAMC,CAAAA,iBAAAA,EAAoB,CAAC,CAAA,CAAA;AAAA,QAC/DC,KAAAA,EAAOpC,UAAS8B,GAAG,CAAA;AAAA,OACnB,CAAA,CAAA,CAAA;AAEJ,MAAA,KAAA,MAAWO,QAAQX,MAAQ,EAAA;AACzBF,QAAWc,UAAAA,CAAAA,QAAAA;AAAAA;AAAAA,UAETD,IAAAA,CAAKD,KAAMG,CAAAA,EAAAA,CAAIH,CAAe,KAAA,KAAA;AAE5BxC,YAAKyC,IAAAA,CAAAA,IAAAA,CAAKL,WAAWI,KAAK,CAAA,CAAA;AAAA,WAC3B,CAAA;AAAA,SACH,CAAA;AAAA,OACF;AAEAjB,MAAAA,SAAAA,CAAU,MAAM;AACdK,QAAAA,UAAAA,CAAWgB,OAAQ,EAAA,CAAA;AAAA,OACpB,CAAA,CAAA;AAED5C,MAAAA,IAAAA,CAAK,kBAAkBI,SAAQ,CAAA,CAAA;AAAA,KAEjC,EAAA;AAAA,MAAEyC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAC,IAAAA,OAAAA,CACEC,sBACA3B,QAAS,CAAA;AAAA,MACPhB,QAAAA;AAAAA,KACD,CACH,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA4C,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,cAAA;AAAA,OAAA,EAEK/C,CAAAA,KAAAA,CAAMgD,OAAU,GAAA;AAAA,QAAE,GAAGtD,KAAAA;AAAAA,QAAOS,QAAAA,EAAUqB,MAAMrB,QAAQ,CAAA;AAAA,OAAG,CAAA,IAAC4C,WAAAE,CAAAA,UAAAA,EAAAC,WACvCxD,KAAK,EAAA;AAAA,QAAA,UAAA,EAAY8B,MAAMrB,QAAQ,CAAA;AAAA,OAAC,CAAA,EAAWH,KAAK,CACjE,CAAA,CAAA,CAAA;AAAA,KAGP,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -50,37 +50,6 @@ export declare const MKDataForm: import("@maketribe/utils").SFCWithInstall<impor
         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;
@@ -138,57 +107,14 @@ export declare const MKDataForm: import("@maketribe/utils").SFCWithInstall<impor
         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>;
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
 }, {}>> & {
     MKDataFormItem: import("vue").DefineComponent<{
         readonly name: {
@@ -237,3 +163,4 @@ export declare const MKDataForm: import("@maketribe/utils").SFCWithInstall<impor
 export default MKDataForm;
 export * from "./data-form-options";
 export * from "./data-form-item";
+export * from "./views";

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

@@ -2,6 +2,8 @@ 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 { MKForm } from './views/form/index.js';
+export { MKFormView } from './views/form-view/index.js';
 export { dataFormItemProps } from './data-form-item/data-form-item-options.js';
 
 const MKDataForm = withInstall(MKDataForm$1, {

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

@@ -1 +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;;;;"}
+{"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\nexport * from \"./views\";\n"],"names":["DataForm"],"mappings":";;;;;;;;AAIa,MAAA,UAAA,GAAa,YAAYA,YAAU,EAAA;AAAA,EAC9C,cAAA;AACF,CAAC;;;;"}

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

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from "vue";
+import { DataForm } from "@maketribe/dm";
+export declare const formProps: {
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    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;
+    };
+};
+export type FormProps = ExtractPropTypes<typeof formProps>;
+export declare const formEmits: {};
+export declare const FormEmits: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";

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

@@ -0,0 +1,13 @@
+import { buildProps } from '@maketribe/utils';
+import { DataForm } from '@maketribe/dm';
+
+const formProps = buildProps({
+  rules: { type: Object },
+  labelWidth: { type: String },
+  dataForm: { type: DataForm, required: true }
+});
+const formEmits = {};
+const FormEmits = typeof formEmits;
+
+export { FormEmits, formEmits, formProps };
+//# sourceMappingURL=form-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-options.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\n\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataForm } from \"@maketribe/dm\";\n\nexport const formProps = buildProps({\n  rules: { type: Object },\n  labelWidth: { type: String },\n  dataForm: { type: DataForm<any>, required: true },\n} as const);\n\nexport type FormProps = ExtractPropTypes<typeof formProps>;\n\nexport const formEmits = {};\n\nexport const FormEmits = typeof formEmits;\n"],"names":[],"mappings":";;;AAKO,MAAM,YAAY,UAAW,CAAA;AAAA,EAClC,KAAA,EAAO,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EACtB,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC3B,QAAU,EAAA,EAAE,IAAM,EAAA,QAAA,EAAe,UAAU,IAAK,EAAA;AAClD,CAAU,EAAA;AAIH,MAAM,YAAY,GAAC;AAEnB,MAAM,YAAY,OAAO;;;;"}

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

@@ -0,0 +1,41 @@
+import { FormColumn } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => 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 rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/esm/components/data-model/data-form/{inner-data-form.js → views/form/form.js}

@@ -1,35 +1,23 @@
-import { defineComponent, toRefs, ref, useSlots, computed, unref, provide, reactive, watch, onMounted, onBeforeUnmount, createVNode, Fragment, mergeProps, isVNode } from 'vue';
+import { defineComponent, ref, computed, unref, 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';
+import { formProps } from './form-options.js';
+import { MKDataFormItem } from '../../data-form-item/index.js';
 
 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);
+var Form = /* @__PURE__ */ defineComponent({
+  props: formProps,
+  setup(props, {
+    slots
+  }) {
     const formUID = uid++;
     const formEl = ref(null);
-    const slots = useSlots();
-    const columns = computed(() => unref(dataForm).getColumns().filter((column) => column.visible));
+    window.a = formEl;
+    const dataForm = computed(() => props.dataForm);
     const data = computed(() => unref(dataForm).data);
-    unref(dataForm).initdEvent.on(() => {
-      if (unref(dataForm).autoReset) {
-        unref(dataForm).resetWidthOriginalData();
-      }
-    });
-    provide(DATAFORM_CONTEXT_KEY, reactive({
-      dataForm
-    }));
+    const columns = computed(() => unref(dataForm).getColumns().filter((column) => column.visible));
     const rules = computed(() => {
       const rules2 = {};
       for (const column of unref(columns)) {
@@ -55,35 +43,18 @@ var InnerDataForm = /* @__PURE__ */ defineComponent({
       }));
     });
     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;
+          return unref(formEl)?.validateField() ?? false;
+        },
+        reset: () => {
+          unref(formEl)?.resetFields();
         }
       });
     });
     onBeforeUnmount(() => {
-      disposable?.dispose();
       const index = unref(dataForm).formModels.findIndex((formModel) => formModel.id === uid);
       if (index === -1) {
         return;
@@ -137,5 +108,5 @@ var InnerDataForm = /* @__PURE__ */ defineComponent({
   }
 });
 
-export { InnerDataForm as default };
-//# sourceMappingURL=inner-data-form.js.map
+export { Form as default };
+//# sourceMappingURL=form.js.map