@maketribe/ms-app 3.0.4 → 3.0.6

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-page/data-form-page-options.d.ts

@@ -0,0 +1,62 @@
+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>;
+};
+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,118 @@
+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>;
+}, () => 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>;
+}>> & {
+    onError?: ((e: any) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSubmitted?: ((response: any) => any) | undefined;
+}, {
+    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/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;;;;"}

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

@@ -0,0 +1,118 @@
+export declare const MKDataFormPage: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}, () => 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<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}>> & {
+    onError?: ((e: any) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSubmitted?: ((response: any) => any) | undefined;
+}, {
+    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-form-page/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import DataFormPage from './data-form-page.js';
+export { dataFormPageEmits, dataFormPageProps } from './data-form-page-options.js';
+
+const MKDataFormPage = withInstall(DataFormPage);
+
+export { MKDataFormPage, MKDataFormPage as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-form-page/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataFormPage from \"./data-form-page\";\n\nexport const MKDataFormPage = withInstall(DataFormPage);\nexport default MKDataFormPage;\n\nexport * from \"./data-form-page-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,cAAA,GAAiB,YAAY,YAAY;;;;"}

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

@@ -0,0 +1 @@
+export * from "./use-column";

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

@@ -0,0 +1,2 @@
+export { columnProps, useColumn } from './use-column.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,29 @@
+import { ExtractPropTypes } from "vue";
+import { TableColumn } from "@maketribe/dm";
+export declare const columnProps: {
+    readonly row: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly index: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type ColumnProps = ExtractPropTypes<typeof columnProps>;
+export declare const useColumn: (props: {
+    row: Record<string, any>;
+    column: TableColumn;
+}) => {
+    value: import("vue").ComputedRef<any>;
+};

package/dist/esm/components/data-model/data-table/composables/use-column.js

@@ -0,0 +1,17 @@
+import { get } from 'lodash-es';
+import { computed } from 'vue';
+import { TableColumn } from '@maketribe/dm';
+import { buildProps } from '@maketribe/utils';
+
+const columnProps = buildProps({
+  row: { type: Object, required: true },
+  column: { type: TableColumn, required: true },
+  index: { type: Number, required: true }
+});
+const useColumn = (props) => {
+  const value = computed(() => get(props.row, props.column.name));
+  return { value };
+};
+
+export { columnProps, useColumn };
+//# sourceMappingURL=use-column.js.map

package/dist/esm/components/data-model/data-table/composables/use-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-column.js","sources":["../../../../../../src/components/data-model/data-table/composables/use-column.ts"],"sourcesContent":["import { get } from \"lodash-es\";\nimport { ExtractPropTypes, computed } from \"vue\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnProps = buildProps({\n  row: { type: Object, required: true },\n  column: { type: TableColumn, required: true },\n  index: { type: Number, required: true },\n} as const);\n\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\n\nexport const useColumn = (props: {\n  row: Record<string, any>;\n  column: TableColumn;\n}) => {\n  const value = computed(() => get(props.row, props.column.name));\n\n  return { value };\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,cAAc,UAAW,CAAA;AAAA,EACpC,GAAK,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AAAA,EACpC,MAAQ,EAAA,EAAE,IAAM,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA;AAAA,EAC5C,KAAO,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AACxC,CAAU,EAAA;AAIG,MAAA,SAAA,GAAY,CAAC,KAGpB,KAAA;AACJ,EAAM,MAAA,KAAA,GAAQ,SAAS,MAAM,GAAA,CAAI,MAAM,GAAK,EAAA,KAAA,CAAM,MAAO,CAAA,IAAI,CAAC,CAAA,CAAA;AAE9D,EAAA,OAAO,EAAE,KAAM,EAAA,CAAA;AACjB;;;;"}

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

@@ -0,0 +1,11 @@
+import { ExtractPropTypes } from "vue";
+import { TableColumn } from "@maketribe/dm";
+export declare const dataTableColumnProps: {
+    readonly column: {
+        readonly type: import("vue").PropType<TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type DataTableColumnProps = ExtractPropTypes<typeof dataTableColumnProps>;

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

@@ -0,0 +1,9 @@
+import { buildProps } from '@maketribe/utils';
+import { TableColumn } from '@maketribe/dm';
+
+const dataTableColumnProps = buildProps({
+  column: { type: TableColumn, required: true }
+});
+
+export { dataTableColumnProps };
+//# sourceMappingURL=data-table-column-options.js.map

package/dist/esm/components/data-model/data-table/data-table-column/data-table-column-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column-options.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\n\nexport const dataTableColumnProps = buildProps({\n  column: { type: TableColumn, required: true },\n} as const);\n\nexport type DataTableColumnProps = ExtractPropTypes<\n  typeof dataTableColumnProps\n>;\n"],"names":[],"mappings":";;;AAIO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,MAAQ,EAAA,EAAE,IAAM,EAAA,WAAA,EAAa,UAAU,IAAK,EAAA;AAC9C,CAAU;;;;"}

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

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,23 @@
+import { defineComponent, computed, unref } from 'vue';
+import { dataTableColumnProps } from './data-table-column-options.js';
+
+var DataTableColumn = /* @__PURE__ */ defineComponent({
+  name: "MKDataTableColumn",
+  props: dataTableColumnProps,
+  setup(props, {
+    slots
+  }) {
+    const column = computed(() => props.column);
+    return () => {
+      if (!unref(column).visible) {
+        return null;
+      }
+      return slots.default?.({
+        column: unref(column)
+      });
+    };
+  }
+});
+
+export { DataTableColumn as default };
+//# sourceMappingURL=data-table-column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column.js","sources":["../../../../../../src/components/data-model/data-table/data-table-column/data-table-column.tsx"],"sourcesContent":["import { computed, defineComponent, inject, toRaw, unref } from \"vue\";\nimport { dataTableColumnProps } from \"./data-table-column-options\";\n\nexport default defineComponent({\n  name: \"MKDataTableColumn\",\n  props: dataTableColumnProps,\n  setup(props, { slots }) {\n    const column = computed(() => props.column);\n\n    return () => {\n      if (!unref(column).visible) {\n        return null;\n      }\n\n      return slots.default?.({ column: unref(column) });\n    };\n  },\n});\n"],"names":["name","props","dataTableColumnProps","setup","slots","column","computed","unref","visible","default"],"mappings":";;;AAGA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,MAASC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,MAAM,CAAA,CAAA;AAE1C,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAACE,KAAAA,CAAMF,MAAM,CAAA,CAAEG,OAAS,EAAA;AAC1B,QAAO,OAAA,IAAA,CAAA;AAAA,OACT;AAEA,MAAA,OAAOJ,MAAMK,OAAU,GAAA;AAAA,QAAEJ,MAAAA,EAAQE,MAAMF,MAAM,CAAA;AAAA,OAAG,CAAA,CAAA;AAAA,KAClD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,20 @@
+import DataTableColumn from "./data-table-column";
+export declare const MKDataTableColumn: import("vue").DefineComponent<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").TableColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default DataTableColumn;
+export * from "./data-table-column-options";

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

@@ -0,0 +1,7 @@
+import DataTableColumn from './data-table-column.js';
+export { dataTableColumnProps } from './data-table-column-options.js';
+
+const MKDataTableColumn = DataTableColumn;
+
+export { MKDataTableColumn, DataTableColumn as default };
+//# sourceMappingURL=index.js.map