amis 1.10.1-beta.1 → 1.10.1

package/lib/components/table/HeadCellFilter.js.map

@@ -6,7 +6,7 @@
         "/src/components/table/HeadCellFilter.tsx"
     ],
     "names": [],
-    "mappings": ";AAAA;;;GAGG;;;;AAEH,6DAA0B;AAC1B,uCAAsC;AACtC,wEAAqC;AAErC,qCAAkD;AAClD,uCAAqD;AACrD,qFAG4B;AAC5B,sEAAmC;AACnC,kEAA+B;AAC/B,kCAA8B;AAsB9B;IAAoC,+CAA6B;IAM/D,wBAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAMb;QAJC,KAAI,CAAC,KAAK,GAAG;YACX,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,EAAE;SACzC,CAAC;;IACJ,CAAC;IAED,qCAAY,GAAZ,UAAa,OAAmB;QAAhC,iBAOC;QANC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,iDAC3B,MAAM,KACT,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAC7D,EAH8B,CAG9B,CAAC,CAAC;QAEJ,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,0CAAiB,GAAjB;QACS,IAAA,MAAM,GAAI,IAAI,CAAC,KAAK,OAAd,CAAe;QAC5B,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,EAAC,CAAC,CAAC;SAC7D;IACH,CAAC;IAED,2CAAkB,GAAlB,UAAmB,SAAgB,EAAE,SAAgB;QAC5C,IAAA,MAAM,GAAI,IAAI,CAAC,KAAK,OAAd,CAAe;QAC5B,IACE,MAAM,CAAC,OAAO;YACd,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;YACzB,CAAC,IAAA,iBAAO,EAAC,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAC3D;YACA,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,EAAC,CAAC,CAAC;SAC7D;IACH,CAAC;IAED,+BAAM,GAAN;QAAA,iBA0FC;QAzFQ,IAAA,OAAO,GAAI,IAAI,CAAC,KAAK,QAAd,CAAe;QACvB,IAAA,KAKF,IAAI,CAAC,KAAK,EAJZ,MAAM,YAAA,EACN,gBAAgB,sBAAA,EACJ,EAAE,gBAAA,EACD,EAAE,iBACH,CAAC;QAEf,IAAM,WAAW,GAAG;YAClB,cAAc,EAAE,UAAC,OAA4B;gBACpC,IAAA,eAAe,GAAyC,OAAO,gBAAhD,EAAE,YAAY,GAA2B,OAAO,aAAlC,EAAE,OAAO,GAAkB,OAAO,QAAzB,EAAE,YAAY,GAAI,OAAO,aAAX,CAAY;gBACvE,OAAO,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,sCAAI,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC;oBAC/B,CAAC,MAAM,CAAC,cAAc;wBACrB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAW,EAAE,KAAK,IAAK,OAAA,CAClC,sCACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,EAAE,CAAC;gCACZ,WAAW,EAAE,MAAM,CAAC,QAAQ;6BAC7B,CAAC,EACF,OAAO,EAAE;gCACP,OAAA,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BAA1D,CAA0D,IAG3D,MAAM,CAAC,IAAI,CACT,CACN,EAZmC,CAYnC,CAAC;wBACJ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAW,EAAE,KAAK,IAAK,OAAA,CAClC,sCAAI,GAAG,EAAE,KAAK;4BACZ,8BAAC,kBAAQ,IACP,WAAW,EAAE,EAAE,EACf,QAAQ,EAAE,UAAA,CAAC;oCACT,OAAA,KAAI,CAAC,WAAW,CACd,OAAO,EACP,eAAe,EACf,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAClC;gCAJD,CAIC,EAEH,OAAO,EAAE,MAAM,CAAC,QAAQ,IAEvB,MAAM,CAAC,IAAI,CACH,CACR,CACN,EAhBmC,CAgBnC,CAAC;oBACL,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,sCACE,GAAG,EAAC,wBAAwB,EAC5B,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC;wBAEvC,8BAAC,gBAAM,IACL,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAhC,CAAgC,mBAGxC;wBACT,8BAAC,gBAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;gCACP,OAAA,KAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,eAAe,CAAC;4BAAhD,CAAgD,mBAI3C,CACN,CACN,CAAC,CAAC,CAAC,IAAI,CACL,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;YACX,CAAC;YACD,eAAe,EAAE,UAAC,IAAmB;gBACnC,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,CAAC;YAApC,CAAoC;SACvC,CAAC;QAEF,OAAO,CACL,8BAAC,0BAAgB,0BACf,SAAS,EAAE,UAAG,EAAE,wBAAqB,EACrC,cAAc,EAAE,UAAG,EAAE,4BAAyB,EAC9C,UAAU,EAAE,8BAAC,YAAI,IAAC,IAAI,EAAC,eAAe,EAAC,SAAS,EAAC,MAAM,GAAG,EAC1D,MAAM,EACJ,MAAM,CAAC,QAAQ;gBACf,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,QAAQ,EAAb,CAAa,CAAC,CAAC,EAEzD,gBAAgB,EACd,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAM,OAAA,IAAA,uBAAW,EAAC,KAAI,CAAC,EAAjB,CAAiB,EAE/D,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,IAClC,WAAW,EACG,CACrB,CAAC;IACJ,CAAC;IAEK,oCAAW,GAAjB,UACE,OAA0C,EAC1C,eAAkE,EAClE,YAA4B;;;;;;;wBAEtB,KAAqB,IAAI,CAAC,KAAK,EAA9B,QAAQ,cAAA,EAAE,MAAM,YAAA,CAAe;wBAChC,OAAO,aAAI,GAAC,MAAM,CAAC,GAAG,IAAG,YAAY,KAAC,CAAC;6BAEzC,QAAQ,EAAR,wBAAQ;wBACQ,qBAAM,QAAQ,CAAC;gCAC/B,UAAU,EAAE,MAAM,CAAC,GAAG;gCACtB,WAAW,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC,GAAG,CAAC;6BACrC,CAAC,EAAA;;wBAHI,SAAS,GAAG,SAGhB;wBACF,IAAI,SAAS,EAAE;4BACb,sBAAO;yBACR;;;wBAGH,eAAe,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC;wBAEjD,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;wBAC9B,OAAO,EAAE,CAAC;;;;;KACX;IAED,oCAAW,GAAX,UACE,OAA0C,EAC1C,eAEqB,EACrB,YAA4B;QAE5B,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAC/C,KAAK;QACL,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;YAC/B,eAAe,IAAI,eAAe,2DAAK,aAAa,SAAK,YAAY,QAAE,CAAC;SACzE;aAAM;YACL,OAAO;YACP,eAAe;gBACb,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,YAAY,EAAlB,CAAkB,CAAC,CAAC,CAAC;SAClE;IACH,CAAC;IAED,2CAAkB,GAAlB,UAAmB,OAA0C;;QACrD,IAAA,KAAqB,IAAI,CAAC,KAAK,EAA9B,QAAQ,cAAA,EAAE,MAAM,YAAc,CAAC;QACtC,QAAQ,IAAI,QAAQ,WAAE,GAAC,MAAM,CAAC,GAAG,IAAG,IAAI,CAAC,KAAK,CAAC,aAAa,MAAE,CAAC;QAC/D,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,0CAAiB,GAAjB,UACE,OAA0C,EAC1C,eAEqB;QAErB,eAAe,IAAI,eAAe,CAAC,EAAE,CAAC,CAAC;QACvC,OAAO,EAAE,CAAC;IACZ,CAAC;IA7LM,2BAAY,GAAG;QACpB,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,KAAK;KACtB,CAAC;IA2LJ,qBAAC;CAAA,AA/LD,CAAoC,eAAK,CAAC,SAAS,GA+LlD;AA/LY,wCAAc;AAiM3B,kBAAe,IAAA,iBAAS,EAAC,IAAA,mBAAU,EAAC,cAAc,CAAC,CAAC,CAAC",
+    "mappings": "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",
     "sourcesContent": [
         "/**\n * @file table/HeadCellFilter\n * @author fex\n */\n\nimport React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport isEqual from 'lodash/isEqual';\n\nimport {themeable, ThemeProps} from '../../theme';\nimport {LocaleProps, localeable} from '../../locale';\nimport HeadCellDropDown, {\n  FilterDropdownProps,\n  FilterPayload\n} from './HeadCellDropDown';\nimport CheckBox from '../Checkbox';\nimport Button from '../Button';\nimport {Icon} from '../icons';\n\nexport interface Props extends ThemeProps, LocaleProps {\n  column: any;\n  onFilter?: Function;\n  filteredValue?: Array<string>;\n  filterMultiple?: boolean;\n  popOverContainer?: () => Element | Text | null;\n}\n\nexport interface OptionProps {\n  text: string;\n  value: string;\n  selected?: boolean;\n  children?: Array<OptionProps>;\n}\n\nexport interface State {\n  options: Array<OptionProps>;\n  filteredValue: Array<string>;\n}\n\nexport class HeadCellFilter extends React.Component<Props, State> {\n  static defaultProps = {\n    filteredValue: [],\n    filterMultiple: false\n  };\n\n  constructor(props: Props) {\n    super(props);\n\n    this.state = {\n      options: [],\n      filteredValue: props.filteredValue || []\n    };\n  }\n\n  alterOptions(options: Array<any>) {\n    options = options.map(option => ({\n      ...option,\n      selected: this.state.filteredValue.indexOf(option.value) > -1\n    }));\n\n    return options;\n  }\n\n  componentDidMount() {\n    const {column} = this.props;\n    if (column.filters && column.filters.length > 0) {\n      this.setState({options: this.alterOptions(column.filters)});\n    }\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    const {column} = this.props;\n    if (\n      column.filters &&\n      column.filters.length > 0 &&\n      !isEqual(prevState.filteredValue, this.state.filteredValue)\n    ) {\n      this.setState({options: this.alterOptions(column.filters)});\n    }\n  }\n\n  render() {\n    const {options} = this.state;\n    const {\n      column,\n      popOverContainer,\n      classnames: cx,\n      classPrefix: ns\n    } = this.props;\n\n    const filterProps = {\n      filterDropdown: (payload: FilterDropdownProps) => {\n        const {setSelectedKeys, selectedKeys, confirm, clearFilters} = payload;\n        return options && options.length > 0 ? (\n          <ul className={cx('DropDown-menu')}>\n            {!column.filterMultiple\n              ? options.map((option: any, index) => (\n                  <li\n                    key={index}\n                    className={cx({\n                      'is-active': option.selected\n                    })}\n                    onClick={() =>\n                      this.handleClick(confirm, setSelectedKeys, [option.value])\n                    }\n                  >\n                    {option.text}\n                  </li>\n                ))\n              : options.map((option: any, index) => (\n                  <li key={index}>\n                    <CheckBox\n                      classPrefix={ns}\n                      onChange={e =>\n                        this.handleCheck(\n                          confirm,\n                          setSelectedKeys,\n                          e ? [option.value] : option.value\n                        )\n                      }\n                      checked={option.selected}\n                    >\n                      {option.text}\n                    </CheckBox>\n                  </li>\n                ))}\n            {column.filterMultiple ? (\n              <li\n                key=\"dropDown-multiple-menu\"\n                className={cx('DropDown-multiple-menu')}\n              >\n                <Button\n                  size={'xs'}\n                  level={'primary'}\n                  onClick={() => this.handleConfirmClick(confirm)}\n                >\n                  确定\n                </Button>\n                <Button\n                  size={'xs'}\n                  onClick={() =>\n                    this.handleCancelClick(confirm, setSelectedKeys)\n                  }\n                >\n                  取消\n                </Button>\n              </li>\n            ) : null}\n          </ul>\n        ) : null;\n      },\n      setSelectedKeys: (keys: Array<string>) =>\n        this.setState({filteredValue: keys})\n    };\n\n    return (\n      <HeadCellDropDown\n        className={`${ns}TableCell-filterBtn`}\n        layerClassName={`${ns}TableCell-filterPopOver`}\n        filterIcon={<Icon icon=\"column-filter\" className=\"icon\" />}\n        active={\n          column.filtered ||\n          (options && options.some((item: any) => item.selected))\n        }\n        popOverContainer={\n          popOverContainer ? popOverContainer : () => findDOMNode(this)\n        }\n        selectedKeys={this.state.filteredValue}\n        {...filterProps}\n      ></HeadCellDropDown>\n    );\n  }\n\n  async handleClick(\n    confirm: (payload?: FilterPayload) => void,\n    setSelectedKeys?: (keys?: string | Array<string | number>) => void,\n    selectedKeys?: Array<string>\n  ) {\n    const {onFilter, column} = this.props;\n    const payload = {[column.key]: selectedKeys};\n\n    if (onFilter) {\n      const prevented = await onFilter({\n        filterName: column.key,\n        filterValue: selectedKeys?.join(',')\n      });\n      if (prevented) {\n        return;\n      }\n    }\n\n    setSelectedKeys && setSelectedKeys(selectedKeys);\n\n    onFilter && onFilter(payload);\n    confirm();\n  }\n\n  handleCheck(\n    confirm: (payload?: FilterPayload) => void,\n    setSelectedKeys?: (\n      keys: string | Array<string | number>\n    ) => void | undefined,\n    selectedKeys?: Array<string>\n  ) {\n    const filteredValue = this.state.filteredValue;\n    // 选中\n    if (Array.isArray(selectedKeys)) {\n      setSelectedKeys && setSelectedKeys([...filteredValue, ...selectedKeys]);\n    } else {\n      // 取消选中\n      setSelectedKeys &&\n        setSelectedKeys(filteredValue.filter(v => v !== selectedKeys));\n    }\n  }\n\n  handleConfirmClick(confirm: (payload?: FilterPayload) => void) {\n    const {onFilter, column} = this.props;\n    onFilter && onFilter({[column.key]: this.state.filteredValue});\n    confirm();\n  }\n\n  handleCancelClick(\n    confirm: (payload?: FilterPayload) => void,\n    setSelectedKeys?: (\n      keys: string | Array<string | number>\n    ) => void | undefined\n  ) {\n    setSelectedKeys && setSelectedKeys([]);\n    confirm();\n  }\n}\n\nexport default themeable(localeable(HeadCellFilter));\n"
     ]

