@lx-frontend/wrap-element-ui 1.0.12-beta.3 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lx-frontend/wrap-element-ui",
-  "version": "1.0.12-beta.3",
+  "version": "1.0.12",
   "description": "wrap-element-ui",
   "author": "",
   "main": "src/components/index.ts",

package/src/components/EditableTable/bizHooks/useColumnHeaderOperation.ts

@@ -105,7 +105,7 @@ export function useColumnHeaderOperation({ props, tableDomRef, emit, showingColu
   const closeSortAndFilterPopover = (exceptProp?: string) => {
     document.querySelectorAll('span[data-popper-name]').forEach((item: any) => {
       if (!exceptProp || exceptProp !== item.dataset.prop) {
-        item?.__vue__?.doClose();
+        item?.__vue__?.doClose?.();
       }
     });
   }

package/src/components/EditableTable/features/bizTableOperatePopover.vue

@@ -9,7 +9,7 @@
       slot="reference"
       class="editable-table-operation-popover__operation-reference btn-pointer"
     >
-      <el-button class="editable-table-operation-popover__operation-btn">
+      <el-button :class="['editable-table-operation-popover__operation-btn', hoveringCellInfo.rowIndex === scope.$index && 'editable-table-operation-popover__operation-btn--active']">
         操作
       </el-button>
     </div>
@@ -46,10 +46,10 @@ import { IDefaultOperationType } from '../types';
 
 defineProps<{
   defaultOperations: IDefaultOperationType[]
-  // hoveringCellInfo: {
-  //   rowIndex: number
-  //   columnProperty: string
-  // }
+  hoveringCellInfo: {
+    rowIndex: number
+    columnProperty: string
+  }
   scope: any
 }>()
 

package/src/components/EditableTable/index.less

@@ -412,13 +412,12 @@
 
       .el-radio__label {
         white-space: nowrap;
-        overflow-x: hidden;
+        overflow: hidden;
         text-overflow: ellipsis;
         width: calc(100% - 20px);
         display: inline-block;
         vertical-align: middle;
         font-size: 12px;
-        line-height: normal;
       }
     }
 
@@ -509,13 +508,12 @@
 
       .el-checkbox__label {
         white-space: nowrap;
-        overflow-x: hidden;
+        overflow: hidden;
         text-overflow: ellipsis;
         width: calc(100% - 20px);
         display: inline-block;
         vertical-align: middle;
         font-size: 12px;
-        line-height: normal;
       }
     }
 
@@ -719,7 +717,9 @@
     }
 
     &__operation-btn {
-      color: @--theme-blue-- !important;
+      &--active {
+        color: @--theme-blue-- !important;
+      }
     }
   }
 

package/src/components/EditableTable/index.vue

@@ -205,6 +205,7 @@
             v-if="editingRowIndex !== scope.$index"
             ref="operationPopoverRef"
             :default-operations="defaultOperations"
+            :hovering-cell-info="hoveringCellInfo"
             :scope="scope"
             @edit="() => handleEdit(scope)"
             @delete="() => handleDelete(scope.row, scope.$index)"