meixioacomponent 2.0.51 → 2.0.53

package/packages/components/hooks/useHookByUpload.js

@@ -1,131 +1,131 @@
-import {computed, ref} from "vue";
-import {MessagePlugin} from "tdesign-vue";
-import componentConfig from "../../config/componentConfig";
-import useUpload from "../../config/use/UseUpload";
-
-const useHookByUpload = (key, options = {
-    props: {
-        max: {}
-    },
-    uploadEd: () => {
-    },
-
-}) => {
-
-
-    const dynamicmount = ref();
-    const uploadLoading = ref(false);
-    const _module = ref([]);
-
-    let uploadPath = null;
-    const callBackIsLaunch = ref(false);
-
-
-    const setUploadPath = (value) => {
-        uploadPath = value;
-    }
-
-
-    const isMax = computed(() => {
-        return _module.value.length >= options.props.max
-    })
-
-
-    const inputChange = (list) => {
-        callBackIsLaunch.value = false;
-        for (let i = 0; i < list.length; i++) {
-            if (_module.value) {
-                if (isMax.value) {
-                    MessagePlugin.error("超出文件上传限制");
-                    break;
-                }
-                _module.value.push(list[i]);
-            }
-            list[i].cb = uploadEd;
-            list[i].key = key;
-        }
-
-        let isOss = true;
-        if (uploadPath instanceof Array) {
-            componentConfig.setUploadUrl(uploadPath[0], uploadPath[1]);
-        } else {
-            componentConfig.setUploadCustomUrl(uploadPath);
-            isOss = false;
-        }
-
-        if (!uploadLoading.value) {
-            uploadLoading.value = useUpload.toUpload(
-                _module.value ? _module.value : list,
-                uploadEd,
-                isOss
-            );
-        }
-    }
-
-
-    const uploadEd = async (evt) => {
-        let filterList = [];
-        let callBackParams = null;
-        try {
-            if (evt instanceof Array) {
-                filterList = evt
-                    .filter((item) => {
-                        return item.key === key;
-                    })
-                    .filter((item) => {
-                        if (!item.upload || item.upload.state === 1) {
-                            return item;
-                        } else {
-                            Notification.error("存在某些文件取消上传或上传失败！");
-                        }
-                    });
-
-                callBackParams = filterList;
-            } else {
-                if (_module.value instanceof Array) {
-                    _module.value = _module.value.filter((item) => {
-                        return item.url !== "cancel";
-                    });
-                } else {
-                    _module.value = null;
-                }
-                callBackParams = evt;
-                Notification.error(`${evt}`);
-            }
-        } catch (error) {
-        } finally {
-            if (!callBackIsLaunch.value) {
-                options.uploadEd && options.uploadEd(callBackParams);
-                callBackIsLaunch.value = true;
-                if (callBackParams instanceof Array) {
-                    // 只要考虑oss
-                    if (componentConfig.ossUploadEdAuthCallback instanceof Function) {
-                        if (callBackParams.length > 0) {
-                            await componentConfig.ossUploadEdAuthCallback(callBackParams);
-                        }
-                    }
-                }
-            }
-
-            uploadLoading.value = false;
-        }
-    }
-
-
-    return {
-        isMax,
-        _module,
-        dynamicmount,
-        uploadLoading,
-        uploadPath,
-        callBackIsLaunch,
-        setUploadPath,
-        inputChange,
-        uploadEd,
-
-    }
-
-}
-
-
+import {computed, ref} from "vue";
+import {MessagePlugin} from "tdesign-vue";
+import componentConfig from "../../config/componentConfig";
+import useUpload from "../../config/use/UseUpload";
+
+const useHookByUpload = (key, options = {
+    props: {
+        max: {}
+    },
+    uploadEd: () => {
+    },
+
+}) => {
+
+
+    const dynamicmount = ref();
+    const uploadLoading = ref(false);
+    const _module = ref([]);
+
+    let uploadPath = null;
+    const callBackIsLaunch = ref(false);
+
+
+    const setUploadPath = (value) => {
+        uploadPath = value;
+    }
+
+
+    const isMax = computed(() => {
+        return _module.value.length >= options.props.max
+    })
+
+
+    const inputChange = (list) => {
+        callBackIsLaunch.value = false;
+        for (let i = 0; i < list.length; i++) {
+            if (_module.value) {
+                if (isMax.value) {
+                    MessagePlugin.error("超出文件上传限制");
+                    break;
+                }
+                _module.value.push(list[i]);
+            }
+            list[i].cb = uploadEd;
+            list[i].key = key;
+        }
+
+        let isOss = true;
+        if (uploadPath instanceof Array) {
+            componentConfig.setUploadUrl(uploadPath[0], uploadPath[1]);
+        } else {
+            componentConfig.setUploadCustomUrl(uploadPath);
+            isOss = false;
+        }
+
+        if (!uploadLoading.value) {
+            uploadLoading.value = useUpload.toUpload(
+                _module.value ? _module.value : list,
+                uploadEd,
+                isOss
+            );
+        }
+    }
+
+
+    const uploadEd = async (evt) => {
+        let filterList = [];
+        let callBackParams = null;
+        try {
+            if (evt instanceof Array) {
+                filterList = evt
+                    .filter((item) => {
+                        return item.key === key;
+                    })
+                    .filter((item) => {
+                        if (!item.upload || item.upload.state === 1) {
+                            return item;
+                        } else {
+                            Notification.error("存在某些文件取消上传或上传失败！");
+                        }
+                    });
+
+                callBackParams = filterList;
+            } else {
+                if (_module.value instanceof Array) {
+                    _module.value = _module.value.filter((item) => {
+                        return item.url !== "cancel";
+                    });
+                } else {
+                    _module.value = null;
+                }
+                callBackParams = evt;
+                Notification.error(`${evt}`);
+            }
+        } catch (error) {
+        } finally {
+            if (!callBackIsLaunch.value) {
+                options.uploadEd && options.uploadEd(callBackParams);
+                callBackIsLaunch.value = true;
+                if (callBackParams instanceof Array) {
+                    // 只要考虑oss
+                    if (componentConfig.ossUploadEdAuthCallback instanceof Function) {
+                        if (callBackParams.length > 0) {
+                            await componentConfig.ossUploadEdAuthCallback(callBackParams);
+                        }
+                    }
+                }
+            }
+
+            uploadLoading.value = false;
+        }
+    }
+
+
+    return {
+        isMax,
+        _module,
+        dynamicmount,
+        uploadLoading,
+        uploadPath,
+        callBackIsLaunch,
+        setUploadPath,
+        inputChange,
+        uploadEd,
+
+    }
+
+}
+
+
 export default useHookByUpload;