@rainbow-oh/yee-c 0.7.0 → 0.8.0

package/dist/esm/Table/table.js

@@ -6,6 +6,12 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import clsx from 'clsx';
@@ -138,6 +144,30 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
 
   // Track previous values to determine what action triggered onChange
   var prevSortersRef = useRef({});
+  var contentWrapperRef = useRef(null);
+  var contentRef = useRef(null);
+  var _React$useState = React.useState({
+      left: false,
+      right: false
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    horizontalScroll = _React$useState2[0],
+    setHorizontalScroll = _React$useState2[1];
+  var updateHorizontalScroll = React.useCallback(function () {
+    var wrapper = contentWrapperRef.current;
+    var content = contentRef.current;
+    if (!wrapper || !content) return;
+    var scrollContainer = content.scrollWidth - content.clientWidth > 1 ? content : wrapper;
+    var maxScrollLeft = scrollContainer.scrollWidth - scrollContainer.clientWidth;
+    var hasHorizontalScroll = maxScrollLeft > 1;
+    var next = {
+      left: hasHorizontalScroll && scrollContainer.scrollLeft > 1,
+      right: hasHorizontalScroll && scrollContainer.scrollLeft < maxScrollLeft - 1
+    };
+    setHorizontalScroll(function (current) {
+      return current.left === next.left && current.right === next.right ? current : next;
+    });
+  }, []);
 
   // Wrap onFilter to trigger onChange
   var onFilter = React.useCallback(function () {
@@ -179,6 +209,24 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       return;
     }
   }, [sorters, current, pageSize, pageData, sortedData, onChange]);
+  useEffect(function () {
+    updateHorizontalScroll();
+    var wrapper = contentWrapperRef.current;
+    var content = contentRef.current;
+    if (!wrapper || !content) return undefined;
+    if (typeof ResizeObserver === 'undefined') {
+      window.addEventListener('resize', updateHorizontalScroll);
+      return function () {
+        return window.removeEventListener('resize', updateHorizontalScroll);
+      };
+    }
+    var resizeObserver = new ResizeObserver(updateHorizontalScroll);
+    resizeObserver.observe(wrapper);
+    resizeObserver.observe(content);
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, [updateHorizontalScroll, wrapedColumns, pageData, scroll === null || scroll === void 0 ? void 0 : scroll.x]);
   var renderHeader = function renderHeader() {
     return /*#__PURE__*/React.createElement(Header, {
       prefixCls: prefixCls,
@@ -244,13 +292,17 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       columns: wrapedColumns
     }), renderTHeader(), renderTBody(), renderTFooter()));
     return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content-wrapper")
+      ref: contentWrapperRef,
+      className: clsx("".concat(prefixCls, "-content-wrapper"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-content-wrapper-scroll-left"), horizontalScroll.left), "".concat(prefixCls, "-content-wrapper-scroll-right"), horizontalScroll.right)),
+      onScroll: updateHorizontalScroll
     }, /*#__PURE__*/React.createElement("div", {
+      ref: contentRef,
       className: clsx("".concat(prefixCls, "-content"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(size, "-size"), size), "".concat(prefixCls, "-fixed-header"), scroll === null || scroll === void 0 ? void 0 : scroll.y)),
       style: {
         height: scroll === null || scroll === void 0 ? void 0 : scroll.y,
         width: scroll === null || scroll === void 0 ? void 0 : scroll.x
-      }
+      },
+      onScroll: updateHorizontalScroll
     }, table));
   };
   var renderFooter = function renderFooter() {

package/dist/esm/Table/tbody/cell.js

@@ -42,7 +42,7 @@ var TableCell = function TableCell(props) {
   var _children = renderChildren();
   var getTdProps = function getTdProps() {
     var title = render ? undefined : record[dataIndex || ''];
-    var cls = clsx("".concat(prefixCls, "-cell"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-cell-fixed-").concat(fixed), fixed), "".concat(prefixCls, "-cell-fixed-").concat(fixed, "-first"), isFixedRightFirst), "".concat(prefixCls, "-fixed-").concat(fixed, "-last"), isFixedLeftLast), className);
+    var cls = clsx("".concat(prefixCls, "-cell"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-cell-fixed-").concat(fixed), fixed), "".concat(prefixCls, "-cell-fixed-").concat(fixed, "-first"), isFixedRightFirst), "".concat(prefixCls, "-cell-fixed-").concat(fixed, "-last"), isFixedLeftLast), className);
     var styles = _objectSpread(_objectSpread({}, style), {}, {
       width: width,
       maxWidth: width,

package/dist/esm/Table/util/header.d.ts

@@ -11,10 +11,12 @@ export declare function flattenLeafColumns(columns: WrapedColumnProps[], parentF
  *
  * - Pass 1 (DFS): place each column into the row matching its depth; a group's
  *   colSpan equals the sum of its children's colSpans.
+ * - Fixed metadata from the resolved leaf columns is reused by leaf cells and
+ *   aggregated for group cells whose descendants share the same fixed side.
  * - Pass 2: leaf cells (no sub-columns) get rowSpan = rowCount - rowIndex so
  *   they stretch down to the last header row; group cells keep rowSpan = 1.
  */
-export declare function parseHeaderRows(rootColumns: WrapedColumnProps[]): HeaderCell[][];
+export declare function parseHeaderRows(rootColumns: WrapedColumnProps[], resolvedLeafColumns?: WrapedColumnProps[]): HeaderCell[][];
 /**
  * Inject selection / expand columns into the top level of the column tree.
  * `index` is a 1-based position among the top-level columns.

package/dist/esm/Table/util/header.js

@@ -34,24 +34,52 @@ export function flattenLeafColumns(columns, parentFixed) {
  *
  * - Pass 1 (DFS): place each column into the row matching its depth; a group's
  *   colSpan equals the sum of its children's colSpans.
+ * - Fixed metadata from the resolved leaf columns is reused by leaf cells and
+ *   aggregated for group cells whose descendants share the same fixed side.
  * - Pass 2: leaf cells (no sub-columns) get rowSpan = rowCount - rowIndex so
  *   they stretch down to the last header row; group cells keep rowSpan = 1.
  */
 export function parseHeaderRows(rootColumns) {
+  var resolvedLeafColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : flattenLeafColumns(rootColumns);
   var rows = [];
+  var leafIndex = 0;
   var fillRowCells = function fillRowCells(columns, rowIndex) {
     rows[rowIndex] = rows[rowIndex] || [];
     var colSpanTotal = 0;
-    columns.filter(Boolean).forEach(function (column) {
+    columns.filter(Boolean).forEach(function (sourceColumn) {
+      var column = sourceColumn;
+      var subColumns = sourceColumn.children;
+      var leafStartIndex = leafIndex;
       var cell = {
         column: column,
         colSpan: 1,
         rowSpan: 1
       };
-      var subColumns = column.children;
       if (subColumns && subColumns.length > 0) {
+        var _groupLeaves$;
         cell.colSpan = fillRowCells(subColumns, rowIndex + 1);
         cell.hasSubColumns = true;
+        var groupLeaves = resolvedLeafColumns.slice(leafStartIndex, leafIndex);
+        var fixed = (_groupLeaves$ = groupLeaves[0]) === null || _groupLeaves$ === void 0 ? void 0 : _groupLeaves$.fixed;
+        var isFixedGroup = (fixed === 'left' || fixed === 'right') && groupLeaves.every(function (leaf) {
+          return leaf.fixed === fixed;
+        });
+        if (isFixedGroup) {
+          var _offsetLeaf$style;
+          var offsetLeaf = fixed === 'left' ? groupLeaves[0] : groupLeaves[groupLeaves.length - 1];
+          var boundaryLeaf = fixed === 'left' ? groupLeaves[groupLeaves.length - 1] : groupLeaves[0];
+          column = _objectSpread(_objectSpread({}, sourceColumn), {}, {
+            fixed: fixed,
+            style: _objectSpread(_objectSpread({}, sourceColumn.style), {}, _defineProperty({}, fixed, (_offsetLeaf$style = offsetLeaf.style) === null || _offsetLeaf$style === void 0 ? void 0 : _offsetLeaf$style[fixed])),
+            isFixedLeftLast: fixed === 'left' && boundaryLeaf.isFixedLeftLast,
+            isFixedRightFirst: fixed === 'right' && boundaryLeaf.isFixedRightFirst
+          });
+          cell.column = column;
+        }
+      } else {
+        column = resolvedLeafColumns[leafIndex] || sourceColumn;
+        cell.column = column;
+        leafIndex += 1;
       }
       rows[rowIndex].push(cell);
       colSpanTotal += cell.colSpan;

package/dist/esm/style/color.css

@@ -848,6 +848,7 @@
   --yee-table-thead-stripe-borderbottom-color: var(
     --yee-table-thead-borderbottom-color
   );
+  --yee-table-row-bg-color: var(--yee-color-bg-container);
   --yee-table-odd-row-bg-color: var(--yee-color-bg-container);
   --yee-table-even-row-bg-color: var(--yee-color-bg-head);
   --yee-table-elevated-thead-stripe-borderbottom-color: var(
@@ -870,6 +871,7 @@
   --yee-table-head-filter-active-color: var(--yee-primary-color);
   --yee-table-fixed-left-after-bs-color: var(--yee-box-shadow-color);
   --yee-table-fixed-right-after-bs-color: var(--yee-box-shadow-color);
+  --yee-table-fixed-column-bg-color: inherit;
   --yee-table-filter-list-bg-color: var(--yee-color-bg-elevated);
   --yee-table-tbody-tr-expanded-bg-color: var(--yee-color-bg-container);
   --yee-table-elevated-tbody-tr-expanded-bg-color: var(

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-21T08:16:43.112Z
+ * Generated on 2026-07-22T03:22:12.652Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-21T08:16:43.112Z
+ * Generated on 2026-07-22T03:22:12.652Z
  */
 
 /* ========== color.css ========== */
@@ -855,6 +855,7 @@
   --yee-table-thead-stripe-borderbottom-color: var(
     --yee-table-thead-borderbottom-color
   );
+  --yee-table-row-bg-color: var(--yee-color-bg-container);
   --yee-table-odd-row-bg-color: var(--yee-color-bg-container);
   --yee-table-even-row-bg-color: var(--yee-color-bg-head);
   --yee-table-elevated-thead-stripe-borderbottom-color: var(
@@ -877,6 +878,7 @@
   --yee-table-head-filter-active-color: var(--yee-primary-color);
   --yee-table-fixed-left-after-bs-color: var(--yee-box-shadow-color);
   --yee-table-fixed-right-after-bs-color: var(--yee-box-shadow-color);
+  --yee-table-fixed-column-bg-color: inherit;
   --yee-table-filter-list-bg-color: var(--yee-color-bg-elevated);
   --yee-table-tbody-tr-expanded-bg-color: var(--yee-color-bg-container);
   --yee-table-elevated-tbody-tr-expanded-bg-color: var(

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.7.0";
+export declare const version = "0.8.0";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.7.0";
+export var version = "0.8.0";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }