@maketribe/ms-app 3.0.5 → 3.0.7

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\nimport {\n  ElDivider,\n  ElForm,\n  FormItemRule,\n  FormRules,\n  FormContext,\n} from \"element-plus\";\nimport { formProps } from \"./form-options\";\nimport { FormColumn, FormModel } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const formEl = ref<FormContext | null>(null);\n    // formEl.value.vali\n    (window as any).a = formEl;\n\n    const dataForm = computed(() => props.dataForm);\n\n    const data = computed(() => unref(dataForm).data as any);\n\n    const columns = computed(() =>\n      unref(dataForm)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const rules = computed(() => {\n      const rules: FormRules = {};\n\n      for (const column of unref(columns)) {\n        if (column.required && !column.rules.find((rule) => rule.required)) {\n          rules[column.name] = [\n            {\n              required: column.required,\n              message: `请录入${column.label}.`,\n            },\n          ];\n        }\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\n\n        if (!Array.isArray(componentRules)) {\n          componentRules = [componentRules];\n        }\n\n        if (column.rules.length) {\n          rules[column.name] = [\n            ...((rules[column.name] as FormItemRule[]) || []),\n            ...column.rules,\n            ...componentRules,\n          ];\n        }\n      }\n\n      return rules;\n    });\n\n    const labelWidth = computed(() => {\n      return (\n        props.labelWidth ||\n        Math.max.apply(\n          null,\n          columns.value\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\n            .map((item: FormColumn) => {\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\n              return item.label.length * 16 + 8 + 12;\n            })\n        )\n      );\n    });\n\n    const disabled = computed(() => unref(dataForm).disabled);\n\n    onMounted(() => {\n      unref(dataForm).formModels.push({\n        id: formUID,\n        validate: async () => {\n          return unref(formEl)?.validateField() ?? false;\n        },\n        reset: () => {\n          unref(formEl)?.resetFields();\n        },\n      });\n    });\n\n    onBeforeUnmount(() => {\n      const index = unref(dataForm).formModels.findIndex(\n        (formModel) => formModel.id === uid\n      );\n\n      if (index === -1) {\n        return;\n      }\n\n      unref(dataForm).formModels.splice(index, 1);\n    });\n\n    return () => {\n      let children: any = slots.default?.();\n\n      const detailColumns = unref(columns).filter(\n        (column) => column.componentInfo === \"MKFormDetail\"\n      );\n\n      if (!children) {\n        children = unref(columns)\n          .filter(\n            (column) => !detailColumns.find((item) => item.name === column.name)\n          )\n          .map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              slots[`col-${column.name}`]?.() || (\n                <MKDataFormItem\n                  key={column.name}\n                  name={column.name}\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\n                />\n              )\n            );\n          });\n\n        children.push(\n          detailColumns.map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              <Fragment>\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\n                <MKDataFormItem\n                  label=\"\"\n                  labelWidth=\"0px\"\n                  key={column.name}\n                  name={column.name}\n                />\n              </Fragment>\n            );\n          })\n        );\n      }\n\n      if (!unref(data)) {\n        return null;\n      }\n\n      return (\n        <ElForm\n          {...props}\n          ref={formEl}\n          model={unref(data)}\n          rules={unref(rules)}\n          disabled={unref(disabled)}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElForm>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","props","formProps","setup","slots","formUID","formEl","ref","window","a","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","name","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","formModels","push","id","validate","validateField","reset","resetFields","onBeforeUnmount","index","findIndex","formModel","splice","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+export declare const MKForm: import("@maketribe/utils").SFCWithInstall<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, import("@maketribe/dm").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, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default MKForm;

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

@@ -0,0 +1,7 @@
+import { withInstall } from '@maketribe/utils';
+import Form from './form.js';
+
+const MKForm = withInstall(Form);
+
+export { MKForm, MKForm as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport Form from \"./form\";\n\nexport const MKForm = withInstall(Form);\n\nexport default MKForm;\n"],"names":[],"mappings":";;;AAGa,MAAA,MAAA,GAAS,YAAY,IAAI;;;;"}

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

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from "vue";
+import { DataForm } from "@maketribe/dm";
+export declare const formViewProps: {
+    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 FormViewProps = ExtractPropTypes<typeof formViewProps>;
+export declare const formViewEmits: {};
+export declare const FormViewEmits: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-view-options.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/form-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { FormItemRule, formProps } from \"element-plus\";\n\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataForm } from \"@maketribe/dm\";\n\nexport const formViewProps = buildProps({\n  rules: { type: Object },\n  labelWidth: { type: String },\n  dataForm: { type: DataForm<any>, required: true },\n} as const);\n\nexport type FormViewProps = ExtractPropTypes<typeof formViewProps>;\n\nexport const formViewEmits = {};\n\nexport const FormViewEmits = typeof formViewEmits;\n"],"names":[],"mappings":";;;AAMO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,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,gBAAgB,GAAC;AAEvB,MAAM,gBAAgB,OAAO;;;;"}

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

