@maketribe/ms-app 3.0.18 → 3.0.20

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

@@ -0,0 +1,36 @@
+import { defineComponent, computed, watch, unref, provide } from 'vue';
+import { webFileUploadContextProps } from './web-file-upload-context-options.js';
+import { WebFileUploadContext } from './WebFileUploadContext.js';
+import { UploadContextCtxKey } from './UploadContext.js';
+import { withInstall } from '@maketribe/utils';
+
+const _WebFileUploadContext = /* @__PURE__ */ defineComponent({
+  name: "MKWebFileUploadContext",
+  props: webFileUploadContextProps,
+  inheritAttrs: false,
+  setup(props, {
+    slots
+  }) {
+    const accept = computed(() => props.accept);
+    const webFileUpload = computed(() => props.webFileUpload);
+    const webFileUploadContext = new WebFileUploadContext();
+    watch(computed(() => [unref(accept), unref(webFileUpload)]), ([accept2, webFileUpload2]) => {
+      webFileUploadContext.setAccept(accept2 ?? "");
+      if (webFileUpload2) {
+        webFileUploadContext.setWebFileUpload(webFileUpload2);
+      }
+    }, {
+      immediate: true
+    });
+    provide(UploadContextCtxKey, {
+      uploadContext: webFileUploadContext
+    });
+    return () => {
+      return slots.default?.();
+    };
+  }
+});
+const MKWebFileUploadContext = withInstall(_WebFileUploadContext);
+
+export { MKWebFileUploadContext };
+//# sourceMappingURL=web-file-upload-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"web-file-upload-context.js","sources":["../../../../../src/components/upload-file/context/web-file-upload-context.tsx"],"sourcesContent":["import { computed, defineComponent, provide, unref, watch } from \"vue\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { webFileUploadContextProps } from \"./web-file-upload-context-options\";\nimport { WebFileUploadContext } from \"./WebFileUploadContext\";\nimport { UploadContextCtxKey } from \"./UploadContext\";\nimport { withInstall } from \"@maketribe/utils\";\n\nconst _WebFileUploadContext = defineComponent({\n  name: \"MKWebFileUploadContext\",\n  props: webFileUploadContextProps,\n  inheritAttrs: false,\n  setup(props, { slots }) {\n    const accept = computed(() => props.accept);\n    const webFileUpload = computed(() => props.webFileUpload);\n\n    const webFileUploadContext = new WebFileUploadContext();\n\n    watch(\n      computed(() => [unref(accept), unref(webFileUpload)] as any),\n      ([accept, webFileUpload]: [string, WebFileUpload]) => {\n        webFileUploadContext.setAccept(accept ?? \"\");\n        if (webFileUpload) {\n          webFileUploadContext.setWebFileUpload(webFileUpload);\n        }\n      },\n      { immediate: true }\n    );\n\n    provide(UploadContextCtxKey, { uploadContext: webFileUploadContext });\n\n    return () => {\n      return slots.default?.();\n    };\n  },\n});\n\nexport const MKWebFileUploadContext = withInstall(_WebFileUploadContext);\n"],"names":["_WebFileUploadContext","name","props","webFileUploadContextProps","inheritAttrs","setup","slots","accept","computed","webFileUpload","webFileUploadContext","WebFileUploadContext","watch","unref","setAccept","setWebFileUpload","immediate","provide","UploadContextCtxKey","uploadContext","default","MKWebFileUploadContext","withInstall"],"mappings":";;;;;;AAOA,MAAMA,wCAAwC,eAAA,CAAA;AAAA,EAC5CC,IAAM,EAAA,wBAAA;AAAA,EACNC,KAAOC,EAAAA,yBAAAA;AAAAA,EACPC,YAAc,EAAA,KAAA;AAAA,EACdC,MAAMH,KAAO,EAAA;AAAA,IAAEI,KAAAA;AAAAA,GAAS,EAAA;AACtB,IAAA,MAAMC,MAASC,GAAAA,QAAAA,CAAS,MAAMN,KAAAA,CAAMK,MAAM,CAAA,CAAA;AAC1C,IAAA,MAAME,aAAgBD,GAAAA,QAAAA,CAAS,MAAMN,KAAAA,CAAMO,aAAa,CAAA,CAAA;AAExD,IAAMC,MAAAA,oBAAAA,GAAuB,IAAIC,oBAAqB,EAAA,CAAA;AAEtDC,IAAAA,KAAAA,CACEJ,QAAS,CAAA,MAAM,CAACK,KAAAA,CAAMN,MAAM,CAAGM,EAAAA,KAAAA,CAAMJ,aAAa,CAAC,CAAQ,CAC3D,EAAA,CAAC,CAACF,OAAAA,EAAQE,cAAa,CAA+B,KAAA;AACpDC,MAAqBI,oBAAAA,CAAAA,SAAAA,CAAUP,WAAU,EAAE,CAAA,CAAA;AAC3C,MAAA,IAAIE,cAAe,EAAA;AACjBC,QAAAA,oBAAAA,CAAqBK,iBAAiBN,cAAa,CAAA,CAAA;AAAA,OACrD;AAAA,KAEF,EAAA;AAAA,MAAEO,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEAC,IAAAA,OAAAA,CAAQC,mBAAqB,EAAA;AAAA,MAAEC,aAAeT,EAAAA,oBAAAA;AAAAA,KAAsB,CAAA,CAAA;AAEpE,IAAA,OAAO,MAAM;AACX,MAAA,OAAOJ,MAAMc,OAAU,IAAA,CAAA;AAAA,KACzB,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEYC,MAAAA,sBAAAA,GAAyBC,YAAYtB,qBAAqB;;;;"}

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

