meixioacomponent 2.0.40 → 2.0.42

package/packages/components/hooks/useHookByBaseArea.js

@@ -0,0 +1,50 @@
+import {GetAreaTree} from "../base/baseArea/api";
+import {ref} from "vue";
+
+const useHookByBaseArea = () => {
+    const loading = ref(false);
+    const options = ref([]);
+    const placeholder = ref('请选择省市区镇')
+
+    const load = (node) => {
+        const {value, data} = node;
+        return new Promise((resolve) => {
+            loadArea(data ? data.code : '').then(res => {
+                resolve(res);
+            })
+        })
+    }
+
+
+    const loadArea = (keyword) => {
+        return new Promise((resolve) => {
+            loading.value = true;
+            GetAreaTree({
+                keyword: keyword
+            }).then(res => {
+                if (Array.isArray(res)) {
+                    res.forEach(item => {
+                        item[`children`] = item.level !== 4;
+                        item[`value`] = `${item.name}-${item.code}`
+                    })
+                    loading.value = false;
+                    resolve(res);
+                } else {
+                    resolve([]);
+                }
+            })
+        })
+    };
+
+    return {
+        loading,
+        options,
+        placeholder,
+        load, loadArea
+    }
+
+
+}
+
+
+export default useHookByBaseArea;

package/packages/components/hooks/useHookByGuide.js

@@ -0,0 +1,47 @@
+import {computed} from "vue";
+
+const useHookByGuide = (paramsByGuideControl) => {
+
+
+
+
+    const _guideControl = computed(() => {
+        return paramsByGuideControl
+    })
+
+    const currentStep = computed(() => {
+        return _guideControl.value.current;
+    })
+
+
+    const steps = computed(() => {
+        return _guideControl.value.steps;
+    })
+
+    const currentStepContent = computed(() => {
+        return steps.value[currentStep.value]
+    })
+
+
+    const errorIds = computed(() => {
+        return _guideControl.value.errorIds;
+    })
+
+    const useStepShow = computed(() => {
+        return _guideControl.value.useStepShow;
+    })
+
+
+    return {
+        steps,
+        useStepShow,
+        errorIds,
+        _guideControl,
+        currentStep,
+        currentStepContent
+    }
+
+}
+
+
+export default useHookByGuide;

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.js

@@ -3,6 +3,7 @@ exports.__esModule = true;
 var baseAnchor_1 = require("./base/baseAnchor");
 var baseAppendix_1 = require("./base/baseAppendix");
 var baseArea_1 = require("./base/baseArea");
+var baseAreaByMultiple_1 = require("./base/baseAreaByMultiple");
 var baseAvatar_1 = require("./base/baseAvatar");
 var baseButtonHandle_1 = require("./base/baseButtonHandle");
 var baseDefaultSvg_1 = require("./base/baseDefaultSvg");
@@ -94,6 +95,7 @@ var meixicomponents = [
     baseLineInfoGroup_1["default"],
     baseLineInfoItem_1["default"],
     basePageHeader_1["default"],
+    baseAreaByMultiple_1["default"],
     basePagination_1["default"],
     basePlainTable_1["default"],
     baseSection_1["default"],
@@ -176,6 +178,7 @@ var meixioacomponent = {
     basePagination: basePagination_1["default"],
     basePlainTable: basePlainTable_1["default"],
     baseSection: baseSection_1["default"],
+    baseAreaByMultiple: baseAreaByMultiple_1["default"],
     baseSkeleton: baseSkeleton_1["default"],
     baseSvg: baseSvg_1["default"],
     baseTimeTypeSelect: baseTimeTypeSelect_1["default"],

package/packages/components/index.ts

@@ -1,6 +1,7 @@
 import baseAnchor from "./base/baseAnchor";
 import baseAppendix from "./base/baseAppendix";
 import baseArea from "./base/baseArea";
+import baseAreaByMultiple from "./base/baseAreaByMultiple"
 import baseAvatar from "./base/baseAvatar";
 import baseButtonHandle from "./base/baseButtonHandle";
 import baseDefaultSvg from "./base/baseDefaultSvg";
@@ -67,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类型
@@ -98,6 +98,7 @@ const meixicomponents: any[] = [
     baseLineInfoGroup,
     baseLineInfoItem,
     basePageHeader,
+    baseAreaByMultiple,
     basePagination,
     basePlainTable,
     baseSection,
@@ -137,7 +138,6 @@ const install = (Vue) => {
     meixicomponents.forEach((baseComponent) => {
         Vue.component(baseComponent.name, baseComponent);
     });
-
     Vue.use(DynamicMount);
     Vue.use(VueCropper);
     Vue.use(registerConfirm);
@@ -185,6 +185,7 @@ const meixioacomponent = {
     basePagination,
     basePlainTable,
     baseSection,
+    baseAreaByMultiple,
     baseSkeleton,
     baseSvg,
     baseTimeTypeSelect,

package/packages/components/mixins/mixinsByBaseArea.js

@@ -0,0 +1,54 @@
+import {GetAreaTree} from "../base/baseArea/api";
+
+export const mixinsByBaseArea = {
+    data() {
+        return {
+            loading: false,
+            options: [],
+            placeholder: '请选择省市区镇',
+        }
+    },
+    mounted() {
+        this.loadArea('').then(res => {
+            this.options = res;
+        })
+    },
+    props: {
+        disable: {
+            type: Boolean,
+            default: false,
+        },
+        size: {type: String, default: 'small'}
+    },
+    methods: {
+        load(node) {
+            const {value, data} = node;
+            return new Promise((resolve) => {
+                this.loadArea(data ? data.code : '').then(res => {
+                    resolve(res);
+                })
+            })
+        },
+        loadArea(keyword) {
+            return new Promise((resolve) => {
+                this.loading = true;
+                GetAreaTree({
+                    keyword: keyword
+                }).then(res => {
+                    if (Array.isArray(res)) {
+                        res.forEach(item => {
+                            item[`children`] = item.level !== 4;
+                            item[`value`] = `${item.name}-${item.code}`
+                        })
+                        this.loading = false;
+                        resolve(res);
+                    } else {
+                        resolve([]);
+                    }
+                })
+            })
+        },
+    }
+
+
+}

package/packages/components/proForm/proForm/pro_form.vue

@@ -333,7 +333,6 @@ export default {
     formAreaConfirm(params) {
       this.submitVerifiData(params).then(res => {
         if (res) {
-          this.$refs[`area-${params.config.key}`][0].doClose()
           this.$emit('formItemConfirm', params.config)
         } else {
           this.$message.error('请重新选择')

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'
         })
     }
-
-
 })