@@ -0,0 +1,40 @@
+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, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        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 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, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,78 @@
+import { defineComponent, computed, unref, createVNode, isVNode } from 'vue';
+import { ElCard, ElScrollbar, ElButton } from 'element-plus';
+import { formViewProps } from './form-view-options.js';
+import { Messager, MKError } from '@maketribe/dm';
+import { I18n } from '@maketribe/locale';
+import { MKForm } from '../form/index.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var FormView = /* @__PURE__ */ defineComponent({
+  name: "MKFormView",
+  props: formViewProps,
+  setup(props, {
+    slots
+  }) {
+    const dataForm = computed(() => props.dataForm);
+    const allowSubmit = computed(() => unref(dataForm).allowSubmit);
+    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"
+        });
+      } catch (e) {
+        if (e instanceof MKError) {
+          Messager.instance.error({
+            message: e.message
+          });
+        }
+      }
+    };
+    const handleCancel = () => {
+      unref(dataForm).cancel();
+    };
+    return () => {
+      let _slot, _slot2;
+      return createVNode(ElCard, {
+        "class": "mk-form-view",
+        "shadow": "never"
+      }, {
+        default: () => [createVNode("div", {
+          "class": "mk-form-view__main"
+        }, [createVNode(ElScrollbar, null, {
+          default: () => [createVNode(MKForm, {
+            "rules": props.rules,
+            "labelWidth": props.labelWidth,
+            "dataForm": props.dataForm
+          }, slots)]
+        })]), createVNode("div", {
+          "class": "mk-form-view__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]
+        })])]
+      });
+    };
+  }
+});
+
+export { FormView as default };
+//# sourceMappingURL=form-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-view.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/form-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElCard, ElScrollbar } from \"element-plus\";\nimport { formViewProps } from \"./form-view-options\";\nimport { MKError, Messager } from \"@maketribe/dm\";\nimport { I18n } from \"@maketribe/locale\";\nimport MKForm from \"../form\";\n\nexport default defineComponent({\n  name: \"MKFormView\",\n  props: formViewProps,\n  setup(props, { slots }) {\n    const dataForm = computed(() => props.dataForm);\n\n    const allowSubmit = computed(() => unref(dataForm).allowSubmit);\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      } catch (e) {\n        if (e instanceof MKError) {\n          Messager.instance.error({ message: e.message });\n        }\n      }\n    };\n\n    const handleCancel = () => {\n      unref(dataForm).cancel();\n    };\n\n    return () => {\n      return (\n        <ElCard class=\"mk-form-view\" shadow=\"never\">\n          <div class=\"mk-form-view__main\">\n            <ElScrollbar>\n              <MKForm\n                rules={props.rules}\n                labelWidth={props.labelWidth}\n                dataForm={props.dataForm}\n                v-slots={slots}\n              />\n            </ElScrollbar>\n          </div>\n          <div class=\"mk-form-view__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","props","formViewProps","setup","slots","dataForm","computed","allowSubmit","unref","handleSave","validate","result","submit","data","code","Messager","instance","error","message","msg","success","e","MKError","handleCancel","cancel","_slot","_slot2","_createVNode","ElCard","default","ElScrollbar","MKForm","rules","labelWidth","ElButton","I18n","translate"],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+export declare const MKFormView: import("@maketribe/utils").SFCWithInstall<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, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        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 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, import("@maketribe/dm").FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default MKFormView;

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

@@ -0,0 +1,7 @@
+import { withInstall } from '@maketribe/utils';
+import FormView from './form-view.js';
+
+const MKFormView = withInstall(FormView);
+
+export { MKFormView, MKFormView as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormView from \"./form-view\";\n\nexport const MKFormView = withInstall(FormView);\n\nexport default MKFormView;\n"],"names":[],"mappings":";;;AAGa,MAAA,UAAA,GAAa,YAAY,QAAQ;;;;"}

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

@@ -0,0 +1,2 @@
+export * from "./form";
+export * from "./form-view";

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

@@ -0,0 +1,3 @@
+export { MKForm } from './form/index.js';
+export { MKFormView } from './form-view/index.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -52,37 +52,6 @@ export declare const dataFormPageProps: {
         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;
 };
 export type DataFormPageProps = ExtractPropTypes<typeof dataFormPageProps>;
 export declare const dataFormPageEmits: {

package/dist/esm/components/data-model/data-form-page/data-form-page.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, {
     cancel: () => boolean;
     error: (e: any) => boolean;
@@ -138,55 +107,12 @@ 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;
 }, {
-    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-page/index.d.ts

@@ -50,37 +50,6 @@ export declare const MKDataFormPage: import("@maketribe/utils").SFCWithInstall<i
         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, {
     cancel: () => boolean;
     error: (e: any) => boolean;
@@ -137,56 +106,13 @@ export declare const MKDataFormPage: import("@maketribe/utils").SFCWithInstall<i
         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;
 }, {
-    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[];
 }, {}>> & Record<string, any>;
 export default MKDataFormPage;
 export * from "./data-form-page-options";

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

@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly [Symbol.species]: ArrayConstructor;
     }, unknown, unknown, () => never[], boolean>;
 }>>, {
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly columns: import("@maketribe/dm").ColumnOptions[];
     readonly selection: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

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

@@ -58,7 +58,7 @@ var DataTable = /* @__PURE__ */ defineComponent({
     return () => {
       return createVNode("div", {
         "class": "mk-data-table"
-      }, [slots?.default?.({
+      }, [slots.default?.({
         dataTable: unref(dataTable)
       }) || createVNode(MKTableView, {
         "dataTable": unref(dataTable)