@maketribe/ms-app 3.0.4 → 3.0.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"inner-data-form.js","sources":["../../../../../src/components/data-model/data-form/inner-data-form.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { ElForm, FormRules, FormItemRule, ElDivider } from \"element-plus\";\nimport { DataForm, FormModel, FormColumn } from \"@maketribe/dm\";\n\nimport { DATAFORM_CONTEXT_KEY } from \"./token\";\nimport MKDataFormItem from \"./data-form-item\";\nimport { innerDataFormProps } from \"./inner-data-form-options\";\nimport { Disposable } from \"@maketribe/utils\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"InnerDataForm\",\n  inheritAttrs: false,\n  props: innerDataFormProps,\n  setup(props) {\n    const { dataForm } = toRefs(props);\n\n    const formUID = uid++;\n\n    const formEl = ref<FormModel | null>(null);\n\n    const slots = useSlots();\n\n    const columns = computed(() =>\n      unref(dataForm)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const data = computed(() => unref(dataForm).data as any);\n\n    unref(dataForm).initdEvent.on(() => {\n      if (unref(dataForm).autoReset) {\n        unref(dataForm).resetWidthOriginalData();\n      }\n    });\n\n    provide(\n      DATAFORM_CONTEXT_KEY,\n      reactive({\n        dataForm,\n      })\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\n        let componentRules = 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    let disposable: Disposable | null = null;\n\n    watch(\n      dataForm,\n      (dataForm) => {\n        disposable?.dispose();\n\n        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      { immediate: true }\n    );\n\n    onMounted(() => {\n      unref(dataForm).formModels.push({\n        id: formUID,\n        validate: async () => {\n          return unref(formEl)?.validate() ?? false;\n        },\n      });\n    });\n\n    onBeforeUnmount(() => {\n      disposable?.dispose();\n\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","name","inheritAttrs","props","innerDataFormProps","setup","dataForm","toRefs","formUID","formEl","ref","slots","useSlots","columns","computed","unref","getColumns","filter","column","visible","data","initdEvent","on","autoReset","resetWidthOriginalData","provide","DATAFORM_CONTEXT_KEY","reactive","rules","required","find","rule","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","disposable","watch","dispose","Disposable","events","keys","key","Event","eventName","replace","match","toLocaleLowerCase","event","register","emit","immediate","onMounted","formModels","push","id","validate","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/token.d.ts

@@ -0,0 +1,10 @@
+import { InjectionKey } from "vue";
+import { DataForm, FormColumn } from "@maketribe/dm";
+export interface DataFormContext {
+    dataForm: DataForm;
+}
+export declare const DATAFORM_CONTEXT_KEY: InjectionKey<DataFormContext>;
+export interface DataFormItemContext {
+    column: FormColumn;
+}
+export declare const DATAFORM_ITEM_CONTEXT_KEY: InjectionKey<DataFormItemContext>;

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

@@ -0,0 +1,5 @@
+const DATAFORM_CONTEXT_KEY = Symbol("dataFormContextKey");
+const DATAFORM_ITEM_CONTEXT_KEY = Symbol("dataFormItemContextKey");
+
+export { DATAFORM_CONTEXT_KEY, DATAFORM_ITEM_CONTEXT_KEY };
+//# sourceMappingURL=token.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { DataForm, FormColumn } from \"@maketribe/dm\";\n\nexport interface DataFormContext {\n  dataForm: DataForm;\n}\n\nexport const DATAFORM_CONTEXT_KEY: InjectionKey<DataFormContext> =\n  Symbol(\"dataFormContextKey\");\n\nexport interface DataFormItemContext {\n  column: FormColumn;\n}\n\nexport const DATAFORM_ITEM_CONTEXT_KEY: InjectionKey<DataFormItemContext> =\n  Symbol(\"dataFormItemContextKey\");\n"],"names":[],"mappings":"AAOa,MAAA,oBAAA,GACX,OAAO,oBAAoB,EAAA;AAMhB,MAAA,yBAAA,GACX,OAAO,wBAAwB;;;;"}

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

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

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

@@ -0,0 +1,17 @@
+import { DataForm } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+import '../data-form/index.js';
+import { dataFormProps } from '../data-form/data-form-options.js';
+
+const dataFormPageProps = buildProps({
+  ...dataFormProps,
+  dataForm: { type: DataForm }
+});
+const dataFormPageEmits = {
+  cancel: () => true,
+  error: (e) => e instanceof Error,
+  submitted: (response) => !!response
+};
+
+export { dataFormPageEmits, dataFormPageProps };
+//# sourceMappingURL=data-form-page-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-form-page-options.js","sources":["../../../../../src/components/data-model/data-form-page/data-form-page-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataForm } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFormProps } from \"../data-form\";\n\nexport const dataFormPageProps = buildProps({\n  ...dataFormProps,\n  dataForm: { type: DataForm<any> },\n} as const);\n\nexport type DataFormPageProps = ExtractPropTypes<typeof dataFormPageProps>;\n\nexport const dataFormPageEmits = {\n  cancel: () => true,\n  error: (e: any) => e instanceof Error,\n  submitted: (response: any) => !!response,\n};\n\nexport type DataFormPageEmits = typeof dataFormPageEmits;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,GAAG,aAAA;AAAA,EACH,QAAA,EAAU,EAAE,IAAA,EAAM,QAAc,EAAA;AAClC,CAAU,EAAA;AAIH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,KAAA,EAAO,CAAC,CAAA,KAAW,CAAa,YAAA,KAAA;AAAA,EAChC,SAAW,EAAA,CAAC,QAAkB,KAAA,CAAC,CAAC,QAAA;AAClC;;;;"}

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

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

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

@@ -0,0 +1,39 @@
+import { defineComponent, computed, useSlots, useAttrs, unref, createVNode, withDirectives, mergeProps, resolveDirective } from 'vue';
+import MKDataForm from '../data-form/data-form.js';
+import { dataFormPageProps, dataFormPageEmits } from './data-form-page-options.js';
+
+var DataFormPage = /* @__PURE__ */ defineComponent({
+  name: "MKDataFormPage",
+  props: dataFormPageProps,
+  emits: dataFormPageEmits,
+  setup(props, {
+    emit
+  }) {
+    const dataForm = computed(() => props.dataForm ?? null);
+    const slots = useSlots();
+    const attrs = useAttrs();
+    const loading = computed(() => unref(dataForm)?.loading ?? true);
+    const handleCancel = () => {
+      emit("cancel");
+    };
+    const handleSubmitted = (result) => {
+      emit("submitted", result);
+    };
+    const handleError = (error) => {
+      emit("error", error);
+    };
+    return () => {
+      return createVNode("div", {
+        "class": "data-form-page"
+      }, [withDirectives(createVNode(MKDataForm, mergeProps(props, attrs, {
+        "dataForm": unref(dataForm),
+        "onCancel": handleCancel,
+        "onSubmitted": handleSubmitted,
+        "onError": handleError
+      }), slots), [[resolveDirective("loading"), unref(loading)]])]);
+    };
+  }
+});
+
+export { DataFormPage as default };
+//# sourceMappingURL=data-form-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-form-page.js","sources":["../../../../../src/components/data-model/data-form-page/data-form-page.tsx"],"sourcesContent":["import {\n  ComputedRef,\n  computed,\n  defineComponent,\n  unref,\n  useAttrs,\n  useSlots,\n} from \"vue\";\nimport { DataForm } from \"@maketribe/dm\";\n\nimport MKDataForm from \"../data-form/data-form\";\nimport { dataFormPageEmits, dataFormPageProps } from \"./data-form-page-options\";\n\nexport default defineComponent({\n  name: \"MKDataFormPage\",\n  props: dataFormPageProps,\n  emits: dataFormPageEmits,\n  setup(props, { emit }) {\n    const dataForm = computed(\n      () => props.dataForm ?? null\n    ) as ComputedRef<DataForm | null>;\n\n    const slots = useSlots();\n    const attrs = useAttrs();\n\n    const loading = computed(() => unref(dataForm)?.loading ?? true);\n\n    const handleCancel = () => {\n      emit(\"cancel\");\n    };\n\n    const handleSubmitted = (result: any) => {\n      emit(\"submitted\", result);\n    };\n\n    const handleError = (error: any) => {\n      emit(\"error\", error);\n    };\n\n    return () => {\n      return (\n        <div class=\"data-form-page\">\n          <MKDataForm\n            v-loading={unref(loading)}\n            {...props}\n            {...attrs}\n            dataForm={unref(dataForm) as DataForm}\n            v-slots={slots}\n            onCancel={handleCancel}\n            onSubmitted={handleSubmitted}\n            onError={handleError}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["name","props","dataFormPageProps","emits","dataFormPageEmits","setup","emit","dataForm","computed","slots","useSlots","attrs","useAttrs","loading","unref","handleCancel","handleSubmitted","result","handleError","error","_createVNode","_withDirectives","MKDataForm","_mergeProps","_resolveDirective"],"mappings":";;;;AAaA,mCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,gBAAA;AAAA,EACNC,KAAOC,EAAAA,iBAAAA;AAAAA,EACPC,KAAOC,EAAAA,iBAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,QAAWC,GAAAA,QAAAA,CACf,MAAMP,KAAAA,CAAMM,YAAY,IAC1B,CAAA,CAAA;AAEA,IAAA,MAAME,QAAQC,QAAS,EAAA,CAAA;AACvB,IAAA,MAAMC,QAAQC,QAAS,EAAA,CAAA;AAEvB,IAAA,MAAMC,UAAUL,QAAS,CAAA,MAAMM,MAAMP,QAAQ,CAAA,EAAGM,WAAW,IAAI,CAAA,CAAA;AAE/D,IAAA,MAAME,eAAeA,MAAM;AACzBT,MAAAA,IAAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAA,MAAMU,kBAAmBC,CAAgB,MAAA,KAAA;AACvCX,MAAAA,IAAAA,CAAK,aAAaW,MAAM,CAAA,CAAA;AAAA,KAC1B,CAAA;AAEA,IAAA,MAAMC,cAAeC,CAAe,KAAA,KAAA;AAClCb,MAAAA,IAAAA,CAAK,SAASa,KAAK,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,gBAAA;AAAA,SAAAC,CAAAA,cAAAA,CAAAD,YAAAE,UAAAC,EAAAA,UAAAA,CAIUtB,OACAU,KAAK,EAAA;AAAA,QAAA,UAAA,EACCG,MAAMP,QAAQ,CAAA;AAAA,QAAC,UAEfQ,EAAAA,YAAAA;AAAAA,QAAY,aACTC,EAAAA,eAAAA;AAAAA,QAAe,SACnBE,EAAAA,WAAAA;AAAAA,OAAW,CAAA,EAHXT,KAAK,CAAA,EAAAe,CAAAA,CAAAA,gBAAAA,aAJHV,MAAMD,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAWjC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}