@maketribe/ms-app 3.0.54 → 3.0.56

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

@@ -1,22 +1,29 @@
 import { DataTable } from "@maketribe/dm";
 export declare const formDataTableSelectProps: {
+    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 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 primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly column: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+    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>;
 };

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

@@ -1,13 +1,17 @@
 import { DataTable } from '@maketribe/dm';
 import { buildProps } from '@maketribe/utils';
-import { columnProps } from '../../composables/use-form-item.js';
 
 const formDataTableSelectProps = buildProps({
-  ...columnProps,
+  modelValue: {
+    type: null
+  },
   labelFieldName: {
     type: String,
     required: true
   },
+  primaryFieldName: {
+    type: String
+  },
   multiple: {
     type: Boolean,
     default: false
@@ -15,6 +19,10 @@ const formDataTableSelectProps = buildProps({
   dataTable: {
     type: DataTable,
     required: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"form-data-table-select-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-data-table-select/form-data-table-select-options.ts"],"sourcesContent":["import { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const formDataTableSelectProps = buildProps({\n  ...columnProps,\n  labelFieldName: {\n    type: String,\n    required: true,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n} as const);\n"],"names":[],"mappings":";;;;AAIO,MAAM,2BAA2B,UAAW,CAAA;AAAA,EACjD,GAAG,WAAA;AAAA,EACH,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;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,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AACF,CAAU;;;;"}
+{"version":3,"file":"form-data-table-select-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-data-table-select/form-data-table-select-options.ts"],"sourcesContent":["import { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const formDataTableSelectProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  labelFieldName: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  primaryFieldName: {\r\n    type: String,\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  dataTable: {\r\n    type: DataTable<any>,\r\n    required: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n"],"names":[],"mappings":";;;AAGO,MAAM,2BAA2B,UAAW,CAAA;AAAA,EACjD,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,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;AACF,CAAU;;;;"}

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, mergeProps, unref } from 'vue';
+import { defineComponent, createVNode, unref } from 'vue';
 import { MKDataTableSelect } from '../../../../basic/data-table-select/index.js';
 import { formDataTableSelectProps } from './form-data-table-select-options.js';
 import { useFormItem } from '../../composables/use-form-item.js';
@@ -21,12 +21,16 @@ var FormDataTableSelect = /* @__PURE__ */ defineComponent({
       }
     };
     return () => {
-      return createVNode(MKDataTableSelect, mergeProps({
+      return createVNode(MKDataTableSelect, {
         "modelValue": unref(value),
+        "dataTable": props.dataTable,
         "disabled": unref(disabled),
         "onUpdate:model-value": (v) => value.value = v,
-        "onRecordsChange": handleRecordsChange
-      }, props), null);
+        "onRecordsChange": handleRecordsChange,
+        "multiple": props.multiple,
+        "labelFieldName": props.labelFieldName,
+        "primaryFieldName": props.primaryFieldName
+      }, null);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"form-data-table-select.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-data-table-select/form-data-table-select.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { MKDataTableSelect } from \"../../../../basic/data-table-select\";\nimport { formDataTableSelectProps } from \"./form-data-table-select-options\";\nimport { useFormItem } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKFormDataTableSelect\",\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,uBAAA;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;;;;"}
+{"version":3,"file":"form-data-table-select.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-data-table-select/form-data-table-select.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\nimport { MKDataTableSelect } from \"../../../../basic/data-table-select\";\r\nimport { formDataTableSelectProps } from \"./form-data-table-select-options\";\r\nimport { useFormItem } from \"../../composables\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDataTableSelect\",\r\n  props: formDataTableSelectProps,\r\n  setup(props) {\r\n    const { column, value, disabled } = useFormItem();\r\n\r\n    const handleRecordsChange = (records: any[]) => {\r\n      const _column = unref(column);\r\n\r\n      if (_column) {\r\n        _column.additionalEventData = { records };\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <MKDataTableSelect\r\n          modelValue={unref(value)}\r\n          dataTable={props.dataTable}\r\n          disabled={unref(disabled)}\r\n          onUpdate:model-value={(v: any) => (value.value = v)}\r\n          onRecordsChange={handleRecordsChange}\r\n          multiple={props.multiple}\r\n          labelFieldName={props.labelFieldName}\r\n          primaryFieldName={props.primaryFieldName}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["name","props","formDataTableSelectProps","setup","column","value","disabled","useFormItem","handleRecordsChange","records","_column","unref","additionalEventData","_createVNode","MKDataTableSelect","dataTable","v","multiple","labelFieldName","primaryFieldName"],"mappings":";;;;;AAKA,0CAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,uBAAA;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,MAAA,OAAAI,YAAAC,iBAAA,EAAA;AAAA,QAAA,YAAA,EAEgBH,MAAMN,KAAK,CAAA;AAAA,QAAC,aACbJ,KAAMc,CAAAA,SAAAA;AAAAA,QAAS,UAAA,EAChBJ,MAAML,QAAQ,CAAA;AAAA,QAAC,sBAAA,EACFU,CAAYX,CAAAA,KAAAA,KAAAA,CAAMA,KAAQW,GAAAA,CAAAA;AAAAA,QAAE,iBAClCR,EAAAA,mBAAAA;AAAAA,QAAmB,YAC1BP,KAAMgB,CAAAA,QAAAA;AAAAA,QAAQ,kBACRhB,KAAMiB,CAAAA,cAAAA;AAAAA,QAAc,oBAClBjB,KAAMkB,CAAAA,gBAAAA;AAAAA,SAAgB,IAAA,CAAA,CAAA;AAAA,KAG9C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -1,10 +1,22 @@
 export declare const MKFormDataTableSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    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 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<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
@@ -12,33 +24,36 @@ export declare const MKFormDataTableSelect: import("@maketribe/utils").SFCWithIn
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly column: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
-        readonly required: true;
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, 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 modelValue: {
+        readonly type: import("vue").PropType<any>;
+        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 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 primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly column: {
-        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+    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 disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>>, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>> & Record<string, any>;
 export default MKFormDataTableSelect;

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

@@ -1,6 +1,13 @@
 import { ExtractPropTypes } from "vue";
 import { FormDetailColumn } from "@maketribe/dm";
 export declare const formDetailProps: {
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        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;
@@ -10,3 +17,7 @@ export declare const formDetailProps: {
     readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
 };
 export type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;
+export declare const formDetailEmits: {
+    "update:model-value": (v: any) => boolean;
+};
+export type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;

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

@@ -1,15 +1,23 @@
 import { buildProps } from '@maketribe/utils';
 import { FormDetailColumn } from '@maketribe/dm';
-import { columnProps } from '../../composables/use-form-item.js';
 
 const formDetailProps = buildProps({
-  ...columnProps,
+  modelValue: {
+    type: null
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
   column: { type: FormDetailColumn, required: true },
   formWidth: {
     type: String,
     default: "400px"
   }
 });
+const formDetailEmits = {
+  "update:model-value": (v) => true
+};
 
-export { formDetailProps };
+export { formDetailEmits, formDetailProps };
 //# sourceMappingURL=form-detail-options.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-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 \"../../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;;;;"}
+{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { FormDetailColumn } from \"@maketribe/dm\";\r\n\r\nexport const formDetailProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  column: { type: FormDetailColumn, required: true },\r\n  formWidth: {\r\n    type: String,\r\n    default: \"400px\",\r\n  },\r\n} as const);\r\n\r\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\r\n\r\nexport const formDetailEmits = {\r\n  \"update:model-value\": (v: any) => true,\r\n};\r\n\r\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\r\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,IAAA;AAAA,GACR;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;AAAA,EACjD,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,oBAAA,EAAsB,CAAC,CAAW,KAAA,IAAA;AACpC;;;;"}

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

@@ -1,4 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        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<import("@maketribe/dm").FormDetailColumn>;
         readonly required: true;
@@ -6,7 +13,16 @@ declare const _default: import("vue").DefineComponent<{
         __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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (v: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        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<import("@maketribe/dm").FormDetailColumn>;
         readonly required: true;
@@ -14,7 +30,10 @@ declare const _default: import("vue").DefineComponent<{
         __mkPropKey: true;
     };
     readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
-}>>, {
+}>> & {
+    "onUpdate:model-value"?: ((v: any) => any) | undefined;
+}, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly formWidth: string;
 }, {}>;
 export default _default;

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

@@ -2,7 +2,7 @@ import { defineComponent, computed, watch, unref, createVNode, isVNode } from 'v
 import { MKPageContainer } from '../../../../basic/page-container/index.js';
 import { MKDataTable } from '../../../data-table/index.js';
 import DataForm from '../../data-form.js';
-import { formDetailProps } from './form-detail-options.js';
+import { formDetailProps, formDetailEmits } from './form-detail-options.js';
 import { useFormItem } from '../../composables/use-form-item.js';
 import { ElEmpty, ElDrawer } from 'element-plus';
 import '@maketribe/dm';
@@ -20,6 +20,7 @@ function _isSlot(s) {
 var FormDetail = /* @__PURE__ */ defineComponent({
   name: "MKFormDetail",
   props: formDetailProps,
+  emits: formDetailEmits,
   setup(props) {
     const detailTable = computed(() => props.column.detailTable);
     const detailForm = computed(() => props.column.detailForm);

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

@@ -1 +1 @@
-{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, unref, watch } from \"vue\";\nimport { MKPageContainer } from \"../../../../basic/page-container\";\nimport { MKDataTable } from \"../../../data-table\";\nimport DataForm from \"../../data-form\";\nimport { formDetailProps } from \"./form-detail-options\";\nimport { useFormItem } from \"../../composables\";\nimport { ElDrawer, ElEmpty } from \"element-plus\";\nimport { useSingleView } from \"../../../../../composables\";\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    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    const { isShowDataForm } = useSingleView({\n      dataTable: detailTable,\n      dataForm: detailForm,\n    });\n\n    return () => {\n      const dataForm = unref(isShowDataForm) ? (\n        <MKPageContainer>\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\n        </MKPageContainer>\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(isShowDataForm)}\n            onUpdate:modelValue={(v) => (isShowDataForm.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","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","useSingleView","dataTable","dataForm","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}
+{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { useSingleView } from \"../../../../../composables\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDetail\",\r\n  props: formDetailProps,\r\n  emits: formDetailEmits,\r\n  setup(props) {\r\n    const detailTable = computed(() => props.column.detailTable);\r\n    const detailForm = computed(() => props.column.detailForm!);\r\n\r\n    const { value } = useFormItem();\r\n\r\n    watch(\r\n      computed(() => unref(value)),\r\n      (value) => {\r\n        const _detailTable = unref(detailTable);\r\n\r\n        value = Array.isArray(value) ? value : [];\r\n\r\n        _detailTable.setList(\r\n          value.map((item: any) => _detailTable.formatItem(item))\r\n        );\r\n      }\r\n    );\r\n\r\n    const { isShowDataForm } = useSingleView({\r\n      dataTable: detailTable,\r\n      dataForm: detailForm,\r\n    });\r\n\r\n    return () => {\r\n      const dataForm = unref(isShowDataForm) ? (\r\n        <MKPageContainer>\r\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n        </MKPageContainer>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-form-detail\">\r\n          <MKDataTable\r\n            dataTable={unref(detailTable)}\r\n            autoLoad={false}\r\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n          />\r\n          <ElDrawer\r\n            class=\"mk-form-detail__drawer\"\r\n            modelValue={unref(isShowDataForm)}\r\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n            appendToBody\r\n            withHeader={false}\r\n            width=\"50%\"\r\n          >\r\n            {dataForm}\r\n          </ElDrawer>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","useSingleView","dataTable","dataForm","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":";;;;;;;;;;;;;;;;AAO2D,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,OAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAE3D,iCAA+B,eAAA,CAAA;AAAA,EAC7BM,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AACX,IAAA,MAAMK,WAAcC,GAAAA,QAAAA,CAAS,MAAMN,KAAAA,CAAMO,OAAOF,WAAW,CAAA,CAAA;AAC3D,IAAA,MAAMG,UAAaF,GAAAA,QAAAA,CAAS,MAAMN,KAAAA,CAAMO,OAAOC,UAAW,CAAA,CAAA;AAE1D,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAE9BC,IAAAA,KAAAA,CACEL,SAAS,MAAMM,KAAAA,CAAMH,KAAK,CAAC,CAAA,EAC1BA,CAAAA,MAAU,KAAA;AACT,MAAMI,MAAAA,YAAAA,GAAeD,MAAMP,WAAW,CAAA,CAAA;AAEtCI,MAAAA,SAAQK,KAAMC,CAAAA,OAAAA,CAAQN,MAAK,CAAA,GAAIA,SAAQ,EAAE,CAAA;AAEzCI,MAAaG,YAAAA,CAAAA,OAAAA,CACXP,OAAMQ,GAAKC,CAAAA,CAAAA,IAAAA,KAAcL,aAAaM,UAAWD,CAAAA,IAAI,CAAC,CACxD,CAAA,CAAA;AAAA,KAEJ,CAAA,CAAA;AAEA,IAAM,MAAA;AAAA,MAAEE,cAAAA;AAAAA,QAAmBC,aAAc,CAAA;AAAA,MACvCC,SAAWjB,EAAAA,WAAAA;AAAAA,MACXkB,QAAUf,EAAAA,UAAAA;AAAAA,KACX,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,MAAMe,WAAWX,KAAMQ,CAAAA,cAAc,CAACI,GAAAA,WAAAA,CAAAC,iBAAA,IAAA,EAAA;AAAA,QAAAC,OAAAA,EAAAA,MAAAF,CAAAA,WAAAA,CAAAG,QAAA,EAAA;AAAA,UAAA,UAAA,EAEdf,MAAMJ,UAAU,CAAA;AAAA,UAAC,UAAY,EAAA,KAAA;AAAA,SAAK,EAAA,IAAA,CAAA,CAAA;AAAA,OAAA,CAEtD,GAAA,IAAA,CAAA;AAEJ,MAAA,OAAAgB,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,gBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAI,WAAA,EAAA;AAAA,QAAA,WAAA,EAGiBhB,MAAMP,WAAW,CAAA;AAAA,QAAC,UACnB,EAAA,KAAA;AAAA,OACD,EAAA;AAAA,QAAEwB,KAAAA,EAAOA,MAAAL,WAAAA,CAAAM,OAAA,EAAA;AAAA,UAAA,YAA2B,EAAA,GAAA;AAAA,WAAG,IAAA,CAAA;AAAA,OAAM,CAAAN,EAAAA,WAAAA,CAAAO,QAAA,EAAA;AAAA,QAAA,OAAA,EAAA,wBAAA;AAAA,QAAA,YAAA,EAI1CnB,MAAMQ,cAAc,CAAA;AAAA,QAAC,qBAAA,EACXY,CAAOZ,CAAAA,KAAAA,cAAAA,CAAeX,KAAQuB,GAAAA,CAAAA;AAAAA,QAAE,cAAA,EAAA,IAAA;AAAA,QAAA,YAE1C,EAAA,KAAA;AAAA,QAAK,OAAA,EAAA,KAAA;AAAA,OAAAxC,EAAAA,OAAAA,CAGhB+B,QAAQ,CAAA,GAARA,QAAQ,GAAA;AAAA,QAAAG,OAAAA,EAAAA,MAAA,CAARH,QAAQ,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAIjB,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -1,4 +1,11 @@
 export declare const MKFormDetail: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        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<import("@maketribe/dm").FormDetailColumn>;
         readonly required: true;
@@ -6,7 +13,16 @@ export declare const MKFormDetail: import("@maketribe/utils").SFCWithInstall<imp
         __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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (v: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        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<import("@maketribe/dm").FormDetailColumn>;
         readonly required: true;
@@ -14,7 +30,10 @@ export declare const MKFormDetail: import("@maketribe/utils").SFCWithInstall<imp
         __mkPropKey: true;
     };
     readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
-}>>, {
+}>> & {
+    "onUpdate:model-value"?: ((v: any) => any) | undefined;
+}, {
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly formWidth: string;
 }, {}>> & Record<string, any>;
 export default MKFormDetail;

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

@@ -1,6 +1,6 @@
 import { withInstall } from '@maketribe/utils';
 import FormDetail from './form-detail.js';
-export { formDetailProps } from './form-detail-options.js';
+export { formDetailEmits, formDetailProps } from './form-detail-options.js';
 
 const MKFormDetail = withInstall(FormDetail);
 

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

@@ -1,9 +1,2 @@
-export * from "./form-data-select";
-export * from "./form-icon-select";
-export * from "./form-radio-box";
 export * from "./form-detail";
 export * from "./form-data-table-select";
-export * from "./form-image-upload";
-export * from "./form-detail-select";
-export * from "./form-date-picker";
-export * from "./form-rich-text-editor";

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

@@ -1,16 +1,5 @@
-export { MKFormDataSelect } from './form-data-select/index.js';
-export { MKFormIconSelect } from './form-icon-select/index.js';
-export { MKFormRadioBox } from './form-radio-box/index.js';
 export { MKFormDetail } from './form-detail/index.js';
 export { MKFormDataTableSelect } from './form-data-table-select/index.js';
-export { MKFormImageUpload } from './form-image-upload/index.js';
-export { MKFormDetailSelect } from './form-detail-select/index.js';
-export { MKFormDatePicker } from './form-date-picker/index.js';
-export { MKFormRichTextEditor } from './form-rich-text-editor/index.js';
-export { formDataSelectProps } from './form-data-select/form-data-select-options.js';
-export { radioBoxEmits, radioBoxProps } from './form-radio-box/form-radio-box-options.js';
-export { formDetailProps } from './form-detail/form-detail-options.js';
+export { formDetailEmits, formDetailProps } from './form-detail/form-detail-options.js';
 export { formDataTableSelectProps } from './form-data-table-select/form-data-table-select-options.js';
-export { datePickerTypes, formDatePickerProps } from './form-date-picker/form-date-picker-options.js';
-export { formRichTextEditorProps } from './form-rich-text-editor/form-rich-text-editor-options.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem } from \"element-plus\";\nimport {\n  Ref,\n  computed,\n  defineComponent,\n  inject,\n  provide,\n  reactive,\n  ref,\n  toRaw,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn } from \"@maketribe/dm\";\n\nimport { useFormColumnComponent } from \"../../../../composables\";\nimport {\n  DATAFORM_CONTEXT_KEY,\n  DATAFORM_ITEM_CONTEXT_KEY,\n  DataFormItemContext,\n} from \"../token\";\nimport { dataFormItemProps } from \"./data-form-item-options\";\n\nexport default defineComponent({\n  name: \"MKDataFormItem\",\n  props: dataFormItemProps,\n  setup(props) {\n    const slots = useSlots();\n\n    const dataFormContext = inject(DATAFORM_CONTEXT_KEY);\n\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\n\n    let _formColumn: FormColumn | null = null;\n\n    const existFormColumn = ref(\n      unref(dataForm)!.getColumn(props.name!)\n    ) as Ref<FormColumn | null>;\n\n    const formColumn = computed(() => {\n      const existingColumn = unref(existFormColumn);\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_formColumn) {\n        _formColumn = reactive(\n          new FormColumn({\n            required: props.required,\n            name: props.name!,\n            label: props.label!,\n          })\n        ) as FormColumn;\n      }\n\n      return _formColumn!;\n    });\n\n    watch(\n      formColumn,\n      (formColumn, _, onCleanup) => {\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\n\n        if (!existFormColumn && _formColumn) {\n          unref(dataForm)!.addColumn(_formColumn);\n        }\n\n        onCleanup(() => {\n          if (_formColumn) {\n            unref(dataForm)!.removeColumn(_formColumn);\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    const { component, componentProps } = useFormColumnComponent(\n      formColumn,\n      dataForm\n    );\n\n    const disabled = computed(() => unref(formColumn).disabled);\n\n    const value = computed({\n      get: () => unref(formColumn)?.getValue(),\n      set: (v) => {\n        unref(formColumn).setValue(v);\n      },\n    });\n\n    const label = computed(() =>\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\n    );\n\n    provide(\n      DATAFORM_ITEM_CONTEXT_KEY,\n      reactive({ column: formColumn }) as DataFormItemContext\n    );\n\n    return () => {\n      let _formColumn = unref(formColumn);\n\n      let _component = unref(component);\n\n      let children: any =\n        slots.default?.({\n          data: unref(dataForm)!.data,\n          column: _formColumn,\n          dataForm: unref(dataForm),\n        }) || null;\n\n      if (!children && _component) {\n        const FormColumnComponent = toRaw(_component);\n\n        children = (\n          <FormColumnComponent\n            {...unref(componentProps)}\n            column={_formColumn}\n            modelValue={value.value}\n            disabled={unref(disabled)}\n            onUpdate:modelValue={(v: any) => (value.value = v)}\n          />\n        );\n      }\n\n      return (\n        <ElFormItem\n          prop={_formColumn.name}\n          label={unref(label)}\n          required={_formColumn.required}\n          labelWidth={props.labelWidth}\n        >\n          {children}\n        </ElFormItem>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATAFORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","value","get","getValue","set","v","setValue","provide","DATAFORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}
+{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem } from \"element-plus\";\r\nimport {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  toRaw,\r\n  unref,\r\n  useSlots,\r\n  watch,\r\n} from \"vue\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\n\r\nimport { useFormColumnComponent } from \"../../../../composables\";\r\nimport {\r\n  DATAFORM_CONTEXT_KEY,\r\n  DATAFORM_ITEM_CONTEXT_KEY,\r\n  DataFormItemContext,\r\n} from \"../token\";\r\nimport { dataFormItemProps } from \"./data-form-item-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFormItem\",\r\n  props: dataFormItemProps,\r\n  setup(props) {\r\n    const slots = useSlots();\r\n\r\n    const dataFormContext = inject(DATAFORM_CONTEXT_KEY);\r\n\r\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\r\n\r\n    let _formColumn: FormColumn | null = null;\r\n\r\n    const existFormColumn = ref(\r\n      unref(dataForm)!.getColumn(props.name!)\r\n    ) as Ref<FormColumn | null>;\r\n\r\n    const formColumn = computed(() => {\r\n      const existingColumn = unref(existFormColumn);\r\n\r\n      if (existingColumn) {\r\n        return existingColumn;\r\n      }\r\n\r\n      if (!_formColumn) {\r\n        _formColumn = reactive(\r\n          new FormColumn({\r\n            required: props.required,\r\n            name: props.name!,\r\n            label: props.label!,\r\n          })\r\n        ) as FormColumn;\r\n      }\r\n\r\n      return _formColumn!;\r\n    });\r\n\r\n    watch(\r\n      formColumn,\r\n      (formColumn, _, onCleanup) => {\r\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\r\n\r\n        if (!existFormColumn && _formColumn) {\r\n          unref(dataForm)!.addColumn(_formColumn);\r\n        }\r\n\r\n        onCleanup(() => {\r\n          if (_formColumn) {\r\n            unref(dataForm)!.removeColumn(_formColumn);\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const { component, componentProps } = useFormColumnComponent(\r\n      formColumn,\r\n      dataForm\r\n    );\r\n\r\n    const disabled = computed(() => unref(formColumn).disabled);\r\n\r\n    const value = computed({\r\n      get: () => unref(formColumn)?.getValue(),\r\n      set: (v) => {\r\n        unref(formColumn).setValue(v);\r\n      },\r\n    });\r\n\r\n    const label = computed(() =>\r\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\r\n    );\r\n\r\n    provide(\r\n      DATAFORM_ITEM_CONTEXT_KEY,\r\n      reactive({ column: formColumn }) as DataFormItemContext\r\n    );\r\n\r\n    return () => {\r\n      let _formColumn = unref(formColumn);\r\n\r\n      let _component = unref(component);\r\n\r\n      let children: any =\r\n        slots.default?.({\r\n          data: unref(dataForm)!.data,\r\n          column: _formColumn,\r\n          dataForm: unref(dataForm),\r\n        }) || null;\r\n\r\n      if (!children && _component) {\r\n        const FormColumnComponent = toRaw(_component);\r\n\r\n        children = (\r\n          <FormColumnComponent\r\n            {...unref(componentProps)}\r\n            column={_formColumn}\r\n            modelValue={value.value}\r\n            disabled={unref(disabled)}\r\n            onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          />\r\n        );\r\n      }\r\n\r\n      return (\r\n        <ElFormItem\r\n          prop={_formColumn.name}\r\n          label={unref(label)}\r\n          required={_formColumn.required}\r\n          labelWidth={props.labelWidth}\r\n        >\r\n          {children}\r\n        </ElFormItem>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATAFORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","value","get","getValue","set","v","setValue","provide","DATAFORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}

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

@@ -111,8 +111,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onError?: ((e: any) => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onSubmitted?: ((response: any) => any) | undefined;
     onChangeDataForm?: ((dataForm: any) => any) | undefined;
+    onSubmitted?: ((response: any) => any) | undefined;
 }, {
     readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly columns: import("@maketribe/dm").ColumnOptions[];

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

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

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

@@ -110,8 +110,8 @@ export declare const MKDataForm: import("@maketribe/utils").SFCWithInstall<impor
 }>> & {
     onError?: ((e: any) => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onSubmitted?: ((response: any) => any) | undefined;
     onChangeDataForm?: ((dataForm: any) => any) | undefined;
+    onSubmitted?: ((response: any) => any) | undefined;
 }, {
     readonly autoLoad: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
     readonly columns: import("@maketribe/dm").ColumnOptions[];