@kdcloudjs/table 1.0.0

package/lib/table/transforms/columnResize.d.ts

@@ -0,0 +1,27 @@
+import { TableTransform } from '../interfaces';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export interface ColumnResizeOptions {
+    /** 每一列的宽度 */
+    sizes: number[];
+    /** 修改宽度的回调函数 */
+    onChangeSizes(nextSizes: number[]): void;
+    /** 列的最小宽度，默认为 40 */
+    minSize?: number;
+    /** 列的最大宽度，默认为 Infinity */
+    maxSize?: number;
+    /** 是否在列的末尾追加可伸缩列，默认为 false */
+    appendExpander?: boolean;
+    /** 是否在调整列宽时禁用 user-select，默认为 false */
+    disableUserSelectWhenResizing?: boolean;
+    /** 可伸缩列 style.visibility */
+    expanderVisibility?: 'visible' | 'hidden';
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeColumnResizeTransform({ sizes, onChangeSizes, minSize, maxSize, appendExpander, expanderVisibility, disableUserSelectWhenResizing, }: ColumnResizeOptions): TableTransform;
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function useColumnResizeTransform({ defaultSizes, ...others }: Omit<ColumnResizeOptions, 'sizes' | 'onChangeSizes'> & {
+    defaultSizes: number[];
+}): import("../interfaces").Transform<{
+    columns: import("../interfaces").ArtColumn[];
+    dataSource: any[];
+}>;

package/lib/table/transforms/columnResize.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeColumnResizeTransform = makeColumnResizeTransform;
+exports.useColumnResizeTransform = useColumnResizeTransform;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _rxjs = require("rxjs");
+
+var op = _interopRequireWildcard(require("rxjs/operators"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _internals = require("../internals");
+
+var _utils = require("../utils");
+
+var _warnTransformsDeprecated = require("./warnTransformsDeprecated");
+
+var _templateObject;
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+function clamp(min, x, max) {
+  return Math.max(min, Math.min(max, x));
+}
+
+var RESIZE_EXPANDER_CLS = 'resize-expander';
+
+var ResizeHandle = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: -5px;\n  width: 10px;\n  cursor: col-resize;\n  z-index: 1;\n"])));
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+
+function makeColumnResizeTransform(_ref) {
+  var sizes = _ref.sizes,
+      onChangeSizes = _ref.onChangeSizes,
+      _ref$minSize = _ref.minSize,
+      minSize = _ref$minSize === void 0 ? 40 : _ref$minSize,
+      _ref$maxSize = _ref.maxSize,
+      maxSize = _ref$maxSize === void 0 ? Infinity : _ref$maxSize,
+      appendExpander = _ref.appendExpander,
+      _ref$expanderVisibili = _ref.expanderVisibility,
+      expanderVisibility = _ref$expanderVisibili === void 0 ? 'visible' : _ref$expanderVisibili,
+      disableUserSelectWhenResizing = _ref.disableUserSelectWhenResizing;
+  (0, _warnTransformsDeprecated.warnTransformsDeprecated)('makeColumnResizeTransform');
+
+  var startResize = function startResize(colIndex, e) {
+    var startX = e.clientX;
+    var startSize = sizes[colIndex];
+    var nextSizes$ = (0, _rxjs.fromEvent)(window, 'mousemove').pipe(op.takeUntil((0, _rxjs.fromEvent)(window, 'mouseup')), op.map(function (e) {
+      var movingX = e.clientX;
+      var nextSizes = (0, _slice.default)(sizes).call(sizes);
+      nextSizes[colIndex] = clamp(minSize, startSize + (movingX - startX), maxSize);
+      return nextSizes;
+    }));
+    var prevUserSelect = '';
+    var docElemStyle;
+
+    if (disableUserSelectWhenResizing) {
+      docElemStyle = document.documentElement.style;
+      prevUserSelect = docElemStyle.userSelect;
+      docElemStyle.userSelect = 'none';
+    }
+
+    nextSizes$.subscribe({
+      next: onChangeSizes,
+      complete: function complete() {
+        if (disableUserSelectWhenResizing) {
+          docElemStyle.userSelect = prevUserSelect;
+        }
+      }
+    });
+  };
+
+  var innerTransform = (0, _utils.traverseColumn)(function (col, _ref2) {
+    var range = _ref2.range;
+
+    var _a;
+
+    if (!(0, _utils.isLeafNode)(col)) {
+      return col;
+    }
+
+    var prevTitle = _internals.internals.safeRenderHeader(col);
+
+    return (0, _extends2.default)((0, _extends2.default)({}, col), {
+      width: sizes[range.start],
+      title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prevTitle, /*#__PURE__*/_react.default.createElement(ResizeHandle, {
+        className: "resize-handle",
+        onMouseDown: function onMouseDown(e) {
+          return startResize(range.start, e);
+        }
+      })),
+      headerCellProps: (0, _extends2.default)((0, _extends2.default)({}, col.headerCellProps), {
+        style: (0, _extends2.default)((0, _extends2.default)({}, (_a = col.headerCellProps) === null || _a === void 0 ? void 0 : _a.style), {
+          overflow: 'visible',
+          position: 'relative'
+        })
+      })
+    });
+  });
+  return function (input) {
+    var _innerTransform = innerTransform(input),
+        columns = _innerTransform.columns,
+        dataSource = _innerTransform.dataSource;
+
+    return {
+      columns: appendExpander ? (0, _concat.default)(columns).call(columns, [{
+        name: '',
+        headerCellProps: {
+          className: RESIZE_EXPANDER_CLS,
+          style: {
+            background: expanderVisibility === 'hidden' ? 'var(--bgcolor)' : undefined,
+            border: expanderVisibility === 'hidden' ? 'none' : undefined
+          }
+        },
+        getCellProps: function getCellProps() {
+          return {
+            className: RESIZE_EXPANDER_CLS,
+            style: {
+              visibility: expanderVisibility
+            }
+          };
+        }
+      }]) : columns,
+      dataSource: dataSource
+    };
+  };
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+
+function useColumnResizeTransform(_a) {
+  var defaultSizes = _a.defaultSizes,
+      others = __rest(_a, ["defaultSizes"]);
+
+  var _useState = (0, _react.useState)(defaultSizes),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      sizes = _useState2[0],
+      onChangeSizes = _useState2[1];
+
+  return makeColumnResizeTransform((0, _extends2.default)({
+    sizes: sizes,
+    onChangeSizes: onChangeSizes
+  }, others));
+}

package/lib/table/transforms/flatten.d.ts

@@ -0,0 +1,3 @@
+import { TableTransform } from '../interfaces';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeFlattenTransform(): TableTransform;

package/lib/table/transforms/flatten.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeFlattenTransform = makeFlattenTransform;
+
+var _utils = require("../utils");
+
+var _warnTransformsDeprecated = require("./warnTransformsDeprecated");
+
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+function makeFlattenTransform() {
+  (0, _warnTransformsDeprecated.warnTransformsDeprecated)('makeFlattenTransform');
+  return (0, _utils.traverseColumn)(function (column) {
+    var _a;
+
+    if ((0, _utils.isLeafNode)(column)) {
+      return column;
+    }
+
+    return ((_a = column.features) === null || _a === void 0 ? void 0 : _a.flatten) ? column.children : column;
+  });
+}

package/lib/table/transforms/index.d.ts

@@ -0,0 +1,12 @@
+export { makeAutoRowSpanTransform } from './autoRowSpan';
+export { useAutoWidthTransform } from './autoWidth';
+export { makeBuildTreeTransform } from './buildTree';
+export { makeColumnHoverTransform, ColumnHoverOptions, useColumnHoverTransform } from './columnHover';
+export { makeColumnRangeHoverTransform, ColumnRangeHoverOptions, useColumnHoverRangeTransform, } from './columnRangeHover';
+export { makeColumnResizeTransform, ColumnResizeOptions, useColumnResizeTransform } from './columnResize';
+export { makeFlattenTransform } from './flatten';
+export { makeOrderFieldTransform } from './orderField';
+export { makeSortTransform, SortHeaderCellProps, SortOptions, useSortTransform } from './sort';
+export { makeTipsTransform, TipsOptions } from './tips';
+export { makeTreeModeTransform, TreeModeOptions, useTreeModeTransform } from './treeMode';
+export { makeVisibleTransform } from './visible';

package/lib/table/transforms/index.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "makeAutoRowSpanTransform", {
+  enumerable: true,
+  get: function get() {
+    return _autoRowSpan.makeAutoRowSpanTransform;
+  }
+});
+Object.defineProperty(exports, "useAutoWidthTransform", {
+  enumerable: true,
+  get: function get() {
+    return _autoWidth.useAutoWidthTransform;
+  }
+});
+Object.defineProperty(exports, "makeBuildTreeTransform", {
+  enumerable: true,
+  get: function get() {
+    return _buildTree.makeBuildTreeTransform;
+  }
+});
+Object.defineProperty(exports, "makeColumnHoverTransform", {
+  enumerable: true,
+  get: function get() {
+    return _columnHover.makeColumnHoverTransform;
+  }
+});
+Object.defineProperty(exports, "useColumnHoverTransform", {
+  enumerable: true,
+  get: function get() {
+    return _columnHover.useColumnHoverTransform;
+  }
+});
+Object.defineProperty(exports, "makeColumnRangeHoverTransform", {
+  enumerable: true,
+  get: function get() {
+    return _columnRangeHover.makeColumnRangeHoverTransform;
+  }
+});
+Object.defineProperty(exports, "useColumnHoverRangeTransform", {
+  enumerable: true,
+  get: function get() {
+    return _columnRangeHover.useColumnHoverRangeTransform;
+  }
+});
+Object.defineProperty(exports, "makeColumnResizeTransform", {
+  enumerable: true,
+  get: function get() {
+    return _columnResize.makeColumnResizeTransform;
+  }
+});
+Object.defineProperty(exports, "useColumnResizeTransform", {
+  enumerable: true,
+  get: function get() {
+    return _columnResize.useColumnResizeTransform;
+  }
+});
+Object.defineProperty(exports, "makeFlattenTransform", {
+  enumerable: true,
+  get: function get() {
+    return _flatten.makeFlattenTransform;
+  }
+});
+Object.defineProperty(exports, "makeOrderFieldTransform", {
+  enumerable: true,
+  get: function get() {
+    return _orderField.makeOrderFieldTransform;
+  }
+});
+Object.defineProperty(exports, "makeSortTransform", {
+  enumerable: true,
+  get: function get() {
+    return _sort.makeSortTransform;
+  }
+});
+Object.defineProperty(exports, "useSortTransform", {
+  enumerable: true,
+  get: function get() {
+    return _sort.useSortTransform;
+  }
+});
+Object.defineProperty(exports, "makeTipsTransform", {
+  enumerable: true,
+  get: function get() {
+    return _tips.makeTipsTransform;
+  }
+});
+Object.defineProperty(exports, "makeTreeModeTransform", {
+  enumerable: true,
+  get: function get() {
+    return _treeMode.makeTreeModeTransform;
+  }
+});
+Object.defineProperty(exports, "useTreeModeTransform", {
+  enumerable: true,
+  get: function get() {
+    return _treeMode.useTreeModeTransform;
+  }
+});
+Object.defineProperty(exports, "makeVisibleTransform", {
+  enumerable: true,
+  get: function get() {
+    return _visible.makeVisibleTransform;
+  }
+});
+
+var _autoRowSpan = require("./autoRowSpan");
+
+var _autoWidth = require("./autoWidth");
+
+var _buildTree = require("./buildTree");
+
+var _columnHover = require("./columnHover");
+
+var _columnRangeHover = require("./columnRangeHover");
+
+var _columnResize = require("./columnResize");
+
+var _flatten = require("./flatten");
+
+var _orderField = require("./orderField");
+
+var _sort = require("./sort");
+
+var _tips = require("./tips");
+
+var _treeMode = require("./treeMode");
+
+var _visible = require("./visible");

package/lib/table/transforms/orderField.d.ts

@@ -0,0 +1,3 @@
+import { TableTransform } from '../interfaces';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeOrderFieldTransform(startOrder?: number): TableTransform;

package/lib/table/transforms/orderField.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeOrderFieldTransform = makeOrderFieldTransform;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _utils = require("../utils");
+
+var _warnTransformsDeprecated = require("./warnTransformsDeprecated");
+
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+function makeOrderFieldTransform() {
+  var startOrder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  (0, _warnTransformsDeprecated.warnTransformsDeprecated)('makeOrderFieldTransform');
+  return (0, _utils.traverseColumn)(function (column) {
+    var _a, _b;
+
+    if (((_a = column.features) === null || _a === void 0 ? void 0 : _a.order) || ((_b = column.features) === null || _b === void 0 ? void 0 : _b.orderField)) {
+      return (0, _extends2.default)((0, _extends2.default)({}, column), {
+        getValue: function getValue(record, index) {
+          return index + startOrder;
+        }
+      });
+    }
+
+    return column;
+  });
+}

package/lib/table/transforms/sort.d.ts

@@ -0,0 +1,43 @@
+import React, { ReactNode } from 'react';
+import { ArtColumn, SortItem, SortOrder, TableTransform } from '../interfaces';
+export interface SortHeaderCellProps {
+    /** 调用 makeSortTransform(...) 时的参数 */
+    sortOptions: Required<Omit<SortOptions, 'SortHeaderCell'>>;
+    /** 在添加排序相关的内容之前 表头原有的渲染内容 */
+    children: ReactNode;
+    /** 当前排序 */
+    sortOrder: SortOrder;
+    /** 多列排序下，sortIndex 指明了当前排序字段起作用的顺序. 当 sortOrder 为 none 时，sortIndex 固定为 -1 */
+    sortIndex: number;
+    /** 当前列的配置 */
+    column: ArtColumn;
+    /** 切换排序的回调 */
+    onToggle(e: React.MouseEvent): void;
+}
+export interface SortOptions {
+    /** 排序字段列表 */
+    sorts: SortItem[];
+    /** 更新排序字段列表的回调函数 */
+    onChangeSorts(nextSorts: SortItem[]): void;
+    /** 排序切换顺序 */
+    orders?: SortOrder[];
+    /** 排序模式。单选 single，多选 multiple，默认为多选 */
+    mode?: 'single' | 'multiple';
+    /** 自定义排序表头 */
+    SortHeaderCell?: React.ComponentType<SortHeaderCellProps>;
+    /** 是否保持 dataSource 不变 */
+    keepDataSource?: boolean;
+    /** 排序激活时 是否高亮这一列的单元格 */
+    highlightColumnWhenActive?: boolean;
+    /** 是否对触发 onChangeOpenKeys 的 click 事件调用 event.stopPropagation() */
+    stopClickEventPropagation?: boolean;
+}
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeSortTransform({ sorts: inputSorts, onChangeSorts: inputOnChangeSorts, orders, mode, SortHeaderCell, keepDataSource, highlightColumnWhenActive, stopClickEventPropagation, }: SortOptions): TableTransform;
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function useSortTransform({ defaultSorts, ...others }?: Omit<SortOptions, 'sorts' | 'onChangeSorts'> & {
+    defaultSorts?: SortItem[];
+}): import("../interfaces").Transform<{
+    columns: ArtColumn[];
+    dataSource: any[];
+}>;