@sheinx/hooks 3.0.0-alpha.1

package/esm/components/use-select/use-select.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useInputAble2 = require("../../common/use-input-able");
+var _useListSelect = require("../../common/use-list-select");
+// import { getKey } from '../../utils';
+// import { KeygenResult } from '../../common/type';
+
+var useSelect = function useSelect(props) {
+  var data = props.data,
+    control = props.control,
+    defaultValue = props.defaultValue,
+    beforeChange = props.beforeChange,
+    format = props.format,
+    disabled = props.disabled,
+    multiple = props.multiple,
+    prediction = props.prediction,
+    valueProp = props.value,
+    onChangeProp = props.onChange;
+  var _useInputAble = (0, _useInputAble2.useInputAble)({
+      value: valueProp,
+      control: control,
+      defaultValue: defaultValue,
+      beforeChange: beforeChange,
+      onChange: onChangeProp
+    }),
+    value = _useInputAble.value,
+    onChange = _useInputAble.onChange;
+  var datum = (0, _useListSelect.useListSelect)({
+    data: data,
+    format: format,
+    value: value,
+    multiple: multiple,
+    disabled: disabled,
+    onChange: onChange,
+    prediction: prediction
+  });
+  return {
+    value: value,
+    datum: datum
+  };
+};
+var _default = useSelect;
+exports.default = _default;

package/esm/components/use-select/use-select.type.d.ts

@@ -0,0 +1,14 @@
+import { ObjectKey } from '../../common/type';
+export interface BaseSelectProps<DataItem, Value> {
+    value?: Value;
+    data: DataItem[];
+    defaultValue?: Value;
+    control: boolean;
+    multiple?: boolean;
+    disabled?: boolean | ((data: DataItem) => boolean);
+    prediction?: (value: Value, Data: DataItem) => boolean;
+    format?: ((data: DataItem) => Value extends (infer U)[] ? U : Value) | ObjectKey<DataItem>;
+    beforeChange?: (value: Value) => any;
+    onChange?: (value: Value, data?: DataItem | DataItem[], checked?: boolean) => void;
+}
+//# sourceMappingURL=use-select.type.d.ts.map

package/esm/components/use-select/use-select.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select.type.d.ts","sourceRoot":"","sources":["use-select.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3F,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,EAAE,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpF"}

package/esm/components/use-select/use-select.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/components/use-slider/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as useSlider } from './use-slider';
+export type { UseSliderProps } from './use-slider.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/components/use-slider/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useSlider.default;
+  }
+});
+Object.defineProperty(exports, "useSlider", {
+  enumerable: true,
+  get: function get() {
+    return _useSlider.default;
+  }
+});
+var _useSlider = _interopRequireDefault(require("./use-slider"));

package/esm/components/use-slider/use-slider.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { UseSliderProps } from './use-slider.type';
+export declare const useSlider: <Value extends number | number[]>(props: UseSliderProps<Value>) => {
+    func: {
+        handleStartMouseDown: (e: React.MouseEvent) => void;
+        handleEndMouseDown: (e: React.MouseEvent) => void;
+        handleTrackClick: (e: React.MouseEvent) => void;
+    };
+    trackRef: import("react").RefObject<HTMLDivElement>;
+    dragIndex: number;
+    start: number;
+    end: number;
+    startValue: number;
+    endValue: number;
+    innerStyle: {
+        top: string;
+        bottom: string;
+        left?: undefined;
+        right?: undefined;
+    } | {
+        left: string;
+        right: string;
+        top?: undefined;
+        bottom?: undefined;
+    };
+};
+export default useSlider;
+//# sourceMappingURL=use-slider.d.ts.map

