adtec-core-package 0.0.8 → 0.0.9

package/eslint.config.js

@@ -1,19 +1,56 @@
-import pluginVue from 'eslint-plugin-vue'
-import vueTsEslintConfig from '@vue/eslint-config-typescript'
-import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
-
+import pluginVue from 'eslint-plugin-vue';
+import vueTsEslintConfig from '@vue/eslint-config-typescript';
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting';
 export default [
   {
     name: 'app/files-to-lint',
-    files: ['**/*.{ts,mts,tsx,vue}'],
+    files: ['**/*.{js,ts,mts,tsx,vue}'],
+    rules: {
+      'no-console': 'off',
+      'no-debugger': 'off',
+      'no-undef': 'off',
+      'no-unused-vars': 'off',
+      'no-restricted-syntax': 'off',
+      'no-plusplus': 'off',
+      'no-param-reassign': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+      },
+    },
   },
-
   {
     name: 'app/files-to-ignore',
     ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+    rules: {
+      'no-console': 'off',
+      'no-debugger': 'off',
+      'no-undef': 'off',
+      'no-unused-vars': 'off',
+      'no-restricted-syntax': 'off',
+      'no-plusplus': 'off',
+      'no-param-reassign': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+      },
+    },
+  },
+  {
+    files: ['**/*.{ts,mts,tsx,vue}'],
+    rules: {
+      'no-console': 'off',
+      'no-debugger': 'off',
+      'no-undef': 'off',
+      'no-unused-vars': 'off',
+      'no-restricted-syntax': 'off',
+      'no-plusplus': 'off',
+      'no-param-reassign': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
   },
-
   ...pluginVue.configs['flat/essential'],
   ...vueTsEslintConfig(),
   skipFormatting,
-]
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adtec-core-package",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "private": false,
   "type": "module",
   "scripts": {
@@ -13,14 +13,16 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "pinia": "^2.3.0",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0",
+    "@element-plus/icons-vue": "^2.3.1",
+    "axios": "^1.7.7",
     "element-plus": "^2.8.7",
+    "pinia": "^2.3.0",
     "scss": "^0.2.4",
     "scss-loader": "^0.0.1",
-    "axios": "^1.7.7",
-    "@element-plus/icons-vue": "^2.3.1"
+    "vue": "^3.5.13",
+    "vue-focus-lock": "^3.0.0",
+    "vue-router": "^4.5.0",
+    "uuid": "^11.0.3"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.0",
@@ -31,15 +33,15 @@
     "@vue/eslint-config-typescript": "^14.1.3",
     "@vue/tsconfig": "^0.7.0",
     "eslint": "^9.14.0",
-    "sass-embedded": "^1.83.1",
     "eslint-plugin-vue": "^9.30.0",
+    "less": "^4.2.0",
     "npm-run-all2": "^7.0.2",
     "prettier": "^3.3.3",
+    "sass-embedded": "^1.83.1",
     "typescript": "~5.6.3",
     "vite": "^6.0.5",
     "vite-plugin-vue-devtools": "^7.6.8",
-    "vue-tsc": "^2.1.10",
-    "less": "^4.2.0"
+    "vue-tsc": "^2.1.10"
   },
   "description": "This template should help get you started developing with Vue 3 in Vite.",
   "main": "/adtec-core-package/adtec-core-package.umd.cjs",

package/src/components/Table/ElTableColumnEdit.vue

