@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/cjs/table/ColGroup.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ColumnProps } from './interface';
+export interface ColGroupProps {
+    columns?: ColumnProps[];
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    components?: Record<string, any>;
+}
+export default class ColGroup extends React.PureComponent<ColGroupProps> {
+    static propTypes: {
+        columns: PropTypes.Requireable<any[]>;
+        prefixCls: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        components: PropTypes.Requireable<object>;
+    };
+    static defaultProps: {
+        columns: [];
+        prefixCls: "semi-table";
+    };
+    render(): JSX.Element;
+}

package/lib/cjs/table/ColGroup.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
+
+var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
+
+class ColGroup extends _react.default.PureComponent {
+  render() {
+    var _context;
+
+    const {
+      columns,
+      className,
+      style,
+      prefixCls,
+      components
+    } = this.props; // eslint-disable-next-line @typescript-eslint/no-shadow
+
+    const ColGroup = (0, _get2.default)(components, 'colgroup.wrapper', 'colgroup');
+    const Col = (0, _get2.default)(components, 'colgroup.col', 'col');
+    const cols = (0, _map.default)(_context = (0, _utils.flattenColumns)(columns)).call(_context, (column, idx) => {
+      const colStyle = {};
+      /**
+       * table width
+       */
+
+      if (column.width) {
+        colStyle.width = column.width;
+        colStyle.minWidth = colStyle.width;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(Col, {
+        className: (0, _classnames.default)("".concat(prefixCls, "-col"), column.className),
+        key: column.key || column.dataIndex || idx,
+        style: colStyle
+      });
+    });
+    const groupCls = (0, _classnames.default)("".concat(prefixCls, "-colgroup"), className);
+    return /*#__PURE__*/_react.default.createElement(ColGroup, {
+      className: groupCls,
+      style: style
+    }, cols);
+  }
+
+}
+
+exports.default = ColGroup;
+ColGroup.propTypes = {
+  columns: _propTypes.default.array,
+  prefixCls: _propTypes.default.string,
+  className: _propTypes.default.string,
+  style: _propTypes.default.object,
+  components: _propTypes.default.object
+};
+ColGroup.defaultProps = {
+  columns: [],
+  prefixCls: _constants.cssClasses.PREFIX
+};

package/lib/cjs/table/Column.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { ColumnProps } from './interface';
+export default class Column extends React.PureComponent<ColumnProps> {
+    static propTypes: {
+        align: import("prop-types").Requireable<"left" | "right" | "center">;
+        className: import("prop-types").Requireable<string>;
+        colSpan: import("prop-types").Requireable<number>;
+        dataIndex: import("prop-types").Requireable<string>;
+        defaultSortOrder: import("prop-types").Requireable<"ascend" | "descend">;
+        filterChildrenRecord: import("prop-types").Requireable<boolean>;
+        filterDropdownProps: import("prop-types").Requireable<object>;
+        filterDropdown: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        filterDropdownVisible: import("prop-types").Requireable<boolean>;
+        filterIcon: import("prop-types").Requireable<(...args: any[]) => any>;
+        filterMultiple: import("prop-types").Requireable<boolean>;
+        filteredValue: import("prop-types").Requireable<any[]>;
+        filters: import("prop-types").Requireable<any[]>;
+        fixed: import("prop-types").Requireable<boolean | "left" | "right">;
+        onCell: import("prop-types").Requireable<(...args: any[]) => any>;
+        onFilter: import("prop-types").Requireable<(...args: any[]) => any>;
+        onFilterDropdownVisibleChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        onHeaderCell: import("prop-types").Requireable<(...args: any[]) => any>;
+        onSorterChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        render: import("prop-types").Requireable<(...args: any[]) => any>;
+        renderFilterDropdownItem: import("prop-types").Requireable<(...args: any[]) => any>;
+        sortChildrenRecord: import("prop-types").Requireable<boolean>;
+        sortDirections: import("prop-types").Requireable<string[]>;
+        sortOrder: import("prop-types").Requireable<string | boolean>;
+        sorter: import("prop-types").Requireable<boolean | ((...args: any[]) => any)>;
+        title: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        useFullRender: import("prop-types").Requireable<boolean>;
+        width: import("prop-types").Requireable<string | number>;
+    };
+    constructor(props?: ColumnProps);
+    render(): null;
+}

package/lib/cjs/table/Column.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ColumnShape = _interopRequireDefault(require("./ColumnShape"));
+
+class Column extends _react.default.PureComponent {
+  constructor() {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    super(props);
+  }
+
+  render() {
+    return null;
+  }
+
+}
+
+exports.default = Column;
+Column.propTypes = (0, _assign.default)({}, _ColumnShape.default);

package/lib/cjs/table/ColumnFilter.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { DropdownProps } from '../dropdown';
+import { Trigger, Position } from '../tooltip';
+import { FilterIcon, Filter, OnFilterDropdownVisibleChange, RenderFilterDropdownItem } from './interface';
+export interface ColumnFilterProps {
+    prefixCls?: string;
+    filteredValue?: any[];
+    filterIcon?: FilterIcon;
+    filterDropdown?: React.ReactElement;
+    renderFilterDropdown?: (props: RenderDropdownProps, options: {
+        iconElem: React.ReactNode;
+    }) => React.ReactElement;
+    filterDropdownProps?: DropdownProps;
+    onFilterDropdownVisibleChange?: OnFilterDropdownVisibleChange;
+    onSelect?: (data: OnSelectData) => void;
+}
+export default function ColumnFilter(props?: ColumnFilterProps): React.ReactElement;
+export interface OnSelectData {
+    value: any;
+    filteredValue: any;
+    included: boolean;
+    domEvent: React.MouseEvent<HTMLElement>;
+}
+export interface RenderDropdownProps {
+    filterMultiple?: boolean;
+    filters?: Filter[];
+    filteredValue?: any[];
+    filterDropdownVisible?: boolean;
+    onSelect?: (data: OnSelectData) => void;
+    onFilterDropdownVisibleChange?: OnFilterDropdownVisibleChange;
+    trigger?: Trigger;
+    position?: Position;
+    renderFilterDropdownItem?: RenderFilterDropdownItem;
+}

package/lib/cjs/table/ColumnFilter.js

@@ -0,0 +1,192 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = ColumnFilter;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
+
+var _dropdown = _interopRequireDefault(require("../dropdown"));
+
+var _radio = require("../radio");
+
+var _checkbox = require("../checkbox");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (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; }
+
+/* eslint-disable no-nested-ternary */
+
+/* eslint-disable eqeqeq */
+function renderDropdown() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let nestedElem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  const {
+    filterMultiple = true,
+    filters = [],
+    filteredValue = [],
+    filterDropdownVisible,
+    onSelect = _noop2.default,
+    onFilterDropdownVisibleChange = _noop2.default,
+    trigger = 'click',
+    position = 'bottom',
+    renderFilterDropdownItem
+  } = props;
+  const dropdownProps = (0, _assign.default)((0, _assign.default)({}, props), {
+    onVisibleChange: visible => onFilterDropdownVisibleChange(visible),
+    trigger,
+    position,
+    render: /*#__PURE__*/_react.default.createElement(_dropdown.default.Menu, null, (0, _isArray.default)(filters) && (0, _map.default)(filters).call(filters, (filter, index) => {
+      var _context;
+
+      const changeFn = e => {
+        const domEvent = e && e.nativeEvent;
+
+        if (domEvent) {
+          // Block this event to prevent the pop-up layer from closing
+          domEvent.stopImmediatePropagation(); // Prevent bubbling and default events to prevent label click events from triggering twice
+
+          domEvent.stopPropagation();
+          domEvent.preventDefault();
+        }
+
+        let values = [...filteredValue];
+        const included = (0, _includes.default)(values).call(values, filter.value);
+        const idx = (0, _indexOf.default)(values).call(values, filter.value);
+
+        if (idx > -1) {
+          (0, _splice.default)(values).call(values, idx, 1);
+        } else if (filterMultiple) {
+          values.push(filter.value);
+        } else {
+          values = [filter.value];
+        }
+
+        return onSelect({
+          value: filter.value,
+          filteredValue: values,
+          included: !included,
+          domEvent
+        });
+      };
+
+      const checked = (0, _includes.default)(filteredValue).call(filteredValue, filter.value);
+      const {
+        text
+      } = filter;
+      const {
+        value
+      } = filter;
+      const key = (0, _concat.default)(_context = "".concat(level, "_")).call(_context, index);
+      const dropdownItem = typeof renderFilterDropdownItem === 'function' ? renderFilterDropdownItem({
+        onChange: changeFn,
+        filterMultiple,
+        value,
+        text,
+        checked,
+        filteredValue,
+        level
+      }) : null;
+      let item = dropdownItem && /*#__PURE__*/_react.default.isValidElement(dropdownItem) ? /*#__PURE__*/_react.default.cloneElement(dropdownItem, {
+        key
+      }) : /*#__PURE__*/_react.default.createElement(_dropdown.default.Item, {
+        key: key,
+        onClick: changeFn
+      }, filterMultiple ? /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
+        checked: checked
+      }, text) : /*#__PURE__*/_react.default.createElement(_radio.Radio, {
+        checked: checked
+      }, text));
+
+      if ((0, _isArray.default)(filter.children) && filter.children.length) {
+        const childrenDropdownProps = (0, _assign.default)((0, _assign.default)({}, props), {
+          filters: filter.children,
+          trigger: 'hover',
+          position: 'right'
+        });
+        delete childrenDropdownProps.filterDropdownVisible;
+        item = renderDropdown(childrenDropdownProps, item, level + 1);
+      }
+
+      return item;
+    }))
+  });
+
+  if (filterDropdownVisible != null) {
+    dropdownProps.visible = filterDropdownVisible;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_dropdown.default, (0, _assign.default)({}, dropdownProps, {
+    key: "Dropdown_level_".concat(level)
+  }), nestedElem);
+}
+
+function ColumnFilter() {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    prefixCls = _constants.cssClasses.PREFIX,
+    filteredValue,
+    filterIcon = 'filter',
+    renderFilterDropdown,
+    filterDropdownProps
+  } = props;
+  let {
+    filterDropdown = null
+  } = props;
+  const finalCls = (0, _classnames.default)("".concat(prefixCls, "-column-filter"), {
+    on: (0, _isArray.default)(filteredValue) && filteredValue.length
+  });
+  let iconElem;
+
+  if (typeof filterIcon === 'function') {
+    iconElem = filterIcon((0, _isArray.default)(filteredValue) && filteredValue.length > 0);
+  } else if ( /*#__PURE__*/(0, _react.isValidElement)(filterIcon)) {
+    iconElem = filterIcon;
+  } else {
+    iconElem = /*#__PURE__*/_react.default.createElement("div", {
+      className: finalCls
+    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
+      size: "small"
+    }));
+  }
+
+  const renderProps = (0, _assign.default)((0, _assign.default)({}, props), filterDropdownProps);
+  filterDropdown = /*#__PURE__*/_react.default.isValidElement(filterDropdown) ? filterDropdown : typeof renderFilterDropdown === 'function' ? renderFilterDropdown(renderProps, {
+    iconElem
+  }) : renderDropdown(renderProps, iconElem);
+  return filterDropdown;
+}

