@maketribe/ms-app 3.0.4 → 3.0.6

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

@@ -0,0 +1,120 @@
+import { FormColumn, DataForm } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, 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, {
+    changeDataForm: (dataForm: any) => boolean;
+    cancel: () => boolean;
+    error: (e: any) => boolean;
+    submitted: (response: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<DataForm<any, any, 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;
+    onChangeDataForm?: ((dataForm: any) => any) | undefined;
+}, {
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
+}, {}>;
+export default _default;

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

@@ -0,0 +1,86 @@
+'use strict';
+
+var vue = require('vue');
+var dm = require('@maketribe/dm');
+var dataFormOptions = require('./data-form-options.js');
+var token = require('./token.js');
+var utils = require('@maketribe/utils');
+require('./views/form/index.js');
+var index = require('./views/form-view/index.js');
+
+var MKDataForm = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataForm",
+  inheritAttrs: false,
+  props: dataFormOptions.dataFormProps,
+  emits: dataFormOptions.dataFormEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    let _dataForm = null;
+    const createDataForm = () => {
+      const dataForm2 = new dm.DataForm({
+        name: props.name,
+        primaryKey: props.primaryKey,
+        interfaceURL: {
+          load: props.loadInterfaceURL || "",
+          add: props.addInterfaceURL || "",
+          update: props.updateInterfaceURL || props.addInterfaceURL || ""
+        }
+      });
+      const columns = props.columns.map((column) => new dm.FormColumn(column));
+      dataForm2.setColumns(columns);
+      return dataForm2;
+    };
+    const dataForm = vue.computed(() => {
+      if (props.dataForm instanceof dm.DataForm) {
+        return props.dataForm;
+      }
+      if (!_dataForm) {
+        _dataForm = vue.reactive(createDataForm());
+      }
+      return _dataForm;
+    });
+    vue.watch(dataForm, async (dataForm2, _, onCleanup) => {
+      await dataForm2.init();
+      if (vue.unref(dataForm2).autoReset) {
+        vue.unref(dataForm2).resetWidthOriginalData();
+      }
+      const disposable = new utils.Disposable();
+      const events = Object.keys(dataForm2).filter((key) => dataForm2[key] instanceof utils.Event).map((key) => ({
+        eventName: key.replace(/Event$/, "").replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),
+        event: dataForm2[key]
+      }));
+      for (const item of events) {
+        disposable.register(
+          // @ts-ignore
+          item.event.on((event) => {
+            emit(item.eventName, event);
+          })
+        );
+      }
+      onCleanup(() => {
+        disposable.dispose();
+      });
+      emit("changeDataForm", dataForm2);
+    }, {
+      immediate: true
+    });
+    vue.provide(token.DATAFORM_CONTEXT_KEY, vue.reactive({
+      dataForm
+    }));
+    return () => {
+      return vue.createVNode("div", {
+        "class": "mk-data-form"
+      }, [slots.default?.({
+        ...props,
+        dataForm: vue.unref(dataForm)
+      }) || vue.createVNode(index.MKFormView, vue.mergeProps(props, {
+        "dataForm": vue.unref(dataForm)
+      }), slots)]);
+    };
+  }
+});
+
+module.exports = MKDataForm;
+//# sourceMappingURL=data-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\n\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\nimport { DATAFORM_CONTEXT_KEY } from \"./token\";\nimport { Disposable, Event } from \"@maketribe/utils\";\nimport { MKFormView } from \"./views\";\n\nexport default defineComponent({\n  name: \"MKDataForm\",\n  inheritAttrs: false,\n  props: dataFormProps,\n  emits: dataFormEmits,\n  setup(props, { emit, slots }) {\n    let _dataForm: DataForm | null = null;\n\n    const createDataForm = () => {\n      const dataForm = new DataForm({\n        name: props.name!,\n        primaryKey: props.primaryKey,\n        interfaceURL: {\n          load: props.loadInterfaceURL || \"\",\n          add: props.addInterfaceURL || \"\",\n          update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\n        },\n      });\n\n      const columns = props.columns.map((column) => new FormColumn(column));\n\n      dataForm.setColumns(columns);\n\n      return dataForm;\n    };\n\n    const dataForm = computed(() => {\n      if (props.dataForm instanceof DataForm) {\n        return props.dataForm;\n      }\n\n      if (!_dataForm) {\n        _dataForm = reactive(createDataForm()) as DataForm;\n      }\n\n      return _dataForm;\n    });\n\n    watch(\n      dataForm,\n      async (dataForm, _, onCleanup) => {\n        await dataForm.init();\n\n        if (unref(dataForm).autoReset) {\n          unref(dataForm).resetWidthOriginalData();\n        }\n\n        const disposable = new Disposable();\n\n        const events = Object.keys(dataForm)\n          .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataForm[key as keyof DataForm]! as Event,\n          }));\n\n        for (const item of events) {\n          disposable.register(\n            // @ts-ignore\n            item.event.on((event: any) => {\n              // @ts-ignore\n              emit(item.eventName, event);\n            })\n          );\n        }\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n\n        emit(\"changeDataForm\", dataForm);\n      },\n      { immediate: true }\n    );\n\n    provide(\n      DATAFORM_CONTEXT_KEY,\n      reactive({\n        dataForm,\n      })\n    );\n\n    return () => {\n      return (\n        <div class=\"mk-data-form\">\n          {slots.default?.({ ...props, dataForm: unref(dataForm) }) || (\n            <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","watch","_","onCleanup","init","unref","autoReset","resetWidthOriginalData","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATAFORM_CONTEXT_KEY","_createVNode","default","MKFormView","_mergeProps"],"mappings":"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"}

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

