meixioacomponent 2.0.59 → 2.0.60

package/packages/components/base/baseAnchor/baseAnchorV2.vue

@@ -1,166 +1,166 @@
-<template>
-  <ol class="base-anchor-wrap">
-    <li
-        v-for="(item, index) in list"
-        :key="index"
-        :class="{
-        active: index === active,
-      }"
-        class="anchor-item-wrap"
-    >
-      <a
-          v-if="type === 'page'"
-          :href="`${currentPath}#${item.id}`"
-          @click="aTagClick(index)"
-      >
-        {{ item.title }}
-      </a>
-      <span v-else @click="toSetScrollTop(index)">{{ item.title }}</span>
-    </li>
-  </ol>
-</template>
-
-<script>
-export default {
-  name:'baseAnchor'
-}
-</script>
-
-<script setup>
-import {getCurrentInstance, nextTick, onMounted, ref, computed} from "vue";
-let _listenElement = null;
-const instance = getCurrentInstance()
-const props = defineProps({
-  listenElementId: {
-    //只接受id
-    type: String,
-  },
-  list: {
-    type: Array,
-  },
-  type: {
-    type: String,
-    default: 'page',
-  },
-})
-
-onMounted(() => {
-  nextTick(() => {
-    init()
-  })
-})
-
-const active = ref(0);
-
-const currentPath = computed(() => {
-  return instance.proxy.$route.path
-})
-
-const init = () => {
-  let type = props.type
-  if (type === 'page') {
-    _listenElement = document.getElementsByClassName(
-        'layout-contnet',
-    )[0]
-    _listenElement?.addEventListener('scroll', listenScroll)
-  } else {
-    _listenElement = document.getElementById(
-        `${props.listenElementId}`,
-    )
-    nextTick(() => {
-      _listenElement?.addEventListener('scroll', (e) => {
-        listenScroll(e)
-      })
-    })
-  }
-}
-
-const listenScroll = (e) => {
-  if (props.list.length <= 0) return
-  let type = props.type
-  let scrollTop = e.target.scrollTop
-  for (let i = 0; i < props.list.length; i++) {
-    let item = props.list[i]
-    let node = null
-    // 类型
-    if (type === 'page') {
-      // page 代表是全局 监听 layout 的滚动
-      node = document.getElementById(item.id)
-    } else {
-      // 指定的容器
-      node = _listenElement.querySelector(`#${item.id}`)
-    }
-    // 滑动到底部直接赋值
-    if (scrollTop + e.target.clientHeight >= e.target.scrollHeight - 5) {
-      active.value = props.list.length - 1
-      break
-    }
-    // 如果循环到最后一个dom也直接赋值
-    if (i === props.list.length - 1) {
-      active.value = i
-      break
-    } else {
-      let nextItem = props.list[i + 1]
-      let nextNode = null
-      if (type === 'page') {
-        nextNode = document.getElementById(nextItem.id)
-      } else {
-        nextNode = _listenElement.querySelector(`#${nextItem.id}`)
-      }
-      // 判单scrolltop是否小于下一个dom的高度
-      if (scrollTop < nextNode.offsetTop) {
-        active.value = i
-        break
-      }
-    }
-  }
-}
-
-const toSetScrollTop = (index) => {
-  if (index == active.value) {
-    return
-  }
-  let id = props.list[index].id
-  let dom = _listenElement.querySelector(`#${id}`)
-  if (dom) {
-    dom.scrollIntoView(true)
-    setTimeout(() => {
-      aTagClick(index)
-    }, 10)
-  }
-}
-
-const aTagClick = (index) => {
-  active.value = index
-}
-</script>
-
-<style scoped lang="less">
-.base-anchor-wrap {
-  width: auto;
-  height: auto;
-  overflow-y: auto;
-
-  .anchor-item-wrap {
-    padding-left: calc(var(--padding-4) * 2);
-    border-left: 2px solid var(--color-border);
-
-    a,
-    span {
-      display: inline-block;
-      color: var(--font-color-m);
-      margin: var(--margin-2) 0px;
-      font-size: var(--font-size-base);
-    }
-
-    span {
-      cursor: pointer;
-    }
-  }
-
-  .active {
-    border-left: 2px solid var(--color-primary);
-    color: var(--color-primary) !important;
-  }
-}
+<template>
+  <ol class="base-anchor-wrap">
+    <li
+        v-for="(item, index) in list"
+        :key="index"
+        :class="{
+        active: index === active,
+      }"
+        class="anchor-item-wrap"
+    >
+      <a
+          v-if="type === 'page'"
+          :href="`${currentPath}#${item.id}`"
+          @click="aTagClick(index)"
+      >
+        {{ item.title }}
+      </a>
+      <span v-else @click="toSetScrollTop(index)">{{ item.title }}</span>
+    </li>
+  </ol>
+</template>
+
+<script>
+export default {
+  name:'baseAnchor'
+}
+</script>
+
+<script setup>
+import {getCurrentInstance, nextTick, onMounted, ref, computed} from "vue";
+let _listenElement = null;
+const instance = getCurrentInstance()
+const props = defineProps({
+  listenElementId: {
+    //只接受id
+    type: String,
+  },
+  list: {
+    type: Array,
+  },
+  type: {
+    type: String,
+    default: 'page',
+  },
+})
+
+onMounted(() => {
+  nextTick(() => {
+    init()
+  })
+})
+
+const active = ref(0);
+
+const currentPath = computed(() => {
+  return instance.proxy.$route.path
+})
+
+const init = () => {
+  let type = props.type
+  if (type === 'page') {
+    _listenElement = document.getElementsByClassName(
+        'layout-contnet',
+    )[0]
+    _listenElement?.addEventListener('scroll', listenScroll)
+  } else {
+    _listenElement = document.getElementById(
+        `${props.listenElementId}`,
+    )
+    nextTick(() => {
+      _listenElement?.addEventListener('scroll', (e) => {
+        listenScroll(e)
+      })
+    })
+  }
+}
+
+const listenScroll = (e) => {
+  if (props.list.length <= 0) return
+  let type = props.type
+  let scrollTop = e.target.scrollTop
+  for (let i = 0; i < props.list.length; i++) {
+    let item = props.list[i]
+    let node = null
+    // 类型
+    if (type === 'page') {
+      // page 代表是全局 监听 layout 的滚动
+      node = document.getElementById(item.id)
+    } else {
+      // 指定的容器
+      node = _listenElement.querySelector(`#${item.id}`)
+    }
+    // 滑动到底部直接赋值
+    if (scrollTop + e.target.clientHeight >= e.target.scrollHeight - 5) {
+      active.value = props.list.length - 1
+      break
+    }
+    // 如果循环到最后一个dom也直接赋值
+    if (i === props.list.length - 1) {
+      active.value = i
+      break
+    } else {
+      let nextItem = props.list[i + 1]
+      let nextNode = null
+      if (type === 'page') {
+        nextNode = document.getElementById(nextItem.id)
+      } else {
+        nextNode = _listenElement.querySelector(`#${nextItem.id}`)
+      }
+      // 判单scrolltop是否小于下一个dom的高度
+      if (scrollTop < nextNode.offsetTop) {
+        active.value = i
+        break
+      }
+    }
+  }
+}
+
+const toSetScrollTop = (index) => {
+  if (index == active.value) {
+    return
+  }
+  let id = props.list[index].id
+  let dom = _listenElement.querySelector(`#${id}`)
+  if (dom) {
+    dom.scrollIntoView(true)
+    setTimeout(() => {
+      aTagClick(index)
+    }, 10)
+  }
+}
+
+const aTagClick = (index) => {
+  active.value = index
+}
+</script>
+
+<style scoped lang="less">
+.base-anchor-wrap {
+  width: auto;
+  height: auto;
+  overflow-y: auto;
+
+  .anchor-item-wrap {
+    padding-left: calc(var(--padding-4) * 2);
+    border-left: 2px solid var(--color-border);
+
+    a,
+    span {
+      display: inline-block;
+      color: var(--font-color-m);
+      margin: var(--margin-2) 0px;
+      font-size: var(--font-size-base);
+    }
+
+    span {
+      cursor: pointer;
+    }
+  }
+
+  .active {
+    border-left: 2px solid var(--color-primary);
+    color: var(--color-primary) !important;
+  }
+}
 </style>

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

@@ -1,7 +1,7 @@
-export const GetAreaTree = (params) => {
-    return window[`meixiRequest`]({
-        method: 'get',
-        params: params,
-        url: '/third/lbs/getAreaInfo',
-    })
+export const GetAreaTree = (params) => {
+    return window[`meixiRequest`]({
+        method: 'get',
+        params: params,
+        url: '/third/lbs/getAreaInfo',
+    })
 }