@me-framework/me-ui 1.0.44

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

@@ -0,0 +1,43 @@
+import type { UploadFileProps, UploadResultItem } from "./upload-file";
+type __VLS_Props = UploadFileProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_47: {};
+type __VLS_Slots = {} & {
+    footer?: (props: typeof __VLS_47) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setFileList: (uploadResultList: UploadResultItem[]) => void;
+    openUpload: () => void;
+    closeUpload: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+} & {
+    closeEvent: (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onCloseEvent?: ((value: number) => any) | undefined;
+}>, {
+    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").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.vue.mjs

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

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

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

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

@@ -0,0 +1,215 @@
+import { defineComponent, useModel, ref, watch, openBlock, createElementBlock, normalizeClass, withDirectives, createVNode, unref, vShow, Fragment, renderList, createCommentVNode, normalizeStyle, withCtx, createElementVNode, createBlock, mergeProps, renderSlot, mergeModels } from 'vue';
+import { ElInput } from 'element-plus';
+import { MeFlexBox } from '../../flex-box/index.mjs';
+import { MeUpload } from '../../upload/index.mjs';
+import { MeSvgIcon } from '../../svg-icon/index.mjs';
+import { uuid } from '../../utils/uuid.mjs';
+import './upload-file-item.vue.mjs';
+import { useFile } from './composables/useFile.mjs';
+import './upload-file-drag.vue.mjs';
+import script$1 from './upload-file-item.vue2.mjs';
+import script$2 from './upload-file-drag.vue2.mjs';
+
+"use strict";
+const _hoisted_1 = {
+  key: 0,
+  class: "file-item-wrapper"
+};
+const _hoisted_2 = ["index"];
+const _hoisted_3 = { style: { "align-items": "center", "height": "24px" } };
+const __default__ = defineComponent({
+  name: "me-upload-file"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: /* @__PURE__ */ mergeModels({
+    uploadRequest: { type: Function, required: false, default: () => Promise.resolve() },
+    fileRequest: { type: Function, required: false, default: () => Promise.resolve() },
+    drag: { type: Boolean, required: false, default: false },
+    url: { type: String, required: true, default: "" },
+    title: { type: String, required: false, default: "\u4E0A\u4F20\u6587\u4EF6" },
+    width: { type: Number, required: false, default: 80 },
+    height: { type: Number, required: false, default: 80 },
+    fileWidth: { type: Number, required: false, default: 160 },
+    fileHeight: { type: Number, required: false, default: 90 },
+    maxCount: { type: Number, required: false, default: 1 },
+    closeEvent: { type: Function, required: false, default: () => {
+    } },
+    uploadRules: { type: null, required: false, default: [] },
+    module: { type: String, required: false }
+  }, {
+    "modelValue": { type: String },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["closeEvent"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputVal = useModel(__props, "modelValue");
+    const fileStore = useFile(props);
+    const dragFileSuccess = ref(false);
+    watch(
+      inputVal,
+      (newValue) => {
+        if (fileStore.allowWatch) {
+          fileStore.importData(newValue || "");
+        } else {
+          setTimeout(() => {
+            fileStore.allowWatch = true;
+          }, 100);
+        }
+      },
+      { immediate: true }
+    );
+    const handleUploadSuccess = (res) => {
+      res.data.domuuid = uuid();
+      fileStore.fileList.value.push(res.data);
+      dragFileSuccess.value = true;
+    };
+    const uploadCompleteEventHandler = (uploadResultList) => {
+      fileStore.fileList.value.push(uploadResultList[0]);
+      fileStore.allowWatch = false;
+      inputVal.value = fileStore.getValue();
+    };
+    const setFileList = (uploadResultList) => {
+      uploadResultList.forEach((item) => {
+        item.domuuid = uuid();
+        fileStore.fileList.value.push(item);
+      });
+      fileStore.allowWatch = false;
+      inputVal.value = fileStore.getValue();
+    };
+    __expose({
+      setFileList,
+      openUpload: fileStore.openUpload,
+      closeUpload: fileStore.closeUpload
+    });
+    const removeItem = (index) => {
+      console.log(index);
+      fileStore.fileList.value.splice(index, 1);
+      fileStore.allowWatch = false;
+      inputVal.value = fileStore.getValue();
+      dragFileSuccess.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["me-upload-file", { "is-drag": props.drag }])
+        },
+        [
+          withDirectives(createVNode(unref(ElInput), {
+            modelValue: inputVal.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
+          }, null, 8, ["modelValue"]), [
+            [vShow, false]
+          ]),
+          !props.drag ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 0 },
+            [
+              unref(fileStore).fileList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(unref(fileStore).fileList.value, (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: item.domuuid,
+                      index
+                    }, [
+                      createVNode(script$1, {
+                        index,
+                        url: item.url,
+                        name: item.fileName + "." + item.extraName,
+                        width: props.fileWidth,
+                        height: props.fileHeight,
+                        onCloseEvent: removeItem
+                      }, null, 8, ["index", "url", "name", "width", "height"])
+                    ], 8, _hoisted_2);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u6253\u5F00\u4E0A\u4F20\u5BF9\u8BDD\u6846 "),
+              unref(fileStore).fileList.value.length < props.maxCount ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  style: normalizeStyle([{ "float": "left" }, { width: `${props.width}px`, height: `${props.height}px` }])
+                },
+                [
+                  createVNode(unref(MeFlexBox), {
+                    class: "file-container",
+                    onClick: unref(fileStore).openUpload
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_3, [
+                        createVNode(unref(MeSvgIcon), {
+                          name: "ri-file-upload-line",
+                          size: 24,
+                          style: { "color": "#767676" }
+                        })
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["onClick"])
+                ],
+                4
+                /* STYLE */
+              )) : createCommentVNode("v-if", true)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              !dragFileSuccess.value ? (openBlock(), createBlock(script$2, {
+                key: 0,
+                rules: __props.uploadRules,
+                url: __props.url,
+                onUploadSuccess: handleUploadSuccess,
+                uploadRequest: __props.uploadRequest
+              }, null, 8, ["rules", "url", "uploadRequest"])) : createCommentVNode("v-if", true),
+              dragFileSuccess.value ? (openBlock(), createBlock(script$1, {
+                key: 1,
+                index: 0,
+                url: unref(fileStore).fileList.value[0].url,
+                name: unref(fileStore).fileList.value[0].fileName + "." + unref(fileStore).fileList.value[0].extraName,
+                width: props.fileWidth,
+                height: props.fileHeight,
+                onCloseEvent: removeItem
+              }, null, 8, ["url", "name", "width", "height"])) : createCommentVNode("v-if", true)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )),
+          createCommentVNode(" \u901A\u7528\u4E0A\u4F20\u7EC4\u4EF6 "),
+          createVNode(unref(MeUpload), mergeProps({
+            modelValue: unref(fileStore).uploadVisible.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(fileStore).uploadVisible.value = $event),
+            uploadRequest: __props.uploadRequest,
+            title: props.title,
+            maxCount: props.maxCount,
+            url: __props.url,
+            rules: __props.uploadRules,
+            uploadCompleteEvent: uploadCompleteEventHandler
+          }, _ctx.$attrs), {
+            footer: withCtx(() => [
+              renderSlot(_ctx.$slots, "footer")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["modelValue", "uploadRequest", "title", "maxCount", "url", "rules"])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=upload-file.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file.vue2.mjs","sources":["../../../src/upload-file/src/upload-file.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-upload-file\",\n});\n</script>\n<template>\n  <div class=\"me-upload-file\" :class=\"{ 'is-drag': props.drag }\">\n    <el-input v-model=\"inputVal\" v-show=\"false\" />\n\n    <template v-if=\"!props.drag\">\n      <div v-if=\"fileStore.fileList.value.length > 0\" class=\"file-item-wrapper\">\n        <div v-for=\"(item, index) in fileStore.fileList.value\" :key=\"item.domuuid\" :index=\"index\">\n          <MeUploadFileItem\n            :index=\"index\"\n            :url=\"item.url\"\n            :name=\"item.fileName + '.' + item.extraName\"\n            :width=\"props.fileWidth\"\n            :height=\"props.fileHeight\"\n            @closeEvent=\"removeItem\"></MeUploadFileItem>\n        </div>\n      </div>\n      <!-- 打开上传对话框 -->\n      <div\n        style=\"float: left\"\n        :style=\"{ width: `${props.width}px`, height: `${props.height}px` }\"\n        v-if=\"fileStore.fileList.value.length < props.maxCount\">\n        <me-flex-box class=\"file-container\" @click=\"fileStore.openUpload\">\n          <div style=\"align-items: center; height: 24px\">\n            <me-svg-icon name=\"ri-file-upload-line\" :size=\"24\" style=\"color: #767676\"></me-svg-icon>\n          </div>\n        </me-flex-box>\n      </div>\n    </template>\n\n    <template v-else>\n      <me-upload-file-drag\n        v-if=\"!dragFileSuccess\"\n        :rules=\"uploadRules\"\n        :url=\"url\"\n        @uploadSuccess=\"handleUploadSuccess\"\n        :uploadRequest=\"uploadRequest\" />\n      <MeUploadFileItem\n        v-if=\"dragFileSuccess\"\n        :index=\"0\"\n        :url=\"fileStore.fileList.value[0].url\"\n        :name=\"fileStore.fileList.value[0].fileName + '.' + fileStore.fileList.value[0].extraName\"\n        :width=\"props.fileWidth\"\n        :height=\"props.fileHeight\"\n        @closeEvent=\"removeItem\"></MeUploadFileItem>\n    </template>\n\n    <!-- 通用上传组件 -->\n    <me-upload\n      v-model=\"fileStore.uploadVisible.value\"\n      :uploadRequest=\"uploadRequest\"\n      :title=\"props.title\"\n      :maxCount=\"props.maxCount\"\n      :url=\"url\"\n      :rules=\"uploadRules\"\n      :uploadCompleteEvent=\"uploadCompleteEventHandler\"\n      v-bind=\"$attrs\">\n      <template #footer>\n        <slot name=\"footer\"></slot>\n      </template>\n    </me-upload>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ElInput } from \"element-plus\"\nimport { ref, watch } from \"vue\"\nimport type { UploadFileProps, UploadResultItem } from \"./upload-file\"\nimport MeFlexBox from \"../../flex-box\"\nimport MeUpload from \"../../upload\"\nimport MeSvgIcon from \"../../svg-icon\"\nimport { uuid } from \"../../utils/uuid\"\nimport MeUploadFileItem from \"./upload-file-item.vue\"\nimport { useFile } from \"./composables/useFile\"\nimport MeUploadFileDrag from \"./upload-file-drag.vue\"\n\n\n\nconst props = withDefaults(defineProps<UploadFileProps>(), {\n  uploadRequest: () => Promise.resolve(),\n  fileRequest: () => Promise.resolve(),\n  drag: false,\n  url: \"\",\n  title: \"上传文件\",\n  maxCount: 1,\n  width: 80,\n  height: 80,\n  fileWidth: 160,\n  fileHeight: 90,\n  closeEvent: () => {},\n  uploadRules: [],\n})\nconst emit = defineEmits<{\n  (e: \"closeEvent\", value: number): void\n}>()\n\nconst inputVal = defineModel<string>()\nconst fileStore = useFile(props)\nconst dragFileSuccess = ref(false)\n\nwatch(\n  inputVal,\n  (newValue) => {\n    if (fileStore.allowWatch) {\n      fileStore.importData(newValue || \"\")\n    } else {\n      setTimeout(() => {\n        fileStore.allowWatch = true\n      }, 100)\n    }\n  },\n  { immediate: true }\n)\n\nconst handleUploadSuccess = (res: any) => {\n  res.data.domuuid = uuid()\n  fileStore.fileList.value.push(res.data)\n  dragFileSuccess.value = true\n}\n\n/**\n * 文件上传完成\n * @param uploadResultList\n */\nconst uploadCompleteEventHandler = (uploadResultList: UploadResultItem[]) => {\n  fileStore.fileList.value.push(uploadResultList[0])\n  fileStore.allowWatch = false\n  inputVal.value = fileStore.getValue()\n}\n\n/**\n * 资源列表文件选择完成\n * @param uploadResultList\n */\nconst setFileList = (uploadResultList: UploadResultItem[]) => {\n  uploadResultList.forEach((item) => {\n    item.domuuid = uuid()\n    fileStore.fileList.value.push(item)\n  })\n\n  fileStore.allowWatch = false\n  inputVal.value = fileStore.getValue()\n}\n\ndefineExpose({\n  setFileList,\n  openUpload: fileStore.openUpload,\n  closeUpload: fileStore.closeUpload,\n})\n\n/**\n * 移除文件\n * @param index\n */\nconst removeItem = (index: number) => {\n  console.log(index)\n  fileStore.fileList.value.splice(index, 1)\n  fileStore.allowWatch = false\n  inputVal.value = fileStore.getValue()\n  dragFileSuccess.value = false\n}\n</script>\n"],"names":["__MACROS_defineComponent","_useModel","_createElementBlock","_normalizeClass","_createVNode","_unref","_Fragment","_openBlock","_renderList","MeUploadFileItem","_createCommentVNode","_normalizeStyle","_createElementVNode","_createBlock","MeUploadFileDrag","_mergeProps","$attrs","_renderSlot"],"mappings":"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"}

package/es/upload-file/style/index.css

@@ -0,0 +1 @@
+.me-upload-file{display:flex}.me-upload-file .file-item-wrapper{display:flex;align-items:center}.me-upload-file .file-container{width:100%;height:100%;border:1px dashed #e3e3e3;background-color:#f5f5f5;position:relative;border-radius:8px;justify-content:center;align-items:center;cursor:pointer}.me-upload-file .file-container:hover{border:1px dashed #08f}.me-upload-file .fileItem{position:relative;width:-moz-fit-content;width:fit-content;cursor:pointer;display:flex;align-items:center;padding:8px;border-radius:4px;word-spacing:2px}.me-upload-file .delete-icon{color:#000;cursor:pointer;z-index:2}.me-upload-file .me-upload-file__tip{font-size:12px;color:#606266;margin-top:7px}.me-upload-file .me-upload-file-dragger{padding:10px 10px;height:50px;width:100%;background-color:#fff;border:1px dashed #dcdfe6;border-radius:6px;box-sizing:border-box;text-align:center;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.me-upload-file .me-upload-file-dragger:hover{border-color:#409eff}.me-upload-file .me-upload-file-dragger .me-upload-file__text{color:#606266;font-size:14px;text-align:center;margin-left:6px}.me-upload-file .me-upload-file-dragger .me-upload-file__text em{color:#409eff;font-style:normal}.me-upload-file .me-upload-file-dragger.is-dragover{background-color:#ecf5ff;border:2px dashed #409eff;padding:9px 9px}.me-upload-file.is-drag{display:block}

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

@@ -0,0 +1,4 @@
+import './index.css';
+import 'element-plus/es/components/input/style/index';
+import 'element-plus/es/components/message/style/index';
+import 'element-plus/es/components/progress/style/index';

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

@@ -0,0 +1,7 @@
+import './index.css';
+import 'element-plus/es/components/input/style/index';
+import 'element-plus/es/components/message/style/index';
+import 'element-plus/es/components/progress/style/index';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

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

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

package/es/upload-file/style/index.scss

@@ -0,0 +1,85 @@
+.me-upload-file {
+  display: flex;
+  .file-item-wrapper {
+    display: flex;
+    align-items: center;
+  }
+  .file-container {
+    width: 100%;
+    height: 100%;
+    border: 1px dashed #e3e3e3;
+    background-color: #f5f5f5;
+    position: relative;
+    border-radius: 8px;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+
+    &:hover {
+      border: 1px dashed #0088ff;
+    }
+  }
+
+  .fileItem {
+    position: relative;
+    //  background: #e6e6e6;
+    width: fit-content;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    padding: 8px;
+    border-radius: 4px;
+    word-spacing: 2px;
+  }
+
+  .delete-icon {
+    color: #000;
+    cursor: pointer;
+    z-index: 2;
+  }
+
+  .me-upload-file__tip {
+    font-size: 12px;
+    color: #606266;
+    margin-top: 7px;
+  }
+  .me-upload-file-dragger {
+    padding: 10px 10px;
+    height: 50px;
+    width: 100%;
+    background-color: #fff;
+    border: 1px dashed #dcdfe6;
+    border-radius: 6px;
+    box-sizing: border-box;
+    text-align: center;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    &:hover {
+      border-color: #409eff;
+    }
+
+    .me-upload-file__text {
+      color: #606266;
+      font-size: 14px;
+      text-align: center;
+      margin-left: 6px;
+      em {
+        color: #409eff;
+        font-style: normal;
+      }
+    }
+  }
+  .me-upload-file-dragger.is-dragover {
+    background-color: rgb(236, 245, 255);
+    border: 2px dashed #409eff;
+    padding: 9px 9px;
+  }
+}
+
+.me-upload-file.is-drag {
+  display: block;
+}

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

@@ -0,0 +1,4 @@
+import "./index.scss";
+import 'element-plus/es/components/input/style/index';
+import 'element-plus/es/components/message/style/index';
+import 'element-plus/es/components/progress/style/index';

package/es/upload-file/style/scss.mjs

@@ -0,0 +1,7 @@
+import './index.scss';
+import 'element-plus/es/components/input/style/index';
+import 'element-plus/es/components/message/style/index';
+import 'element-plus/es/components/progress/style/index';
+
+"use strict";
+//# sourceMappingURL=scss.mjs.map

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

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

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

@@ -0,0 +1,94 @@
+import UploadImage from "./src/upload-image.vue";
+export declare const MeUploadImage: import("../utils/install").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").UploadImageProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        onItemClick?: ((item: any, index: number) => any) | undefined;
+        onRemoveEvent?: ((index: number) => any) | undefined;
+    }>, {
+        setFileList: (uploadResultList: import(".").UploadResultItem[]) => void;
+        openUpload: () => void;
+        closeUpload: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | undefined) => any;
+    } & {
+        itemClick: (item: any, index: number) => any;
+        removeEvent: (index: number) => any;
+    }, import("vue").PublicProps, {
+        title: string;
+        height: number;
+        width: number;
+        closeEvent: Function;
+        url: string;
+        uploadRequest: (data: any) => Promise<any>;
+        maxCount: number;
+        imgUrlRequest: (data: any) => Promise<any>;
+        uploadRules: import(".").RuleItem[];
+        previewImg: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import(".").UploadImageProps & {
+        modelValue?: string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        onItemClick?: ((item: any, index: number) => any) | undefined;
+        onRemoveEvent?: ((index: number) => any) | undefined;
+    }>, {
+        setFileList: (uploadResultList: import(".").UploadResultItem[]) => void;
+        openUpload: () => void;
+        closeUpload: () => void;
+    }, {}, {}, {}, {
+        title: string;
+        height: number;
+        width: number;
+        closeEvent: Function;
+        url: string;
+        uploadRequest: (data: any) => Promise<any>;
+        maxCount: number;
+        imgUrlRequest: (data: any) => Promise<any>;
+        uploadRules: import(".").RuleItem[];
+        previewImg: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import(".").UploadImageProps & {
+    modelValue?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onItemClick?: ((item: any, index: number) => any) | undefined;
+    onRemoveEvent?: ((index: number) => any) | undefined;
+}>, {
+    setFileList: (uploadResultList: import(".").UploadResultItem[]) => void;
+    openUpload: () => void;
+    closeUpload: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+} & {
+    itemClick: (item: any, index: number) => any;
+    removeEvent: (index: number) => any;
+}, string, {
+    title: string;
+    height: number;
+    width: number;
+    closeEvent: Function;
+    url: string;
+    uploadRequest: (data: any) => Promise<any>;
+    maxCount: number;
+    imgUrlRequest: (data: any) => Promise<any>;
+    uploadRules: import(".").RuleItem[];
+    previewImg: boolean;
+}, {}, 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 MeUploadImage;
+export * from "./src/upload-image";
+export type UploadImageInstance = InstanceType<typeof UploadImage> & unknown;

package/es/upload-image/index.mjs

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

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

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

package/es/upload-image/src/composables/useImage.d.ts

@@ -0,0 +1,58 @@
+import type { UploadImageProps, UploadResultItem } from "../upload-image";
+export declare const useImage: (props: UploadImageProps) => {
+    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-image/src/composables/useImage.mjs

@@ -0,0 +1,66 @@
+import { ref } from 'vue';
+import { uuid } from '../../../utils/uuid.mjs';
+
+"use strict";
+const useImage = (props) => {
+  const uploadVisible = ref(false);
+  const allowWatch = true;
+  const fileList = ref([]);
+  let oldInputValue = "";
+  let controller = new AbortController();
+  const importData = async (inputValue) => {
+    fileList.value.length = 0;
+    const imgs = inputValue.split(",");
+    if (inputValue) {
+      let res;
+      oldInputValue = inputValue;
+      console.log(oldInputValue, inputValue);
+      if (oldInputValue && oldInputValue == inputValue) {
+        controller.abort();
+        console.log("\u53D6\u6D88\u8BF7\u6C42==========>");
+        controller = new AbortController();
+      }
+      try {
+        res = await props.imgUrlRequest?.({ id: inputValue, options: { signal: controller.signal } });
+      } catch (error) {
+        console.log(error);
+      }
+      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 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;
+  };
+  const openUpload = () => {
+    uploadVisible.value = true;
+  };
+  const closeUpload = () => {
+    uploadVisible.value = false;
+  };
+  return { uploadVisible, fileList, getValue, importData, allowWatch, openUpload, closeUpload };
+};
+
+export { useImage };
+//# sourceMappingURL=useImage.mjs.map

package/es/upload-image/src/composables/useImage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImage.mjs","sources":["../../../../src/upload-image/src/composables/useImage.ts"],"sourcesContent":["import { ref } from \"vue\"\nimport type { UploadImageProps, UploadResultItem } from \"../upload-image\"\nimport { uuid } from \"../../../utils/uuid\"\n\nexport const useImage = (props: UploadImageProps) => {\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  let oldInputValue = \"\"\n  let controller = new AbortController()\n  const importData = async (inputValue: string) => {\n    fileList.value.length = 0\n    const imgs = inputValue.split(\",\")\n    if (inputValue) {\n      let res: any\n      oldInputValue = inputValue\n      console.log(oldInputValue, inputValue)\n      if (oldInputValue && oldInputValue == inputValue) {\n        controller.abort()\n        console.log(\"取消请求==========>\")\n        controller = new AbortController()\n      }\n\n      try {\n        res = await props.imgUrlRequest?.({ id: inputValue, options: { signal: controller.signal } })\n      } catch (error) {\n        console.log(error)\n      }\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 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  //打开上传对话框\n  const openUpload = () => {\n    uploadVisible.value = true\n  }\n  const closeUpload = () => {\n    uploadVisible.value = false\n  }\n\n  return { uploadVisible, fileList, getValue, importData, allowWatch, openUpload, closeUpload }\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,QAAA,GAAW,CAAC,KAAA,KAA4B;AAInD,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,IAAI,aAAA,GAAgB,EAAA;AACpB,EAAA,IAAI,UAAA,GAAa,IAAI,eAAA,EAAgB;AACrC,EAAA,MAAM,UAAA,GAAa,OAAO,UAAA,KAAuB;AAC/C,IAAA,QAAA,CAAS,MAAM,MAAA,GAAS,CAAA;AACxB,IAAA,MAAM,IAAA,GAAO,UAAA,CAAW,KAAA,CAAM,GAAG,CAAA;AACjC,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,IAAI,GAAA;AACJ,MAAA,aAAA,GAAgB,UAAA;AAChB,MAAA,OAAA,CAAQ,GAAA,CAAI,eAAe,UAAU,CAAA;AACrC,MAAA,IAAI,aAAA,IAAiB,iBAAiB,UAAA,EAAY;AAChD,QAAA,UAAA,CAAW,KAAA,EAAM;AACjB,QAAA,OAAA,CAAQ,IAAI,qCAAiB,CAAA;AAC7B,QAAA,UAAA,GAAa,IAAI,eAAA,EAAgB;AAAA,MACnC;AAEA,MAAA,IAAI;AACF,QAAA,GAAA,GAAM,MAAM,KAAA,CAAM,aAAA,GAAgB,EAAE,EAAA,EAAI,UAAA,EAAY,OAAA,EAAS,EAAE,MAAA,EAAQ,UAAA,CAAW,MAAA,EAAO,EAAG,CAAA;AAAA,MAC9F,SAAS,KAAA,EAAO;AACd,QAAA,OAAA,CAAQ,IAAI,KAAK,CAAA;AAAA,MACnB;AAEA,MAAA,IAAI,KAAK,IAAA,EAAM;AACb,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,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;AAGA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,aAAA,CAAc,KAAA,GAAQ,IAAA;AAAA,EACxB,CAAA;AACA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,aAAA,CAAc,KAAA,GAAQ,KAAA;AAAA,EACxB,CAAA;AAEA,EAAA,OAAO,EAAE,aAAA,EAAe,QAAA,EAAU,UAAU,UAAA,EAAY,UAAA,EAAY,YAAY,WAAA,EAAY;AAC9F;;;;"}