🌀(component): 优化 table 固定列阴影样式与计算逻辑

package/component/src/component/affix/index.vue

@@ -3,6 +3,7 @@
     <slot></slot>
   </div>
 </template>
+
 <script lang="ts">
 export default {
   name: "LayAffix",

package/component/src/component/table/TableRow.vue

@@ -155,6 +155,14 @@ const renderFixedStyle = (column: any, columnIndex: number) => {
       }
       return { right: `${right}px` } as StyleValue;
     }
+  } else {
+      var isLast = true;
+      for (var i = columnIndex + 1; i < props.columns.length; i++) {
+        if (props.columns[i].fixed == undefined) {
+          isLast = false;
+        }
+      }
+      return isLast ? { "border-right": "none" } as StyleValue : {};
   }
   return {} as StyleValue;
 };

package/component/src/component/table/index.less

@@ -431,10 +431,12 @@
 
 .layui-table-has-fixed-left .layui-table-fixed-left-last {
   overflow: initial!important;
+  border-right: none!important;
 }
 
 .layui-table-has-fixed-right .layui-table-fixed-right-first {
   overflow: initial!important;
+  border-left: 1px solid transparent !important;
 }
 
 .layui-table-fixed-left-last::after {

package/component/src/component/table/index.vue

@@ -6,16 +6,7 @@ export default {
 
 <script setup lang="ts">
 import "./index.less";
-import {
+import { ref, watch, useSlots, withDefaults, onMounted, StyleValue, WritableComputedRef, computed } from "vue";
-  ref,
-  watch,
-  useSlots,
-  withDefaults,
-  onMounted,
-  StyleValue,
-  WritableComputedRef,
-  computed,
-} from "vue";
 import { v4 as uuidv4 } from "../../utils/guidUtil";
 import { Recordable } from "../../types";
 import { LayIcon } from "@layui/icons-vue";
@@ -280,10 +271,7 @@ const getFixedColumn = () => {
       hasr.value = true;
     } else {
       // @ts-ignore
-      if (
+      if (tableBody.value?.scrollLeft + tableBody.value?.offsetWidth + 2 > tableBody.value?.scrollWidth) {
-        tableBody.value?.scrollLeft + tableBody.value?.offsetWidth >
-        tableBody.value?.scrollWidth
-      ) {
         hasl.value = true;
         hasr.value = false;
       } else {
@@ -333,6 +321,14 @@ const renderFixedStyle = (column: any, columnIndex: number) => {
       }
       return { right: `${right}px` } as StyleValue;
     }
+  } else {
+      var isLast = true;
+      for (var i = columnIndex + 1; i < props.columns.length; i++) {
+        if (props.columns[i].fixed == undefined) {
+          isLast = false;
+        }
+      }
+      return isLast ? { "border-right": "none" } as StyleValue : {};
   }
   return {} as StyleValue;
 };
@@ -460,15 +456,11 @@ const renderTotalRowCell = (column: any) => {
                       v-if="tableColumnKeys.includes(column.key)"
                       class="layui-table-cell"
                       :class="[
-                        column.fixed ? `layui-table-fixed-${column.fixed}` : '',
                         renderFixedClassName(column, columnIndex),
-                        column.type == 'checkbox'
+                        column.fixed ? `layui-table-fixed-${column.fixed}` : '',
-                          ? 'layui-table-cell-checkbox'
+                        column.type == 'checkbox' ? 'layui-table-cell-checkbox' : '',
-                          : '',
                         column.type == 'radio' ? 'layui-table-cell-radio' : '',
-                        column.type == 'number'
+                        column.type == 'number' ? 'layui-table-cell-number' : '',
-                          ? 'layui-table-cell-number'
-                          : '',
                       ]"
                       :style="[
                         {