@maketribe/ms-app 3.0.3 → 3.0.5

package/dist/cjs/components/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/form-components/form-icon-select/form-icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-form/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/form-components/form-icon-select/form-icon-select.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    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<{
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/cjs/components/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('../../data-model/data-form/composables/use-form-item.js');
+var index = require('../../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/form-components/form-icon-select/form-icon-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-icon-select.js","sources":["../../../../../src/components/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 \"../../data-model/data-form/composables\";\nimport SvgIcon from \"../../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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKyE,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,WAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAEzE,qCAA+BM,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,yCAAAA;AAAAA,EACPC,KAAQ,GAAA;AACN,IAAMC,MAAAA,KAAAA,GAAuBC,OAAI,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,QAAUC,uBAAY,EAAA,CAAA;AAE9B,IAAM,MAAA;AAAA,MAAEC,QAAUC,EAAAA,UAAAA;AAAAA,QAAeC,uBAAc,EAAA,CAAA;AAE/C,IAAA,MAAMC,cAAeC,CAAiB,IAAA,KAAA;AACpCN,MAAAA,KAAAA,CAAMA,KAAQM,GAAAA,IAAAA,CAAAA;AAAAA,KAChB,CAAA;AAEAC,IAAAA,aAAAA,CAAU,MAAM;AACd,MAAMC,MAAAA,OAAAA,GAAkCC,QAASC,CAAAA,gBAAAA,CAC/C,gCACF,CAAA,CAAA;AAEA,MAAA,IAAIC,WAAqB,EAAE,CAAA;AAE3B,MAAA,KAAA,MAAWC,GAAOC,IAAAA,KAAAA,CAAMC,IAAKN,CAAAA,OAAO,CAAG,EAAA;AACrC,QAAMO,MAAAA,OAAAA,GAAUH,GAAIF,CAAAA,gBAAAA,CAAiB,QAAQ,CAAA,CAAA;AAE7CC,QAAAA,QAAAA,GAAWA,QAASK,CAAAA,MAAAA,CAClBH,KAAMC,CAAAA,IAAAA,CAAKC,OAAO,CAAEE,CAAAA,GAAAA,CAAKC,CAAWA,MAAAA,KAAAA,MAAAA,CAAOC,EAAGC,CAAAA,OAAAA,CAAQ,QAAU,EAAA,EAAE,CAAC,CACrE,CAAA,CAAA;AAAA,OACF;AAEAtB,MAAME,KAAAA,CAAAA,KAAAA,GAAQ,CAAC,GAAGZ,MAAAA,CAAOiC,KAAKC,gBAAO,CAAA,EAAG,GAAGX,QAAQ,CAAA,CAAA;AAAA,KACpD,CAAA,CAAA;AAEDY,IAAAA,SAAAA,CACEvB,OACA,MAAM;AACJG,MAAAA,UAAAA,EAAYqB,WAAW,QAAQ,CAAA,CAAA;AAAA,KAEjC,EAAA;AAAA,MAAEC,KAAO,EAAA,MAAA;AAAA,KACX,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,MAAAA,GAASC,UAAM3B,KAAK,CAAA,CAAA;AAE1B,MAAA,MAAM4B,WAAWD,SAAM7B,CAAAA,KAAK,EAAEmB,GAAKX,CAAAA,CAAAA,IAAAA,KAAIuB,gBAAA,MAAA,EAAA;AAAA,QAAA,KAE9BvB,EAAAA,IAAAA;AAAAA,QAAI,SACF,CACL,gCAAA,EACAA,IAASoB,KAAAA,MAAAA,GAAS,cAAc,EAAE,CAAA;AAAA,QACnC,SAAA,EACQI,MAAMzB,WAAAA,CAAYC,IAAI,CAAA;AAAA,OAAC,EAAAuB,CAAAA,eAAAA,CAAAE,eAAA,EAAA;AAAA,QAAA,WAEZzB,EAAAA,IAAAA;AAAAA,OAAI,EAAA,IAAA,CAAA,CAAA,CAE3B,CAAA,CAAA;AAED,MAAA,OAAAuB,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAG,uBAAA,EAAA;AAAA,QAAA,QAAA,EAAA,MAAA;AAAA,OAAA9C,EAAAA,OAAAA,CAEgC0C,QAAQ,CAAA,GAARA,QAAQ,GAAA;AAAA,QAAAK,OAAAA,EAAAA,MAAA,CAARL,QAAQ,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAG1C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/form-components/form-icon-select/index.d.ts

@@ -0,0 +1,16 @@
+export declare const MKFormIconSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    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<{
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default MKFormIconSelect;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var formIconSelect = require('./form-icon-select.js');
+
+const MKFormIconSelect = utils.withInstall(formIconSelect);
+
+exports.MKFormIconSelect = MKFormIconSelect;
+exports.default = MKFormIconSelect;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/form-components/form-image-list/form-image-list-options.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from "vue";
+import { WebFileUpload } from "@maketribe/request";
+export declare const formImageListProps: {
+    upload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type FormImageListProps = ExtractPropTypes<typeof formImageListProps>;

package/dist/cjs/components/form-components/form-image-list/form-image-list-options.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var request = require('@maketribe/request');
+var useFormItem = require('../../data-model/data-form/composables/use-form-item.js');
+
+const formImageListProps = utils.buildProps({
+  ...useFormItem.columnProps,
+  upload: {
+    type: request.WebFileUpload
+  },
+  limit: {
+    type: Number,
+    default: 10
+  }
+});
+
+exports.formImageListProps = formImageListProps;
+//# sourceMappingURL=form-image-list-options.js.map

package/dist/cjs/components/form-components/form-image-list/form-image-list-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-list-options.js","sources":["../../../../../src/components/form-components/form-image-list/form-image-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formImageListProps = buildProps({\n  ...columnProps,\n  upload: {\n    type: WebFileUpload,\n  },\n  limit: {\n    type: Number,\n    default: 10,\n  },\n});\n\nexport type FormImageListProps = ExtractPropTypes<typeof formImageListProps>;\n"],"names":["buildProps","columnProps","WebFileUpload"],"mappings":";;;;;;AAKO,MAAM,qBAAqBA,gBAAW,CAAA;AAAA,EAC3C,GAAGC,uBAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,IAAM,EAAAC,qBAAA;AAAA,GACR;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/dist/cjs/components/form-components/form-image-list/form-image-list.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    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<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    limit: number;
+}, {}>;
+export default _default;

package/dist/cjs/components/form-components/form-image-list/form-image-list.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var vue = require('vue');
+var useFormItem = require('../../data-model/data-form/composables/use-form-item.js');
+var index = require('../../upload-file/index.js');
+var index$1 = require('../../svg-icon/index.js');
+var formImageListOptions = require('./form-image-list-options.js');
+
+var FormImageList = /* @__PURE__ */ vue.defineComponent({
+  name: "MKFormImageList",
+  props: formImageListOptions.formImageListProps,
+  setup(props) {
+    const {
+      column,
+      value
+    } = useFormItem.useFormItem();
+    const fileList = vue.computed(() => vue.unref(value)?.map?.((item) => ({
+      name: item,
+      url: item
+    })) ?? []);
+    const handleUploadSuccess = (res) => {
+      let _value = vue.unref(value);
+      _value = Array.isArray(_value) ? [..._value] : [];
+      _value.push(res.data.data.path);
+      value.value = _value;
+    };
+    const handleRemove = (item) => {
+      value.value = vue.unref(value).filter((path) => path !== item.url);
+    };
+    return () => {
+      return vue.createVNode("div", {
+        "class": "img-select-list"
+      }, [vue.createVNode(index.MKUploadFile, {
+        "class": "image-select-list-box",
+        "showFileList": true,
+        "fileList": vue.unref(fileList),
+        "listType": "picture-card",
+        "upload": props.upload,
+        "onUploadSuccess": handleUploadSuccess,
+        "onRemove": handleRemove,
+        "limit": props.limit
+      }, {
+        default: () => [vue.createVNode(index$1.MKSvgIcon, {
+          "iconClass": "Plus"
+        }, null)]
+      })]);
+    };
+  }
+});
+
+module.exports = FormImageList;
+//# sourceMappingURL=form-image-list.js.map

package/dist/cjs/components/form-components/form-image-list/form-image-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-list.js","sources":["../../../../../src/components/form-components/form-image-list/form-image-list.tsx"],"sourcesContent":["import { defineComponent, computed, unref } from \"vue\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport MKUploadFile from \"../../upload-file\";\nimport { MKSvgIcon } from \"../../svg-icon\";\nimport { formImageListProps } from \"./form-image-list-options\";\nimport { UploadFile } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormImageList\",\n  props: formImageListProps,\n  setup(props) {\n    const { column, value } = useFormItem();\n\n    const fileList = computed(\n      () =>\n        unref(value)?.map?.((item: string) => ({ name: item, url: item })) ?? []\n    );\n\n    const handleUploadSuccess = (res: any) => {\n      let _value = unref(value);\n\n      _value = Array.isArray(_value) ? [..._value] : [];\n\n      _value.push(res.data.data.path);\n\n      value.value = _value;\n    };\n\n    const handleRemove = (item: UploadFile) => {\n      value.value = unref(value).filter((path: string) => path !== item.url);\n    };\n\n    return () => {\n      return (\n        <div class=\"img-select-list\">\n          <MKUploadFile\n            class=\"image-select-list-box\"\n            showFileList={true}\n            fileList={unref(fileList)}\n            listType=\"picture-card\"\n            upload={props.upload}\n            onUploadSuccess={handleUploadSuccess}\n            onRemove={handleRemove}\n            limit={props.limit}\n          >\n            <MKSvgIcon iconClass=\"Plus\" />\n          </MKUploadFile>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","formImageListProps","setup","column","value","useFormItem","fileList","computed","unref","map","item","url","handleUploadSuccess","res","_value","Array","isArray","push","data","path","handleRemove","filter","_createVNode","MKUploadFile","upload","limit","default","MKSvgIcon"],"mappings":";;;;;;;;AAOA,oCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,iBAAA;AAAA,EACNC,KAAOC,EAAAA,uCAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,uBAAY,EAAA,CAAA;AAEtC,IAAA,MAAMC,WAAWC,YACf,CAAA,MACEC,UAAMJ,KAAK,CAAA,EAAGK,MAAOC,CAAkB,IAAA,MAAA;AAAA,MAAEX,IAAMW,EAAAA,IAAAA;AAAAA,MAAMC,GAAKD,EAAAA,IAAAA;AAAAA,KAAK,CAAE,CAAK,IAAA,EAC1E,CAAA,CAAA;AAEA,IAAA,MAAME,sBAAuBC,CAAa,GAAA,KAAA;AACxC,MAAIC,IAAAA,MAAAA,GAASN,UAAMJ,KAAK,CAAA,CAAA;AAExBU,MAASC,MAAAA,GAAAA,KAAAA,CAAMC,QAAQF,MAAM,CAAA,GAAI,CAAC,GAAGA,MAAM,IAAI,EAAE,CAAA;AAEjDA,MAAAA,MAAAA,CAAOG,IAAKJ,CAAAA,GAAAA,CAAIK,IAAKA,CAAAA,IAAAA,CAAKC,IAAI,CAAA,CAAA;AAE9Bf,MAAAA,KAAAA,CAAMA,KAAQU,GAAAA,MAAAA,CAAAA;AAAAA,KAChB,CAAA;AAEA,IAAA,MAAMM,eAAgBV,CAAqB,IAAA,KAAA;AACzCN,MAAMA,KAAAA,CAAAA,KAAAA,GAAQI,UAAMJ,KAAK,CAAA,CAAEiB,OAAQF,CAAiBA,IAAAA,KAAAA,IAAAA,KAAST,KAAKC,GAAG,CAAA,CAAA;AAAA,KACvE,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAW,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAC,kBAAA,EAAA;AAAA,QAAA,OAAA,EAAA,uBAAA;AAAA,QAAA,cAIoB,EAAA,IAAA;AAAA,QAAI,UAAA,EACRf,UAAMF,QAAQ,CAAA;AAAA,QAAC,UAAA,EAAA,cAAA;AAAA,QAAA,UAEjBN,KAAMwB,CAAAA,MAAAA;AAAAA,QAAM,iBACHZ,EAAAA,mBAAAA;AAAAA,QAAmB,UAC1BQ,EAAAA,YAAAA;AAAAA,QAAY,SACfpB,KAAMyB,CAAAA,KAAAA;AAAAA,OAAK,EAAA;AAAA,QAAAC,OAAAA,EAAAA,MAAAJ,CAAAA,eAAAA,CAAAK,iBAAA,EAAA;AAAA,UAAA,WAAA,EAAA,MAAA;AAAA,SAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAM1B,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/form-components/form-image-list/index.d.ts

@@ -0,0 +1,32 @@
+export declare const MKFormImageList: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    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<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    limit: number;
+}, {}>> & Record<string, any>;
+export default MKFormImageList;

package/dist/cjs/components/form-components/form-image-list/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var formImageList = require('./form-image-list.js');
+
+const MKFormImageList = utils.withInstall(formImageList);
+
+exports.MKFormImageList = MKFormImageList;
+exports.default = MKFormImageList;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/form-components/form-image-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-image-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormImageList from \"./form-image-list\";\n\nexport const MKFormImageList = withInstall(FormImageList);\nexport default MKFormImageList;\n"],"names":["withInstall","FormImageList"],"mappings":";;;;;;;AAGa,MAAA,eAAA,GAAkBA,kBAAYC,aAAa;;;;;"}

