@maketribe/ms-app 3.0.17 → 3.0.19

package/dist/cjs/components/upload-file/ui/upload-image/upload-image.d.ts

@@ -0,0 +1,54 @@
+import { UploadContext } from "../../context";
+declare const _default: import("vue").DefineComponent<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => import("../../context").MaterialUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (path: string | string[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => import("../../context").MaterialUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((path: string | string[]) => any) | undefined;
+}, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly uploadContext: UploadContext;
+}, {}>;
+export default _default;

package/dist/cjs/components/upload-file/ui/upload-image/upload-image.js

@@ -0,0 +1,277 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var index = require('../../../svg-icon/index.js');
+var uploadFile = require('../../upload-file.js');
+var uploadImageOptions = require('./upload-image-options.js');
+var UploadContext = require('../../context/UploadContext.js');
+require('@maketribe/request');
+require('@maketribe/dm');
+require('@maketribe/utils');
+require('../../../../core/DataModelDefines.js');
+require('vue-router');
+require('@maketribe/locale');
+require('../../../material-select/index.js');
+require('../../context/material-upload-context.js');
+require('../../context/material-upload-context-options.js');
+require('../../context/web-file-upload-context.js');
+require('../../context/web-file-upload-context-options.js');
+
+const MKUploadImageItem = /* @__PURE__ */ vue.defineComponent({
+  name: "MKUploadImageItem",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    uploadContext: {
+      type: UploadContext.UploadContext,
+      required: true
+    }
+  },
+  emits: ["update:modelValue", "view", "delete"],
+  setup(props, {
+    emit
+  }) {
+    const uploadFileInstance = vue.ref(null);
+    const imageInstance = vue.ref(null);
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        emit("update:modelValue", v);
+      }
+    });
+    const handleUpdateModelValue = (v) => {
+      modelValue.value = v;
+    };
+    const handleClick = (event) => {
+      event.stopPropagation();
+      if (vue.unref(modelValue)) {
+        return;
+      }
+      vue.unref(uploadFileInstance)?.handleUpload();
+    };
+    const handleView = (event) => {
+      event.stopPropagation();
+      emit("view", vue.unref(modelValue));
+    };
+    const handleDelete = (event) => {
+      event.stopPropagation();
+      emit("delete", vue.unref(modelValue));
+    };
+    return () => {
+      let content;
+      if (vue.unref(modelValue)) {
+        content = vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElImage, {
+          "ref": (el) => imageInstance.value = el,
+          "src": vue.unref(modelValue),
+          "class": "mk-upload-image-item__image",
+          "fit": "cover"
+        }, null), vue.createVNode("div", {
+          "class": "mk-upload-image-item__mask"
+        }, [vue.createVNode(elementPlus.ElTooltip, {
+          "content": "\u67E5\u770B"
+        }, {
+          default: () => [vue.createVNode(index.MKSvgIcon, {
+            "iconClass": "View",
+            "onClick": handleView
+          }, null)]
+        }), vue.createVNode(elementPlus.ElTooltip, {
+          "content": "\u5220\u9664"
+        }, {
+          default: () => [vue.createVNode(index.MKSvgIcon, {
+            "iconClass": "Delete",
+            "onClick": handleDelete
+          }, null)]
+        })])]);
+      } else {
+        content = vue.createVNode(index.MKSvgIcon, {
+          "iconClass": "Plus"
+        }, null);
+      }
+      return vue.createVNode("div", {
+        "class": "mk-upload-image-item"
+      }, [vue.createVNode(uploadFile.MKUploadFile, {
+        "modelValue": props.modelValue,
+        "onUpdate:modelValue": handleUpdateModelValue,
+        "uploadContext": props.uploadContext,
+        "ref": (el) => uploadFileInstance.value = el
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": "mk-upload-image-item__wrapper",
+          "onClick": handleClick
+        }, [content])]
+      })]);
+    };
+  }
+});
+var UploadImage = /* @__PURE__ */ vue.defineComponent({
+  name: "MKUploadImage",
+  props: uploadImageOptions.uploadImageProps,
+  emits: uploadImageOptions.uploadImageEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    const currentImageSrc = vue.ref("");
+    const multiple = vue.computed(() => props.multiple);
+    const isShowImageViewer = vue.ref(false);
+    vue.watch(vue.computed(() => [vue.unref(modelValue), vue.unref(multiple)]), ([value, multiple2]) => {
+      if (multiple2 && !Array.isArray(value)) {
+        modelValue.value = [];
+      }
+    }, {
+      immediate: true
+    });
+    const handleDelete = (src) => {
+      if (!vue.unref(multiple)) {
+        modelValue.value = "";
+        return;
+      }
+      const index = vue.unref(modelValue).indexOf(src);
+      if (index === -1) {
+        return;
+      }
+      modelValue.value.splice(index, 1);
+    };
+    const handleShowImageViewer = (src) => {
+      isShowImageViewer.value = true;
+      currentImageSrc.value = src;
+    };
+    const handleCloseImageViewer = () => {
+      isShowImageViewer.value = false;
+    };
+    const handleAppendImage = (src) => {
+      const _value = vue.unref(modelValue);
+      if (Array.isArray(_value)) {
+        _value.push(src);
+      }
+    };
+    return () => {
+      const _multiple = vue.unref(multiple);
+      let content;
+      if (!_multiple) {
+        content = vue.createVNode(MKUploadImageItem, {
+          "onView": handleShowImageViewer,
+          "onDelete": handleDelete,
+          "modelValue": vue.unref(modelValue),
+          "onUpdate:modelValue": (value) => modelValue.value = value,
+          "uploadContext": props.uploadContext
+        }, null);
+      } else {
+        let images = null;
+        if (Array.isArray(vue.unref(modelValue))) {
+          images = vue.unref(modelValue).map((src) => vue.createVNode(MKUploadImageItem, {
+            "onView": handleShowImageViewer,
+            "onDelete": handleDelete,
+            "modelValue": src,
+            "uploadContext": props.uploadContext
+          }, null));
+        }
+        content = vue.createVNode(vue.Fragment, null, [images, vue.createVNode(MKUploadImageItem, {
+          "onUpdate:modelValue": handleAppendImage,
+          "uploadContext": props.uploadContext
+        }, null)]);
+      }
+      const imageViewer = vue.unref(isShowImageViewer) ? vue.createVNode(elementPlus.ElImageViewer, {
+        "onClose": handleCloseImageViewer,
+        "urlList": [vue.unref(currentImageSrc)]
+      }, null) : null;
+      return vue.createVNode("div", {
+        "class": "mk-upload-image"
+      }, [content, imageViewer]);
+    };
+  }
+  // setup(props, { emit }) {
+  //   const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =
+  //     ref(null);
+  //   const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);
+  //   const isShowImageViewer: Ref<boolean> = ref(false);
+  //   const modelValue = computed({
+  //     get: () => props.modelValue as string,
+  //     set: (v: string) => {
+  //       emit("update:modelValue", v);
+  //     },
+  //   });
+  //   const handleUpdateModelValue = (v: string) => {
+  //     modelValue.value = v;
+  //   };
+  //   const handleClick = (event: MouseEvent) => {
+  //     event.stopPropagation();
+  //     if (unref(modelValue)) {
+  //       return;
+  //     }
+  //     unref(uploadFileInstance)?.handleUpload();
+  //   };
+  //   const handleView = (event: MouseEvent) => {
+  //     event.stopPropagation();
+  //     isShowImageViewer.value = true;
+  //   };
+  //   const handleCloseImageViewer = () => {
+  //     isShowImageViewer.value = false;
+  //   };
+  //   const handleDelete = (event: MouseEvent) => {
+  //     event.stopPropagation();
+  //     modelValue.value = "";
+  //   };
+  //   return () => {
+  //     let content;
+  //     if (unref(modelValue)) {
+  //       const imageViewer = unref(isShowImageViewer) ? (
+  //         <ElImageViewer
+  //           onClose={handleCloseImageViewer}
+  //           urlList={[unref(modelValue)]}
+  //         />
+  //       ) : null;
+  //       content = (
+  //         <Fragment>
+  //           <ElImage
+  //             ref={
+  //               ((el: InstanceType<typeof ElImage>) =>
+  //                 (imageInstance.value = el)) as any
+  //             }
+  //             src={unref(modelValue)}
+  //             class="mk-upload-image__image"
+  //             fit="cover"
+  //           />
+  //           {imageViewer}
+  //           <div class="mk-upload-image__mask">
+  //             <ElTooltip content="查看">
+  //               <MKSvgIcon iconClass="View" onClick={handleView} />
+  //             </ElTooltip>
+  //             <ElTooltip content="删除">
+  //               <MKSvgIcon iconClass="Delete" onClick={handleDelete} />
+  //             </ElTooltip>
+  //           </div>
+  //         </Fragment>
+  //       );
+  //     } else {
+  //       content = <MKSvgIcon iconClass="Plus" />;
+  //     }
+  //     return (
+  //       <div class="mk-upload-image">
+  //         <MKUploadFile
+  //           modelValue={props.modelValue}
+  //           onUpdate:modelValue={handleUpdateModelValue}
+  //           uploadContext={props.uploadContext}
+  //           ref={
+  //             ((el: InstanceType<typeof MKUploadFile>) =>
+  //               (uploadFileInstance.value = el)) as any
+  //           }
+  //         >
+  //           <div class="mk-upload-image__wrapper" onClick={handleClick}>
+  //             {content}
+  //           </div>
+  //         </MKUploadFile>
+  //       </div>
+  //     );
+  //   };
+  // },
+});
+
+module.exports = UploadImage;
+//# sourceMappingURL=upload-image.js.map

