@maketribe/ms-app 3.0.4 → 3.0.5

package/dist/esm/components/form-components/form-data-table-select/form-data-table-select.d.ts

@@ -0,0 +1,44 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<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 labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/dist/esm/components/form-components/form-data-table-select/form-data-table-select.js

@@ -0,0 +1,35 @@
+import { defineComponent, createVNode, mergeProps, unref } from 'vue';
+import { MKDataTableSelect } from '../../data-table-select/index.js';
+import { formDataTableSelectProps } from './form-data-table-select-options.js';
+import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
+
+var FormDataTableSelect = /* @__PURE__ */ defineComponent({
+  name: "MKFormDataTableSelelct",
+  props: formDataTableSelectProps,
+  setup(props) {
+    const {
+      column,
+      value,
+      disabled
+    } = useFormItem();
+    const handleRecordsChange = (records) => {
+      const _column = unref(column);
+      if (_column) {
+        _column.additionalEventData = {
+          records
+        };
+      }
+    };
+    return () => {
+      return createVNode(MKDataTableSelect, mergeProps({
+        "modelValue": unref(value),
+        "disabled": unref(disabled),
+        "onUpdate:model-value": (v) => value.value = v,
+        "onRecordsChange": handleRecordsChange
+      }, props), null);
+    };
+  }
+});
+
+export { FormDataTableSelect as default };
+//# sourceMappingURL=form-data-table-select.js.map

package/dist/esm/components/form-components/form-data-table-select/form-data-table-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-data-table-select.js","sources":["../../../../../src/components/form-components/form-data-table-select/form-data-table-select.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { MKDataTableSelect } from \"../../data-table-select\";\nimport { formDataTableSelectProps } from \"./form-data-table-select-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\n\nexport default defineComponent({\n  name: \"MKFormDataTableSelelct\",\n  props: formDataTableSelectProps,\n  setup(props) {\n    const { column, value, disabled } = useFormItem();\n\n    const handleRecordsChange = (records: any[]) => {\n      const _column = unref(column);\n\n      if (_column) {\n        _column.additionalEventData = { records };\n      }\n    };\n\n    return () => {\n      return (\n        <MKDataTableSelect\n          modelValue={unref(value)}\n          disabled={unref(disabled)}\n          onUpdate:model-value={(v) => (value.value = v)}\n          onRecordsChange={handleRecordsChange}\n          {...props}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","formDataTableSelectProps","setup","column","value","disabled","useFormItem","handleRecordsChange","records","_column","unref","additionalEventData","_createVNode","MKDataTableSelect","_mergeProps","v"],"mappings":";;;;;AAKA,0CAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,wBAAA;AAAA,EACNC,KAAOC,EAAAA,wBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,MAAOC,QAAAA;AAAAA,QAAaC,WAAY,EAAA,CAAA;AAEhD,IAAA,MAAMC,sBAAuBC,CAAmB,OAAA,KAAA;AAC9C,MAAMC,MAAAA,OAAAA,GAAUC,MAAMP,MAAM,CAAA,CAAA;AAE5B,MAAA,IAAIM,OAAS,EAAA;AACXA,QAAAA,OAAAA,CAAQE,mBAAsB,GAAA;AAAA,UAAEH,OAAAA;AAAAA,SAAQ,CAAA;AAAA,OAC1C;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAAI,OAAAA,WAAAA,CAAAC,mBAAAC,UAAA,CAAA;AAAA,QAAA,YAAA,EAEgBJ,MAAMN,KAAK,CAAA;AAAA,QAAC,UAAA,EACdM,MAAML,QAAQ,CAAA;AAAA,QAAC,sBAAA,EACFU,CAAOX,CAAAA,KAAAA,KAAAA,CAAMA,KAAQW,GAAAA,CAAAA;AAAAA,QAAE,iBAC7BR,EAAAA,mBAAAA;AAAAA,OAAmB,EAChCP,KAAK,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAGf,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,45 @@
+export declare const MKFormDataTableSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<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 labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKFormDataTableSelect;
+export * from "./form-data-table-select-options";

