@sheinx/hooks 3.9.3-beta.14 → 3.9.3-beta.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/cjs/components/use-table/use-table-columns.d.ts.map +1 -1
  2. package/cjs/components/use-table/use-table-columns.js +15 -5
  3. package/esm/components/use-table/use-table-columns.d.ts.map +1 -1
  4. package/esm/components/use-table/use-table-columns.js +15 -5
  5. package/package.json +1 -1
package/cjs/components/use-table/use-table-columns.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-table-columns.d.ts","sourceRoot":"","sources":["use-table-columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3F,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAYD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3E,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,GAAG,IAAI,CAAC;AAKT,QAAA,MAAM,UAAU;;;;wBA6EkC,MAAM;;;;;CA+EvD,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"use-table-columns.d.ts","sourceRoot":"","sources":["use-table-columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3F,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAYD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3E,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,GAAG,IAAI,CAAC;AAKT,QAAA,MAAM,UAAU;;;;wBA6EkC,MAAM;;;;;CA+FvD,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/cjs/components/use-table/use-table-columns.js CHANGED
@@ -158,14 +158,14 @@ var useColumns = function useColumns(props) {
158
158
  });
159
159
  }, []);
160
160
  (0, _react.useEffect)(function () {
161
- var _props$scrollRef$curr2;
162
161
  if (!props.virtualColumn) return;
163
- if (((_props$scrollRef$curr2 = props.scrollRef.current) === null || _props$scrollRef$curr2 === void 0 ? void 0 : _props$scrollRef$curr2.scrollLeft) === 0) {
162
+ if (props.scrollRef.current) {
163
+ var _props$scrollRef$curr2;
164
164
  handleScroll({
165
- scrollLeft: 0
165
+ scrollLeft: (_props$scrollRef$curr2 = props.scrollRef.current) === null || _props$scrollRef$curr2 === void 0 ? void 0 : _props$scrollRef$curr2.scrollLeft
166
166
  });
167
167
  }
168
- }, [(_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length]);
168
+ }, [(_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length, columns]);
169
169
  var processedColumns = (0, _react.useMemo)(function () {
170
170
  if (!props.virtualColumn) return columns;
171
171
  return columns.map(function (col, index) {
@@ -174,14 +174,21 @@ var useColumns = function useColumns(props) {
174
174
  }
175
175
  if (index < startIndex || index > startIndex + renderedCount) {
176
176
  var colSpan;
177
+ var colSpanWidth;
177
178
  if (index > startIndex + renderedCount && index === startIndex + renderedCount + 1) {
178
179
  colSpan = function colSpan() {
179
180
  return middleColumns.length - (startIndex + renderedCount) + 1;
180
181
  };
182
+ colSpanWidth = middleColumns.slice(startIndex + renderedCount).reduce(function (sum, c) {
183
+ return sum + (c.width || 0);
184
+ }, 0);
181
185
  } else if (index < startIndex && index === leftFixedColumns.length && startIndex > 0) {
182
186
  colSpan = function colSpan() {
183
187
  return startIndex;
184
188
  };
189
+ colSpanWidth = middleColumns.slice(0, startIndex).reduce(function (sum, c) {
190
+ return sum + (c.width || 0);
191
+ }, 0);
185
192
  }
186
193
  var hiddenTitle = context.groupLevel > 0 ? col.title : null;
187
194
  return _objectSpread(_objectSpread({}, col), {}, {
@@ -189,7 +196,10 @@ var useColumns = function useColumns(props) {
189
196
  render: function render() {
190
197
  return null;
191
198
  },
192
- title: hiddenTitle
199
+ title: hiddenTitle,
200
+ style: {
201
+ width: colSpanWidth
202
+ }
193
203
  });
194
204
  }
195
205
  return col;
package/esm/components/use-table/use-table-columns.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-table-columns.d.ts","sourceRoot":"","sources":["use-table-columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3F,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAYD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3E,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,GAAG,IAAI,CAAC;AAKT,QAAA,MAAM,UAAU;;;;wBA6EkC,MAAM;;;;;CA+EvD,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"use-table-columns.d.ts","sourceRoot":"","sources":["use-table-columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3F,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAYD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3E,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,GAAG,IAAI,CAAC;AAKT,QAAA,MAAM,UAAU;;;;wBA6EkC,MAAM;;;;;CA+FvD,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/esm/components/use-table/use-table-columns.js CHANGED
@@ -151,14 +151,14 @@ var useColumns = function useColumns(props) {
151
151
  });
152
152
  }, []);
153
153
  useEffect(function () {
154
- var _props$scrollRef$curr2;
155
154
  if (!props.virtualColumn) return;
156
- if (((_props$scrollRef$curr2 = props.scrollRef.current) === null || _props$scrollRef$curr2 === void 0 ? void 0 : _props$scrollRef$curr2.scrollLeft) === 0) {
155
+ if (props.scrollRef.current) {
156
+ var _props$scrollRef$curr2;
157
157
  handleScroll({
158
- scrollLeft: 0
158
+ scrollLeft: (_props$scrollRef$curr2 = props.scrollRef.current) === null || _props$scrollRef$curr2 === void 0 ? void 0 : _props$scrollRef$curr2.scrollLeft
159
159
  });
160
160
  }
161
- }, [(_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length]);
161
+ }, [(_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length, columns]);
162
162
  var processedColumns = useMemo(function () {
163
163
  if (!props.virtualColumn) return columns;
164
164
  return columns.map(function (col, index) {
@@ -167,14 +167,21 @@ var useColumns = function useColumns(props) {
167
167
  }
168
168
  if (index < startIndex || index > startIndex + renderedCount) {
169
169
  var colSpan;
170
+ var colSpanWidth;
170
171
  if (index > startIndex + renderedCount && index === startIndex + renderedCount + 1) {
171
172
  colSpan = function colSpan() {
172
173
  return middleColumns.length - (startIndex + renderedCount) + 1;
173
174
  };
175
+ colSpanWidth = middleColumns.slice(startIndex + renderedCount).reduce(function (sum, c) {
176
+ return sum + (c.width || 0);
177
+ }, 0);
174
178
  } else if (index < startIndex && index === leftFixedColumns.length && startIndex > 0) {
175
179
  colSpan = function colSpan() {
176
180
  return startIndex;
177
181
  };
182
+ colSpanWidth = middleColumns.slice(0, startIndex).reduce(function (sum, c) {
183
+ return sum + (c.width || 0);
184
+ }, 0);
178
185
  }
179
186
  var hiddenTitle = context.groupLevel > 0 ? col.title : null;
180
187
  return _objectSpread(_objectSpread({}, col), {}, {
@@ -182,7 +189,10 @@ var useColumns = function useColumns(props) {
182
189
  render: function render() {
183
190
  return null;
184
191
  },
185
- title: hiddenTitle
192
+ title: hiddenTitle,
193
+ style: {
194
+ width: colSpanWidth
195
+ }
186
196
  });
187
197
  }
188
198
  return col;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/hooks",
3
- "version": "3.9.3-beta.14",
3
+ "version": "3.9.3-beta.15",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",