@maketribe/ms-app 3.0.48 → 3.0.49

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

@@ -0,0 +1,60 @@
+import { WebFileUpload } from '@maketribe/request';
+import { UploadContext } from './UploadContext.js';
+import 'vue';
+import '@maketribe/dm';
+import 'element-plus';
+import '@maketribe/utils';
+import '../../../../core/DataModelDefines.js';
+import { MSAppClient } from '../../../../core/MSAppClient.js';
+
+class WebFileUploadContext extends UploadContext {
+  webFileUpload;
+  accept;
+  constructor(options = {}) {
+    super();
+    this.accept = options.accept || "";
+    this.webFileUpload = options.webFileUpload ?? new WebFileUpload({
+      httpRequest: MSAppClient.instance.httpRequest
+    });
+  }
+  setAccept(accept) {
+    this.accept = accept;
+  }
+  setWebFileUpload(webFileUpload) {
+    this.webFileUpload = webFileUpload;
+  }
+  async selectFile() {
+    const input = document.createElement("input");
+    input.type = "file";
+    if (this.accept) {
+      input.accept = this.accept;
+    }
+    Object.assign(input.style, {
+      width: "1px",
+      height: "1px",
+      display: "none"
+    });
+    const file = await new Promise((resolve) => {
+      const handleFileChange = (event) => {
+        const files = input.files;
+        input.parentElement?.removeChild(input);
+        resolve(files?.length ? files[0] : null);
+      };
+      input.addEventListener("change", handleFileChange);
+      document.body.append(input);
+      input.click();
+    });
+    if (!file) {
+      return { success: true, path: "", msg: "" };
+    }
+    const response = await this.webFileUpload.upload(file);
+    return {
+      success: response.data.code === 200,
+      path: response.data.data.path,
+      msg: response.data.msg
+    };
+  }
+}
+
+export { WebFileUploadContext };
+//# sourceMappingURL=WebFileUploadContext.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"web-file-upload-context.js","sources":["../../../../../../src/components/business/upload-file/context/web-file-upload-context.tsx"],"sourcesContent":["import { computed, defineComponent, provide, unref, watch } from \"vue\";\r\nimport { WebFileUpload } from \"@maketribe/request\";\r\nimport { webFileUploadContextProps } from \"./web-file-upload-context-options\";\r\nimport { WebFileUploadContext } from \"./WebFileUploadContext\";\r\nimport { UploadContextCtxKey } from \"./UploadContext\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\nconst _WebFileUploadContext = defineComponent({\r\n  name: \"MKWebFileUploadContext\",\r\n  props: webFileUploadContextProps,\r\n  inheritAttrs: false,\r\n  setup(props, { slots }) {\r\n    const accept = computed(() => props.accept);\r\n    const webFileUpload = computed(() => props.webFileUpload);\r\n\r\n    const webFileUploadContext = new WebFileUploadContext();\r\n\r\n    watch(\r\n      computed(() => [unref(accept), unref(webFileUpload)] as any),\r\n      ([accept, webFileUpload]: [string, WebFileUpload]) => {\r\n        webFileUploadContext.setAccept(accept ?? \"\");\r\n        if (webFileUpload) {\r\n          webFileUploadContext.setWebFileUpload(webFileUpload);\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    provide(UploadContextCtxKey, { uploadContext: webFileUploadContext });\r\n\r\n    return () => {\r\n      return slots.default?.();\r\n    };\r\n  },\r\n});\r\n\r\nexport const MKWebFileUploadContext = withInstall(_WebFileUploadContext);\r\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/business/upload-file/ui/upload-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/business/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":[],"mappings":";;;;AAGa,MAAA,aAAA,GAAgB,YAAY,WAAW;;;;"}

package/dist/esm/components/business/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/business/upload-file/ui/upload-image/upload-image-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image-options.js","sources":["../../../../../../../src/components/business/upload-file/ui/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { MaterialUploadContext, UploadContext } from \"../../context\";\r\n\r\nexport const uploadImageProps = buildProps({\r\n  uploadContext: {\r\n    type: UploadContext,\r\n    default: () => new MaterialUploadContext(),\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":[],"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/business/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 '../../../../basic/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/business/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 \"../../../../basic/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","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/esm/components/business/upload-file/upload-file-options.js

