@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.2

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

@@ -1,214 +0,0 @@
-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/utils";
-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
-    },
-    width: {
-      type: String,
-      default: "180px"
-    },
-    height: {
-      type: String,
-      default: "180px"
-    },
-    icon: {
-      type: String,
-      default: "teenyicons:add-outline"
-    }
-  },
-  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) => {
-      var _a;
-      event.stopPropagation();
-      if (unref(modelValue)) {
-        return;
-      }
-      (_a = unref(uploadFileInstance)) == null ? void 0 : _a.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": "contain"
-        }, null), createVNode("div", {
-          "class": "mk-upload-image-item__mask"
-        }, [createVNode(ElTooltip, {
-          "content": "查看"
-        }, {
-          default: () => [createVNode(MKSvgIcon, {
-            "name": "ep:view",
-            "onClick": handleView
-          }, null)]
-        }), createVNode(ElTooltip, {
-          "content": "删除"
-        }, {
-          default: () => [createVNode(MKSvgIcon, {
-            "name": "material-symbols:delete-outline",
-            "onClick": handleDelete
-          }, null)]
-        })])]);
-      } else {
-        content = createVNode(MKSvgIcon, {
-          "name": props.icon
-        }, null);
-      }
-      return createVNode("div", {
-        "class": "mk-upload-image-item",
-        "style": {
-          width: props.width,
-          height: props.height
-        }
-      }, [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])]
-      })]);
-    };
-  }
-});
-const 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,
-          "width": props.width,
-          "height": props.height,
-          "icon": props.icon
-        }, 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,
-            "width": props.width,
-            "height": props.height,
-            "icon": props.icon
-          }, null));
-        }
-        content = createVNode(Fragment, null, [images, createVNode(MKUploadImageItem, {
-          "onUpdate:modelValue": handleAppendImage,
-          "uploadContext": props.uploadContext,
-          "width": props.width,
-          "height": props.height,
-          "icon": props.icon
-        }, null)]);
-      }
-      const imageViewer = unref(isShowImageViewer) ? createVNode(ElImageViewer, {
-        "teleported": true,
-        "zIndex": 99,
-        "onClose": handleCloseImageViewer,
-        "urlList": [unref(currentImageSrc)]
-      }, null) : null;
-      return createVNode("div", {
-        "class": "mk-upload-image",
-        "style": {
-          width: !_multiple ? "" : props.width
-        }
-      }, [content, imageViewer]);
-    };
-  }
-});
-export {
-  UploadImage as default
-};
-//# sourceMappingURL=upload-image.js.map

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

