@me-framework/me-ui 1.0.44

package/es/upload/style/scss.d.ts

@@ -0,0 +1,10 @@
+import "./index.scss";
+import 'element-plus/es/components/message/style/index';
+import 'element-plus/es/components/button/style/index';
+import 'element-plus/es/components/table/style/index';
+import 'element-plus/es/components/table-column/style/index';
+import 'element-plus/es/components/upload/style/index';
+import 'element-plus/es/components/tag/style/index';
+import 'element-plus/es/components/image/style/index';
+import 'element-plus/es/components/tree-select/style/index';
+import 'element-plus/es/components/progress/style/index';

package/es/upload/style/scss.mjs

@@ -0,0 +1,13 @@
+import './index.scss';
+import 'element-plus/es/components/message/style/index';
+import 'element-plus/es/components/button/style/index';
+import 'element-plus/es/components/table/style/index';
+import 'element-plus/es/components/table-column/style/index';
+import 'element-plus/es/components/upload/style/index';
+import 'element-plus/es/components/tag/style/index';
+import 'element-plus/es/components/image/style/index';
+import 'element-plus/es/components/tree-select/style/index';
+import 'element-plus/es/components/progress/style/index';
+
+"use strict";
+//# sourceMappingURL=scss.mjs.map

package/es/upload/style/scss.mjs.map

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

package/es/upload-file/index.d.ts

@@ -0,0 +1,95 @@
+import UploadFile from "./src/upload-file.vue";
+export declare const MeUploadFile: import("../utils/install").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").UploadFileProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        onCloseEvent?: ((value: number) => any) | undefined;
+    }>, {
+        setFileList: (uploadResultList: import(".").UploadResultItem[]) => void;
+        openUpload: () => void;
+        closeUpload: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | undefined) => any;
+    } & {
+        closeEvent: (value: number) => any;
+    }, import("vue").PublicProps, {
+        title: string;
+        drag: boolean;
+        height: number;
+        width: number;
+        closeEvent: Function;
+        url: string;
+        uploadRequest: (data: any) => Promise<any>;
+        maxCount: number;
+        uploadRules: any;
+        fileRequest: (data: any) => Promise<any>;
+        fileWidth: number;
+        fileHeight: number;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import(".").UploadFileProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        onCloseEvent?: ((value: number) => any) | undefined;
+    }>, {
+        setFileList: (uploadResultList: import(".").UploadResultItem[]) => void;
+        openUpload: () => void;
+        closeUpload: () => void;
+    }, {}, {}, {}, {
+        title: string;
+        drag: boolean;
+        height: number;
+        width: number;
+        closeEvent: Function;
+        url: string;
+        uploadRequest: (data: any) => Promise<any>;
+        maxCount: number;
+        uploadRules: any;
+        fileRequest: (data: any) => Promise<any>;
+        fileWidth: number;
+        fileHeight: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import(".").UploadFileProps & {
+    modelValue?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onCloseEvent?: ((value: number) => any) | undefined;
+}>, {
+    setFileList: (uploadResultList: import(".").UploadResultItem[]) => void;
+    openUpload: () => void;
+    closeUpload: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+} & {
+    closeEvent: (value: number) => any;
+}, string, {
+    title: string;
+    drag: boolean;
+    height: number;
+    width: number;
+    closeEvent: Function;
+    url: string;
+    uploadRequest: (data: any) => Promise<any>;
+    maxCount: number;
+    uploadRules: any;
+    fileRequest: (data: any) => Promise<any>;
+    fileWidth: number;
+    fileHeight: number;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        footer?: (props: {}) => any;
+    };
+})>;
+export default MeUploadFile;
+export * from "./src/upload-file";
+export type UploadFileInstance = InstanceType<typeof UploadFile> & unknown;