@@ -0,0 +1,30 @@
+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 uploadFileProps = buildProps({
+  modelValue: {
+    type: String
+  },
+  uploadContext: {
+    type: UploadContext,
+    default: () => new MaterialUploadContext()
+  }
+});
+const uploadFileEmits = {
+  "update:modelValue": (path) => true
+};
+
+export { uploadFileEmits, uploadFileProps };
+//# sourceMappingURL=upload-file-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-options.js","sources":["../../../../../src/components/business/upload-file/upload-file-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { UploadContext } from \"./context\";\r\nimport { MaterialUploadContext } from \"./context/MaterialUploadContext\";\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 MaterialUploadContext(),\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":[],"mappings":";;;;;;;;;;;;;;;AAKO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EACxC,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,aAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAI,qBAAsB,EAAA;AAAA,GAC3C;AACF,CAAU,EAAA;AAIH,MAAM,eAAkB,GAAA;AAAA,EAC7B,mBAAA,EAAqB,CAAC,IAAiB,KAAA,IAAA;AACzC;;;;"}

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

@@ -0,0 +1,61 @@
+import { defineComponent, inject, computed, createVNode, unref } from 'vue';
+import { uploadFileProps, uploadFileEmits } from './upload-file-options.js';
+import { ElMessage } from 'element-plus';
+import { UploadContextCtxKey } from './context/UploadContext.js';
+import '@maketribe/request';
+import '@maketribe/dm';
+import { withInstall } from '@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 _UploadFile = /* @__PURE__ */ defineComponent({
+  name: "MKUploadFile",
+  props: uploadFileProps,
+  emits: uploadFileEmits,
+  setup(props, {
+    emit
+  }) {
+    const uploadContextCtx = inject(UploadContextCtxKey, null);
+    const value = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    const uploadContext = computed(() => uploadContextCtx?.uploadContext || props.uploadContext);
+    const handleUpload = async () => {
+      try {
+        const uploadResult = await unref(uploadContext).selectFile();
+        if (uploadResult.success) {
+          value.value = uploadResult.path || value.value;
+          return;
+        }
+        ElMessage.error(uploadResult.msg);
+      } catch (e) {
+        console.error(e);
+        ElMessage.error("\u7F51\u7EDC\u5F02\u5E38");
+      }
+    };
+    return {
+      handleUpload
+    };
+  },
+  render() {
+    const {
+      handleUpload,
+      $slots
+    } = this;
+    return createVNode("span", {
+      "class": "mk-upload-file",
+      "onClick": handleUpload
+    }, [$slots.default?.()]);
+  }
+});
+const MKUploadFile = withInstall(_UploadFile);
+
+export { MKUploadFile };
+//# sourceMappingURL=upload-file.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/business/upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { UploadContextCtxKey } from \"./context\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 文件上传\r\n *\r\n * 文件上传在本后台中有两大分类\r\n * 1.直接上传文件\r\n * 2.使用素材库文件\r\n *\r\n * 文件上传的界面交互又会分为几种情况\r\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\r\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\r\n *\r\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\r\n *\r\n */\r\n\r\nconst _UploadFile = defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadFileProps,\r\n  emits: uploadFileEmits,\r\n  setup(props, { emit }) {\r\n    const uploadContextCtx = inject(UploadContextCtxKey, null);\r\n\r\n    const value = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const uploadContext = computed(\r\n      () => uploadContextCtx?.uploadContext || props.uploadContext\r\n    );\r\n\r\n    const handleUpload = async () => {\r\n      try {\r\n        const uploadResult = await unref(uploadContext).selectFile();\r\n\r\n        if (uploadResult.success) {\r\n          value.value = uploadResult.path || value.value;\r\n          return;\r\n        }\r\n\r\n        ElMessage.error(uploadResult.msg);\r\n      } catch (e) {\r\n        console.error(e);\r\n        ElMessage.error(\"网络异常\");\r\n      }\r\n    };\r\n\r\n    return {\r\n      handleUpload,\r\n    };\r\n  },\r\n  render() {\r\n    const { handleUpload, $slots } = this;\r\n\r\n    return (\r\n      <span class=\"mk-upload-file\" onClick={handleUpload}>\r\n        {$slots.default?.()}\r\n      </span>\r\n    );\r\n  },\r\n});\r\n\r\nexport const MKUploadFile = withInstall(_UploadFile);\r\n"],"names":["_UploadFile","name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","uploadContextCtx","inject","UploadContextCtxKey","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default","MKUploadFile","withInstall"],"mappings":";;;;;;;;;;;;;;;;AAqBA,MAAMA,8BAA8B,eAAA,CAAA;AAAA,EAClCC,IAAM,EAAA,cAAA;AAAA,EACNC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,KAAOC,EAAAA,eAAAA;AAAAA,EACPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAMC,MAAAA,gBAAAA,GAAmBC,MAAOC,CAAAA,mBAAAA,EAAqB,IAAI,CAAA,CAAA;AAEzD,IAAA,MAAMC,QAAQC,QAAS,CAAA;AAAA,MACrBC,GAAAA,EAAKA,MAAMX,KAAMY,CAAAA,UAAAA;AAAAA,MACjBC,GAAMC,EAAAA,CAAAA,CAAAA,KAAcT,IAAK,CAAA,mBAAA,EAAqBS,CAAC,CAAA;AAAA,KAChD,CAAA,CAAA;AAED,IAAA,MAAMC,gBAAgBL,QACpB,CAAA,MAAMJ,gBAAkBS,EAAAA,aAAAA,IAAiBf,MAAMe,aACjD,CAAA,CAAA;AAEA,IAAA,MAAMC,eAAe,YAAY;AAC/B,MAAI,IAAA;AACF,QAAA,MAAMC,YAAe,GAAA,MAAMC,KAAMH,CAAAA,aAAa,EAAEI,UAAW,EAAA,CAAA;AAE3D,QAAA,IAAIF,aAAaG,OAAS,EAAA;AACxBX,UAAMA,KAAAA,CAAAA,KAAAA,GAAQQ,YAAaI,CAAAA,IAAAA,IAAQZ,KAAMA,CAAAA,KAAAA,CAAAA;AACzC,UAAA,OAAA;AAAA,SACF;AAEAa,QAAUC,SAAAA,CAAAA,KAAAA,CAAMN,aAAaO,GAAG,CAAA,CAAA;AAAA,eACzBC,CAAG,EAAA;AACVC,QAAAA,OAAAA,CAAQH,MAAME,CAAC,CAAA,CAAA;AACfH,QAAAA,SAAAA,CAAUC,MAAM,0BAAM,CAAA,CAAA;AAAA,OACxB;AAAA,KACF,CAAA;AAEA,IAAO,OAAA;AAAA,MACLP,YAAAA;AAAAA,KACF,CAAA;AAAA,GACF;AAAA,EACAW,MAAS,GAAA;AACP,IAAM,MAAA;AAAA,MAAEX,YAAAA;AAAAA,MAAcY,MAAAA;AAAAA,KAAW,GAAA,IAAA,CAAA;AAEjC,IAAA,OAAAC,YAAA,MAAA,EAAA;AAAA,MAAA,OAAA,EAAA,gBAAA;AAAA,MAAA,SACwCb,EAAAA,YAAAA;AAAAA,KAAY,EAAA,CAC/CY,MAAOE,CAAAA,OAAAA,IAAW,CAAA,CAAA,CAAA;AAAA,GAGzB;AACF,CAAC,CAAA,CAAA;AAEYC,MAAAA,YAAAA,GAAeC,YAAYlC,WAAW;;;;"}