package/lib/cjs/table/ColumnSelection.d.ts

@@ -0,0 +1,40 @@
+import BaseComponent from '../_base/baseComponent';
+import PropTypes from 'prop-types';
+import { TableSelectionCellAdapter, TableSelectionCellEvent } from '@douyinfe/semi-foundation/lib/cjs/table/tableSelectionCellFoundation';
+import { CheckboxEvent, CheckboxProps } from '../checkbox';
+export interface TableSelectionCellProps {
+    columnTitle?: string;
+    getCheckboxProps?: () => CheckboxProps;
+    type?: string;
+    onChange?: (value: any, e: TableSelectionCellEvent) => void;
+    selected?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    prefixCls?: string;
+    className?: string;
+}
+/**
+ * render selection cell
+ */
+export default class TableSelectionCell extends BaseComponent<TableSelectionCellProps, Record<string, any>> {
+    static propTypes: {
+        columnTitle: PropTypes.Requireable<string>;
+        getCheckboxProps: PropTypes.Requireable<(...args: any[]) => any>;
+        type: PropTypes.Requireable<string>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        selected: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        indeterminate: PropTypes.Requireable<boolean>;
+        prefixCls: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        disabled: boolean;
+        onChange: (...args: any[]) => void;
+        prefixCls: "semi-table";
+    };
+    get adapter(): TableSelectionCellAdapter;
+    constructor(props: TableSelectionCellProps);
+    handleChange: (e: CheckboxEvent) => any;
+    render(): JSX.Element;
+}

