amis-ui 2.0.2 → 2.2.0

package/lib/components/condition-builder/Formula.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/condition-builder/Func.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/condition-builder/Group.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/condition-builder/GroupOrItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -50,13 +50,13 @@ var CBGroupOrItem = /** @class */ (function (_super) {
         var _a = this.props, builderMode = _a.builderMode, cx = _a.classnames, fieldClassName = _a.fieldClassName, value = _a.value, config = _a.config, fields = _a.fields, funcs = _a.funcs, draggable = _a.draggable, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, onDragStart = _a.onDragStart, formula = _a.formula, popOverContainer = _a.popOverContainer, renderEtrValue = _a.renderEtrValue;
         return (React__default["default"].createElement("div", { className: cx("CBGroupOrItem".concat(builderMode === 'simple' ? '-simple' : '')), "data-id": value === null || value === void 0 ? void 0 : value.id },
             React__default["default"].createElement("div", { className: cx('CBGroupOrItem-body') }, (value === null || value === void 0 ? void 0 : value.conjunction) ? (React__default["default"].createElement("div", { className: cx('CBGroupOrItem-body-group', this.state.hover && 'CBGroupOrItem-body-group--hover'), onMouseOver: this.handlerHoverIn, onMouseOut: this.handlerHoverOut },
-                draggable ? (React__default["default"].createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
+                draggable && !disabled ? (React__default["default"].createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
                     React__default["default"].createElement(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
                 React__default["default"].createElement(Group["default"], { disabled: disabled, searchable: searchable, onDragStart: onDragStart, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, removeable: true, onRemove: this.handleItemRemove, data: data, renderEtrValue: renderEtrValue }))) : (React__default["default"].createElement("div", { className: cx('CBGroupOrItem-body-item') },
-                draggable ? (React__default["default"].createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
+                draggable && !disabled ? (React__default["default"].createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
                     React__default["default"].createElement(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
                 React__default["default"].createElement(Item["default"], { disabled: disabled, searchable: searchable, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, data: data, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue }),
-                React__default["default"].createElement(Button["default"], { className: cx('CBDelete'), onClick: this.handleItemRemove },
+                React__default["default"].createElement(Button["default"], { className: cx('CBDelete'), onClick: this.handleItemRemove, disabled: disabled },
                     React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" })))))));
     };
     tslib.__decorate([

package/lib/components/condition-builder/InputSwitch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/condition-builder/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/condition-builder/Value.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/condition-builder/config.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/condition-builder/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/formula/Editor.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/formula/FuncList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/formula/Picker.d.ts

@@ -82,6 +82,7 @@ export declare class FormulaPicker extends React.Component<FormulaPickerProps, F
         evalMode: boolean;
     };
     state: FormulaPickerState;
+    componentDidUpdate(prevProps: FormulaPickerProps): void;
     handleConfirm(): void;
     renderFormulaValue(item: any): JSX.Element | "";
     handleInputChange(value: string): void;

package/lib/components/formula/Picker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -33,6 +33,15 @@ var FormulaPicker = /** @class */ (function (_super) {
         _this.props.onRef && _this.props.onRef(_this);
         return _this;
     }
+    FormulaPicker.prototype.componentDidUpdate = function (prevProps) {
+        var value = this.props.value;
+        if (typeof value !== 'undefined' && value !== prevProps.value) {
+            this.setState({
+                value: value,
+                editorValue: value
+            });
+        }
+    };
     FormulaPicker.prototype.handleConfirm = function () {
         var _a, _b;
         var value = this.state.value;

package/lib/components/formula/VariableList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/formula/plugin.d.ts

@@ -22,6 +22,7 @@ export declare class FormulaPlugin {
     insertContent(value: any, type?: 'variable' | 'func'): void;
     markText(from: CodeMirror.Position, to: CodeMirror.Position, label: string, className?: string): void;
     autoMark(variables: Array<VariableItem>): void;
+    focus(value: string): void;
     dispose(): void;
     validate(): void;
 }

package/lib/components/formula/plugin.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -33,6 +33,7 @@ var FormulaPlugin = /** @class */ (function () {
         if (value) {
             // todo functions 也需要自动替换
             this.autoMark(variables);
+            this.focus(value);
         }
     };
     // 计算 `${`、`}` 括号的位置，如 ${a}+${b}, 结果是 [ { from: 0, to: 3 }, { from: 5, to: 8 } ]
@@ -67,7 +68,7 @@ var FormulaPlugin = /** @class */ (function () {
         if (braces.length) {
             for (var index = 0; index < braces.length; index++) {
                 var brace = braces[index];
-                if (from > brace.begin && to <= brace.end) {
+                if (from >= brace.begin && to <= brace.end) {
                     isIn = true;
                     break;
                 }
@@ -142,8 +143,7 @@ var FormulaPlugin = /** @class */ (function () {
         var varMap = {};
         amisCore.eachTree(variables, function (item) {
             if (item.value) {
-                var key = "${".concat(item.value, "}");
-                varMap[key] = item.label;
+                varMap[item.value] = item.label;
             }
         });
         var vars = Object.keys(varMap).sort(function (a, b) { return b.length - a.length; });
@@ -187,6 +187,13 @@ var FormulaPlugin = /** @class */ (function () {
             _loop_1(line);
         }
     };
+    // 焦点放在最后
+    FormulaPlugin.prototype.focus = function (value) {
+        this.editor.setCursor({
+            line: 0,
+            ch: (value === null || value === void 0 ? void 0 : value.length) || 0
+        });
+    };
     FormulaPlugin.prototype.dispose = function () { };
     FormulaPlugin.prototype.validate = function () { };
     return FormulaPlugin;

package/lib/components/icons.d.ts

@@ -26,6 +26,7 @@ import UserRemove from '../icons/user-remove.svg';
 import Role from '../icons/role.svg';
 import Department from '../icons/department.svg';
 import Post from '../icons/post.svg';
+import RightDoubleArrowIcon from '../icons/right-double-arrow.svg';
 export declare const closeIcon: JSX.Element;
 export declare const unDoIcon: JSX.Element;
 export declare const reDoIcon: JSX.Element;
@@ -42,4 +43,4 @@ export declare function registerIcon(key: string, component: React.ReactType<{}>
 export declare function Icon({ icon, className, ...rest }: {
     icon: string;
 } & React.ComponentProps<any>): JSX.Element;
-export { InputClearIcon, CloseIcon, UnDoIcon, ReDoIcon, EnterIcon, VolumeIcon, MuteIcon, PlayIcon, PauseIcon, ReloadIcon, LeftArrowIcon, RightArrowIcon, CheckIcon, PlusIcon, MinusIcon, PencilIcon, FunctionIcon, MenuIcon, UserRemove, Role, Department, Post };
+export { InputClearIcon, CloseIcon, UnDoIcon, ReDoIcon, EnterIcon, VolumeIcon, MuteIcon, PlayIcon, PauseIcon, ReloadIcon, LeftArrowIcon, RightArrowIcon, CheckIcon, PlusIcon, MinusIcon, PencilIcon, FunctionIcon, MenuIcon, UserRemove, Role, Department, Post, RightDoubleArrowIcon };

package/lib/components/icons.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -49,6 +49,7 @@ var columns = require('../icons/columns.svg.js');
 var calendar = require('../icons/calendar.svg.js');
 var clock = require('../icons/clock.svg.js');
 var treeDown = require('../icons/tree-down.svg.js');
+var checkCircle = require('../icons/check-circle.svg.js');
 var cloudUpload = require('../icons/cloud-upload.svg.js');
 var image = require('../icons/image.svg.js');
 var refresh = require('../icons/refresh.svg.js');
@@ -98,8 +99,15 @@ var role = require('../icons/role.svg.js');
 var department = require('../icons/department.svg.js');
 var post = require('../icons/post.svg.js');
 var dot = require('../icons/dot.svg.js');
+var stepsFinsh = require('../icons/steps-finsh.svg.js');
 var invisible = require('../icons/invisible.svg.js');
 var date = require('../icons/date.svg.js');
+var down = require('../icons/down.svg.js');
+var rightDoubleArrow = require('../icons/right-double-arrow.svg.js');
+var newEdit = require('../icons/new-edit.svg.js');
+var rotateLeft = require('../icons/rotate-left.svg.js');
+var rotateRight = require('../icons/rotate-right.svg.js');
+var scaleOrigin = require('../icons/scale-origin.svg.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -141,6 +149,7 @@ registerIcon('right-arrow', rightArrow["default"]);
 registerIcon('prev', leftArrow["default"]);
 registerIcon('next', rightArrow["default"]);
 registerIcon('check', check["default"]);
+registerIcon('check-circle', checkCircle["default"]);
 registerIcon('plus', plus["default"]);
 registerIcon('add', plus["default"]);
 registerIcon('minus', minus["default"]);
@@ -219,9 +228,16 @@ registerIcon('edit', edit["default"]);
 registerIcon('desk-empty', deskEmpty["default"]);
 registerIcon('invisible', invisible["default"]);
 registerIcon('plus-fine', plusFine["default"]);
+registerIcon('steps-finsh', stepsFinsh["default"]);
 registerIcon('date', date["default"]);
 registerIcon('remove', remove["default"]);
 registerIcon('invisible', invisible["default"]);
+registerIcon('down', down["default"]);
+registerIcon('right-double-arrow', rightDoubleArrow["default"]);
+registerIcon('new-edit', newEdit["default"]);
+registerIcon('rotate-left', rotateLeft["default"]);
+registerIcon('rotate-right', rotateRight["default"]);
+registerIcon('scale-origin', scaleOrigin["default"]);
 function Icon(_a) {
     var icon = _a.icon, className = _a.className, rest = tslib.__rest(_a, ["icon", "className"]);
     // jest 运行环境下，把指定的 icon 也输出到 snapshot 中。
@@ -256,6 +272,7 @@ exports.UserRemove = userRemove["default"];
 exports.Role = role["default"];
 exports.Department = department["default"];
 exports.Post = post["default"];
+exports.RightDoubleArrowIcon = rightDoubleArrow["default"];
 exports.Icon = Icon;
 exports.closeIcon = closeIcon;
 exports.enterIcon = enterIcon;

package/lib/components/json-schema/Array.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/json-schema/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/json-schema/Object.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/json-schema/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/schema-editor/Array.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/schema-editor/Common.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/schema-editor/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/schema-editor/Object.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/schema-editor/SchemaVariableList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/schema-editor/SchemaVariableListPicker.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

package/lib/components/schema-editor/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

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

@@ -4,7 +4,7 @@
  */
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ThemeProps, LocaleProps } from 'amis-core';
+import { ThemeProps, LocaleProps, ClassNamesFn } from 'amis-core';
 import { ColumnProps } from './index';
 export interface Props extends ThemeProps, LocaleProps {
     fixed?: string | boolean;
@@ -19,6 +19,7 @@ export interface Props extends ThemeProps, LocaleProps {
     wrapperComponent: any;
     groupId?: string;
     depth?: number;
+    classnames: ClassNamesFn;
 }
 export declare class BodyCell extends React.Component<Props> {
     static defaultProps: {

package/lib/components/table/Cell.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

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

@@ -4,7 +4,7 @@
  */
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ThemeProps, LocaleProps } from 'amis-core';
+import { ThemeProps, LocaleProps, ClassNamesFn } from 'amis-core';
 export interface FilterPayload {
     closeDropdown?: boolean;
 }
@@ -23,6 +23,8 @@ export interface Props extends ThemeProps, LocaleProps {
     filterDropdown: (payload: FilterDropdownProps) => JSX.Element | null;
     selectedKeys?: Array<string | number> | string;
     setSelectedKeys?: (keys: Array<string | number> | string) => void;
+    classnames: ClassNamesFn;
+    classPrefix: string;
 }
 export interface State {
     isOpened: boolean;

package/lib/components/table/HeadCellDropDown.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

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

@@ -4,8 +4,7 @@
  */
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ThemeProps } from 'amis-core';
-import { LocaleProps } from 'amis-core';
+import { ThemeProps, ClassNamesFn, LocaleProps } from 'amis-core';
 import { FilterPayload } from './HeadCellDropDown';
 export interface Props extends ThemeProps, LocaleProps {
     column: any;
@@ -13,6 +12,8 @@ export interface Props extends ThemeProps, LocaleProps {
     filteredValue?: Array<string>;
     filterMultiple?: boolean;
     popOverContainer?: () => Element | Text | null;
+    classnames: ClassNamesFn;
+    classPrefix: string;
 }
 export interface OptionProps {
     text: string;

package/lib/components/table/HeadCellFilter.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -94,10 +94,10 @@ var HeadCellFilter = /** @class */ (function (_super) {
                 switch (_c.label) {
                     case 0:
                         _a = this.props, onFilter = _a.onFilter, column = _a.column;
-                        payload = (_b = {}, _b[column.key] = selectedKeys, _b);
+                        payload = (_b = {}, _b[column.name] = selectedKeys, _b);
                         if (!onFilter) return [3 /*break*/, 2];
                         return [4 /*yield*/, onFilter({
-                                filterName: column.key,
+                                filterName: column.name,
                                 filterValue: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.join(',')
                             })];
                     case 1:
@@ -130,7 +130,7 @@ var HeadCellFilter = /** @class */ (function (_super) {
     HeadCellFilter.prototype.handleConfirmClick = function (confirm) {
         var _a;
         var _b = this.props, onFilter = _b.onFilter, column = _b.column;
-        onFilter && onFilter((_a = {}, _a[column.key] = this.state.filteredValue, _a));
+        onFilter && onFilter((_a = {}, _a[column.name] = this.state.filteredValue, _a));
         confirm();
     };
     HeadCellFilter.prototype.handleCancelClick = function (confirm, setSelectedKeys) {

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

@@ -4,14 +4,15 @@
  */
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ThemeProps } from 'amis-core';
-import { LocaleProps } from 'amis-core';
+import { ThemeProps, ClassNamesFn, LocaleProps } from 'amis-core';
 import { FilterPayload } from './HeadCellDropDown';
 import { RowSelectionOptionProps } from './index';
 export interface Props extends ThemeProps, LocaleProps {
     selections: Array<RowSelectionOptionProps>;
     keys: Array<string | number> | string;
     popOverContainer?: () => Element | Text | null;
+    classnames: ClassNamesFn;
+    classPrefix: string;
 }
 export interface State {
     key: Array<string | number> | string;

package/lib/components/table/HeadCellSelect.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -40,7 +40,9 @@ var HeadCellSelect = /** @class */ (function (_super) {
                         item.onSelect && item.onSelect(allKeys);
                         _this.handleClick(confirm, setSelectedKeys, item.key);
                     } }, item.text)); })));
-            }, setSelectedKeys: function (keys) { return _this.setState({ key: keys }); }, selectedKeys: this.state.key }));
+            }, setSelectedKeys: function (keys) {
+                return _this.setState({ key: keys });
+            }, selectedKeys: this.state.key }));
     };
     HeadCellSelect.prototype.handleClick = function (confirm, setSelectedKeys, selectedKeys) {
         setSelectedKeys && setSelectedKeys(selectedKeys);

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

@@ -4,11 +4,12 @@
  */
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
-import { ThemeProps } from 'amis-core';
-import { LocaleProps } from 'amis-core';
+import { ThemeProps, ClassNamesFn, LocaleProps } from 'amis-core';
+import { ColumnProps } from './index';
 export interface Props extends ThemeProps, LocaleProps {
-    column: any;
+    column: ColumnProps;
     onSort?: Function;
+    classnames: ClassNamesFn;
 }
 export interface State {
     order: string;

package/lib/components/table/HeadCellSort.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 
@@ -39,7 +39,7 @@ var HeadCellSort = /** @class */ (function (_super) {
                     switch (_a.label) {
                         case 0:
                             sortPayload = {};
-                            if (column.key === this.state.orderBy) {
+                            if (column.name === this.state.orderBy) {
                                 if (this.state.order === 'descend') {
                                     // 降序改为取消
                                     sortPayload = { orderBy: '', order: 'ascend' };
@@ -51,7 +51,7 @@ var HeadCellSort = /** @class */ (function (_super) {
                             }
                             else {
                                 // 默认先升序
-                                sortPayload = { orderBy: column.key, order: 'ascend' };
+                                sortPayload = { orderBy: column.name, order: 'ascend' };
                             }
                             if (!onSort) return [3 /*break*/, 2];
                             return [4 /*yield*/, onSort({
@@ -70,15 +70,15 @@ var HeadCellSort = /** @class */ (function (_super) {
                     }
                 });
             }); } },
-            React__default["default"].createElement("i", { className: cx('TableCell-sortBtn--down', this.state.orderBy === column.key && this.state.order === 'descend'
+            React__default["default"].createElement("i", { className: cx('TableCell-sortBtn--down', this.state.orderBy === column.name && this.state.order === 'descend'
                     ? 'is-active'
                     : '') },
                 React__default["default"].createElement(icons.Icon, { icon: "sort-desc", className: "icon" })),
-            React__default["default"].createElement("i", { className: cx('TableCell-sortBtn--up', this.state.orderBy === column.key && this.state.order === 'ascend'
+            React__default["default"].createElement("i", { className: cx('TableCell-sortBtn--up', this.state.orderBy === column.name && this.state.order === 'ascend'
                     ? 'is-active'
                     : '') },
                 React__default["default"].createElement(icons.Icon, { icon: "sort-asc", className: "icon" })),
-            React__default["default"].createElement("i", { className: cx('TableCell-sortBtn--default', this.state.orderBy === column.key ? '' : 'is-active') },
+            React__default["default"].createElement("i", { className: cx('TableCell-sortBtn--default', this.state.orderBy === column.name ? '' : 'is-active') },
                 React__default["default"].createElement(icons.Icon, { icon: "sort-default", className: "icon" }))));
     };
     return HeadCellSort;

package/lib/components/table/ItemActionsWrapper.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.0.2
+ * amis-ui v2.2.0
  * Copyright 2018-2022 fex
  */
 

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

@@ -5,11 +5,10 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import Sortable from 'sortablejs';
-import { ClassNamesFn, ThemeProps } from 'amis-core';
-import { LocaleProps } from 'amis-core';
+import { ClassNamesFn, ThemeProps, LocaleProps } from 'amis-core';
 export interface ColumnProps {
     title: string | React.ReactNode | Function;
-    key: string;
+    name: string;
     className?: Function;
     children?: Array<ColumnProps>;
     render: Function;
@@ -44,7 +43,7 @@ export interface RowSelectionOptionProps {
 }
 export interface RowSelectionProps {
     type: string;
-    rowClick: boolean;
+    rowClick?: boolean;
     fixed: boolean;
     selectedRowKeys: Array<string | number>;
     keyField?: string;