@maketribe/ms-app 3.0.18 → 3.0.19

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    return () => {\n      const columns = unref(dataTable)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            align: column.align || \"center\",\n            reserveSelection: true,\n            type: column.type === null ? \"default\" : column.type,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTable),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTable).getList()}\n          rowKey={unref(dataTable).primaryKey}\n          show-overflow-tooltip\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableProps","setup","slots","dataTable","computed","columns","unref","getColumns","filter","column","visible","map","columnProps","prop","label","width","minWidth","fixed","align","reserveSelection","type","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":";;;;;AAMA,4BAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,SAAA;AAAA,EACNC,KAAOC,EAAAA,UAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AAAA,IAAEG,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,SAAYC,GAAAA,QAAAA,CAAS,MAAML,KAAAA,CAAMI,SAAS,CAAA,CAAA;AAEhD,IAAA,OAAO,MAAM;AACX,MAAA,MAAME,OAAUC,GAAAA,KAAAA,CAAMH,SAAS,CAAA,CAC5BI,YACAC,CAAAA,MAAAA,CAAQC,CAAWA,MAAAA,KAAAA,MAAAA,CAAOC,OAAWD,IAAAA,MAAAA,CAAOX,IAAI,CAAA,CAChDa,IAAKF,CAAW,MAAA,KAAA;AACf,QAAA,MAAMG,WAAmC,GAAA;AAAA,UACvCC,MAAMJ,MAAOX,CAAAA,IAAAA;AAAAA,UACbgB,OAAOL,MAAOK,CAAAA,KAAAA;AAAAA,UACdC,OAAON,MAAOM,CAAAA,KAAAA;AAAAA,UACdC,UAAUP,MAAOO,CAAAA,QAAAA;AAAAA,UACjBC,OAAOR,MAAOQ,CAAAA,KAAAA;AAAAA,UACdC,KAAAA,EAAOT,OAAOS,KAAS,IAAA,QAAA;AAAA,UACvBC,gBAAkB,EAAA,IAAA;AAAA,UAClBC,IAAMX,EAAAA,MAAAA,CAAOW,IAAS,KAAA,IAAA,GAAO,YAAYX,MAAOW,CAAAA,IAAAA;AAAAA,SAClD,CAAA;AAEA,QAAI,IAAA,CAACX,OAAOC,OAAS,EAAA;AACnB,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QACER,OAAAA,KAAAA,CAAO,OAAMO,MAAOX,CAAAA,IAAK,EAAC,CAAI,IAAA,IAACuB,WAAAC,CAAAA,aAAAA,EAEvBV,WACK,EAAA;AAAA,UACPW,SAAUC,CAIJ,KAAA,KAAA;AACJ,YAAA,IAAIC,WAAWvB,KAAO,CAAA,CAAA,IAAA,EAAMO,MAAOX,CAAAA,IAAK,UAAS,CAAI,GAAA;AAAA,cACnD4B,QAAQF,KAAME,CAAAA,MAAAA;AAAAA,cACdC,KAAKH,KAAMG,CAAAA,GAAAA;AAAAA,cACXlB,MAAAA;AAAAA,cACAN,SAAAA,EAAWG,MAAMH,SAAS,CAAA;AAAA,aAC3B,CAAA,CAAA;AAED,YAAA,IAAIsB,QAAU,EAAA;AACZ,cAAOA,OAAAA,QAAAA,CAAAA;AAAAA,aACT;AAEA,YAAA,OAAAJ,YAAAO,0BAAA,EAAA;AAAA,cAAA,QAEYnB,EAAAA,MAAAA;AAAAA,cAAM,OACTe,KAAMG,CAAAA,GAAAA;AAAAA,cAAG,SACPH,KAAME,CAAAA,MAAAA;AAAAA,eAAM,IAAA,CAAA,CAAA;AAAA,WAGzB;AAAA,SACD,CAAA,CAAA;AAAA,OAIR,CAAA,CAAA;AAEH,MAAA,OAAAL,YAAAQ,OAAA,EAAA;AAAA,QAAA,MAEUvB,EAAAA,KAAAA,CAAMH,SAAS,CAAA,CAAE2B,OAAQ,EAAA;AAAA,QAAC,QAAA,EACxBxB,KAAMH,CAAAA,SAAS,CAAE4B,CAAAA,UAAAA;AAAAA,QAAU,uBAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,IAAA;AAAA,OAAA,EAAA;AAAA,QAAAR,OAAAA,EAAAA,MAAA,CAMlClB,OAAO,CAAA;AAAA,QAFG2B,KAAAA,EAAOA,MAAM9B,KAAM8B,CAAAA,KAAAA,QAASX,WAAAY,CAAAA,OAAAA,EAAA,MAAA,IAAA,CAAA;AAAA,OAAe,CAAA,CAAA;AAAA,KAK5D,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"table.js","sources":["../../../../../../../src/components/data-model/data-table/views/table/table.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { Column, ElEmpty, ElTable, ElTableColumn } from \"element-plus\";\nimport { tableProps } from \"./table-options\";\nimport { MKDataTableColumn } from \"../../data-table-column\";\nimport MKDataTableColumnComponent from \"../../data-table-column-component\";\nimport { OrderType } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKTable\",\n  props: tableProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    type SortChangeEvent = { column: Column; prop: string; order: string };\n    const handleSortChange = ({ column, prop, order }: SortChangeEvent) => {\n      let orderType: OrderType | null = null;\n\n      if (order === \"descending\") {\n        orderType = OrderType.DESC;\n      } else if (order === \"ascending\") {\n        orderType = OrderType.ASC;\n      }\n\n      unref(dataTable).sorter.setColumnSort(prop, orderType);\n    };\n\n    return () => {\n      const columns = unref(dataTable)\n        .getColumns()\n        .filter((column) => column.visible && column.name)\n        .map((column) => {\n          const columnProps: Record<string, any> = {\n            prop: column.name,\n            label: column.label,\n            width: column.width,\n            minWidth: column.minWidth,\n            fixed: column.fixed,\n            align: column.align || \"center\",\n            reserveSelection: true,\n            type: column.type === null ? \"default\" : column.type,\n            sortable: column.sortable,\n          };\n\n          if (!column.visible) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() ?? (\n              <ElTableColumn\n                {...columnProps}\n                v-slots={{\n                  default: (scope: {\n                    $index: number;\n                    row: any;\n                    column: any;\n                  }) => {\n                    let children = slots[`col-${column.name}-content`]?.({\n                      $index: scope.$index,\n                      row: scope.row,\n                      column: column,\n                      dataTable: unref(dataTable),\n                    });\n\n                    if (children) {\n                      return children;\n                    }\n\n                    return (\n                      <MKDataTableColumnComponent\n                        column={column}\n                        row={scope.row}\n                        index={scope.$index}\n                      />\n                    );\n                  },\n                }}\n              />\n            )\n          );\n        });\n\n      return (\n        <ElTable\n          data={unref(dataTable).getList()}\n          rowKey={unref(dataTable).primaryKey}\n          onSort-change={handleSortChange}\n          show-overflow-tooltip\n          border\n          stripe\n          v-slots={{ empty: () => slots.empty?.() || <ElEmpty /> }}\n        >\n          {columns}\n        </ElTable>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableProps","setup","slots","dataTable","computed","handleSortChange","column","prop","order","orderType","OrderType","DESC","ASC","unref","sorter","setColumnSort","columns","getColumns","filter","visible","map","columnProps","label","width","minWidth","fixed","align","reserveSelection","type","sortable","_createVNode","ElTableColumn","default","scope","children","$index","row","MKDataTableColumnComponent","ElTable","getList","primaryKey","empty","ElEmpty"],"mappings":"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"}

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