package/lib/components/table/HeadCellSelect.js

@@ -24,7 +24,7 @@ var HeadCellSelect = /** @class */ (function (_super) {
     HeadCellSelect.prototype.render = function () {
         var _this = this;
         var _a = this.props, selections = _a.selections, allKeys = _a.keys, popOverContainer = _a.popOverContainer, cx = _a.classnames, ns = _a.classPrefix;
-        return (react_1.default.createElement(HeadCellDropDown_1.default, { className: "".concat(ns, "TableCell-selectionBtn"), layerClassName: "".concat(ns, "TableCell-selectionPopOver"), filterIcon: react_1.default.createElement(icons_1.Icon, { icon: "left-arrow", className: "icon" }), active: false, popOverContainer: popOverContainer ? popOverContainer : function () { return (0, react_dom_1.findDOMNode)(_this); }, filterDropdown: function (_a) {
+        return (react_1.default.createElement(HeadCellDropDown_1.default, { className: ns + "TableCell-selectionBtn", layerClassName: ns + "TableCell-selectionPopOver", filterIcon: react_1.default.createElement(icons_1.Icon, { icon: "left-arrow", className: "icon" }), active: false, popOverContainer: popOverContainer ? popOverContainer : function () { return (0, react_dom_1.findDOMNode)(_this); }, filterDropdown: function (_a) {
                 var setSelectedKeys = _a.setSelectedKeys, selectedKeys = _a.selectedKeys, confirm = _a.confirm, clearFilters = _a.clearFilters;
                 return react_1.default.createElement("ul", { className: cx('DropDown-menu') }, selections.map(function (item, index) { return (react_1.default.createElement("li", { key: index, onClick: function () {
                         item.onSelect && item.onSelect(allKeys);

package/lib/components/table/HeadCellSelect.js.map

@@ -6,7 +6,7 @@
         "/src/components/table/HeadCellSelect.tsx"
     ],
     "names": [],
-    "mappings": ";AAAA;;;GAGG;;;;AAEH,6DAA0B;AAC1B,uCAAsC;AAEtC,qCAAkD;AAClD,uCAAqD;AACrD,qFAAmE;AAEnE,kCAA8B;AAY9B;IAAoC,+CAA6B;IAK/D,wBAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAKb;QAHC,KAAI,CAAC,KAAK,GAAG;YACX,GAAG,EAAE,EAAE;SACR,CAAA;;IACH,CAAC;IAED,+BAAM,GAAN;QAAA,iBAmCC;QAlCO,IAAA,KAMF,IAAI,CAAC,KAAK,EALZ,UAAU,gBAAA,EACJ,OAAO,UAAA,EACb,gBAAgB,sBAAA,EACJ,EAAE,gBAAA,EACD,EAAE,iBACH,CAAC;QAEf,OAAO,CACL,8BAAC,0BAAgB,IACf,SAAS,EAAE,UAAG,EAAE,2BAAwB,EACxC,cAAc,EAAE,UAAG,EAAE,+BAA4B,EACjD,UAAU,EAAE,8BAAC,YAAI,IAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,MAAM,GAAG,EACvD,MAAM,EAAE,KAAK,EACb,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAM,OAAA,IAAA,uBAAW,EAAC,KAAI,CAAC,EAAjB,CAAiB,EAC/E,cAAc,EAAE,UAAC,EAAsD;oBAArD,eAAe,qBAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA;gBACpE,OAAO,sCAAI,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IACtC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,sCACE,GAAG,EAAE,KAAK,EACV,OAAO,EAAE;wBACP,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;wBACxC,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,eAAe,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;oBACvD,CAAC,IACA,IAAI,CAAC,IAAI,CACP,CACN,EATgC,CAShC,CAAC,CACC,CAAE;YACT,CAAC,EACD,eAAe,EAAE,UAAA,IAAI,IAAI,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC,EAA1B,CAA0B,EACnD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAEX,CACpB,CAAC;IACJ,CAAC;IAED,oCAAW,GAAX,UACE,OAA0C,EAC1C,eAA8E,EAC9E,YAAqC;QAEnC,eAAe,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC;QAEjD,OAAO,EAAE,CAAC;IACd,CAAC;IAzDM,2BAAY,GAAG;QACpB,UAAU,EAAE,EAAE;KACf,CAAC;IAwDJ,qBAAC;CAAA,AA3DD,CAAoC,eAAK,CAAC,SAAS,GA2DlD;AA3DY,wCAAc;AA6D3B,kBAAe,IAAA,iBAAS,EAAC,IAAA,mBAAU,EAAC,cAAc,CAAC,CAAC,CAAC",
+    "mappings": ";AAAA;;;GAGG;;;;AAEH,6DAA0B;AAC1B,uCAAsC;AAEtC,qCAAkD;AAClD,uCAAqD;AACrD,qFAAmE;AAEnE,kCAA8B;AAY9B;IAAoC,+CAA6B;IAK/D,wBAAY,KAAY;QAAxB,YACE,kBAAM,KAAK,CAAC,SAKb;QAHC,KAAI,CAAC,KAAK,GAAG;YACX,GAAG,EAAE,EAAE;SACR,CAAA;;IACH,CAAC;IAED,+BAAM,GAAN;QAAA,iBAmCC;QAlCO,IAAA,KAMF,IAAI,CAAC,KAAK,EALZ,UAAU,gBAAA,EACJ,OAAO,UAAA,EACb,gBAAgB,sBAAA,EACJ,EAAE,gBAAA,EACD,EAAE,iBACH,CAAC;QAEf,OAAO,CACL,8BAAC,0BAAgB,IACf,SAAS,EAAK,EAAE,2BAAwB,EACxC,cAAc,EAAK,EAAE,+BAA4B,EACjD,UAAU,EAAE,8BAAC,YAAI,IAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,MAAM,GAAG,EACvD,MAAM,EAAE,KAAK,EACb,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAM,OAAA,IAAA,uBAAW,EAAC,KAAI,CAAC,EAAjB,CAAiB,EAC/E,cAAc,EAAE,UAAC,EAAsD;oBAArD,eAAe,qBAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA;gBACpE,OAAO,sCAAI,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,IACtC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,sCACE,GAAG,EAAE,KAAK,EACV,OAAO,EAAE;wBACP,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;wBACxC,KAAI,CAAC,WAAW,CAAC,OAAO,EAAE,eAAe,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;oBACvD,CAAC,IACA,IAAI,CAAC,IAAI,CACP,CACN,EATgC,CAShC,CAAC,CACC,CAAE;YACT,CAAC,EACD,eAAe,EAAE,UAAA,IAAI,IAAI,OAAA,KAAI,CAAC,QAAQ,CAAC,EAAC,GAAG,EAAE,IAAI,EAAC,CAAC,EAA1B,CAA0B,EACnD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAEX,CACpB,CAAC;IACJ,CAAC;IAED,oCAAW,GAAX,UACE,OAA0C,EAC1C,eAA8E,EAC9E,YAAqC;QAEnC,eAAe,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC;QAEjD,OAAO,EAAE,CAAC;IACd,CAAC;IAzDM,2BAAY,GAAG;QACpB,UAAU,EAAE,EAAE;KACf,CAAC;IAwDJ,qBAAC;CAAA,AA3DD,CAAoC,eAAK,CAAC,SAAS,GA2DlD;AA3DY,wCAAc;AA6D3B,kBAAe,IAAA,iBAAS,EAAC,IAAA,mBAAU,EAAC,cAAc,CAAC,CAAC,CAAC",
     "sourcesContent": [
         "/**\n * @file table/HeadCellSelect\n * @author fex\n */\n\nimport React from 'react';\nimport {findDOMNode} from 'react-dom';\n\nimport {themeable, ThemeProps} from '../../theme';\nimport {LocaleProps, localeable} from '../../locale';\nimport HeadCellDropDown, {FilterPayload} from './HeadCellDropDown';\nimport {RowSelectionOptionProps} from './index';\nimport {Icon} from '../icons';\n\nexport interface Props extends ThemeProps, LocaleProps {\n  selections: Array<RowSelectionOptionProps>;\n  keys: Array<string | number> | string;\n  popOverContainer?: () => Element | Text | null;\n}\n\nexport interface State {\n  key: Array<string | number> | string;\n}\n\nexport class HeadCellSelect extends React.Component<Props, State> {\n  static defaultProps = {\n    selections: []\n  };\n\n  constructor(props: Props) {\n    super(props);\n\n    this.state = {\n      key: ''\n    }\n  }\n\n  render() {\n    const {\n      selections,\n      keys: allKeys,\n      popOverContainer,\n      classnames: cx,\n      classPrefix: ns\n    } = this.props;\n\n    return (\n      <HeadCellDropDown\n        className={`${ns}TableCell-selectionBtn`}\n        layerClassName={`${ns}TableCell-selectionPopOver`}\n        filterIcon={<Icon icon=\"left-arrow\" className=\"icon\" />}\n        active={false}\n        popOverContainer={popOverContainer ? popOverContainer : () => findDOMNode(this)}\n        filterDropdown={({setSelectedKeys, selectedKeys, confirm, clearFilters}) => {\n          return <ul className={cx('DropDown-menu')}>\n            {selections.map((item, index) => (\n              <li\n                key={index}\n                onClick={() => {\n                  item.onSelect && item.onSelect(allKeys);\n                  this.handleClick(confirm, setSelectedKeys, item.key);\n                }}>\n                {item.text}\n              </li>\n            ))}\n          </ul> ;\n        }}\n        setSelectedKeys={keys => this.setState({key: keys})}\n        selectedKeys={this.state.key}\n        >\n      </HeadCellDropDown>\n    );\n  }\n\n  handleClick(\n    confirm: (payload?: FilterPayload) => void,\n    setSelectedKeys?: (keys?: Array<string | number> | string) => void | undefined,\n    selectedKeys?: Array<string> | string\n  ) {\n      setSelectedKeys && setSelectedKeys(selectedKeys);\n\n      confirm();\n  }\n}\n\nexport default themeable(localeable(HeadCellSelect));"
     ]

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

@@ -144,9 +144,12 @@ export declare class Table extends React.PureComponent<TableProps, TableState> {
     tdColumns: Array<TdProps>;
     selectedRows: Array<any>;
     unSelectedRows: Array<any>;
-    sortable: Sortable;
+    sortable: Sortable | null;
     resizeStart: number;
     resizeKey: string;
+    resizeTarget: HTMLElement | null;
+    resizeWidth: number;
+    resizeMaxDistance: number;
     tableDom: React.RefObject<HTMLDivElement>;
     theadDom: React.RefObject<HTMLTableSectionElement>;
     tbodyDom: React.RefObject<HTMLTableSectionElement>;
@@ -162,6 +165,7 @@ export declare class Table extends React.PureComponent<TableProps, TableState> {
     };
     updateTableBodyFixed(): void;
     updateColWidths(): void;
+    updateTableFixedRows(): void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: TableProps, prevState: TableState): void;
     componentWillUnmount(): void;
@@ -176,8 +180,9 @@ export declare class Table extends React.PureComponent<TableProps, TableState> {
     updateFootSummaryFixedRow(tfoot: HTMLElement): void;
     updateHeadSummaryFixedRow(tbody: HTMLElement): void;
     renderColGroup(colWidths?: Array<number>): JSX.Element;
-    onResizeMouseDown(event: React.MouseEvent<any>, key: string): void;
-    onResizeMouseUp(event: React.MouseEvent<any>): void;
+    onResizeMouseDown(event: any, key: string): void;
+    onResizeMouseMove(event: any): void;
+    onResizeMouseUp(event: MouseEvent): void;
     renderTHead(): JSX.Element;
     onRowClick(event: React.ChangeEvent<any>, record?: any, rowIndex?: number): Promise<void>;
     onRowMouseEnter(event: React.ChangeEvent<any>, record?: any, rowIndex?: number): void;
@@ -205,10 +210,7 @@ export declare class Table extends React.PureComponent<TableProps, TableState> {
     updateTableDom(dom: HTMLElement): void;
     onTableContentScroll(event: React.ChangeEvent<any>): void;
     onWheel(event: WheelEvent): void;
-    onTableScroll(event: {
-        target: HTMLDivElement;
-        scrollLeft?: number;
-    }): void;
+    onTableScroll(event: any): void;
     renderLoading(): JSX.Element;
     renderTable(): JSX.Element;
     renderScrollTableHeader(): JSX.Element;

package/lib/components/table/index.js

@@ -157,7 +157,6 @@ var Table = /** @class */ (function (_super) {
             colWidths: [],
             hoverRow: null
         };
-        _this.onTableContentScroll = _this.onTableContentScroll.bind(_this);
         _this.getPopOverContainer = _this.getPopOverContainer.bind(_this);
         return _this;
     }
@@ -191,6 +190,9 @@ var Table = /** @class */ (function (_super) {
     Table.prototype.updateTableBodyFixed = function () {
         var tbodyDom = this.tbodyDom && this.tbodyDom.current;
         var tdColumns = (0, tslib_1.__spreadArray)([], this.tdColumns, true);
+        if (!tbodyDom) {
+            return;
+        }
         this.updateTbodyFixedRow(tbodyDom, tdColumns);
         this.updateHeadSummaryFixedRow(tbodyDom);
     };
@@ -205,12 +207,7 @@ var Table = /** @class */ (function (_super) {
             }
         });
     };
-    Table.prototype.componentDidMount = function () {
-        var _this = this;
-        var _a, _b;
-        if (this.props.loading) {
-            return;
-        }
+    Table.prototype.updateTableFixedRows = function () {
         if (hasFixedColumn(this.props.columns)) {
             var headerDom = this.headerDom && this.headerDom.current;
             if (headerDom) {
@@ -222,13 +219,16 @@ var Table = /** @class */ (function (_super) {
             var tfootDom = this.tfootDom && this.tfootDom.current;
             tfootDom && this.updateFootSummaryFixedRow(tfootDom);
         }
-        var current = null;
-        if (this.contentDom && this.contentDom.current) {
-            current = this.contentDom.current;
-            current.addEventListener('scroll', this.onTableContentScroll.bind(this));
+    };
+    Table.prototype.componentDidMount = function () {
+        var _this = this;
+        var _a, _b;
+        if (this.props.loading) {
+            return;
         }
-        else {
-            current = (_a = this.headerDom) === null || _a === void 0 ? void 0 : _a.current;
+        this.updateTableFixedRows();
+        var current = (_a = this.contentDom) === null || _a === void 0 ? void 0 : _a.current;
+        if ((_b = this.headerDom) === null || _b === void 0 ? void 0 : _b.current) {
             // overflow设置为hidden的情况
             var hiddenDomRefs = [this.headerDom, this.footDom];
             hiddenDomRefs.forEach(function (ref) {
@@ -236,21 +236,11 @@ var Table = /** @class */ (function (_super) {
                     ref.current &&
                     ref.current.addEventListener('wheel', _this.onWheel.bind(_this));
             });
-            // 横向同步滚动
-            var scrollDomRefs = [this.bodyDom];
-            scrollDomRefs.forEach(function (ref) {
-                return ref &&
-                    ref.current &&
-                    ref.current.addEventListener('scroll', _this.onTableScroll.bind(_this));
-            });
         }
         current && this.updateTableDom(current);
         if (this.props.draggable) {
             this.initDragging();
         }
-        if (this.props.resizable) {
-            (_b = this.theadDom.current) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseup', this.onResizeMouseUp.bind(this));
-        }
         this.updateStickyHeader();
         this.updateColWidths();
     };
@@ -260,7 +250,14 @@ var Table = /** @class */ (function (_super) {
         // 数据源发生了变化
         if (!(0, isEqual_1.default)(prevProps.dataSource, this.props.dataSource)) {
             this.setState({ dataSource: (0, tslib_1.__spreadArray)([], this.props.dataSource, true) }, function () {
-                return _this.updateColWidths();
+                if (_this.props.draggable) {
+                    if (_this.sortable) {
+                        _this.destroyDragging();
+                    }
+                    _this.initDragging();
+                }
+                _this.updateTableFixedRows();
+                _this.updateColWidths();
             }); // 异步加载数据需求再更新一次
         }
         // 选择项发生了变化触发
@@ -316,21 +313,12 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.componentWillUnmount = function () {
         var _this = this;
-        this.contentDom &&
-            this.contentDom.current &&
-            this.contentDom.current.removeEventListener('scroll', this.onTableContentScroll.bind(this));
         var hiddenDomRefs = [this.headerDom, this.footDom];
         hiddenDomRefs.forEach(function (ref) {
             return ref &&
                 ref.current &&
                 ref.current.removeEventListener('wheel', _this.onWheel.bind(_this));
         });
-        var scrollDomRefs = [this.bodyDom];
-        scrollDomRefs.forEach(function (ref) {
-            return ref &&
-                ref.current &&
-                ref.current.removeEventListener('scroll', _this.onTableScroll.bind(_this));
-        });
         this.destroyDragging();
     };
     Table.prototype.initDragging = function () {
@@ -339,13 +327,13 @@ var Table = /** @class */ (function (_super) {
         this.sortable = new sortablejs_1.default(this.tbodyDom.current, {
             group: 'table',
             animation: 150,
-            handle: ".".concat(cx('Table-dragCell')),
+            handle: "." + cx('Table-dragCell'),
             ghostClass: 'is-dragging',
             onMove: function (e) {
                 var dragged = e.dragged;
                 var related = e.related;
                 if (related &&
-                    related.classList.contains("".concat(cx('Table-summary-row')))) {
+                    related.classList.contains("" + cx('Table-summary-row'))) {
                     return false;
                 }
                 var draggedLevels = dragged.getAttribute('row-levels');
@@ -365,7 +353,8 @@ var Table = /** @class */ (function (_super) {
                         return [2 /*return*/];
                     }
                     rowLevels = e.item.getAttribute('row-levels');
-                    onDrag && onDrag(e.oldIndex, e.newIndex, rowLevels ? rowLevels.split(',') : []);
+                    onDrag &&
+                        onDrag(e.oldIndex, e.newIndex, rowLevels ? rowLevels.split(',') : []);
                     return [2 /*return*/];
                 });
             }); }
@@ -373,6 +362,7 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.destroyDragging = function () {
         this.sortable && this.sortable.destroy();
+        this.sortable = null;
     };
     Table.prototype.updateStickyHeader = function () {
         var _this = this;
@@ -509,73 +499,58 @@ var Table = /** @class */ (function (_super) {
                 } })) : null,
             tdColumns.map(function (data, index) {
                 var width = colWidths ? colWidths[index + extraCount] : data.width;
-                return (react_1.default.createElement("col", { key: index, style: { width: typeof width === 'number' ? width + 'px' : width }, className: data.className ? cx("Table-colgroup-".concat(data.className)) : '' }));
+                return (react_1.default.createElement("col", { key: index, style: { width: typeof width === 'number' ? width + 'px' : width }, className: data.className ? cx("Table-colgroup-" + data.className) : '' }));
             })));
     };
     Table.prototype.onResizeMouseDown = function (event, key) {
+        var _a;
         // 点击记录起始坐标
         this.resizeStart = event.clientX;
-        // 记录点击的列名
         this.resizeKey = key;
+        var index = this.tdColumns.findIndex(function (c) { return c.key === key; }) + this.getExtraColumnCount();
+        var colGroup = (_a = this.tableDom.current) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('colgroup')[0];
+        var currentWidth = 0;
+        var child = null;
+        if (colGroup && colGroup.children[index]) {
+            child = colGroup.children[index];
+            currentWidth = child.offsetWidth;
+        }
+        this.resizeWidth = currentWidth;
+        this.resizeTarget = child;
+        if (colGroup) {
+            var maxDistance = 0;
+            for (var i = 0; i < colGroup.children.length; i++) {
+                var child_1 = colGroup.children[i];
+                // 自适应列 保证有一个最小宽度
+                // 如果都设置了固定宽度 那一个都拖不动
+                if (!this.tdColumns[i].width) {
+                    maxDistance += child_1.offsetWidth - DefaultCellWidth;
+                }
+            }
+            this.resizeMaxDistance = maxDistance;
+        }
+        document.addEventListener('mousemove', this.onResizeMouseMove);
+        document.addEventListener('mouseup', this.onResizeMouseUp);
         event && event.stopPropagation();
     };
-    Table.prototype.onResizeMouseUp = function (event) {
+    Table.prototype.onResizeMouseMove = function (event) {
         var _this = this;
-        var _a;
         // 点击了调整列宽
-        if (this.resizeStart && this.resizeKey) {
+        if (this.resizeStart && this.resizeTarget) {
             // 计算横向移动距离
             var distance = event.clientX - this.resizeStart;
             var tdColumns = (0, tslib_1.__spreadArray)([], this.tdColumns, true);
-            var index = tdColumns.findIndex(function (c) { return c.key === _this.resizeKey; }) +
-                this.getExtraColumnCount();
-            var colGroup = (_a = this.tableDom.current) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('colgroup')[0];
-            var currentWidth = 0;
-            if (colGroup && colGroup.children[index]) {
-                var child = colGroup.children[index];
-                currentWidth = child.offsetWidth;
-            }
             var newWidth = 0;
-            if (colGroup) {
-                var maxDistance = 0; // 最多可以移动的距离
-                // 调宽列
-                if (distance > 0) {
-                    for (var i = 0; i < colGroup.children.length; i++) {
-                        var child = colGroup.children[i];
-                        // 自适应列 保证有一个最小宽度
-                        // 如果都设置了固定宽度 那一个都拖不动
-                        if (!this.tdColumns[i].width) {
-                            maxDistance += child.offsetWidth - DefaultCellWidth;
-                        }
-                    }
-                    if (colGroup.children[index]) {
-                        var child = colGroup.children[index];
-                        newWidth = currentWidth + Math.min(distance, maxDistance);
-                        child.style.width = newWidth + 'px';
-                    }
-                }
-                else {
-                    // 缩短列
-                    var autoColumns = [];
-                    for (var i = 0; i < colGroup.children.length; i++) {
-                        var child = colGroup.children[i];
-                        // 自适应列 保证有一个最小宽度
-                        // 如果都设置了固定宽度 那一个都拖不动
-                        if (!this.tdColumns[i].width) {
-                            autoColumns.push(child);
-                        }
-                    }
-                    maxDistance = DefaultCellWidth - currentWidth;
-                    if (colGroup.children[index]) {
-                        var child = colGroup.children[index];
-                        newWidth = currentWidth + Math.max(distance, maxDistance);
-                        child.style.width = newWidth + 'px';
-                    }
-                    var gap_1 = Math.abs(Math.max(distance, maxDistance)) / autoColumns.length;
-                    autoColumns.forEach(function (c) {
-                        c.style.width = c.offsetWidth + gap_1 + 'px';
-                    });
-                }
+            // 调宽列
+            if (distance > 0) {
+                newWidth =
+                    this.resizeWidth + Math.min(distance, this.resizeMaxDistance);
+                this.resizeTarget.style.width = newWidth + 'px';
+            }
+            else {
+                // 缩短列
+                newWidth = Math.max(this.resizeWidth + distance, DefaultCellWidth);
+                this.resizeTarget.style.width = newWidth + 'px';
             }
             var column = (0, find_1.default)(tdColumns, function (c) { return c.key === _this.resizeKey; });
             // 只有通过配置设置过的宽度保存到tdColumns
@@ -585,11 +560,18 @@ var Table = /** @class */ (function (_super) {
                 column.width = newWidth;
             }
             this.tdColumns = tdColumns;
-            this.resizeStart = 0;
-            this.resizeKey = '';
         }
         event && event.stopPropagation();
     };
+    Table.prototype.onResizeMouseUp = function (event) {
+        document.removeEventListener('mousemove', this.onResizeMouseMove);
+        document.removeEventListener('mouseup', this.onResizeMouseUp);
+        this.resizeStart = 0;
+        this.resizeKey = '';
+        this.resizeWidth = 0;
+        this.resizeTarget = null;
+        this.resizeMaxDistance = 0;
+    };
     Table.prototype.renderTHead = function () {
         var _this = this;
         var _a = this.props, rowSelection = _a.rowSelection, dataSource = _a.dataSource, cx = _a.classnames, onSort = _a.onSort, expandable = _a.expandable, draggable = _a.draggable, resizable = _a.resizable, onSelectAll = _a.onSelectAll, onFilter = _a.onFilter;
@@ -691,7 +673,7 @@ var Table = /** @class */ (function (_super) {
                         sort,
                         filter,
                         resizable ? (react_1.default.createElement("i", { className: cx('Table-thead-resizable'), onMouseDown: function (e) { return _this.onResizeMouseDown(e, item.key); } })) : null));
-                    return (react_1.default.createElement(Cell_1.default, { wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, key: "cell-".concat(i), fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
+                    return (react_1.default.createElement(Cell_1.default, { wrapperComponent: "th", rowSpan: item.rowSpan, colSpan: item.colSpan, key: "cell-" + i, fixed: item.fixed === true ? 'left' : item.fixed, className: cx({
                             'Table-cell-last': i === maxCount - 1 && i === data.length - 1
                         }), groupId: item.groupId, depth: item.depth }, typeof item.title === 'function'
                         ? item.title(children)
@@ -744,7 +726,8 @@ var Table = /** @class */ (function (_super) {
             }
             this.setState({ hoverRow: { target: target, rowIndex: rowIndex, record: record } }, function () {
                 if (onRow) {
-                    onRow.onRowMouseEnter && onRow.onRowMouseEnter(event, record, rowIndex);
+                    onRow.onRowMouseEnter &&
+                        onRow.onRowMouseEnter(event, record, rowIndex);
                 }
             });
         }
@@ -899,8 +882,9 @@ var Table = /** @class */ (function (_super) {
         var hasChildrenRow = this.hasChildrenRow(data);
         var isExpanded = !!(0, find_1.default)(this.state.expandedRowKeys, function (key) { return key == data[_this.getExpandableKeyField()]; }); // == 匹配 否则'3'、3匹配不上
         // 设置缩进效果
-        var indentDom = levels.length > 0 ? (react_1.default.createElement("span", { className: cx('Table-row-indent', "indent-level-".concat(levels.length)), style: levels.length > 0
-                ? { paddingLeft: (indentSize * levels.length) + 'px' } : {} })) : null;
+        var indentDom = levels.length > 0 ? (react_1.default.createElement("span", { className: cx('Table-row-indent', "indent-level-" + levels.length), style: levels.length > 0
+                ? { paddingLeft: indentSize * levels.length + 'px' }
+                : {} })) : null;
         var cells = tdColumns.map(function (item, i) {
             var _a, _b;
             var render = item.render && typeof item.render === 'function'
@@ -917,14 +901,15 @@ var Table = /** @class */ (function (_super) {
                 }
             }
             var className = typeof item.className === 'function'
-                ? item.className(data, rowIndex) : '';
+                ? item.className(data, rowIndex)
+                : '';
             return props.rowSpan === 0 || props.colSpan === 0 ? null : (react_1.default.createElement(Cell_1.default, (0, tslib_1.__assign)({ key: i }, props, { fixed: item.fixed === true ? 'left' : item.fixed, column: item, groupId: item.groupId, className: cx((_a = {},
-                    _a["".concat(className)] = !!className,
+                    _a["" + className] = !!className,
                     _a)) }),
                 react_1.default.createElement("div", { className: cx('Table-cell-wrapper', (_b = {},
                         _b[cx('Table-cell-wrapper-prefix')] = i === 0 &&
-                            (!!indentDom || levels.length === 0 && hasChildrenRow),
-                        _b[cx("Table-cell-height-".concat(lineHeight))] = !!lineHeight,
+                            (!!indentDom || (levels.length === 0 && hasChildrenRow)),
+                        _b[cx("Table-cell-height-" + lineHeight)] = !!lineHeight,
                         _b)) },
                     i === 0 && levels.length > 0 ? indentDom : null,
                     i === 0 && hasChildrenRow
@@ -959,13 +944,13 @@ var Table = /** @class */ (function (_super) {
         var hasChildrenChecked = this.hasCheckedChildrenRows(data);
         var isRadio = rowSelection && rowSelection.type === 'radio';
         return [
-            react_1.default.createElement("tr", { key: "".concat(data[keyField || 'key'] || rowIndex), "row-index": rowIndex, "row-levels": levels.join(','), className: cx('Table-row', "Table-row-level-".concat(levels.length), rowClassNameClass, {
+            react_1.default.createElement("tr", { key: "" + (data[keyField || 'key'] || rowIndex), "row-index": rowIndex, "row-levels": levels.join(','), className: cx('Table-row', "Table-row-level-" + levels.length, rowClassNameClass, {
                     'Table-row-disabled': !!checkboxProps.disabled
                 }), onMouseEnter: function (e) { return _this.onRowMouseEnter(e, data, rowIndex); }, onMouseLeave: function (e) { return _this.onRowMouseLeave(e, data, rowIndex); }, onClick: function (e) { return _this.onRowClick(e, data, rowIndex); } },
                 draggable ? (react_1.default.createElement(Cell_1.default, { className: cx('Table-dragCell') },
                     react_1.default.createElement(icons_1.Icon, { icon: "drag-bar", className: "icon" }))) : null,
                 !draggable && rowSelection ? (react_1.default.createElement(Cell_1.default, { fixed: rowSelection.fixed ? 'left' : '', className: cx('Table-checkCell') },
-                    react_1.default.createElement(Checkbox_1.default, (0, tslib_1.__assign)({ name: 'Table-checkbox', type: rowSelection.type || 'checkbox', partial: !isRadio && hasChildrenChecked && !isChecked, checked: isRadio ? isChecked : (hasChildrenChecked || isChecked), onChange: function (value, shift) {
+                    react_1.default.createElement(Checkbox_1.default, (0, tslib_1.__assign)({ name: 'Table-checkbox', type: rowSelection.type || 'checkbox', partial: !isRadio && hasChildrenChecked && !isChecked, checked: isRadio ? isChecked : hasChildrenChecked || isChecked, onChange: function (value, shift) {
                             if (!(rowSelection && rowSelection.rowClick)) {
                                 _this.selectedSingleRow(value, data);
                             }
@@ -992,7 +977,9 @@ var Table = /** @class */ (function (_super) {
                 react_1.default.createElement(Cell_1.default, { colSpan: tdColumns.length + colCount },
                     react_1.default.createElement("div", { className: cx('Table-empty') }, typeof placeholder === 'function'
                         ? placeholder()
-                        : placeholder)))) : (this.state.dataSource.map(function (data, index) { return _this.renderRow(data, index, []); }))));
+                        : placeholder)))) : (this.state.dataSource.map(function (data, index) {
+                return _this.renderRow(data, index, []);
+            }))));
     };
     Table.prototype.isExpandableTable = function () {
         var expandable = this.props.expandable;
@@ -1106,10 +1093,10 @@ var Table = /** @class */ (function (_super) {
         // 设置了横向滚动轴 则table的table-layout为fixed
         var hasScrollX = scroll && scroll.x;
         var hoverRow = this.state.hoverRow;
-        return (react_1.default.createElement("div", { ref: this.contentDom, className: cx('Table-content'), style: hasScrollX ? { overflow: 'auto hidden' } : {}, onMouseLeave: this.onMouseLeave.bind(this) },
-            itemActions && hoverRow
-                ? react_1.default.createElement(ItemActionsWrapper_1.default, { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
-                    ? itemActions(hoverRow.record, hoverRow.rowIndex) : null) : null,
+        return (react_1.default.createElement("div", { ref: this.contentDom, className: cx('Table-content'), style: hasScrollX ? { overflow: 'auto hidden' } : {}, onMouseLeave: this.onMouseLeave.bind(this), onScroll: this.onTableContentScroll.bind(this) },
+            itemActions && hoverRow ? (react_1.default.createElement(ItemActionsWrapper_1.default, { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
+                ? itemActions(hoverRow.record, hoverRow.rowIndex)
+                : null)) : null,
             react_1.default.createElement("table", { style: hasScrollX
                     ? { width: scroll.x + 'px', tableLayout: 'fixed' }
                     : { tableLayout: 'auto' }, className: cx('Table-table') },
@@ -1156,10 +1143,10 @@ var Table = /** @class */ (function (_super) {
             });
         }
         var hoverRow = this.state.hoverRow;
-        return (react_1.default.createElement("div", { ref: this.bodyDom, className: cx('Table-body'), style: style, onMouseLeave: this.onMouseLeave.bind(this) },
-            itemActions && hoverRow
-                ? react_1.default.createElement(ItemActionsWrapper_1.default, { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
-                    ? itemActions(hoverRow.record, hoverRow.rowIndex) : null) : null,
+        return (react_1.default.createElement("div", { ref: this.bodyDom, className: cx('Table-body'), style: style, onMouseLeave: this.onMouseLeave.bind(this), onScroll: this.onTableScroll.bind(this) },
+            itemActions && hoverRow ? (react_1.default.createElement(ItemActionsWrapper_1.default, { dom: hoverRow.target, classnames: cx }, typeof itemActions === 'function'
+                ? itemActions(hoverRow.record, hoverRow.rowIndex)
+                : null)) : null,
             react_1.default.createElement("table", { className: cx('Table-table'), style: tableStyle },
                 this.renderColGroup(),
                 this.renderTBody())));
@@ -1191,7 +1178,7 @@ var Table = /** @class */ (function (_super) {
         var hasScrollX = scroll && scroll.x;
         return (react_1.default.createElement("div", { ref: this.tableDom, className: cx('Table-v2', className, (_a = {},
                 _a[cx('Table-scroll-horizontal')] = hasScrollX,
-                _a[cx("Table-".concat(size))] = size,
+                _a[cx("Table-" + size)] = size,
                 _a[cx('Table-bordered')] = bordered,
                 _a[cx('Table-resizable')] = resizable,
                 _a)) },
@@ -1199,6 +1186,7 @@ var Table = /** @class */ (function (_super) {
             hasScrollY || sticky ? (this.renderScrollTable()) : (react_1.default.createElement("div", { className: cx('Table-container') }, this.renderTable())),
             footer ? (react_1.default.createElement("div", { className: cx('Table-footer') }, typeof footer === 'function' ? footer() : footer)) : null));
     };
+    var _a;
     Table.defaultProps = {
         title: '',
         className: '',
@@ -1208,6 +1196,18 @@ var Table = /** @class */ (function (_super) {
         placeholder: '暂无数据',
         showHeader: true
     };
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], Table.prototype, "onResizeMouseMove", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof MouseEvent !== "undefined" && MouseEvent) === "function" ? _a : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], Table.prototype, "onResizeMouseUp", null);
     return Table;
 }(react_1.default.PureComponent));
 exports.Table = Table;