package/dist/esm/components/form-components/form-data-table-select/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import FormDataTableSelect from './form-data-table-select.js';
+export { formDataTableSelectProps } from './form-data-table-select-options.js';
+
+const MKFormDataTableSelect = withInstall(FormDataTableSelect);
+
+export { MKFormDataTableSelect, MKFormDataTableSelect as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-data-table-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormDataTableSelect from \"./form-data-table-select\";\n\nexport const MKFormDataTableSelect = withInstall(FormDataTableSelect);\nexport default MKFormDataTableSelect;\n\nexport * from \"./form-data-table-select-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,qBAAA,GAAwB,YAAY,mBAAmB;;;;"}

package/dist/esm/components/form-components/form-date-picker/form-date-picker-options.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from "@vue/runtime-core";
+export declare const datePickerTypes: readonly ["date", "year", "month", "datetime"];
+export declare const formDatePickerProps: {
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("@vue/runtime-core").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("@vue/runtime-core").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type FormDatePickerProps = ExtractPropTypes<typeof formDatePickerProps>;

package/dist/esm/components/form-components/form-date-picker/form-date-picker-options.js

@@ -0,0 +1,17 @@
+import { buildProps } from '@maketribe/utils';
+import { columnProps } from '../../data-model/data-form/composables/use-form-item.js';
+
+const datePickerTypes = ["date", "year", "month", "datetime"];
+const formDatePickerProps = buildProps({
+  ...columnProps,
+  type: {
+    default: "date",
+    values: datePickerTypes
+  },
+  valueFormat: {
+    type: String
+  }
+});
+
+export { datePickerTypes, formDatePickerProps };
+//# sourceMappingURL=form-date-picker-options.js.map

package/dist/esm/components/form-components/form-date-picker/form-date-picker-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-picker-options.js","sources":["../../../../../src/components/form-components/form-date-picker/form-date-picker-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\nimport { ExtractPropTypes } from \"@vue/runtime-core\";\n\nexport const datePickerTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\n\nexport const formDatePickerProps = buildProps({\n  ...columnProps,\n  type: {\n    default: \"date\",\n    values: datePickerTypes,\n  },\n  valueFormat: {\n    type: String,\n  },\n});\n\nexport type FormDatePickerProps = ExtractPropTypes<typeof formDatePickerProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,eAAkB,GAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,SAAS,UAAU,EAAA;AAE5D,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,GAAG,WAAA;AAAA,EACH,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,MAAQ,EAAA,eAAA;AAAA,GACV;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAC;;;;"}

package/dist/esm/components/form-components/form-date-picker/form-date-picker.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<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<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    type: import("@maketribe/utils").PropMergeType<unknown, "date" | "year" | "month" | "datetime", unknown>;
+}, {}>;
+export default _default;

package/dist/esm/components/form-components/form-date-picker/form-date-picker.js

@@ -0,0 +1,42 @@
+import { defineComponent, computed, unref, createVNode } from 'vue';
+import { ElDatePicker } from 'element-plus';
+import { formDatePickerProps, datePickerTypes } from './form-date-picker-options.js';
+import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
+
+var FormDatePicker = /* @__PURE__ */ defineComponent({
+  name: "MKFormDatePicker",
+  props: formDatePickerProps,
+  setup(props) {
+    const {
+      value,
+      disabled
+    } = useFormItem();
+    const type = computed(() => datePickerTypes.includes(props.type) ? props.type : "date");
+    const valueFormat = computed(() => {
+      switch (unref(type)) {
+        case "date":
+          return "YYYY-MM-DD";
+        case "datetime":
+          return "YYYY-MM-DD HH:mm:ss";
+        case "month":
+          return "YYYY-MM";
+        case "year":
+          return "YYYY";
+        default:
+          return props.valueFormat;
+      }
+    });
+    return () => {
+      return createVNode(ElDatePicker, {
+        "type": unref(type),
+        "valueFormat": unref(valueFormat),
+        "disabled": unref(disabled),
+        "modelValue": unref(value),
+        "onUpdate:modelValue": (v) => value.value = v
+      }, null);
+    };
+  }
+});
+
+export { FormDatePicker as default };
+//# sourceMappingURL=form-date-picker.js.map

