@hi-ui/hiui 3.9.0-rc.7 → 3.9.0

package/CHANGELOG.md

@@ -1,17 +1,54 @@
 # 更新日志
 
-# 3.8.0-rc
+# 3.9.0
 
 - 新增 `Table` 组件 `hiddenColKeys` 和 `onHiddenColKeysChange` 受控控制列显隐  [#1994](https://github.com/XiaoMi/hiui/issues/1994)
-- 新增 `Input` 组件支持 placeholder 受控动态更新  [#1982](https://github.com/XiaoMi/hiui/issues/1982)
 - 新增 `Table` 组件支持 checkAll 复选框右侧自定义操作按钮  [#2007](https://github.com/XiaoMi/hiui/issues/2007)
 - 修复 `Select` 组件高亮词搜索存在正则注入  [#1972](https://github.com/XiaoMi/hiui/issues/1972)
 - 修复 `Table` 组件 resizable 调节列宽功能失效  [#1970](https://github.com/XiaoMi/hiui/issues/1970)
-- 修复 `Input` 组件的 placeholder 没法动态更新  [#1970](https://github.com/XiaoMi/hiui/issues/1982)
 - 优化 `Dropdown` 组件 props 中的 data 消除副作用 [#1991](https://github.com/XiaoMi/hiui/issues/1991)
 - 修复 `TimePicker` 组件使用 minusStep 当点击 clear 后会再次自动回显值  [#1986](https://github.com/XiaoMi/hiui/issues/1986)
 - 修复 `Table` 组件 window 系统 `draggable=false` 禁用失效  [#1993](https://github.com/XiaoMi/hiui/issues/1993)
 - 修复 `Popper` 组件 Popper DOM 节点位置移动时未同步进行位置计算  [#2011](https://github.com/XiaoMi/hiui/issues/2011)
+- 修复 `Drawer` 组件阴影展示问题  [#1948](https://github.com/XiaoMi/hiui/issues/1948)
+- 修复 `SelectTree` 组件禁用仍可删除的问题  [#1947](https://github.com/XiaoMi/hiui/issues/1947)
+- 修复 `Popper` 滚动时导致弹窗位置失效的问题  [#1955](https://github.com/XiaoMi/hiui/issues/1955)
+- 修复 `Table` align 配置对表头无效的问题  [#1954](https://github.com/XiaoMi/hiui/issues/1954)
+- 新增 `Tree` 对添加节点返回parent指向 [#1952](https://github.com/XiaoMi/hiui/issues/1962)
+- 修复 `Select` 异步请求未发出时的空校验问题  [#1953](https://github.com/XiaoMi/hiui/issues/1953)
+- 修复 `Popper` 无法正确获取 clientHeight 的问题  [#1953](https://github.com/XiaoMi/hiui/issues/1953)
+- 修复 `DatePicker` weekOffset 周选择失效问题  [#1976](https://github.com/XiaoMi/hiui/issues/1976)
+- 修复 `Input` placeholder 不受控的问题  [#1982](https://github.com/XiaoMi/hiui/issues/1982)
+- 修复 `Tabs`箭头样式问题  [#1978](https://github.com/XiaoMi/hiui/issues/1978)
+- 修复 `TimePicker` 使用 minusStep，点击清空后会再次自动回显值的问题  [#1986](https://github.com/XiaoMi/hiui/issues/1986)
+- 新增 `Table` rowSelection onChange 回调参数，支持选中对象和选中状态  [#1988](https://github.com/XiaoMi/hiui/issues/1988)
+- 修复 `Table` filterIcon 传入 ReactNode 导致页面卡顿的问题 [#2017](https://github.com/XiaoMi/hiui/issues/2017)
+- 新增 `SelectTree` 支持自定义过滤 [#2009](https://github.com/XiaoMi/hiui/issues/2009)
+- 修复 `Select` dataSource 返回为 undefined 时的问题 [#2020](https://github.com/XiaoMi/hiui/issues/2020)
+- 修复 `Form` schemaForm initialValues 不生效的问题 [#2028](https://github.com/XiaoMi/hiui/issues/2028)
+- 修复 `Carousel`下标索引不正确的问题 [#2033](https://github.com/XiaoMi/hiui/issues/2033)
+- 修复 `Table` 拖拽到自身节点时的 bug [#2035](https://github.com/XiaoMi/hiui/issues/2035)
+- 新增 `Table` render 全局自定义单元格渲染 [#2037](https://github.com/XiaoMi/hiui/issues/2037)
+- 修复 `Table` 单独冻结右侧列时，一处左侧操作列也会跟随冻结的问题 [#2041](https://github.com/XiaoMi/hiui/issues/2041)
+- 修复 `Form` onValuesChange 返回数据字段异常的问题 [#2077](https://github.com/XiaoMi/hiui/issues/2077)
+- 修复 `DatePicker` 周范围选择时展示周数异常的问题 [#2083](https://github.com/XiaoMi/hiui/issues/2083)
+- 新增 `Input` 支持 ref 获取 [#2074](https://github.com/XiaoMi/hiui/issues/2074)
+- 新增 `Table` 支持 onRow 事件进行行操作 [#2093](https://github.com/XiaoMi/hiui/issues/2093)
+- 新增 `Table` fixedColumnTrigger 支持固定列始终固定 [#2092](https://github.com/XiaoMi/hiui/issues/2092)
+- 修复 `Tree` 兼容 contextMenu 返回空数组的情况 [#2106](https://github.com/XiaoMi/hiui/issues/2106)
+- 新增 `Table` 复选框增加半选状态 [#2107](https://github.com/XiaoMi/hiui/issues/2107)
+- 修复 `Search` 点击下拉选项更新 input value 未触发 onChange 的问题 [#2108](https://github.com/XiaoMi/hiui/issues/2108)
+- 新增 `Table` highlightedRowOnDoubleClick 支持双击高亮行功能允许开关配置 [#2118](https://github.com/XiaoMi/hiui/issues/2118)
+- 修复 `Collapse` 不支持 className [#2147](https://github.com/XiaoMi/hiui/issues/2147)
+- 修复 `Modal` closeable 属性不受控更新  [#2135](https://github.com/XiaoMi/hiui/issues/2135)
+- 新增 `Modal` 内容区滚动控制  [#2155](https://github.com/XiaoMi/hiui/issues/2155)
+- 新增 `Table` 支持固定列不允许 Resizable，添加 disabledResizableColKeys 控制指定 col 列禁用 Resizable  [#2160](https://github.com/XiaoMi/hiui/issues/2160)
+- 修复 `Form` 某个表单控件 initialValues 初始化有值，但是校验 required 时仍然报错无值的问题 [#2141](https://github.com/XiaoMi/hiui/issues/2141)
+- 修复 `Form` 某个表单控件 initialValues 初始化有值，但是校验 required 时仍然报错无值的问题 [#2139](https://github.com/XiaoMi/hiui/issues/2139)
+- 修复 `TimePicker` 只选择一个时间时的报错问题 [#2129](https://github.com/XiaoMi/hiui/issues/2129)
+- 修复 `Tree` onSelect 无法获取到 hooks 定义 state 值的变化的问题 [#2131](https://github.com/XiaoMi/hiui/issues/2131)
+- 修复 `Input` safari 中文输入产生无效字符的问题 [#2085](https://github.com/XiaoMi/hiui/issues/2085)
+
 
 # 3.8.0
 

package/es/checkbox/style/index.css

@@ -1 +1 @@
-.hi-checkbox{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:16px;vertical-align:middle;font:normal 14px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:left;text-indent:0;text-shadow:none;text-transform:none;letter-spacing:0;word-spacing:normal;white-space:normal;color:#333}.hi-checkbox a{padding-left:0;padding-right:0}.hi-checkbox p,.hi-checkbox blockquote,.hi-checkbox ul,.hi-checkbox ol,.hi-checkbox dl,.hi-checkbox table,.hi-checkbox pre,.hi-checkbox h1,.hi-checkbox h2,.hi-checkbox h3,.hi-checkbox h4,.hi-checkbox h5,.hi-checkbox h6{margin-top:0;margin-bottom:0}.hi-checkbox ul,.hi-checkbox ol{margin:0;padding:0;list-style-type:none}.hi-checkbox ul ul,.hi-checkbox ul ol,.hi-checkbox ol ul,.hi-checkbox ol ol{margin-top:0;margin-bottom:0}.hi-checkbox li+li{margin-top:0}.hi-checkbox dl{margin-top:0;margin-bottom:0}.hi-checkbox input{width:0;height:0;opacity:0}.hi-checkbox__input{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #d8d8d8;margin-right:8px;border-radius:2px;-webkit-transition:0.3s ease-out;transition:0.3s ease-out;line-height:1;-webkit-box-flex:0;-ms-flex:none;flex:none}.hi-checkbox__input--indeterminate::after{-webkit-transform:rotate(90deg) scaleY(1);transform:rotate(90deg) scaleY(1);pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:none;border-bottom:2px solid #fff;height:8px;left:6px;position:absolute;top:2px;width:2px;-webkit-transform-origin:center;transform-origin:center}.hi-checkbox__input--checked::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1);pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:2px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;width:4px;-webkit-transform-origin:center;transform-origin:center}.hi-checkbox__text{padding:0 32px 0 0;line-height:unset}.hi-checkbox--disabled{cursor:not-allowed}.hi-checkbox--disabled .hi-checkbox__input{border-color:#d8d8d8;background:#f2f2f2}.hi-checkbox--disabled .hi-checkbox__input::after{border-color:#d8d8d8}.hi-checkbox--disabled .hi-checkbox__text{color:rgba(0,0,0,0.65)}.hi-checkbox-group{display:inline-block}.hi-checkbox-group--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hi-checkbox-group--vertical .hi-checkbox{height:32px}.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#4285f4}.hi-checkbox input:focus+.hi-checkbox__input{border-color:#4285f4}.hi-checkbox__input--indeterminate{background:#4285f4;border-color:#4285f4}.hi-checkbox__input--indeterminate::after{background:#fff}.hi-checkbox__input--checked{background:#4285f4;border-color:#4285f4}.theme__orange .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#f63}.theme__orange .hi-checkbox input:focus+.hi-checkbox__input{border-color:#f63}.theme__orange .hi-checkbox__input--indeterminate{background:#f63;border-color:#f63}.theme__orange .hi-checkbox__input--indeterminate::after{background:#fff}.theme__orange .hi-checkbox__input--checked{background:#f63;border-color:#f63}.theme__orange.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#f63}.theme__orange.hi-checkbox input:focus+.hi-checkbox__input{border-color:#f63}.theme__cyan .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#46bc99}.theme__cyan .hi-checkbox input:focus+.hi-checkbox__input{border-color:#46bc99}.theme__cyan .hi-checkbox__input--indeterminate{background:#46bc99;border-color:#46bc99}.theme__cyan .hi-checkbox__input--indeterminate::after{background:#fff}.theme__cyan .hi-checkbox__input--checked{background:#46bc99;border-color:#46bc99}.theme__cyan.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#46bc99}.theme__cyan.hi-checkbox input:focus+.hi-checkbox__input{border-color:#46bc99}.theme__magenta .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#ff5975}.theme__magenta .hi-checkbox input:focus+.hi-checkbox__input{border-color:#ff5975}.theme__magenta .hi-checkbox__input--indeterminate{background:#ff5975;border-color:#ff5975}.theme__magenta .hi-checkbox__input--indeterminate::after{background:#fff}.theme__magenta .hi-checkbox__input--checked{background:#ff5975;border-color:#ff5975}.theme__magenta.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#ff5975}.theme__magenta.hi-checkbox input:focus+.hi-checkbox__input{border-color:#ff5975}.theme__lavender .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#b450de}.theme__lavender .hi-checkbox input:focus+.hi-checkbox__input{border-color:#b450de}.theme__lavender .hi-checkbox__input--indeterminate{background:#b450de;border-color:#b450de}.theme__lavender .hi-checkbox__input--indeterminate::after{background:#fff}.theme__lavender .hi-checkbox__input--checked{background:#b450de;border-color:#b450de}.theme__lavender.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#b450de}.theme__lavender.hi-checkbox input:focus+.hi-checkbox__input{border-color:#b450de}.theme__blue .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#3da8f5}.theme__blue .hi-checkbox input:focus+.hi-checkbox__input{border-color:#3da8f5}.theme__blue .hi-checkbox__input--indeterminate{background:#3da8f5;border-color:#3da8f5}.theme__blue .hi-checkbox__input--indeterminate::after{background:#fff}.theme__blue .hi-checkbox__input--checked{background:#3da8f5;border-color:#3da8f5}.theme__blue.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#3da8f5}.theme__blue.hi-checkbox input:focus+.hi-checkbox__input{border-color:#3da8f5}.theme__purple .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#8a8acb}.theme__purple .hi-checkbox input:focus+.hi-checkbox__input{border-color:#8a8acb}.theme__purple .hi-checkbox__input--indeterminate{background:#8a8acb;border-color:#8a8acb}.theme__purple .hi-checkbox__input--indeterminate::after{background:#fff}.theme__purple .hi-checkbox__input--checked{background:#8a8acb;border-color:#8a8acb}.theme__purple.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#8a8acb}.theme__purple.hi-checkbox input:focus+.hi-checkbox__input{border-color:#8a8acb}
+.hi-checkbox{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:16px;vertical-align:middle;font:normal 14px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:left;text-indent:0;text-shadow:none;text-transform:none;letter-spacing:0;word-spacing:normal;white-space:normal;color:#333}.hi-checkbox a{padding-left:0;padding-right:0}.hi-checkbox p,.hi-checkbox blockquote,.hi-checkbox ul,.hi-checkbox ol,.hi-checkbox dl,.hi-checkbox table,.hi-checkbox pre,.hi-checkbox h1,.hi-checkbox h2,.hi-checkbox h3,.hi-checkbox h4,.hi-checkbox h5,.hi-checkbox h6{margin-top:0;margin-bottom:0}.hi-checkbox ul,.hi-checkbox ol{margin:0;padding:0;list-style-type:none}.hi-checkbox ul ul,.hi-checkbox ul ol,.hi-checkbox ol ul,.hi-checkbox ol ol{margin-top:0;margin-bottom:0}.hi-checkbox li+li{margin-top:0}.hi-checkbox dl{margin-top:0;margin-bottom:0}.hi-checkbox input{width:0;height:0;opacity:0}.hi-checkbox__input{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #d8d8d8;background-color:var(--color-white);margin-right:8px;border-radius:2px;-webkit-transition:0.3s ease-out;transition:0.3s ease-out;line-height:1;-webkit-box-flex:0;-ms-flex:none;flex:none}.hi-checkbox__input--indeterminate::after{-webkit-transform:rotate(90deg) scaleY(1);transform:rotate(90deg) scaleY(1);pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:none;border-bottom:2px solid #fff;height:8px;left:6px;position:absolute;top:2px;width:2px;-webkit-transform-origin:center;transform-origin:center}.hi-checkbox__input--checked::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1);pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:2px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;width:4px;-webkit-transform-origin:center;transform-origin:center}.hi-checkbox__text{padding:0 32px 0 0;line-height:unset}.hi-checkbox--disabled{cursor:not-allowed}.hi-checkbox--disabled .hi-checkbox__input{border-color:#d8d8d8;background:#f2f2f2}.hi-checkbox--disabled .hi-checkbox__input::after{border-color:#d8d8d8}.hi-checkbox--disabled .hi-checkbox__text{color:rgba(0,0,0,0.65)}.hi-checkbox-group{display:inline-block}.hi-checkbox-group--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hi-checkbox-group--vertical .hi-checkbox{height:32px}.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#4285f4}.hi-checkbox input:focus+.hi-checkbox__input{border-color:#4285f4}.hi-checkbox__input--indeterminate{background:#4285f4;border-color:#4285f4}.hi-checkbox__input--indeterminate::after{background:#fff}.hi-checkbox__input--checked{background:#4285f4;border-color:#4285f4}.theme__orange .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#f63}.theme__orange .hi-checkbox input:focus+.hi-checkbox__input{border-color:#f63}.theme__orange .hi-checkbox__input--indeterminate{background:#f63;border-color:#f63}.theme__orange .hi-checkbox__input--indeterminate::after{background:#fff}.theme__orange .hi-checkbox__input--checked{background:#f63;border-color:#f63}.theme__orange.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#f63}.theme__orange.hi-checkbox input:focus+.hi-checkbox__input{border-color:#f63}.theme__cyan .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#46bc99}.theme__cyan .hi-checkbox input:focus+.hi-checkbox__input{border-color:#46bc99}.theme__cyan .hi-checkbox__input--indeterminate{background:#46bc99;border-color:#46bc99}.theme__cyan .hi-checkbox__input--indeterminate::after{background:#fff}.theme__cyan .hi-checkbox__input--checked{background:#46bc99;border-color:#46bc99}.theme__cyan.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#46bc99}.theme__cyan.hi-checkbox input:focus+.hi-checkbox__input{border-color:#46bc99}.theme__magenta .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#ff5975}.theme__magenta .hi-checkbox input:focus+.hi-checkbox__input{border-color:#ff5975}.theme__magenta .hi-checkbox__input--indeterminate{background:#ff5975;border-color:#ff5975}.theme__magenta .hi-checkbox__input--indeterminate::after{background:#fff}.theme__magenta .hi-checkbox__input--checked{background:#ff5975;border-color:#ff5975}.theme__magenta.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#ff5975}.theme__magenta.hi-checkbox input:focus+.hi-checkbox__input{border-color:#ff5975}.theme__lavender .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#b450de}.theme__lavender .hi-checkbox input:focus+.hi-checkbox__input{border-color:#b450de}.theme__lavender .hi-checkbox__input--indeterminate{background:#b450de;border-color:#b450de}.theme__lavender .hi-checkbox__input--indeterminate::after{background:#fff}.theme__lavender .hi-checkbox__input--checked{background:#b450de;border-color:#b450de}.theme__lavender.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#b450de}.theme__lavender.hi-checkbox input:focus+.hi-checkbox__input{border-color:#b450de}.theme__blue .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#3da8f5}.theme__blue .hi-checkbox input:focus+.hi-checkbox__input{border-color:#3da8f5}.theme__blue .hi-checkbox__input--indeterminate{background:#3da8f5;border-color:#3da8f5}.theme__blue .hi-checkbox__input--indeterminate::after{background:#fff}.theme__blue .hi-checkbox__input--checked{background:#3da8f5;border-color:#3da8f5}.theme__blue.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#3da8f5}.theme__blue.hi-checkbox input:focus+.hi-checkbox__input{border-color:#3da8f5}.theme__purple .hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#8a8acb}.theme__purple .hi-checkbox input:focus+.hi-checkbox__input{border-color:#8a8acb}.theme__purple .hi-checkbox__input--indeterminate{background:#8a8acb;border-color:#8a8acb}.theme__purple .hi-checkbox__input--indeterminate::after{background:#fff}.theme__purple .hi-checkbox__input--checked{background:#8a8acb;border-color:#8a8acb}.theme__purple.hi-checkbox:not(.hi-checkbox--disabled):hover .hi-checkbox__input{border-color:#8a8acb}.theme__purple.hi-checkbox input:focus+.hi-checkbox__input{border-color:#8a8acb}

package/es/collapse/Panel.js

@@ -18,7 +18,9 @@ var _icon = _interopRequireDefault(require("../icon"));
 var _lodash = _interopRequireDefault(require("lodash"));
 
 var Panel = function Panel(_ref) {
-  var key = _ref.key,
+  var className = _ref.className,
+      style = _ref.style,
+      key = _ref.key,
       arrow = _ref.arrow,
       header = _ref.header,
       _ref$disabled = _ref.disabled,
@@ -37,7 +39,7 @@ var Panel = function Panel(_ref) {
   var classnames = (0, _classnames["default"])('collapse-item', {
     'collapse-item--show': isActive,
     'collapse-item--disabled': disabled
-  });
+  }, className);
   var onKeyDown = (0, _react.useCallback)(function (e) {
     if ([13, 32].includes(e.keyCode)) {
       e.preventDefault();
@@ -108,7 +110,8 @@ var Panel = function Panel(_ref) {
     }
   }, [panels, panelContainer, panelIndex]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classnames
+    className: classnames,
+    style: style
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "collapse-item__head",
     onClick: function onClick() {

package/es/collapse/index.d.ts

@@ -15,6 +15,8 @@ export interface CollapsePanelProps {
   title?: string | JSX.Element
   disabled?: boolean
   extra?: React.ReactNode
+  className?: string
+  style?: React.CSSProperties
 }
 declare class Panel extends React.Component<CollapsePanelProps, any> {
 }

package/es/collapse/index.js

@@ -146,11 +146,14 @@ var Collapse = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props4 = this.props,
           prefixCls = _this$props4.prefixCls,
-          type = _this$props4.type;
-      var classnames = (0, _classnames["default"])(prefixCls, type && "".concat(prefixCls, "__").concat(type));
+          type = _this$props4.type,
+          className = _this$props4.className,
+          style = _this$props4.style;
+      var classnames = (0, _classnames["default"])(prefixCls, type && "".concat(prefixCls, "__").concat(type), className);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classnames,
-        ref: this.panelContainer
+        ref: this.panelContainer,
+        style: style
       }, this.renderPanels());
     }
   }], [{

package/es/date-picker/BasePicker.js

@@ -177,6 +177,8 @@ var BasePicker = function BasePicker(_ref) {
     }
   };
 
+  var _weekOffset = weekOffset !== undefined ? weekOffset : locale === 'en-US' ? 0 : 1;
+
   var callback = function callback(dates) {
     var emitOnChange = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
 
@@ -185,12 +187,28 @@ var BasePicker = function BasePicker(_ref) {
     var returnDate = {};
     var returnDateStr = '';
 
-    if (type.includes('range') || type === 'timeperiod' || type === 'week') {
+    var formatWeek = function formatWeek(disposeDate) {
+      if (!disposeDate) return '';
+      if (typeof format !== 'undefined') return disposeDate.format(iFormat);
+      var clone = (0, _utils.normalizeWeekOffset)(disposeDate, _weekOffset);
+      return clone.weekYear() + '-W' + clone.week();
+    };
+
+    if (type.includes('week')) {
+      returnDate = {
+        start: _dates[0].toDate(),
+        end: _dates[1].toDate()
+      };
+      returnDateStr = type.includes('range') ? {
+        start: formatWeek(_dates[0]),
+        end: formatWeek(_dates[1])
+      } : formatWeek(_dates[0]);
+    } else if (type.includes('range') || type === 'timeperiod') {
       returnDate = {
         start: _dates[0].toDate(),
         end: _dates[1].toDate()
       };
-      returnDateStr = type === 'week' ? _dates[0].format(iFormat) : {
+      returnDateStr = {
         start: _dates[0].format(iFormat),
         end: _dates[1].format(iFormat)
       };
@@ -258,9 +276,6 @@ var BasePicker = function BasePicker(_ref) {
     }
   }, [propsOnSelect]);
   var popperCls = (0, _classnames["default"])('hi-datepicker__popper', type === 'date' && showTime && 'hi-datepicker__popper--time', type.includes('range') && 'hi-datepicker__popper--range', type === 'timeperiod' && 'hi-datepicker__popper--timeperiod', shortcuts && 'hi-datepicker__popper--shortcuts', isLarge && 'hi-datepicker__popper--large');
-
-  var _weekOffset = weekOffset !== undefined ? weekOffset : locale === 'en-US' ? 0 : 1;
-
   return /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
     value: _objectSpread(_objectSpread({}, otherPorps), {}, {
       locale: locale,

package/es/date-picker/TimePicker.js

@@ -137,12 +137,12 @@ var TimePicker = function TimePicker(_ref) {
 
     if (type.includes('range')) {
       returnDate = {
-        start: _dates[0].toDate(),
-        end: _dates[1].toDate()
+        start: _dates[0] ? _dates[0].toDate() : null,
+        end: _dates[1] ? _dates[1].toDate() : null
       };
       returnDateStr = {
-        start: _dates[0].format(iFormat),
-        end: _dates[1].format(iFormat)
+        start: _dates[0] ? _dates[0].format(iFormat) : '',
+        end: _dates[1] ? _dates[1].format(iFormat) : ''
       };
     } else {
       returnDate = _dates[0].toDate();

package/es/date-picker/components/Input.js

@@ -19,6 +19,8 @@ var _context = _interopRequireDefault(require("../context"));
 
 var _hooks = require("../hooks");
 
+var _utils = require("../utils");
+
 var Input = function Input(_ref) {
   var date = _ref.date,
       onChange = _ref.onChange,
@@ -35,6 +37,7 @@ var Input = function Input(_ref) {
       minuteStep = _useContext.minuteStep,
       secondStep = _useContext.secondStep,
       inputReadOnly = _useContext.inputReadOnly,
+      weekOffset = _useContext.weekOffset,
       locale = _useContext.locale;
 
   var _useFormat = (0, _hooks.useFormat)({
@@ -57,14 +60,15 @@ var Input = function Input(_ref) {
     var vals = date && (0, _moment["default"])(date).format(iFormat);
 
     if (type.includes('week') && date) {
-      var y = (0, _moment["default"])(date).weekYear();
-
-      var _date = (0, _moment["default"])(date).year(y);
+      if (typeof format === 'undefined') {
+        var clone = (0, _utils.normalizeWeekOffset)(date, weekOffset);
+        vals = clone.weekYear() + '-W' + clone.week();
+      } else {
+        var y = (0, _moment["default"])(date).weekYear();
 
-      vals = (0, _moment["default"])(_date).format(iFormat);
+        var _date = (0, _moment["default"])(date).year(y);
 
-      if (locale === 'zh-CN' && typeof format === 'undefined') {
-        vals = y + '-W' + (0, _moment["default"])(_date).week();
+        vals = (0, _moment["default"])(_date).format(iFormat);
       }
     }
 

package/es/date-picker/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parseValue = exports.getInRangeDate = exports.getFullTime = exports.getPRCDate = exports.showLargeCalendar = exports.getTimePeriodData = exports.parseRenderDates = exports.genNewDates = exports.getView = exports.deconstructDate = void 0;
+exports.normalizeWeekOffset = exports.parseValue = exports.getInRangeDate = exports.getFullTime = exports.getPRCDate = exports.showLargeCalendar = exports.getTimePeriodData = exports.parseRenderDates = exports.genNewDates = exports.getView = exports.deconstructDate = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -342,6 +342,15 @@ var parseValue = function parseValue(value, type, format, weekOffset) {
   }
 
   return [isValid ? _value : null];
+}; // fix: 周计算 52 53 周偏差
+
+
+exports.parseValue = parseValue;
+
+var normalizeWeekOffset = function normalizeWeekOffset(date, weekOffset) {
+  var clone = date.clone();
+  clone.locale(weekOffset === 1 ? 'zh-CN' : 'en-US');
+  return clone;
 };
 
-exports.parseValue = parseValue;
+exports.normalizeWeekOffset = normalizeWeekOffset;

package/es/form/Form.js

@@ -164,11 +164,15 @@ var InternalForm = function InternalForm(props) {
 
     Object.keys(changeValues).forEach(function (changeValuesKey) {
       fields.forEach(function (filedItem) {
-        var realField = filedItem.realField,
+        var field = filedItem.field,
+            realField = filedItem.realField,
             _type = filedItem._type,
-            listname = filedItem.listname;
+            listname = filedItem.listname; // bugfix: https://github.com/XiaoMi/hiui/issues/2077
 
-        if (realField === changeValuesKey && _type === 'list') {
+        if (_type === 'SchemaForm' && field === changeValuesKey) {
+          _changeValues[realField] = _transformValues[realField];
+          delete _changeValues[changeValuesKey];
+        } else if (realField === changeValuesKey && _type === 'list') {
           _changeValues[listname] = _transformValues[listname];
           delete _changeValues[changeValuesKey];
         }

package/es/form/Item.js

@@ -282,7 +282,7 @@ var FormItem = function FormItem(props) {
         cb(errors);
       }
     });
-  }, [props]);
+  }, [props, getRules, getFilteredRule]);
 
   var updateFieldInfoToReducer = function updateFieldInfoToReducer() {
     var _realField = _type === 'list' ? field : realField || field;
@@ -368,7 +368,7 @@ var FormItem = function FormItem(props) {
       handleField(eventName, nextValue);
       setValue(nextValue);
     } else if (eventName === 'onBlur') {
-      handleField(eventName, eventInfo.current ? eventInfo.current.value : value); // 处理 onBlur 事件
+      handleField(eventName, eventInfo.current ? eventInfo.current.value : value === undefined ? nextValue : value); // 处理 onBlur 事件
 
       var _children = childrenRef.current;
 

package/es/form/utils.js

@@ -33,6 +33,7 @@ var transformValues = function transformValues(allvalue, fields) {
 
   sortfields.forEach(function (filedItem) {
     var realField = filedItem.realField,
+        field = filedItem.field,
         propsField = filedItem.propsField,
         _type = filedItem._type,
         listname = filedItem.listname;
@@ -57,13 +58,21 @@ var transformValues = function transformValues(allvalue, fields) {
         tranformValues[listname] = [allvalue[realField]];
       }
     } else {
+      var readField = realField; // bugfix: https://github.com/XiaoMi/hiui/issues/2077
+
+      if (_type === 'SchemaForm' && field) {
+        if (Object.keys(allvalue).includes(field)) {
+          readField = field;
+        }
+      }
+
       if (Array.isArray(propsField)) {
         var chainKeys = propsField.reduceRight(function (pre, next) {
           return (0, _defineProperty2["default"])({}, next, pre);
-        }, allvalue[realField]);
+        }, allvalue[readField]);
         tranformValues = _lodash["default"].merge(tranformValues, chainKeys);
       } else {
-        tranformValues = _lodash["default"].merge(tranformValues, (0, _defineProperty2["default"])({}, realField, allvalue[realField]));
+        tranformValues = _lodash["default"].merge(tranformValues, (0, _defineProperty2["default"])({}, realField, allvalue[readField]));
       }
     }
   });

package/es/input/Input.js

@@ -11,6 +11,8 @@ exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -31,6 +33,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _util = require("./util");
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
@@ -202,8 +208,11 @@ var Input = /*#__PURE__*/function (_Component) {
 
           value = (0, _util.format)(value, type); // 保证 onChange 拿到的是值是最新的 formatted value
 
-          e.target.value = value;
-          _this2.props.onChange && _this2.props.onChange(e, valueTrue);
+          var event = Object.create(e);
+          event.target = _objectSpread(_objectSpread({}, e.target), {}, {
+            value: value
+          });
+          _this2.props.onChange && _this2.props.onChange(event, valueTrue);
           _this2.props.value === undefined && _this2.setState({
             value: value,
             valueTrue: valueTrue
@@ -302,6 +311,7 @@ var Input = /*#__PURE__*/function (_Component) {
           attrs = (0, _objectWithoutProperties2["default"])(_this$attrs2, ["defaultValue"]);
       var filterAttrs = (0, _util.filterObjProps)(attrs, ['locale', 'theme', 'suffixicon', 'suffix', 'prepend', 'prefixicon', 'prefix', 'localeDatas', 'append', 'innerRef', 'clearable']);
       return /*#__PURE__*/_react["default"].createElement("textarea", (0, _extends2["default"])({
+        ref: this._Input,
         className: "hi-input theme__".concat(theme, " ").concat(active ? 'active' : '', " ").concat(disabled ? 'disabled' : '', " ").concat(className || ''),
         style: this.props.style,
         autoComplete: "off",

package/es/input/style/index.css

@@ -1 +1 @@
-textarea.hi-input{display:block;-webkit-box-shadow:none;box-shadow:none;outline:none;color:var(--color-black);font-size:14px;min-height:32px;height:auto;line-height:22px;resize:vertical;overflow:auto;padding:4px 12px;border:1px solid var(--color-gray-30);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:var(--color-white);-webkit-transition:border-color 0.3s;transition:border-color 0.3s}textarea.hi-input:not(.disabled):hover{z-index:1;border-color:var(--color-primary)}textarea.hi-input.active{z-index:1;border-color:var(--color-primary)}textarea.hi-input.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10);cursor:not-allowed}textarea.hi-input::-webkit-input-placeholder{color:var(--color-gray-50)}textarea.hi-input:-moz-placeholder{color:var(--color-gray-50)}textarea.hi-input::-moz-placeholder{color:var(--color-gray-50)}textarea.hi-input:-ms-input-placeholder{color:var(--color-gray-50)}.hi-input,.hi-input_m{position:relative;display:inline-block;width:100%;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-input ::-webkit-input-placeholder,.hi-input_m ::-webkit-input-placeholder{color:var(--color-gray-50)}.hi-input :-moz-placeholder,.hi-input_m :-moz-placeholder{color:var(--color-gray-50)}.hi-input ::-moz-placeholder,.hi-input_m ::-moz-placeholder{color:var(--color-gray-50)}.hi-input :-ms-input-placeholder,.hi-input_m :-ms-input-placeholder{color:var(--color-gray-50)}.hi-input input,.hi-input_m input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border:none;outline:none;min-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-black);font-size:14px;line-height:22px;-webkit-box-shadow:none;box-shadow:none}.hi-input input.disabled,.hi-input_m input.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10);cursor:not-allowed}.hi-input input[type='search'],.hi-input_m input[type='search']{-webkit-appearance:none}.hi-input ::-webkit-search-cancel-button,.hi-input_m ::-webkit-search-cancel-button{display:none}.hi-input .hi-input__out,.hi-input_m .hi-input__out{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.hi-input .hi-input__inner,.hi-input_m .hi-input__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:var(--color-white);-webkit-transition:border-color 0.3s;transition:border-color 0.3s}.hi-input .hi-input__inner.bordered,.hi-input_m .hi-input__inner.bordered{border:1px solid var(--color-gray-30)}.hi-input .hi-input__inner:not(.disabled):hover,.hi-input_m .hi-input__inner:not(.disabled):hover{z-index:1;border-color:var(--color-primary)}.hi-input .hi-input__inner.active,.hi-input_m .hi-input__inner.active{z-index:1;border-color:var(--color-primary)}.hi-input .hi-input__inner.disabled,.hi-input_m .hi-input__inner.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10)}.hi-input__fix-box,.hi-input_m__fix-box{display:inline-block;width:12px;height:auto;padding:0 18px 0 2px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;cursor:pointer;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s}.hi-input__fix-box.invisible,.hi-input_m__fix-box.invisible{visibility:hidden;opacity:0}.hi-input__fix-box .hi-input__clear,.hi-input_m__fix-box .hi-input__clear{display:block;border-radius:50%;color:var(--color-gray-50);font-size:22px;text-align:center}.hi-input__fix-box .hi-input__clear:hover,.hi-input_m__fix-box .hi-input__clear:hover{color:var(--color-black)}.hi-input__fix-box .hi-input__suffix__icon,.hi-input_m__fix-box .hi-input__suffix__icon{position:absolute;top:50%;width:14px;height:14px;line-height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}.hi-input__text,.hi-input_m__text{width:100%;padding:4px 12px}.hi-input__prefix,.hi-input__suffix,.hi-input_m__prefix,.hi-input_m__suffix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;color:var(--color-black);font-size:14px;line-height:30px}.hi-input__prefix,.hi-input_m__prefix{padding-left:12px}.hi-input__suffix,.hi-input_m__suffix{padding-right:12px}.hi-input--prepend .hi-input__inner,.hi-input_m--prepend .hi-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.hi-input__prepend,.hi-input_m__prepend{margin-right:-1px;z-index:1}.hi-input__prepend .hi-btn,.hi-input__prepend .hi-select__input,.hi-input_m__prepend .hi-btn,.hi-input_m__prepend .hi-select__input{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:2px;border-bottom-left-radius:2px}.hi-input--append .hi-input__inner,.hi-input_m--append .hi-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.hi-input__append,.hi-input_m__append{color:var(--color-primary);margin-left:-1px}.hi-input__append .hi-btn,.hi-input__append .hi-select__input,.hi-input_m__append .hi-btn,.hi-input_m__append .hi-select__input{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px}.hi-input.required::after,.hi-input_m.required::after{position:absolute;top:0;content:'*';right:-30px;width:30px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f44343}
+textarea.hi-input{display:block;-webkit-box-shadow:none;box-shadow:none;outline:none;color:var(--color-black);font-size:14px;min-height:32px;height:auto;line-height:22px;resize:vertical;overflow:auto;padding:4px 12px;border:1px solid var(--color-gray-30);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:var(--color-white);-webkit-transition:border-color 0.3s;transition:border-color 0.3s}textarea.hi-input:not(.disabled):hover{z-index:1;border-color:var(--color-primary)}textarea.hi-input.active{z-index:1;border-color:var(--color-primary)}textarea.hi-input.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10);cursor:not-allowed}textarea.hi-input::-webkit-input-placeholder{color:var(--color-gray-50)}textarea.hi-input:-moz-placeholder{color:var(--color-gray-50)}textarea.hi-input::-moz-placeholder{color:var(--color-gray-50)}textarea.hi-input:-ms-input-placeholder{color:var(--color-gray-50)}.hi-input,.hi-input_m{position:relative;z-index:0;display:inline-block;width:100%;height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-input ::-webkit-input-placeholder,.hi-input_m ::-webkit-input-placeholder{color:var(--color-gray-50)}.hi-input :-moz-placeholder,.hi-input_m :-moz-placeholder{color:var(--color-gray-50)}.hi-input ::-moz-placeholder,.hi-input_m ::-moz-placeholder{color:var(--color-gray-50)}.hi-input :-ms-input-placeholder,.hi-input_m :-ms-input-placeholder{color:var(--color-gray-50)}.hi-input input,.hi-input_m input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border:none;outline:none;min-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-black);font-size:14px;line-height:22px;-webkit-box-shadow:none;box-shadow:none}.hi-input input.disabled,.hi-input_m input.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10);cursor:not-allowed}.hi-input input[type='search'],.hi-input_m input[type='search']{-webkit-appearance:none}.hi-input ::-webkit-search-cancel-button,.hi-input_m ::-webkit-search-cancel-button{display:none}.hi-input .hi-input__out,.hi-input_m .hi-input__out{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.hi-input .hi-input__inner,.hi-input_m .hi-input__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;background-color:var(--color-white);-webkit-transition:border-color 0.3s;transition:border-color 0.3s}.hi-input .hi-input__inner.bordered,.hi-input_m .hi-input__inner.bordered{border:1px solid var(--color-gray-30)}.hi-input .hi-input__inner:not(.disabled):hover,.hi-input_m .hi-input__inner:not(.disabled):hover{z-index:1;border-color:var(--color-primary)}.hi-input .hi-input__inner.active,.hi-input_m .hi-input__inner.active{z-index:1;border-color:var(--color-primary)}.hi-input .hi-input__inner.disabled,.hi-input_m .hi-input__inner.disabled{color:var(--color-gray-50);background-color:var(--color-gray-10)}.hi-input__fix-box,.hi-input_m__fix-box{display:inline-block;width:12px;height:auto;padding:0 18px 0 2px;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;cursor:pointer;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s}.hi-input__fix-box.invisible,.hi-input_m__fix-box.invisible{visibility:hidden;opacity:0}.hi-input__fix-box .hi-input__clear,.hi-input_m__fix-box .hi-input__clear{display:block;border-radius:50%;color:var(--color-gray-50);font-size:22px;text-align:center}.hi-input__fix-box .hi-input__clear:hover,.hi-input_m__fix-box .hi-input__clear:hover{color:var(--color-black)}.hi-input__fix-box .hi-input__suffix__icon,.hi-input_m__fix-box .hi-input__suffix__icon{position:absolute;top:50%;width:14px;height:14px;line-height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}.hi-input__text,.hi-input_m__text{width:100%;padding:4px 12px}.hi-input__prefix,.hi-input__suffix,.hi-input_m__prefix,.hi-input_m__suffix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;color:var(--color-black);font-size:14px;line-height:30px}.hi-input__prefix,.hi-input_m__prefix{padding-left:12px}.hi-input__suffix,.hi-input_m__suffix{padding-right:12px}.hi-input--prepend .hi-input__inner,.hi-input_m--prepend .hi-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.hi-input__prepend,.hi-input_m__prepend{margin-right:-1px;z-index:1}.hi-input__prepend .hi-btn,.hi-input__prepend .hi-select__input,.hi-input_m__prepend .hi-btn,.hi-input_m__prepend .hi-select__input{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:2px;border-bottom-left-radius:2px}.hi-input--append .hi-input__inner,.hi-input_m--append .hi-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.hi-input__append,.hi-input_m__append{color:var(--color-primary);margin-left:-1px}.hi-input__append .hi-btn,.hi-input__append .hi-select__input,.hi-input_m__append .hi-btn,.hi-input_m__append .hi-select__input{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px}.hi-input.required::after,.hi-input_m.required::after{position:absolute;top:0;content:'*';right:-30px;width:30px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#f44343}

package/es/modal/index.d.ts

@@ -18,6 +18,7 @@ export interface ModalProps extends ModalBaseProps {
   footer?: JSX.Element | null
   style?: React.CSSProperties
   confirmLoading?: boolean
+  modalContentRef?: React.Ref<HTMLDivElement | null>
 }
 
 export interface ModalOptions extends ModalBaseProps {

package/es/modal/index.js

@@ -66,6 +66,7 @@ var InternalModalComp = function InternalModalComp(_ref) {
       style = _ref.style,
       className = _ref.className,
       destroyOnClose = _ref.destroyOnClose,
+      modalContentRef = _ref.modalContentRef,
       localeDatas = _ref.localeDatas,
       _ref$foucsElementOnCl = _ref.foucsElementOnClose,
       foucsElementOnClose = _ref$foucsElementOnCl === void 0 ? null : _ref$foucsElementOnCl,
@@ -88,7 +89,7 @@ var InternalModalComp = function InternalModalComp(_ref) {
       setCloseable = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    setCloseable(closeable);
+    setCloseable(propCloseable);
   }, [propCloseable]);
   var trapTabKey = (0, _react.useCallback)(function (e) {
     // Find all focusable children
@@ -209,6 +210,7 @@ var InternalModalComp = function InternalModalComp(_ref) {
       }
     }
   })), /*#__PURE__*/_react["default"].createElement("div", {
+    ref: modalContentRef,
     className: "".concat(PREFIX, "__content")
   }, children), footer !== null && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(PREFIX, "__footer"), (0, _defineProperty2["default"])({}, "".concat(PREFIX, "__footer--divided"), showFooterDivider))

package/es/progress/index.d.ts

@@ -13,6 +13,7 @@ export interface ProgressProps {
   height?: string | number
   style?: React.CSSProperties
   className?: string
+  percent?: number
 }
 declare const Progress: React.ComponentType<ProgressProps>
 export default Progress

package/es/search/index.js

@@ -73,6 +73,7 @@ var Search = function Search(_ref) {
   var optionsClick = (0, _react.useCallback)(function (value, item) {
     setInputVal(value);
     setDropdownShow(false);
+    _onChange && _onChange(value);
     onSearch && onSearch(value, item);
   }, [onSearch]);
   var moveFocus = (0, _react.useCallback)(function (direction) {

package/es/table/BodyTable.js

@@ -46,7 +46,7 @@ var BodyTable = function BodyTable(_ref) {
       syncScrollLeft = _useContext.syncScrollLeft,
       firstRowRef = _useContext.firstRowRef,
       realColumnsWidth = _useContext.realColumnsWidth,
-      resizable = _useContext.resizable,
+      isResizableColKey = _useContext.isResizableColKey,
       prefix = _useContext.prefix,
       hoverColIndex = _useContext.hoverColIndex,
       setHoverColIndex = _useContext.setHoverColIndex,
@@ -240,12 +240,13 @@ var BodyTable = function BodyTable(_ref) {
     ref: tableRef
   }, /*#__PURE__*/_react["default"].createElement("colgroup", null, columnsgroup.map(function (c, index) {
     var width = c === 'checkbox' ? checkboxColWidth : c.width;
+    var resizable = isResizableColKey(c.dataKey);
     return /*#__PURE__*/_react["default"].createElement("col", {
       key: index,
       className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefix, "__col__hover--highlight"), showColHighlight && hoverColIndex === c.dataKey)),
       style: {
-        width: resizable ? realColumnsWidth[index] : width,
-        minWidth: resizable ? realColumnsWidth[index] : width
+        width: resizable ? realColumnsWidth[index] || width : width,
+        minWidth: resizable ? realColumnsWidth[index] || width : width
       }
     });
   })), /*#__PURE__*/_react["default"].createElement("tbody", null, _data && _data.length > 0 ? _data.map(function (row, index) {

package/es/table/HeaderTable.js

@@ -57,7 +57,7 @@ var HeaderTable = function HeaderTable(_ref) {
       prefix = _useContext.prefix,
       realColumnsWidth = _useContext.realColumnsWidth,
       setRealColumnsWidth = _useContext.setRealColumnsWidth,
-      resizable = _useContext.resizable,
+      isResizableColKey = _useContext.isResizableColKey,
       setting = _useContext.setting,
       onHeaderRow = _useContext.onHeaderRow,
       sticky = _useContext.sticky,
@@ -115,11 +115,11 @@ var HeaderTable = function HeaderTable(_ref) {
     if (rowSelection) {
       var _rowSelection$selecte = rowSelection.selectedRowKeys,
           selectedRowKeys = _rowSelection$selecte === void 0 ? [] : _rowSelection$selecte;
-      var flattedData = (0, _util.flatTreeData)((0, _util.cloneArray)(data));
-
-      var _isAllChecked = flattedData.filter(function (data) {
+      var flattedData = (0, _util.flatTreeData)((0, _util.cloneArray)(data)).filter(function (data) {
         return !disabledData.current.includes(data.key);
-      }).every(function (d) {
+      });
+
+      var _isAllChecked = flattedData.every(function (d) {
         return selectedRowKeys.includes(d.key);
       }) && flattedData.length !== 0;
 
@@ -198,7 +198,7 @@ var HeaderTable = function HeaderTable(_ref) {
     });
 
     var isStickyCol = _colums.some(function (item) {
-      return typeof item.leftStickyWidth !== 'undefined' || typeof item.rightStickyWidth !== 'undefined';
+      return typeof item.leftStickyWidth !== 'undefined';
     });
 
     return /*#__PURE__*/_react["default"].createElement("tr", {
@@ -292,6 +292,7 @@ var HeaderTable = function HeaderTable(_ref) {
         })));
       }
 
+      var resizable = isResizableColKey(c.dataKey);
       return resizable && idx !== cols.length - 1 ? /*#__PURE__*/_react["default"].createElement(_reactResizable.Resizable, {
         key: idx,
         width: realColumnsWidth[idx],
@@ -340,7 +341,8 @@ var HeaderTable = function HeaderTable(_ref) {
     },
     ref: headerInner
   }, /*#__PURE__*/_react["default"].createElement("colgroup", null, columnsgroup.map(function (c, index) {
-    var width = resizable ? realColumnsWidth[index] : c.width;
+    var resizable = isResizableColKey(c.dataKey);
+    var width = resizable ? realColumnsWidth[index] || c.width : c.width;
     return /*#__PURE__*/_react["default"].createElement("col", {
       key: index,
       style: {

package/es/table/Row.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -88,7 +90,9 @@ var Row = function Row(_ref) {
       disabledData = _useContext.disabledData,
       draggable = _useContext.draggable,
       onDragStart = _useContext.onDragStart,
-      dargInfo = _useContext.dargInfo;
+      dargInfo = _useContext.dargInfo,
+      onRow = _useContext.onRow,
+      highlightRowOnDoubleClick = _useContext.highlightRowOnDoubleClick;
 
   var _columns = (0, _util.cloneArray)(columns);
 
@@ -98,7 +102,7 @@ var Row = function Row(_ref) {
     return col.isLast;
   });
   var isSticky = rowColumns.some(function (item) {
-    return typeof item.leftStickyWidth !== 'undefined' || typeof item.rightStickyWidth !== 'undefined';
+    return typeof item.leftStickyWidth !== 'undefined';
   });
   var checkboxConfig = rowSelection && rowSelection.getCheckboxConfig && rowSelection.getCheckboxConfig(allRowData);
   var checkboxDisabled = checkboxConfig && checkboxConfig.disabled || false;
@@ -137,13 +141,15 @@ var Row = function Row(_ref) {
     });
     dragKey !== rowKey && setDropHightLineStatus(clienY < startClientY ? 'top' : 'bottom');
   }, [rowKey, dropHightLineStatus, draggable]);
-  return [/*#__PURE__*/_react["default"].createElement("tr", {
+  var onRowProps = onRow(isAvgRow || isSumRow ? null : rowData, index);
+  return [/*#__PURE__*/_react["default"].createElement("tr", (0, _extends2["default"])({
     style: isFixed && rowHeight ? {
       height: rowHeight
     } : {},
     ref: innerRef,
     id: rowKey,
-    draggable: draggable,
+    draggable: draggable
+  }, onRowProps, {
     onMouseMove: function onMouseMove() {
       setDragRowKey(null);
       setDragStatus(false);
@@ -163,9 +169,15 @@ var Row = function Row(_ref) {
       if (!draggable) return;
       setDropHightLineStatus(null);
     },
-    className: (0, _classnames["default"])("".concat(prefix, "__row"), (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--error"), errorRowKeys.includes(rowData.key)), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--highlight"), hoverRow === rowData.key || highlightedRowKeys.includes(rowData.key)), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--total"), isSumRow), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable"), draggable), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draging"), draggable && dragRowKey === rowKey), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable__border--top"), draggable && typeof dargInfo.current.dropKey !== 'undefined' && dropHightLineStatus === 'top'), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable__border--bottom"), draggable && typeof dargInfo.current.dropKey !== 'undefined' && dropHightLineStatus === 'bottom'), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--avg"), isAvgRow), _classNames)),
-    key: "row",
     onDoubleClick: function onDoubleClick(e) {
+      if (onRowProps && onRowProps.onDoubleClick) {
+        onRowProps.onDoubleClick(e);
+      }
+
+      if (highlightRowOnDoubleClick === false) {
+        return;
+      }
+
       if (highlightedRowKeys.includes(rowData.key)) {
         setHighlightRows(highlightedRowKeys.filter(function (r) {
           return r !== rowData.key;
@@ -173,8 +185,10 @@ var Row = function Row(_ref) {
       } else {
         setHighlightRows(highlightedRowKeys.concat(rowData.key));
       }
-    }
-  }, rowSelection && isFixed !== 'right' && !isSumRow && !isAvgRow && /*#__PURE__*/_react["default"].createElement("td", {
+    },
+    className: (0, _classnames["default"])("".concat(prefix, "__row"), (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--error"), errorRowKeys.includes(rowData.key)), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--highlight"), hoverRow === rowData.key || highlightedRowKeys.includes(rowData.key)), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--total"), isSumRow), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable"), draggable), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draging"), draggable && dragRowKey === rowKey), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable__border--top"), draggable && typeof dargInfo.current.dropKey !== 'undefined' && dropHightLineStatus === 'top'), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--draggable__border--bottom"), draggable && typeof dargInfo.current.dropKey !== 'undefined' && dropHightLineStatus === 'bottom'), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__row--avg"), isAvgRow), _classNames)),
+    key: "row"
+  }), rowSelection && isFixed !== 'right' && !isSumRow && !isAvgRow && /*#__PURE__*/_react["default"].createElement("td", {
     style: {
       width: checkboxColWidth
     },
@@ -240,12 +254,12 @@ var Row = function Row(_ref) {
     key: "expanded-row",
     className: "".concat(prefix, "--expanded"),
     style: {
-      background: 'rgba(251,251,251,1)'
+      background: 'rgba(251, 251, 251, 1)'
     }
   }, rowSelection && /*#__PURE__*/_react["default"].createElement("td", null), /*#__PURE__*/_react["default"].createElement("td", {
     colSpan: columns.length + 1,
     style: {
-      color: '#666666'
+      color: '#666'
     }
   }, /*#__PURE__*/_react["default"].createElement(_Expandcol["default"], {
     rowData: rowData,

package/es/table/Table.js

@@ -71,8 +71,12 @@ var Table = function Table(_ref) {
       propsExpandRowKeys = _ref.expandedRowKeys,
       expandRowKeys = _ref.expandRowKeys,
       onExpand = _ref.onExpand,
+      _ref$fixedColumnTrigg = _ref.fixedColumnTrigger,
+      fixedColumnTrigger = _ref$fixedColumnTrigg === void 0 ? 'auto' : _ref$fixedColumnTrigg,
       _ref$onHeaderRow = _ref.onHeaderRow,
       onHeaderRow = _ref$onHeaderRow === void 0 ? defaultHeaderRow : _ref$onHeaderRow,
+      _ref$onRow = _ref.onRow,
+      onRow = _ref$onRow === void 0 ? defaultHeaderRow : _ref$onRow,
       _ref$columns = _ref.columns,
       propsColumns = _ref$columns === void 0 ? [] : _ref$columns,
       expandedRender = _ref.expandedRender,
@@ -102,6 +106,7 @@ var Table = function Table(_ref) {
       setCacheHiddenColKeys = _ref.setCacheHiddenColKeys,
       hiddenColKeys = _ref.hiddenColKeys,
       setHiddenColKeys = _ref.setHiddenColKeys,
+      disabledResizableColKeys = _ref.disabledResizableColKeys,
       scrollWidth = _ref.scrollWidth,
       theme = _ref.theme,
       draggable = _ref.draggable,
@@ -112,7 +117,12 @@ var Table = function Table(_ref) {
       onDropEnd = _ref.onDropEnd,
       cellRender = _ref.cellRender,
       _ref$emptyContent = _ref.emptyContent,
-      emptyContent = _ref$emptyContent === void 0 ? localeDatas.table.emptyContent : _ref$emptyContent;
+      emptyContent = _ref$emptyContent === void 0 ? localeDatas.table.emptyContent : _ref$emptyContent,
+      _ref$highlightRowOnDo = _ref.highlightRowOnDoubleClick,
+      highlightRowOnDoubleClick = _ref$highlightRowOnDo === void 0 ? true : _ref$highlightRowOnDo;
+  var isResizableColKey = (0, _react.useCallback)(function (colKey) {
+    return resizable && colKey && (!Array.isArray(disabledResizableColKeys) || disabledResizableColKeys.indexOf(colKey) === -1);
+  }, [resizable, disabledResizableColKeys]);
   var dargInfo = (0, _react.useRef)({
     dragKey: null
   });
@@ -448,6 +458,7 @@ var Table = function Table(_ref) {
   }, [data, draggable]); // 自定义设置 checkbox 列宽度
 
   var checkboxColWidth = rowSelection && typeof rowSelection.checkboxColWidth === 'number' ? rowSelection.checkboxColWidth : 50;
+  var alwaysFixedColumn = fixedColumnTrigger === 'always';
   return /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
     value: {
       cellRender: cellRender,
@@ -460,6 +471,7 @@ var Table = function Table(_ref) {
       errorRowKeys: errorRowKeys,
       bordered: _bordered,
       resizable: resizable,
+      isResizableColKey: isResizableColKey,
       rowSelection: rowSelection,
       highlightedRowKeys: _highlightRows,
       setHighlightRows: setHighlightRows,
@@ -471,6 +483,7 @@ var Table = function Table(_ref) {
       expandedRowKeys: expandedRowKeys,
       // 标题点击回调事件
       onHeaderRow: onHeaderRow,
+      onRow: onRow,
       onExpand: onExpand,
       realColumnsWidth: realColumnsWidth,
       setRealColumnsWidth: setRealColumnsWidth,
@@ -531,7 +544,8 @@ var Table = function Table(_ref) {
       dargInfo: dargInfo,
       onDragStart: onDragStart,
       onDrop: onDrop,
-      onDropEnd: onDropEnd
+      onDropEnd: onDropEnd,
+      highlightRowOnDoubleClick: highlightRowOnDoubleClick
     }
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames3["default"])(prefix, "theme__".concat(theme), (_classnames = {}, (0, _defineProperty2["default"])(_classnames, "".concat(prefix, "--striped"), striped), (0, _defineProperty2["default"])(_classnames, "".concat(prefix, "--bordered"), _bordered), (0, _defineProperty2["default"])(_classnames, "".concat(prefix, "--").concat(size), size), _classnames)),
@@ -543,14 +557,14 @@ var Table = function Table(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_HeaderTable["default"], null), /*#__PURE__*/_react["default"].createElement(_BodyTable["default"], {
     fatherRef: hiTable,
     emptyContent: emptyContent
-  }), scrollSize.scrollLeft > 0 && realLeftFixedColumns.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+  }), (alwaysFixedColumn || scrollSize.scrollLeft > 0) && realLeftFixedColumns.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__shadow-mask  ").concat(prefix, "__shadow-left"),
     style: {
       width: fixedColumnsWidth.left + 'px'
     }
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__shadow-lock")
-  })), scrollSize.scrollRight > 0 && realRightFixedColumns.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+  })), (alwaysFixedColumn || scrollSize.scrollRight > 0) && realRightFixedColumns.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__shadow-mask ").concat(prefix, "__shadow-right"),
     style: {
       width: fixedColumnsWidth.right + 'px'

package/es/table/index.d.ts

@@ -61,6 +61,8 @@ export type TableHeaderRowReturn = {
 
 export type HeaderRowFunc = (colums: TableColumnItem[], index: number) => TableHeaderRowReturn
 
+export type RowFunc = () => TableHeaderRowReturn
+
 export interface TableProps {
   size?: 'small' | 'large' | 'default' | 'mini'
   fieldKey?: string
@@ -70,6 +72,7 @@ export interface TableProps {
   sticky?: boolean
   draggable?: boolean
   stickyTop?: number
+  fixedColumnTrigger?: 'auto' | 'always'
   expandRowKeys?: React.ReactText[]
   highlightedColKeys?: string[]
   expandedRender?: (record: object, index: number) => JSX.Element | Promise
@@ -89,9 +92,11 @@ export interface TableProps {
   striped?: boolean
   setting?: boolean
   resizable?: boolean
+  disabledResizableColKeys?: string[]
   standard?: boolean
   emptyContent?: string | JSX.Element
   onHeaderRow?: HeaderRowFunc
+  onRow?: RowFunc
   columns: TableColumnItem[]
   data: object[]
   style?: React.CSSProperties
@@ -103,6 +108,8 @@ export interface TableProps {
   hiddenColKeys?: string[]
   onHiddenColKeysChange?: (hiddenColKeys: string[]) => void
   cellRender?: (text: any) => React.ReactNode
+  highlightRowOnDoubleClick?: boolean
 }
+
 declare const Table: React.ComponentType<TableProps>
 export default Table

package/es/table/style/index.css

@@ -1 +1 @@
-.hi-table{position:relative}.hi-table__container{position:relative;z-index:1}.hi-table__shadow-mask{position:absolute;top:0;bottom:0;z-index:20;pointer-events:none;overflow:hidden;height:100%;width:200px}.hi-table__shadow-lock{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table__shadow-left{margin-right:10px;left:0;-webkit-box-shadow:6px 0 6px -4px rgba(0,0,0,0.15);box-shadow:6px 0 6px -4px rgba(0,0,0,0.15)}.hi-table__shadow-right{margin-left:10px;right:0;-webkit-box-shadow:-6px 0 6px -4px rgba(0,0,0,0.15);box-shadow:-6px 0 6px -4px rgba(0,0,0,0.15)}.hi-table__container table{width:100%;border-collapse:separate;background:var(--color-white);margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;border-spacing:0;overflow:auto}.hi-table__container table col{display:table-column}.hi-table__container table td,.hi-table__container table th{padding-left:8px;padding-right:16px;border-bottom:1px solid #e7e7e7;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table__container table th{background-color:#fbfbfb;color:var(--color-gray-70)}.hi-table__container table th i:hover{color:var(--color-primary)}.hi-table__container table td{color:var(--color-black);word-break:break-word}.hi-table__container table tr{font-size:14px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-white)}.hi-table__setting-menu div,.hi-table__setting-menu p,.hi-table__setting-menu ul,.hi-table__setting-menu li{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table__col-menu{width:124px;font-size:14px;background:var(--color-white);-webkit-box-shadow:0 2px 8px 0 rgba(56,62,71,0.1);box-shadow:0 2px 8px 0 rgba(56,62,71,0.1);border-radius:4px;border:1px solid #e7e7e7;padding:7px 0}.hi-table__col-menu__item{cursor:pointer;color:var(--color-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 12px}.hi-table__col-menu__item:hover{color:var(--color-primary)}.hi-table__col-menu__item.col-menu__item--highlight{color:var(--color-primary)}.hi-table__col-menu__item .hi-icon{font-size:16px}.hi-table__setting-menu .btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #e7e7e7;height:48px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-table__setting-menu .btn-group .btn{width:50%;text-align:center;cursor:pointer}.hi-table__setting-menu .btn-group .btn--left{border-right:1px solid #e7e7e7}.hi-table .hi-checkbox__input:not(.hi-checkbox__input--checked){background:var(--color-white)}.hi-table .hi-checkbox--disabled .hi-checkbox__input{border-color:#d8d8d8;background:#f2f2f2}.hi-table .hi-checkbox{height:auto}.hi-table th{font-weight:500;white-space:normal}.hi-table td{white-space:normal}.hi-table__setting-btn{position:absolute;height:100%;z-index:11;-webkit-box-sizing:border-box;box-sizing:border-box;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;border-top:none;color:#999;cursor:pointer;font-size:14px;width:16px;background:#fbfbfb}.hi-table__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:20px}.hi-table__pagination--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hi-table__pagination--middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hi-table--small table tr{font-size:14px !important}.hi-table--small table tr>td{padding:8px !important}.hi-table--small table thead>tr>th{padding:8px !important}.hi-table--mini table tr{font-size:14px !important}.hi-table--mini table tr>td{padding:4px !important}.hi-table--mini table thead>tr>th{padding:4px !important}.hi-table--large table tr{font-size:14px !important}.hi-table--large table tr>td{padding:20px !important}.hi-table--large table thead>tr>th{padding:20px !important}.hi-table--striped table tr:nth-child(2n){background:#fbfbfb}.hi-table--striped table tr:nth-child(2n) .hi-table__col--sticky{background:#fbfbfb}.hi-table--bordered table thead>tr>th{border-right:1px solid #e6e7e8}.hi-table--bordered table td{border-right:1px solid var(--color-gray-20)}.hi-table--bordered .hi-table_header>table{border-top:1px solid #e6e7e8;border-left:1px solid #e6e7e8}.hi-table__container--fixed-left{z-index:1;position:absolute;top:0;-webkit-box-shadow:2px 0 4px rgba(187,187,187,0.4);box-shadow:2px 0 4px rgba(187,187,187,0.4);overflow:hidden}.hi-table__container--fixed-right{z-index:1;position:absolute;top:0;-webkit-box-shadow:-2px 0 4px rgba(187,187,187,0.4);box-shadow:-2px 0 4px rgba(187,187,187,0.4);overflow:hidden}.hi-table__header{overflow:hidden;position:relative}.hi-table__header>table{position:relative}.hi-table__header__title{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hi-table__header--sticky{position:fixed;z-index:10;top:0;overflow-x:hidden}.hi-table__body--draging table tr:hover:not(.hi-table__row--draging){background:var(--color-white)}.hi-table__body--draging table tr:hover:not(.hi-table__row--draging) .hi-table__col--sticky{background:var(--color-white)}.hi-table__body--draging table tr.hi-table__row--draging{background:var(--color-primary-20)}.hi-table__body--draging table tr.hi-table__row--draging .hi-table__col--sticky{background:var(--color-primary-20)}.hi-table table{table-layout:fixed}.hi-table table thead>tr>th{background:#fbfbfb;color:var(--color-gray-70);padding:15px;border-bottom:1px solid #e6e7e8;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table table tr{min-height:52px}.hi-table table tr .hi-table__col--sticky{position:sticky;left:0;z-index:5;background:var(--color-white)}.hi-table table tr:hover{background:var(--color-primary-20)}.hi-table table tr:hover .hi-table__col--sticky{background:var(--color-primary-20)}.hi-table table tr>td{color:var(--color-black);padding:15px;border-bottom:1px solid var(--color-gray-20);-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table table tr.hi-table__row--draggable__border--top td{border-top:2px dashed var(--color-primary)}.hi-table table tr.hi-table__row--draggable__border--bottom td{border-bottom:2px dashed var(--color-primary)}.hi-table table .hi-table__row .hi-table__indent{display:inline-block;width:14px;height:100%}.hi-table table .hi-table__row--expanded{background:#fbfbfb}.hi-table table .hi-table__row--expanded>td{color:var(--color-gray-80)}.hi-table table .hi-table__row.hi-table__row--error>td{color:#f44343}.hi-table table .hi-table__row.hi-table__row--highlight>td{background:var(--color-primary-20)}.hi-table table .hi-table__row.hi-table__row--total>td{background-color:#fbfbfb}.hi-table table .hi-table__row.hi-table__row--avg>td{background-color:#fbfbfb}.hi-table table .hi-table__row.hi-table__row--draggable{cursor:move}.hi-table table .hi-table__row>.hi-table__col--highlight{background:var(--color-primary-20)}.hi-table table .hi-table__row .hi-table__col__hover--highlight{background:var(--color-primary-10)}.react-resizable{position:relative;background-clip:padding-box}.react-resizable-handle{position:absolute;width:10px;height:100%;bottom:0;right:-5px;cursor:col-resize;z-index:1}
+.hi-table{position:relative}.hi-table__container{position:relative;z-index:1}.hi-table__shadow-mask{position:absolute;top:0;bottom:0;z-index:20;pointer-events:none;overflow:hidden;height:100%;width:200px}.hi-table__shadow-lock{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table__shadow-left{margin-right:10px;left:0;-webkit-box-shadow:6px 0 6px -4px rgba(0,0,0,0.15);box-shadow:6px 0 6px -4px rgba(0,0,0,0.15)}.hi-table__shadow-right{margin-left:10px;right:0;-webkit-box-shadow:-6px 0 6px -4px rgba(0,0,0,0.15);box-shadow:-6px 0 6px -4px rgba(0,0,0,0.15)}.hi-table__container table{width:100%;border-collapse:separate;background:var(--color-white);margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;border-spacing:0;overflow:auto}.hi-table__container table col{display:table-column}.hi-table__container table td,.hi-table__container table th{padding-left:8px;padding-right:16px;border-bottom:1px solid #e7e7e7;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table__container table th{background-color:#fbfbfb;color:var(--color-gray-70)}.hi-table__container table th i:hover{color:var(--color-primary)}.hi-table__container table td{color:var(--color-black);word-break:break-word}.hi-table__container table tr{font-size:14px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-white)}.hi-table__setting-menu div,.hi-table__setting-menu p,.hi-table__setting-menu ul,.hi-table__setting-menu li{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table__col-menu{width:124px;font-size:14px;background:var(--color-white);-webkit-box-shadow:0 2px 8px 0 rgba(56,62,71,0.1);box-shadow:0 2px 8px 0 rgba(56,62,71,0.1);border-radius:4px;border:1px solid #e7e7e7;padding:7px 0}.hi-table__col-menu__item{cursor:pointer;color:var(--color-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 12px}.hi-table__col-menu__item:hover{color:var(--color-primary)}.hi-table__col-menu__item.col-menu__item--highlight{color:var(--color-primary)}.hi-table__col-menu__item .hi-icon{font-size:16px}.hi-table__setting-menu .btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #e7e7e7;height:48px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-table__setting-menu .btn-group .btn{width:50%;text-align:center;cursor:pointer}.hi-table__setting-menu .btn-group .btn--left{border-right:1px solid #e7e7e7}.hi-table .hi-checkbox--disabled .hi-checkbox__input{border-color:#d8d8d8;background:#f2f2f2}.hi-table .hi-checkbox{height:auto}.hi-table th{font-weight:500;white-space:normal}.hi-table td{white-space:normal}.hi-table__setting-btn{position:absolute;height:100%;z-index:11;-webkit-box-sizing:border-box;box-sizing:border-box;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:1px solid #e0e1e2;border-bottom:1px solid #e0e1e2;border-top:none;color:#999;cursor:pointer;font-size:14px;width:16px;background:#fbfbfb}.hi-table__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:20px}.hi-table__pagination--left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.hi-table__pagination--middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hi-table--small table tr{font-size:14px !important}.hi-table--small table tr>td{padding:8px !important}.hi-table--small table thead>tr>th{padding:8px !important}.hi-table--mini table tr{font-size:14px !important}.hi-table--mini table tr>td{padding:4px !important}.hi-table--mini table thead>tr>th{padding:4px !important}.hi-table--large table tr{font-size:14px !important}.hi-table--large table tr>td{padding:20px !important}.hi-table--large table thead>tr>th{padding:20px !important}.hi-table--striped table tr:nth-child(2n){background:#fbfbfb}.hi-table--striped table tr:nth-child(2n) .hi-table__col--sticky{background:#fbfbfb}.hi-table--bordered table thead>tr>th{border-right:1px solid #e6e7e8}.hi-table--bordered table td{border-right:1px solid var(--color-gray-20)}.hi-table--bordered .hi-table_header>table{border-top:1px solid #e6e7e8;border-left:1px solid #e6e7e8}.hi-table__container--fixed-left{z-index:1;position:absolute;top:0;-webkit-box-shadow:2px 0 4px rgba(187,187,187,0.4);box-shadow:2px 0 4px rgba(187,187,187,0.4);overflow:hidden}.hi-table__container--fixed-right{z-index:1;position:absolute;top:0;-webkit-box-shadow:-2px 0 4px rgba(187,187,187,0.4);box-shadow:-2px 0 4px rgba(187,187,187,0.4);overflow:hidden}.hi-table__header{overflow:hidden;position:relative}.hi-table__header>table{position:relative}.hi-table__header__title{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.hi-table__header--sticky{position:fixed;z-index:10;top:0;overflow-x:hidden}.hi-table__body--draging table tr:hover:not(.hi-table__row--draging){background:var(--color-white)}.hi-table__body--draging table tr:hover:not(.hi-table__row--draging) .hi-table__col--sticky{background:var(--color-white)}.hi-table__body--draging table tr.hi-table__row--draging{background:var(--color-primary-20)}.hi-table__body--draging table tr.hi-table__row--draging .hi-table__col--sticky{background:var(--color-primary-20)}.hi-table table{table-layout:fixed}.hi-table table thead>tr>th{background:#fbfbfb;color:var(--color-gray-70);padding:15px;border-bottom:1px solid #e6e7e8;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table table tr{min-height:52px}.hi-table table tr .hi-table__col--sticky{position:sticky;left:0;z-index:5;background:var(--color-white)}.hi-table table tr:hover{background:var(--color-primary-20)}.hi-table table tr:hover .hi-table__col--sticky{background:var(--color-primary-20)}.hi-table table tr>td{color:var(--color-black);padding:15px;border-bottom:1px solid var(--color-gray-20);-webkit-box-sizing:border-box;box-sizing:border-box}.hi-table table tr.hi-table__row--draggable__border--top td{border-top:2px dashed var(--color-primary)}.hi-table table tr.hi-table__row--draggable__border--bottom td{border-bottom:2px dashed var(--color-primary)}.hi-table table .hi-table__row .hi-table__indent{display:inline-block;width:14px;height:100%}.hi-table table .hi-table__row--expanded{background:#fbfbfb}.hi-table table .hi-table__row--expanded>td{color:var(--color-gray-80)}.hi-table table .hi-table__row.hi-table__row--error>td{color:#f44343}.hi-table table .hi-table__row.hi-table__row--highlight>td{background:var(--color-primary-20)}.hi-table table .hi-table__row.hi-table__row--total>td{background-color:#fbfbfb}.hi-table table .hi-table__row.hi-table__row--avg>td{background-color:#fbfbfb}.hi-table table .hi-table__row.hi-table__row--draggable{cursor:move}.hi-table table .hi-table__row>.hi-table__col--highlight{background:var(--color-primary-20)}.hi-table table .hi-table__row .hi-table__col__hover--highlight{background:var(--color-primary-10)}.react-resizable{position:relative;background-clip:padding-box}.react-resizable-handle{position:absolute;width:10px;height:100%;bottom:0;right:-5px;cursor:col-resize;z-index:1}

package/es/tree/Tree.js

@@ -492,10 +492,13 @@ var Tree = function Tree(props) {
       type: 'deleteNode'
     }];
 
-    if (contextMenu) {
+    if (Array.isArray(contextMenu)) {
+      menu = contextMenu;
+    } else if (typeof contextMenu === 'function') {
       menu = contextMenu(node);
     }
 
+    if (!(Array.isArray(menu) && menu.length > 0)) return null;
     return /*#__PURE__*/_react["default"].createElement("ul", {
       className: "".concat(PREFIX, "__menu theme__").concat(theme)
     }, menu.map(function (m, index) {

package/es/tree/hooks/useSelect.js

@@ -27,6 +27,8 @@ var useSelect = function useSelect(_ref) {
       setSelectedId(selectedId);
     }
   }, [selectedId, selectable]);
+  var onSelectRef = (0, _react.useRef)(onSelect);
+  onSelectRef.current = onSelect;
   var onSelectNode = (0, _react.useCallback)(function (selectedNode) {
     if (!selectable) return; // 兼容老版本：全局开启了 selectable，子节点默认都支持 selectable
 
@@ -36,6 +38,8 @@ var useSelect = function useSelect(_ref) {
       setSelectedId(selectedNode.id);
     }
 
+    var onSelect = onSelectRef.current;
+
     if (onSelect) {
       onSelect(selectedNode);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/hiui",
-  "version": "3.9.0-rc.7",
+  "version": "3.9.0",
   "description": "HIUI for React",
   "scripts": {
     "test": "node_modules/.bin/standard && node_modules/.bin/stylelint --config .stylelintrc 'components/**/*.scss'",