package/esm/components/use-slider/use-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-slider.d.ts","sourceRoot":"","sources":["use-slider.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4CxD,eAAO,MAAM,SAAS;;kCAwEa,gBAAgB;gCAIlB,gBAAgB;8BAKL,gBAAgB;;;;;;;;;;;;;;;;;;;CAwD3D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/components/use-slider/use-slider.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSlider = exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/web.dom-collections.for-each.js");
+var _react = require("react");
+var _number = require("../../utils/number");
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
+var _useDragMock = _interopRequireDefault(require("../../common/use-drag-mock"));
+/**
+ *  结构：
+ *   <track>
+ *     <inner>
+ *      <startPoint>
+ *      <endPoint>
+ *     <inner>
+ *   <track>
+ *
+ */
+
+var getValueFromRate = function getValueFromRate(per, scale) {
+  var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var range = scale.length - 1;
+  if (step === 0) return scale[Math.round(per * range)];
+  if (per >= 1) return scale[range];
+  var ps = Math.floor(per * range);
+  var min = scale[ps];
+  var max = scale[ps + 1];
+  var count = (max - min) / step;
+  var sper = (per - ps / range) * range;
+  return (0, _number.toPrecision)(min + Math.round(sper * count) * step);
+};
+var getRateFromValue = function getRateFromValue(value, scale) {
+  if (value <= scale[0]) return 0;
+  if (value >= scale[scale.length - 1]) return 1;
+  var range = scale.length - 1;
+  var ps = 0;
+  scale.forEach(function (s, i) {
+    if (value > s) ps = i;
+  });
+  if (ps >= range) return 1;
+  var min = scale[ps];
+  var max = scale[ps + 1];
+  return (ps + (value - min) / (max - min)) / range;
+};
+var useSlider = function useSlider(props) {
+  var scale = props.scale,
+    step = props.step;
+  var _useState = (0, _react.useState)([0, 0]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    rate = _useState2[0],
+    setRate = _useState2[1];
+  var startValue = props.range && Array.isArray(props.value) ? props.value[0] : 0;
+  var endValue = props.range && Array.isArray(props.value) ? props.value[1] : props.value || 0;
+  var _useRef = (0, _react.useRef)({
+      dragIndex: -1,
+      clickLock: false,
+      clickLockTimer: null
+    }),
+    context = _useRef.current;
+  var trackRef = (0, _react.useRef)(null);
+  var handleDragStart = (0, _usePersistFn.default)(function () {
+    setRate([getRateFromValue(startValue, scale), getRateFromValue(endValue, scale)]);
+  });
+  var lockClick = (0, _usePersistFn.default)(function () {
+    context.clickLock = true;
+    if (context.clickLockTimer) clearTimeout(context.clickLockTimer);
+    context.clickLockTimer = setTimeout(function () {
+      context.clickLock = false;
+    }, 100);
+  });
+  var handleDragEnd = (0, _usePersistFn.default)(function () {
+    lockClick();
+    var start = getValueFromRate(rate[0], scale, step);
+    var end = getValueFromRate(rate[1], scale, step);
+    context.dragIndex = -1;
+    if (props.range) {
+      props.onChange([start, end]);
+    } else {
+      props.onChange(end);
+    }
+  });
+  var handleDragMove = (0, _usePersistFn.default)(function (deltaX, deltaY) {
+    setRate(function (r) {
+      var target = trackRef.current;
+      if (!target) return r;
+      var newRate = (0, _toConsumableArray2.default)(r);
+      var v = context.dragIndex === 0 ? r[0] : r[1];
+      var max = props.vertical ? target.clientHeight : target.clientWidth;
+      var delta = props.vertical ? deltaY : deltaX;
+      var rate = Math.max(v + delta / max, 0);
+      if (rate > 1) {
+        rate = 1;
+        if (typeof props.onIncrease === 'function') props.onIncrease();
+      }
+      newRate[context.dragIndex] = rate;
+      if (newRate[0] > newRate[1]) {
+        context.dragIndex = context.dragIndex === 0 ? 1 : 0;
+        var temp = newRate[0];
+        newRate[0] = newRate[1];
+        newRate[1] = temp;
+      }
+      return newRate;
+    });
+  });
+  var dragInfo = (0, _useDragMock.default)({
+    onDragStart: handleDragStart,
+    onDragMove: handleDragMove,
+    onDragEnd: handleDragEnd
+  });
+  var handleStartMouseDown = function handleStartMouseDown(e) {
+    context.dragIndex = 0;
+    dragInfo.handleMouseDown(e);
+  };
+  var handleEndMouseDown = function handleEndMouseDown(e) {
+    context.dragIndex = 1;
+    dragInfo.handleMouseDown(e);
+  };
+  var handleTrackClick = (0, _usePersistFn.default)(function (e) {
+    if (context.clickLock) return;
+    var target = e.currentTarget;
+    var rect = target.getBoundingClientRect();
+    var rate = !props.vertical ? (e.clientX - rect.left) / rect.width : (e.clientY - rect.top) / rect.height;
+    var value = getValueFromRate(rate, scale, step);
+    if (props.range) {
+      var _start = startValue;
+      var _end = endValue;
+      if (value < startValue) {
+        _start = value;
+      } else {
+        _end = value;
+      }
+      if (_start === startValue && _end === endValue) return;
+      props.onChange([_start, _end]);
+    } else {
+      if (value === endValue) return;
+      props.onChange(value);
+    }
+  });
+  var getTrackInnerStyle = function getTrackInnerStyle(start, end) {
+    if (props.vertical) return {
+      top: start * 100 + '%',
+      bottom: (1 - end) * 100 + '%'
+    };
+    return {
+      left: start * 100 + '%',
+      right: (1 - end) * 100 + '%'
+    };
+  };
+  var func = (0, _useLatestObj.default)({
+    handleStartMouseDown: handleStartMouseDown,
+    handleEndMouseDown: handleEndMouseDown,
+    handleTrackClick: handleTrackClick
+  });
+  var start = dragInfo.isDragging ? rate[0] : getRateFromValue(startValue, scale);
+  var end = dragInfo.isDragging ? rate[1] : getRateFromValue(endValue, scale);
+  var innerStyle = getTrackInnerStyle(start, end);
+  return {
+    func: func,
+    trackRef: trackRef,
+    dragIndex: context.dragIndex,
+    start: start,
+    end: end,
+    startValue: getValueFromRate(start, scale, step),
+    endValue: getValueFromRate(end, scale, step),
+    innerStyle: innerStyle
+  };
+};
+exports.useSlider = useSlider;
+var _default = useSlider;
+exports.default = _default;

package/esm/components/use-slider/use-slider.type.d.ts

@@ -0,0 +1,10 @@
+export interface UseSliderProps<Value extends number | number[]> {
+    value: Value | undefined;
+    onChange: (value: Value) => void;
+    range: boolean;
+    scale: number[];
+    step: number;
+    vertical: boolean;
+    onIncrease: (() => void) | undefined;
+}
+//# sourceMappingURL=use-slider.type.d.ts.map

package/esm/components/use-slider/use-slider.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-slider.type.d.ts","sourceRoot":"","sources":["use-slider.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE;IAC7D,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtC"}

package/esm/components/use-slider/use-slider.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/components/use-table/index.d.ts

@@ -0,0 +1,10 @@
+export { default, default as useTableLayout } from './use-table-layout';
+export { default as useTableColumns } from './use-table-columns';
+export { default as useTableGroup } from './use-table-group';
+export { default as useTableSort } from './use-table-sort';
+export { default as useTableRow } from './use-table-row';
+export { default as useTableExpand } from './use-table-expand';
+export { default as useTableTree } from './use-table-tree';
+export { default as useTableVirtual } from './use-table-virtual';
+export type { TableFormatColumn, TableColumnItem, TableHeadColumn, TableGroupColumn, TableSorterInfo, BaseTableProps, } from './use-table.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,MAAM,kBAAkB,CAAC"}

package/esm/components/use-table/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useTableLayout.default;
+  }
+});
+Object.defineProperty(exports, "useTableColumns", {
+  enumerable: true,
+  get: function get() {
+    return _useTableColumns.default;
+  }
+});
+Object.defineProperty(exports, "useTableExpand", {
+  enumerable: true,
+  get: function get() {
+    return _useTableExpand.default;
+  }
+});
+Object.defineProperty(exports, "useTableGroup", {
+  enumerable: true,
+  get: function get() {
+    return _useTableGroup.default;
+  }
+});
+Object.defineProperty(exports, "useTableLayout", {
+  enumerable: true,
+  get: function get() {
+    return _useTableLayout.default;
+  }
+});
+Object.defineProperty(exports, "useTableRow", {
+  enumerable: true,
+  get: function get() {
+    return _useTableRow.default;
+  }
+});
+Object.defineProperty(exports, "useTableSort", {
+  enumerable: true,
+  get: function get() {
+    return _useTableSort.default;
+  }
+});
+Object.defineProperty(exports, "useTableTree", {
+  enumerable: true,
+  get: function get() {
+    return _useTableTree.default;
+  }
+});
+Object.defineProperty(exports, "useTableVirtual", {
+  enumerable: true,
+  get: function get() {
+    return _useTableVirtual.default;
+  }
+});
+var _useTableLayout = _interopRequireDefault(require("./use-table-layout"));
+var _useTableColumns = _interopRequireDefault(require("./use-table-columns"));
+var _useTableGroup = _interopRequireDefault(require("./use-table-group"));
+var _useTableSort = _interopRequireDefault(require("./use-table-sort"));
+var _useTableRow = _interopRequireDefault(require("./use-table-row"));
+var _useTableExpand = _interopRequireDefault(require("./use-table-expand"));
+var _useTableTree = _interopRequireDefault(require("./use-table-tree"));
+var _useTableVirtual = _interopRequireDefault(require("./use-table-virtual"));

