amis 1.4.1 → 1.4.2-beta.13

package/lib/renderers/Table/TableCell.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Table/TableCell.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": ";;;;AAAA,6DAA0B;AAC1B,yCAAsD;AACtD,wEAAqC;AACrC,sEAAmC;AACnC,oEAAqC;AACrC,yCAAoC;AACpC,kCAAqC;AACrC,uCAAuC;AACvC,gDAA6C;AAO7C;IAA+B,0CAA8B;IAA7D;;IAgIA,CAAC;IAjHC,0BAAM,GAAN;QACE,IAAI,KA6BA,IAAI,CAAC,KAAK,EA5BA,EAAE,gBAAA,EACd,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,KAAK,WAAA,EACa,SAAS,sBAAA,EAC3B,MAAM,YAAA,EACN,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACD,KAAK,UAAA,EACX,GAAG,SAAA,EACH,MAAM,YAAA,EACN,MAAM,YAAA,EACN,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,GAAG,SAAA,EACH,SAAS,eAAA,EACT,SAAS,eAAA,EACN,IAAI,2BA5BL,4SA6BH,CAAa,CAAC;QACf,IAAM,MAAM,mDACP,MAAM,KACT,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,OAAO,GACzC,CAAC;QAEF,wCAAwC;QACxC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,KAAK,iBAAiB,EAAE;YACjE,OAAO,MAAM,CAAC,KAAK,CAAC;SACrB;QAED,IAAI,IAAI,GAAG,QAAQ;YACjB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,kDACjB,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAClC,SAAS,EAAE,IAAI,EACf,KAAK,OAAA,EACL,IAAI,MAAA,IACJ,CAAC;QAEP,IAAI,KAAK,EAAE;YACT,KAAK,mDACA,KAAK,KACR,KAAK,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,GACvC,CAAC;YAEF,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;gBACnC,IAAI,GAAG,CACL,uCAAK,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAC;oBAC7B,MAAM;oBACN,IAAI;oBACJ,KAAK,CACF,CACP,CAAC;gBACF,MAAM,GAAG,IAAI,CAAC;gBACd,KAAK,GAAG,IAAI,CAAC;gBACb,sBAAsB;aACvB;SACF;QAED,IAAI,KAAK,EAAE;YACT,KAAK,mDACA,KAAK,KACR,SAAS,EAAE,KAAK,GACjB,CAAC;SACH;QAED,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,IAAmB,CAAC;SAC5B;QAED,IAAI,MAAM,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;SAClB;QAED,OAAO,CACL,8BAAC,SAAS,IACR,OAAO,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,SAAS,EACT,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,YAAM,EAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CACjE,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO;YAEf,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,aAAK,IACJ,UAAU,EAAE,EAAE,EACd,KAAK,kDACA,SAAS,KACZ,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,KAEpD,IAAI,EAAE,GAAG,CAAC,IAAI,GACd,CACH,CAAC,CAAC,CAAC,IAAI;YACP,MAAM;YACN,IAAI;YACJ,KAAK,CACI,CACb,CAAC;IACJ,CAAC;IA9HM,sBAAY,GAAG;QACpB,gBAAgB,EAAE,IAAI;KACvB,CAAC;IAEK,mBAAS,GAAkB;QAChC,MAAM;QACN,OAAO;QACP,QAAQ;QACR,MAAM;QACN,KAAK;QACL,SAAS;QACT,QAAQ;KACT,CAAC;IAmHJ,gBAAC;CAAA,AAhID,CAA+B,eAAK,CAAC,SAAS,GAgI7C;AAhIY,8BAAS;AA4ItB;IAAuC,kDAAS;IAAhD;;IASA,CAAC;IARQ,2BAAS;QACd,WAAW;QACX,oBAAoB;QACpB,SAAS;QACT,UAAU;QACV,QAAQ;OACL,SAAS,CAAC,SAAS,QACtB;IARS,iBAAiB;QAV7B,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,6BAA6B;YACnC,IAAI,EAAE,YAAY;SACnB,CAAC;QACD,IAAA,mBAAS,GAAE;QACX,IAAA,iBAAW,EAAC;YACX,YAAY,EAAE,IAAI;SACnB,CAAC;QACD,IAAA,kBAAQ,GAAE;QACV,qBAAQ;OACI,iBAAiB,CAS7B;IAAD,wBAAC;CAAA,AATD,CAAuC,SAAS,GAS/C;AATY,8CAAiB;AAiB9B;IAAmC,8CAAS;IAA5C;;IAKA,CAAC;IAJQ,0BAAY,mDACd,SAAS,CAAC,YAAY,KACzB,gBAAgB,EAAE,KAAK,IACvB;IAJS,aAAa;QANzB,IAAA,kBAAQ,EAAC;YACR,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,OAAO;SACd,CAAC;QACD,IAAA,iBAAW,GAAE;QACb,IAAA,kBAAQ,GAAE;OACE,aAAa,CAKzB;IAAD,oBAAC;CAAA,AALD,CAAmC,SAAS,GAK3C;AALY,sCAAa",
     "sourcesContent": [
-        "import React from 'react';\nimport {RendererProps, Renderer} from '../../factory';\nimport QuickEdit from '../QuickEdit';\nimport Copyable from '../Copyable';\nimport PopOverable from '../PopOver';\nimport {observer} from 'mobx-react';\nimport omit = require('lodash/omit');\nimport {filter} from '../../utils/tpl';\n\nexport interface TableCellProps extends RendererProps {\n  wrapperComponent?: React.ReactType;\n  column: object;\n}\nexport class TableCell extends React.Component<RendererProps> {\n  static defaultProps = {\n    wrapperComponent: 'td'\n  };\n\n  static propsList: Array<string> = [\n    'type',\n    'label',\n    'column',\n    'body',\n    'tpl',\n    'rowSpan',\n    'remark'\n  ];\n\n  render() {\n    let {\n      classnames: cx,\n      className,\n      classNameExpr,\n      render,\n      style,\n      wrapperComponent: Component,\n      column,\n      value,\n      data,\n      children,\n      width,\n      align,\n      innerClassName,\n      label,\n      tabIndex,\n      onKeyUp,\n      rowSpan,\n      body: _body,\n      tpl,\n      remark,\n      prefix,\n      affix,\n      isHead,\n      ...rest\n    } = this.props;\n\n    const schema = {\n      ...column,\n      className: innerClassName,\n      type: (column && column.type) || 'plain'\n    };\n\n    // 如果本来就是 type 为 button，不要删除，其他情况下都应该删除。\n    if (schema.type !== 'button' && schema.type !== 'dropdown-button') {\n      delete schema.label;\n    }\n\n    let body = children\n      ? children\n      : render('field', schema, {\n          ...omit(rest, Object.keys(schema)),\n          inputOnly: true,\n          value,\n          data\n        });\n\n    if (width) {\n      style = {\n        ...style,\n        width: (style && style.width) || width\n      };\n\n      if (!/%$/.test(String(style.width))) {\n        body = (\n          <div style={{width: style.width}}>\n            {prefix}\n            {body}\n            {affix}\n          </div>\n        );\n        prefix = null;\n        affix = null;\n        // delete style.width;\n      }\n    }\n\n    if (align) {\n      style = {\n        ...style,\n        textAlign: align\n      };\n    }\n\n    if (!Component) {\n      return body as JSX.Element;\n    }\n\n    if (isHead) {\n      Component = 'th';\n    }\n\n    return (\n      <Component\n        rowSpan={rowSpan > 1 ? rowSpan : undefined}\n        style={style}\n        className={cx(\n          className,\n          column.classNameExpr ? filter(column.classNameExpr, data) : null\n        )}\n        tabIndex={tabIndex}\n        onKeyUp={onKeyUp}\n      >\n        {prefix}\n        {body}\n        {affix}\n      </Component>\n    );\n  }\n}\n\n@Renderer({\n  test: /(^|\\/)table\\/(?:.*\\/)?cell$/,\n  name: 'table-cell'\n})\n@QuickEdit()\n@PopOverable({\n  targetOutter: true\n})\n@Copyable()\n@observer\nexport class TableCellRenderer extends TableCell {\n  static propsList = [\n    'quickEdit',\n    'quickEditEnabledOn',\n    'popOver',\n    'copyable',\n    'inline',\n    ...TableCell.propsList\n  ];\n}\n\n@Renderer({\n  type: 'field',\n  name: 'field'\n})\n@PopOverable()\n@Copyable()\nexport class FieldRenderer extends TableCell {\n  static defaultProps = {\n    ...TableCell.defaultProps,\n    wrapperComponent: 'div'\n  };\n}\n"
+        "import React from 'react';\nimport {RendererProps, Renderer} from '../../factory';\nimport QuickEdit from '../QuickEdit';\nimport Copyable from '../Copyable';\nimport PopOverable from '../PopOver';\nimport {observer} from 'mobx-react';\nimport omit = require('lodash/omit');\nimport {filter} from '../../utils/tpl';\nimport {Badge} from '../../components/Badge';\n\nexport interface TableCellProps extends RendererProps {\n  wrapperComponent?: React.ReactType;\n  column: object;\n}\n\nexport class TableCell extends React.Component<RendererProps> {\n  static defaultProps = {\n    wrapperComponent: 'td'\n  };\n\n  static propsList: Array<string> = [\n    'type',\n    'label',\n    'column',\n    'body',\n    'tpl',\n    'rowSpan',\n    'remark'\n  ];\n\n  render() {\n    let {\n      classnames: cx,\n      className,\n      classNameExpr,\n      render,\n      style,\n      wrapperComponent: Component,\n      column,\n      value,\n      data,\n      children,\n      width,\n      align,\n      innerClassName,\n      label,\n      tabIndex,\n      onKeyUp,\n      rowSpan,\n      body: _body,\n      tpl,\n      remark,\n      prefix,\n      affix,\n      isHead,\n      colIndex,\n      row,\n      showBadge,\n      itemBadge,\n      ...rest\n    } = this.props;\n    const schema = {\n      ...column,\n      className: innerClassName,\n      type: (column && column.type) || 'plain'\n    };\n\n    // 如果本来就是 type 为 button，不要删除，其他情况下都应该删除。\n    if (schema.type !== 'button' && schema.type !== 'dropdown-button') {\n      delete schema.label;\n    }\n\n    let body = children\n      ? children\n      : render('field', schema, {\n          ...omit(rest, Object.keys(schema)),\n          inputOnly: true,\n          value,\n          data\n        });\n\n    if (width) {\n      style = {\n        ...style,\n        width: (style && style.width) || width\n      };\n\n      if (!/%$/.test(String(style.width))) {\n        body = (\n          <div style={{width: style.width}}>\n            {prefix}\n            {body}\n            {affix}\n          </div>\n        );\n        prefix = null;\n        affix = null;\n        // delete style.width;\n      }\n    }\n\n    if (align) {\n      style = {\n        ...style,\n        textAlign: align\n      };\n    }\n\n    if (!Component) {\n      return body as JSX.Element;\n    }\n\n    if (isHead) {\n      Component = 'th';\n    }\n\n    return (\n      <Component\n        rowSpan={rowSpan > 1 ? rowSpan : undefined}\n        style={style}\n        className={cx(\n          className,\n          column.classNameExpr ? filter(column.classNameExpr, data) : null\n        )}\n        tabIndex={tabIndex}\n        onKeyUp={onKeyUp}\n      >\n        {showBadge ? (\n          <Badge\n            classnames={cx}\n            badge={{\n              ...itemBadge,\n              className: cx(`Table-badge`, itemBadge?.className)\n            }}\n            data={row.data}\n          />\n        ) : null}\n        {prefix}\n        {body}\n        {affix}\n      </Component>\n    );\n  }\n}\n\n@Renderer({\n  test: /(^|\\/)table\\/(?:.*\\/)?cell$/,\n  name: 'table-cell'\n})\n@QuickEdit()\n@PopOverable({\n  targetOutter: true\n})\n@Copyable()\n@observer\nexport class TableCellRenderer extends TableCell {\n  static propsList = [\n    'quickEdit',\n    'quickEditEnabledOn',\n    'popOver',\n    'copyable',\n    'inline',\n    ...TableCell.propsList\n  ];\n}\n\n@Renderer({\n  type: 'field',\n  name: 'field'\n})\n@PopOverable()\n@Copyable()\nexport class FieldRenderer extends TableCell {\n  static defaultProps = {\n    ...TableCell.defaultProps,\n    wrapperComponent: 'div'\n  };\n}\n"
     ]
 }