package/lib/cjs/table/ColumnSelection.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
+
+var _tableSelectionCellFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/table/tableSelectionCellFoundation"));
+
+var _checkbox = require("../checkbox");
+
+/* eslint-disable max-len */
+
+/**
+ * render selection cell
+ */
+class TableSelectionCell extends _baseComponent.default {
+  constructor(props) {
+    super(props);
+
+    this.handleChange = e => this.foundation.handleChange(e);
+
+    this.foundation = new _tableSelectionCellFoundation.default(this.adapter);
+  }
+
+  get adapter() {
+    var _this = this;
+
+    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+      notifyChange: function () {
+        return _this.props.onChange(...arguments);
+      }
+    });
+  }
+
+  render() {
+    const {
+      selected,
+      getCheckboxProps,
+      indeterminate,
+      disabled,
+      prefixCls,
+      className
+    } = this.props;
+    let checkboxProps = {
+      onChange: this.handleChange,
+      disabled,
+      indeterminate,
+      checked: selected
+    };
+
+    if (typeof getCheckboxProps === 'function') {
+      checkboxProps = (0, _assign.default)((0, _assign.default)({}, checkboxProps), getCheckboxProps());
+    }
+
+    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-selection-wrap"), {
+      ["".concat(prefixCls, "-selection-disabled")]: disabled
+    }, className);
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: wrapCls
+    }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _assign.default)({}, checkboxProps)));
+  }
+
+}
+
+exports.default = TableSelectionCell;
+TableSelectionCell.propTypes = {
+  columnTitle: _propTypes.default.string,
+  getCheckboxProps: _propTypes.default.func,
+  type: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  selected: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  indeterminate: _propTypes.default.bool,
+  prefixCls: _propTypes.default.string,
+  className: _propTypes.default.string
+};
+TableSelectionCell.defaultProps = {
+  disabled: false,
+  onChange: _noop2.default,
+  prefixCls: _constants.cssClasses.PREFIX
+};