@@ -1,46 +1,7 @@
-export declare const MKUploadFile: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").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 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: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly upload: {
-        readonly type: import("vue").PropType<import("@maketribe/request").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 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>;
-}>> & {
-    onRemove?: ((uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => any) | undefined;
-    onUploadSuccess?: ((res: any) => any) | undefined;
-    "onUpdate:file-list"?: ((fileList: any) => 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;
-}, {}>> & Record<string, any>;
+import { MKUploadFile } from "./upload-file";
+export { MKUploadFile };
 export default MKUploadFile;
+export * from "./upload-file";
+export * from "./context";
+export * from "./ui";
+export * from "./upload-file-options";

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

@@ -1,7 +1,16 @@
-import { withInstall } from '@maketribe/utils';
-import UploadFile from './upload-file.js';
+import { MKUploadFile } from './upload-file.js';
+export { UploadContext, UploadContextCtxKey } from './context/UploadContext.js';
+export { WebFileUploadContext } from './context/WebFileUploadContext.js';
+export { MaterialUploadContext } from './context/MaterialUploadContext.js';
+export { MKMaterialUploadContext } from './context/material-upload-context.js';
+export { materialUploadContextProps } from './context/material-upload-context-options.js';
+export { MKWebFileUploadContext } from './context/web-file-upload-context.js';
+export { webFileUploadContextProps } from './context/web-file-upload-context-options.js';
+export { MKUploadImage } from './ui/upload-image/index.js';
+export { uploadFileEmits, uploadFileProps } from './upload-file-options.js';
+export { uploadImageEmits, uploadImageProps } from './ui/upload-image/upload-image-options.js';
+
 
-const MKUploadFile = withInstall(UploadFile);
 
 export { MKUploadFile, MKUploadFile as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/upload-file/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport UploadFile from \"./upload-file\";\n\nexport const MKUploadFile = withInstall(UploadFile);\nexport default MKUploadFile;\n"],"names":[],"mappings":";;;AAGa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

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

@@ -0,0 +1 @@
+export * from "./upload-image";

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

@@ -0,0 +1,3 @@
+export { MKUploadImage } from './upload-image/index.js';
+export { uploadImageEmits, uploadImageProps } from './upload-image/upload-image-options.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/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("../..").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 import("../..").UploadContext, unknown, unknown, () => import("../..").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: import("../..").UploadContext;
+}, {}>> & Record<string, any>;
+export default MKUploadImage;
+export * from "./upload-image-options";

package/dist/esm/components/upload-file/ui/upload-image/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import UploadImage from './upload-image.js';
+export { uploadImageEmits, uploadImageProps } from './upload-image-options.js';
+
+const MKUploadImage = withInstall(UploadImage);
+
+export { MKUploadImage, MKUploadImage as default };
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { buildProps } from '@maketribe/utils';
+import { UploadContext } from '../../context/UploadContext.js';
+import '@maketribe/request';
+import 'vue';
+import '@maketribe/dm';
+import 'element-plus';
+import '../../../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/locale';
+import { MaterialUploadContext } from '../../context/MaterialUploadContext.js';
+import '../../context/material-upload-context.js';
+import '../../context/material-upload-context-options.js';
+import '../../context/web-file-upload-context.js';
+import '../../context/web-file-upload-context-options.js';
+
+const uploadImageProps = buildProps({
+  uploadContext: {
+    type: UploadContext,
+    default: () => new MaterialUploadContext()
+  },
+  modelValue: {
+    type: [String, Array]
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  }
+});
+const uploadImageEmits = {
+  "update:modelValue": (path) => true
+};
+
+export { uploadImageEmits, uploadImageProps };
+//# sourceMappingURL=upload-image-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image-options.js","sources":["../../../../../../src/components/upload-file/ui/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { MaterialUploadContext, UploadContext } from \"../../context\";\n\nexport const uploadImageProps = buildProps({\n  uploadContext: {\n    type: UploadContext,\n    default: () => new MaterialUploadContext(),\n  },\n  modelValue: {\n    type: [String, Array<String>],\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\n\nexport const uploadImageEmits = {\n  \"update:modelValue\": (path: string | string[]) => true,\n};\n\nexport type UploadImageEmits = typeof uploadImageEmits;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAIO,MAAM,mBAAmB,UAAW,CAAA;AAAA,EACzC,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,aAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAI,qBAAsB,EAAA;AAAA,GAC3C;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/esm/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/esm/components/upload-file/ui/upload-image/upload-image.js

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