@maketribe/ms-app 3.0.47 → 3.0.49

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var useFormItem = require('../../composables/use-form-item.js');
+
+const datePickerTypes = ["date", "year", "month", "datetime"];
+const formDatePickerProps = utils.buildProps({
+  ...useFormItem.columnProps,
+  type: {
+    default: "date",
+    values: datePickerTypes
+  },
+  valueFormat: {
+    type: String
+  }
+});
+
+exports.datePickerTypes = datePickerTypes;
+exports.formDatePickerProps = formDatePickerProps;
+//# sourceMappingURL=form-date-picker-options.js.map

package/dist/cjs/components/data-model/data-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/data-model/data-form/components/form-date-picker/form-date-picker-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\nimport { ExtractPropTypes } from \"vue\";\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":["buildProps","columnProps"],"mappings":";;;;;AAIO,MAAM,eAAkB,GAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,SAAS,UAAU,EAAA;AAE5D,MAAM,sBAAsBA,gBAAW,CAAA;AAAA,EAC5C,GAAGC,uBAAA;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/cjs/components/data-model/data-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" | "datetime" | "year" | "month", 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" | "datetime" | "year" | "month", 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" | "datetime" | "year" | "month", unknown>;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-picker.js","sources":["../../../../../../../src/components/data-model/data-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 \"../../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      if (props.valueFormat) {\n        return props.valueFormat;\n      }\n\n      switch (unref(type)) {\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 \"YYYY-MM-DD\";\n      }\n    });\n\n    return () => {\n      return (\n        <ElDatePicker\n          class=\"mk-form-date-picker\"\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":["defineComponent","name","props","formDatePickerProps","setup","value","disabled","useFormItem","type","computed","datePickerTypes","includes","valueFormat","unref","_createVNode","ElDatePicker","v"],"mappings":";;;;;;;AAQA,qCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,yCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,KAAAA;AAAAA,MAAOC,QAAAA;AAAAA,QAAaC,uBAAY,EAAA,CAAA;AAExC,IAAMC,MAAAA,IAAAA,GAAOC,YAAS,CAAA,MACpBC,qCAAgBC,CAAAA,QAAAA,CAAST,MAAMM,IAAI,CAAA,GAAIN,KAAMM,CAAAA,IAAAA,GAAO,MACtD,CAAA,CAAA;AAEA,IAAMI,MAAAA,WAAAA,GAAcH,aAAS,MAAM;AACjC,MAAA,IAAIP,MAAMU,WAAa,EAAA;AACrB,QAAA,OAAOV,KAAMU,CAAAA,WAAAA,CAAAA;AAAAA,OACf;AAEA,MAAQC,QAAAA,SAAAA,CAAML,IAAI,CAAC;AAAA,QACjB,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,UAAO,OAAA,YAAA,CAAA;AAAA,OACX;AAAA,KACD,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAAM,gBAAAC,wBAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,QAAA,MAAA,EAGUF,UAAML,IAAI,CAAA;AAAA,QAAC,aAAA,EACJK,UAAMD,WAAW,CAAA;AAAA,QAAC,UAAA,EACrBC,UAAMP,QAAQ,CAAA;AAAA,QAAC,YAAA,EACbO,UAAMR,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/cjs/components/data-model/data-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" | "datetime" | "year" | "month", 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" | "datetime" | "year" | "month", 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" | "datetime" | "year" | "month", unknown>;
+}, {}>> & Record<string, any>;
+export default MKFormDatePicker;
+export * from "./form-date-picker-options";

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

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

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var dm = require('@maketribe/dm');
+var useFormItem = require('../../composables/use-form-item.js');
+
+const formDetailProps = utils.buildProps({
+  ...useFormItem.columnProps,
+  column: { type: dm.FormDetailColumn, required: true },
+  formWidth: {
+    type: String,
+    default: "400px"
+  }
+});
+
+exports.formDetailProps = formDetailProps;
+//# sourceMappingURL=form-detail-options.js.map

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

