@maketribe/ms-app 3.0.53 → 3.0.55

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var uploadFile = require('./upload-file.js');
+var UploadContext = require('./context/UploadContext.js');
+var WebFileUploadContext = require('./context/WebFileUploadContext.js');
+var webFileUploadContext = require('./context/web-file-upload-context.js');
+var webFileUploadContextOptions = require('./context/web-file-upload-context-options.js');
+var index = require('./ui/upload-image/index.js');
+var uploadFileOptions = require('./upload-file-options.js');
+var uploadImageOptions = require('./ui/upload-image/upload-image-options.js');
+
+
+
+exports.MKUploadFile = uploadFile.MKUploadFile;
+exports.default = uploadFile.MKUploadFile;
+exports.UploadContext = UploadContext.UploadContext;
+exports.UploadContextCtxKey = UploadContext.UploadContextCtxKey;
+exports.WebFileUploadContext = WebFileUploadContext.WebFileUploadContext;
+exports.MKWebFileUploadContext = webFileUploadContext.MKWebFileUploadContext;
+exports.webFileUploadContextProps = webFileUploadContextOptions.webFileUploadContextProps;
+exports.MKUploadImage = index.MKUploadImage;
+exports.uploadFileEmits = uploadFileOptions.uploadFileEmits;
+exports.uploadFileProps = uploadFileOptions.uploadFileProps;
+exports.uploadImageEmits = uploadImageOptions.uploadImageEmits;
+exports.uploadImageProps = uploadImageOptions.uploadImageProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/basic/upload-file/index.js.map

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

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

@@ -0,0 +1,54 @@
+export declare const MKUploadImage: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("../..").UploadContext, unknown, unknown, () => import("../..").WebFileUploadContext, 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 import("../..").UploadContext, unknown, unknown, () => import("../..").WebFileUploadContext, 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: import("../..").UploadContext;
+}, {}>> & Record<string, any>;
+export default MKUploadImage;
+export * from "./upload-image-options";

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport UploadImage from \"./upload-image\";\r\n\r\nexport const MKUploadImage = withInstall(UploadImage);\r\nexport default MKUploadImage;\r\n\r\nexport * from \"./upload-image-options\";\r\n"],"names":["withInstall","UploadImage"],"mappings":";;;;;;;;AAGa,MAAA,aAAA,GAAgBA,kBAAYC,WAAW;;;;;;;"}

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

@@ -0,0 +1,30 @@
+import { ExtractPropTypes } from "vue";
+import { WebFileUploadContext, UploadContext } from "../../context";
+export declare const uploadImageProps: {
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => WebFileUploadContext, 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>;
+};
+export type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;
+export declare const uploadImageEmits: {
+    "update:modelValue": (path: string | string[]) => boolean;
+};
+export type UploadImageEmits = typeof uploadImageEmits;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var UploadContext = require('../../context/UploadContext.js');
+var WebFileUploadContext = require('../../context/WebFileUploadContext.js');
+require('../../context/web-file-upload-context.js');
+require('../../context/web-file-upload-context-options.js');
+
+const uploadImageProps = utils.buildProps({
+  uploadContext: {
+    type: UploadContext.UploadContext,
+    default: () => new WebFileUploadContext.WebFileUploadContext()
+  },
+  modelValue: {
+    type: [String, Array]
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  }
+});
+const uploadImageEmits = {
+  "update:modelValue": (path) => true
+};
+
+exports.uploadImageEmits = uploadImageEmits;
+exports.uploadImageProps = uploadImageProps;
+//# sourceMappingURL=upload-image-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image-options.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { WebFileUploadContext, UploadContext } from \"../../context\";\r\n\r\nexport const uploadImageProps = buildProps({\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n  modelValue: {\r\n    type: [String, Array<String>],\r\n  },\r\n  multiple: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\r\n\r\nexport const uploadImageEmits = {\r\n  \"update:modelValue\": (path: string | string[]) => true,\r\n};\r\n\r\nexport type UploadImageEmits = typeof uploadImageEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;;AAIO,MAAM,mBAAmBA,gBAAW,CAAA;AAAA,EACzC,aAAe,EAAA;AAAA,IACb,IAAM,EAAAC,2BAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAIC,yCAAqB,EAAA;AAAA,GAC1C;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,KAAa,CAAA;AAAA,GAC9B;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,mBAAA,EAAqB,CAAC,IAA4B,KAAA,IAAA;AACpD;;;;;"}

