@maketribe/ms-app 3.0.18 → 3.0.20

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,5 @@
 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 MaterialGroup from './material-group.vue.js';
 import MaterialItem from './material-item.vue.js';
 import { materialListProps, materialListEmits } from './material-list-options.js';
@@ -78,6 +77,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_ElButton = resolveComponent("ElButton");
+      const _component_MKUploadFile = resolveComponent("MKUploadFile");
+      const _component_MKWebFileUploadContext = resolveComponent("MKWebFileUploadContext");
       const _component_ElScrollbar = resolveComponent("ElScrollbar");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -114,18 +115,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     1
                     /* TEXT */
                   ),
-                  createVNode(unref(MKUploadFile), {
-                    upload: _ctx.materialMan.upload,
+                  createVNode(_component_MKWebFileUploadContext, {
+                    "web-file-upload": _ctx.materialMan.upload,
                     accept: currentMaterialType.value.accept
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_ElButton, { type: "primary" }, {
+                      createVNode(_component_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 +140,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\";\n// import { MKUploadFile } from \"../upload-file/upload-file\";\n// import { MKWebFileUploadContext } from \"../upload-file/context/web-file-upload-context\";\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;;;;"}

package/dist/esm/components/{upload-image/upload-image-options.d.ts → upload-file/context/web-file-upload-context-options.d.ts}

@@ -1,22 +1,17 @@
 import { ExtractPropTypes } from "vue";
 import { WebFileUpload } from "@maketribe/request";
-export declare const uploadImageProps: {
-    size: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    upload: {
-        readonly type: import("vue").PropType<WebFileUpload>;
+export declare const webFileUploadContextProps: {
+    readonly accept: {
+        readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    modelValue: {
-        readonly type: import("vue").PropType<string>;
+    readonly webFileUpload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
 };
-export type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;
-export declare const uploadImageEmits: {
-    "update:model-value": (modelValue: any) => boolean;
-};
-export type UploadImageEmits = typeof uploadImageEmits;
+export type WebFileUploadContextProps = ExtractPropTypes<typeof webFileUploadContextProps>;

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

@@ -0,0 +1,14 @@
+import { buildProps } from '@maketribe/utils';
+import { WebFileUpload } from '@maketribe/request';
+
+const webFileUploadContextProps = buildProps({
+  accept: {
+    type: String
+  },
+  webFileUpload: {
+    type: WebFileUpload
+  }
+});
+
+export { webFileUploadContextProps };
+//# sourceMappingURL=web-file-upload-context-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"web-file-upload-context-options.js","sources":["../../../../../src/components/upload-file/context/web-file-upload-context-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\n\nexport const webFileUploadContextProps = buildProps({\n  accept: {\n    type: String,\n  },\n  webFileUpload: {\n    type: WebFileUpload,\n  },\n} as const);\n\nexport type WebFileUploadContextProps = ExtractPropTypes<\n  typeof webFileUploadContextProps\n>;\n"],"names":[],"mappings":";;;AAIO,MAAM,4BAA4B,UAAW,CAAA;AAAA,EAClD,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,aAAA;AAAA,GACR;AACF,CAAU;;;;"}

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

@@ -0,0 +1,30 @@
+import { WebFileUpload } from "@maketribe/request";
+export declare const MKWebFileUploadContext: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly accept: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly webFileUpload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
+        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 accept: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly webFileUpload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;