@@ -0,0 +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":["buildProps","columnProps","FormDetailColumn"],"mappings":";;;;;;AAKO,MAAM,kBAAkBA,gBAAW,CAAA;AAAA,EACxC,GAAGC,uBAAA;AAAA,EACH,MAAQ,EAAA,EAAE,IAAM,EAAAC,mBAAA,EAAkB,UAAU,IAAK,EAAA;AAAA,EACjD,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU;;;;"}

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

@@ -0,0 +1,84 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+require('../../../../basic/svg-icon/index.js');
+require('../../../../basic/button/button-options.js');
+require('../../../../basic/config-provider/index.js');
+require('../../../../basic/data-table-select-dialog/index.js');
+require('../../../../basic/data-table-select/index.js');
+require('../../../../basic/data-select/index.js');
+require('../../../../basic/pagination/index.js');
+require('../../../../basic/markdown-editor/index.js');
+require('../../../../basic/rich-text-editor/index.js');
+require('../../../../basic/system-provider/index.js');
+require('../../../../basic/image-select/index.js');
+require('../../../../basic/json-editor/index.js');
+var index = require('../../../../basic/page-container/index.js');
+var index$2 = require('../../../data-table/index.js');
+var index$1 = require('../../index.js');
+var formDetailOptions = require('./form-detail-options.js');
+var useFormItem = require('../../composables/use-form-item.js');
+require('@maketribe/dm');
+require('vue-router');
+require('@maketribe/request');
+require('@maketribe/locale');
+require('@maketribe/utils');
+require('../../../../../core/DataModelDefines.js');
+var useSingleView = require('../../../../../composables/use-single-view.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var FormDetail = /* @__PURE__ */ vue.defineComponent({
+  name: "MKFormDetail",
+  props: formDetailOptions.formDetailProps,
+  setup(props) {
+    const detailTable = vue.computed(() => props.column.detailTable);
+    const detailForm = vue.computed(() => props.column.detailForm);
+    const {
+      value
+    } = useFormItem.useFormItem();
+    vue.watch(vue.computed(() => vue.unref(value)), (value2) => {
+      const _detailTable = vue.unref(detailTable);
+      value2 = Array.isArray(value2) ? value2 : [];
+      _detailTable.setList(value2.map((item) => _detailTable.formatItem(item)));
+    });
+    const {
+      isShowDataForm
+    } = useSingleView.useSingleView({
+      dataTable: detailTable,
+      dataForm: detailForm
+    });
+    return () => {
+      const dataForm = vue.unref(isShowDataForm) ? vue.createVNode(index.MKPageContainer, null, {
+        default: () => [vue.createVNode(index$1.MKDataForm, {
+          "dataForm": vue.unref(detailForm),
+          "autoLoad": false
+        }, null)]
+      }) : null;
+      return vue.createVNode("div", {
+        "class": "mk-form-detail"
+      }, [vue.createVNode(index$2.MKDataTable, {
+        "dataTable": vue.unref(detailTable),
+        "autoLoad": false
+      }, {
+        empty: () => vue.createVNode(elementPlus.ElEmpty, {
+          "image-size": 100
+        }, null)
+      }), vue.createVNode(elementPlus.ElDrawer, {
+        "class": "mk-form-detail__drawer",
+        "modelValue": vue.unref(isShowDataForm),
+        "onUpdate:modelValue": (v) => isShowDataForm.value = v,
+        "appendToBody": true,
+        "withHeader": false,
+        "width": "50%"
+      }, _isSlot(dataForm) ? dataForm : {
+        default: () => [dataForm]
+      })]);
+    };
+  }
+});
+
+module.exports = FormDetail;
+//# sourceMappingURL=form-detail.js.map

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

@@ -0,0 +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\";\nimport { MKDataTable } from \"../../../data-table\";\nimport { MKDataForm } from \"../../\";\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          <MKDataForm 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","defineComponent","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","MKDataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}

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

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

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

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

