meixioacomponent 2.0.41 → 2.0.43

package/packages/components/hooks/useHookByUpload.js

@@ -0,0 +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,
+
+    }
+
+}
+
+
+export default useHookByUpload;

package/packages/components/index.ts

@@ -68,7 +68,6 @@ import useCropper from "../config/use/useCropper";
 import useViewVideo from "../config/use/UseViewVideo";
 import useGuide from "../config/use/UseGuide";
 import LinkViewClass from "../config/LinkViewClass";
-
 import 'tdesign-vue/es/style/index.css';
 
 //组件库type类型
@@ -139,7 +138,6 @@ const install = (Vue) => {
     meixicomponents.forEach((baseComponent) => {
         Vue.component(baseComponent.name, baseComponent);
     });
-
     Vue.use(DynamicMount);
     Vue.use(VueCropper);
     Vue.use(registerConfirm);

package/vue.config.js

@@ -6,15 +6,19 @@ function resolve(dir) {
 }
 
 module.exports = defineConfig({
-    transpileDependencies: true, css: {
+    transpileDependencies: true,
+    css: {
         extract: false,
-    }, productionSourceMap: false, configureWebpack: {
+    },
+    productionSourceMap: false,
+    configureWebpack: {
         resolve: {
-            extensions: [".js", ".vue", ".json", ".ts", ".tsx"], alias: {
+            extensions: [".js", ".vue", ".json", ".ts", ".tsx"],
+            alias: {
                 "@": resolve("src"),
                 'zlib': false,
                 "stream": false,
-                "fs": false
+                "fs": false,
             }, fallback: {
                 path: require.resolve("path-browserify"),
             },
@@ -28,14 +32,10 @@ module.exports = defineConfig({
                 }
             }]
         }
-    },
-    chainWebpack(config) {
+    }, chainWebpack(config) {
         config.externals({
-            'element-ui': 'ElementUI'
         })
     }
-
-
 })