adtec-core-package 0.4.0 → 0.4.2

package/src/css/elementUI/var.scss

@@ -1,87 +1,87 @@
-// CSS3 var
-@use 'common/var' as *;
-@use 'mixins/var' as *;
-@use 'mixins/mixins' as *;
-
-// for better performance do not dynamically change the root variable if you really
-// do not need that, since this could introduce recalculation overhead for rendering.
-// https://lisilinhart.info/posts/css-variables-performance/
-
-// common
-:root {
-  @include set-css-var-value('color-white', $color-white);
-  @include set-css-var-value('color-black', $color-black);
-
-  // get rgb
-  @each $type in (primary, success, warning, danger, error, info) {
-    @include set-css-color-rgb($type);
-  }
-
-  // Typography
-  @include set-component-css-var('font-size', $font-size);
-  @include set-component-css-var('font-family', $font-family);
-
-  @include set-css-var-value('font-weight-primary', 500);
-  @include set-css-var-value('font-line-height-primary', 24px);
-
-  // z-index --el-index-#{$type}
-  @include set-component-css-var('index', $z-index);
-
-  // --el-border-radius-#{$type}
-  @include set-component-css-var('border-radius', $border-radius);
-
-  // Transition
-  // refer to this website to get the bezier motion function detail
-  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
-  @include set-component-css-var('transition-duration', $transition-duration);
-
-  @include set-component-css-var('transition-function', $transition-function);
-  @include set-component-css-var('transition', $transition);
-
-  // common component size
-  @include set-component-css-var('component-size', $common-component-size);
-}
-
-// for light
-:root {
-  color-scheme: light;
-
-  // --el-color-#{$type}
-  // --el-color-#{$type}-light-{$i}
-  @each $type in (primary, success, warning, danger, error, info) {
-    @include set-css-color-type($colors, $type);
-  }
-
-  // color-scheme
-  // Background --el-bg-color-#{$type}
-  @include set-component-css-var('bg-color', $bg-color);
-  // --el-text-color-#{$type}
-  @include set-component-css-var('text-color', $text-color);
-  // --el-border-color-#{$type}
-  @include set-component-css-var('border-color', $border-color);
-  // Fill --el-fill-color-#{$type}
-  @include set-component-css-var('fill-color', $fill-color);
-
-  // Box-shadow
-  // --el-box-shadow-#{$type}
-  @include set-component-css-var('box-shadow', $box-shadow);
-  // Disable base
-  @include set-component-css-var('disabled', $disabled);
-
-  // overlay & mask
-  @include set-component-css-var('overlay-color', $overlay-color);
-  @include set-component-css-var('mask-color', $mask-color);
-
-  // Border
-  @include set-css-var-value('border-width', $border-width);
-  @include set-css-var-value('border-style', $border-style);
-  @include set-css-var-value('border-color-hover', $border-color-hover);
-  @include set-css-var-value(
-    'border',
-    getCssVar('border-width') getCssVar('border-style')
-      getCssVar('border-color')
-  );
-
-  // Svg
-  @include css-var-from-global('svg-monochrome-grey', 'border-color');
-}
+// CSS3 var
+@use 'common/var' as *;
+@use 'mixins/var' as *;
+@use 'mixins/mixins' as *;
+
+// for better performance do not dynamically change the root variable if you really
+// do not need that, since this could introduce recalculation overhead for rendering.
+// https://lisilinhart.info/posts/css-variables-performance/
+
+// common
+:root {
+  @include set-css-var-value('color-white', $color-white);
+  @include set-css-var-value('color-black', $color-black);
+
+  // get rgb
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-rgb($type);
+  }
+
+  // Typography
+  @include set-component-css-var('font-size', $font-size);
+  @include set-component-css-var('font-family', $font-family);
+
+  @include set-css-var-value('font-weight-primary', 500);
+  @include set-css-var-value('font-line-height-primary', 24px);
+
+  // z-index --el-index-#{$type}
+  @include set-component-css-var('index', $z-index);
+
+  // --el-border-radius-#{$type}
+  @include set-component-css-var('border-radius', $border-radius);
+
+  // Transition
+  // refer to this website to get the bezier motion function detail
+  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
+  @include set-component-css-var('transition-duration', $transition-duration);
+
+  @include set-component-css-var('transition-function', $transition-function);
+  @include set-component-css-var('transition', $transition);
+
+  // common component size
+  @include set-component-css-var('component-size', $common-component-size);
+}
+
+// for light
+:root {
+  color-scheme: light;
+
+  // --el-color-#{$type}
+  // --el-color-#{$type}-light-{$i}
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-type($colors, $type);
+  }
+
+  // color-scheme
+  // Background --el-bg-color-#{$type}
+  @include set-component-css-var('bg-color', $bg-color);
+  // --el-text-color-#{$type}
+  @include set-component-css-var('text-color', $text-color);
+  // --el-border-color-#{$type}
+  @include set-component-css-var('border-color', $border-color);
+  // Fill --el-fill-color-#{$type}
+  @include set-component-css-var('fill-color', $fill-color);
+
+  // Box-shadow
+  // --el-box-shadow-#{$type}
+  @include set-component-css-var('box-shadow', $box-shadow);
+  // Disable base
+  @include set-component-css-var('disabled', $disabled);
+
+  // overlay & mask
+  @include set-component-css-var('overlay-color', $overlay-color);
+  @include set-component-css-var('mask-color', $mask-color);
+
+  // Border
+  @include set-css-var-value('border-width', $border-width);
+  @include set-css-var-value('border-style', $border-style);
+  @include set-css-var-value('border-color-hover', $border-color-hover);
+  @include set-css-var-value(
+    'border',
+    getCssVar('border-width') getCssVar('border-style')
+      getCssVar('border-color')
+  );
+
+  // Svg
+  @include css-var-from-global('svg-monochrome-grey', 'border-color');
+}

