adtec-core-package 0.4.0 → 0.4.2

package/src/components/Table/ElTableColumnEdit.vue

@@ -1,218 +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>
+<!--创建人 丁盼-->
+<!--说明: 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/Title/ElTitle.vue

@@ -1,49 +1,49 @@
-<!--创建人 丁盼-->
-<!--说明: ElTitle-->
-<!--创建时间: 2024/10/26 下午7:08-->
-<!--修改时间: 2024/10/26 下午7:08-->
-<template>
-  <el-flex align="center" height="44px" style="background: #ffffff">
-    <el-flex align="center">
-      <template v-if="level + '' === '0'">
-        <el-icons
-          model-value="adtec-titletag"
-          style="color: var(--el-color-primary); font-size: 16px"
-        ></el-icons>
-        <el-text style="font-size: 16px; line-height: 16px">{{ title }}</el-text>
-      </template>
-      <template v-if="level + '' === '1'">
-        <el-icons
-          model-value="adtec-contenttitle"
-          style="color: var(--el-color-primary); font-size: 16px"
-        ></el-icons>
-        <el-text style="font-size: 16px; line-height: 16px">{{ title }}</el-text>
-      </template>
-      <template v-if="level + '' === '2'">
-        <el-text style="font-size: 16px; line-height: 16px">{{ title }}</el-text>
-      </template>
-    </el-flex>
-    <slot></slot>
-  </el-flex>
-</template>
-<script setup lang="ts">
-import ElIcons from '../icon/ElIcons.vue'
-import ElFlex from '../ElFlex/ElFlex.vue'
-
-defineProps({
-  /**
-   * @type string
-   * @default ''
-   * @description 提示文字
-   */
-  title: {
-    type: String,
-    default: '标题',
-  },
-  level: {
-    type: String,
-    default: '0',
-  },
-})
-</script>
-<style scoped lang="scss"></style>
+<!--创建人 丁盼-->
+<!--说明: ElTitle-->
+<!--创建时间: 2024/10/26 下午7:08-->
+<!--修改时间: 2024/10/26 下午7:08-->
+<template>
+  <el-flex align="center" height="44px" style="background: #ffffff">
+    <el-flex align="center">
+      <template v-if="level + '' === '0'">
+        <el-icons
+          model-value="adtec-titletag"
+          style="color: var(--el-color-primary); font-size: 16px"
+        ></el-icons>
+        <el-text style="font-size: 16px; line-height: 16px">{{ title }}</el-text>
+      </template>
+      <template v-if="level + '' === '1'">
+        <el-icons
+          model-value="adtec-contenttitle"
+          style="color: var(--el-color-primary); font-size: 16px"
+        ></el-icons>
+        <el-text style="font-size: 16px; line-height: 16px">{{ title }}</el-text>
+      </template>
+      <template v-if="level + '' === '2'">
+        <el-text style="font-size: 16px; line-height: 16px">{{ title }}</el-text>
+      </template>
+    </el-flex>
+    <slot></slot>
+  </el-flex>
+</template>
+<script setup lang="ts">
+import ElIcons from '../icon/ElIcons.vue'
+import ElFlex from '../ElFlex/ElFlex.vue'
+
+defineProps({
+  /**
+   * @type string
+   * @default ''
+   * @description 提示文字
+   */
+  title: {
+    type: String,
+    default: '标题',
+  },
+  level: {
+    type: String,
+    default: '0',
+  },
+})
+</script>
+<style scoped lang="scss"></style>

package/src/components/autoToolTip/ElAutoToolTip.vue

@@ -1,61 +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>
+<!--创建人 胡啸东-->
+<!--说明: 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>