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

package/package.json

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

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

@@ -75,16 +75,15 @@ export function useColumnHeaderOperation({ props, tableDomRef, sortFilterPopover
 
   const isColumnHeadActive = (column: IColumnConfig) => {
     return (
-      column.filters && (Array.isArray(column.filters)
-        ? (filteredValue.value[column.prop] as any[]).length
+      !!(column.filters && (Array.isArray(column.filters)
+        ? ((filteredValue.value[column.prop] as any[]).length)
         : column.filters.type === 'radio'
           ? filteredValue.value[column.prop]
-          : (filteredValue.value[column.prop] as any[]).length)
-      ) ||
-      (
-        column.search
-        ? Array.isArray(column.search) && column.search?.some(v => searchValue.value[v.prop])
-        : searchValue.value[column.prop]
+          : (filteredValue.value[column.prop] as any[]).length))
+      ) || (
+        !!(column.search
+          ? Array.isArray(column.search) && column.search?.some(v => searchValue.value[v.prop])
+          : searchValue.value[column.prop])
       ) ||
       sortingColumn.value?.prop === column.prop ||
       summaryList.value.includes(column.prop);

package/src/components/EditableTable/index.less

@@ -327,7 +327,7 @@
     padding-left: 20px;
   }
 
-  &__content-right-input {
+  &__content-right-input.el-input {
     width: 140px;
     margin: 0 4px;
 
@@ -463,7 +463,7 @@
     }
   }
 
-  &__sort-btn {
+  &__sort-btn.el-button {
     width: 112px;
     height: 28px;
     padding: 4px 42px;
@@ -513,18 +513,20 @@
 
   &__reset-btn,
   &__confirm-btn {
-    width: 50px;
-    height: 28px;
-    margin-left: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 2px;
-    font-size: 14px;
-    font-weight: 400;
+    &.el-button {
+      width: 50px;
+      height: 28px;
+      margin-left: 10px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 2px;
+      font-size: 14px;
+      font-weight: 400;
+    }
   }
 
-  &__confirm-btn {
+  &__confirm-btn.el-button {
     background-color: @--theme-blue--;
     border-color: @--theme-blue--;
   }
@@ -612,7 +614,7 @@
   align-items: center;
   margin-top: 12px;
 
-  & .el-pagination {
+  & .el-pagination.is-background  {
     padding: 0;
 
     .el-pager li.number {