From 2cad9d7f4e3ccb6f4a072f6e18149e367908cf0f Mon Sep 17 00:00:00 2001
From: xieyonghong <18010623010@163.com>
Date: Mon, 27 Mar 2023 15:56:48 +0800
Subject: [PATCH] =?UTF-8?q?update:=20=E6=9B=BF=E6=8D=A2Ellipsis=E4=B8=BA?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=BA=93=E4=B8=AD=E7=9A=84Ellipsis=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Ellipsis/index.vue | 170 ------------------------------
 src/components/index.ts           |   4 +-
 2 files changed, 2 insertions(+), 172 deletions(-)
 delete mode 100644 src/components/Ellipsis/index.vue

diff --git a/src/components/Ellipsis/index.vue b/src/components/Ellipsis/index.vue
deleted file mode 100644
index 56f62a82..00000000
--- a/src/components/Ellipsis/index.vue
+++ /dev/null
@@ -1,170 +0,0 @@
-<template>
-  <Tooltip ref="tooltipRef" placement="top" v-bind="props.tooltip">
-    <template v-if="props.tooltip" #title>
-      <slot></slot>
-      <slot name="tooltip"></slot>
-    </template>
-    <span
-      ref="triggerRef"
-      v-bind="triggerAttrs()"
-      @click="handleClickRef"
-      @mouseenter="
-                [
-                    props.expandTrigger === 'click'
-                        ? getTooltipDisabled()
-                        : undefined,
-                ]
-            "
-    >
-            <slot></slot>
-        </span>
-  </Tooltip>
-</template>
-
-<script lang="ts" setup>
-import { Tooltip, TooltipProps } from 'ant-design-vue';
-
-import { computed, mergeProps, PropType, ref, useAttrs } from 'vue';
-
-// define class name
-const jEllipsis = 'j-ellipsis';
-const jEllipsisCursorClass = 'j-ellipsis-cursor';
-const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
-
-const props = defineProps({
-  /** expand by */
-  expandTrigger: {
-    type: String as PropType<'click'>,
-    default: undefined,
-  },
-  /** multiline ellipsis */
-  lineClamp: {
-    type: [Number, String] as PropType<string | number>,
-    default: 1,
-  },
-  /** a-tooltip props */
-  tooltip: {
-    type: [Boolean, Object] as PropType<TooltipProps | boolean>,
-    default: true,
-  },
-});
-
-const attrs = useAttrs();
-
-function triggerAttrs() {
-  return {
-    ...mergeProps(attrs, {
-      class: [
-        jEllipsis,
-        props.lineClamp !== undefined
-          ? jEllipsisLineClampClass
-          : undefined,
-        props.expandTrigger === 'click'
-          ? jEllipsisCursorClass
-          : undefined,
-      ],
-      style: ellipsisStyleRef.value,
-    }),
-  };
-}
-
-const expandedRef = ref(false);
-const tooltipRef = ref<HTMLElement | null>(null);
-const triggerRef = ref<HTMLElement | null>(null);
-
-const ellipsisStyleRef = computed(() => {
-  const { lineClamp } = props;
-  const { value: expanded } = expandedRef;
-  if (lineClamp !== undefined) {
-    return {
-      textOverflow: '',
-      '-webkit-line-clamp': expanded ? '' : lineClamp,
-    };
-  } else {
-    return {
-      textOverflow: expanded ? '' : 'ellipsis',
-      '-webkit-line-clamp': '',
-    };
-  }
-});
-
-function syncCursorStyle(trigger: HTMLElement, tooltipDisabled: boolean): void {
-  if (props.expandTrigger === 'click' && !tooltipDisabled) {
-    syncTriggerClass(trigger, jEllipsisCursorClass, 'add');
-  } else {
-    syncTriggerClass(trigger, jEllipsisCursorClass, 'remove');
-  }
-}
-
-function getTooltipDisabled(): boolean {
-  let tooltipDisabled = false;
-  const { value: expanded } = expandedRef;
-  if (expanded) return true;
-  const { value: trigger } = triggerRef;
-  if (trigger) {
-    syncEllipsisStyle(trigger);
-    tooltipDisabled = trigger.scrollHeight <= trigger.offsetHeight;
-
-    syncCursorStyle(trigger, tooltipDisabled);
-  }
-  return tooltipDisabled;
-}
-
-const handleClickRef = computed(() => {
-  return props.expandTrigger === 'click'
-    ? () => {
-      const { value: expanded } = expandedRef;
-      expandedRef.value = !expanded;
-    }
-    : undefined;
-});
-
-function syncEllipsisStyle(trigger: HTMLElement): void {
-  if (!trigger) return;
-  const latestStyle = ellipsisStyleRef.value;
-  const lineClampClass = jEllipsisLineClampClass;
-  if (props.lineClamp !== undefined) {
-    syncTriggerClass(trigger, lineClampClass, 'add');
-  } else {
-    syncTriggerClass(trigger, lineClampClass, 'remove');
-  }
-  for (const key in latestStyle) {
-    if ((trigger.style as any)[key] !== (latestStyle as any)[key]) {
-      (trigger.style as any)[key] = (latestStyle as any)[key];
-    }
-  }
-}
-
-function syncTriggerClass(
-  trigger: HTMLElement,
-  styleClass: string,
-  action: 'add' | 'remove',
-): void {
-  if (action === 'add') {
-    if (!trigger.classList.contains(styleClass)) {
-      trigger.classList.add(styleClass);
-    }
-  } else {
-    if (trigger.classList.contains(styleClass)) {
-      trigger.classList.remove(styleClass);
-    }
-  }
-}
-</script>
-<style scoped lang='less'>
-.j-ellipsis {
-  overflow: hidden;
-  vertical-align: bottom;
-}
-
-.j-ellipsis-cursor {
-  cursor: pointer;
-}
-
-.j-ellipsis-line-clamp {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  word-break: break-all;
-  white-space: normal;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
index 9af226d5..71e6d881 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -9,8 +9,8 @@ import NormalUpload from './NormalUpload/index.vue'
 import FileFormat from './FileFormat/index.vue'
 import JProUpload from './Upload/index.vue'
 import { BasicLayoutPage, BlankLayoutPage } from './Layout'
-import { PageContainer, AIcon } from 'jetlinks-ui-components'
-import Ellipsis from './Ellipsis/index.vue'
+import { PageContainer, AIcon, Ellipsis } from 'jetlinks-ui-components'
+// import Ellipsis from './Ellipsis/index.vue'
 import JEmpty from './Empty/index.vue'
 import AMapComponent from './AMapComponent/index.vue'
 import PathSimplifier from './AMapComponent/PathSimplifier.vue'