@touchvue/ui 1.0.0-beta.59 → 1.0.0-beta.60

package/es/packages/components/button/src/button.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, createTextVNode, toDisplayString, renderSlot } from 'vue';
-import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 import { commitTouchReport } from '../../../utils/ratio.mjs';
+import { getModeClasses } from '../../../hooks/useSetClass.mjs';
 
 const __default__ = defineComponent({
   name: "ToButton"

package/es/packages/components/grid/src/grid-item.vue2.mjs

@@ -8,7 +8,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     width: { default: "" },
     flex: { type: Boolean, default: false },
-    align: { default: "center" }
+    align: { default: "" }
   },
   setup(__props) {
     const props = __props;

package/es/packages/components/grid/src/grid-item.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.vue2.mjs","sources":["../../../../../../packages/components/grid/src/grid-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToGridItem'\n});\n</script>\n<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-grid-item\" :class=\"setClass\" :style=\"setStyle\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\n\n\nexport interface Props {\n\twidth?: number | string\n\tflex?: boolean\n\talign?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\twidth: '',\n\tflex: false,\n\talign: 'center'\n})\n\nconst setClass = computed(() => {\n\tconst arr: string[] = []\n\tif (props.align) arr.push(`align-${props.align}`)\n\treturn arr\n})\n\nconst setStyle = computed(() => {\n\tconst style: Record<string, string> = {}\n\n\tif (props.width) {\n\t\tif (!isNaN(Number(props.width))) {\n\t\t\tstyle.width = `${props.width}em`\n\t\t} else if (props.width === 'full') {\n\t\t\tstyle.width = '100%'\n\t\t} else {\n\t\t\tstyle.width = props.width.toString()\n\t\t}\n\t}\n\n\treturn style\n})\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","flex","_normalizeClass","_renderSlot"],"mappings":";;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,YAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;AAmBD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAMd,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC/B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,IAAI,KAAM,CAAA,KAAA;AAAO,QAAI,GAAA,CAAA,IAAA,CAAK,CAAS,MAAA,EAAA,KAAA,CAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAChD,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC/B,MAAA,MAAM,QAAgC,EAAC,CAAA;AAEvC,MAAA,IAAI,MAAM,KAAO,EAAA;AAChB,QAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,KAAK,CAAC,CAAG,EAAA;AAChC,UAAM,KAAA,CAAA,KAAA,GAAQ,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACxB,MAAA,IAAW,KAAM,CAAA,KAAA,KAAU,MAAQ,EAAA;AAClC,UAAA,KAAA,CAAM,KAAQ,GAAA,MAAA,CAAA;AAAA,SACR,MAAA;AACN,UAAM,KAAA,CAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,QAAS,EAAA,CAAA;AAAA,SACpC;AAAA,OACD;AAEA,MAAO,OAAA,KAAA,CAAA;AAAA,KACP,CAAA,CAAA;;wBA1CA,EAAAC,kBAAA,CAEM,KAAA,EAAA;AAAA,QAFA,IAAMC,EAAAA,IAAAA,CAAI,IAAGA,GAAAA,IAAAA,CAAI,IAAA,GAAA,IAAA;AAAA,QAAS,OAAKC,cAAA,CAAA,CAAC,cAAuB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,QAAG,KAAA,gBAAO,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA;QACtFC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"grid-item.vue2.mjs","sources":["../../../../../../packages/components/grid/src/grid-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToGridItem'\n});\n</script>\n<template>\n\t<div :flex=\"flex ? flex : null\" class=\"to-grid-item\" :class=\"setClass\" :style=\"setStyle\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\n\n\nexport interface Props {\n\twidth?: number | string\n\tflex?: boolean\n\talign?: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\twidth: '',\n\tflex: false,\n\talign: ''\n})\n\nconst setClass = computed(() => {\n\tconst arr: string[] = []\n\tif (props.align) arr.push(`align-${props.align}`)\n\treturn arr\n})\n\nconst setStyle = computed(() => {\n\tconst style: Record<string, string> = {}\n\n\tif (props.width) {\n\t\tif (!isNaN(Number(props.width))) {\n\t\t\tstyle.width = `${props.width}em`\n\t\t} else if (props.width === 'full') {\n\t\t\tstyle.width = '100%'\n\t\t} else {\n\t\t\tstyle.width = props.width.toString()\n\t\t}\n\t}\n\n\treturn style\n})\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","flex","_normalizeClass","_renderSlot"],"mappings":";;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,YAAA;AACP,CAAC,CAAA,CAAA;;;;;;;;;AAmBD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAMd,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC/B,MAAA,MAAM,MAAgB,EAAC,CAAA;AACvB,MAAA,IAAI,KAAM,CAAA,KAAA;AAAO,QAAI,GAAA,CAAA,IAAA,CAAK,CAAS,MAAA,EAAA,KAAA,CAAM,KAAO,CAAA,CAAA,CAAA,CAAA;AAChD,MAAO,OAAA,GAAA,CAAA;AAAA,KACP,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC/B,MAAA,MAAM,QAAgC,EAAC,CAAA;AAEvC,MAAA,IAAI,MAAM,KAAO,EAAA;AAChB,QAAA,IAAI,CAAC,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,KAAK,CAAC,CAAG,EAAA;AAChC,UAAM,KAAA,CAAA,KAAA,GAAQ,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,SACxB,MAAA,IAAW,KAAM,CAAA,KAAA,KAAU,MAAQ,EAAA;AAClC,UAAA,KAAA,CAAM,KAAQ,GAAA,MAAA,CAAA;AAAA,SACR,MAAA;AACN,UAAM,KAAA,CAAA,KAAA,GAAQ,KAAM,CAAA,KAAA,CAAM,QAAS,EAAA,CAAA;AAAA,SACpC;AAAA,OACD;AAEA,MAAO,OAAA,KAAA,CAAA;AAAA,KACP,CAAA,CAAA;;wBA1CA,EAAAC,kBAAA,CAEM,KAAA,EAAA;AAAA,QAFA,IAAMC,EAAAA,IAAAA,CAAI,IAAGA,GAAAA,IAAAA,CAAI,IAAA,GAAA,IAAA;AAAA,QAAS,OAAKC,cAAA,CAAA,CAAC,cAAuB,EAAA,QAAA,CAAQ,KAAA,CAAA,CAAA;AAAA,QAAG,KAAA,gBAAO,CAAA,QAAA,CAAQ,KAAA,CAAA;AAAA;QACtFC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;"}