package/dist/cjs/components/data-model/data-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/data-model/data-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 \"../../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":["buildProps","columnProps","DataTable","FormDetailColumn"],"mappings":";;;;;;AAKO,MAAM,wBAAwBA,gBAAW,CAAA;AAAA,EAC9C,GAAGC,uBAAA;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,EAAAC,YAAA;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,EAAAC,mBAAA,EAAkB,UAAU,IAAK,EAAA;AACnD,CAAU;;;;"}

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var vue = require('vue');
+var index = require('../../../../basic/data-table-select/index.js');
+var formDetailSelectOptions = require('./form-detail-select-options.js');
+var useFormItem = require('../../composables/use-form-item.js');
+var lodashEs = require('lodash-es');
+
+var FormDetailSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "MKFormDetailSelect",
+  inheritAttrs: false,
+  props: formDetailSelectOptions.formDetailSelectProps,
+  setup(props) {
+    const {
+      value
+    } = useFormItem.useFormItem();
+    const detailTable = vue.computed(() => props.column.detailTable);
+    const selected = vue.computed({
+      get: () => {
+        const list = vue.unref(detailTable).getList();
+        if (!list) {
+          return null;
+        }
+        return props.multiple ? [...list].map((item) => item[props.saveFieldName]) : list[0][props.saveFieldName] ?? null;
+      },
+      set: (v) => {
+        if (props.multiple) {
+          value.value = v.map((item) => ({
+            [props.saveFieldName]: item
+          }));
+        } else {
+          value.value = v ? {
+            [props.saveFieldName]: v
+          } : null;
+        }
+      }
+    });
+    vue.watch(value, (value2) => {
+      const _value = vue.unref(detailTable).getList().map((item) => item[props.saveFieldName]);
+      if (lodashEs.isEqual(value2, _value)) {
+        return;
+      }
+      vue.unref(detailTable).dataFilter.setReady();
+      vue.unref(detailTable).load();
+    }, {
+      immediate: true
+    });
+    return () => {
+      return vue.createVNode(index.MKDataTableSelect, {
+        "modelValue": vue.unref(selected),
+        "onUpdate:model-value": (v) => selected.value = v,
+        "labelFieldName": props.labelFieldName,
+        "primaryFieldName": props.primaryFieldName,
+        "multiple": props.multiple,
+        "disabled": props.disabled,
+        "dataTable": props.dataTable
+      }, null);
+    };
+  }
+});
+
+module.exports = FormDetailSelect;
+//# sourceMappingURL=form-detail-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-detail-select.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail-select/form-detail-select.tsx"],"sourcesContent":["import { computed, defineComponent, unref, watch } from \"vue\";\nimport MKDataTableSelect from \"../../../../basic/data-table-select\";\nimport { formDetailSelectProps } from \"./form-detail-select-options\";\nimport { useFormItem } from \"../../composables\";\nimport { isEqual } from \"lodash-es\";\n\nexport default defineComponent({\n  name: \"MKFormDetailSelect\",\n  inheritAttrs: false,\n  props: formDetailSelectProps,\n  setup(props) {\n    const { value } = useFormItem();\n\n    const detailTable = computed(() => props.column.detailTable);\n\n    const selected = computed({\n      get: () => {\n        const list = unref(detailTable).getList();\n\n        if (!list) {\n          return null;\n        }\n\n        return props.multiple\n          ? [...list].map((item) => item[props.saveFieldName])\n          : list[0][props.saveFieldName] ?? null;\n      },\n      set: (v) => {\n        if (props.multiple) {\n          value.value = v.map((item: any) => ({ [props.saveFieldName]: item }));\n        } else {\n          value.value = v ? { [props.saveFieldName]: v } : null;\n        }\n      },\n    });\n\n    watch(\n      value,\n      (value) => {\n        const _value = unref(detailTable)\n          .getList()\n          .map((item) => item[props.saveFieldName]);\n\n        if (isEqual(value, _value)) {\n          return;\n        }\n\n        unref(detailTable).dataFilter.setReady();\n        unref(detailTable).load();\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      return (\n        <MKDataTableSelect\n          modelValue={unref(selected)}\n          onUpdate:model-value={(v: any) => (selected.value = v)}\n          labelFieldName={props.labelFieldName}\n          primaryFieldName={props.primaryFieldName}\n          multiple={props.multiple}\n          disabled={props.disabled}\n          dataTable={props.dataTable}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","formDetailSelectProps","setup","value","useFormItem","detailTable","computed","column","selected","get","list","unref","getList","multiple","map","item","saveFieldName","set","v","watch","_value","isEqual","dataFilter","setReady","load","immediate","_createVNode","MKDataTableSelect","labelFieldName","primaryFieldName","disabled","dataTable"],"mappings":";;;;;;;;AAMA,uCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,oBAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdC,KAAOC,EAAAA,6CAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,KAAAA;AAAAA,QAAUC,uBAAY,EAAA,CAAA;AAE9B,IAAA,MAAMC,WAAcC,GAAAA,YAAAA,CAAS,MAAMN,KAAAA,CAAMO,OAAOF,WAAW,CAAA,CAAA;AAE3D,IAAA,MAAMG,WAAWF,YAAS,CAAA;AAAA,MACxBG,KAAKA,MAAM;AACT,QAAA,MAAMC,IAAOC,GAAAA,SAAAA,CAAMN,WAAW,CAAA,CAAEO,OAAQ,EAAA,CAAA;AAExC,QAAA,IAAI,CAACF,IAAM,EAAA;AACT,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QAAA,OAAOV,MAAMa,QACT,GAAA,CAAC,GAAGH,IAAI,CAAA,CAAEI,IAAKC,CAASA,IAAAA,KAAAA,IAAAA,CAAKf,KAAMgB,CAAAA,aAAa,CAAC,CACjDN,GAAAA,IAAAA,CAAK,CAAC,CAAEV,CAAAA,KAAAA,CAAMgB,aAAa,CAAK,IAAA,IAAA,CAAA;AAAA,OACtC;AAAA,MACAC,KAAMC,CAAM,CAAA,KAAA;AACV,QAAA,IAAIlB,MAAMa,QAAU,EAAA;AAClBV,UAAMA,KAAAA,CAAAA,KAAAA,GAAQe,CAAEJ,CAAAA,GAAAA,CAAKC,CAAe,IAAA,MAAA;AAAA,YAAE,CAACf,KAAMgB,CAAAA,aAAa,GAAGD,IAAAA;AAAAA,WAAO,CAAA,CAAA,CAAA;AAAA,SAC/D,MAAA;AACLZ,UAAAA,KAAAA,CAAMA,QAAQe,CAAI,GAAA;AAAA,YAAE,CAAClB,KAAMgB,CAAAA,aAAa,GAAGE,CAAAA;AAAAA,WAAM,GAAA,IAAA,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAEDC,IACEhB,SAAAA,CAAAA,KAAAA,EACCA,CAAAA,MAAU,KAAA;AACT,MAAMiB,MAAAA,MAAAA,GAAST,SAAMN,CAAAA,WAAW,CAC7BO,CAAAA,OAAAA,EACAE,CAAAA,GAAAA,CAAKC,CAASA,IAAAA,KAAAA,IAAAA,CAAKf,KAAMgB,CAAAA,aAAa,CAAC,CAAA,CAAA;AAE1C,MAAIK,IAAAA,gBAAAA,CAAQlB,MAAOiB,EAAAA,MAAM,CAAG,EAAA;AAC1B,QAAA,OAAA;AAAA,OACF;AAEAT,MAAMN,SAAAA,CAAAA,WAAW,CAAEiB,CAAAA,UAAAA,CAAWC,QAAS,EAAA,CAAA;AACvCZ,MAAMN,SAAAA,CAAAA,WAAW,EAAEmB,IAAK,EAAA,CAAA;AAAA,KAE1B,EAAA;AAAA,MAAEC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAAC,uBAAA,EAAA;AAAA,QAAA,YAAA,EAEgBhB,UAAMH,QAAQ,CAAA;AAAA,QAAC,sBAAA,EACJU,CAAYV,CAAAA,KAAAA,QAAAA,CAASL,KAAQe,GAAAA,CAAAA;AAAAA,QAAE,kBACtClB,KAAM4B,CAAAA,cAAAA;AAAAA,QAAc,oBAClB5B,KAAM6B,CAAAA,gBAAAA;AAAAA,QAAgB,YAC9B7B,KAAMa,CAAAA,QAAAA;AAAAA,QAAQ,YACdb,KAAM8B,CAAAA,QAAAA;AAAAA,QAAQ,aACb9B,KAAM+B,CAAAA,SAAAA;AAAAA,SAAS,IAAA,CAAA,CAAA;AAAA,KAGhC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail-select/index.ts"],"sourcesContent":["import FormDetailSelect from \"./form-detail-select\";\r\n\r\nexport const MKFormDetailSelect = FormDetailSelect;\r\n\r\nexport default MKFormDetailSelect;\r\n"],"names":["FormDetailSelect"],"mappings":";;;;;;AAEO,MAAM,kBAAqB,GAAAA;;;;;"}

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

