From 6ee1d714f04f7454e2281a81ef7f204fd2072afa Mon Sep 17 00:00:00 2001
From: eiinu <eiinu@qq.com>
Date: Thu, 9 Nov 2023 20:22:29 +0800
Subject: [PATCH] chore: ellipse

---
 src/packages/__VUE/ellipsis/index.taro.vue | 13 ++-----------
 src/packages/__VUE/ellipsis/index.vue      | 15 ++++-----------
 2 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/src/packages/__VUE/ellipsis/index.taro.vue b/src/packages/__VUE/ellipsis/index.taro.vue
index 05e174ad0f..fb469dabc0 100644
--- a/src/packages/__VUE/ellipsis/index.taro.vue
+++ b/src/packages/__VUE/ellipsis/index.taro.vue
@@ -1,6 +1,6 @@
 <template>
   <view>
-    <view :id="'root' + refRandomId" ref="root" :class="classes" @click="handleClick">
+    <view :id="'root' + refRandomId" ref="root" class="nut-ellipsis ell" @click="handleClick">
       <view v-if="!exceeded" class="nut-ellipsis__wordbreak">{{ content }}</view>
 
       <view v-if="exceeded && !expanded" class="nut-ellipsis__wordbreak">
@@ -32,7 +32,7 @@ import { ref, reactive, toRefs, computed, onMounted, PropType, unref } from 'vue
 import { createComponent } from '@/packages/utils/create';
 import { useTaroRect } from '@/packages/utils/useTaroRect';
 import Taro from '@tarojs/taro';
-const { componentName, create } = createComponent('ellipsis');
+const { create } = createComponent('ellipsis');
 export type Direction = 'start' | 'end' | 'middle';
 
 type EllipsisedValue = {
@@ -96,14 +96,6 @@ export default create({
     const letterUpperReg = /^[A-Z]+$/; //字母
     const letterLowerReg = /^[a-z]+$/; //字母
 
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        ell: true,
-        [prefixCls]: true
-      };
-    });
-
     const symbolText = computed(() => {
       if (props.direction == 'end' || props.direction == 'middle') {
         return `${props.symbol}${props.expandText}`;
@@ -299,7 +291,6 @@ export default create({
       rootContain,
       symbolContain,
       ellipsis,
-      classes,
       contantCopy,
       symbolText,
       clickHandle,
diff --git a/src/packages/__VUE/ellipsis/index.vue b/src/packages/__VUE/ellipsis/index.vue
index 7991ab88fd..d389766764 100644
--- a/src/packages/__VUE/ellipsis/index.vue
+++ b/src/packages/__VUE/ellipsis/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view ref="root" :class="classes" @click="handleClick">
+  <view ref="root" class="nut-ellipsis" @click="handleClick">
     <view v-if="!exceeded">{{ content }}</view>
     <view v-if="exceeded && !expanded"
       >{{ ellipsis && ellipsis.leading
@@ -13,9 +13,9 @@
   </view>
 </template>
 <script lang="ts">
-import { ref, reactive, toRefs, computed, onMounted, PropType, watch } from 'vue';
+import { ref, reactive, toRefs, onMounted, PropType, watch } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('ellipsis');
+const { create } = createComponent('ellipsis');
 export type Direction = 'start' | 'end' | 'middle';
 
 type EllipsisedValue = {
@@ -66,13 +66,6 @@ export default create({
       expanded: false //是否折叠
     });
 
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-
     watch(
       () => props.content,
       (newV, oldVal) => {
@@ -225,7 +218,7 @@ export default create({
       emit('click');
     };
 
-    return { ...toRefs(state), root, ellipsis, classes, clickHandle, handleClick };
+    return { ...toRefs(state), root, ellipsis, clickHandle, handleClick };
   }
 });
 </script>