create-jnrs-template-vue 1.2.2 → 1.2.4

package/jnrs-template-vue/src/composables/base/useAvatar.ts

@@ -1,36 +0,0 @@
-import { ref, toRefs, watch } from 'vue'
-// import { getImgSrc } from '@/utils/common'
-// import { useCommonStore } from '@jnrs/vue-core/pinia'
-// import imgFailed from '@/assets/img/common/404.png'
-import defaultAvatar from '@/assets/images/common/avatar.png'
-
-export const useAvatar = () => {
-  // const { userInfo } = toRefs(useCommonStore())
-  const avatar = ref(defaultAvatar)
-
-  // watch(
-  //   () => userInfo.value.avatar,
-  //   nv => {
-  //     if (nv) {
-  //       getImgSrc(nv).then(res => {
-  //         avatar.value = URL.createObjectURL(res.data)
-  //       })
-  //     }
-  //   }
-  // )
-
-  // const at = userInfo.value.avatar
-  // if (at) {
-  //   getImgSrc(at)
-  //     .then(res => {
-  //       avatar.value = URL.createObjectURL(res.data)
-  //     })
-  //     .catch(() => {
-  //       avatar.value = imgFailed
-  //     })
-  // }
-
-  return {
-    avatar
-  }
-}

package/jnrs-template-vue/src/composables/tools/useMouseSelection.ts

@@ -1,150 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : useMouseSelection.ts
- * @Date   : 2025/04/14
- * @Desc.  : 鼠标框选表格进行多选、回车执行回调
- */
-
-import { onMounted, onUnmounted, onActivated, onDeactivated } from 'vue'
-
-/**
- * @param {*} containerClass 表格或容器类名，默认值 el-table，如果页面存在多个表格，则必须分别传入自定义类名
- * @param {*} rowClass 表格或容器类名，默认值 el-table__row
- * @param {*} callback 框选后的回调，默认处理的是 input[type='checkbox'] 元素
- * @returns handleMouseDown
- * @example <el-table @mousedown="handleMouseDown" @selection-change="handleSelectionChange">
- */
-export function useMouseSelection({
-  containerClass = 'jn_table',
-  rowClass = 'el-table__row',
-  callback = handleSelection
-} = {}) {
-  let isDragging = false
-  let startPoint = { x: 0, y: 0 }
-  let endPoint = { x: 0, y: 0 }
-
-  onMounted(() => {
-    window.addEventListener('mouseup', handleMouseUp)
-  })
-
-  onUnmounted(() => {
-    window.removeEventListener('mouseup', handleMouseUp)
-  })
-
-  onActivated(() => {
-    window.addEventListener('mouseup', handleMouseUp)
-  })
-
-  onDeactivated(() => {
-    window.removeEventListener('mouseup', handleMouseUp)
-  })
-
-  // 鼠标按下事件
-  const handleMouseDown = (event: MouseEvent) => {
-    window.addEventListener('mousemove', handleMouseMove)
-    isDragging = false
-    startPoint = { x: event.clientX, y: event.clientY }
-    endPoint = { ...startPoint }
-  }
-
-  // 鼠标移动事件
-  const handleMouseMove = (event: MouseEvent) => {
-    endPoint = { x: event.clientX, y: event.clientY }
-    // 判断是否为拖动
-    if (Math.abs(endPoint.x - startPoint.x) > 5 && Math.abs(endPoint.y - startPoint.y) > 25) {
-      isDragging = true
-    }
-    // 如果没有拖动，则认为是单击
-    if (isDragging) {
-      selectRows()
-    }
-    setFixedRectBoxStyle()
-  }
-
-  // 鼠标抬起事件
-  const handleMouseUp = () => {
-    window.removeEventListener('mousemove', handleMouseMove)
-    // 如果没有拖动，则认为是单击
-    if (isDragging) {
-      isDragging = false
-    }
-    setFixedRectBoxStyle()
-  }
-
-  // 判断选中的行
-  const selectRows = () => {
-    const container = document.querySelector(`.${containerClass}`) as HTMLElement
-    const rows = container?.querySelectorAll(`.${rowClass}`) as NodeListOf<HTMLElement>
-    if (!rows) {
-      return false
-    }
-    rows.forEach((row) => {
-      const rect = row.getBoundingClientRect()
-      const isIntersecting =
-        rect.right > Math.min(startPoint.x, endPoint.x) &&
-        rect.left < Math.max(startPoint.x, endPoint.x) &&
-        rect.bottom > Math.min(startPoint.y, endPoint.y) &&
-        rect.top < Math.max(startPoint.y, endPoint.y)
-      if (isIntersecting && callback) {
-        callback(row)
-      }
-    })
-  }
-
-  // 设置框选框的位置
-  const setFixedRectBoxStyle = () => {
-    const selectionBox = document.querySelector('.useMouseSelection_fixedRectBox') as HTMLElement
-    if (selectionBox) {
-      const left = Math.min(startPoint.x, endPoint.x) + 'px'
-      const top = Math.min(startPoint.y, endPoint.y) + 'px'
-      const width = Math.abs(endPoint.x - startPoint.x) + 'px'
-      const height = Math.abs(endPoint.y - startPoint.y) + 'px'
-      Object.assign(selectionBox.style, {
-        display: isDragging ? 'block' : 'none',
-        left: left,
-        top: top,
-        width: width,
-        height: height
-      })
-
-      const container = document.querySelector(`.${containerClass}`) as HTMLElement
-      Object.assign(container.style, {
-        'user-select': isDragging ? 'none' : 'auto'
-      })
-    }
-  }
-
-  checkAndAddElement()
-
-  return {
-    handleMouseDown
-  }
-}
-
-// 回调选中逻辑
-const handleSelection = (row: HTMLElement) => {
-  const checkbox = row.querySelector("input[type='checkbox']") as HTMLInputElement
-  if (checkbox && !checkbox.checked) {
-    checkbox.click()
-  }
-}
-
-// 往页面上添加框选框元素
-const checkAndAddElement = () => {
-  const fixedRectBox = document.querySelector('.useMouseSelection_fixedRectBox')
-  if (!fixedRectBox) {
-    const newDiv = document.createElement('div')
-    newDiv.className = 'useMouseSelection_fixedRectBox'
-    Object.assign(newDiv.style, {
-      display: 'none',
-      position: 'fixed',
-      'z-index': 100,
-      border: '2px dashed #409eff',
-      'background-color': 'rgba(64, 158, 255, 0.2)',
-      'pointer-events': 'none',
-      'will-change': 'transform'
-    })
-    document.body.appendChild(newDiv)
-  }
-}