@@ -0,0 +1,11 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var useFormItem = require('../../composables/use-form-item.js');
+
+const formIconSelectProps = utils.buildProps({
+  ...useFormItem.columnProps
+});
+
+exports.formIconSelectProps = formIconSelectProps;
+//# sourceMappingURL=form-icon-select-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-icon-select-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-icon-select/form-icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const formIconSelectProps = buildProps({\n  ...columnProps,\n});\n\nexport type FormIconSelectProps = ExtractPropTypes<typeof formIconSelectProps>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;AAIO,MAAM,sBAAsBA,gBAAW,CAAA;AAAA,EAC5C,GAAGC,uBAAA;AACL,CAAC;;;;"}

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

@@ -0,0 +1,81 @@
+'use strict';
+
+var vue = require('vue');
+var icons = require('@element-plus/icons-vue');
+var useFormItem = require('../../composables/use-form-item.js');
+var index = require('../../../../basic/svg-icon/index.js');
+var formIconSelectOptions = require('./form-icon-select-options.js');
+var elementPlus = require('element-plus');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var icons__namespace = /*#__PURE__*/_interopNamespaceDefault(icons);
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var FormIconSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "MKFormIconSelect",
+  props: formIconSelectOptions.formIconSelectProps,
+  setup() {
+    const icons = vue.ref([]);
+    const {
+      value
+    } = useFormItem.useFormItem();
+    const {
+      formItem: elFormItem
+    } = elementPlus.useFormItem();
+    const handleClick = (icon) => {
+      value.value = icon;
+    };
+    vue.onMounted(() => {
+      const svgList = document.querySelectorAll('body > svg[aria-hidden="true"]');
+      let iconList = [];
+      for (const svg of Array.from(svgList)) {
+        const symbols = svg.querySelectorAll("symbol");
+        iconList = iconList.concat(Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, "")));
+      }
+      icons.value = [...Object.keys(icons__namespace), ...iconList];
+    });
+    vue.watch(value, () => {
+      elFormItem?.validate?.("change");
+    }, {
+      flush: "post"
+    });
+    return () => {
+      const _value = vue.unref(value);
+      const children = vue.unref(icons).map((icon) => vue.createVNode("span", {
+        "key": icon,
+        "class": ["mk-form-icon-select__icon-item", icon === _value ? "is-active" : ""],
+        "onClick": () => handleClick(icon)
+      }, [vue.createVNode(index.MKSvgIcon, {
+        "iconClass": icon
+      }, null)]));
+      return vue.createVNode("div", {
+        "class": "mk-form-icon-select"
+      }, [vue.createVNode(elementPlus.ElScrollbar, {
+        "height": "100%"
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      })]);
+    };
+  }
+});
+
+module.exports = FormIconSelect;
+//# sourceMappingURL=form-icon-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-icon-select.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-icon-select/form-icon-select.tsx"],"sourcesContent":["import { Ref, defineComponent, onMounted, ref, unref, watch } from \"vue\";\nimport * as elIcons from \"@element-plus/icons-vue\";\nimport { useFormItem } from \"../../composables\";\nimport SvgIcon from \"../../../../basic/svg-icon\";\nimport { formIconSelectProps } from \"./form-icon-select-options\";\nimport { ElScrollbar, useFormItem as elUseFormItem } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormIconSelect\",\n  props: formIconSelectProps,\n  setup() {\n    const icons: Ref<string[]> = ref([]);\n\n    const { value } = useFormItem();\n\n    const { formItem: elFormItem } = elUseFormItem();\n\n    const handleClick = (icon: string) => {\n      value.value = icon;\n    };\n\n    onMounted(() => {\n      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\n        'body > svg[aria-hidden=\"true\"]'\n      );\n\n      let iconList: string[] = [];\n\n      for (const svg of Array.from(svgList)) {\n        const symbols = svg.querySelectorAll(\"symbol\");\n\n        iconList = iconList.concat(\n          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\n        );\n      }\n\n      icons.value = [...Object.keys(elIcons), ...iconList];\n    });\n\n    watch(\n      value,\n      () => {\n        elFormItem?.validate?.(\"change\");\n      },\n      { flush: \"post\" }\n    );\n\n    return () => {\n      const _value = unref(value);\n\n      const children = unref(icons).map((icon) => (\n        <span\n          key={icon}\n          class={[\n            \"mk-form-icon-select__icon-item\",\n            icon === _value ? \"is-active\" : \"\",\n          ]}\n          onClick={() => handleClick(icon)}\n        >\n          <SvgIcon iconClass={icon} />\n        </span>\n      ));\n\n      return (\n        <div class=\"mk-form-icon-select\">\n          <ElScrollbar height=\"100%\">{children}</ElScrollbar>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formIconSelectProps","setup","icons","ref","value","useFormItem","formItem","elFormItem","elUseFormItem","handleClick","icon","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","keys","elIcons","watch","validate","flush","_value","unref","children","_createVNode","onClick","SvgIcon","ElScrollbar","default"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormIconSelect from \"./form-icon-select\";\r\n\r\nexport const MKFormIconSelect = withInstall(FormIconSelect);\r\nexport default MKFormIconSelect;\r\n"],"names":["withInstall","FormIconSelect"],"mappings":";;;;;;;AAGa,MAAA,gBAAA,GAAmBA,kBAAYC,cAAc;;;;;"}

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