package/dist/cjs/components/upload-file/ui/upload-image/upload-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image.js","sources":["../../../../../../src/components/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\n  Fragment,\n  Ref,\n  VNode,\n  computed,\n  defineComponent,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../svg-icon\";\nimport { MKUploadFile } from \"../../upload-file\";\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\nimport { UploadContext } from \"../../context\";\n\nconst MKUploadImageItem = defineComponent({\n  name: \"MKUploadImageItem\",\n  props: {\n    modelValue: {\n      type: String,\n      default: \"\",\n    },\n    uploadContext: {\n      type: UploadContext,\n      required: true,\n    },\n  },\n  emits: [\"update:modelValue\", \"view\", \"delete\"],\n  setup(props, { emit }) {\n    const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\n      ref(null);\n\n    const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\n\n    const modelValue = computed({\n      get: () => props.modelValue as string,\n      set: (v: string) => {\n        emit(\"update:modelValue\", v);\n      },\n    });\n\n    const handleUpdateModelValue = (v: string) => {\n      modelValue.value = v;\n    };\n\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      if (unref(modelValue)) {\n        return;\n      }\n\n      unref(uploadFileInstance)?.handleUpload();\n    };\n\n    const handleView = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      emit(\"view\", unref(modelValue));\n    };\n\n    const handleDelete = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      // modelValue.value = \"\";\n      emit(\"delete\", unref(modelValue));\n    };\n\n    return () => {\n      let content;\n\n      if (unref(modelValue)) {\n        content = (\n          <Fragment>\n            <ElImage\n              ref={\n                ((el: InstanceType<typeof ElImage>) =>\n                  (imageInstance.value = el)) as any\n              }\n              src={unref(modelValue)}\n              class=\"mk-upload-image-item__image\"\n              fit=\"cover\"\n            />\n\n            <div class=\"mk-upload-image-item__mask\">\n              <ElTooltip content=\"查看\">\n                <MKSvgIcon iconClass=\"View\" onClick={handleView} />\n              </ElTooltip>\n              <ElTooltip content=\"删除\">\n                <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\n              </ElTooltip>\n            </div>\n          </Fragment>\n        );\n      } else {\n        content = <MKSvgIcon iconClass=\"Plus\" />;\n      }\n\n      return (\n        <div class=\"mk-upload-image-item\">\n          <MKUploadFile\n            modelValue={props.modelValue}\n            onUpdate:modelValue={handleUpdateModelValue}\n            uploadContext={props.uploadContext}\n            ref={\n              ((el: InstanceType<typeof MKUploadFile>) =>\n                (uploadFileInstance.value = el)) as any\n            }\n          >\n            <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\n              {content}\n            </div>\n          </MKUploadFile>\n        </div>\n      );\n    };\n  },\n});\n\nexport default defineComponent({\n  name: \"MKUploadImage\",\n  props: uploadImageProps,\n  emits: uploadImageEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue as string[] | string,\n      set: (v: string[] | string) => emit(\"update:modelValue\", v),\n    });\n\n    const currentImageSrc: Ref<string> = ref(\"\");\n\n    const multiple = computed(() => props.multiple);\n\n    const isShowImageViewer: Ref<boolean> = ref(false);\n\n    watch(\n      computed(() => [unref(modelValue), unref(multiple)]),\n      ([value, multiple]) => {\n        if (multiple && !Array.isArray(value)) {\n          modelValue.value = [];\n        }\n      },\n      { immediate: true }\n    );\n\n    const handleDelete = (src: string) => {\n      if (!unref(multiple)) {\n        modelValue.value = \"\";\n        return;\n      }\n\n      const index = unref(modelValue).indexOf(src);\n\n      if (index === -1) {\n        return;\n      }\n\n      (modelValue.value as string[]).splice(index, 1);\n    };\n\n    const handleShowImageViewer = (src: string) => {\n      isShowImageViewer.value = true;\n      currentImageSrc.value = src;\n    };\n\n    const handleCloseImageViewer = () => {\n      isShowImageViewer.value = false;\n    };\n\n    const handleAppendImage = (src: string) => {\n      const _value = unref(modelValue);\n\n      if (Array.isArray(_value)) {\n        _value.push(src);\n      }\n    };\n\n    return () => {\n      const _multiple = unref(multiple);\n\n      let content;\n\n      if (!_multiple) {\n        content = (\n          <MKUploadImageItem\n            onView={handleShowImageViewer}\n            onDelete={handleDelete}\n            modelValue={unref(modelValue) as string}\n            onUpdate:modelValue={(value) => (modelValue.value = value)}\n            uploadContext={props.uploadContext}\n          />\n        );\n      } else {\n        let images: VNode[] | null = null;\n\n        if (Array.isArray(unref(modelValue))) {\n          images = (unref(modelValue) as string[]).map((src) => (\n            <MKUploadImageItem\n              onView={handleShowImageViewer}\n              onDelete={handleDelete}\n              modelValue={src}\n              uploadContext={props.uploadContext}\n            />\n          ));\n        }\n\n        content = (\n          <Fragment>\n            {images}\n            <MKUploadImageItem\n              onUpdate:modelValue={handleAppendImage}\n              uploadContext={props.uploadContext}\n            />\n          </Fragment>\n        );\n      }\n\n      const imageViewer = unref(isShowImageViewer) ? (\n        <ElImageViewer\n          onClose={handleCloseImageViewer}\n          urlList={[unref(currentImageSrc)]}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-upload-image\">\n          {content}\n          {imageViewer}\n        </div>\n      );\n    };\n  },\n  // setup(props, { emit }) {\n  //   const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\n  //     ref(null);\n\n  //   const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\n\n  //   const isShowImageViewer: Ref<boolean> = ref(false);\n\n  //   const modelValue = computed({\n  //     get: () => props.modelValue as string,\n  //     set: (v: string) => {\n  //       emit(\"update:modelValue\", v);\n  //     },\n  //   });\n\n  //   const handleUpdateModelValue = (v: string) => {\n  //     modelValue.value = v;\n  //   };\n\n  //   const handleClick = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     if (unref(modelValue)) {\n  //       return;\n  //     }\n\n  //     unref(uploadFileInstance)?.handleUpload();\n  //   };\n\n  //   const handleView = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     isShowImageViewer.value = true;\n  //   };\n\n  //   const handleCloseImageViewer = () => {\n  //     isShowImageViewer.value = false;\n  //   };\n\n  //   const handleDelete = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     modelValue.value = \"\";\n  //   };\n\n  //   return () => {\n  //     let content;\n\n  //     if (unref(modelValue)) {\n  //       const imageViewer = unref(isShowImageViewer) ? (\n  //         <ElImageViewer\n  //           onClose={handleCloseImageViewer}\n  //           urlList={[unref(modelValue)]}\n  //         />\n  //       ) : null;\n\n  //       content = (\n  //         <Fragment>\n  //           <ElImage\n  //             ref={\n  //               ((el: InstanceType<typeof ElImage>) =>\n  //                 (imageInstance.value = el)) as any\n  //             }\n  //             src={unref(modelValue)}\n  //             class=\"mk-upload-image__image\"\n  //             fit=\"cover\"\n  //           />\n\n  //           {imageViewer}\n\n  //           <div class=\"mk-upload-image__mask\">\n  //             <ElTooltip content=\"查看\">\n  //               <MKSvgIcon iconClass=\"View\" onClick={handleView} />\n  //             </ElTooltip>\n  //             <ElTooltip content=\"删除\">\n  //               <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\n  //             </ElTooltip>\n  //           </div>\n  //         </Fragment>\n  //       );\n  //     } else {\n  //       content = <MKSvgIcon iconClass=\"Plus\" />;\n  //     }\n\n  //     return (\n  //       <div class=\"mk-upload-image\">\n  //         <MKUploadFile\n  //           modelValue={props.modelValue}\n  //           onUpdate:modelValue={handleUpdateModelValue}\n  //           uploadContext={props.uploadContext}\n  //           ref={\n  //             ((el: InstanceType<typeof MKUploadFile>) =>\n  //               (uploadFileInstance.value = el)) as any\n  //           }\n  //         >\n  //           <div class=\"mk-upload-image__wrapper\" onClick={handleClick}>\n  //             {content}\n  //           </div>\n  //         </MKUploadFile>\n  //       </div>\n  //     );\n  //   };\n  // },\n});\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","emits","setup","emit","uploadFileInstance","ref","imageInstance","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","ElImage","el","ElTooltip","MKSvgIcon","MKUploadFile","uploadImageProps","uploadImageEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleCloseImageViewer","handleAppendImage","_value","push","_multiple","images","map","imageViewer","ElImageViewer"],"mappings":"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"}