package/dist/esm/components/business/verify-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/business/verify-dialog/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport VerifyDialog from \"./verify-dialog\";\r\n\r\nexport const MKVerifyDialog = withInstall(VerifyDialog);\r\nexport default MKVerifyDialog;\r\n"],"names":[],"mappings":";;;AAGa,MAAA,cAAA,GAAiB,YAAY,YAAY;;;;"}

package/dist/esm/components/business/verify-dialog/verify-dialog-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verify-dialog-option.js","sources":["../../../../../src/components/business/verify-dialog/verify-dialog-option.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const verifyDialogProps = buildProps({\r\n  visible: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  scene: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  width: {\r\n    type: String,\r\n    default: \"300px\",\r\n  },\r\n} as const);\r\n\r\nexport const verifyDialogEmits = {\r\n  \"update:visible\": (modelValue: any) => true,\r\n\r\n  confirm: (modelValue: any) => true,\r\n};\r\nexport type VerifyDialogProps = ExtractPropTypes<typeof verifyDialogEmits>;\r\n"],"names":[],"mappings":";;AAGO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,gBAAA,EAAkB,CAAC,UAAoB,KAAA,IAAA;AAAA,EAEvC,OAAA,EAAS,CAAC,UAAoB,KAAA,IAAA;AAChC;;;;"}