@@ -0,0 +1,166 @@
+export declare const MKDataForm: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    changeDataForm: (dataForm: any) => boolean;
+    cancel: () => boolean;
+    error: (e: any) => boolean;
+    submitted: (response: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, import("@maketribe/dm").FormColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryKey: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly autoLoad: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly loadInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly addInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly updateInterfaceURL: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly columns: import("@maketribe/utils").PropFinalized<{
+        (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        new (arrayLength: number): import("@maketribe/dm").ColumnOptions[];
+        new (...items: import("@maketribe/dm").ColumnOptions[]): import("@maketribe/dm").ColumnOptions[];
+        isArray(arg: any): arg is any[];
+        readonly prototype: any[];
+        from<T>(arrayLike: ArrayLike<T>): T[];
+        from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+        from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+        from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+        of<T_4>(...items: T_4[]): T_4[];
+        readonly [Symbol.species]: ArrayConstructor;
+    }, unknown, unknown, () => never[], boolean>;
+}>> & {
+    onError?: ((e: any) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSubmitted?: ((response: any) => any) | undefined;
+    onChangeDataForm?: ((dataForm: any) => any) | undefined;
+}, {
+    readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly columns: import("@maketribe/dm").ColumnOptions[];
+}, {}>> & {
+    MKDataFormItem: import("vue").DefineComponent<{
+        readonly name: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly label: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly required: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly labelWidth: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly name: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly label: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+        readonly required: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly labelWidth: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __mkPropKey: true;
+        };
+    }>>, {
+        readonly required: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    }, {}>;
+};
+export default MKDataForm;
+export * from "./data-form-options";
+export * from "./data-form-item";
+export * from "./views";

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var dataForm = require('./data-form.js');
+var index = require('./data-form-item/index.js');
+var dataFormOptions = require('./data-form-options.js');
+var index$1 = require('./views/form/index.js');
+var index$2 = require('./views/form-view/index.js');
+var dataFormItemOptions = require('./data-form-item/data-form-item-options.js');
+
+const MKDataForm = utils.withInstall(dataForm, {
+  MKDataFormItem: index.MKDataFormItem
+});
+
+exports.MKDataFormItem = index.MKDataFormItem;
+exports.dataFormEmits = dataFormOptions.dataFormEmits;
+exports.dataFormProps = dataFormOptions.dataFormProps;
+exports.MKForm = index$1.MKForm;
+exports.MKFormView = index$2.MKFormView;
+exports.dataFormItemProps = dataFormItemOptions.dataFormItemProps;
+exports.MKDataForm = MKDataForm;
+exports.default = MKDataForm;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/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/cjs/components/data-model/data-form/token.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const DATAFORM_CONTEXT_KEY = Symbol("dataFormContextKey");
+const DATAFORM_ITEM_CONTEXT_KEY = Symbol("dataFormItemContextKey");
+
+exports.DATAFORM_CONTEXT_KEY = DATAFORM_CONTEXT_KEY;
+exports.DATAFORM_ITEM_CONTEXT_KEY = DATAFORM_ITEM_CONTEXT_KEY;
+//# sourceMappingURL=token.js.map

package/dist/cjs/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/cjs/components/data-model/data-form/views/form/form-options.d.ts

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

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

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

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

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

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

@@ -0,0 +1,41 @@
+import { FormColumn } from "@maketribe/dm";
+declare const _default: import("vue").DefineComponent<{
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataForm: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataForm<any, any, FormColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/cjs/components/data-model/data-form/views/form/form.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var formOptions = require('./form-options.js');
+var index = require('../../data-form-item/index.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+let uid = 0;
+var Form = /* @__PURE__ */ vue.defineComponent({
+  props: formOptions.formProps,
+  setup(props, {
+    slots
+  }) {
+    const formUID = uid++;
+    const formEl = vue.ref(null);
+    const dataForm = vue.computed(() => props.dataForm);
+    const data = vue.computed(() => vue.unref(dataForm).data);
+    const columns = vue.computed(() => vue.unref(dataForm).getColumns().filter((column) => column.visible));
+    const rules = vue.computed(() => {
+      const rules2 = {};
+      for (const column of vue.unref(columns)) {
+        if (column.required && !column.rules.find((rule) => rule.required)) {
+          rules2[column.name] = [{
+            required: column.required,
+            message: `\u8BF7\u5F55\u5165${column.label}.`
+          }];
+        }
+        let componentRules = props.rules?.[column.name] || [];
+        if (!Array.isArray(componentRules)) {
+          componentRules = [componentRules];
+        }
+        if (column.rules.length) {
+          rules2[column.name] = [...rules2[column.name] || [], ...column.rules, ...componentRules];
+        }
+      }
+      return rules2;
+    });
+    const labelWidth = vue.computed(() => {
+      return props.labelWidth || Math.max.apply(null, columns.value.filter((column) => column.componentInfo !== "MKFormDetail").map((item) => {
+        return item.label.length * 16 + 8 + 12;
+      }));
+    });
+    const disabled = vue.computed(() => vue.unref(dataForm).disabled);
+    vue.onMounted(() => {
+      vue.unref(dataForm).formModels.push({
+        id: formUID,
+        validate: async () => {
+          return vue.unref(formEl)?.validate() ?? false;
+        }
+      });
+    });
+    vue.onBeforeUnmount(() => {
+      const index = vue.unref(dataForm).formModels.findIndex((formModel) => formModel.id === uid);
+      if (index === -1) {
+        return;
+      }
+      vue.unref(dataForm).formModels.splice(index, 1);
+    });
+    return () => {
+      let children = slots.default?.();
+      const detailColumns = vue.unref(columns).filter((column) => column.componentInfo === "MKFormDetail");
+      if (!children) {
+        children = vue.unref(columns).filter((column) => !detailColumns.find((item) => item.name === column.name)).map((column) => {
+          if (!column.name) {
+            return null;
+          }
+          return slots[`col-${column.name}`]?.() || vue.createVNode(index.MKDataFormItem, {
+            "key": column.name,
+            "name": column.name
+          }, {
+            default: slots[`col-${column.name}-content`]
+          });
+        });
+        children.push(detailColumns.map((column) => {
+          if (!column.name) {
+            return null;
+          }
+          return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElDivider, {
+            "contentPosition": "left"
+          }, {
+            default: () => [column.label]
+          }), vue.createVNode(index.MKDataFormItem, {
+            "label": "",
+            "labelWidth": "0px",
+            "key": column.name,
+            "name": column.name
+          }, null)]);
+        }));
+      }
+      if (!vue.unref(data)) {
+        return null;
+      }
+      return vue.createVNode(elementPlus.ElForm, vue.mergeProps(props, {
+        "ref": formEl,
+        "model": vue.unref(data),
+        "rules": vue.unref(rules),
+        "disabled": vue.unref(disabled),
+        "labelWidth": vue.unref(labelWidth)
+      }), _isSlot(children) ? children : {
+        default: () => [children]
+      });
+    };
+  }
+});
+
+module.exports = Form;
+//# sourceMappingURL=form.js.map