package/dist/esm/components/form-components/form-date-picker/form-date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-picker.js","sources":["../../../../../src/components/form-components/form-date-picker/form-date-picker.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElDatePicker } from \"element-plus\";\nimport {\n  datePickerTypes,\n  formDatePickerProps,\n} from \"./form-date-picker-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\n\nexport default defineComponent({\n  name: \"MKFormDatePicker\",\n  props: formDatePickerProps,\n  setup(props) {\n    const { value, disabled } = useFormItem();\n\n    const type = computed(() =>\n      datePickerTypes.includes(props.type) ? props.type : \"date\"\n    );\n\n    const valueFormat = computed(() => {\n      switch (unref(type)) {\n        case \"date\":\n          return \"YYYY-MM-DD\";\n        case \"datetime\":\n          return \"YYYY-MM-DD HH:mm:ss\";\n        case \"month\":\n          return \"YYYY-MM\";\n        case \"year\":\n          return \"YYYY\";\n        default:\n          return props.valueFormat;\n      }\n    });\n\n    return () => {\n      return (\n        <ElDatePicker\n          type={unref(type)}\n          valueFormat={unref(valueFormat)}\n          disabled={unref(disabled)}\n          modelValue={unref(value)}\n          onUpdate:modelValue={(v: any) => (value.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","props","formDatePickerProps","setup","value","disabled","useFormItem","type","computed","datePickerTypes","includes","valueFormat","unref","_createVNode","ElDatePicker","v"],"mappings":";;;;;AAQA,qCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,KAAAA;AAAAA,MAAOC,QAAAA;AAAAA,QAAaC,WAAY,EAAA,CAAA;AAExC,IAAMC,MAAAA,IAAAA,GAAOC,QAAS,CAAA,MACpBC,eAAgBC,CAAAA,QAAAA,CAAST,MAAMM,IAAI,CAAA,GAAIN,KAAMM,CAAAA,IAAAA,GAAO,MACtD,CAAA,CAAA;AAEA,IAAMI,MAAAA,WAAAA,GAAcH,SAAS,MAAM;AACjC,MAAQI,QAAAA,KAAAA,CAAML,IAAI,CAAC;AAAA,QACjB,KAAK,MAAA;AACH,UAAO,OAAA,YAAA,CAAA;AAAA,QACT,KAAK,UAAA;AACH,UAAO,OAAA,qBAAA,CAAA;AAAA,QACT,KAAK,OAAA;AACH,UAAO,OAAA,SAAA,CAAA;AAAA,QACT,KAAK,MAAA;AACH,UAAO,OAAA,MAAA,CAAA;AAAA,QACT;AACE,UAAA,OAAON,KAAMU,CAAAA,WAAAA,CAAAA;AAAAA,OACjB;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAE,YAAAC,YAAA,EAAA;AAAA,QAAA,MAAA,EAEUF,MAAML,IAAI,CAAA;AAAA,QAAC,aAAA,EACJK,MAAMD,WAAW,CAAA;AAAA,QAAC,UAAA,EACrBC,MAAMP,QAAQ,CAAA;AAAA,QAAC,YAAA,EACbO,MAAMR,KAAK,CAAA;AAAA,QAAC,qBAAA,EACFW,CAAYX,CAAAA,KAAAA,KAAAA,CAAMA,KAAQW,GAAAA,CAAAA;AAAAA,SAAE,IAAA,CAAA,CAAA;AAAA,KAGxD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/form-components/form-date-picker/index.d.ts

@@ -0,0 +1,33 @@
+export declare const MKFormDatePicker: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<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<{
+    type: import("@maketribe/utils").PropFinalized<unknown, "date" | "year" | "month" | "datetime", unknown, string, boolean>;
+    valueFormat: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    type: import("@maketribe/utils").PropMergeType<unknown, "date" | "year" | "month" | "datetime", unknown>;
+}, {}>> & Record<string, any>;
+export default MKFormDatePicker;
+export * from "./form-date-picker-options";