package/src/css/elementUI/virtual-list.scss

@@ -1,40 +1,40 @@
-@use 'mixins/mixins' as *;
-@use 'common/var' as *;
-
-@mixin showScrollbar {
-  @include b(virtual-scrollbar) {
-    opacity: 1;
-  }
-}
-
-@include b(vl) {
-  @include e(wrapper) {
-    position: relative;
-    &:hover {
-      @include showScrollbar();
-    }
-    &.always-on {
-      @include showScrollbar();
-    }
-  }
-}
-
-.#{$namespace}-vl__window {
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-@include b(virtual-scrollbar) {
-  opacity: 0;
-  transition: opacity 340ms ease-out;
-  &.always-on {
-    opacity: 1;
-  }
-}
-
-@include b(vg) {
-  @include e(wrapper) {
-    position: relative;
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'common/var' as *;
+
+@mixin showScrollbar {
+  @include b(virtual-scrollbar) {
+    opacity: 1;
+  }
+}
+
+@include b(vl) {
+  @include e(wrapper) {
+    position: relative;
+    &:hover {
+      @include showScrollbar();
+    }
+    &.always-on {
+      @include showScrollbar();
+    }
+  }
+}
+
+.#{$namespace}-vl__window {
+  scrollbar-width: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+@include b(virtual-scrollbar) {
+  opacity: 0;
+  transition: opacity 340ms ease-out;
+  &.always-on {
+    opacity: 1;
+  }
+}
+
+@include b(vg) {
+  @include e(wrapper) {
+    position: relative;
+  }
+}

package/src/directives/vKeydown.ts

@@ -1,93 +1,93 @@
-/**
- * Create by丁盼
- * 说明: v-keydown
- * 创建时间: 2024/12/12 15:51
- * 修改时间: 2024/12/12 15:51
- */
-import { useEventBus } from '@vueuse/core'
-const vKeydown = {
-  beforeMount: (el: HTMLElement) => {
-    el.addEventListener('keydown', (e) => {
-      if (e.key === 'Tab') {
-        const el = e.target as HTMLElement
-        if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') {
-          //查找上级DIV 节点 取消编辑
-          let b = true
-          let i = 0
-          let parent: any = el
-          while (b) {
-            parent = parent.parentElement
-            if (parent.className.indexOf('el-table-column-edit') > -1) {
-              b = false
-            } else {
-              i++
-              if (i > 5) {
-                b = false
-              }
-            }
-          }
-          const bus = useEventBus<string>(parent.id)
-          bus.emit()
-          //寻找下一个编辑的单元格
-          //找到el-table__cell' 节点
-          b = true
-          i = 0
-          while (b) {
-            parent = parent.parentElement
-            if (parent.className.indexOf('el-table__cell') > -1) {
-              b = false
-            } else {
-              i++
-              if (i > 5) {
-                b = false
-              }
-            }
-          }
-          b = true
-          i = 0
-          while (b) {
-            if (parent.nextElementSibling) {
-              const input = parent.nextElementSibling.getElementsByClassName('el-table-column-edit')
-              if (input.length > 0) {
-                setTimeout(() => {
-                  input[0].click()
-                }, 10)
-                b = false
-                e.stopPropagation()
-                return false
-              } else {
-                parent = parent.nextElementSibling
-                i++
-                if (i > 5) {
-                  b = false
-                }
-              }
-            } else {
-              b = false
-            }
-          }
-          //如果当前行结束判断下一行数据
-          const tr = parent.parentNode.nextElementSibling
-          try {
-            for (let j = 0; j < tr.children.length; j++) {
-              const input = tr.children[j].getElementsByClassName('el-table-column-edit')
-              if (input.length > 0) {
-                setTimeout(() => {
-                  input[0].click()
-                  e.stopPropagation()
-                }, 10)
-                break
-              }
-            }
-          } catch {
-            /* empty */
-          }
-        }
-      }
-    })
-  },
-  unmounted: (el: HTMLElement) => {
-    el.removeEventListener('keydown', () => {})
-  },
-}
-export default vKeydown
+/**
+ * Create by丁盼
+ * 说明: v-keydown
+ * 创建时间: 2024/12/12 15:51
+ * 修改时间: 2024/12/12 15:51
+ */
+import { useEventBus } from '@vueuse/core'
+const vKeydown = {
+  beforeMount: (el: HTMLElement) => {
+    el.addEventListener('keydown', (e) => {
+      if (e.key === 'Tab') {
+        const el = e.target as HTMLElement
+        if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') {
+          //查找上级DIV 节点 取消编辑
+          let b = true
+          let i = 0
+          let parent: any = el
+          while (b) {
+            parent = parent.parentElement
+            if (parent.className.indexOf('el-table-column-edit') > -1) {
+              b = false
+            } else {
+              i++
+              if (i > 5) {
+                b = false
+              }
+            }
+          }
+          const bus = useEventBus<string>(parent.id)
+          bus.emit()
+          //寻找下一个编辑的单元格
+          //找到el-table__cell' 节点
+          b = true
+          i = 0
+          while (b) {
+            parent = parent.parentElement
+            if (parent.className.indexOf('el-table__cell') > -1) {
+              b = false
+            } else {
+              i++
+              if (i > 5) {
+                b = false
+              }
+            }
+          }
+          b = true
+          i = 0
+          while (b) {
+            if (parent.nextElementSibling) {
+              const input = parent.nextElementSibling.getElementsByClassName('el-table-column-edit')
+              if (input.length > 0) {
+                setTimeout(() => {
+                  input[0].click()
+                }, 10)
+                b = false
+                e.stopPropagation()
+                return false
+              } else {
+                parent = parent.nextElementSibling
+                i++
+                if (i > 5) {
+                  b = false
+                }
+              }
+            } else {
+              b = false
+            }
+          }
+          //如果当前行结束判断下一行数据
+          const tr = parent.parentNode.nextElementSibling
+          try {
+            for (let j = 0; j < tr.children.length; j++) {
+              const input = tr.children[j].getElementsByClassName('el-table-column-edit')
+              if (input.length > 0) {
+                setTimeout(() => {
+                  input[0].click()
+                  e.stopPropagation()
+                }, 10)
+                break
+              }
+            }
+          } catch {
+            /* empty */
+          }
+        }
+      }
+    })
+  },
+  unmounted: (el: HTMLElement) => {
+    el.removeEventListener('keydown', () => {})
+  },
+}
+export default vKeydown