@@ -0,0 +1,218 @@
+<!--创建人 丁盼-->
+<!--说明: ElTableColumnTable-->
+<!--创建时间: 2024/11/27 上午11:56-->
+<!--修改时间: 2024/11/27 上午11:56-->
+<template>
+  <div
+    @click.stop.prevent="displayClick"
+    style="width: 100%; min-height: 35px"
+    ref="ref_divView"
+    :id="guid"
+    :class="getClass"
+    tabindex="0"
+  >
+    <FocusLock v-if="display" :no-focus-guards="false" class="foucs-lock">
+      <slot name="edit" v-if="display" tabindex="9"></slot>
+    </FocusLock>
+    <slot v-else name="view"></slot>
+  </div>
+</template>
+<script setup lang="ts">
+import { computed, getCurrentInstance, onMounted, onUnmounted, ref, watch } from 'vue'
+import {
+  useActiveElement,
+  useEventBus,
+  useFocus,
+  watchPausable,
+} from '@vueuse/core'
+import FocusLock from 'vue-focus-lock'
+const ref_divView = ref()
+import { v4 as uuidv4 } from 'uuid'
+// const { focused } = useFocusWithin(ref_divView)
+const { focused: paragraphFocus } = useFocus(ref_divView)
+const display = ref(false)
+const guid = uuidv4()
+const bus = useEventBus<string>('elTableColumnEdit')
+const bus1 = useEventBus<string>(guid)
+// const props = defineProps<{
+//   tableRef: any
+// }>()
+const activeElement = useActiveElement()
+watch(activeElement, (el: any) => {
+  // //判断当前点击元素是否在表格范围内
+  if (props.isEdit) {
+    let el1: any = el
+    let b = true
+    let c = false
+    let f = true
+    while (b) {
+      if (el1.className?.indexOf('el-table') > -1) {
+        c = true
+        b = false
+      } else if (el1.className?.indexOf('el-popper') > -1) {
+        b = false
+        f = false
+      } else {
+        el1 = el1.parentNode
+        if (el1 === null) {
+          b = false
+        }
+      }
+    }
+    if (f) {
+      if (!c) {
+        paragraphFocus.value = false
+        display.value = false
+      } else {
+        //判断当前点击元素ID 是否是当前组件ID
+        let el2: any = el
+        let d = true
+        let e = false
+        while (d) {
+          if (el2.id === guid) {
+            d = false
+            e = true
+          } else {
+            el2 = el2.parentNode
+            if (el2 === null) {
+              d = false
+            }
+          }
+        }
+        if (e) {
+          display.value = true
+        } else {
+          display.value = false
+        }
+      }
+    }
+  }
+})
+const instance = getCurrentInstance()
+const table = ref()
+const showOverflowTooltip = ref(false)
+const oldValue = ref()
+const props = withDefaults(
+  defineProps<{
+    scope?: any
+    /**
+     * @type boolean
+     * @default ''
+     * @description 设置是否记录编辑状态，默认为false
+     */
+    enableEditingStatus?: boolean
+    isEdit?: boolean
+  }>(),
+  {
+    /**
+     * @type string
+     * @default ''
+     * @description 设置是否记录编辑状态，默认为falseenableEditingStatus
+     */
+    enableEditingStatus: false,
+    isEdit: true,
+  },
+)
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { stop, pause, resume } = watchPausable(
+  () => props.scope?.row[props.scope.column.property],
+  (v) => {
+    let val
+    if (oldValue.value === undefined || oldValue.value === null) {
+      val = ''
+    } else {
+      val = oldValue.value + ''
+    }
+    if (v + '' !== val) {
+      if (!props.scope.row.isRowEditArr) {
+        // eslint-disable-next-line vue/no-mutating-props
+        props.scope.row.isRowEditArr = []
+      }
+      if (props.scope.row.isRowEditArr.indexOf(props.scope.column.property) === -1) {
+        // eslint-disable-next-line vue/no-mutating-props
+        props.scope.row.isRowEditArr.push(props.scope.column.property)
+      }
+    } else {
+      if (props.scope.row.isRowEditArr) {
+        // eslint-disable-next-line vue/no-mutating-props
+        props.scope.row.isRowEditArr.splice(
+          props.scope.row.isRowEditArr.indexOf(props.scope.column.property),
+          1,
+        )
+      }
+    }
+    if (props.scope.row.isRowEditArr && props.scope.row.isRowEditArr.length > 0) {
+      // eslint-disable-next-line vue/no-mutating-props
+      props.scope.row.isRowEdit = true
+    } else {
+      // eslint-disable-next-line vue/no-mutating-props
+      props.scope.row.isRowEdit = false
+    }
+  },
+)
+
+onMounted(() => {
+  if (props.enableEditingStatus) {
+    resume()
+  } else {
+    stop()
+  }
+  if (props.scope) {
+    oldValue.value = props.scope.row[props.scope.column.property]
+  }
+  let b = true
+  let instance1: any = instance
+  while (b) {
+    if (instance1?.type?.name === 'ElTable' || instance1?.type?.__name === 'ElTable') {
+      b = false
+    } else {
+      instance1 = instance1?.parent
+      if (instance1 === null) {
+        b = false
+      }
+    }
+  }
+  table.value = instance1
+  showOverflowTooltip.value = table.value?.props?.showOverflowTooltip
+})
+onUnmounted(() => {
+  bus.off(listener)
+  bus1.off(listener)
+})
+const getClass = computed(() => {
+  let className = showOverflowTooltip.value ? 'showOverflowTooltip' : ''
+  if (props.isEdit) {
+    return (className += ' el-table-column-edit')
+  } else {
+    return (className += ' el-table-column-view')
+  }
+})
+function listener() {
+  display.value = false
+  bus.off(listener)
+  bus1.off(listener)
+}
+const displayClick = () => {
+  if (props.isEdit) {
+    bus.emit()
+    display.value = true
+    bus.on(listener)
+    bus1.on(listener)
+  }
+}
+</script>
+<style scoped lang="scss">
+.showOverflowTooltip {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.foucs-lock {
+  :deep {
+    div[data-lock=''] {
+      display: flex;
+      margin-top: 1.5px;
+    }
+  }
+}
+</style>

package/src/components/autoToolTip/index.vue

@@ -0,0 +1,61 @@
+<!--创建人 胡啸东-->
+<!--说明: index-->
+<!--创建时间: 2024/12/17 下午3:27-->
+<!--修改时间: 2024/12/17 下午3:27-->
+<template>
+  <el-tooltip
+    effect="light"
+    :content="props.tooltipContent ? props.tooltipContent : props.content"
+    placement="top"
+    :disabled="isShow"
+  >
+    <template #content>
+      <!-- 此处的默认值先看tooltipContent有没有，没有就给默认content -->
+      <slot name="tooltipContent">{{
+        props.tooltipContent ? props.tooltipContent : props.content
+      }}</slot>
+    </template>
+    <div class="content" :style="{ width: props.width }" @mouseover="isShowTooltip">
+      <span ref="contentRef">
+        <!-- 给一个没有写插槽的默认值，兼容纯文本的情况 -->
+        <slot name="content">{{ props.content }}</slot>
+      </span>
+    </div>
+  </el-tooltip>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue'
+
+// 定义props的类型
+
+interface Props {
+  content: string
+  width: string
+  tooltipContent?: string
+}
+// 使用withDefaults来给props赋默认值
+const props = withDefaults(defineProps<Props>(), {
+  content: '',
+  width: '',
+  tooltipContent: '',
+})
+// 使用isShow来控制tooltip是否显示
+let isShow = ref<boolean>(true)
+// 在span标签上定义一个ref
+const contentRef = ref()
+const isShowTooltip = function (): void {
+  // 计算span标签的offsetWidth与盒子元素的offsetWidth，给isShow赋值
+  if (contentRef.value.parentNode.offsetWidth > contentRef.value.offsetWidth) {
+    isShow.value = true
+  } else {
+    isShow.value = false
+  }
+}
+</script>
+<style scoped lang="scss">
+.content {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+</style>

package/src/interface/ISysUploadFiles.ts

@@ -0,0 +1,16 @@
+/**
+ * Create by丁盼
+ * 说明: ISysUploadFiles
+ * 创建时间: 2024/12/2 下午3:29
+ * 修改时间: 2024/12/2 下午3:29
+ */
+export interface ISysUploadFiles {
+  id: string
+  name: string
+  type: string
+  size: number
+  md5: string
+  path: string
+  business: string
+  businessId?: string
+}

package/src/interface/ResponseData.ts

@@ -0,0 +1,16 @@
+/**
+ * Create by丁盼
+ * 说明: ResponseData
+ * 创建时间: 2025/1/14 16:59
+ * 修改时间: 2025/1/14 16:59
+ */
+export interface ResponseData<T = any> {
+  code: string
+  msg: string
+  data: T
+}
+export interface ResponseError {
+  code: string
+  msg: string
+  url: string
+}

package/src/utils/AxiosConfig.ts

@@ -0,0 +1,216 @@
+/**
+ * Create by丁盼
+ * 说明: AxiosConfig
+ * 创建时间: 2025/1/14 16:58
+ * 修改时间: 2025/1/14 16:58
+ */
+import axios, { type AxiosResponse } from 'axios'
+import type { ResponseData } from '../interface/ResponseData'
+import { v4 as uuidv4 } from 'uuid'
+import encrypt from './encrypt'
+// @ts-ignore
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+import { Md5 } from 'ts-md5'
+import { ElMessage } from 'element-plus'
+import { useEventBus } from '@vueuse/core'
+/** 是否正在刷新的标志 */
+let isRefreshing = false
+const loginAgainBus = useEventBus<string>('loginAgainBus')
+/** 存储请求的数组 */
+let requests: any[] = []
+const request = axios.create({
+  timeout: 60000,
+  validateStatus(status) {
+    return status >= 200 && status < 500
+  },
+})
+function setHeaders(config: any) {
+  //数据防止篡改
+  const Authorization = sessionStorage.getItem('Authorization')
+  const signa = 'F2E49299-D0D2-4AA1-87A3-270272EA3D6A'
+  let dataJson: string = ''
+  if (config.method === 'get') {
+    if (config.params) {
+      if (typeof config.params === 'string') {
+        dataJson = JSON.stringify(JSON.parse(config.params))
+      } else {
+        dataJson = JSON.stringify(config.params)
+      }
+    }
+    dataJson += config.url
+  } else {
+    if (config.data) {
+      if (typeof config.data === 'string') {
+        dataJson = JSON.stringify(JSON.parse(config.data))
+      } else {
+        dataJson = JSON.stringify(config.data)
+      }
+    }
+  }
+
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  dataJson = dataJson
+    .replaceAll('"', '')
+    .replaceAll(',', '')
+    .replaceAll(':', '')
+    .replaceAll('.', '')
+    .replaceAll('/', '')
+  dataJson = dataJson.split('').sort().join('')
+  config.headers.sessionId = sessionStorage.getItem('sessionId')
+  config.headers.Authorization = Authorization
+  config.headers.signa = Md5.hashStr(Authorization + signa + dataJson)
+  config.headers.antiShakeKey = Md5.hashStr(dataJson)
+  //防止重放 GUID+当前时间+TOKEN 加密
+  const timeDifference = sessionStorage.getItem('timeDifference')
+  const id = uuidv4()
+  const localTime = new Date().getTime()
+  const obj = { timeDifference: timeDifference, guid: id, localTime }
+  config.headers.replayToken = encrypt.encrypt(JSON.stringify(obj))
+}
+//用于前端axios 请求防抖
+const debounceTokenCancel = new Map()
+request.interceptors.request.use(
+  (config) => {
+    setHeaders(config)
+    // @ts-ignore
+    if (config.isAntiShake) {
+      // @ts-ignore
+      const antiShakeTime = config.antiShakeTime
+      //@ts-ignore
+      const antiShakeKey = `${config.method}-${config.url}-${config.antiShakeKey}`
+      const cancel = debounceTokenCancel.get(antiShakeKey)
+      if (cancel) {
+        cancel()
+      }
+      return new Promise((resolve) => {
+        const timer = setTimeout(() => {
+          clearTimeout(timer)
+          resolve(config)
+        }, antiShakeTime)
+        debounceTokenCancel.set(antiShakeKey, () => {
+          clearTimeout(timer)
+        })
+      })
+    } else {
+      return config
+    }
+  },
+  (error: any) => {
+    return Promise.resolve(error)
+  },
+)
+
+// response 拦截
+request.interceptors.response.use(
+  async (response: AxiosResponse<ResponseData>) => {
+    const { status, data, config } = response
+    if (status === 200) {
+      if (data.code === '0') {
+        return Promise.resolve(response)
+      } else if (data.code == '10508') {
+        isRefreshing = true
+      } else if (data.code == '10401') {
+        //TOKen过期
+        if (!isRefreshing) {
+          isRefreshing = true
+          const rToken = sessionStorage.getItem('refreshToken')
+          const data = await request.post('/api/system/login/refreshToken', {
+            rToken: rToken,
+          })
+          if (data.data.code === '0') {
+            sessionStorage.setItem('Authorization', data.data.data.token)
+            sessionStorage.setItem('refreshToken', data.data.data.refreshToken)
+            const r = request(config)
+            requests.forEach((cb) => {
+              cb.fn()
+            })
+            isRefreshing = false
+            requests = []
+            return r
+          } else {
+            isRefreshing = false
+            requests = []
+            ElMessage.warning({
+              showClose: true,
+              message: '用户信息已过期,请重新登录',
+              grouping: true,
+            })
+            loginAgainBus.emit('loginAgain')
+            throw {
+              code: '10508',
+              msg: '用户信息已过期,请重新登录',
+              url: config.url,
+            }
+          }
+        } else {
+          return new Promise((resolve) => {
+            requests.push({
+              fn: () => {
+                //需要重新设置signa
+                // setHeaders(config)
+                resolve(request(config))
+              },
+              url: config.url,
+            })
+          })
+        }
+      } else {
+        return Promise.resolve(response)
+      }
+    }
+    return Promise.resolve(response)
+  },
+  (error: any) => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return Promise.reject(error)
+  },
+)
+export default <T = any>(config: any) => {
+  return request(config)
+    .then((res: any) => {
+      if (res.status !== 200) {
+        throw {
+          code: res.status + '',
+          msg: res.status + res.statusText,
+          url: config.url,
+        }
+      } else {
+        const data = res.data as ResponseData<T>
+        if (data.code === '0') {
+          return data.data
+        } else if (data.code == '10508') {
+          ElMessage.warning({
+            showClose: true,
+            message: '用户信息已过期,请重新登录',
+            grouping: true,
+          })
+          loginAgainBus.emit('loginAgain')
+          throw {
+            code: data.code,
+            msg: data.msg,
+            url: config.url,
+          }
+        } else {
+          throw {
+            code: data.code,
+            msg: data.msg,
+            url: config.url,
+          }
+        }
+      }
+    })
+    .catch((error) => {
+      if (error.msg) {
+        throw error
+      } else {
+        throw {
+          code: error.response.status + '',
+          msg: error.message,
+          url: config.url,
+        }
+      }
+    })
+}

package/src/utils/encrypt.ts

@@ -0,0 +1,10 @@
+import JSEncrypt from 'jsencrypt'
+export default {
+  encrypt(data: string): string {
+    // 读取解析pem格式的秘钥, 生成秘钥实例 (RSAKey)
+    const pk = `MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAiDRlNQzjeuGxJoXmD1O5fZR/BxmEUdngGQKkFPLshR7x4AZR4gcH9PZu4phJUmZ1F/TEL6BwY0dqIVBQgjhwY4ypKOviCFD85H6dgOzaQ/Akl6QfSpP717vYPgeDC+P1+2+205qoQPyQ7+RiQYgnjyDs8TeVQ3nRaTC+XvxjyS06kIpbobMP5texJ74O96JMSZv6u6QBz+vq7lW0oWMowezWOyv9k+bHfqxUxlvw1gD7WrG3DKy8K9qba3mKJ4SQDJ5kKQ+C4Bb5PakiVB4XTJzNqbXWdQvRs0ZP8TgOJKIkTemjjyTxfa0HSp0U9iHAGBBPt25wc0s8dz4w45mOvQIDAQAB`
+    const jsEncrypt = new JSEncrypt()
+    jsEncrypt.setPublicKey(pk)
+    return jsEncrypt.encrypt(data).toString()
+  }
+}

package/src/utils/request.ts

@@ -0,0 +1,55 @@
+import request from './AxiosConfig'
+
+export default {
+  /**
+   * get 请求
+   * @param url URL地址
+   * @param data 请求数据
+   * @param isAntiShake 防抖
+   * @param antiShakeTime 防抖时间
+   * @param menuId 菜单ID,setInterval 调用接口 请传入当前菜单的菜单ID否则会重新接口权限不正确情况
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  get<T = unknown>(
+    url: string,
+    params?: any,
+    isAntiShake: boolean = false,
+    antiShakeTime: number = 500,
+    menuId?: string,
+  ): Promise<T> {
+    //@ts-ignore
+    return request<T>({
+      url: url,
+      method: 'get',
+      params: params,
+      isAntiShake: isAntiShake,
+      antiShakeTime: antiShakeTime,
+      menuId: menuId,
+    })
+  },
+  /**
+   * post 请求
+   * @param url URL地址
+   * @param data 请求数据
+   * @param isAntiShake 防抖
+   * @param antiShakeTime 防抖时间
+   * @param menuId 菜单ID,setInterval 调用接口 请传入当前菜单的菜单ID否则会重新接口权限不正确情况
+   */
+  post<T = unknown>(
+    url: string,
+    data?: any,
+    isAntiShake: boolean = false,
+    antiShakeTime: number = 500,
+    menuId?: string,
+  ): Promise<T> {
+    //@ts-ignore
+    return request<T>({
+      url: url,
+      method: 'post',
+      data: data,
+      isAntiShake: isAntiShake,
+      antiShakeTime: antiShakeTime,
+      menuId: menuId,
+    })
+  },
+}