package/es/upload-file/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../utils/install.mjs';
+import './src/upload-file.vue.mjs';
+import './src/upload-file.mjs';
+import script from './src/upload-file.vue2.mjs';
+
+"use strict";
+const MeUploadFile = withInstall(script);
+
+export { MeUploadFile, MeUploadFile as default };
+//# sourceMappingURL=index.mjs.map

package/es/upload-file/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/upload-file/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport UploadFile from \"./src/upload-file.vue\";\n\nexport const MeUploadFile = withInstall(UploadFile);\nexport default MeUploadFile;\n\nexport * from \"./src/upload-file\";\n\nexport type UploadFileInstance = InstanceType<typeof UploadFile> & unknown\n"],"names":["UploadFile"],"mappings":";;;;;;AAGO,MAAM,YAAA,GAAe,YAAYA,MAAU;;;;"}

package/es/upload-file/src/composables/useFile.d.ts

@@ -0,0 +1,58 @@
+import type { UploadFileProps, UploadResultItem } from "../upload-file";
+export declare const useFile: (props: UploadFileProps) => {
+    uploadVisible: import("vue").Ref<boolean, boolean>;
+    fileList: import("vue").Ref<{
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        } | undefined;
+        id: string;
+        domuuid: string;
+        groupId: number;
+        type: number;
+        name: string;
+        fileName: string;
+        size: number;
+        extraName: string;
+        deleteFlag: boolean;
+        url: string;
+        module: "account" | "admin" | "";
+    }[], UploadResultItem[] | {
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        } | undefined;
+        id: string;
+        domuuid: string;
+        groupId: number;
+        type: number;
+        name: string;
+        fileName: string;
+        size: number;
+        extraName: string;
+        deleteFlag: boolean;
+        url: string;
+        module: "account" | "admin" | "";
+    }[]>;
+    getValue: () => string;
+    importData: (inputValue: string) => Promise<void>;
+    allowWatch: boolean;
+    openUpload: () => void;
+    closeUpload: () => void;
+};

package/es/upload-file/src/composables/useFile.mjs

@@ -0,0 +1,53 @@
+import { ref } from 'vue';
+import { uuid } from '../../../utils/uuid.mjs';
+
+"use strict";
+const useFile = (props) => {
+  const uploadVisible = ref(false);
+  const allowWatch = true;
+  const fileList = ref([]);
+  const importData = async (inputValue) => {
+    fileList.value.length = 0;
+    const imgs = inputValue.split(",");
+    if (inputValue) {
+      let res;
+      res = await props.fileRequest?.({ id: inputValue });
+      if (res.data) {
+        imgs.forEach((imgId) => {
+          res.data.forEach((item) => {
+            if (item.id == imgId) {
+              let node = {
+                domuuid: uuid(),
+                module: ""
+              };
+              node.module = props.module || "";
+              Object.assign(node, item);
+              fileList.value.push(node);
+            }
+          });
+        });
+      }
+    }
+  };
+  const openUpload = () => {
+    uploadVisible.value = true;
+  };
+  const closeUpload = () => {
+    uploadVisible.value = false;
+  };
+  const getValue = () => {
+    let value = "";
+    for (let i = 0; i < fileList.value.length; i++) {
+      if (i == 0) {
+        value += fileList.value[i].id;
+      } else {
+        value += "," + fileList.value[i].id;
+      }
+    }
+    return value;
+  };
+  return { uploadVisible, fileList, getValue, importData, allowWatch, openUpload, closeUpload };
+};
+
+export { useFile };
+//# sourceMappingURL=useFile.mjs.map

package/es/upload-file/src/composables/useFile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFile.mjs","sources":["../../../../src/upload-file/src/composables/useFile.ts"],"sourcesContent":["import { ref } from \"vue\"\nimport type { UploadFileProps, UploadResultItem } from \"../upload-file\"\nimport { uuid } from \"../../../utils/uuid\"\n\nexport const useFile = (props: UploadFileProps) => {\n  /**\n   * 打开上传对话框\n   */\n  const uploadVisible = ref(false)\n\n  /**\n   * 是否允许watch监听\n   */\n  const allowWatch = true\n\n  const fileList = ref<UploadResultItem[]>([])\n\n  /**\n   * 加载图片\n   * @param inputValue\n   */\n  const importData = async (inputValue: string) => {\n    fileList.value.length = 0\n\n    const imgs = inputValue.split(\",\")\n\n    if (inputValue) {\n      let res: any\n      res = await props.fileRequest?.({ id: inputValue })\n\n      if (res.data) {\n        imgs.forEach((imgId: any) => {\n          res.data.forEach((item: any) => {\n            if (item.id == imgId) {\n              let node = {\n                domuuid: uuid(),\n                module: \"\",\n              }\n              node.module = props.module || \"\"\n              Object.assign(node, item)\n              /** @ts-ignore */\n              fileList.value.push(node)\n            }\n          })\n        })\n      }\n    }\n  }\n\n  const openUpload = () => {\n    uploadVisible.value = true\n  }\n\n  const closeUpload = () => {\n    uploadVisible.value = false\n  }\n\n  const getValue = () => {\n    let value = \"\"\n    for (let i = 0; i < fileList.value.length; i++) {\n      if (i == 0) {\n        value += fileList.value[i].id\n      } else {\n        value += \",\" + fileList.value[i].id\n      }\n    }\n    return value\n  }\n\n  return { uploadVisible, fileList, getValue, importData, allowWatch, openUpload, closeUpload }\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,OAAA,GAAU,CAAC,KAAA,KAA2B;AAIjD,EAAA,MAAM,aAAA,GAAgB,IAAI,KAAK,CAAA;AAK/B,EAAA,MAAM,UAAA,GAAa,IAAA;AAEnB,EAAA,MAAM,QAAA,GAAW,GAAA,CAAwB,EAAE,CAAA;AAM3C,EAAA,MAAM,UAAA,GAAa,OAAO,UAAA,KAAuB;AAC/C,IAAA,QAAA,CAAS,MAAM,MAAA,GAAS,CAAA;AAExB,IAAA,MAAM,IAAA,GAAO,UAAA,CAAW,KAAA,CAAM,GAAG,CAAA;AAEjC,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,IAAI,GAAA;AACJ,MAAA,GAAA,GAAM,MAAM,KAAA,CAAM,WAAA,GAAc,EAAE,EAAA,EAAI,YAAY,CAAA;AAElD,MAAA,IAAI,IAAI,IAAA,EAAM;AACZ,QAAA,IAAA,CAAK,OAAA,CAAQ,CAAC,KAAA,KAAe;AAC3B,UAAA,GAAA,CAAI,IAAA,CAAK,OAAA,CAAQ,CAAC,IAAA,KAAc;AAC9B,YAAA,IAAI,IAAA,CAAK,MAAM,KAAA,EAAO;AACpB,cAAA,IAAI,IAAA,GAAO;AAAA,gBACT,SAAS,IAAA,EAAK;AAAA,gBACd,MAAA,EAAQ;AAAA,eACV;AACA,cAAA,IAAA,CAAK,MAAA,GAAS,MAAM,MAAA,IAAU,EAAA;AAC9B,cAAA,MAAA,CAAO,MAAA,CAAO,MAAM,IAAI,CAAA;AAExB,cAAA,QAAA,CAAS,KAAA,CAAM,KAAK,IAAI,CAAA;AAAA,YAC1B;AAAA,UACF,CAAC,CAAA;AAAA,QACH,CAAC,CAAA;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,aAAA,CAAc,KAAA,GAAQ,IAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,aAAA,CAAc,KAAA,GAAQ,KAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,IAAI,KAAA,GAAQ,EAAA;AACZ,IAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAI,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA,EAAA,EAAK;AAC9C,MAAA,IAAI,KAAK,CAAA,EAAG;AACV,QAAA,KAAA,IAAS,QAAA,CAAS,KAAA,CAAM,CAAC,CAAA,CAAE,EAAA;AAAA,MAC7B,CAAA,MAAO;AACL,QAAA,KAAA,IAAS,GAAA,GAAM,QAAA,CAAS,KAAA,CAAM,CAAC,CAAA,CAAE,EAAA;AAAA,MACnC;AAAA,IACF;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA;AAEA,EAAA,OAAO,EAAE,aAAA,EAAe,QAAA,EAAU,UAAU,UAAA,EAAY,UAAA,EAAY,YAAY,WAAA,EAAY;AAC9F;;;;"}

package/es/upload-file/src/upload-file-drag.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    rules: any[];
+    uploadRequest: (data: any) => Promise<any>;
+    icon?: string;
+    url: string;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    tip?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    uploadSuccess: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUploadSuccess?: ((...args: any[]) => any) | undefined;
+}>, {
+    icon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/upload-file/src/upload-file-drag.vue.mjs

@@ -0,0 +1,6 @@
+import script from './upload-file-drag.vue2.mjs';
+
+script.__file = "src/upload-file/src/upload-file-drag.vue";
+
+export { script as default };
+//# sourceMappingURL=upload-file-drag.vue.mjs.map

package/es/upload-file/src/upload-file-drag.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-drag.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/upload-file/src/upload-file-drag.vue2.mjs

@@ -0,0 +1,165 @@
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createElementVNode, withModifiers, normalizeClass, createVNode, unref, renderSlot, createTextVNode, renderList, toDisplayString, createBlock, createCommentVNode } from 'vue';
+import { ElMessage, ElProgress } from 'element-plus';
+import { MeSvgIcon } from '../../svg-icon/index.mjs';
+import FileUploadRule from '../../utils/upload/FileUploadRule.mjs';
+
+"use strict";
+const _hoisted_1 = { class: "me-upload-file__text" };
+const _hoisted_2 = ["accept"];
+const _hoisted_3 = { class: "me-upload-file__tip" };
+const __default__ = defineComponent({
+  name: "me-upload-file-drag"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    rules: { type: Array, required: true },
+    uploadRequest: { type: Function, required: true },
+    icon: { type: String, required: false, default: "ri-arrow-up-circle-line" },
+    url: { type: String, required: true }
+  },
+  emits: ["uploadSuccess"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const dragover = ref(false);
+    const inputRef = ref();
+    const progress = ref(0);
+    const tips = ref();
+    const accept = ref();
+    const fileUploadRule = new FileUploadRule();
+    fileUploadRule.setChangeHandler(() => {
+      tips.value = fileUploadRule.getUploadTips();
+      accept.value = fileUploadRule.getAccept();
+    });
+    props.rules.forEach((item) => {
+      fileUploadRule.add(item.name, item.size);
+    });
+    const handleUpload = (file) => {
+      if (!fileUploadRule.check(file)) {
+        ElMessage.error(fileUploadRule.getErrorMessage());
+        return;
+      }
+      const formData = new FormData();
+      formData.append("file", file);
+      props.uploadRequest({
+        url: props.url,
+        method: "POST",
+        data: formData,
+        onUploadProgress: function(progressEvent) {
+          progress.value = Math.round(progressEvent.loaded / progressEvent.total * 100);
+        }
+      }).then((res) => {
+        emits("uploadSuccess", res);
+      });
+    };
+    const inputClick = () => {
+      inputRef.value?.click();
+    };
+    const handleInputChange = (e) => {
+      const target = e.target;
+      const selectedFile = target.files?.[0];
+      console.log("\u{1F680} ~ handleInputChange ~ selectedFile:", selectedFile);
+      selectedFile && handleUpload(selectedFile);
+    };
+    const onDrop = async (e) => {
+      dragover.value = false;
+      e.stopPropagation();
+      const files = Array.from(e.dataTransfer.files);
+      if (files.length > 1) {
+        ElMessage.error("\u53EA\u80FD\u9009\u62E9\u4E00\u4E2A\u6587\u4EF6");
+        return;
+      }
+      const uploadFile = files[0];
+      handleUpload(uploadFile);
+    };
+    const onDragover = () => {
+      dragover.value = true;
+    };
+    const onDragleave = (e) => {
+      console.log("\u{1F680} ~ onDragleave ~ e:", e);
+      if (!e.currentTarget.contains(e.relatedTarget)) dragover.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["me-upload-file-dragger is-drag", { "is-dragover": dragover.value }]),
+              onClick: inputClick,
+              onDrop: withModifiers(onDrop, ["prevent"]),
+              onDragover: withModifiers(onDragover, ["prevent"]),
+              onDragleave: withModifiers(onDragleave, ["prevent"])
+            },
+            [
+              createVNode(unref(MeSvgIcon), {
+                size: 24,
+                name: __props.icon
+              }, null, 8, ["name"]),
+              createElementVNode("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "tip", {}, () => [
+                  _cache[0] || (_cache[0] = createTextVNode(
+                    "Drop file here or ",
+                    -1
+                    /* CACHED */
+                  )),
+                  _cache[1] || (_cache[1] = createElementVNode(
+                    "em",
+                    null,
+                    "click to upload",
+                    -1
+                    /* CACHED */
+                  ))
+                ])
+              ]),
+              createElementVNode("input", {
+                ref_key: "inputRef",
+                ref: inputRef,
+                onChange: handleInputChange,
+                accept: accept.value,
+                type: "file",
+                style: { "display": "none" }
+              }, null, 40, _hoisted_2)
+            ],
+            34
+            /* CLASS, NEED_HYDRATION */
+          ),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(tips.value, (item) => {
+                return openBlock(), createElementBlock(
+                  "span",
+                  {
+                    key: item.name
+                  },
+                  " \u4E0A\u4F20\u6587\u4EF6\u652F\u6301 " + toDisplayString(item.name) + " \u683C\u5F0F\uFF0C \u5E76\u4E14\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u5927\u4E8E " + toDisplayString(item.size),
+                  1
+                  /* TEXT */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          progress.value > 0 && progress.value < 100 ? (openBlock(), createBlock(unref(ElProgress), {
+            key: 0,
+            percentage: progress.value,
+            "stroke-width": 4,
+            striped: "",
+            "striped-flow": ""
+          }, null, 8, ["percentage"])) : createCommentVNode("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=upload-file-drag.vue2.mjs.map

package/es/upload-file/src/upload-file-drag.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-drag.vue2.mjs","sources":["../../../src/upload-file/src/upload-file-drag.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-upload-file-drag\",\n});\n</script>\n<template>\n  <div\n    class=\"me-upload-file-dragger is-drag\"\n    :class=\"{ 'is-dragover': dragover }\"\n    @click=\"inputClick\"\n    @drop.prevent=\"onDrop\"\n    @dragover.prevent=\"onDragover\"\n    @dragleave.prevent=\"onDragleave\">\n    <me-svg-icon :size=\"24\" :name=\"icon\"> </me-svg-icon>\n    <div class=\"me-upload-file__text\">\n      <slot name=\"tip\">Drop file here or <em>click to upload</em></slot>\n    </div>\n    <input ref=\"inputRef\" @change=\"handleInputChange\" :accept=\"accept\" type=\"file\" style=\"display: none\" />\n  </div>\n  <div class=\"me-upload-file__tip\">\n    <span v-for=\"item in tips\" :key=\"item.name\"> 上传文件支持 {{ item.name }} 格式， 并且文件大小不能大于 {{ item.size }} </span>\n  </div>\n  <el-progress v-if=\"progress > 0 && progress < 100\" :percentage=\"progress\" :stroke-width=\"4\" striped striped-flow />\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, watch } from \"vue\"\nimport { ElMessage, ElProgress, type UploadRawFile } from \"element-plus\"\nimport MeSvgIcon from \"../../svg-icon\"\nimport FileUploadRule from \"../../utils/upload/FileUploadRule\"\n\n\nconst emits = defineEmits([\"uploadSuccess\"])\nconst props = withDefaults(\n  defineProps<{\n    rules: any[]\n    uploadRequest: (data: any) => Promise<any>\n    icon?: string\n    url: string\n  }>(),\n  {\n    icon: \"ri-arrow-up-circle-line\",\n  }\n)\n\nconst dragover = ref(false)\nconst inputRef = ref<HTMLInputElement>()\nconst progress = ref(0)\nconst tips = ref()\nconst accept = ref()\nconst fileUploadRule = new FileUploadRule()\n\nfileUploadRule.setChangeHandler(() => {\n  tips.value = fileUploadRule.getUploadTips()\n  accept.value = fileUploadRule.getAccept()\n})\n\nprops.rules.forEach((item: any) => {\n  fileUploadRule.add(item.name, item.size)\n})\n\nconst handleUpload = (file: File) => {\n  if (!fileUploadRule.check(file)) {\n    ElMessage.error(fileUploadRule.getErrorMessage())\n    return\n  }\n  const formData = new FormData()\n  formData.append(\"file\", file)\n  props\n    .uploadRequest({\n      url: props.url,\n      method: \"POST\",\n      data: formData,\n      onUploadProgress: function (progressEvent: any) {\n        progress.value = Math.round((progressEvent.loaded / progressEvent.total) * 100)\n      },\n    })\n    .then((res) => {\n      emits(\"uploadSuccess\", res)\n    })\n}\n\nconst inputClick = () => {\n  inputRef.value?.click()\n}\n\nconst handleInputChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n  const selectedFile = target.files?.[0]\n  console.log(\"🚀 ~ handleInputChange ~ selectedFile:\", selectedFile)\n  selectedFile && handleUpload(selectedFile)\n}\n\nconst onDrop = async (e: DragEvent) => {\n  dragover.value = false\n  e.stopPropagation()\n  const files = Array.from(e.dataTransfer!.files) as UploadRawFile[]\n  if (files.length > 1) {\n    ElMessage.error(\"只能选择一个文件\")\n    return\n  }\n  const uploadFile = files[0]\n\n  handleUpload(uploadFile)\n}\n\nconst onDragover = () => {\n  dragover.value = true\n}\n\nconst onDragleave = (e: DragEvent) => {\n  console.log(\"🚀 ~ onDragleave ~ e:\", e)\n  if (!(e.currentTarget as Element).contains(e.relatedTarget as Element)) dragover.value = false\n}\n</script>\n"],"names":["__MACROS_defineComponent","_createElementVNode","_normalizeClass","_createVNode","_unref","_renderSlot","_createElementBlock","_Fragment","_renderList","_toDisplayString","_createBlock"],"mappings":"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"}

package/es/upload-file/src/upload-file-item.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    width: number;
+    height: number;
+    index: number;
+    name: string;
+    url?: string;
+    closeEvent?: Function;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    closeEvent: (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCloseEvent?: ((value: number) => any) | undefined;
+}>, {
+    height: number;
+    width: number;
+    closeEvent: Function;
+    url: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/upload-file/src/upload-file-item.vue.mjs

@@ -0,0 +1,6 @@
+import script from './upload-file-item.vue2.mjs';
+
+script.__file = "src/upload-file/src/upload-file-item.vue";
+
+export { script as default };
+//# sourceMappingURL=upload-file-item.vue.mjs.map

package/es/upload-file/src/upload-file-item.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-item.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/upload-file/src/upload-file-item.vue2.mjs

@@ -0,0 +1,90 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, unref, toDisplayString, withDirectives, createVNode, withModifiers, vShow } from 'vue';
+import { getFileThumbByFileName } from '../../utils/file.mjs';
+import { MeSvgIcon } from '../../svg-icon/index.mjs';
+
+"use strict";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { style: { "margin-left": "6px", "margin-right": "6px", "height": "100%" } };
+const _hoisted_3 = {
+  class: "flex-center",
+  style: { "width": "18px" }
+};
+var script = /* @__PURE__ */ defineComponent({
+  __name: "upload-file-item",
+  props: {
+    width: { type: Number, required: true, default: 18 },
+    height: { type: Number, required: true, default: 18 },
+    index: { type: Number, required: true },
+    name: { type: String, required: true },
+    url: { type: String, required: false, default: "" },
+    closeEvent: { type: Function, required: false, default: () => {
+    } }
+  },
+  emits: ["closeEvent"],
+  setup(__props, { emit: __emit }) {
+    const deleteIconVisible = ref(false);
+    const background = computed(() => {
+      return deleteIconVisible.value ? "#e6e6e6" : "";
+    });
+    const props = __props;
+    const emit = __emit;
+    const handleMouseOver = () => {
+      deleteIconVisible.value = true;
+    };
+    const handleMouseOut = () => {
+      deleteIconVisible.value = false;
+    };
+    const uninstall = () => {
+      emit("closeEvent", props.index);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: "fileItem me-effect",
+          onMouseover: handleMouseOver,
+          onMouseout: handleMouseOut,
+          style: normalizeStyle({ background: background.value })
+        },
+        [
+          createElementVNode("img", {
+            src: unref(getFileThumbByFileName)(__props.name),
+            style: {
+              width: "18px",
+              height: "18px"
+            }
+          }, null, 8, _hoisted_1),
+          createElementVNode(
+            "div",
+            _hoisted_2,
+            toDisplayString(props.name),
+            1
+            /* TEXT */
+          ),
+          createElementVNode("div", _hoisted_3, [
+            withDirectives(createVNode(
+              unref(MeSvgIcon),
+              {
+                name: "ri-close-line",
+                class: "delete-icon",
+                size: 18,
+                style: { "color": "#000" },
+                onClick: withModifiers(uninstall, ["stop"])
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vShow, deleteIconVisible.value]
+            ])
+          ])
+        ],
+        36
+        /* STYLE, NEED_HYDRATION */
+      );
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=upload-file-item.vue2.mjs.map

package/es/upload-file/src/upload-file-item.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-item.vue2.mjs","sources":["../../../src/upload-file/src/upload-file-item.vue"],"sourcesContent":["<template>\n  <div class=\"fileItem me-effect\" @mouseover=\"handleMouseOver\" @mouseout=\"handleMouseOut\" :style=\"{ background: background }\">\n    <img\n      :src=\"getFileThumbByFileName(name)\"\n      :style=\"{\n        width: 18 + 'px',\n        height: 18 + 'px',\n      }\" />\n    <div style=\"margin-left: 6px; margin-right: 6px; height: 100%\">\n      {{ props.name }}\n    </div>\n\n    <div class=\"flex-center\" style=\"width: 18px\">\n      <me-svg-icon\n        name=\"ri-close-line\"\n        class=\"delete-icon\"\n        v-show=\"deleteIconVisible\"\n        :size=\"18\"\n        style=\"color: #000\"\n        @click.stop=\"uninstall\"></me-svg-icon>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\"\nimport { getFileThumbByFileName } from \"../../utils/file\"\nimport MeSvgIcon from \"../../svg-icon\"\n\nconst deleteIconVisible = ref(false)\nconst background = computed(() => {\n  return deleteIconVisible.value ? \"#e6e6e6\" : \"\"\n})\n\nconst props = withDefaults(\n  defineProps<{\n    width: number\n    height: number\n    index: number\n    name: string\n    url?: string\n    closeEvent?: Function\n  }>(),\n  {\n    url: \"\",\n    width: 18,\n    height: 18,\n    closeEvent: () => {},\n  }\n)\n\nconst emit = defineEmits<{\n  (e: \"closeEvent\", value: number): void\n}>()\n\nconst handleMouseOver = () => {\n  deleteIconVisible.value = true\n}\n\nconst handleMouseOut = () => {\n  deleteIconVisible.value = false\n}\n/**\n * 卸载组件\n */\nconst uninstall = () => {\n  emit(\"closeEvent\", props.index)\n}\n</script>\n\n<style scoped lang=\"scss\"></style>\n"],"names":["_createElementBlock","_createElementVNode","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAM,iBAAA,GAAoB,IAAI,KAAK,CAAA;AACnC,IAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,OAAO,iBAAA,CAAkB,QAAQ,SAAA,GAAY,EAAA;AAAA,IAC/C,CAAC,CAAA;AAED,IAAA,MAAM,KAAA,GAAQ,OAAA;AAiBd,IAAA,MAAM,IAAA,GAAO,MAAA;AAIb,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,iBAAA,CAAkB,KAAA,GAAQ,IAAA;AAAA,IAC5B,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,iBAAA,CAAkB,KAAA,GAAQ,KAAA;AAAA,IAC5B,CAAA;AAIA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAA,CAAK,YAAA,EAAc,MAAM,KAAK,CAAA;AAAA,IAChC,CAAA;;0BAlEEA,kBAAA;AAAA,QAoBM,KAAA;AAAA,QAAA;AAAA,UApBD,KAAA,EAAM,oBAAA;AAAA,UAAsB,WAAA,EAAW,eAAA;AAAA,UAAkB,UAAA,EAAU,cAAA;AAAA,UAAiB,oCAAqB,UAAA,CAAA,OAAU;AAAA;;UACtHC,mBAKO,KAAA,EAAA;AAAA,YAJJ,GAAA,EAAKC,KAAA,CAAA,sBAAA,CAAA,CAAuB,QAAA,IAAI,CAAA;AAAA,YAChC,KAAA,EAAO;AAAA;;;AAGP;UACHD,kBAAA;AAAA,YAEM,KAAA;AAAA,YAFN,UAAA;AAAA,YAEME,eAAA,CADD,MAAM,IAAI,CAAA;AAAA,YAAA;AAAA;AAAA,WAAA;AAAA,UAGfF,kBAAA,CAQM,OARN,UAAA,EAQM;AAAA,2BAPJG,WAAA;AAAA,cAMwCF,MAAA,SAAA,CAAA;AAAA,cAAA;AAAA,gBALtC,IAAA,EAAK,eAAA;AAAA,gBACL,KAAA,EAAM,aAAA;AAAA,gBAEL,IAAA,EAAM,EAAA;AAAA,gBACP,KAAA,EAAA,EAAA,OAAA,EAAA,MAAA,EAAA;AAAA,gBACC,OAAA,gBAAY,SAAA,EAAS,CAAA,MAAA,CAAA;AAAA;;;;;sBAHd,iBAAA,CAAA,KAAiB;AAAA;;;;;;;;;;;;"}

package/es/upload-file/src/upload-file.d.ts

@@ -0,0 +1,30 @@
+interface UploadFileProps {
+    uploadRequest?: (data: any) => Promise<any>;
+    fileRequest?: (data: any) => Promise<any>;
+    drag?: boolean;
+    url: string;
+    title?: string;
+    width?: number;
+    height?: number;
+    fileWidth?: number;
+    fileHeight?: number;
+    maxCount?: number;
+    closeEvent?: Function;
+    uploadRules?: any;
+    module?: "account" | "admin";
+}
+interface UploadResultItem {
+    file?: File;
+    id: string;
+    domuuid: string;
+    groupId: number;
+    type: number;
+    name: string;
+    fileName: string;
+    size: number;
+    extraName: string;
+    deleteFlag: boolean;
+    url: string;
+    module: "account" | "admin" | "";
+}
+export type { UploadFileProps, UploadResultItem };

package/es/upload-file/src/upload-file.mjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=upload-file.mjs.map

package/es/upload-file/src/upload-file.mjs.map

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