fix(dynamicTable): edit action should show when hover table cell

fix: #180
buqiyuan · Apr 15, 2024 · df1e16c · df1e16c
1 parent cbc7b13
commit df1e16c
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 56 deletions.
diff --git a/package.json b/package.json
@@ -82,8 +82,8 @@
     "@types/lodash-es": "~4.17.12",
     "@types/node": "~20.12.4",
     "@types/sortablejs": "^1.15.8",
-    "@typescript-eslint/eslint-plugin": "~7.6.0",
-    "@typescript-eslint/parser": "~7.6.0",
+    "@typescript-eslint/eslint-plugin": "~7.7.0",
+    "@typescript-eslint/parser": "~7.7.0",
     "@umijs/openapi": "^1.11.1",
     "@vitejs/plugin-vue": "~5.0.4",
     "@vitejs/plugin-vue-jsx": "~3.1.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/core/dynamic-table/src/components/editable-cell/index.vue b/src/components/core/dynamic-table/src/components/editable-cell/index.vue
@@ -127,16 +127,18 @@
   }
 </script>
 
+<style lang="less">
+  .ant-table-cell:hover {
+    .editable-cell .anticon-edit {
+      display: block;
+    }
+  }
+</style>
+
 <style lang="less" scoped>
   .editable-cell {
     position: relative;
 
-    &:hover {
-      .anticon-edit {
-        display: block;
-      }
-    }
-
     .anticon-edit {
       display: none;
       position: absolute;