@@ -1 +0,0 @@
-{"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    width: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    height: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"teenyicons:add-outline\",\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    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 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=\"contain\"\r\n            />\r\n\r\n            <div class=\"mk-upload-image-item__mask\">\r\n              <ElTooltip content=\"查看\">\r\n                <MKSvgIcon name=\"ep:view\" onClick={handleView} />\r\n              </ElTooltip>\r\n              <ElTooltip content=\"删除\">\r\n                <MKSvgIcon name=\"material-symbols:delete-outline\" onClick={handleDelete} />\r\n              </ElTooltip>\r\n            </div>\r\n          </Fragment>\r\n        );\r\n      } else {\r\n        content = <MKSvgIcon name={props.icon} />;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-upload-image-item\" style={{ width: props.width, height: props.height }}>\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      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            width={props.width}\r\n            height={props.height}\r\n            icon={props.icon}\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              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\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              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      const imageViewer = unref(isShowImageViewer) ? (\r\n        <ElImageViewer teleported zIndex={99}\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\" style={{ width: !_multiple ? \"\" : props.width }}>\r\n          {content}\r\n          {imageViewer}\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","width","height","icon","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/basic/upload-file/ui/upload-video/index.js

@@ -1,11 +0,0 @@
-import { withInstall } from "@maketribe/utils";
-import UploadVideo from "./upload-video.js";
-import { uploadVideoEmits, uploadVideoProps } from "./upload-video-options.js";
-const MKUploadVideo = withInstall(UploadVideo);
-export {
-  MKUploadVideo,
-  MKUploadVideo as default,
-  uploadVideoEmits,
-  uploadVideoProps
-};
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,38 +0,0 @@
-import { buildProps } from "@maketribe/utils";
-import { UploadContext } from "../../context/UploadContext.js";
-import { WebFileUploadContext } from "../../context/WebFileUploadContext.js";
-import "../../context/web-file-upload-context.js";
-import "../../context/web-file-upload-context-options.js";
-const uploadVideoProps = buildProps({
-  uploadContext: {
-    type: UploadContext,
-    default: () => new WebFileUploadContext()
-  },
-  modelValue: {
-    type: [String, Array]
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  width: {
-    type: String,
-    default: "180px"
-  },
-  height: {
-    type: String,
-    default: "180px"
-  },
-  icon: {
-    type: String,
-    default: "UploadFilled"
-  }
-});
-const uploadVideoEmits = {
-  "update:modelValue": (path) => true
-};
-export {
-  uploadVideoEmits,
-  uploadVideoProps
-};
-//# sourceMappingURL=upload-video-options.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"upload-video-options.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-video/upload-video-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { WebFileUploadContext, UploadContext } from \"../../context\";\r\n\r\nexport const uploadVideoProps = 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  width: {\r\n    type: String,\r\n    default: \"180px\",\r\n  },\r\n  height: {\r\n    type: String,\r\n    default: \"180px\",\r\n  },\r\n  icon: {\r\n    type: String,\r\n    default: \"UploadFilled\",\r\n  }\r\n} as const);\r\n\r\nexport type UploadVideoProps = ExtractPropTypes<typeof uploadVideoProps>;\r\n\r\nexport const uploadVideoEmits = {\r\n  \"update:modelValue\": (path: string | string[]) => true,\r\n};\r\n\r\nexport type UploadVideoEmits = typeof uploadVideoEmits;\r\n"],"names":[],"mappings":";;;;;AAIO,MAAM,mBAAmB,WAAW;AAAA,EACzC,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,MAAM,IAAI,qBAAqB;AAAA,EAC1C;AAAA,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,KAAa;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,mBAAmB;AAAA,EAC9B,qBAAqB,CAAC,SAA4B;AACpD;"}

package/dist/esm/components/basic/upload-file/ui/upload-video/upload-video.js

@@ -1,223 +0,0 @@
-import { defineComponent, computed, ref, watch, unref, createVNode, Fragment, createTextVNode } from "vue";
-import { ElTooltip } from "element-plus";
-import { MKSvgIcon } from "../../../svg-icon/index.js";
-import { MKUploadFile } from "../../upload-file.js";
-import { uploadVideoProps, uploadVideoEmits } from "./upload-video-options.js";
-import { UploadContext } from "../../context/UploadContext.js";
-import "@maketribe/request";
-import "@maketribe/utils";
-import "../../context/web-file-upload-context.js";
-import "../../context/web-file-upload-context-options.js";
-const MKUploadFileItem = /* @__PURE__ */ defineComponent({
-  name: "MKUploadFileItem",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    uploadContext: {
-      type: UploadContext,
-      required: true
-    },
-    width: {
-      type: String,
-      default: "180px"
-    },
-    height: {
-      type: String,
-      default: "180px"
-    },
-    icon: {
-      type: String,
-      default: "ep:plus"
-    }
-  },
-  emits: ["update:modelValue", "view", "delete"],
-  setup(props, {
-    emit
-  }) {
-    const uploadFileInstance = ref(null);
-    ref(null);
-    ref("");
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (v) => {
-        emit("update:modelValue", v);
-      }
-    });
-    const handleUpdateModelValue = (v) => {
-      modelValue.value = v;
-    };
-    const handleClick = (event) => {
-      var _a;
-      event.stopPropagation();
-      if (unref(modelValue)) {
-        return;
-      }
-      (_a = unref(uploadFileInstance)) == null ? void 0 : _a.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("div", {
-          "class": "mk-upload-video-item__file"
-        }, [createVNode(MKSvgIcon, {
-          "name": "material-symbols:video-file"
-        }, null)]), createVNode("div", {
-          "class": "mk-upload-video-item__mask"
-        }, [createVNode(ElTooltip, {
-          "content": "查看"
-        }, {
-          default: () => [createVNode(MKSvgIcon, {
-            "name": "ep:view",
-            "onClick": handleView
-          }, null)]
-        }), createVNode(ElTooltip, {
-          "content": "删除"
-        }, {
-          default: () => [createVNode(MKSvgIcon, {
-            "name": "ep:delete",
-            "onClick": handleDelete
-          }, null)]
-        })])]);
-      } else {
-        content = createVNode("div", {
-          "class": "mk-upload-video-item__wrapper__desc"
-        }, [createVNode(MKSvgIcon, {
-          "name": props.icon,
-          "class": "mk-upload-video-item__wrapper__desc__icon"
-        }, null), createVNode("span", {
-          "class": "mk-upload-video-item__wrapper__desc__text"
-        }, [createTextVNode("点击上传视频")])]);
-      }
-      return createVNode("div", {
-        "class": "mk-upload-video-item",
-        "style": {
-          width: props.width,
-          height: props.height
-        }
-      }, [createVNode(MKUploadFile, {
-        "modelValue": props.modelValue,
-        "onUpdate:modelValue": handleUpdateModelValue,
-        "uploadContext": props.uploadContext,
-        "ref": (el) => uploadFileInstance.value = el
-      }, {
-        default: () => [createVNode("div", {
-          "class": "mk-upload-video-item__wrapper",
-          "onClick": handleClick
-        }, [content])]
-      })]);
-    };
-  }
-});
-const UploadVideo = /* @__PURE__ */ defineComponent({
-  name: "MKUploadFile",
-  props: uploadVideoProps,
-  emits: uploadVideoEmits,
-  setup(props, {
-    emit
-  }) {
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (v) => emit("update:modelValue", v)
-    });
-    const currentVideoSrc = ref("");
-    const multiple = computed(() => props.multiple);
-    const isShowVideoViewer = 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) => {
-      isShowVideoViewer.value = true;
-      currentVideoSrc.value = src;
-    };
-    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(MKUploadFileItem, {
-          "onView": handleShowImageViewer,
-          "onDelete": handleDelete,
-          "modelValue": unref(modelValue),
-          "onUpdate:modelValue": (value) => modelValue.value = value,
-          "uploadContext": props.uploadContext,
-          "width": props.width,
-          "height": props.height,
-          "icon": props.icon
-        }, null);
-      } else {
-        let images = null;
-        if (Array.isArray(unref(modelValue))) {
-          images = unref(modelValue).map((src) => createVNode(MKUploadFileItem, {
-            "onView": handleShowImageViewer,
-            "onDelete": handleDelete,
-            "modelValue": src,
-            "uploadContext": props.uploadContext,
-            "width": props.width,
-            "height": props.height,
-            "icon": props.icon
-          }, null));
-        }
-        content = createVNode(Fragment, null, [images, createVNode(MKUploadFileItem, {
-          "onUpdate:modelValue": handleAppendImage,
-          "uploadContext": props.uploadContext,
-          "width": props.width,
-          "height": props.height,
-          "icon": props.icon
-        }, null)]);
-      }
-      const videoViewer = unref(isShowVideoViewer) ? createVNode("div", {
-        "class": "mk-upload-video-viewer"
-      }, [createVNode(MKSvgIcon, {
-        "class": "mk-upload-video-viewer__close",
-        "name": "ep:close",
-        "onClick": () => isShowVideoViewer.value = false
-      }, null), createVNode("div", {
-        "class": "mk-upload-video-viewer__mask"
-      }, null), createVNode("video", {
-        "class": "mk-upload-video-viewer__video",
-        "src": currentVideoSrc.value,
-        "controls": true
-      }, null)]) : null;
-      return createVNode("div", {
-        "class": "mk-upload-video",
-        "style": {
-          width: _multiple ? "" : props.width
-        }
-      }, [content, videoViewer]);
-    };
-  }
-});
-export {
-  UploadVideo as default
-};
-//# sourceMappingURL=upload-video.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"upload-video.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-video/upload-video.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 { uploadVideoEmits, uploadVideoProps } from \"./upload-video-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadFileItem = defineComponent({\r\n  name: \"MKUploadFileItem\",\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    width: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    height: {\r\n      type: String,\r\n      default: \"180px\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"ep:plus\",\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 currentFileName: Ref<string> = ref(\"\")\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\r\n\r\n    const getFileIconBySuffix = (v: string) => {\r\n      const index = v.lastIndexOf('.');\r\n      const indexBias = v.lastIndexOf('/');\r\n      const icon = [\"html\", \"apk\", \"eps\", \"ppt\", \"xml\", \"pdf\", \"exe\", \"psd\", \"visio\", \"xls\", \"doc\", \"txt\", \"dll\", \"tiff\", \"bmp\", \"audio\"]\r\n      const zipIcon = [\"zip\", \"rar\", \"zip\", \"tar\", \"gz\", \"bz2\", \"7z\"]\r\n      const suffixIcon = v.substring(index + 1)\r\n      const suffix = v.substring(indexBias + 1)\r\n      if (icon.includes(suffixIcon)) {\r\n        return {\r\n          icon: suffixIcon,\r\n          suffix: suffix,\r\n        }\r\n      } else if (zipIcon.includes(suffixIcon)) {\r\n        return {\r\n          icon: \"yasuo\",\r\n          suffix: suffix\r\n        }\r\n      } else {\r\n        return {\r\n          icon: \"weizhiwenjian\",\r\n          suffix: suffix\r\n        }\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            <div class=\"mk-upload-video-item__file\">\r\n              <MKSvgIcon name=\"material-symbols:video-file\" />\r\n            </div>\r\n\r\n            <div class=\"mk-upload-video-item__mask\">\r\n              <ElTooltip content=\"查看\">\r\n                <MKSvgIcon name=\"ep:view\" onClick={handleView} />\r\n              </ElTooltip>\r\n              <ElTooltip content=\"删除\">\r\n                <MKSvgIcon name=\"ep:delete\" onClick={handleDelete} />\r\n              </ElTooltip>\r\n            </div>\r\n          </Fragment>\r\n        );\r\n      } else {\r\n        content = <div class=\"mk-upload-video-item__wrapper__desc\">\r\n          <MKSvgIcon name={props.icon} class=\"mk-upload-video-item__wrapper__desc__icon\" />\r\n          <span class=\"mk-upload-video-item__wrapper__desc__text\">点击上传视频</span>\r\n        </div>;\r\n      }\r\n\r\n      return (\r\n        <div class=\"mk-upload-video-item\" style={{ width: props.width, height: props.height }}>\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-video-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: \"MKUploadFile\",\r\n  props: uploadVideoProps,\r\n  emits: uploadVideoEmits,\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 currentVideoSrc: Ref<string> = ref(\"\");\r\n\r\n    const multiple = computed(() => props.multiple);\r\n\r\n    const isShowVideoViewer: 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      isShowVideoViewer.value = true;\r\n      currentVideoSrc.value = src;\r\n    };\r\n\r\n    const handleCloseImageViewer = () => {\r\n      isShowVideoViewer.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          <MKUploadFileItem\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            width={props.width}\r\n            height={props.height}\r\n            icon={props.icon}\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            <MKUploadFileItem\r\n              onView={handleShowImageViewer}\r\n              onDelete={handleDelete}\r\n              modelValue={src}\r\n              uploadContext={props.uploadContext}\r\n              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          ));\r\n        }\r\n\r\n        content = (\r\n          <Fragment>\r\n            {images}\r\n            <MKUploadFileItem\r\n              onUpdate:modelValue={handleAppendImage}\r\n              uploadContext={props.uploadContext}\r\n              width={props.width}\r\n              height={props.height}\r\n              icon={props.icon}\r\n            />\r\n          </Fragment>\r\n        );\r\n      }\r\n\r\n      const videoViewer = unref(isShowVideoViewer) ? (\r\n        <div class=\"mk-upload-video-viewer\"  >\r\n          <MKSvgIcon class=\"mk-upload-video-viewer__close\" name=\"ep:close\" onClick={() => isShowVideoViewer.value = false}></MKSvgIcon>\r\n          <div class=\"mk-upload-video-viewer__mask\"></div>\r\n          <video class=\"mk-upload-video-viewer__video\" src={currentVideoSrc.value} controls></video>\r\n        </div>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-upload-video\" style={{ width: _multiple ? \"\" : props.width }}>\r\n          {content}\r\n          {videoViewer}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKUploadFileItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","MKSvgIcon","ElTooltip","_createTextVNode","MKUploadFile","el","uploadVideoProps","uploadVideoEmits","currentVideoSrc","multiple","isShowVideoViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleAppendImage","_value","push","_multiple","images","map","videoViewer","onClick"],"mappings":"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"}

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