package/src/hooks/useDictHooks.ts

@@ -1,76 +1,79 @@
-import { storeToRefs } from 'pinia'
-import { ElMessage } from 'element-plus'
-import SysDictCacheApi from '../api/SysDictCacheApi'
-import type { ISysDictDataCacheVo } from '../interface/ISysDictDataCacheVo'
-import { dictStore } from '../stores/dictStore'
-
-export default function useDictHooks(dictTypes?: string[]) {
-  const dictStores = dictStore()
-  const { dictMap, dictDefaultValueMap, dictDataMap } = storeToRefs(dictStores)
-  const getDict = async (dictTypes: string[]) => {
-    try {
-      if (!dictTypes || !dictTypes.length) return
-      // 判断是否存在缓存数据，如果存在则不请求接口
-      const dictKeySet = new Set(Object.keys(dictMap.value))
-      const uncachedDictTypes = dictTypes.filter((dictType) => !dictKeySet.has(dictType))
-      if (!uncachedDictTypes.length) return
-      const data = await SysDictCacheApi.batchGetSysDictDataCacheVo(uncachedDictTypes)
-      dictMap.value = { ...dictMap.value, ...data }
-      // 获取默认值
-      Object.keys(data).forEach((item: string) => {
-        findDefaultValue(data[item], item)
-        const dataMap = new Map<string, ISysDictDataCacheVo>()
-        packageDictDataMap(dataMap, data[item])
-        dictDataMap.value.set(item, dataMap)
-      })
-    } catch (error: any) {
-      ElMessage.error(error.msg || error.message)
-    }
-  }
-
-  const packageDictDataMap = async (
-    map: Map<string, ISysDictDataCacheVo>,
-    list?: ISysDictDataCacheVo[],
-  ) => {
-    if (list && list.length) {
-      list.forEach((item: ISysDictDataCacheVo) => {
-        map.set(item.value, { ...item, ...{ children: undefined } })
-        packageDictDataMap(map, item.children)
-      })
-    }
-  }
-
-  const findDefaultValue = async (list: ISysDictDataCacheVo[], type: string) => {
-    const find = getDefaultValue(list)
-    find && dictDefaultValueMap.value.set(type, find)
-  }
-
-  const getDefaultValue = (list?: ISysDictDataCacheVo[]): ISysDictDataCacheVo | undefined => {
-    if (list && list.length) {
-      const find = list.find((item: ISysDictDataCacheVo) => item.isDefault === '1')
-      if (find) return find
-      for (const iSysDictDataCacheVo of list) {
-        const res = getDefaultValue(iSysDictDataCacheVo.children)
-        if (res) return res
-      }
-    }
-  }
-
-  const getDictName = (value?: string, dictType?: string) => {
-    return dictDataMap.value.get(dictType!)?.get(value!)?.label || value
-  }
-
-  const getDictData = (value: string, dictType: string) => {
-    return dictDataMap.value.get(dictType)?.get(value)
-  }
-  if (dictTypes && dictTypes.length) {
-    getDict(dictTypes).then(() => {})
-  }
-  return {
-    dictMap,
-    dictDefaultValueMap,
-    getDict,
-    getDictName,
-    getDictData,
-  }
-}
+import { ElMessage } from 'element-plus'
+import SysDictCacheApi from '../api/SysDictCacheApi'
+import type { ISysDictDataCacheVo } from '../interface/ISysDictDataCacheVo'
+import { type dictDataMapVoType, dictStore } from '../stores/dictStore'
+import { computed, toRefs } from 'vue'
+
+export default function useDictHooks(dictTypes?: string[]) {
+  const dictStores = dictStore()
+  const getDict = async (dictTypes?: string[]) => {
+    try {
+      if (!dictTypes || !dictTypes.length) return
+      //判断是否存在缓存数据，如果存在则不请求接口
+      const dictKeySet = new Set(Object.keys(dictStores.dictMap))
+      const uncachedDictTypes = dictTypes.filter((dictType) => !dictKeySet.has(dictType))
+      if (!uncachedDictTypes.length) return
+      const data = await SysDictCacheApi.batchGetSysDictDataCacheVo(dictTypes)
+      dictStores.dictMap = { ...dictStores.dictMap, ...data }
+      // 获取默认值
+      Object.keys(data).forEach((item: string) => {
+        findDefaultValue(data[item], item)
+        const dataMap: dictDataMapVoType = {}
+        packageDictDataMap(dataMap, data[item])
+        dictStores.dictDataMap[item] = dataMap
+      })
+    } catch (error: any) {
+      ElMessage.error(error.msg || error.message)
+    }
+  }
+
+  const packageDictDataMap = async (map: dictDataMapVoType, list?: ISysDictDataCacheVo[]) => {
+    if (list && list.length) {
+      list.forEach((item: ISysDictDataCacheVo) => {
+        map[item.value] = { ...item, ...{ children: undefined } }
+        packageDictDataMap(map, item.children)
+      })
+    }
+  }
+
+  const findDefaultValue = async (list: ISysDictDataCacheVo[], type: string) => {
+    const find = getDefaultValue(list)
+    if (find) {
+      dictStores.dictDefaultValueMap[type] = find
+    }
+  }
+
+  const getDefaultValue = (list?: ISysDictDataCacheVo[]): ISysDictDataCacheVo | undefined => {
+    if (list && list.length) {
+      const find = list.find((item: ISysDictDataCacheVo) => item.isDefault === '1')
+      if (find) return find
+      for (const iSysDictDataCacheVo of list) {
+        const res = getDefaultValue(iSysDictDataCacheVo.children)
+        if (res) return res
+      }
+    }
+  }
+
+  const getDictName = (value?: string, dictType?: string) => {
+    if (dictStores.dictDataMap[dictType!]) {
+      return dictStores.dictDataMap[dictType!][value!]?.label || value
+    }
+    return value
+  }
+
+  const getDictData = (value: string, dictType: string) => {
+    return dictStores.dictDataMap[dictType!][value!]
+  }
+  if (dictTypes && dictTypes.length) {
+    getDict(dictTypes).then(() => {
+    })
+  }
+
+  return {
+    dictMap: computed(() => dictStores.dictMap),
+    dictDefaultValueMap: computed(() => dictStores.dictDefaultValueMap),
+    getDict,
+    getDictName,
+    getDictData
+  }
+}