meixioacomponent 2.0.47 → 2.0.48

package/packages/components/base/baseArea/baseAreaV2.vue

@@ -1,144 +1,144 @@
-<template>
-  <div class="base-area-select-wrap">
-    <t-cascader
-        ref="cascader"
-        :keys="{
-          value:'code',
-          label:'name',
-          children: 'children',
-        }"
-        :load="load"
-        :options="options"
-        :disabled="disable||loading"
-        :size="componentSize" @change="onChange"
-        :placeholder="placeholder"
-        :input-props="inputProps"
-        v-model="localValue">
-    </t-cascader>
-  </div>
-</template>
-
-<script>
-import baseButtonHandleVue from '../baseButtonHandle/baseButtonHandle.vue'
-import areaConfig from "./areaConfig";
-import {TransomComponentSize} from "../../../utils/utils";
-import {mixinsByBaseArea} from "../../mixins/mixinsByBaseArea";
-//
-
-export default {
-  name: 'baseArea',
-  data() {
-    return {
-      localValue: [],
-      localDetailValue: {},
-      inputProps: {
-        value: '',
-      },
-    }
-  },
-  mixins: [mixinsByBaseArea],
-  created() {
-  },
-  props: {
-    value: {
-      default: null,
-    },
-  },
-
-  components: {
-    baseButtonHandleVue,
-  },
-  computed: {
-    module: {
-      set(val) {
-        this.$emit('input', val)
-      },
-      get() {
-        return this.$props.value
-      },
-    },
-    componentSize() {
-      return TransomComponentSize(this.$props.size);
-    }
-
-  },
-  methods: {
-    init() {
-      if (this.module) {
-        const {province, city, district, town} = this.module;
-        this.inputProps.value = `${province}/${city}/${district}`
-        if (town) {
-          this.inputProps.value += `/${town}`
-          this.localValue = [province, city, district, town]
-        } else {
-          this.localValue = [province, city, district]
-        }
-        this.localDetailValue = {
-          province,
-          city,
-          district,
-          town
-        }
-      }
-    },
-    onChange() {
-      this.inputProps.value = '';
-      this.$nextTick(() => {
-        const list = this.$refs.cascader.panels;
-        list.forEach(itemList => {
-          this.onAreaChange(itemList)
-        })
-        const _value = {
-          ...this.localDetailValue,
-        }
-        this.$emit('confirmAreaValue', _value)
-        this.module = _value;
-        console.log(this.localValue);
-      })
-    },
-    onAreaChange(list) {
-      try {
-        let index = null;
-        for (let i = 0; i < list.length; i++) {
-          const item = list[i];
-          if (item.indeterminate || item.checked) {
-            index = i;
-          }
-        }
-        const value = list[index];
-        const {data} = value;
-        const {name, code, level} = data;
-        if (!level) return;
-        if (!this.localDetailValue[`idList`]) {
-          this.localDetailValue[`idList`] = [0, 0, 0, 0];
-        }
-        this.localDetailValue[`${areaConfig[level - 1].value}`] = name;
-        this.localDetailValue[`idList`][level - 1] = code;
-        console.log(this.localDetailValue);
-      } catch (error) {
-        console.log(error);
-      }
-    },
-  },
-  watch: {
-    module: {
-      deep: true,
-      handler() {
-        this.$nextTick(() => {
-          this.init();
-        })
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.base-area-select-wrap {
-  width: 100%;
-  height: auto;
-  overflow: hidden;
-  border-radius: calc(var(--radius) * 2);
-}
-
-</style>
+<template>
+  <div class="base-area-select-wrap">
+    <t-cascader
+        ref="cascader"
+        :keys="{
+          value:'code',
+          label:'name',
+          children: 'children',
+        }"
+        :load="load"
+        :options="options"
+        :disabled="disable||loading"
+        :size="componentSize" @change="onChange"
+        :placeholder="placeholder"
+        :input-props="inputProps"
+        v-model="localValue">
+    </t-cascader>
+  </div>
+</template>
+
+<script>
+import baseButtonHandleVue from '../baseButtonHandle/baseButtonHandle.vue'
+import areaConfig from "./areaConfig";
+import {TransomComponentSize} from "../../../utils/utils";
+import {mixinsByBaseArea} from "../../mixins/mixinsByBaseArea";
+//
+
+export default {
+  name: 'baseArea',
+  data() {
+    return {
+      localValue: [],
+      localDetailValue: {},
+      inputProps: {
+        value: '',
+      },
+    }
+  },
+  mixins: [mixinsByBaseArea],
+  created() {
+  },
+  props: {
+    value: {
+      default: null,
+    },
+  },
+
+  components: {
+    baseButtonHandleVue,
+  },
+  computed: {
+    module: {
+      set(val) {
+        this.$emit('input', val)
+      },
+      get() {
+        return this.$props.value
+      },
+    },
+    componentSize() {
+      return TransomComponentSize(this.$props.size);
+    }
+
+  },
+  methods: {
+    init() {
+      if (this.module) {
+        const {province, city, district, town} = this.module;
+        this.inputProps.value = `${province}/${city}/${district}`
+        if (town) {
+          this.inputProps.value += `/${town}`
+          this.localValue = [province, city, district, town]
+        } else {
+          this.localValue = [province, city, district]
+        }
+        this.localDetailValue = {
+          province,
+          city,
+          district,
+          town
+        }
+      }
+    },
+    onChange() {
+      this.inputProps.value = '';
+      this.$nextTick(() => {
+        const list = this.$refs.cascader.panels;
+        list.forEach(itemList => {
+          this.onAreaChange(itemList)
+        })
+        const _value = {
+          ...this.localDetailValue,
+        }
+        this.$emit('confirmAreaValue', _value)
+        this.module = _value;
+        console.log(this.localValue);
+      })
+    },
+    onAreaChange(list) {
+      try {
+        let index = null;
+        for (let i = 0; i < list.length; i++) {
+          const item = list[i];
+          if (item.indeterminate || item.checked) {
+            index = i;
+          }
+        }
+        const value = list[index];
+        const {data} = value;
+        const {name, code, level} = data;
+        if (!level) return;
+        if (!this.localDetailValue[`idList`]) {
+          this.localDetailValue[`idList`] = [0, 0, 0, 0];
+        }
+        this.localDetailValue[`${areaConfig[level - 1].value}`] = name;
+        this.localDetailValue[`idList`][level - 1] = code;
+        console.log(this.localDetailValue);
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
+  watch: {
+    module: {
+      deep: true,
+      handler() {
+        this.$nextTick(() => {
+          this.init();
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.base-area-select-wrap {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  border-radius: calc(var(--radius) * 2);
+}
+
+</style>

package/packages/components/base/baseArea/baseAreaV21.vue

@@ -1,157 +1,157 @@
-<template>
-  <div class="base-area-select-wrap">
-    <t-cascader
-        ref="cascader"
-        :keys="{
-          value:'code',
-          label:'name',
-          children: 'children',
-        }"
-        :load="load"
-        :options="options"
-        :disabled="disable||loading"
-        :size="componentSize" @change="onChange"
-        :placeholder="placeholder"
-        :input-props="inputProps"
-        v-model="localValue">
-    </t-cascader>
-  </div>
-</template>
-
-
-<script>
-export default {
-  name: 'baseArea'
-}
-</script>
-
-<script setup>
-import areaConfig from "./areaConfig";
-import {TransomComponentSize} from "../../../utils/utils";
-import useHookByBaseArea from "../../hooks/useHookByBaseArea";
-import {computed, onMounted, reactive, ref, toRaw, watch, nextTick, getCurrentInstance} from "vue";
-
-
-const cascader = ref();
-console.log(cascader.value)
-
-getCurrentInstance().proxy.$mount(() => {
-  loadArea('').then(res => {
-    console.log('v2');
-    options.value = res;
-  })
-})
-
-
-const localValue = ref([]);
-const localDetailValue = reactive({});
-const inputProps = reactive({
-  value: '',
-},)
-
-
-const emits = defineEmits(['input', 'confirmAreaValue'])
-const {options, loading, placeholder, load, loadArea} = useHookByBaseArea();
-
-const props = defineProps({
-  value: {
-    default: null,
-  },
-  disable: {
-    type: Boolean,
-    default: false,
-  },
-  size: {type: String, default: 'small'}
-})
-
-
-const module = computed({
-  set(val) {
-    emits('input', val)
-  },
-  get() {
-    return props.value;
-  },
-})
-
-
-const componentSize = computed(() => {
-  return TransomComponentSize(props.size);
-})
-
-
-const init = () => {
-  if (module.value) {
-    const {province, city, district, town} = module.value;
-    inputProps.value = `${province}/${city}/${district}`
-    if (town) {
-      inputProps.value += `/${town}`
-      localValue.value = [province, city, district, town]
-    } else {
-      localValue.value = [province, city, district]
-    }
-    Object.assign(localDetailValue, {
-      province,
-      city,
-      district,
-      town
-    })
-  }
-}
-
-
-const onChange = () => {
-  inputProps.value = '';
-  nextTick(() => {
-    const list = cascader.value.panels;
-    list.forEach(itemList => {
-      onAreaChange(itemList)
-    })
-    const _value = {
-      ...toRaw(localDetailValue),
-    }
-    emits('confirmAreaValue', _value)
-    module.value = _value;
-  })
-}
-
-const onAreaChange = (list) => {
-  try {
-    let index = null;
-    for (let i = 0; i < list.length; i++) {
-      const item = list[i];
-      if (item.indeterminate || item.checked) {
-        index = i;
-      }
-    }
-    const value = list[index];
-    const {data} = value;
-    const {name, code, level} = data;
-    if (!level) return;
-    if (!localDetailValue[`idList`]) {
-      localDetailValue[`idList`] = [0, 0, 0, 0];
-    }
-    localDetailValue[`${areaConfig[level - 1].value}`] = name;
-    localDetailValue[`idList`][level - 1] = code;
-  } catch (error) {
-  }
-};
-
-
-watch(() => module, () => {
-  nextTick(() => {
-    init();
-  })
-}, {deep: true,})
-
-
-</script>
-
-<style scoped lang="less">
-.base-area-select-wrap {
-  width: 100%;
-  height: auto;
-  overflow: hidden;
-  border-radius: calc(var(--radius) * 2);
-}
+<template>
+  <div class="base-area-select-wrap">
+    <t-cascader
+        ref="cascader"
+        :keys="{
+          value:'code',
+          label:'name',
+          children: 'children',
+        }"
+        :load="load"
+        :options="options"
+        :disabled="disable||loading"
+        :size="componentSize" @change="onChange"
+        :placeholder="placeholder"
+        :input-props="inputProps"
+        v-model="localValue">
+    </t-cascader>
+  </div>
+</template>
+
+
+<script>
+export default {
+  name: 'baseArea'
+}
+</script>
+
+<script setup>
+import areaConfig from "./areaConfig";
+import {TransomComponentSize} from "../../../utils/utils";
+import useHookByBaseArea from "../../hooks/useHookByBaseArea";
+import {computed, onMounted, reactive, ref, toRaw, watch, nextTick, getCurrentInstance} from "vue";
+
+
+const cascader = ref();
+console.log(cascader.value)
+
+getCurrentInstance().proxy.$mount(() => {
+  loadArea('').then(res => {
+    console.log('v2');
+    options.value = res;
+  })
+})
+
+
+const localValue = ref([]);
+const localDetailValue = reactive({});
+const inputProps = reactive({
+  value: '',
+},)
+
+
+const emits = defineEmits(['input', 'confirmAreaValue'])
+const {options, loading, placeholder, load, loadArea} = useHookByBaseArea();
+
+const props = defineProps({
+  value: {
+    default: null,
+  },
+  disable: {
+    type: Boolean,
+    default: false,
+  },
+  size: {type: String, default: 'small'}
+})
+
+
+const module = computed({
+  set(val) {
+    emits('input', val)
+  },
+  get() {
+    return props.value;
+  },
+})
+
+
+const componentSize = computed(() => {
+  return TransomComponentSize(props.size);
+})
+
+
+const init = () => {
+  if (module.value) {
+    const {province, city, district, town} = module.value;
+    inputProps.value = `${province}/${city}/${district}`
+    if (town) {
+      inputProps.value += `/${town}`
+      localValue.value = [province, city, district, town]
+    } else {
+      localValue.value = [province, city, district]
+    }
+    Object.assign(localDetailValue, {
+      province,
+      city,
+      district,
+      town
+    })
+  }
+}
+
+
+const onChange = () => {
+  inputProps.value = '';
+  nextTick(() => {
+    const list = cascader.value.panels;
+    list.forEach(itemList => {
+      onAreaChange(itemList)
+    })
+    const _value = {
+      ...toRaw(localDetailValue),
+    }
+    emits('confirmAreaValue', _value)
+    module.value = _value;
+  })
+}
+
+const onAreaChange = (list) => {
+  try {
+    let index = null;
+    for (let i = 0; i < list.length; i++) {
+      const item = list[i];
+      if (item.indeterminate || item.checked) {
+        index = i;
+      }
+    }
+    const value = list[index];
+    const {data} = value;
+    const {name, code, level} = data;
+    if (!level) return;
+    if (!localDetailValue[`idList`]) {
+      localDetailValue[`idList`] = [0, 0, 0, 0];
+    }
+    localDetailValue[`${areaConfig[level - 1].value}`] = name;
+    localDetailValue[`idList`][level - 1] = code;
+  } catch (error) {
+  }
+};
+
+
+watch(() => module, () => {
+  nextTick(() => {
+    init();
+  })
+}, {deep: true,})
+
+
+</script>
+
+<style scoped lang="less">
+.base-area-select-wrap {
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+  border-radius: calc(var(--radius) * 2);
+}
 </style>

package/packages/components/base/baseArea/index.js

@@ -1,6 +1,6 @@
-import baseArea from "./baseAreaV2.vue";
-baseArea.install = function (Vue) {
-  Vue.component(baseArea.name, baseArea);
-};
-
-export default baseArea;
+import baseArea from "./baseAreaV2.vue";
+baseArea.install = function (Vue) {
+  Vue.component(baseArea.name, baseArea);
+};
+
+export default baseArea;