@@ -1,23 +0,0 @@
-import { buildProps } from "@maketribe/utils";
-import { UploadContext } from "./context/UploadContext.js";
-import { WebFileUploadContext } from "./context/WebFileUploadContext.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 WebFileUploadContext()
-  }
-});
-const uploadFileEmits = {
-  "update:modelValue": (path) => true,
-  "getSelectFileName": (name) => true
-};
-export {
-  uploadFileEmits,
-  uploadFileProps
-};
-//# sourceMappingURL=upload-file-options.js.map

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

@@ -1 +0,0 @@
-{"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  \"getSelectFileName\": (name: string) => true,\r\n};\r\n\r\nexport type UploadFileEmits = typeof uploadFileEmits;\r\n"],"names":[],"mappings":";;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,MAAM,IAAI,qBAAqB;AAAA,EAC1C;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,qBAAqB,CAAC,SAAiB;AAAA,EACvC,qBAAqB,CAAC,SAAiB;AACzC;"}

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

@@ -1,56 +0,0 @@
-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 { withInstall } from "@maketribe/utils";
-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 == null ? void 0 : uploadContextCtx.uploadContext) || props.uploadContext);
-    const handleUpload = async () => {
-      try {
-        const uploadResult = await unref(uploadContext).selectFile();
-        if (uploadResult.success) {
-          value.value = uploadResult.path || value.value;
-          emit("getSelectFileName", uploadResult.name || "");
-          return;
-        }
-        ElMessage.error(uploadResult.msg);
-      } catch (e) {
-        console.error(e);
-        ElMessage.error("网络异常");
-      }
-    };
-    return {
-      handleUpload
-    };
-  },
-  render() {
-    var _a;
-    const {
-      handleUpload,
-      $slots
-    } = this;
-    return createVNode("span", {
-      "class": "mk-upload-file",
-      "onClick": handleUpload
-    }, [(_a = $slots.default) == null ? void 0 : _a.call($slots)]);
-  }
-});
-const MKUploadFile = withInstall(_UploadFile);
-export {
-  MKUploadFile
-};
-//# sourceMappingURL=upload-file.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/basic/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\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          emit(\"getSelectFileName\", uploadResult.name || \"\");\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","defineComponent","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,cAAcC,gCAAgB;AAAA,EAClCC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,mBAAmBC,OAAOC,qBAAqB,IAAI;AAEzD,UAAMC,QAAQC,SAAS;AAAA,MACrBC,KAAKA,MAAMX,MAAMY;AAAAA,MACjBC,KAAMC,OAAcT,KAAK,qBAAqBS,CAAC;AAAA,IACjD,CAAC;AAED,UAAMC,gBAAgBL,SACpB,OAAMJ,qDAAkBS,kBAAiBf,MAAMe,aACjD;AAEA,UAAMC,eAAe,YAAY;AAC/B,UAAI;AAEF,cAAMC,eAAe,MAAMC,MAAMH,aAAa,EAAEI,WAAU;AAE1D,YAAIF,aAAaG,SAAS;AACxBX,gBAAMA,QAAQQ,aAAaI,QAAQZ,MAAMA;AACzCJ,eAAK,qBAAqBY,aAAalB,QAAQ,EAAE;AACjD;AAAA,QACF;AAEAuB,kBAAUC,MAAMN,aAAaO,GAAG;AAAA,MACjC,SAAQC,GAAG;AACVC,gBAAQH,MAAME,CAAC;AACfH,kBAAUC,MAAM,MAAM;AAAA,MACxB;AAAA;AAGF,WAAO;AAAA,MACLP;AAAAA;EAEH;AAAA,EACDW,SAAS;;AACP,UAAM;AAAA,MAAEX;AAAAA,MAAcY;AAAAA,IAAQ,IAAG;AAEjC,WAAAC,YAAA,QAAA;AAAA,MAAA,SAAA;AAAA,MAAA,WACwCb;AAAAA,IAAY,GAAA,EAC/CY,YAAOE,YAAPF,+BAAkB,CAAA;AAAA,EAGzB;AACF,CAAC;MAEYG,eAAeC,YAAYnC,WAAW;"}