@@ -1,12 +1,5 @@
 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;

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

@@ -1,12 +1,8 @@
 import { buildProps } from '@maketribe/utils';
-import { WebFileUpload } from '@maketribe/request';
 import { columnProps } from '../../data-model/data-form/composables/use-form-item.js';
 
 const formImageUploadProps = buildProps({
-  ...columnProps,
-  upload: {
-    type: WebFileUpload
-  }
+  ...columnProps
 });
 
 export { formImageUploadProps };

package/dist/esm/components/form-components/form-image-upload/form-image-upload-options.js.map

@@ -1 +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":[],"mappings":";;;;AAKO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,GAAG,WAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,GACR;AACF,CAAC;;;;"}
+{"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 { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formImageUploadProps = buildProps({\n  ...columnProps,\n});\n\nexport type FormImageUploadProps = ExtractPropTypes<\n  typeof formImageUploadProps\n>;\n"],"names":[],"mappings":";;;AAIO,MAAM,uBAAuB,UAAW,CAAA;AAAA,EAC7C,GAAG,WAAA;AACL,CAAC;;;;"}

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

@@ -1,10 +1,4 @@
 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;
@@ -12,12 +6,6 @@ declare const _default: import("vue").DefineComponent<{
         __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;

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

@@ -1,7 +1,21 @@
 import { defineComponent, createVNode, mergeProps, unref } from 'vue';
 import { formImageUploadProps } from './form-image-upload-options.js';
 import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
-import { MKUploadImage } from '../../upload-image/index.js';
+import '../../upload-file/upload-file.js';
+import '@maketribe/request';
+import '@maketribe/dm';
+import 'element-plus';
+import '@maketribe/utils';
+import '../../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/locale';
+import '../../material-select/index.js';
+import '../../upload-file/context/material-upload-context.js';
+import '../../upload-file/context/material-upload-context-options.js';
+import '../../upload-file/context/web-file-upload-context.js';
+import '../../upload-file/context/web-file-upload-context-options.js';
+import { MKUploadImage } from '../../upload-file/ui/upload-image/index.js';
+import '../../upload-file/upload-file-options.js';
 
 var FormImageUpload = /* @__PURE__ */ defineComponent({
   name: "MKFormImageUpload",
@@ -13,7 +27,6 @@ var FormImageUpload = /* @__PURE__ */ defineComponent({
     } = useFormItem();
     return () => {
       return createVNode(MKUploadImage, mergeProps(unref(column)?.componentProps, {
-        "upload": props.upload,
         "modelValue": unref(value),
         "onUpload:model-value": (v) => value.value = v
       }), null);

package/dist/esm/components/form-components/form-image-upload/form-image-upload.js.map

@@ -1 +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":["name","props","formImageUploadProps","setup","column","value","useFormItem","_createVNode","MKUploadImage","_mergeProps","unref","componentProps","upload","v"],"mappings":";;;;;AAKA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,KAAAA,CAAMF,KAAO,EAAA,EAAI,EAAA;AACf,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAEtC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAAC,aAAAC,EAAAA,UAAAA,CAEQC,KAAMN,CAAAA,MAAM,GAAGO,cAAc,EAAA;AAAA,QAAA,UACzBV,KAAMW,CAAAA,MAAAA;AAAAA,QAAM,YAAA,EACRF,MAAML,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;;;;"}
+{"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-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":["name","props","formImageUploadProps","setup","column","value","useFormItem","_createVNode","MKUploadImage","_mergeProps","unref","componentProps","v"],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,sCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAOC,EAAAA,oBAAAA;AAAAA,EACPC,KAAAA,CAAMF,KAAO,EAAA,EAAI,EAAA;AACf,IAAM,MAAA;AAAA,MAAEG,MAAAA;AAAAA,MAAQC,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAEtC,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAAC,aAAAC,EAAAA,UAAAA,CAEQC,KAAMN,CAAAA,MAAM,GAAGO,cAAc,EAAA;AAAA,QAAA,YAAA,EACrBD,MAAML,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/esm/components/form-components/form-image-upload/index.d.ts

@@ -1,10 +1,4 @@
 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;
@@ -12,12 +6,6 @@ export declare const MKFormImageUpload: import("@maketribe/utils").SFCWithInstal
         __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;

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

@@ -5,6 +5,5 @@ export * from "./form-detail";
 export * from "./form-data-table-select";
 export * from "./form-image-upload";
 export * from "./form-detail-select";
-export * from "./form-image-list";
 export * from "./form-date-picker";
 export * from "./form-rich-text-editor";

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

@@ -5,7 +5,6 @@ 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 { MKFormImageList } from './form-image-list/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';

package/dist/esm/components/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/index.d.ts

@@ -7,11 +7,9 @@ export * from "./config-provider";
 export * from "./image-view";
 export * from "./video-view";
 export * from "./file-view";
-export * from "./upload-file";
 export * from "./data-table-select-dialog";
 export * from "./data-table-select";
 export * from "./data-select";
-export * from "./upload-image";
 export * from "./pagination";
 export * from "./markdown-editor";
 export * from "./rich-text-editor";
@@ -22,3 +20,4 @@ export * from "./role-permission-config";
 export * from "./image-select";
 export * from "./verify-dialog";
 export * from "./json-editor";
+export * from "./upload-file";

package/dist/esm/components/index.js

@@ -10,7 +10,6 @@ export { MKFormDetail } from './form-components/form-detail/index.js';
 export { MKFormDataTableSelect } from './form-components/form-data-table-select/index.js';
 export { MKFormImageUpload } from './form-components/form-image-upload/index.js';
 export { MKFormDetailSelect } from './form-components/form-detail-select/index.js';
-export { MKFormImageList } from './form-components/form-image-list/index.js';
 export { MKFormDatePicker } from './form-components/form-date-picker/index.js';
 export { MKFormRichTextEditor } from './form-components/form-rich-text-editor/index.js';
 export { MKColumnAction } from './column-components/column-action/index.js';
@@ -31,11 +30,9 @@ export { MKConfigProvider } from './config-provider/index.js';
 export { MKImageView } from './image-view/index.js';
 export { MKVideoView } from './video-view/index.js';
 export { MKFileView } from './file-view/index.js';
-export { MKUploadFile } from './upload-file/index.js';
 export { MKDataTableSelectDialog } from './data-table-select-dialog/index.js';
 export { MKDataTableSelect } from './data-table-select/index.js';
 export { MKDataSelect } from './data-select/index.js';
-export { MKUploadImage } from './upload-image/index.js';
 export { MKPagination } from './pagination/index.js';
 export { MKMarkdownEditor } from './markdown-editor/index.js';
 export { MKRichTextEditor } from './rich-text-editor/index.js';
@@ -46,6 +43,16 @@ export { MKRolePermissionConfig } from './role-permission-config/index.js';
 export { MKImageSelect } from './image-select/index.js';
 export { MKVerifyDialog } from './verify-dialog/index.js';
 export { MKJsonEditor } from './json-editor/index.js';
+export { MKUploadFile } from './upload-file/upload-file.js';
+export { UploadContext, UploadContextCtxKey } from './upload-file/context/UploadContext.js';
+export { WebFileUploadContext } from './upload-file/context/WebFileUploadContext.js';
+export { MaterialUploadContext } from './upload-file/context/MaterialUploadContext.js';
+export { MKMaterialUploadContext } from './upload-file/context/material-upload-context.js';
+export { materialUploadContextProps } from './upload-file/context/material-upload-context-options.js';
+export { MKWebFileUploadContext } from './upload-file/context/web-file-upload-context.js';
+export { webFileUploadContextProps } from './upload-file/context/web-file-upload-context-options.js';
+export { MKUploadImage } from './upload-file/ui/upload-image/index.js';
+export { uploadFileEmits, uploadFileProps } from './upload-file/upload-file-options.js';
 export { dataFormEmits, dataFormProps } from './data-model/data-form/data-form-options.js';
 export { dataFormItemProps } from './data-model/data-form/data-form-item/data-form-item-options.js';
 export { MKDataFormItem } from './data-model/data-form/data-form-item/index.js';
@@ -97,4 +104,5 @@ export { markdownEditorEmits, markdownEditorProps } from './markdown-editor/mark
 export { richTextEditorEmits, richTextEditorProps } from './rich-text-editor/rich-text-editor-options.js';
 export { materialListEmits, materialListProps } from './material-list/material-list-options.js';
 export { rolePermissionConfigEmits, rolePermissionConfigProps } from './role-permission-config/role-permission-config-options.js';
+export { uploadImageEmits, uploadImageProps } from './upload-file/ui/upload-image/upload-image-options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/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/material-list/material-list.vue2.js

@@ -1,6 +1,19 @@
 import { defineComponent, computed, unref, resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, withCtx, createCommentVNode, createBlock } from 'vue';
 import { ElPagination } from 'element-plus';
-import { MKUploadFile } from '../upload-file/index.js';
+import { MKUploadFile } from '../upload-file/upload-file.js';
+import '@maketribe/request';
+import '@maketribe/dm';
+import '@maketribe/utils';
+import '../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/locale';
+import '../material-select/index.js';
+import '../upload-file/context/material-upload-context.js';
+import '../upload-file/context/material-upload-context-options.js';
+import { MKWebFileUploadContext } from '../upload-file/context/web-file-upload-context.js';
+import '../upload-file/context/web-file-upload-context-options.js';
+import '../upload-file/ui/upload-image/index.js';
+import '../upload-file/upload-file-options.js';
 import MaterialGroup from './material-group.vue.js';
 import MaterialItem from './material-item.vue.js';
 import { materialListProps, materialListEmits } from './material-list-options.js';
@@ -114,18 +127,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     1
                     /* TEXT */
                   ),
-                  createVNode(unref(MKUploadFile), {
-                    upload: _ctx.materialMan.upload,
+                  createVNode(unref(MKWebFileUploadContext), {
+                    "web-file-upload": _ctx.materialMan.upload,
                     accept: currentMaterialType.value.accept
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_ElButton, { type: "primary" }, {
+                      createVNode(unref(MKUploadFile), null, {
                         default: withCtx(() => [
-                          createTextVNode(
-                            " \u9009\u62E9" + toDisplayString(currentMaterialType.value.label),
-                            1
-                            /* TEXT */
-                          )
+                          createVNode(_component_ElButton, { type: "primary" }, {
+                            default: withCtx(() => [
+                              createTextVNode(
+                                " \u9009\u62E9" + toDisplayString(currentMaterialType.value.label),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
                         ]),
                         _: 1
                         /* STABLE */
@@ -133,7 +152,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["upload", "accept"])
+                  }, 8, ["web-file-upload", "accept"])
                 ],
                 64
                 /* STABLE_FRAGMENT */

package/dist/esm/components/material-list/material-list.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-list\">\n    <MaterialGroup :material-man=\"materialMan\" />\n    <div class=\"mk-material-list__main\" v-loading=\"loading\">\n      <div class=\"mk-material-list__header\">\n        <div class=\"mk-material-list__header-left\">\n          <div class=\"mk-material-list__types\">\n            <div\n              v-for=\"item of materialTypes\"\n              :key=\"item.value\"\n              :class=\"[\n                'mk-material-list__type',\n                currentMaterialTypeId === item.value ? 'is-active' : '',\n              ]\"\n              @click=\"handleMaterialTypeClick(item)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mk-material-list__header-right\">\n          <template v-if=\"currentMaterialType\">\n            {{ currentMaterialType.label }}大小不超过\n            {{ currentMaterialType.limit }} M\n            <MKUploadFile\n              :upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <ElButton type=\"primary\">\n                选择{{ currentMaterialType.label }}\n              </ElButton>\n            </MKUploadFile>\n          </template>\n        </div>\n      </div>\n\n      <div class=\"mk-material-list__body\">\n        <ElScrollbar height=\"100%\">\n          <div class=\"mk-material-list__wrapper\">\n            <MaterialItem\n              v-for=\"material of materialList\"\n              :key=\"material.id\"\n              :class=\"[\n                'mk-material-list__item',\n                value === material.path ? 'is-current' : '',\n              ]\"\n              :material-table=\"materialTable\"\n              :material=\"material\"\n              @click.capture=\"handleMaterialItemClick($event, material)\"\n            />\n          </div>\n        </ElScrollbar>\n        <div class=\"mk-material-list__footer\">\n          <ElPagination\n            class=\"mk-data-table-pagination\"\n            :background=\"true\"\n            :pageSizes=\"unref(pageSizes)\"\n            :currentPage=\"unref(currentPage)\"\n            :pageSize=\"unref(pageSize)\"\n            :total=\"unref(totalRecCount)\"\n            layout=\"prev, pager, next\"\n            @current-change=\"changeCurrentPage\"\n            @size-change=\"changePageSize\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, watch } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile } from \"../upload-file\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n  get: () => {\n    return props.selectable ? props.selectedPath ?? null : null;\n  },\n  set: (v) => {\n    emit(\"update:selected-path\", v);\n  },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n  get: () => unref(materialTable).currentPage,\n  set: (v) => {\n    unref(materialTable).pageTo(v);\n  },\n});\nconst pageSize = computed({\n  get: () => unref(materialTable).pageSize,\n  set: (v) => {\n    unref(materialTable).setPageSize(v);\n  },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n  currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n  pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.getMaterialType());\nconst currentMaterialTypeId = computed(\n  () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n  () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n  if (materialType.value === unref(currentMaterialTypeId)) {\n    return;\n  }\n\n  props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n  if (!props.selectable) {\n    return;\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  value.value = material.path;\n  emit(\"selectedChange\", material);\n};\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-list\">\n    <MaterialGroup :material-man=\"materialMan\" />\n    <div class=\"mk-material-list__main\" v-loading=\"loading\">\n      <div class=\"mk-material-list__header\">\n        <div class=\"mk-material-list__header-left\">\n          <div class=\"mk-material-list__types\">\n            <div\n              v-for=\"item of materialTypes\"\n              :key=\"item.value\"\n              :class=\"[\n                'mk-material-list__type',\n                currentMaterialTypeId === item.value ? 'is-active' : '',\n              ]\"\n              @click=\"handleMaterialTypeClick(item)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mk-material-list__header-right\">\n          <template v-if=\"currentMaterialType\">\n            {{ currentMaterialType.label }}大小不超过\n            {{ currentMaterialType.limit }} M\n            <MKWebFileUploadContext\n              :web-file-upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <MKUploadFile>\n                <ElButton type=\"primary\">\n                  选择{{ currentMaterialType.label }}\n                </ElButton>\n              </MKUploadFile>\n            </MKWebFileUploadContext>\n          </template>\n        </div>\n      </div>\n\n      <div class=\"mk-material-list__body\">\n        <ElScrollbar height=\"100%\">\n          <div class=\"mk-material-list__wrapper\">\n            <MaterialItem\n              v-for=\"material of materialList\"\n              :key=\"material.id\"\n              :class=\"[\n                'mk-material-list__item',\n                value === material.path ? 'is-current' : '',\n              ]\"\n              :material-table=\"materialTable\"\n              :material=\"material\"\n              @click.capture=\"handleMaterialItemClick($event, material)\"\n            />\n          </div>\n        </ElScrollbar>\n        <div class=\"mk-material-list__footer\">\n          <ElPagination\n            class=\"mk-data-table-pagination\"\n            :background=\"true\"\n            :pageSizes=\"unref(pageSizes)\"\n            :currentPage=\"unref(currentPage)\"\n            :pageSize=\"unref(pageSize)\"\n            :total=\"unref(totalRecCount)\"\n            layout=\"prev, pager, next\"\n            @current-change=\"changeCurrentPage\"\n            @size-change=\"changePageSize\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile, MKWebFileUploadContext } from \"../upload-file\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n  get: () => {\n    return props.selectable ? props.selectedPath ?? null : null;\n  },\n  set: (v) => {\n    emit(\"update:selected-path\", v);\n  },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n  get: () => unref(materialTable).currentPage,\n  set: (v) => {\n    unref(materialTable).pageTo(v);\n  },\n});\nconst pageSize = computed({\n  get: () => unref(materialTable).pageSize,\n  set: (v) => {\n    unref(materialTable).setPageSize(v);\n  },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n  currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n  pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.getMaterialType());\nconst currentMaterialTypeId = computed(\n  () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n  () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n  if (materialType.value === unref(currentMaterialTypeId)) {\n    return;\n  }\n\n  props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n  if (!props.selectable) {\n    return;\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  value.value = material.path;\n  emit(\"selectedChange\", material);\n};\n</script>\n"],"names":[],"mappings":"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"}

package/dist/esm/components/upload-file/context/MaterialUploadContext.d.ts

@@ -0,0 +1,11 @@
+import { MaterialType } from "../../../dataview";
+import { UploadContext, UploadResult } from "./UploadContext";
+export type MaterialUploadContextOptions = {
+    allowMaterialTypeValues?: MaterialType["value"][];
+};
+export declare class MaterialUploadContext extends UploadContext {
+    allowMaterialTypeValues: MaterialType["value"][];
+    constructor(options?: MaterialUploadContextOptions);
+    setAllowMaterialTypeValues(allowMaterialTypeValues: MaterialType["value"][]): void;
+    selectFile(): Promise<UploadResult>;
+}

package/dist/esm/components/upload-file/context/MaterialUploadContext.js

@@ -0,0 +1,26 @@
+import { MKMaterialSelect } from '../../material-select/index.js';
+import { UploadContext } from './UploadContext.js';
+
+class MaterialUploadContext extends UploadContext {
+  allowMaterialTypeValues;
+  constructor(options = {}) {
+    super();
+    this.allowMaterialTypeValues = options.allowMaterialTypeValues || [];
+  }
+  setAllowMaterialTypeValues(allowMaterialTypeValues) {
+    this.allowMaterialTypeValues = allowMaterialTypeValues;
+  }
+  async selectFile() {
+    const materialSelectResult = await MKMaterialSelect({
+      allowMaterialTypeValues: this.allowMaterialTypeValues
+    });
+    return {
+      success: true,
+      path: materialSelectResult.path,
+      msg: ""
+    };
+  }
+}
+
+export { MaterialUploadContext };
+//# sourceMappingURL=MaterialUploadContext.js.map

package/dist/esm/components/upload-file/context/MaterialUploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialUploadContext.js","sources":["../../../../../src/components/upload-file/context/MaterialUploadContext.ts"],"sourcesContent":["import { MKMaterialSelect } from \"../../material-select\";\nimport { MaterialType } from \"../../../dataview\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\n\nexport type MaterialUploadContextOptions = {\n  allowMaterialTypeValues?: MaterialType[\"value\"][];\n};\n\nexport class MaterialUploadContext extends UploadContext {\n  allowMaterialTypeValues: MaterialType[\"value\"][];\n\n  constructor(options: MaterialUploadContextOptions = {}) {\n    super();\n\n    this.allowMaterialTypeValues = options.allowMaterialTypeValues || [];\n  }\n\n  setAllowMaterialTypeValues(allowMaterialTypeValues: MaterialType[\"value\"][]) {\n    this.allowMaterialTypeValues = allowMaterialTypeValues;\n  }\n\n  async selectFile(): Promise<UploadResult> {\n    const materialSelectResult = await MKMaterialSelect({\n      allowMaterialTypeValues: this.allowMaterialTypeValues,\n    });\n\n    return {\n      success: true,\n      path: materialSelectResult.path,\n      msg: \"\",\n    };\n  }\n}\n"],"names":[],"mappings":";;;AAQO,MAAM,8BAA8B,aAAc,CAAA;AAAA,EACvD,uBAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAAwC,GAAA,EAAI,EAAA;AACtD,IAAM,KAAA,EAAA,CAAA;AAEN,IAAK,IAAA,CAAA,uBAAA,GAA0B,OAAQ,CAAA,uBAAA,IAA2B,EAAC,CAAA;AAAA,GACrE;AAAA,EAEA,2BAA2B,uBAAkD,EAAA;AAC3E,IAAA,IAAA,CAAK,uBAA0B,GAAA,uBAAA,CAAA;AAAA,GACjC;AAAA,EAEA,MAAM,UAAoC,GAAA;AACxC,IAAM,MAAA,oBAAA,GAAuB,MAAM,gBAAiB,CAAA;AAAA,MAClD,yBAAyB,IAAK,CAAA,uBAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,OAAS,EAAA,IAAA;AAAA,MACT,MAAM,oBAAqB,CAAA,IAAA;AAAA,MAC3B,GAAK,EAAA,EAAA;AAAA,KACP,CAAA;AAAA,GACF;AACF;;;;"}

package/dist/esm/components/upload-file/context/UploadContext.d.ts

@@ -0,0 +1,13 @@
+import { InjectionKey } from "vue";
+export type UploadResult = {
+    success: boolean;
+    path: string;
+    msg: string;
+};
+export interface UploadContextCtx {
+    uploadContext: UploadContext;
+}
+export declare const UploadContextCtxKey: InjectionKey<UploadContextCtx>;
+export declare class UploadContext {
+    selectFile(): Promise<UploadResult>;
+}

package/dist/esm/components/{new-upload-file → upload-file/context}/UploadContext.js

@@ -1,8 +1,11 @@
+const UploadContextCtxKey = Symbol(
+  "UploadContextCtxKey"
+);
 class UploadContext {
   selectFile() {
     throw new Error();
   }
 }
 
-export { UploadContext };
+export { UploadContext, UploadContextCtxKey };
 //# sourceMappingURL=UploadContext.js.map

package/dist/esm/components/upload-file/context/UploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadContext.js","sources":["../../../../../src/components/upload-file/context/UploadContext.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\n\nexport type UploadResult = {\n  success: boolean;\n  path: string;\n  msg: string;\n};\n\nexport interface UploadContextCtx {\n  uploadContext: UploadContext;\n}\n\nexport const UploadContextCtxKey = Symbol(\n  \"UploadContextCtxKey\"\n) as InjectionKey<UploadContextCtx>;\n\nexport class UploadContext {\n  selectFile(): Promise<UploadResult> {\n    throw new Error();\n  }\n}\n"],"names":[],"mappings":"AAYO,MAAM,mBAAsB,GAAA,MAAA;AAAA,EACjC,qBAAA;AACF,EAAA;AAEO,MAAM,aAAc,CAAA;AAAA,EACzB,UAAoC,GAAA;AAClC,IAAA,MAAM,IAAI,KAAM,EAAA,CAAA;AAAA,GAClB;AACF;;;;"}

package/dist/{cjs/components/new-upload-file → esm/components/upload-file/context}/WebFileUploadContext.d.ts

@@ -2,9 +2,13 @@ import { WebFileUpload } from "@maketribe/request";
 import { UploadContext, UploadResult } from "./UploadContext";
 export type WebFileUploadContextOptions = {
     webFileUpload?: WebFileUpload;
+    accept?: string;
 };
 export declare class WebFileUploadContext extends UploadContext {
     webFileUpload: WebFileUpload;
+    accept: string;
     constructor(options?: WebFileUploadContextOptions);
+    setAccept(accept: string): void;
+    setWebFileUpload(webFileUpload: WebFileUpload): void;
     selectFile(): Promise<UploadResult>;
 }

package/dist/esm/components/{new-upload-file → upload-file/context}/WebFileUploadContext.js

@@ -4,20 +4,31 @@ import 'vue';
 import '@maketribe/dm';
 import 'element-plus';
 import '@maketribe/utils';
-import '../../core/DataModelDefines.js';
-import { MSAppClient } from '../../core/MSAppClient.js';
+import '../../../core/DataModelDefines.js';
+import { MSAppClient } from '../../../core/MSAppClient.js';
 
 class WebFileUploadContext extends UploadContext {
   webFileUpload;
+  accept;
   constructor(options = {}) {
     super();
+    this.accept = options.accept || "";
     this.webFileUpload = options.webFileUpload ?? new WebFileUpload({
       httpRequest: MSAppClient.instance.httpRequest
     });
   }
+  setAccept(accept) {
+    this.accept = accept;
+  }
+  setWebFileUpload(webFileUpload) {
+    this.webFileUpload = webFileUpload;
+  }
   async selectFile() {
     const input = document.createElement("input");
     input.type = "file";
+    if (this.accept) {
+      input.accept = this.accept;
+    }
     Object.assign(input.style, {
       width: "1px",
       height: "1px",
@@ -31,6 +42,7 @@ class WebFileUploadContext extends UploadContext {
       };
       input.addEventListener("change", handleFileChange);
       document.body.append(input);
+      input.click();
     });
     if (!file) {
       return { success: true, path: "", msg: "" };

package/dist/esm/components/upload-file/context/WebFileUploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../src/components/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\nimport { MSAppClient } from \"../../../core\";\n\nexport type WebFileUploadContextOptions = {\n  webFileUpload?: WebFileUpload;\n  accept?: string;\n};\n\nexport class WebFileUploadContext extends UploadContext {\n  webFileUpload: WebFileUpload;\n  accept: string;\n\n  constructor(options: WebFileUploadContextOptions = {}) {\n    super();\n\n    this.accept = options.accept || \"\";\n\n    this.webFileUpload =\n      options.webFileUpload ??\n      new WebFileUpload({\n        httpRequest: MSAppClient.instance!.httpRequest,\n      });\n  }\n\n  setAccept(accept: string) {\n    this.accept = accept;\n  }\n\n  setWebFileUpload(webFileUpload: WebFileUpload) {\n    this.webFileUpload = webFileUpload;\n  }\n\n  async selectFile(): Promise<UploadResult> {\n    const input = document.createElement(\"input\");\n\n    input.type = \"file\";\n\n    if (this.accept) {\n      input.accept = this.accept;\n    }\n\n    Object.assign(input.style, {\n      width: \"1px\",\n      height: \"1px\",\n      display: \"none\",\n    });\n\n    const file: File | null = await new Promise((resolve) => {\n      const handleFileChange = (event: Event) => {\n        const files = input.files;\n\n        input.parentElement?.removeChild(input);\n\n        resolve(files?.length ? files[0] : null);\n      };\n\n      input.addEventListener(\"change\", handleFileChange);\n\n      document.body.append(input);\n\n      input.click();\n    });\n\n    if (!file) {\n      return { success: true, path: \"\", msg: \"\" };\n    }\n\n    const response = await this.webFileUpload.upload(file);\n\n    return {\n      success: response.data.code === 200,\n      path: response.data.data.path,\n      msg: response.data.msg,\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,6BAA6B,aAAc,CAAA;AAAA,EACtD,aAAA,CAAA;AAAA,EACA,MAAA,CAAA;AAAA,EAEA,WAAA,CAAY,OAAuC,GAAA,EAAI,EAAA;AACrD,IAAM,KAAA,EAAA,CAAA;AAEN,IAAK,IAAA,CAAA,MAAA,GAAS,QAAQ,MAAU,IAAA,EAAA,CAAA;AAEhC,IAAA,IAAA,CAAK,aACH,GAAA,OAAA,CAAQ,aACR,IAAA,IAAI,aAAc,CAAA;AAAA,MAChB,WAAA,EAAa,YAAY,QAAU,CAAA,WAAA;AAAA,KACpC,CAAA,CAAA;AAAA,GACL;AAAA,EAEA,UAAU,MAAgB,EAAA;AACxB,IAAA,IAAA,CAAK,MAAS,GAAA,MAAA,CAAA;AAAA,GAChB;AAAA,EAEA,iBAAiB,aAA8B,EAAA;AAC7C,IAAA,IAAA,CAAK,aAAgB,GAAA,aAAA,CAAA;AAAA,GACvB;AAAA,EAEA,MAAM,UAAoC,GAAA;AACxC,IAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,aAAA,CAAc,OAAO,CAAA,CAAA;AAE5C,IAAA,KAAA,CAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,IAAI,KAAK,MAAQ,EAAA;AACf,MAAA,KAAA,CAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AAAA,KACtB;AAEA,IAAO,MAAA,CAAA,MAAA,CAAO,MAAM,KAAO,EAAA;AAAA,MACzB,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,KAAA;AAAA,MACR,OAAS,EAAA,MAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAA,MAAM,IAAoB,GAAA,MAAM,IAAI,OAAA,CAAQ,CAAC,OAAY,KAAA;AACvD,MAAM,MAAA,gBAAA,GAAmB,CAAC,KAAiB,KAAA;AACzC,QAAA,MAAM,QAAQ,KAAM,CAAA,KAAA,CAAA;AAEpB,QAAM,KAAA,CAAA,aAAA,EAAe,YAAY,KAAK,CAAA,CAAA;AAEtC,QAAA,OAAA,CAAQ,KAAO,EAAA,MAAA,GAAS,KAAM,CAAA,CAAC,IAAI,IAAI,CAAA,CAAA;AAAA,OACzC,CAAA;AAEA,MAAM,KAAA,CAAA,gBAAA,CAAiB,UAAU,gBAAgB,CAAA,CAAA;AAEjD,MAAS,QAAA,CAAA,IAAA,CAAK,OAAO,KAAK,CAAA,CAAA;AAE1B,MAAA,KAAA,CAAM,KAAM,EAAA,CAAA;AAAA,KACb,CAAA,CAAA;AAED,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,OAAO,EAAE,OAAS,EAAA,IAAA,EAAM,IAAM,EAAA,EAAA,EAAI,KAAK,EAAG,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,aAAA,CAAc,OAAO,IAAI,CAAA,CAAA;AAErD,IAAO,OAAA;AAAA,MACL,OAAA,EAAS,QAAS,CAAA,IAAA,CAAK,IAAS,KAAA,GAAA;AAAA,MAChC,IAAA,EAAM,QAAS,CAAA,IAAA,CAAK,IAAK,CAAA,IAAA;AAAA,MACzB,GAAA,EAAK,SAAS,IAAK,CAAA,GAAA;AAAA,KACrB,CAAA;AAAA,GACF;AACF;;;;"}

package/dist/esm/components/upload-file/context/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./UploadContext";
+export * from "./WebFileUploadContext";
+export * from "./MaterialUploadContext";
+export * from "./material-upload-context";
+export * from "./material-upload-context-options";
+export * from "./web-file-upload-context";
+export * from "./web-file-upload-context-options";

package/dist/esm/components/upload-file/context/index.js

@@ -0,0 +1,8 @@
+export { UploadContext, UploadContextCtxKey } from './UploadContext.js';
+export { WebFileUploadContext } from './WebFileUploadContext.js';
+export { MaterialUploadContext } from './MaterialUploadContext.js';
+export { MKMaterialUploadContext } from './material-upload-context.js';
+export { materialUploadContextProps } from './material-upload-context-options.js';
+export { MKWebFileUploadContext } from './web-file-upload-context.js';
+export { webFileUploadContextProps } from './web-file-upload-context-options.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/upload-file/context/index.js.map

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

package/dist/esm/components/upload-file/context/material-upload-context-options.d.ts

@@ -0,0 +1,10 @@
+import { ExtractPropTypes } from "vue";
+export declare const materialUploadContextProps: {
+    readonly allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type MaterialUploadContextProps = ExtractPropTypes<typeof materialUploadContextProps>;

package/dist/esm/components/upload-file/context/material-upload-context-options.js

@@ -0,0 +1,10 @@
+import { buildProps } from '@maketribe/utils';
+
+const materialUploadContextProps = buildProps({
+  allowMaterialTypeValues: {
+    type: Array
+  }
+});
+
+export { materialUploadContextProps };
+//# sourceMappingURL=material-upload-context-options.js.map

package/dist/esm/components/upload-file/context/material-upload-context-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-upload-context-options.js","sources":["../../../../../src/components/upload-file/context/material-upload-context-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { MaterialType } from \"../../../dataview\";\n\nexport const materialUploadContextProps = buildProps({\n  allowMaterialTypeValues: {\n    type: Array<MaterialType[\"value\"]>,\n  },\n} as const);\n\nexport type MaterialUploadContextProps = ExtractPropTypes<\n  typeof materialUploadContextProps\n>;\n"],"names":[],"mappings":";;AAIO,MAAM,6BAA6B,UAAW,CAAA;AAAA,EACnD,uBAAyB,EAAA;AAAA,IACvB,IAAM,EAAA,KAAA;AAAA,GACR;AACF,CAAU;;;;"}

package/dist/esm/components/upload-file/context/material-upload-context.d.ts

@@ -0,0 +1,17 @@
+export declare const MKMaterialUploadContext: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;

package/dist/esm/components/upload-file/context/material-upload-context.js

@@ -0,0 +1,32 @@
+import { defineComponent, computed, unref, watch, inject } from 'vue';
+import { materialUploadContextProps } from './material-upload-context-options.js';
+import { MaterialUploadContext } from './MaterialUploadContext.js';
+import { UploadContextCtxKey } from './UploadContext.js';
+import { withInstall } from '@maketribe/utils';
+
+const _MaterialUploadContext = /* @__PURE__ */ defineComponent({
+  name: "MKMaterialUploadContext",
+  props: materialUploadContextProps,
+  inheritAttrs: false,
+  setup(props, {
+    slots
+  }) {
+    const allowMaterialTypeValues = computed(() => props.allowMaterialTypeValues);
+    const materialUploadContext = new MaterialUploadContext({
+      allowMaterialTypeValues: unref(allowMaterialTypeValues) ?? []
+    });
+    watch(allowMaterialTypeValues, (allowMaterialTypeValues2) => {
+      materialUploadContext.setAllowMaterialTypeValues(allowMaterialTypeValues2 ?? []);
+    });
+    inject(UploadContextCtxKey, {
+      uploadContext: materialUploadContext
+    });
+    return () => {
+      return slots.default?.();
+    };
+  }
+});
+const MKMaterialUploadContext = withInstall(_MaterialUploadContext);
+
+export { MKMaterialUploadContext };
+//# sourceMappingURL=material-upload-context.js.map

package/dist/esm/components/upload-file/context/material-upload-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-upload-context.js","sources":["../../../../../src/components/upload-file/context/material-upload-context.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref, watch } from \"vue\";\nimport { materialUploadContextProps } from \"./material-upload-context-options\";\nimport { MaterialUploadContext } from \"./MaterialUploadContext\";\nimport { UploadContextCtxKey } from \"./UploadContext\";\nimport { withInstall } from \"@maketribe/utils\";\n\nconst _MaterialUploadContext = defineComponent({\n  name: \"MKMaterialUploadContext\",\n  props: materialUploadContextProps,\n  inheritAttrs: false,\n  setup(props, { slots }) {\n    const allowMaterialTypeValues = computed(\n      () => props.allowMaterialTypeValues\n    );\n\n    const materialUploadContext = new MaterialUploadContext({\n      allowMaterialTypeValues: unref(allowMaterialTypeValues) ?? [],\n    });\n\n    watch(allowMaterialTypeValues, (allowMaterialTypeValues) => {\n      materialUploadContext.setAllowMaterialTypeValues(\n        allowMaterialTypeValues ?? []\n      );\n    });\n\n    inject(UploadContextCtxKey, { uploadContext: materialUploadContext });\n\n    return () => {\n      return slots.default?.();\n    };\n  },\n});\n\nexport const MKMaterialUploadContext = withInstall(_MaterialUploadContext);\n"],"names":["_MaterialUploadContext","name","props","materialUploadContextProps","inheritAttrs","setup","slots","allowMaterialTypeValues","computed","materialUploadContext","MaterialUploadContext","unref","watch","setAllowMaterialTypeValues","inject","UploadContextCtxKey","uploadContext","default","MKMaterialUploadContext","withInstall"],"mappings":";;;;;;AAMA,MAAMA,yCAAyC,eAAA,CAAA;AAAA,EAC7CC,IAAM,EAAA,yBAAA;AAAA,EACNC,KAAOC,EAAAA,0BAAAA;AAAAA,EACPC,YAAc,EAAA,KAAA;AAAA,EACdC,MAAMH,KAAO,EAAA;AAAA,IAAEI,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,uBAA0BC,GAAAA,QAAAA,CAC9B,MAAMN,KAAAA,CAAMK,uBACd,CAAA,CAAA;AAEA,IAAME,MAAAA,qBAAAA,GAAwB,IAAIC,qBAAsB,CAAA;AAAA,MACtDH,uBAAyBI,EAAAA,KAAAA,CAAMJ,uBAAuB,CAAA,IAAK,EAAA;AAAA,KAC5D,CAAA,CAAA;AAEDK,IAAML,KAAAA,CAAAA,uBAAAA,EAA0BA,CAAAA,wBAA4B,KAAA;AAC1DE,MAAsBI,qBAAAA,CAAAA,0BAAAA,CACpBN,wBAA2B,IAAA,EAC7B,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAEDO,IAAAA,MAAAA,CAAOC,mBAAqB,EAAA;AAAA,MAAEC,aAAeP,EAAAA,qBAAAA;AAAAA,KAAuB,CAAA,CAAA;AAEpE,IAAA,OAAO,MAAM;AACX,MAAA,OAAOH,MAAMW,OAAU,IAAA,CAAA;AAAA,KACzB,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEYC,MAAAA,uBAAAA,GAA0BC,YAAYnB,sBAAsB;;;;"}