package/dist/esm/components/form-components/form-date-picker/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import FormDatePicker from './form-date-picker.js';
+export { datePickerTypes, formDatePickerProps } from './form-date-picker-options.js';
+
+const MKFormDatePicker = withInstall(FormDatePicker);
+
+export { MKFormDatePicker, MKFormDatePicker as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/form-components/form-date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-date-picker/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormDatePicker from \"./form-date-picker\";\n\nexport const MKFormDatePicker = withInstall(FormDatePicker);\n\nexport default MKFormDatePicker;\n\nexport * from \"./form-date-picker-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,gBAAA,GAAmB,YAAY,cAAc;;;;"}

package/dist/esm/components/form-components/form-detail/form-detail-options.d.ts

@@ -0,0 +1,12 @@
+import { ExtractPropTypes } from "vue";
+import { FormDetailColumn } from "@maketribe/dm";
+export declare const formDetailProps: {
+    readonly column: {
+        readonly type: import("vue").PropType<FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
+};
+export type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;

package/dist/esm/components/form-components/form-detail/form-detail-options.js

@@ -0,0 +1,15 @@
+import { buildProps } from '@maketribe/utils';
+import { FormDetailColumn } from '@maketribe/dm';
+import { columnProps } from '../../data-model/data-form/composables/use-form-item.js';
+
+const formDetailProps = buildProps({
+  ...columnProps,
+  column: { type: FormDetailColumn, required: true },
+  formWidth: {
+    type: String,
+    default: "400px"
+  }
+});
+
+export { formDetailProps };
+//# sourceMappingURL=form-detail-options.js.map

package/dist/esm/components/form-components/form-detail/form-detail-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-detail-options.js","sources":["../../../../../src/components/form-components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formDetailProps = buildProps({\n  ...columnProps,\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n"],"names":[],"mappings":";;;;AAKO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,GAAG,WAAA;AAAA,EACH,MAAQ,EAAA,EAAE,IAAM,EAAA,gBAAA,EAAkB,UAAU,IAAK,EAAA;AAAA,EACjD,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU;;;;"}

package/dist/esm/components/form-components/form-detail/form-detail.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
+}, () => JSX.Element, 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").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
+}>>, {
+    readonly formWidth: string;
+}, {}>;
+export default _default;

package/dist/esm/components/form-components/form-detail/form-detail.js

@@ -0,0 +1,94 @@
+import { defineComponent, computed, ref, watch, unref, createVNode, isVNode } from 'vue';
+import '../../data-model/data-form/index.js';
+import { MKDataFormPage } from '../../data-model/data-form-page/index.js';
+import { MKDataTable } from '../../data-model/data-table/index.js';
+import '../../data-model/data-table-page/index.js';
+import '../../data-model/data-tree/index.js';
+import '../../data-model/data-tree-page/index.js';
+import '../../data-model/data-table-pagination/index.js';
+import { formDetailProps } from './form-detail-options.js';
+import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
+import { ElEmpty, ElDrawer } from 'element-plus';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var FormDetail = /* @__PURE__ */ defineComponent({
+  name: "MKFormDetail",
+  props: formDetailProps,
+  setup(props) {
+    const detailTable = computed(() => props.column.detailTable);
+    const detailForm = computed(() => props.column.detailForm);
+    const {
+      value
+    } = useFormItem();
+    const isShowDrawer = ref(false);
+    watch(computed(() => unref(value)), (value2) => {
+      const _detailTable = unref(detailTable);
+      value2 = Array.isArray(value2) ? value2 : [];
+      _detailTable.setList(value2.map((item) => _detailTable.formatItem(item)));
+    });
+    watch(detailTable, (detailTable2, _, onCleanUp) => {
+      detailTable2.dataFilter.setReady();
+      const editRecordEventDisposable = detailTable2.editRecordEvent.on(({
+        item
+      }) => {
+        unref(detailForm).editRecord(item);
+        isShowDrawer.value = true;
+      });
+      const addRecordEventDisposable = detailTable2.addRecordEvent.on(async () => {
+        isShowDrawer.value = true;
+        await unref(detailForm).addRecord();
+      });
+      onCleanUp(() => {
+        editRecordEventDisposable.dispose();
+        addRecordEventDisposable.dispose();
+      });
+    }, {
+      immediate: true
+    });
+    watch(detailForm, (detailForm2, _, onCleanup) => {
+      const submittedEventDisposable = detailForm2.submittedEvent.on(() => {
+        isShowDrawer.value = false;
+        unref(detailTable).load();
+      });
+      onCleanup(() => {
+        submittedEventDisposable.dispose();
+      });
+    }, {
+      immediate: true
+    });
+    const handleDrawerCancel = () => {
+      isShowDrawer.value = false;
+    };
+    return () => {
+      const dataForm = unref(isShowDrawer) ? createVNode(MKDataFormPage, {
+        "dataForm": unref(detailForm),
+        "autoLoad": false,
+        "onCancel": handleDrawerCancel
+      }, null) : null;
+      return createVNode("div", {
+        "class": "mk-form-detail"
+      }, [createVNode(MKDataTable, {
+        "dataTable": unref(detailTable),
+        "autoLoad": false
+      }, {
+        empty: () => createVNode(ElEmpty, {
+          "image-size": 100
+        }, null)
+      }), createVNode(ElDrawer, {
+        "class": "mk-form-detail__drawer",
+        "modelValue": unref(isShowDrawer),
+        "onUpdate:modelValue": (v) => isShowDrawer.value = v,
+        "appendToBody": true,
+        "withHeader": false,
+        "width": "50%"
+      }, _isSlot(dataForm) ? dataForm : {
+        default: () => [dataForm]
+      })]);
+    };
+  }
+});
+
+export { FormDetail as default };
+//# sourceMappingURL=form-detail.js.map

package/dist/esm/components/form-components/form-detail/form-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-detail.js","sources":["../../../../../src/components/form-components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { MKDataFormPage, MKDataTable } from \"../../data-model\";\nimport { formDetailProps } from \"./form-detail-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport { ElDrawer, ElEmpty } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormDetail\",\n  props: formDetailProps,\n  setup(props) {\n    const detailTable = computed(() => props.column.detailTable);\n    const detailForm = computed(() => props.column.detailForm!);\n\n    const { value } = useFormItem();\n\n    const isShowDrawer = ref(false);\n\n    watch(\n      computed(() => unref(value)),\n      (value) => {\n        const _detailTable = unref(detailTable);\n\n        value = Array.isArray(value) ? value : [];\n\n        _detailTable.setList(\n          value.map((item: any) => _detailTable.formatItem(item))\n        );\n      }\n    );\n\n    watch(\n      detailTable,\n      (detailTable, _, onCleanUp) => {\n        detailTable.dataFilter.setReady();\n\n        const editRecordEventDisposable = detailTable.editRecordEvent.on(\n          ({ item }) => {\n            unref(detailForm).editRecord(item);\n\n            isShowDrawer.value = true;\n          }\n        );\n\n        const addRecordEventDisposable = detailTable.addRecordEvent.on(\n          async () => {\n            isShowDrawer.value = true;\n\n            await unref(detailForm).addRecord();\n          }\n        );\n\n        onCleanUp(() => {\n          editRecordEventDisposable.dispose();\n          addRecordEventDisposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    watch(\n      detailForm,\n      (detailForm, _, onCleanup) => {\n        const submittedEventDisposable = detailForm.submittedEvent.on(() => {\n          isShowDrawer.value = false;\n\n          unref(detailTable).load();\n        });\n\n        onCleanup(() => {\n          submittedEventDisposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleDrawerCancel = () => {\n      isShowDrawer.value = false;\n    };\n\n    return () => {\n      const dataForm = unref(isShowDrawer) ? (\n        <MKDataFormPage\n          dataForm={unref(detailForm)}\n          autoLoad={false}\n          onCancel={handleDrawerCancel}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-form-detail\">\n          <MKDataTable\n            dataTable={unref(detailTable)}\n            autoLoad={false}\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\n          />\n          <ElDrawer\n            class=\"mk-form-detail__drawer\"\n            modelValue={unref(isShowDrawer)}\n            onUpdate:modelValue={(v) => (isShowDrawer.value = v)}\n            appendToBody\n            withHeader={false}\n            width=\"50%\"\n          >\n            {dataForm}\n          </ElDrawer>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","formDetailProps","setup","detailTable","computed","column","detailForm","value","useFormItem","isShowDrawer","ref","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","_","onCleanUp","dataFilter","setReady","editRecordEventDisposable","editRecordEvent","on","editRecord","addRecordEventDisposable","addRecordEvent","addRecord","dispose","immediate","onCleanup","submittedEventDisposable","submittedEvent","load","handleDrawerCancel","dataForm","_createVNode","MKDataFormPage","MKDataTable","empty","ElEmpty","ElDrawer","v","default"],"mappings":"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"}

