@maketribe/ms-app 3.0.18 → 3.0.20

package/src/components/new-upload-file/upload-file.tsx

@@ -1,61 +0,0 @@
-import { computed, defineComponent, unref } from "vue";
-import { uploadFileEmits, uploadFileProps } from "./upload-file-options";
-import { ElMessage } from "element-plus";
-
-/**
- * 文件上传
- *
- * 文件上传在本后台中有两大分类
- * 1.直接上传文件
- * 2.使用素材库文件
- *
- * 文件上传的界面交互又会分为几种情况
- * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）
- * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）
- *
- * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。
- *
- */
-
-export default defineComponent({
-  name: "MKUploadFile",
-  props: uploadFileProps,
-  emits: uploadFileEmits,
-  setup(props, { emit }) {
-    const value = computed({
-      get: () => props.modelValue,
-      set: (v: string) => emit("upload:modelValue", v),
-    });
-
-    const uploadContext = computed(() => props.uploadContext);
-
-    const handleUpload = async () => {
-      try {
-        const uploadResult = await unref(uploadContext).selectFile();
-
-        if (uploadResult.success) {
-          value.value = uploadResult.path;
-          return;
-        }
-
-        ElMessage.error(uploadResult.msg);
-      } catch (e) {
-        console.error(e);
-        ElMessage.error("网络异常");
-      }
-    };
-
-    return {
-      handleUpload,
-    };
-  },
-  render() {
-    const { handleUpload, $slots } = this;
-
-    return (
-      <div class="mk-upload-file" onClick={handleUpload}>
-        {$slots.default?.()}
-      </div>
-    );
-  },
-});

package/src/components/upload-image/index.ts

@@ -1,5 +0,0 @@
-import UploadImage from "./upload-image";
-
-export const MKUploadImage = UploadImage;
-
-export default MKUploadImage;

package/src/components/upload-image/upload-image.tsx

@@ -1,58 +0,0 @@
-import { ComputedRef, StyleValue, computed, defineComponent, unref } from "vue";
-import MKUploadFile from "../upload-file";
-import MKSvgIcon from "../svg-icon";
-import { uploadImageEmits, uploadImageProps } from "./upload-image-options";
-import { ElImage } from "element-plus";
-
-export default defineComponent({
-  name: "MKUploadImage",
-  props: uploadImageProps,
-  emits: uploadImageEmits,
-  setup(props, { emit }) {
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (v: any) => emit("update:model-value", v),
-    });
-
-    const style: ComputedRef<StyleValue> = computed(() => ({
-      "--mk-upload-image-size": props.size,
-    }));
-
-    const handleDelete = () => {
-      modelValue.value = "";
-    };
-
-    return () => {
-      const content = unref(modelValue) ? (
-        <ElImage src={unref(modelValue)} fit="contain" />
-      ) : (
-        <div class="mk-upload-image__select">
-          <MKSvgIcon iconClass="Plus" />
-        </div>
-      );
-
-      return (
-        <div
-          class={["mk-upload-image", unref(modelValue) ? "is-image" : ""]}
-          style={unref(style)}
-        >
-          <MKUploadFile
-            class="mk-upload-image__upload"
-            upload={props.upload}
-            listType="picture-card"
-            onUploadSuccess={(res: any) =>
-              (modelValue.value = res.data.data.path)
-            }
-          >
-            {content}
-          </MKUploadFile>
-          <div class="mk-upload-image__mask">
-            <span onClick={handleDelete}>
-              <MKSvgIcon iconClass="Delete" />
-            </span>
-          </div>
-        </div>
-      );
-    };
-  },
-});