package/dist/cjs/components/basic/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").WebFileUploadContext, 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").WebFileUploadContext, 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/basic/upload-file/ui/upload-image/upload-image.js

@@ -0,0 +1,274 @@
+'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('../../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/basic/upload-file/ui/upload-image/upload-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  Ref,\r\n  VNode,\r\n  computed,\r\n  defineComponent,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadImageItem = defineComponent({\r\n  name: \"MKUploadImageItem\",\r\n  props: {\r\n    modelValue: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    uploadContext: {\r\n      type: UploadContext,\r\n      required: true,\r\n    },\r\n  },\r\n  emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n  setup(props, { emit }) {\r\n    const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\r\n      ref(null);\r\n\r\n    const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => {\r\n        emit(\"update:modelValue\", v);\r\n      },\r\n    });\r\n\r\n    const handleUpdateModelValue = (v: string) => {\r\n      modelValue.value = v;\r\n    };\r\n\r\n    const handleClick = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      if (unref(modelValue)) {\r\n        return;\r\n      }\r\n\r\n      unref(uploadFileInstance)?.handleUpload();\r\n    };\r\n\r\n    const handleView = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      emit(\"view\", unref(modelValue));\r\n    };\r\n\r\n    const handleDelete = (event: MouseEvent) => {\r\n      event.stopPropagation();\r\n\r\n      // modelValue.value = \"\";\r\n      emit(\"delete\", unref(modelValue));\r\n    };\r\n\r\n    return () => {\r\n      let content;\r\n\r\n      if (unref(modelValue)) {\r\n        content = (\r\n          <Fragment>\r\n            <ElImage\r\n              ref={\r\n                ((el: InstanceType<typeof ElImage>) =>\r\n                  (imageInstance.value = el)) as any\r\n              }\r\n              src={unref(modelValue)}\r\n              class=\"mk-upload-image-item__image\"\r\n              fit=\"cover\"\r\n            />\r\n\r\n            <div class=\"mk-upload-image-item__mask\">\r\n              <ElTooltip content=\"查看\">\r\n                <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n              </ElTooltip>\r\n              <ElTooltip content=\"删除\">\r\n                <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n              </ElTooltip>\r\n            </div>\r\n          </Fragment>\r\n        );\r\n      } else {\r\n        content = <MKSvgIcon iconClass=\"Plus\" />;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-upload-image-item\">\r\n          <MKUploadFile\r\n            modelValue={props.modelValue}\r\n            onUpdate:modelValue={handleUpdateModelValue}\r\n            uploadContext={props.uploadContext}\r\n            ref={\r\n              ((el: InstanceType<typeof MKUploadFile>) =>\r\n                (uploadFileInstance.value = el)) as any\r\n            }\r\n          >\r\n            <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\r\n              {content}\r\n            </div>\r\n          </MKUploadFile>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\nexport default defineComponent({\r\n  name: \"MKUploadImage\",\r\n  props: uploadImageProps,\r\n  emits: uploadImageEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue as string[] | string,\r\n      set: (v: string[] | string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n    const multiple = computed(() => props.multiple);\r\n\r\n    const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n    watch(\r\n      computed(() => [unref(modelValue), unref(multiple)]),\r\n      ([value, multiple]) => {\r\n        if (multiple && !Array.isArray(value)) {\r\n          modelValue.value = [];\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleDelete = (src: string) => {\r\n      if (!unref(multiple)) {\r\n        modelValue.value = \"\";\r\n        return;\r\n      }\r\n\r\n      const index = unref(modelValue).indexOf(src);\r\n\r\n      if (index === -1) {\r\n        return;\r\n      }\r\n\r\n      (modelValue.value as string[]).splice(index, 1);\r\n    };\r\n\r\n    const handleShowImageViewer = (src: string) => {\r\n      isShowImageViewer.value = true;\r\n      currentImageSrc.value = src;\r\n    };\r\n\r\n    const handleCloseImageViewer = () => {\r\n      isShowImageViewer.value = false;\r\n    };\r\n\r\n    const handleAppendImage = (src: string) => {\r\n      const _value = unref(modelValue);\r\n\r\n      if (Array.isArray(_value)) {\r\n        _value.push(src);\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      const _multiple = unref(multiple);\r\n\r\n      let content;\r\n\r\n      if (!_multiple) {\r\n        content = (\r\n          <MKUploadImageItem\r\n            onView={handleShowImageViewer}\r\n            onDelete={handleDelete}\r\n            modelValue={unref(modelValue) as string}\r\n            onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n            uploadContext={props.uploadContext}\r\n          />\r\n        );\r\n      } else {\r\n        let images: VNode[] | null = null;\r\n\r\n        if (Array.isArray(unref(modelValue))) {\r\n          images = (unref(modelValue) as string[]).map((src) => (\r\n            <MKUploadImageItem\r\n              onView={handleShowImageViewer}\r\n              onDelete={handleDelete}\r\n              modelValue={src}\r\n              uploadContext={props.uploadContext}\r\n            />\r\n          ));\r\n        }\r\n\r\n        content = (\r\n          <Fragment>\r\n            {images}\r\n            <MKUploadImageItem\r\n              onUpdate:modelValue={handleAppendImage}\r\n              uploadContext={props.uploadContext}\r\n            />\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      const imageViewer = unref(isShowImageViewer) ? (\r\n        <ElImageViewer\r\n          onClose={handleCloseImageViewer}\r\n          urlList={[unref(currentImageSrc)]}\r\n        />\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-upload-image\">\r\n          {content}\r\n          {imageViewer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n  // setup(props, { emit }) {\r\n  //   const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\r\n  //     ref(null);\r\n\r\n  //   const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\r\n\r\n  //   const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n  //   const modelValue = computed({\r\n  //     get: () => props.modelValue as string,\r\n  //     set: (v: string) => {\r\n  //       emit(\"update:modelValue\", v);\r\n  //     },\r\n  //   });\r\n\r\n  //   const handleUpdateModelValue = (v: string) => {\r\n  //     modelValue.value = v;\r\n  //   };\r\n\r\n  //   const handleClick = (event: MouseEvent) => {\r\n  //     event.stopPropagation();\r\n\r\n  //     if (unref(modelValue)) {\r\n  //       return;\r\n  //     }\r\n\r\n  //     unref(uploadFileInstance)?.handleUpload();\r\n  //   };\r\n\r\n  //   const handleView = (event: MouseEvent) => {\r\n  //     event.stopPropagation();\r\n\r\n  //     isShowImageViewer.value = true;\r\n  //   };\r\n\r\n  //   const handleCloseImageViewer = () => {\r\n  //     isShowImageViewer.value = false;\r\n  //   };\r\n\r\n  //   const handleDelete = (event: MouseEvent) => {\r\n  //     event.stopPropagation();\r\n\r\n  //     modelValue.value = \"\";\r\n  //   };\r\n\r\n  //   return () => {\r\n  //     let content;\r\n\r\n  //     if (unref(modelValue)) {\r\n  //       const imageViewer = unref(isShowImageViewer) ? (\r\n  //         <ElImageViewer\r\n  //           onClose={handleCloseImageViewer}\r\n  //           urlList={[unref(modelValue)]}\r\n  //         />\r\n  //       ) : null;\r\n\r\n  //       content = (\r\n  //         <Fragment>\r\n  //           <ElImage\r\n  //             ref={\r\n  //               ((el: InstanceType<typeof ElImage>) =>\r\n  //                 (imageInstance.value = el)) as any\r\n  //             }\r\n  //             src={unref(modelValue)}\r\n  //             class=\"mk-upload-image__image\"\r\n  //             fit=\"cover\"\r\n  //           />\r\n\r\n  //           {imageViewer}\r\n\r\n  //           <div class=\"mk-upload-image__mask\">\r\n  //             <ElTooltip content=\"查看\">\r\n  //               <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n  //             </ElTooltip>\r\n  //             <ElTooltip content=\"删除\">\r\n  //               <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n  //             </ElTooltip>\r\n  //           </div>\r\n  //         </Fragment>\r\n  //       );\r\n  //     } else {\r\n  //       content = <MKSvgIcon iconClass=\"Plus\" />;\r\n  //     }\r\n\r\n  //     return (\r\n  //       <div class=\"mk-upload-image\">\r\n  //         <MKUploadFile\r\n  //           modelValue={props.modelValue}\r\n  //           onUpdate:modelValue={handleUpdateModelValue}\r\n  //           uploadContext={props.uploadContext}\r\n  //           ref={\r\n  //             ((el: InstanceType<typeof MKUploadFile>) =>\r\n  //               (uploadFileInstance.value = el)) as any\r\n  //           }\r\n  //         >\r\n  //           <div class=\"mk-upload-image__wrapper\" onClick={handleClick}>\r\n  //             {content}\r\n  //           </div>\r\n  //         </MKUploadFile>\r\n  //       </div>\r\n  //     );\r\n  //   };\r\n  // },\r\n});\r\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":";;;;;;;;;;;;;;;;;AAgBA,MAAMA,oCAAoCC,mBAAA,CAAA;AAAA,EACxCC,IAAM,EAAA,mBAAA;AAAA,EACNC,KAAO,EAAA;AAAA,IACLC,UAAY,EAAA;AAAA,MACVC,IAAMC,EAAAA,MAAAA;AAAAA,MACNC,OAAS,EAAA,EAAA;AAAA,KACX;AAAA,IACAC,aAAe,EAAA;AAAA,MACbH,IAAMI,EAAAA,2BAAAA;AAAAA,MACNC,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,GACF;AAAA,EACAC,KAAO,EAAA,CAAC,mBAAqB,EAAA,MAAA,EAAQ,QAAQ,CAAA;AAAA,EAC7CC,MAAMT,KAAO,EAAA;AAAA,IAAEU,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAMC,MAAAA,kBAAAA,GACJC,QAAI,IAAI,CAAA,CAAA;AAEV,IAAMC,MAAAA,aAAAA,GAA0DD,QAAI,IAAI,CAAA,CAAA;AAExE,IAAA,MAAMX,aAAaa,YAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMf,KAAMC,CAAAA,UAAAA;AAAAA,MACjBe,KAAMC,CAAc,CAAA,KAAA;AAClBP,QAAAA,IAAAA,CAAK,qBAAqBO,CAAC,CAAA,CAAA;AAAA,OAC7B;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAMC,yBAA0BD,CAAc,CAAA,KAAA;AAC5ChB,MAAAA,UAAAA,CAAWkB,KAAQF,GAAAA,CAAAA,CAAAA;AAAAA,KACrB,CAAA;AAEA,IAAA,MAAMG,cAAeC,CAAsB,KAAA,KAAA;AACzCA,MAAAA,KAAAA,CAAMC,eAAgB,EAAA,CAAA;AAEtB,MAAIC,IAAAA,SAAAA,CAAMtB,UAAU,CAAG,EAAA;AACrB,QAAA,OAAA;AAAA,OACF;AAEAsB,MAAMZ,SAAAA,CAAAA,kBAAkB,GAAGa,YAAa,EAAA,CAAA;AAAA,KAC1C,CAAA;AAEA,IAAA,MAAMC,aAAcJ,CAAsB,KAAA,KAAA;AACxCA,MAAAA,KAAAA,CAAMC,eAAgB,EAAA,CAAA;AAEtBZ,MAAK,IAAA,CAAA,MAAA,EAAQa,SAAMtB,CAAAA,UAAU,CAAC,CAAA,CAAA;AAAA,KAChC,CAAA;AAEA,IAAA,MAAMyB,eAAgBL,CAAsB,KAAA,KAAA;AAC1CA,MAAAA,KAAAA,CAAMC,eAAgB,EAAA,CAAA;AAGtBZ,MAAK,IAAA,CAAA,QAAA,EAAUa,SAAMtB,CAAAA,UAAU,CAAC,CAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAI0B,IAAAA,OAAAA,CAAAA;AAEJ,MAAIJ,IAAAA,SAAAA,CAAMtB,UAAU,CAAG,EAAA;AACrB0B,QAAAA,OAAAA,GAAOC,eAAAC,CAAAA,YAAAA,EAAAD,IAAAA,EAAAA,CAAAA,gBAAAE,mBAAA,EAAA;AAAA,UAAA,KAAA,EAIGC,CACClB,EAAAA,KAAAA,aAAAA,CAAcM,KAAQY,GAAAA,EAAAA;AAAAA,UAAG,KAAA,EAEzBR,UAAMtB,UAAU,CAAA;AAAA,UAAC,OAAA,EAAA,6BAAA;AAAA,UAAA,KAAA,EAAA,OAAA;AAAA,SAAA,EAAA,IAAA,CAAA2B,EAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,4BAAA;AAAA,SAAA,EAAAA,CAAAA,eAAAA,CAAAI,qBAAA,EAAA;AAAA,UAAA,SAAA,EAAA,cAAA;AAAA,SAAA,EAAA;AAAA,UAAA5B,OAAAA,EAAAA,MAAAwB,CAAAA,eAAAA,CAAAK,eAAA,EAAA;AAAA,YAAA,WAAA,EAAA,MAAA;AAAA,YAAA,SAOiBR,EAAAA,UAAAA;AAAAA,WAAU,EAAA,IAAA,CAAA,CAAA;AAAA,SAAAG,CAAAA,EAAAA,eAAAA,CAAAI,qBAAA,EAAA;AAAA,UAAA,SAAA,EAAA,cAAA;AAAA,SAAA,EAAA;AAAA,UAAA5B,OAAAA,EAAAA,MAAAwB,CAAAA,eAAAA,CAAAK,eAAA,EAAA;AAAA,YAAA,WAAA,EAAA,QAAA;AAAA,YAAA,SAGRP,EAAAA,YAAAA;AAAAA,WAAY,EAAA,IAAA,CAAA,CAAA;AAAA,SAI1D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACI,MAAA;AACLC,QAAAA,OAAAA,GAAOC,gBAAAK,eAAA,EAAA;AAAA,UAAA,WAAA,EAAA,MAAA;AAAA,WAAiC,IAAA,CAAA,CAAA;AAAA,OAC1C;AAEA,MAAA,OAAAL,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,sBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAA,CAAAM,uBAAA,EAAA;AAAA,QAAA,cAGkBlC,KAAMC,CAAAA,UAAAA;AAAAA,QAAU,qBACPiB,EAAAA,sBAAAA;AAAAA,QAAsB,iBAC5BlB,KAAMK,CAAAA,aAAAA;AAAAA,QAAa,KAAA,EAE9B0B,CACCpB,EAAAA,KAAAA,kBAAAA,CAAmBQ,KAAQY,GAAAA,EAAAA;AAAAA,OAAG,EAAA;AAAA,QAAA3B,OAAAA,EAAAA,MAAA,CAAAwB,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,+BAAA;AAAA,UAAA,SAGiBR,EAAAA,WAAAA;AAAAA,SAAW,EAAA,CAC5DO,OAAO,CAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAKlB,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAED,kCAA+B7B,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,eAAA;AAAA,EACNC,KAAOmC,EAAAA,mCAAAA;AAAAA,EACP3B,KAAO4B,EAAAA,mCAAAA;AAAAA,EACP3B,MAAMT,KAAO,EAAA;AAAA,IAAEU,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMT,aAAaa,YAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMf,KAAMC,CAAAA,UAAAA;AAAAA,MACjBe,GAAMC,EAAAA,CAAAA,CAAAA,KAAyBP,IAAK,CAAA,mBAAA,EAAqBO,CAAC,CAAA;AAAA,KAC3D,CAAA,CAAA;AAED,IAAMoB,MAAAA,eAAAA,GAA+BzB,QAAI,EAAE,CAAA,CAAA;AAE3C,IAAA,MAAM0B,QAAWxB,GAAAA,YAAAA,CAAS,MAAMd,KAAAA,CAAMsC,QAAQ,CAAA,CAAA;AAE9C,IAAMC,MAAAA,iBAAAA,GAAkC3B,QAAI,KAAK,CAAA,CAAA;AAEjD4B,IAAAA,SAAAA,CACE1B,YAAS,CAAA,MAAM,CAACS,SAAAA,CAAMtB,UAAU,CAAGsB,EAAAA,SAAAA,CAAMe,QAAQ,CAAC,CAAC,CACnD,EAAA,CAAC,CAACnB,KAAAA,EAAOmB,SAAQ,CAAM,KAAA;AACrB,MAAA,IAAIA,SAAY,IAAA,CAACG,KAAMC,CAAAA,OAAAA,CAAQvB,KAAK,CAAG,EAAA;AACrClB,QAAAA,UAAAA,CAAWkB,QAAQ,EAAE,CAAA;AAAA,OACvB;AAAA,KAEF,EAAA;AAAA,MAAEwB,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEA,IAAA,MAAMjB,eAAgBkB,CAAgB,GAAA,KAAA;AACpC,MAAI,IAAA,CAACrB,SAAMe,CAAAA,QAAQ,CAAG,EAAA;AACpBrC,QAAAA,UAAAA,CAAWkB,KAAQ,GAAA,EAAA,CAAA;AACnB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM0B,KAAQtB,GAAAA,SAAAA,CAAMtB,UAAU,CAAA,CAAE6C,QAAQF,GAAG,CAAA,CAAA;AAE3C,MAAA,IAAIC,UAAU,CAAI,CAAA,EAAA;AAChB,QAAA,OAAA;AAAA,OACF;AAEC5C,MAAWkB,UAAAA,CAAAA,KAAAA,CAAmB4B,MAAOF,CAAAA,KAAAA,EAAO,CAAC,CAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAMG,wBAAyBJ,CAAgB,GAAA,KAAA;AAC7CL,MAAAA,iBAAAA,CAAkBpB,KAAQ,GAAA,IAAA,CAAA;AAC1BkB,MAAAA,eAAAA,CAAgBlB,KAAQyB,GAAAA,GAAAA,CAAAA;AAAAA,KAC1B,CAAA;AAEA,IAAA,MAAMK,yBAAyBA,MAAM;AACnCV,MAAAA,iBAAAA,CAAkBpB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAM+B,oBAAqBN,CAAgB,GAAA,KAAA;AACzC,MAAMO,MAAAA,MAAAA,GAAS5B,UAAMtB,UAAU,CAAA,CAAA;AAE/B,MAAIwC,IAAAA,KAAAA,CAAMC,OAAQS,CAAAA,MAAM,CAAG,EAAA;AACzBA,QAAAA,MAAAA,CAAOC,KAAKR,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAMS,MAAAA,SAAAA,GAAY9B,UAAMe,QAAQ,CAAA,CAAA;AAEhC,MAAIX,IAAAA,OAAAA,CAAAA;AAEJ,MAAA,IAAI,CAAC0B,SAAW,EAAA;AACd1B,QAAAA,OAAAA,GAAOC,gBAAA/B,iBAAA,EAAA;AAAA,UAAA,QAEKmD,EAAAA,qBAAAA;AAAAA,UAAqB,UACnBtB,EAAAA,YAAAA;AAAAA,UAAY,YAAA,EACVH,UAAMtB,UAAU,CAAA;AAAA,UAAC,qBAAA,EACPkB,CAAWlB,KAAAA,KAAAA,UAAAA,CAAWkB,KAAQA,GAAAA,KAAAA;AAAAA,UAAM,iBAC3CnB,KAAMK,CAAAA,aAAAA;AAAAA,WAExB,IAAA,CAAA,CAAA;AAAA,OACI,MAAA;AACL,QAAA,IAAIiD,MAAyB,GAAA,IAAA,CAAA;AAE7B,QAAA,IAAIb,KAAMC,CAAAA,OAAAA,CAAQnB,SAAMtB,CAAAA,UAAU,CAAC,CAAG,EAAA;AACpCqD,UAAAA,MAAAA,GAAU/B,UAAMtB,UAAU,CAAA,CAAesD,GAAKX,CAAAA,CAAAA,GAAAA,KAAGhB,gBAAA/B,iBAAA,EAAA;AAAA,YAAA,QAErCmD,EAAAA,qBAAAA;AAAAA,YAAqB,UACnBtB,EAAAA,YAAAA;AAAAA,YAAY,YACVkB,EAAAA,GAAAA;AAAAA,YAAG,iBACA5C,KAAMK,CAAAA,aAAAA;AAAAA,WAAa,EAAA,IAAA,CAErC,CAAA,CAAA;AAAA,SACH;AAEAsB,QAAAA,OAAAA,GAAOC,gBAAAC,qBAEFyB,MAAAA,EAAM1B,gBAAA/B,iBAAA,EAAA;AAAA,UAAA,qBAEgBqD,EAAAA,iBAAAA;AAAAA,UAAiB,iBACvBlD,KAAMK,CAAAA,aAAAA;AAAAA,SAAa,EAGvC,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACH;AAEA,MAAA,MAAMmD,WAAcjC,GAAAA,SAAAA,CAAMgB,iBAAiB,CAAA,GAACX,gBAAA6B,yBAAA,EAAA;AAAA,QAAA,SAE/BR,EAAAA,sBAAAA;AAAAA,QAAsB,SACtB,EAAA,CAAC1B,SAAMc,CAAAA,eAAe,CAAC,CAAA;AAAA,OAAC,EAAA,IAAA,CAEjC,GAAA,IAAA,CAAA;AAEJ,MAAA,OAAAT,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAEKD,EAAAA,CAAAA,OACA6B,EAAAA,WAAW,CAAA,CAAA,CAAA;AAAA,KAGlB,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwGF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,16 @@
+import { ExtractPropTypes } from "vue";
+import { UploadContext, WebFileUploadContext } from "./context";
+export declare const uploadFileProps: {
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => WebFileUploadContext, boolean>;
+};
+export type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;
+export declare const uploadFileEmits: {
+    "update:modelValue": (path: string) => boolean;
+};
+export type UploadFileEmits = typeof uploadFileEmits;

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+var UploadContext = require('./context/UploadContext.js');
+var WebFileUploadContext = require('./context/WebFileUploadContext.js');
+require('./context/web-file-upload-context.js');
+require('./context/web-file-upload-context-options.js');
+
+const uploadFileProps = utils.buildProps({
+  modelValue: {
+    type: String
+  },
+  uploadContext: {
+    type: UploadContext.UploadContext,
+    default: () => new WebFileUploadContext.WebFileUploadContext()
+  }
+});
+const uploadFileEmits = {
+  "update:modelValue": (path) => true
+};
+
+exports.uploadFileEmits = uploadFileEmits;
+exports.uploadFileProps = uploadFileProps;
+//# sourceMappingURL=upload-file-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-options.js","sources":["../../../../../src/components/basic/upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { UploadContext, WebFileUploadContext } from \"./context\";\r\n\r\nexport const uploadFileProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n  },\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new WebFileUploadContext(),\r\n  },\r\n} as const);\r\n\r\nexport type UploadFileProps = ExtractPropTypes<typeof uploadFileProps>;\r\n\r\nexport const uploadFileEmits = {\r\n  \"update:modelValue\": (path: string) => true,\r\n};\r\n\r\nexport type UploadFileEmits = typeof uploadFileEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;;AAIO,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,yCAAqB,EAAA;AAAA,GAC1C;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,mBAAA,EAAqB,CAAC,IAAiB,KAAA,IAAA;AACzC;;;;;"}

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

@@ -0,0 +1,25 @@
+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 uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./context").UploadContext, unknown, unknown, () => import("./context").WebFileUploadContext, 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 modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("./context").UploadContext, unknown, unknown, () => import("./context").WebFileUploadContext, boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((path: string) => any) | undefined;
+}, {
+    readonly uploadContext: import("./context").UploadContext;
+}, {}>> & Record<string, any>;