package/es/packages/components/table/src/table.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, provide, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, watch, nextTick, onMounted, provide, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, createVNode, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createCommentVNode } from 'vue';
 import TableHead from './table-head.vue.mjs';
 import TableBody from './table-body.vue.mjs';
 import { langKey, t } from '../../../locale/index.mjs';
@@ -51,7 +51,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const rightTop = ref(null);
     const rightTopTable = ref(null);
     const rightTopHead = ref(null);
-    let resizeObserver = null;
     const checkedAll = ref(false);
     const setClass = computed(() => {
       const classes = [];
@@ -141,10 +140,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function hasVScroll() {
       return bodyTable.value.offsetHeight > $el.value.offsetHeight;
     }
-    function hasHScroll() {
-      return bodyTable.value.offsetWidth > $el.value.offsetWidth;
-    }
     function setFixDiv() {
+      const fixedHeight = props.height && $el.value ? $el.value.offsetHeight - getBarWidth() + "px" : "";
       if (Number(props.fixTop) > 0 && top.value && topTable.value) {
         if (hasVScroll()) {
           top.value.style.width = body.value.offsetWidth - getBarWidth() + "px";
@@ -153,14 +150,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         bodyTable.value.style.width = bodyTable.value.offsetWidth + "px";
       }
       if (Number(props.fixLeft) > 0 && left.value && $el.value) {
-        if (hasHScroll()) {
-          left.value.style.height = $el.value.offsetHeight - getBarWidth() + "px";
-        }
+        if (fixedHeight)
+          left.value.style.height = fixedHeight;
       }
       if (Number(props.fixRight) > 0 && right.value && $el.value) {
-        if (hasHScroll()) {
-          right.value.style.height = $el.value.offsetHeight - getBarWidth() + "px";
-        }
+        if (fixedHeight)
+          right.value.style.height = fixedHeight;
         if (hasVScroll()) {
           right.value.style.right = getBarWidth() + "px";
           if (Number(props.fixTop) > 0) {
@@ -169,170 +164,76 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     }
-    function getLeafThMap(trs) {
+    function syncThWidth() {
       var _a;
-      const leafCount = leafColumns.value.length;
-      const leafThs = new Array(leafCount).fill(null);
-      const leafDepths = new Array(leafCount).fill(-1);
-      for (let rowIdx = 0; rowIdx < trs.length; rowIdx++) {
-        const cells = (_a = trs[rowIdx]) == null ? void 0 : _a.children;
-        if (!cells)
-          continue;
-        let leafIdx = 0;
-        for (let colIdx = 0; colIdx < cells.length; colIdx++) {
-          while (leafIdx < leafCount && leafDepths[leafIdx] >= rowIdx) {
-            leafIdx++;
-          }
-          const cell = cells[colIdx];
-          const colspan = parseInt(cell.getAttribute("colspan") || "1");
-          const rowspan = parseInt(cell.getAttribute("rowspan") || "1");
-          const depth = rowIdx + rowspan - 1;
-          for (let k = 0; k < colspan; k++) {
-            const idx = leafIdx + k;
-            if (idx < leafCount && depth > leafDepths[idx]) {
-              leafDepths[idx] = depth;
-              leafThs[idx] = cell;
-            }
-          }
-          leafIdx += colspan;
-        }
+      if (!leafColumns.value.length || !((_a = bodyHead.value) == null ? void 0 : _a.row))
+        return;
+      const sourceGrid = getHeaderGrid(bodyHead.value.row);
+      const leafRow = sourceGrid[sourceGrid.length - 1];
+      const rightLeafStart = leafColumns.value.length - Number(props.fixRight);
+      if (Number(props.fixTop) > 0)
+        syncHeaderSize(topHead.value, sourceGrid, leafRow, 0);
+      if (Number(props.fixLeft) > 0) {
+        syncHeaderSize(leftHead.value, sourceGrid, leafRow, 0);
+        if (Number(props.fixTop) > 0)
+          syncHeaderSize(leftTopHead.value, sourceGrid, leafRow, 0);
+      }
+      if (Number(props.fixRight) > 0) {
+        syncHeaderSize(rightHead.value, sourceGrid, leafRow, rightLeafStart);
+        if (Number(props.fixTop) > 0)
+          syncHeaderSize(rightTopHead.value, sourceGrid, leafRow, rightLeafStart);
       }
-      return leafThs;
     }
-    function syncThWidth() {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-      if (leafColumns.value.length > 0 && bodyHead.value && bodyHead.value.row) {
-        const trs = bodyHead.value.row.children;
-        const leafThMap = getLeafThMap(trs);
-        if (Number(props.fixTop) > 0 && topHead.value && topHead.value.row) {
-          const topTrs = topHead.value.row.children;
-          for (let i = 0; i < topTrs.length; i++) {
-            const ths = (_a = trs[i]) == null ? void 0 : _a.children;
-            const topThs = (_b = topTrs[i]) == null ? void 0 : _b.children;
-            if (ths && topThs) {
-              for (let j = 0; j < ths.length; j++) {
-                const th = ths[j];
-                const topTh = topThs[j];
-                if (th && topTh) {
-                  topTh.style.width = th.getBoundingClientRect().width + "px";
-                }
-              }
-            }
-          }
-        }
-        if (Number(props.fixLeft) > 0 && leftHead.value && leftHead.value.row) {
-          const leftTrs = leftHead.value.row.children;
-          for (let i = 0; i < leftTrs.length; i++) {
-            const leftThs = (_c = leftTrs[i]) == null ? void 0 : _c.children;
-            if (leftThs && leftThs.length > 0 && leafThMap) {
-              let leafIdx = 0;
-              for (let j = 0; j < leftThs.length; j++) {
-                const leftTh = leftThs[j];
-                if (leftTh) {
-                  const colspan = parseInt(leftTh.getAttribute("colspan") || "1");
-                  let totalWidth = 0;
-                  for (let k = 0; k < colspan; k++) {
-                    if (leafThMap[leafIdx + k]) {
-                      totalWidth += leafThMap[leafIdx + k].getBoundingClientRect().width;
-                    }
-                  }
-                  leftTh.style.width = totalWidth + "px";
-                  const mainThs = (_d = trs[i]) == null ? void 0 : _d.children;
-                  if (mainThs && mainThs[leafIdx]) {
-                    leftTh.style.height = mainThs[leafIdx].getBoundingClientRect().height + "px";
-                  }
-                  leafIdx += colspan;
-                }
-              }
-            }
-          }
-          if (Number(props.fixTop) > 0 && leftTopHead.value && leftTopHead.value.row) {
-            const leftTopTrs = leftTopHead.value.row.children;
-            for (let i = 0; i < leftTopTrs.length; i++) {
-              const leftTopThs = (_e = leftTopTrs[i]) == null ? void 0 : _e.children;
-              if (leftTopThs && leftTopThs.length > 0 && leafThMap) {
-                let leafIdx = 0;
-                for (let j = 0; j < leftTopThs.length; j++) {
-                  const leftTopTh = leftTopThs[j];
-                  if (leftTopTh) {
-                    const colspan = parseInt(leftTopTh.getAttribute("colspan") || "1");
-                    let totalWidth = 0;
-                    for (let k = 0; k < colspan; k++) {
-                      if (leafThMap[leafIdx + k]) {
-                        totalWidth += leafThMap[leafIdx + k].getBoundingClientRect().width;
-                      }
-                    }
-                    leftTopTh.style.width = totalWidth + "px";
-                    const mainThs = (_f = trs[i]) == null ? void 0 : _f.children;
-                    if (mainThs && mainThs[leafIdx]) {
-                      leftTopTh.style.height = mainThs[leafIdx].getBoundingClientRect().height + "px";
-                    }
-                    leafIdx += colspan;
-                  }
-                }
-              }
+    function getHeaderGrid(head) {
+      const grid = [];
+      const rows = Array.from(head.rows);
+      for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+        if (!grid[rowIndex])
+          grid[rowIndex] = [];
+        let leafIndex = 0;
+        for (const th of Array.from(rows[rowIndex].cells)) {
+          while (grid[rowIndex][leafIndex])
+            leafIndex++;
+          const colspan = th.colSpan || 1;
+          const rowspan = th.rowSpan || 1;
+          for (let rowOffset = 0; rowOffset < rowspan; rowOffset++) {
+            if (!grid[rowIndex + rowOffset])
+              grid[rowIndex + rowOffset] = [];
+            for (let columnOffset = 0; columnOffset < colspan; columnOffset++) {
+              grid[rowIndex + rowOffset][leafIndex + columnOffset] = th;
             }
           }
+          leafIndex += colspan;
         }
-        if (Number(props.fixRight) > 0 && rightHead.value && rightHead.value.row) {
-          const rightTrs = rightHead.value.row.children;
-          const rightLeafStart = leafColumns.value.length - Number(props.fixRight);
-          for (let i = 0; i < rightTrs.length; i++) {
-            const rightThs = (_g = rightTrs[i]) == null ? void 0 : _g.children;
-            if (rightThs && rightThs.length > 0 && leafThMap) {
-              let leafIdx = rightLeafStart;
-              for (let j = 0; j < rightThs.length; j++) {
-                const rightTh = rightThs[j];
-                if (rightTh) {
-                  const colspan = parseInt(rightTh.getAttribute("colspan") || "1");
-                  let totalWidth = 0;
-                  for (let k = 0; k < colspan; k++) {
-                    if (leafThMap[leafIdx + k]) {
-                      totalWidth += leafThMap[leafIdx + k].getBoundingClientRect().width;
-                    }
-                  }
-                  rightTh.style.width = totalWidth + "px";
-                  const mainThs = (_h = trs[i]) == null ? void 0 : _h.children;
-                  if (mainThs && mainThs[leafIdx]) {
-                    rightTh.style.height = mainThs[leafIdx].getBoundingClientRect().height + "px";
-                  }
-                  leafIdx += colspan;
-                }
-              }
-            }
-          }
-          if (Number(props.fixTop) > 0 && rightTopHead.value && rightTopHead.value.row) {
-            const rightTopTrs = rightTopHead.value.row.children;
-            for (let i = 0; i < rightTopTrs.length; i++) {
-              const rightTopThs = (_i = rightTopTrs[i]) == null ? void 0 : _i.children;
-              if (rightTopThs && rightTopThs.length > 0 && leafThMap) {
-                let leafIdx = rightLeafStart;
-                for (let j = 0; j < rightTopThs.length; j++) {
-                  const rightTopTh = rightTopThs[j];
-                  if (rightTopTh) {
-                    const colspan = parseInt(rightTopTh.getAttribute("colspan") || "1");
-                    let totalWidth = 0;
-                    for (let k = 0; k < colspan; k++) {
-                      if (leafThMap[leafIdx + k]) {
-                        totalWidth += leafThMap[leafIdx + k].getBoundingClientRect().width;
-                      }
-                    }
-                    rightTopTh.style.width = totalWidth + "px";
-                    const mainThs = (_j = trs[i]) == null ? void 0 : _j.children;
-                    if (mainThs && mainThs[leafIdx]) {
-                      rightTopTh.style.height = mainThs[leafIdx].getBoundingClientRect().height + "px";
-                    }
-                    leafIdx += colspan;
-                  }
-                }
-              }
-            }
+      }
+      return grid;
+    }
+    function syncHeaderSize(head, sourceGrid, leafRow, leafStart) {
+      var _a, _b;
+      if (!(head == null ? void 0 : head.row))
+        return;
+      const targetGrid = getHeaderGrid(head.row);
+      const syncedCells = /* @__PURE__ */ new Set();
+      for (let rowIndex = 0; rowIndex < targetGrid.length; rowIndex++) {
+        for (let leafIndex = 0; leafIndex < targetGrid[rowIndex].length; leafIndex++) {
+          const targetTh = targetGrid[rowIndex][leafIndex];
+          if (!targetTh || syncedCells.has(targetTh))
+            continue;
+          syncedCells.add(targetTh);
+          const sourceTh = (_a = sourceGrid[rowIndex]) == null ? void 0 : _a[leafStart + leafIndex];
+          if (!sourceTh)
+            continue;
+          let width = 0;
+          for (let offset = 0; offset < targetTh.colSpan; offset++) {
+            width += ((_b = leafRow == null ? void 0 : leafRow[leafStart + leafIndex + offset]) == null ? void 0 : _b.getBoundingClientRect().width) || 0;
           }
+          targetTh.style.width = width + "px";
+          targetTh.style.height = sourceTh.getBoundingClientRect().height + "px";
         }
       }
     }
     function syncTrHeight() {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a;
       if (!(props.fixRight || props.fixLeft))
         return;
       if ((_a = bodyBody.value) == null ? void 0 : _a.$el.children.length) {
@@ -340,53 +241,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           const tr = bodyBody.value.$el.children[i];
           if (Number(props.fixRight) > 0 && rightBody.value) {
             rightBody.value.$el.children[i].style.height = tr.getBoundingClientRect().height + "px";
-            const rightTr = rightBody.value.$el.children[i];
-            const rightTds = rightTr == null ? void 0 : rightTr.children;
-            const rightHeadTrs = (_c = (_b = rightHead.value) == null ? void 0 : _b.row) == null ? void 0 : _c.children;
-            const rightThs = (_d = rightHeadTrs == null ? void 0 : rightHeadTrs[rightHeadTrs.length - 1]) == null ? void 0 : _d.children;
-            if (rightTds && rightThs) {
-              for (let j = 0; j < rightTds.length; j++) {
-                if (rightThs[j]) {
-                  const span = rightTds[j].querySelector("span");
-                  if (span) {
-                    const thWidth = parseFloat(rightThs[j].style.width) || 0;
-                    const tdStyle = window.getComputedStyle(rightTds[j]);
-                    const tdPaddingLeft = parseFloat(tdStyle.paddingLeft) || 0;
-                    const tdPaddingRight = parseFloat(tdStyle.paddingRight) || 0;
-                    const spanMaxWidth = Math.max(0, thWidth - tdPaddingLeft - tdPaddingRight);
-                    span.style.display = "block";
-                    span.style.maxWidth = spanMaxWidth + "px";
-                    span.style.overflow = "hidden";
-                    span.style.textOverflow = "ellipsis";
-                  }
-                }
-              }
-            }
           }
           if (Number(props.fixLeft) > 0 && leftBody.value) {
             leftBody.value.$el.children[i].style.height = tr.getBoundingClientRect().height + "px";
-            const leftTr = leftBody.value.$el.children[i];
-            const leftTds = leftTr == null ? void 0 : leftTr.children;
-            const leftHeadTrs = (_f = (_e = leftHead.value) == null ? void 0 : _e.row) == null ? void 0 : _f.children;
-            const leftThs = (_g = leftHeadTrs == null ? void 0 : leftHeadTrs[leftHeadTrs.length - 1]) == null ? void 0 : _g.children;
-            if (leftTds && leftThs) {
-              for (let j = 0; j < leftTds.length; j++) {
-                if (leftThs[j]) {
-                  const span = leftTds[j].querySelector("span");
-                  if (span) {
-                    const thWidth = parseFloat(leftThs[j].style.width) || 0;
-                    const tdStyle = window.getComputedStyle(leftTds[j]);
-                    const tdPaddingLeft = parseFloat(tdStyle.paddingLeft) || 0;
-                    const tdPaddingRight = parseFloat(tdStyle.paddingRight) || 0;
-                    const spanMaxWidth = Math.max(0, thWidth - tdPaddingLeft - tdPaddingRight);
-                    span.style.display = "block";
-                    span.style.maxWidth = spanMaxWidth + "px";
-                    span.style.overflow = "hidden";
-                    span.style.textOverflow = "ellipsis";
-                  }
-                }
-              }
-            }
           }
         }
       }
@@ -408,19 +265,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     onMounted(() => {
       adjust();
-      window.addEventListener("resize", setFix);
-      if ($el.value) {
-        resizeObserver = new ResizeObserver(() => {
-          setFix();
-        });
-        resizeObserver.observe($el.value);
-      }
-    });
-    onBeforeUnmount(() => {
-      window.removeEventListener("resize", setFix);
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      }
     });
     const hasRadio = computed(() => {
       let flag = false;
@@ -487,11 +331,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return result;
     }
-    function countColumnLeaves(col) {
-      if (!col.children || col.children.length === 0)
-        return 1;
-      return col.children.reduce((sum, child) => sum + countColumnLeaves(child), 0);
-    }
     function pruneColumnTree(columns, start, count) {
       const leaves = getLeafColumns(columns);
       const targetLeaves = leaves.slice(start, start + count);
@@ -514,26 +353,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const leafColumns = computed(() => getLeafColumns(props.columns));
     const leftColumns = computed(() => {
-      const topCount = Number(props.fixLeft);
-      if (topCount <= 0)
+      if (Number(props.fixLeft) <= 0)
         return [];
-      let leafCount = 0;
-      for (let i = 0; i < topCount && i < props.columns.length; i++) {
-        leafCount += countColumnLeaves(props.columns[i]);
-      }
-      return pruneColumnTree(props.columns, 0, leafCount);
+      return pruneColumnTree(props.columns, 0, Number(props.fixLeft));
     });
     const leftLeafColumns = computed(() => getLeafColumns(leftColumns.value));
     const rightColumns = computed(() => {
-      const topCount = Number(props.fixRight);
-      if (topCount <= 0)
+      if (Number(props.fixRight) <= 0)
         return [];
-      let leafCount = 0;
-      for (let i = props.columns.length - topCount; i < props.columns.length; i++) {
-        leafCount += countColumnLeaves(props.columns[i]);
-      }
       const totalLeaves = leafColumns.value.length;
-      return pruneColumnTree(props.columns, totalLeaves - leafCount, leafCount);
+      return pruneColumnTree(props.columns, totalLeaves - Number(props.fixRight), Number(props.fixRight));
     });
     const rightLeafColumns = computed(() => getLeafColumns(rightColumns.value));
     const flattenColumns = computed(() => {