package/esm/components/use-table/use-table-columns.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TableColumnItem, TableFormatColumn } from './use-table.type';
+export interface UseColumnsProps<Data> {
+    columns?: TableColumnItem<Data>[];
+    showCheckbox?: boolean;
+}
+export declare type RxpandHideColType = {
+    hide?: boolean;
+    type: 'expand' | 'row-expand';
+    render?: (data: any, index: number) => (() => React.ReactNode) | undefined;
+    onClick?: (data: any, expand: boolean) => void;
+} | null;
+declare const useColumns: <Data>(props: UseColumnsProps<Data>) => {
+    columns: TableFormatColumn<Data>[];
+    expandHideCol: RxpandHideColType;
+};
+export default useColumns;
+//# sourceMappingURL=use-table-columns.d.ts.map

package/esm/components/use-table/use-table-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-columns.d.ts","sourceRoot":"","sources":["use-table-columns.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAItE,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,oBAAY,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;AAET,QAAA,MAAM,UAAU;;;CAgEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/components/use-table/use-table-columns.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.map.js");
+var _immer = require("immer");
+var _react = require("react");
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var getHideExpandCol = function getHideExpandCol() {
+  var cols = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var expandCol = cols.find(function (col) {
+    return col.hide && (col.type === 'expand' || col.type === 'row-expand');
+  });
+  if (expandCol) {
+    return expandCol;
+  }
+  return null;
+};
+var useColumns = function useColumns(props) {
+  var _props$columns = props.columns,
+    propsColumns = _props$columns === void 0 ? [] : _props$columns;
+  var _useRef = (0, _react.useRef)({
+      cachedColumns: null,
+      oldColumns: null,
+      groupLevel: 0,
+      expandHideCol: null
+    }),
+    context = _useRef.current;
+
+  // 隐藏的展开列
+
+  var getColumns = (0, _usePersistFn.default)(function (columnsA) {
+    if (columnsA === context.oldColumns) {
+      return context.cachedColumns;
+    }
+    context.expandHideCol = getHideExpandCol(columnsA);
+    var columns = columnsA.filter(function (c) {
+      return (0, _typeof2.default)(c) === 'object';
+    }).filter(function (c) {
+      return c !== context.expandHideCol;
+    });
+    var left = -1;
+    var right = -1;
+    columns.forEach(function (c, i) {
+      if (c.fixed === 'left') left = i;
+      if (c.fixed === 'right' && right < 0) right = i;
+      if (c.group) {
+        var group = Array.isArray(c.group) ? c.group : [c.group];
+        context.groupLevel = Math.max(context.groupLevel, group.length);
+      }
+    });
+    context.cachedColumns = columns.map(function (c, i) {
+      return (0, _immer.produce)(c, function (draft) {
+        draft.index = i;
+        if (draft.key === undefined) draft.key = i;
+        if (i <= left) draft.fixed = 'left';
+        if (i === left) draft.lastFixed = true;
+        if (i >= right && right > 0) draft.fixed = 'right';
+        if (i === right) draft.firstFixed = true;
+      });
+    });
+    var haveCheckbox = columns.find(function (v) {
+      return v.type === 'checkbox';
+    });
+    if (props.showCheckbox && !haveCheckbox) {
+      context.cachedColumns.unshift({
+        index: -1,
+        key: 'checkbox',
+        type: 'checkbox',
+        fixed: left >= 0 ? 'left' : undefined
+      });
+    }
+    context.oldColumns = columnsA;
+    return context.cachedColumns;
+  });
+  var columns = getColumns(propsColumns) || [];
+  return {
+    columns: columns,
+    expandHideCol: context.expandHideCol
+  };
+};
+var _default = useColumns;
+exports.default = _default;