package/dist/cjs/components/form-components/form-image-upload/form-image-upload-options.d.ts

@@ -0,0 +1,17 @@
+import { ExtractPropTypes } from "vue";
+import { WebFileUpload } from "@maketribe/request";
+export declare const formImageUploadProps: {
+    upload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
+        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;
+    };
+};
+export type FormImageUploadProps = ExtractPropTypes<typeof formImageUploadProps>;

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

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

package/dist/cjs/components/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/form-components/form-image-upload/form-image-upload-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formImageUploadProps = buildProps({\n  ...columnProps,\n  upload: {\n    type: WebFileUpload,\n  },\n});\n\nexport type FormImageUploadProps = ExtractPropTypes<\n  typeof formImageUploadProps\n>;\n"],"names":["buildProps","columnProps","WebFileUpload"],"mappings":";;;;;;AAKO,MAAM,uBAAuBA,gBAAW,CAAA;AAAA,EAC7C,GAAGC,uBAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,IAAM,EAAAC,qBAAA;AAAA,GACR;AACF,CAAC;;;;"}

package/dist/cjs/components/form-components/form-image-upload/form-image-upload.d.ts

@@ -0,0 +1,28 @@
+declare const _default: import("vue").DefineComponent<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        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<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        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;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var vue = require('vue');
+var formImageUploadOptions = require('./form-image-upload-options.js');
+var useFormItem = require('../../data-model/data-form/composables/use-form-item.js');
+var index = require('../../upload-image/index.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, {
+        "upload": props.upload,
+        "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/form-components/form-image-upload/form-image-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-upload.js","sources":["../../../../../src/components/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 \"../../data-model/data-form/composables\";\nimport { MKUploadImage } from \"../../upload-image\";\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          upload={props.upload}\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","upload","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,UACzBV,KAAMW,CAAAA,MAAAA;AAAAA,QAAM,YAAA,EACRF,UAAML,KAAK,CAAA;AAAA,QAAC,sBAAA,EACDQ,CAAYR,CAAAA,KAAAA,KAAAA,CAAMA,KAAQQ,GAAAA,CAAAA;AAAAA,OAAE,GAAA,IAAA,CAAA,CAAA;AAAA,KAGzD,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/form-components/form-image-upload/index.d.ts

@@ -0,0 +1,28 @@
+export declare const MKFormImageUpload: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        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<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        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;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default MKFormImageUpload;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@maketribe/utils');
+var formImageUpload = require('./form-image-upload.js');
+
+const MKFormImageUpload = utils.withInstall(formImageUpload);
+
+exports.MKFormImageUpload = MKFormImageUpload;
+exports.default = MKFormImageUpload;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/form-components/form-radio-box/form-radio-box-options.d.ts

@@ -0,0 +1,35 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable } from "@maketribe/dm";
+export declare const radioBoxProps: {
+    readonly source: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<unknown[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<unknown, unknown, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formatOptions: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (item: any) => {
+        value: any;
+        label: any;
+    }, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type RadioBoxProps = ExtractPropTypes<typeof radioBoxProps>;
+export declare const radioBoxEmits: {};
+export type RadioBoxEmits = typeof radioBoxEmits;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var useFormItem = require('../../data-model/data-form/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/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/form-components/form-radio-box/form-radio-box-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-form/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;;;;;"}

package/dist/cjs/components/form-components/form-radio-box/form-radio-box.d.ts

@@ -0,0 +1,66 @@
+export type DataOptionItem = {
+    value: any;
+    label: string;
+};
+declare const _default: import("vue").DefineComponent<{
+    readonly source: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<unknown[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<unknown, unknown, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formatOptions: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (item: any) => {
+        value: any;
+        label: any;
+    }, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly source: {
+        readonly type: import("vue").PropType<Record<string, any>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<unknown[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<unknown, unknown, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formatOptions: import("@maketribe/utils").PropFinalized<FunctionConstructor, unknown, unknown, (item: any) => {
+        value: any;
+        label: any;
+    }, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly formatOptions: Function;
+}, {}>;
+export default _default;