@@ -0,0 +1,11 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var useFormItem = require('../../composables/use-form-item.js');
+
+const formImageUploadProps = utils.buildProps({
+  ...useFormItem.columnProps
+});
+
+exports.formImageUploadProps = formImageUploadProps;
+//# sourceMappingURL=form-image-upload-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-upload-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-image-upload/form-image-upload-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const formImageUploadProps = buildProps({\n  ...columnProps,\n});\n\nexport type FormImageUploadProps = ExtractPropTypes<\n  typeof formImageUploadProps\n>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;AAIO,MAAM,uBAAuBA,gBAAW,CAAA;AAAA,EAC7C,GAAGC,uBAAA;AACL,CAAC;;;;"}

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

@@ -0,0 +1,40 @@
+'use strict';
+
+var vue = require('vue');
+var formImageUploadOptions = require('./form-image-upload-options.js');
+var useFormItem = require('../../composables/use-form-item.js');
+require('../../../../business/upload-file/upload-file.js');
+require('@maketribe/request');
+require('@maketribe/dm');
+require('element-plus');
+require('@maketribe/utils');
+require('../../../../../core/DataModelDefines.js');
+require('vue-router');
+require('@maketribe/locale');
+require('../../../../business/material-select/index.js');
+require('../../../../business/upload-file/context/material-upload-context.js');
+require('../../../../business/upload-file/context/material-upload-context-options.js');
+require('../../../../business/upload-file/context/web-file-upload-context.js');
+require('../../../../business/upload-file/context/web-file-upload-context-options.js');
+var index = require('../../../../business/upload-file/ui/upload-image/index.js');
+require('../../../../business/upload-file/upload-file-options.js');
+
+var FormImageUpload = /* @__PURE__ */ vue.defineComponent({
+  name: "MKFormImageUpload",
+  props: formImageUploadOptions.formImageUploadProps,
+  setup(props, {}) {
+    const {
+      column,
+      value
+    } = useFormItem.useFormItem();
+    return () => {
+      return vue.createVNode(index.MKUploadImage, vue.mergeProps(vue.unref(column)?.componentProps, {
+        "modelValue": vue.unref(value),
+        "onUpload:model-value": (v) => value.value = v
+      }), null);
+    };
+  }
+});
+
+module.exports = FormImageUpload;
+//# sourceMappingURL=form-image-upload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-upload.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-image-upload/form-image-upload.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\nimport { formImageUploadProps } from \"./form-image-upload-options\";\nimport { useFormItem } from \"../../composables\";\nimport { MKUploadImage } from \"../../../../business/upload-file\";\n\nexport default defineComponent({\n  name: \"MKFormImageUpload\",\n  props: formImageUploadProps,\n  setup(props, {}) {\n    const { column, value } = useFormItem();\n\n    return () => {\n      return (\n        <MKUploadImage\n          {...unref(column)?.componentProps}\n          modelValue={unref(value)}\n          onUpload:model-value={(v: any) => (value.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","formImageUploadProps","setup","column","value","useFormItem","_createVNode","MKUploadImage","_mergeProps","unref","componentProps","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,sCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,2CAAAA;AAAAA,EACPC,KAAAA,CAAMF,KAAO,EAAA,EAAI,EAAA;AACf,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,uBAAY,EAAA,CAAA;AAEtC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAAC,mBAAAC,EAAAA,cAAAA,CAEQC,SAAMN,CAAAA,MAAM,GAAGO,cAAc,EAAA;AAAA,QAAA,YAAA,EACrBD,UAAML,KAAK,CAAA;AAAA,QAAC,sBAAA,EACDO,CAAYP,CAAAA,KAAAA,KAAAA,CAAMA,KAAQO,GAAAA,CAAAA;AAAAA,OAAE,GAAA,IAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-image-upload/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormImageUpload from \"./form-image-upload\";\r\n\r\nexport const MKFormImageUpload = withInstall(FormImageUpload);\r\nexport default MKFormImageUpload;\r\n"],"names":["withInstall","FormImageUpload"],"mappings":";;;;;;;AAGa,MAAA,iBAAA,GAAoBA,kBAAYC,eAAe;;;;;"}

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var useFormItem = require('../../composables/use-form-item.js');
+var dm = require('@maketribe/dm');
+
+const radioBoxProps = utils.buildProps({
+  ...useFormItem.columnProps,
+  source: {
+    type: Object
+  },
+  options: {
+    type: Array
+  },
+  dataTable: {
+    type: dm.DataTable
+  },
+  formatOptions: {
+    type: Function,
+    default: (item) => {
+      const value = item.value ?? item.id ?? item.name;
+      const label = item.label ?? item.desc ?? item.title ?? item.name;
+      return { value, label };
+    }
+  }
+});
+const radioBoxEmits = {};
+
+exports.radioBoxEmits = radioBoxEmits;
+exports.radioBoxProps = radioBoxProps;
+//# sourceMappingURL=form-radio-box-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-radio-box-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-radio-box/form-radio-box-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const radioBoxProps = buildProps({\n  ...columnProps,\n  source: {\n    type: Object,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n\n      return { value, label };\n    },\n  },\n} as const);\n\nexport type RadioBoxProps = ExtractPropTypes<typeof radioBoxProps>;\n\nexport const radioBoxEmits = {};\n\nexport type RadioBoxEmits = typeof radioBoxEmits;\n"],"names":["buildProps","columnProps","DataTable"],"mappings":";;;;;;AAKO,MAAM,gBAAgBA,gBAAW,CAAA;AAAA,EACtC,GAAGC,uBAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,GACR;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAAC,YAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,OAAA,EAAS,CAAC,IAAc,KAAA;AACtB,MAAA,MAAM,KAAQ,GAAA,IAAA,CAAK,KAAS,IAAA,IAAA,CAAK,MAAM,IAAK,CAAA,IAAA,CAAA;AAC5C,MAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,IAAS,KAAK,IAAQ,IAAA,IAAA,CAAK,SAAS,IAAK,CAAA,IAAA,CAAA;AAE5D,MAAO,OAAA,EAAE,OAAO,KAAM,EAAA,CAAA;AAAA,KACxB;AAAA,GACF;AACF,CAAU,EAAA;AAIH,MAAM,gBAAgB;;;;;"}