package/dist/esm/components/form-components/form-detail/index.d.ts

@@ -0,0 +1,21 @@
+export declare const MKFormDetail: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
+}, () => JSX.Element, 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").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
+}>>, {
+    readonly formWidth: string;
+}, {}>> & Record<string, any>;
+export default MKFormDetail;
+export * from "./form-detail-options";

package/dist/esm/components/form-components/form-detail/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import FormDetail from './form-detail.js';
+export { formDetailProps } from './form-detail-options.js';
+
+const MKFormDetail = withInstall(FormDetail);
+
+export { MKFormDetail, MKFormDetail as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/form-components/form-detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-detail/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}

package/dist/esm/components/form-components/form-detail-select/form-detail-select-options.d.ts

@@ -0,0 +1,43 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable, FormDetailColumn } from "@maketribe/dm";
+export declare const formDetailSelectProps: {
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly saveFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type FormDetailSelectProps = ExtractPropTypes<typeof formDetailSelectProps>;

package/dist/esm/components/form-components/form-detail-select/form-detail-select-options.js

@@ -0,0 +1,37 @@
+import { buildProps } from '@maketribe/utils';
+import { DataTable, FormDetailColumn } from '@maketribe/dm';
+import { columnProps } from '../../data-model/data-form/composables/use-form-item.js';
+
+const formDetailSelectProps = buildProps({
+  ...columnProps,
+  modelValue: {
+    type: null
+  },
+  labelFieldName: {
+    type: String,
+    required: true
+  },
+  saveFieldName: {
+    type: String,
+    required: true
+  },
+  primaryFieldName: {
+    type: String
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  dataTable: {
+    type: DataTable,
+    required: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  column: { type: FormDetailColumn, required: true }
+});
+
+export { formDetailSelectProps };
+//# sourceMappingURL=form-detail-select-options.js.map

package/dist/esm/components/form-components/form-detail-select/form-detail-select-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-detail-select-options.js","sources":["../../../../../src/components/form-components/form-detail-select/form-detail-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable, FormDetailColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formDetailSelectProps = buildProps({\n  ...columnProps,\n  modelValue: {\n    type: null,\n  },\n  labelFieldName: {\n    type: String,\n    required: true,\n  },\n  saveFieldName: {\n    type: String,\n    required: true,\n  },\n  primaryFieldName: {\n    type: String,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n} as const);\n\nexport type FormDetailSelectProps = ExtractPropTypes<\n  typeof formDetailSelectProps\n>;\n"],"names":[],"mappings":";;;;AAKO,MAAM,wBAAwB,UAAW,CAAA;AAAA,EAC9C,GAAG,WAAA;AAAA,EACH,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,IAAA;AAAA,GACR;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA,EAAE,IAAM,EAAA,gBAAA,EAAkB,UAAU,IAAK,EAAA;AACnD,CAAU;;;;"}