package/lib/cjs/table/ColumnShape.d.ts

@@ -0,0 +1,32 @@
+import PropTypes from 'prop-types';
+declare const _default: {
+    align: PropTypes.Requireable<"left" | "right" | "center">;
+    className: PropTypes.Requireable<string>;
+    colSpan: PropTypes.Requireable<number>;
+    dataIndex: PropTypes.Requireable<string>;
+    defaultSortOrder: PropTypes.Requireable<"ascend" | "descend">;
+    filterChildrenRecord: PropTypes.Requireable<boolean>;
+    filterDropdownProps: PropTypes.Requireable<object>;
+    filterDropdown: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    filterDropdownVisible: PropTypes.Requireable<boolean>;
+    filterIcon: PropTypes.Requireable<(...args: any[]) => any>;
+    filterMultiple: PropTypes.Requireable<boolean>;
+    filteredValue: PropTypes.Requireable<any[]>;
+    filters: PropTypes.Requireable<any[]>;
+    fixed: PropTypes.Requireable<boolean | "left" | "right">;
+    onCell: PropTypes.Requireable<(...args: any[]) => any>;
+    onFilter: PropTypes.Requireable<(...args: any[]) => any>;
+    onFilterDropdownVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
+    onHeaderCell: PropTypes.Requireable<(...args: any[]) => any>;
+    onSorterChange: PropTypes.Requireable<(...args: any[]) => any>;
+    render: PropTypes.Requireable<(...args: any[]) => any>;
+    renderFilterDropdownItem: PropTypes.Requireable<(...args: any[]) => any>;
+    sortChildrenRecord: PropTypes.Requireable<boolean>;
+    sortDirections: PropTypes.Requireable<string[]>;
+    sortOrder: PropTypes.Requireable<string | boolean>;
+    sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+    title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    useFullRender: PropTypes.Requireable<boolean>;
+    width: PropTypes.Requireable<string | number>;
+};
+export default _default;

package/lib/cjs/table/ColumnShape.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
+
+var _default = {
+  align: _propTypes.default.oneOf(_constants.strings.ALIGNS),
+  className: _propTypes.default.string,
+  colSpan: _propTypes.default.number,
+  dataIndex: _propTypes.default.string,
+  defaultSortOrder: _propTypes.default.oneOf(_constants.strings.SORT_DIRECTIONS),
+  filterChildrenRecord: _propTypes.default.bool,
+  filterDropdownProps: _propTypes.default.object,
+  filterDropdown: _propTypes.default.node,
+  filterDropdownVisible: _propTypes.default.bool,
+  filterIcon: _propTypes.default.func,
+  filterMultiple: _propTypes.default.bool,
+  filteredValue: _propTypes.default.arrayOf(_propTypes.default.any),
+  filters: _propTypes.default.array,
+  fixed: _propTypes.default.oneOf(_constants.strings.FIXED_SET),
+  onCell: _propTypes.default.func,
+  onFilter: _propTypes.default.func,
+  onFilterDropdownVisibleChange: _propTypes.default.func,
+  onHeaderCell: _propTypes.default.func,
+  onSorterChange: _propTypes.default.func,
+  render: _propTypes.default.func,
+  renderFilterDropdownItem: _propTypes.default.func,
+  sortChildrenRecord: _propTypes.default.bool,
+  sortDirections: _propTypes.default.arrayOf(_propTypes.default.string),
+  sortOrder: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+  sorter: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
+  title: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
+  useFullRender: _propTypes.default.bool,
+  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+};
+exports.default = _default;

package/lib/cjs/table/ColumnSorter.d.ts

@@ -0,0 +1,25 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { SortOrder } from './interface';
+export interface ColumnSorterProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    prefixCls?: string;
+    sortOrder?: SortOrder;
+}
+export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        prefixCls: PropTypes.Requireable<string>;
+        sortOrder: PropTypes.Requireable<string | boolean>;
+    };
+    static defaultProps: {
+        prefixCls: "semi-table";
+        onClick: (...args: any[]) => void;
+        sortOrder: boolean;
+    };
+    render(): JSX.Element;
+}