package/lib/renderers/Table/TableContent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ClassNamesFn } from '../../theme';
-import { IColumn, IRow } from '../../store/table';
+import { IColumn, IRow, ITableStore } from '../../store/table';
 import { SchemaNode, Action } from '../../types';
 import { LocaleProps } from '../../locale';
 import { ActionSchema } from '../Action';
@@ -37,7 +37,10 @@ export interface TableContentProps extends LocaleProps {
     prefixRow?: Array<any>;
     affixRow?: Array<any>;
     itemAction?: ActionSchema;
+    itemActions?: Array<Action>;
+    store: ITableStore;
 }
 export declare class TableContent extends React.Component<TableContentProps> {
+    renderItemActions(): JSX.Element | null;
     render(): JSX.Element;
 }

package/lib/renderers/Table/TableContent.js

@@ -5,16 +5,36 @@ var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var TableBody_1 = require("./TableBody");
 var mobx_react_1 = require("mobx-react");
+var ItemActionsWrapper_1 = (0, tslib_1.__importDefault)(require("./ItemActionsWrapper"));
 var TableContent = /** @class */ (function (_super) {
     (0, tslib_1.__extends)(TableContent, _super);
     function TableContent() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    TableContent.prototype.renderItemActions = function () {
+        var _a = this.props, itemActions = _a.itemActions, render = _a.render, store = _a.store, cx = _a.classnames;
+        var finalActions = Array.isArray(itemActions)
+            ? itemActions.filter(function (action) { return !action.hiddenOnHover; })
+            : [];
+        if (!finalActions.length) {
+            return null;
+        }
+        return (react_1.default.createElement(ItemActionsWrapper_1.default, { store: store, classnames: cx },
+            react_1.default.createElement("div", { className: cx('Table-itemActions') }, finalActions.map(function (action, index) {
+                return render("itemAction/" + index, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, action), { isMenuItem: true }), {
+                    key: index,
+                    item: store.hoverRow,
+                    data: store.hoverRow.locals,
+                    rowIndex: store.hoverRow.index
+                });
+            }))));
+    };
     TableContent.prototype.render = function () {
-        var _a = this.props, placeholder = _a.placeholder, cx = _a.classnames, render = _a.render, className = _a.className, columns = _a.columns, columnsGroup = _a.columnsGroup, onMouseMove = _a.onMouseMove, onScroll = _a.onScroll, tableRef = _a.tableRef, rows = _a.rows, renderHeadCell = _a.renderHeadCell, renderCell = _a.renderCell, onCheck = _a.onCheck, rowClassName = _a.rowClassName, onQuickChange = _a.onQuickChange, footable = _a.footable, footableColumns = _a.footableColumns, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, onAction = _a.onAction, rowClassNameExpr = _a.rowClassNameExpr, data = _a.data, prefixRow = _a.prefixRow, locale = _a.locale, translate = _a.translate, itemAction = _a.itemAction, affixRow = _a.affixRow;
+        var _a = this.props, placeholder = _a.placeholder, cx = _a.classnames, render = _a.render, className = _a.className, columns = _a.columns, columnsGroup = _a.columnsGroup, onMouseMove = _a.onMouseMove, onScroll = _a.onScroll, tableRef = _a.tableRef, rows = _a.rows, renderHeadCell = _a.renderHeadCell, renderCell = _a.renderCell, onCheck = _a.onCheck, rowClassName = _a.rowClassName, onQuickChange = _a.onQuickChange, footable = _a.footable, footableColumns = _a.footableColumns, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, onAction = _a.onAction, rowClassNameExpr = _a.rowClassNameExpr, data = _a.data, prefixRow = _a.prefixRow, locale = _a.locale, translate = _a.translate, itemAction = _a.itemAction, affixRow = _a.affixRow, store = _a.store;
         var tableClassName = cx('Table-table', this.props.tableClassName);
         var hideHeader = columns.every(function (column) { return !column.label; });
         return (react_1.default.createElement("div", { onMouseMove: onMouseMove, className: cx('Table-content', className), onScroll: onScroll },
+            store.hoverRow ? this.renderItemActions() : null,
             react_1.default.createElement("table", { ref: tableRef, className: tableClassName },
                 react_1.default.createElement("thead", null,
                     columnsGroup.length ? (react_1.default.createElement("tr", null, columnsGroup.map(function (item, index) { return (react_1.default.createElement("th", { key: index, "data-index": item.index, colSpan: item.colSpan, rowSpan: item.rowSpan }, item.label ? render('tpl', item.label) : null)); }))) : null,

package/lib/renderers/Table/TableContent.js.map

@@ -6,8 +6,8 @@
         "/src/renderers/Table/TableContent.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {ClassNamesFn} from '../../theme';\nimport {IColumn, IRow} from '../../store/table';\nimport {SchemaNode, Action} from '../../types';\nimport {TableBody} from './TableBody';\nimport {LocaleProps} from '../../locale';\nimport {observer} from 'mobx-react';\nimport {ActionSchema} from '../Action';\n\nexport interface TableContentProps extends LocaleProps {\n  className?: string;\n  tableClassName?: string;\n  classnames: ClassNamesFn;\n  columns: Array<IColumn>;\n  columnsGroup: Array<{\n    label: string;\n    index: number;\n    colSpan: number;\n    rowSpan: number;\n    has: Array<any>;\n  }>;\n  rows: Array<IRow>;\n  placeholder?: string;\n  render: (region: string, node: SchemaNode, props?: any) => JSX.Element;\n  onMouseMove: (event: React.MouseEvent) => void;\n  onScroll: (event: React.UIEvent) => void;\n  tableRef: (table?: HTMLTableElement | null) => void;\n  renderHeadCell: (column: IColumn, props?: any) => JSX.Element;\n  renderCell: (\n    region: string,\n    column: IColumn,\n    item: IRow,\n    props: any\n  ) => React.ReactNode;\n  onCheck: (item: IRow, value: boolean, shift?: boolean) => void;\n  onQuickChange?: (\n    item: IRow,\n    values: object,\n    saveImmediately?: boolean | any,\n    savePristine?: boolean\n  ) => void;\n  footable?: boolean;\n  footableColumns: Array<IColumn>;\n  checkOnItemClick?: boolean;\n  buildItemProps?: (item: IRow, index: number) => any;\n  onAction?: (e: React.UIEvent<any>, action: Action, ctx: object) => void;\n  rowClassNameExpr?: string;\n  rowClassName?: string;\n  data?: any;\n  prefixRow?: Array<any>;\n  affixRow?: Array<any>;\n  itemAction?: ActionSchema;\n}\n\n@observer\nexport class TableContent extends React.Component<TableContentProps> {\n  render() {\n    const {\n      placeholder,\n      classnames: cx,\n      render,\n      className,\n      columns,\n      columnsGroup,\n      onMouseMove,\n      onScroll,\n      tableRef,\n      rows,\n      renderHeadCell,\n      renderCell,\n      onCheck,\n      rowClassName,\n      onQuickChange,\n      footable,\n      footableColumns,\n      checkOnItemClick,\n      buildItemProps,\n      onAction,\n      rowClassNameExpr,\n      data,\n      prefixRow,\n      locale,\n      translate,\n      itemAction,\n      affixRow\n    } = this.props;\n\n    const tableClassName = cx('Table-table', this.props.tableClassName);\n    const hideHeader = columns.every(column => !column.label);\n\n    return (\n      <div\n        onMouseMove={onMouseMove}\n        className={cx('Table-content', className)}\n        onScroll={onScroll}\n      >\n        <table ref={tableRef} className={tableClassName}>\n          <thead>\n            {columnsGroup.length ? (\n              <tr>\n                {columnsGroup.map((item, index) => (\n                  <th\n                    key={index}\n                    data-index={item.index}\n                    colSpan={item.colSpan}\n                    rowSpan={item.rowSpan}\n                  >\n                    {item.label ? render('tpl', item.label) : null}\n                  </th>\n                ))}\n              </tr>\n            ) : null}\n            <tr className={hideHeader ? 'fake-hide' : ''}>\n              {columns.map(column =>\n                columnsGroup.find(group => ~group.has.indexOf(column))\n                  ?.rowSpan === 2\n                  ? null\n                  : renderHeadCell(column, {\n                      'data-index': column.index,\n                      'key': column.index\n                    })\n              )}\n            </tr>\n          </thead>\n          {!rows.length ? (\n            <tbody>\n              <tr className={cx('Table-placeholder')}>\n                <td colSpan={columns.length}>\n                  {render(\n                    'placeholder',\n                    translate(placeholder || 'placeholder.noData')\n                  )}\n                </td>\n              </tr>\n            </tbody>\n          ) : (\n            <TableBody\n              itemAction={itemAction}\n              classnames={cx}\n              render={render}\n              renderCell={renderCell}\n              onCheck={onCheck}\n              onQuickChange={onQuickChange}\n              footable={footable}\n              footableColumns={footableColumns}\n              checkOnItemClick={checkOnItemClick}\n              buildItemProps={buildItemProps}\n              onAction={onAction}\n              rowClassNameExpr={rowClassNameExpr}\n              rowClassName={rowClassName}\n              rows={rows}\n              columns={columns}\n              locale={locale}\n              translate={translate}\n              prefixRow={prefixRow}\n              affixRow={affixRow}\n              data={data}\n            ></TableBody>\n          )}\n        </table>\n      </div>\n    );\n  }\n}\n"
+        "import React from 'react';\nimport {ClassNamesFn} from '../../theme';\nimport {IColumn, IRow, ITableStore} from '../../store/table';\nimport {SchemaNode, Action} from '../../types';\nimport {TableBody} from './TableBody';\nimport {LocaleProps} from '../../locale';\nimport {observer} from 'mobx-react';\nimport {ActionSchema} from '../Action';\nimport ItemActionsWrapper from './ItemActionsWrapper';\n\nexport interface TableContentProps extends LocaleProps {\n  className?: string;\n  tableClassName?: string;\n  classnames: ClassNamesFn;\n  columns: Array<IColumn>;\n  columnsGroup: Array<{\n    label: string;\n    index: number;\n    colSpan: number;\n    rowSpan: number;\n    has: Array<any>;\n  }>;\n  rows: Array<IRow>;\n  placeholder?: string;\n  render: (region: string, node: SchemaNode, props?: any) => JSX.Element;\n  onMouseMove: (event: React.MouseEvent) => void;\n  onScroll: (event: React.UIEvent) => void;\n  tableRef: (table?: HTMLTableElement | null) => void;\n  renderHeadCell: (column: IColumn, props?: any) => JSX.Element;\n  renderCell: (\n    region: string,\n    column: IColumn,\n    item: IRow,\n    props: any\n  ) => React.ReactNode;\n  onCheck: (item: IRow, value: boolean, shift?: boolean) => void;\n  onQuickChange?: (\n    item: IRow,\n    values: object,\n    saveImmediately?: boolean | any,\n    savePristine?: boolean\n  ) => void;\n  footable?: boolean;\n  footableColumns: Array<IColumn>;\n  checkOnItemClick?: boolean;\n  buildItemProps?: (item: IRow, index: number) => any;\n  onAction?: (e: React.UIEvent<any>, action: Action, ctx: object) => void;\n  rowClassNameExpr?: string;\n  rowClassName?: string;\n  data?: any;\n  prefixRow?: Array<any>;\n  affixRow?: Array<any>;\n  itemAction?: ActionSchema;\n  itemActions?: Array<Action>;\n  store: ITableStore;\n}\n\n@observer\nexport class TableContent extends React.Component<TableContentProps> {\n  renderItemActions() {\n    const {itemActions, render, store, classnames: cx} = this.props;\n    const finalActions = Array.isArray(itemActions)\n      ? itemActions.filter(action => !action.hiddenOnHover)\n      : [];\n\n    if (!finalActions.length) {\n      return null;\n    }\n\n    return (\n      <ItemActionsWrapper store={store} classnames={cx}>\n        <div className={cx('Table-itemActions')}>\n          {finalActions.map((action, index) =>\n            render(\n              `itemAction/${index}`,\n              {\n                ...(action as any),\n                isMenuItem: true\n              },\n              {\n                key: index,\n                item: store.hoverRow,\n                data: store.hoverRow!.locals,\n                rowIndex: store.hoverRow!.index\n              }\n            )\n          )}\n        </div>\n      </ItemActionsWrapper>\n    );\n  }\n\n  render() {\n    const {\n      placeholder,\n      classnames: cx,\n      render,\n      className,\n      columns,\n      columnsGroup,\n      onMouseMove,\n      onScroll,\n      tableRef,\n      rows,\n      renderHeadCell,\n      renderCell,\n      onCheck,\n      rowClassName,\n      onQuickChange,\n      footable,\n      footableColumns,\n      checkOnItemClick,\n      buildItemProps,\n      onAction,\n      rowClassNameExpr,\n      data,\n      prefixRow,\n      locale,\n      translate,\n      itemAction,\n      affixRow,\n      store\n    } = this.props;\n\n    const tableClassName = cx('Table-table', this.props.tableClassName);\n    const hideHeader = columns.every(column => !column.label);\n\n    return (\n      <div\n        onMouseMove={onMouseMove}\n        className={cx('Table-content', className)}\n        onScroll={onScroll}\n      >\n        {store.hoverRow ? this.renderItemActions() : null}\n        <table ref={tableRef} className={tableClassName}>\n          <thead>\n            {columnsGroup.length ? (\n              <tr>\n                {columnsGroup.map((item, index) => (\n                  <th\n                    key={index}\n                    data-index={item.index}\n                    colSpan={item.colSpan}\n                    rowSpan={item.rowSpan}\n                  >\n                    {item.label ? render('tpl', item.label) : null}\n                  </th>\n                ))}\n              </tr>\n            ) : null}\n            <tr className={hideHeader ? 'fake-hide' : ''}>\n              {columns.map(column =>\n                columnsGroup.find(group => ~group.has.indexOf(column))\n                  ?.rowSpan === 2\n                  ? null\n                  : renderHeadCell(column, {\n                      'data-index': column.index,\n                      'key': column.index\n                    })\n              )}\n            </tr>\n          </thead>\n          {!rows.length ? (\n            <tbody>\n              <tr className={cx('Table-placeholder')}>\n                <td colSpan={columns.length}>\n                  {render(\n                    'placeholder',\n                    translate(placeholder || 'placeholder.noData')\n                  )}\n                </td>\n              </tr>\n            </tbody>\n          ) : (\n            <TableBody\n              itemAction={itemAction}\n              classnames={cx}\n              render={render}\n              renderCell={renderCell}\n              onCheck={onCheck}\n              onQuickChange={onQuickChange}\n              footable={footable}\n              footableColumns={footableColumns}\n              checkOnItemClick={checkOnItemClick}\n              buildItemProps={buildItemProps}\n              onAction={onAction}\n              rowClassNameExpr={rowClassNameExpr}\n              rowClassName={rowClassName}\n              rows={rows}\n              columns={columns}\n              locale={locale}\n              translate={translate}\n              prefixRow={prefixRow}\n              affixRow={affixRow}\n              data={data}\n            ></TableBody>\n          )}\n        </table>\n      </div>\n    );\n  }\n}\n"
     ]
 }

package/lib/renderers/Table/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { RendererProps } from '../../factory';
 import { SchemaNode, Action } from '../../types';
+import './ColumnToggler';
 import { ITableStore, IColumn, IRow } from '../../store/table';
 import Sortable from 'sortablejs';
 import { TableCell } from './TableCell';
@@ -9,6 +10,7 @@ import { SchemaPopOver } from '../PopOver';
 import { SchemaQuickEdit } from '../QuickEdit';
 import { SchemaCopyable } from '../Copyable';
 import { SchemaRemark } from '../Remark';
+import { BadgeSchema } from '../../components/Badge';
 /**
  * 表格列，不指定类型时默认为文本类型。
  */
@@ -48,7 +50,7 @@ export declare type TableColumnObject = {
     /**
      * 是否可快速搜索
      */
-    searchable?: boolean;
+    searchable?: boolean | SchemaObject;
     /**
      * 配置是否默认展示
      */
@@ -191,6 +193,14 @@ export interface TableSchema extends BaseSchema {
      * 行样式表表达式
      */
     rowClassNameExpr?: string;
+    /**
+     * 行角标
+     */
+    itemBadge?: BadgeSchema;
+    /**
+     * 开启查询区域，会根据列元素的searchable属性值，自动生成查询条件表单
+     */
+    autoGenerateFilter?: boolean;
 }
 export interface TableProps extends RendererProps {
     title?: string;
@@ -245,6 +255,7 @@ export interface TableProps extends RendererProps {
     popOverContainer?: any;
     canAccessSuperData?: boolean;
     reUseRow?: boolean;
+    itemBadge?: BadgeSchema;
 }
 declare type ExportExcelToolbar = SchemaNode & {
     api?: SchemaApi;
@@ -280,6 +291,11 @@ export default class Table extends React.Component<TableProps, object> {
     constructor(props: TableProps);
     static syncRows(store: ITableStore, props: TableProps, prevProps?: TableProps): boolean;
     componentDidMount(): void;
+    /**
+     * 自动设置表格高度占满界面剩余区域
+     * 用 css 实现有点麻烦，要改很多结构，所以先用 dom hack 了，避免对之前的功能有影响
+     */
+    updateAutoFillHeight(): void;
     componentDidUpdate(prevProps: TableProps): void;
     componentWillUnmount(): void;
     subFormRef(form: any, x: number, y: number): void;
@@ -323,6 +339,8 @@ export default class Table extends React.Component<TableProps, object> {
     handleColResizeMouseDown(e: React.MouseEvent<HTMLElement>): void;
     handleColResizeMouseMove(e: MouseEvent): void;
     handleColResizeMouseUp(e: MouseEvent): void;
+    handleColumnToggle(columns: Array<IColumn>): void;
+    renderAutoFilterForm(): React.ReactNode;
     renderHeading(): JSX.Element | null;
     renderHeadCell(column: IColumn, props?: any): JSX.Element;
     renderCell(region: string, column: IColumn, item: IRow, props: any, ignoreDrag?: boolean): JSX.Element | null;
@@ -335,7 +353,6 @@ export default class Table extends React.Component<TableProps, object> {
     renderActions(region: string): JSX.Element | null;
     renderHeader(editable?: boolean): JSX.Element | JSX.Element[] | null;
     renderFooter(): JSX.Element | JSX.Element[] | null;
-    renderItemActions(): JSX.Element | null;
     renderTableContent(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/renderers/Table/index.js

@@ -7,10 +7,11 @@ var react_dom_1 = require("react-dom");
 var factory_1 = require("../../factory");
 var forEach_1 = (0, tslib_1.__importDefault)(require("lodash/forEach"));
 var tpl_1 = require("../../utils/tpl");
-var DropDownButton_1 = (0, tslib_1.__importDefault)(require("../DropDownButton"));
+require("./ColumnToggler");
 var Checkbox_1 = (0, tslib_1.__importDefault)(require("../../components/Checkbox"));
 var Button_1 = (0, tslib_1.__importDefault)(require("../../components/Button"));
 var table_1 = require("../../store/table");
+var file_saver_1 = require("file-saver");
 var helper_1 = require("../../utils/helper");
 var tpl_builtin_1 = require("../../utils/tpl-builtin");
 var debounce_1 = (0, tslib_1.__importDefault)(require("lodash/debounce"));
@@ -26,6 +27,9 @@ var TableContent_1 = require("./TableContent");
 var image_1 = require("../../utils/image");
 var TableBody_1 = require("./TableBody");
 var mobx_state_tree_1 = require("mobx-state-tree");
+var ColumnToggler_1 = (0, tslib_1.__importDefault)(require("./ColumnToggler"));
+var offset_1 = (0, tslib_1.__importDefault)(require("../../utils/offset"));
+var dom_1 = require("../../utils/dom");
 /**
  * 将 url 转成绝对地址
  */
@@ -75,6 +79,9 @@ var Table = /** @class */ (function (_super) {
         _this.handleMouseMove = _this.handleMouseMove.bind(_this);
         _this.handleMouseLeave = _this.handleMouseLeave.bind(_this);
         _this.subFormRef = _this.subFormRef.bind(_this);
+        _this.handleColumnToggle = _this.handleColumnToggle.bind(_this);
+        _this.renderAutoFilterForm = _this.renderAutoFilterForm.bind(_this);
+        _this.updateAutoFillHeight = _this.updateAutoFillHeight.bind(_this);
         var store = props.store, columns = props.columns, selectable = props.selectable, columnsTogglable = props.columnsTogglable, draggable = props.draggable, orderBy = props.orderBy, orderDir = props.orderDir, multiple = props.multiple, footable = props.footable, primaryField = props.primaryField, itemCheckableOn = props.itemCheckableOn, itemDraggableOn = props.itemDraggableOn, hideCheckToggler = props.hideCheckToggler, combineFromIndex = props.combineFromIndex, expandConfig = props.expandConfig, formItem = props.formItem, keepItemSelectionOnPageChange = props.keepItemSelectionOnPageChange, maxKeepItemSelectionLength = props.maxKeepItemSelectionLength;
         var combineNum = props.combineNum;
         if (typeof combineNum === 'string') {
@@ -145,6 +152,54 @@ var Table = /** @class */ (function (_super) {
         this.affixDetect();
         parent.addEventListener('scroll', this.affixDetect);
         window.addEventListener('resize', this.affixDetect);
+        this.updateAutoFillHeight();
+        window.addEventListener('resize', this.updateAutoFillHeight);
+    };
+    /**
+     * 自动设置表格高度占满界面剩余区域
+     * 用 css 实现有点麻烦，要改很多结构，所以先用 dom hack 了，避免对之前的功能有影响
+     */
+    Table.prototype.updateAutoFillHeight = function () {
+        var _this = this;
+        var _a = this.props, autoFillHeight = _a.autoFillHeight, footerToolbar = _a.footerToolbar, ns = _a.classPrefix;
+        if (!autoFillHeight) {
+            return;
+        }
+        var table = (0, react_dom_1.findDOMNode)(this);
+        var tableContent = table.querySelector("." + ns + "Table-content");
+        var tableContentWrap = table.querySelector("." + ns + "Table-contentWrap");
+        var footToolbar = table.querySelector("." + ns + "Table-footToolbar");
+        if (!tableContent) {
+            return;
+        }
+        // 计算 table-content 在 dom 中的位置
+        var tableContentTop = (0, offset_1.default)(tableContent).top;
+        var viewportHeight = window.innerHeight;
+        // 有时候会拿不到 footToolbar？
+        var footToolbarHeight = footToolbar ? (0, offset_1.default)(footToolbar).height : 0;
+        // 有时候会拿不到 footToolbar，等一下在执行
+        if (!footToolbarHeight && footerToolbar && footerToolbar.length) {
+            setTimeout(function () {
+                _this.updateAutoFillHeight();
+            }, 100);
+            return;
+        }
+        var tableContentWrapMarginButtom = (0, dom_1.getStyleNumber)(tableContentWrap, 'margin-bottom');
+        // 循环计算父级节点的 pddding，这里不考虑父级节点还可能会有其它兄弟节点的情况了
+        var allParentPaddingButtom = 0;
+        var parentNode = tableContent.parentElement;
+        while (parentNode) {
+            var paddingButtom = (0, dom_1.getStyleNumber)(parentNode, 'padding-bottom');
+            var borderBottom = (0, dom_1.getStyleNumber)(parentNode, 'border-bottom-width');
+            allParentPaddingButtom =
+                allParentPaddingButtom + paddingButtom + borderBottom;
+            parentNode = parentNode.parentElement;
+        }
+        tableContent.style.height = viewportHeight -
+            tableContentTop -
+            tableContentWrapMarginButtom -
+            footToolbarHeight -
+            allParentPaddingButtom + "px";
     };
     Table.prototype.componentDidUpdate = function (prevProps) {
         var props = this.props;
@@ -199,8 +254,12 @@ var Table = /** @class */ (function (_super) {
             Table.syncRows(store, props, prevProps) && this.syncSelected();
         }
         else if ((0, helper_1.isArrayChildrenModified)(prevProps.selected, props.selected)) {
+            var prevSelectedRows = store.selectedRows
+                .map(function (item) { return item.id; })
+                .join(',');
             store.updateSelected(props.selected || [], props.valueField);
-            this.syncSelected();
+            var selectedRows = store.selectedRows.map(function (item) { return item.id; }).join(',');
+            prevSelectedRows !== selectedRows && this.syncSelected();
         }
         this.updateTableInfoLazy();
     };
@@ -209,6 +268,7 @@ var Table = /** @class */ (function (_super) {
         var parent = this.parentNode;
         parent && parent.removeEventListener('scroll', this.affixDetect);
         window.removeEventListener('resize', this.affixDetect);
+        window.removeEventListener('resize', this.updateAutoFillHeight);
         this.updateTableInfoLazy.cancel();
         this.unSensor && this.unSensor();
         formItem && (0, mobx_state_tree_1.isAlive)(formItem) && formItem.setSubStore(null);
@@ -343,7 +403,7 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.affixDetect = function () {
         var _a, _b, _c, _d;
-        if (!this.props.affixHeader || !this.table) {
+        if (!this.props.affixHeader || !this.table || this.props.autoFillHeight) {
             return;
         }
         var ns = this.props.classPrefix;
@@ -515,7 +575,7 @@ var Table = /** @class */ (function (_super) {
         return (0, react_dom_1.findDOMNode)(this);
     };
     Table.prototype.handleMouseMove = function (e) {
-        var tr = e.target.closest('tr[data-index]');
+        var tr = e.target.closest('tr[data-id]');
         if (!tr) {
             return;
         }
@@ -526,17 +586,17 @@ var Table = /** @class */ (function (_super) {
             (!itemActions || !itemActions.filter(function (item) { return !item.hiddenOnHover; }).length)) {
             return;
         }
-        var index = parseInt(tr.getAttribute('data-index'), 10);
-        if (store.hoverIndex === index) {
+        var id = tr.getAttribute('data-id');
+        var row = store.hoverRow;
+        if ((row === null || row === void 0 ? void 0 : row.id) === id) {
             return;
         }
-        store.rows.forEach(function (item, key) { return item.setIsHover(index === key); });
+        (0, helper_1.eachTree)(store.rows, function (item) { return item.setIsHover(item.id === id); });
     };
     Table.prototype.handleMouseLeave = function () {
         var store = this.props.store;
-        if (~store.hoverIndex) {
-            store.rows[store.hoverIndex].setIsHover(false);
-        }
+        var row = store.hoverRow;
+        row === null || row === void 0 ? void 0 : row.setIsHover(false);
     };
     Table.prototype.handleDragStart = function (e) {
         var store = this.props.store;
@@ -674,6 +734,87 @@ var Table = /** @class */ (function (_super) {
         document.removeEventListener('mousemove', this.handleColResizeMouseMove);
         document.removeEventListener('mouseup', this.handleColResizeMouseUp);
     };
+    Table.prototype.handleColumnToggle = function (columns) {
+        var store = this.props.store;
+        store.updateColumns(columns);
+    };
+    Table.prototype.renderAutoFilterForm = function () {
+        var _a = this.props, render = _a.render, store = _a.store, onSearchableFromReset = _a.onSearchableFromReset, onSearchableFromSubmit = _a.onSearchableFromSubmit, onSearchableFromInit = _a.onSearchableFromInit, cx = _a.classnames, __ = _a.translate;
+        var searchableColumns = store.searchableColumns;
+        var activedSearchableColumns = store.activedSearchableColumns;
+        if (!searchableColumns.length) {
+            return null;
+        }
+        var groupedSearchableColumns = [
+            { body: [], md: 4 },
+            { body: [], md: 4 },
+            { body: [], md: 4 }
+        ];
+        activedSearchableColumns.forEach(function (column, index) {
+            var _a, _b, _c, _d;
+            groupedSearchableColumns[index % 3].body.push((0, tslib_1.__assign)((0, tslib_1.__assign)({}, column.searchable), { name: (_b = (_a = column.searchable) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : column.name, label: (_d = (_c = column.searchable) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : column.label, mode: 'horizontal' }));
+        });
+        return render('searchable-form', {
+            type: 'form',
+            api: null,
+            title: '',
+            mode: 'normal',
+            submitText: __('search'),
+            body: [
+                {
+                    type: 'grid',
+                    columns: groupedSearchableColumns
+                }
+            ],
+            actions: [
+                {
+                    type: 'dropdown-button',
+                    label: __('Table.searchFields'),
+                    className: cx('Table-searchableForm-dropdown', 'mr-2'),
+                    level: 'link',
+                    trigger: 'click',
+                    size: 'sm',
+                    align: 'right',
+                    buttons: searchableColumns.map(function (column) {
+                        var _a, _b, _c, _d;
+                        return {
+                            type: 'checkbox',
+                            className: cx('Table-searchableForm-checkbox'),
+                            name: "__search_" + ((_b = (_a = column.searchable) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : column.name),
+                            option: (_d = (_c = column.searchable) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : column.label,
+                            value: column.enableSearch,
+                            badge: {
+                                offset: [-10, 5],
+                                visibleOn: "" + (column.toggable && !column.toggled && column.enableSearch)
+                            },
+                            onChange: function (value) {
+                                column.setEnableSearch(value);
+                            }
+                        };
+                    })
+                },
+                {
+                    type: 'submit',
+                    label: __('search'),
+                    level: 'primary',
+                    className: 'w-18'
+                },
+                {
+                    type: 'reset',
+                    label: __('reset'),
+                    className: 'w-18'
+                }
+            ]
+        }, {
+            key: 'searchable-form',
+            panelClassName: cx('Table-searchableForm'),
+            actionsClassName: cx('Table-searchableForm-footer'),
+            onReset: onSearchableFromReset,
+            onSubmit: onSearchableFromSubmit,
+            onInit: onSearchableFromInit,
+            formStore: undefined
+        });
+    };
     Table.prototype.renderHeading = function () {
         var _a = this.props, title = _a.title, store = _a.store, hideQuickSaveBtn = _a.hideQuickSaveBtn, data = _a.data, cx = _a.classnames, saveImmediately = _a.saveImmediately, headingClassName = _a.headingClassName, quickSaveApi = _a.quickSaveApi, __ = _a.translate;
         if (title ||
@@ -705,7 +846,7 @@ var Table = /** @class */ (function (_super) {
         return null;
     };
     Table.prototype.renderHeadCell = function (column, props) {
-        var _a = this.props, store = _a.store, query = _a.query, onQuery = _a.onQuery, multiple = _a.multiple, env = _a.env, render = _a.render, ns = _a.classPrefix, resizable = _a.resizable, cx = _a.classnames;
+        var _a = this.props, store = _a.store, query = _a.query, onQuery = _a.onQuery, multiple = _a.multiple, env = _a.env, render = _a.render, ns = _a.classPrefix, resizable = _a.resizable, cx = _a.classnames, autoGenerateFilter = _a.autoGenerateFilter;
         if (column.type === '__checkme') {
             return (react_1.default.createElement("th", (0, tslib_1.__assign)({}, props, { className: cx(column.pristine.className) }), store.rows.length && multiple ? (react_1.default.createElement(Checkbox_1.default, { classPrefix: ns, partial: !store.allChecked, checked: store.someChecked, disabled: store.disabledHeadCheckbox, onChange: this.handleCheckAll })) : ('\u00A0')));
         }
@@ -724,7 +865,7 @@ var Table = /** @class */ (function (_super) {
                 react_1.default.createElement(icons_1.Icon, { icon: "right-arrow-bold", className: "icon" })))));
         }
         var affix = null;
-        if (column.searchable && column.name) {
+        if (column.searchable && column.name && !autoGenerateFilter) {
             affix = (react_1.default.createElement(HeadCellSearchDropdown_1.HeadCellSearchDropDown, (0, tslib_1.__assign)({}, this.props, { onQuery: onQuery, name: column.name, searchable: column.searchable, sortable: column.sortable, type: column.type, data: query, orderBy: store.orderBy, orderDir: store.orderDir, popOverContainer: this.getPopOverContainer })));
         }
         else if (column.sortable && column.name) {
@@ -793,7 +934,7 @@ var Table = /** @class */ (function (_super) {
     };
     Table.prototype.renderCell = function (region, column, item, props, ignoreDrag) {
         if (ignoreDrag === void 0) { ignoreDrag = false; }
-        var _a = this.props, render = _a.render, store = _a.store, multiple = _a.multiple, ns = _a.classPrefix, cx = _a.classnames, checkOnItemClick = _a.checkOnItemClick, popOverContainer = _a.popOverContainer, canAccessSuperData = _a.canAccessSuperData;
+        var _a = this.props, render = _a.render, store = _a.store, multiple = _a.multiple, ns = _a.classPrefix, cx = _a.classnames, checkOnItemClick = _a.checkOnItemClick, popOverContainer = _a.popOverContainer, canAccessSuperData = _a.canAccessSuperData, itemBadge = _a.itemBadge;
         if (column.name && item.rowSpans[column.name] === 0) {
             return null;
         }
@@ -826,7 +967,9 @@ var Table = /** @class */ (function (_super) {
         }
         var subProps = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props), { btnDisabled: store.dragging, data: item.locals, value: column.name
                 ? (0, tpl_builtin_1.resolveVariable)(column.name, canAccessSuperData ? item.locals : item.data)
-                : column.value, popOverContainer: popOverContainer || this.getPopOverContainer, rowSpan: item.rowSpans[column.name], quickEditFormRef: this.subFormRef, prefix: prefix, onImageEnlarge: this.handleImageEnlarge, canAccessSuperData: canAccessSuperData });
+                : column.value, popOverContainer: popOverContainer || this.getPopOverContainer, rowSpan: item.rowSpans[column.name], quickEditFormRef: this.subFormRef, prefix: prefix, onImageEnlarge: this.handleImageEnlarge, canAccessSuperData: canAccessSuperData, row: item, itemBadge: itemBadge, showBadge: !props.isHead &&
+                itemBadge &&
+                store.firstToggledColumnIndex === props.colIndex });
         delete subProps.label;
         return render(region, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, column.pristine), { column: column.pristine, type: 'cell' }), subProps);
     };
@@ -907,14 +1050,15 @@ var Table = /** @class */ (function (_super) {
         return void 0;
     };
     Table.prototype.renderColumnsToggler = function (config) {
-        var _a = this.props, className = _a.className, store = _a.store, ns = _a.classPrefix, cx = _a.classnames, rest = (0, tslib_1.__rest)(_a, ["className", "store", "classPrefix", "classnames"]);
+        var _a;
+        var _b = this.props, className = _b.className, store = _b.store, ns = _b.classPrefix, cx = _b.classnames, rest = (0, tslib_1.__rest)(_b, ["className", "store", "classPrefix", "classnames"]);
         var __ = rest.translate;
         var env = rest.env;
         var render = this.props.render;
         if (!store.columnsTogglable) {
             return null;
         }
-        return (react_1.default.createElement(DropDownButton_1.default, (0, tslib_1.__assign)({}, rest, { tooltip: __('Table.columnsVisibility'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, align: config ? config.align : 'left', isActived: store.hasColumnHidden(), classnames: cx, classPrefix: ns, key: "columns-toggable", size: "sm", label: react_1.default.createElement(icons_1.Icon, { icon: "columns", className: "icon m-r-none" }) }), store.toggableColumns.map(function (column) { return (react_1.default.createElement("li", { className: cx('DropDown-menuItem'), key: column.index, onClick: column.toggleToggle },
+        return (react_1.default.createElement(ColumnToggler_1.default, (0, tslib_1.__assign)({}, rest, ((0, helper_1.isObject)(config) ? config : {}), { tooltip: (config === null || config === void 0 ? void 0 : config.tooltip) || __('Table.columnsVisibility'), tooltipContainer: env && env.getModalContainer ? env.getModalContainer : undefined, align: (_a = config === null || config === void 0 ? void 0 : config.align) !== null && _a !== void 0 ? _a : 'left', isActived: store.hasColumnHidden(), classnames: cx, classPrefix: ns, key: "columns-toggable", size: (config === null || config === void 0 ? void 0 : config.size) || 'sm', label: (config === null || config === void 0 ? void 0 : config.label) || react_1.default.createElement(icons_1.Icon, { icon: "columns", className: "icon m-r-none" }), draggable: config === null || config === void 0 ? void 0 : config.draggable, columns: store.columnsData, onColumnToggle: this.handleColumnToggle }), store.toggableColumns.map(function (column) { return (react_1.default.createElement("li", { className: cx('ColumnToggler-menuItem'), key: column.index, onClick: column.toggleToggle },
             react_1.default.createElement(Checkbox_1.default, { size: "sm", classPrefix: ns, checked: column.toggled }, column.label ? render('tpl', column.label) : null))); })));
     };
     Table.prototype.renderDragToggler = function () {
@@ -1142,7 +1286,7 @@ var Table = /** @class */ (function (_super) {
                                 return [3 /*break*/, 17];
                             case 16:
                                 if (column.tpl) {
-                                    sheetRow.getCell(columIndex).value = (0, helper_1.removeHTMLTag)((0, tpl_1.filter)(column.tpl, row.data));
+                                    sheetRow.getCell(columIndex).value = (0, helper_1.removeHTMLTag)((0, tpl_1.filter)(column.tpl, (0, helper_1.createObject)(data, row.data)));
                                 }
                                 else {
                                     sheetRow.getCell(columIndex).value = value;
@@ -1161,7 +1305,7 @@ var Table = /** @class */ (function (_super) {
                                     blob = new Blob([buffer], {
                                         type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
                                     });
-                                    saveAs(blob, filename + '.xlsx');
+                                    (0, file_saver_1.saveAs)(blob, filename + '.xlsx');
                                 }
                                 return [2 /*return*/];
                         }
@@ -1239,55 +1383,25 @@ var Table = /** @class */ (function (_super) {
             ? [toolbarNode, footerNode]
             : footerNode || toolbarNode || null;
     };
-    Table.prototype.renderItemActions = function () {
-        var _a = this.props, itemActions = _a.itemActions, render = _a.render, store = _a.store, cx = _a.classnames;
-        var finalActions = Array.isArray(itemActions)
-            ? itemActions.filter(function (action) { return !action.hiddenOnHover; })
-            : [];
-        if (!finalActions.length) {
-            return null;
-        }
-        var rowIndex = store.hoverIndex;
-        var heights = this.heights;
-        var height = 40;
-        var top = 0;
-        if (heights && heights[rowIndex]) {
-            height = heights[rowIndex];
-            top += heights.header;
-            for (var i = rowIndex - 1; i >= 0; i--) {
-                top += heights[i];
-            }
-        }
-        return (react_1.default.createElement("div", { className: cx('Table-itemActions-wrap'), style: {
-                top: top,
-                height: height
-            } },
-            react_1.default.createElement("div", { className: cx('Table-itemActions') }, finalActions.map(function (action, index) {
-                return render("itemAction/" + index, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, action), { isMenuItem: true }), {
-                    key: index,
-                    item: store.rows[rowIndex],
-                    data: store.rows[rowIndex].locals,
-                    rowIndex: rowIndex
-                });
-            }))));
-    };
     Table.prototype.renderTableContent = function () {
-        var _a = this.props, cx = _a.classnames, tableClassName = _a.tableClassName, store = _a.store, placeholder = _a.placeholder, render = _a.render, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, rowClassNameExpr = _a.rowClassNameExpr, rowClassName = _a.rowClassName, prefixRow = _a.prefixRow, locale = _a.locale, affixRow = _a.affixRow, translate = _a.translate, itemAction = _a.itemAction;
+        var _a = this.props, cx = _a.classnames, tableClassName = _a.tableClassName, store = _a.store, placeholder = _a.placeholder, render = _a.render, checkOnItemClick = _a.checkOnItemClick, buildItemProps = _a.buildItemProps, rowClassNameExpr = _a.rowClassNameExpr, rowClassName = _a.rowClassName, prefixRow = _a.prefixRow, locale = _a.locale, affixRow = _a.affixRow, tableContentClassName = _a.tableContentClassName, translate = _a.translate, itemAction = _a.itemAction, autoFillHeight = _a.autoFillHeight, itemActions = _a.itemActions;
         // 理论上来说 store.rows 应该也行啊
         // 不过目前看来只有这样写它才会重新更新视图
         store.rows.length;
-        return (react_1.default.createElement(TableContent_1.TableContent, { tableClassName: cx(store.combineNum > 0 ? 'Table-table--withCombine' : '', tableClassName), itemAction: itemAction, classnames: cx, columns: store.filteredColumns, columnsGroup: store.columnGroup, rows: store.rows, placeholder: placeholder, render: render, onMouseMove: this.handleMouseMove, onScroll: this.handleOutterScroll, tableRef: this.tableRef, renderHeadCell: this.renderHeadCell, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, data: store.data, prefixRow: prefixRow, affixRow: affixRow, locale: locale, translate: translate }));
+        return (react_1.default.createElement(TableContent_1.TableContent, { tableClassName: cx(store.combineNum > 0 ? 'Table-table--withCombine' : '', { 'Table-table--checkOnItemClick': checkOnItemClick }, tableClassName), className: tableContentClassName, itemActions: itemActions, itemAction: itemAction, store: store, classnames: cx, columns: store.filteredColumns, columnsGroup: store.columnGroup, rows: store.rows, placeholder: placeholder, render: render, onMouseMove: this.handleMouseMove, onScroll: this.handleOutterScroll, tableRef: this.tableRef, renderHeadCell: this.renderHeadCell, renderCell: this.renderCell, onCheck: this.handleCheck, onQuickChange: store.dragging ? undefined : this.handleQuickChange, footable: store.footable, footableColumns: store.footableColumns, checkOnItemClick: checkOnItemClick, buildItemProps: buildItemProps, onAction: this.handleAction, rowClassNameExpr: rowClassNameExpr, rowClassName: rowClassName, data: store.data, prefixRow: prefixRow, affixRow: affixRow, locale: locale, translate: translate }));
     };
     Table.prototype.render = function () {
-        var _a = this.props, className = _a.className, store = _a.store, cx = _a.classnames, affixColumns = _a.affixColumns;
+        var _a = this.props, className = _a.className, store = _a.store, cx = _a.classnames, affixColumns = _a.affixColumns, autoFillHeight = _a.autoFillHeight, autoGenerateFilter = _a.autoGenerateFilter;
         this.renderedToolbars = []; // 用来记录哪些 toolbar 已经渲染了，已经渲染了就不重复渲染了。
         var heading = this.renderHeading();
         var header = this.renderHeader();
         var footer = this.renderFooter();
         var tableClassName = cx('Table-table', store.combineNum > 0 ? 'Table-table--withCombine' : '', this.props.tableClassName);
         return (react_1.default.createElement("div", { className: cx('Table', className, {
-                'Table--unsaved': !!store.modified || !!store.moved
+                'Table--unsaved': !!store.modified || !!store.moved,
+                'Table--autoFillHeight': autoFillHeight
             }) },
+            autoGenerateFilter ? this.renderAutoFilterForm() : null,
             header,
             heading,
             react_1.default.createElement("div", { className: cx('Table-contentWrap'), onMouseLeave: this.handleMouseLeave },
@@ -1297,8 +1411,7 @@ var Table = /** @class */ (function (_super) {
                 react_1.default.createElement("div", { className: cx('Table-fixedRight'), onMouseMove: this.handleMouseMove }, affixColumns !== false && store.rightFixedColumns.length
                     ? this.renderFixedColumns(store.rows, store.rightFixedColumns, false, tableClassName)
                     : null),
-                this.renderTableContent(),
-                ~store.hoverIndex ? this.renderItemActions() : null),
+                this.renderTableContent()),
             this.renderAffixHeader(tableClassName),
             footer));
     };
@@ -1341,7 +1454,9 @@ var Table = /** @class */ (function (_super) {
         'popOverContainer',
         'headerToolbarClassName',
         'toolbarClassName',
-        'footerToolbarClassName'
+        'footerToolbarClassName',
+        'itemBadge',
+        'autoFillHeight'
     ];
     Table.defaultProps = {
         className: '',