package/esm/components/use-table/use-table-expand.d.ts

@@ -0,0 +1,10 @@
+import { TableFormatColumn, BaseTableProps } from './use-table.type';
+export interface UseTableExpandProps extends Pick<BaseTableProps<any>, 'expandKeys' | 'keygen'> {
+    columns: TableFormatColumn<any>[];
+}
+export declare const useTableExpand: (props: UseTableExpandProps) => {
+    handleExpandClick: (col: TableFormatColumn<any>, data: any, index: number) => void;
+    isRowExpand: (data: any, index: number) => boolean;
+};
+export default useTableExpand;
+//# sourceMappingURL=use-table-expand.d.ts.map

package/esm/components/use-table/use-table-expand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-expand.d.ts","sourceRoot":"","sources":["use-table-expand.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIrE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC7F,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,cAAc,UAAW,mBAAmB;6BAa/C,kBAAkB,GAAG,CAAC,QAAQ,GAAG,SAAS,MAAM;wBAThB,GAAG,SAAS,MAAM;CA2C3D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/components/use-table/use-table-expand.js

@@ -0,0 +1,74 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTableExpand = exports.default = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.concat.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var _render = require("../..//utils/render");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var useTableExpand = function useTableExpand(props) {
+  var columns = props.columns,
+    expandKeys = props.expandKeys;
+  var _React$useState = _react.default.useState([]),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    expandState = _React$useState2[0],
+    setExpandState = _React$useState2[1];
+  var isRowExpand = (0, _usePersistFn.default)(function (data, index) {
+    var key = (0, _render.getKey)(props.keygen, data, index);
+    if (expandKeys) {
+      return expandKeys.includes(key);
+    }
+    return expandState.includes(key);
+  });
+  var handleExpandClick = (0, _usePersistFn.default)(function (col, data, index) {
+    if (col && typeof col.render === 'function') {
+      var expandRender = col.render(data, index);
+      if (typeof expandRender === 'function') {
+        // render 返回函数代表需要展开 否则不展开
+        var expand = isRowExpand(data, index);
+        if (expandKeys) {
+          var _col$onClick;
+          (_col$onClick = col.onClick) === null || _col$onClick === void 0 ? void 0 : _col$onClick.call(col, data, !expand);
+        } else {
+          var key = (0, _render.getKey)(props.keygen, data, index);
+          if (expand) {
+            setExpandState(expandState.filter(function (item) {
+              return item !== key;
+            }));
+          } else {
+            setExpandState([].concat((0, _toConsumableArray2.default)(expandState), [key]));
+          }
+        }
+      }
+    }
+  });
+  (0, _react.useEffect)(function () {
+    var expandNum = columns.filter(function (col) {
+      return col.type === 'expand' || col.type === 'row-expand';
+    }).length;
+    if (expandNum > 1) {
+      console.error('columns should not have more than one expand column');
+    }
+  });
+  return {
+    handleExpandClick: handleExpandClick,
+    isRowExpand: isRowExpand
+  };
+};
+exports.useTableExpand = useTableExpand;
+var _default = useTableExpand;
+exports.default = _default;

package/esm/components/use-table/use-table-group.d.ts

@@ -0,0 +1,11 @@
+import { TableFormatColumn, TableHeadColumn } from './use-table.type';
+export interface UseTableGroupProps {
+    columns: TableFormatColumn<any>[];
+    bordered?: boolean;
+}
+declare const useTableGroup: (props: UseTableGroupProps) => {
+    groupColumns: TableHeadColumn[];
+    columnLevel: number;
+};
+export default useTableGroup;
+//# sourceMappingURL=use-table-group.d.ts.map

package/esm/components/use-table/use-table-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-group.d.ts","sourceRoot":"","sources":["use-table-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAoB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKxF,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,QAAA,MAAM,aAAa,UAAW,kBAAkB;;;CAoE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}