package/dist/cjs/components/upload-file/upload-file-options.d.ts

@@ -1,27 +1,17 @@
-import { WebFileUpload } from "@maketribe/request";
-import { UploadFile, UploadFiles } from "element-plus";
 import { ExtractPropTypes } from "vue";
+import { UploadContext } from "./context";
+import { MaterialUploadContext } from "./context/MaterialUploadContext";
 export declare const uploadFileProps: {
-    readonly upload: {
-        readonly type: import("vue").PropType<WebFileUpload>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly showFileList: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fileList: {
-        readonly type: import("vue").PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly listType: import("@maketribe/utils").PropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
-    readonly limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, 10, boolean>;
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => MaterialUploadContext, boolean>;
 };
 export type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;
 export declare const uploadFileEmits: {
-    uploadSuccess: (res: any) => boolean;
-    "update:file-list": (fileList: any) => boolean;
-    remove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => boolean;
+    "update:modelValue": (path: string) => boolean;
 };
 export type UploadFileEmits = typeof uploadFileEmits;

package/dist/cjs/components/upload-file/upload-file-options.js

@@ -1,33 +1,31 @@
 'use strict';
 
-var request = require('@maketribe/request');
 var utils = require('@maketribe/utils');
+var UploadContext = require('./context/UploadContext.js');
+require('@maketribe/request');
+require('vue');
+require('@maketribe/dm');
+require('element-plus');
+require('../../core/DataModelDefines.js');
+require('vue-router');
+require('@maketribe/locale');
+var MaterialUploadContext = require('./context/MaterialUploadContext.js');
+require('./context/material-upload-context.js');
+require('./context/material-upload-context-options.js');
+require('./context/web-file-upload-context.js');
+require('./context/web-file-upload-context-options.js');
 
 const uploadFileProps = utils.buildProps({
-  upload: {
-    type: request.WebFileUpload
+  modelValue: {
+    type: String
   },
-  showFileList: {
-    type: Boolean,
-    default: false
-  },
-  fileList: {
-    type: null
-  },
-  listType: {
-    type: String,
-    values: ["text", "picture", "picture-card"],
-    default: "text"
-  },
-  limit: {
-    type: Number,
-    default: 10
+  uploadContext: {
+    type: UploadContext.UploadContext,
+    default: () => new MaterialUploadContext.MaterialUploadContext()
   }
 });
 const uploadFileEmits = {
-  uploadSuccess: (res) => true,
-  "update:file-list": (fileList) => true,
-  remove: (uploadFile, uploadFiles) => true
+  "update:modelValue": (path) => true
 };
 
 exports.uploadFileEmits = uploadFileEmits;

package/dist/cjs/components/upload-file/upload-file-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-file-options.js","sources":["../../../../src/components/upload-file/upload-file-options.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { UploadFile, UploadFiles } from \"element-plus\";\nimport { ExtractPropTypes } from \"vue\";\n\nexport const uploadFileProps = buildProps({\n  upload: {\n    type: WebFileUpload,\n  },\n  showFileList: {\n    type: Boolean,\n    default: false,\n  },\n  fileList: {\n    type: null,\n  },\n  listType: {\n    type: String,\n    values: [\"text\", \"picture\", \"picture-card\"],\n    default: \"text\",\n  },\n  limit: {\n    type: Number,\n    default: 10,\n  },\n} as const);\n\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\n\nexport const uploadFileEmits = {\n  uploadSuccess: (res: any) => true,\n  \"update:file-list\": (fileList: any) => true,\n  remove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => true,\n};\n\nexport type UploadFileEmits = typeof uploadFileEmits;\n"],"names":["buildProps","WebFileUpload"],"mappings":";;;;;AAKO,MAAM,kBAAkBA,gBAAW,CAAA;AAAA,EACxC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAAC,qBAAA;AAAA,GACR;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,IAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,MAAQ,EAAA,SAAA,EAAW,cAAc,CAAA;AAAA,IAC1C,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,aAAA,EAAe,CAAC,GAAa,KAAA,IAAA;AAAA,EAC7B,kBAAA,EAAoB,CAAC,QAAkB,KAAA,IAAA;AAAA,EACvC,MAAA,EAAQ,CAAC,UAAA,EAAwB,WAA6B,KAAA,IAAA;AAChE;;;;;"}
+{"version":3,"file":"upload-file-options.js","sources":["../../../../src/components/upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { UploadContext } from \"./context\";\nimport { MaterialUploadContext } from \"./context/MaterialUploadContext\";\n\nexport const uploadFileProps = buildProps({\n  modelValue: {\n    type: String,\n  },\n  uploadContext: {\n    type: UploadContext,\n    default: () => new MaterialUploadContext(),\n  },\n} as const);\n\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\n\nexport const uploadFileEmits = {\n  \"update:modelValue\": (path: string) => true,\n};\n\nexport type UploadFileEmits = typeof uploadFileEmits;\n"],"names":["buildProps","UploadContext","MaterialUploadContext"],"mappings":";;;;;;;;;;;;;;;;;AAKO,MAAM,kBAAkBA,gBAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAAC,2BAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAIC,2CAAsB,EAAA;AAAA,GAC3C;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,mBAAA,EAAqB,CAAC,IAAiB,KAAA,IAAA;AACzC;;;;;"}

package/dist/cjs/components/upload-file/upload-file.d.ts

@@ -1,48 +1,25 @@
-import { UploadFile, UploadFiles } from "element-plus";
-import { WebFileUpload } from "@maketribe/request";
-declare const _default: import("vue").DefineComponent<{
-    readonly upload: {
-        readonly type: import("vue").PropType<WebFileUpload>;
+export declare const MKUploadFile: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly showFileList: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fileList: {
-        readonly type: import("vue").PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly listType: import("@maketribe/utils").PropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
-    readonly limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, 10, boolean>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    uploadSuccess: (res: any) => boolean;
-    "update:file-list": (fileList: any) => boolean;
-    remove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => boolean;
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./context").UploadContext, unknown, unknown, () => import("./context").MaterialUploadContext, boolean>;
+}, {
+    handleUpload: () => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (path: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly upload: {
-        readonly type: import("vue").PropType<WebFileUpload>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __mkPropKey: true;
-    };
-    readonly showFileList: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    readonly fileList: {
-        readonly type: import("vue").PropType<any>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
-    readonly listType: import("@maketribe/utils").PropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
-    readonly limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, 10, boolean>;
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./context").UploadContext, unknown, unknown, () => import("./context").MaterialUploadContext, boolean>;
 }>> & {
-    onRemove?: ((uploadFile: UploadFile, uploadFiles: UploadFiles) => any) | undefined;
-    onUploadSuccess?: ((res: any) => any) | undefined;
-    "onUpdate:file-list"?: ((fileList: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((path: string) => any) | undefined;
 }, {
-    readonly showFileList: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly listType: import("@maketribe/utils").PropMergeType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
-    readonly limit: number;
-}, {}>;
-export default _default;
+    readonly uploadContext: import("./context").UploadContext;
+}, {}>> & Record<string, any>;

package/dist/cjs/components/upload-file/upload-file.js

@@ -1,60 +1,63 @@
 'use strict';
 
 var vue = require('vue');
-var elementPlus = require('element-plus');
-var request = require('@maketribe/request');
 var uploadFileOptions = require('./upload-file-options.js');
+var elementPlus = require('element-plus');
+var UploadContext = require('./context/UploadContext.js');
+require('@maketribe/request');
 require('@maketribe/dm');
-require('@maketribe/utils');
+var utils = require('@maketribe/utils');
 require('../../core/DataModelDefines.js');
-var MSAppClient = require('../../core/MSAppClient.js');
+require('vue-router');
+require('@maketribe/locale');
+require('../material-select/index.js');
+require('./context/material-upload-context.js');
+require('./context/material-upload-context-options.js');
+require('./context/web-file-upload-context.js');
+require('./context/web-file-upload-context-options.js');
 
-var UploadFile = /* @__PURE__ */ vue.defineComponent({
+const _UploadFile = /* @__PURE__ */ vue.defineComponent({
   name: "MKUploadFile",
   props: uploadFileOptions.uploadFileProps,
   emits: uploadFileOptions.uploadFileEmits,
   setup(props, {
-    slots,
     emit
   }) {
-    const upload = props.upload ?? new request.WebFileUpload({
-      httpRequest: MSAppClient.MSAppClient.instance.httpRequest
+    const uploadContextCtx = vue.inject(UploadContext.UploadContextCtxKey, null);
+    const value = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
     });
-    const fileList = vue.computed({
-      get: () => props.fileList,
-      set: (v) => emit("update:file-list", v)
-    });
-    const handleChange = async (uploadFile) => {
-      if (uploadFile.raw) {
-        try {
-          const result = await upload.upload(uploadFile.raw);
-          if (result.data.code == 200) {
-            emit("uploadSuccess", result);
-          }
-        } catch (e) {
-          if (e instanceof request.UploadError) {
-            elementPlus.ElMessage.error(e.message);
-          }
+    const uploadContext = vue.computed(() => uploadContextCtx?.uploadContext || props.uploadContext);
+    const handleUpload = async () => {
+      try {
+        const uploadResult = await vue.unref(uploadContext).selectFile();
+        if (uploadResult.success) {
+          value.value = uploadResult.path || value.value;
+          return;
         }
+        elementPlus.ElMessage.error(uploadResult.msg);
+      } catch (e) {
+        console.error(e);
+        elementPlus.ElMessage.error("\u7F51\u7EDC\u5F02\u5E38");
       }
     };
-    const handleRemove = (uploadFile, uploadFiles) => {
-      emit("remove", uploadFile, uploadFiles);
-    };
-    return () => {
-      return vue.createVNode(elementPlus.ElUpload, {
-        "class": "mk-upload-file",
-        "autoUpload": false,
-        "showFileList": props.showFileList,
-        "fileList": vue.unref(fileList),
-        "listType": props.listType,
-        "onChange": handleChange,
-        "onRemove": handleRemove,
-        "limit": props.limit
-      }, slots);
+    return {
+      handleUpload
     };
+  },
+  render() {
+    const {
+      handleUpload,
+      $slots
+    } = this;
+    return vue.createVNode("span", {
+      "class": "mk-upload-file",
+      "onClick": handleUpload
+    }, [$slots.default?.()]);
   }
 });
+const MKUploadFile = utils.withInstall(_UploadFile);
 
-module.exports = UploadFile;
+exports.MKUploadFile = MKUploadFile;
 //# sourceMappingURL=upload-file.js.map