@ucloud-fe/react-components 1.11.0 → 1.11.1

package/lib/components/AutoComplete/AutoComplete.d.ts

@@ -36,5 +36,5 @@ interface AutoCompleteProps {
     /** @ignore */
     placeholder?: InputProps['placeholder'];
 }
-declare const _default: React.MemoExoticComponent<({ value: _value, defaultValue, onChange: _onChange, options, disabled, loading, prefix, block, handleSearch, popoverProps, onFocus, onBlur, style, className, status, placeholder }: AutoCompleteProps & Omit<InputProps, keyof AutoCompleteProps>) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ value: _value, defaultValue, onChange: _onChange, options, disabled, loading, prefix, block, handleSearch, popoverProps, onFocus, onBlur, style, className, status, placeholder, size }: AutoCompleteProps & Omit<InputProps, keyof AutoCompleteProps>) => JSX.Element>;
 export default _default;

package/lib/components/AutoComplete/AutoComplete.js

@@ -62,7 +62,8 @@ var AutoComplete = function AutoComplete(_ref) {
       style = _ref.style,
       className = _ref.className,
       status = _ref.status,
-      placeholder = _ref.placeholder;
+      placeholder = _ref.placeholder,
+      size = _ref.size;
 
   var _useUncontrolled = (0, _useUncontrolled3.default)(_value, defaultValue, _onChange),
       _useUncontrolled2 = (0, _slicedToArray2.default)(_useUncontrolled, 2),
@@ -139,6 +140,7 @@ var AutoComplete = function AutoComplete(_ref) {
     stretch: ['minWidth'],
     onVisibleChange: handleVisibleChange
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    size: size,
     value: value,
     onChange: onInputChange,
     onFocus: onFocus,

package/lib/components/Message/method.js

@@ -49,17 +49,30 @@ var messageContainerDom = document.createElement('div');
 var mainContainerDom = config.getContainer();
 var containerRef;
 
-_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_MessageContainer.default, {
-  ref: function (ref) {
-    (0, _newArrowCheck2.default)(this, _this);
-    return containerRef = ref;
-  }.bind(void 0),
-  id: "uc-fe-message-content-wrap",
-  top: config.top
-}), messageContainerDom);
+function MessageRefComponent() {
+  var _this2 = this;
+
+  var myRef = _react.default.useRef(null);
+
+  _react.default.useEffect(function () {
+    (0, _newArrowCheck2.default)(this, _this2);
+    containerRef = myRef.current;
+  }.bind(this), [myRef.current]);
+
+  return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, {
+    ref: function (ref) {
+      (0, _newArrowCheck2.default)(this, _this2);
+      return myRef.current = ref;
+    }.bind(this),
+    id: "uc-fe-message-content-wrap",
+    top: config.top
+  });
+}
 
 mainContainerDom.appendChild(messageContainerDom);
 
+_reactDom.default.render( /*#__PURE__*/_react.default.createElement(MessageRefComponent, null), messageContainerDom);
+
 var ContextWrap = function ContextWrap(_ref) {
   (0, _newArrowCheck2.default)(this, _this);
   var children = _ref.children;
@@ -75,29 +88,35 @@ ContextWrap.propTypes = {
 };
 
 var popupMessage = function popupMessage(message) {
-  var _this2 = this;
+  var _this3 = this;
 
   var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : config.duration;
   var onClose = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {
-    (0, _newArrowCheck2.default)(this, _this2);
+    (0, _newArrowCheck2.default)(this, _this3);
   }.bind(this);
+
+  if (!containerRef) {
+    console.error("Error: containerRef is not ready , please check");
+    return;
+  }
+
   var messageUid = containerRef.appendMessage( /*#__PURE__*/_react.default.createElement(ContextWrap, null, message));
 
   var destroy = function destroy() {
-    (0, _newArrowCheck2.default)(this, _this2);
+    (0, _newArrowCheck2.default)(this, _this3);
     containerRef.removeMessage(messageUid) && onClose();
   }.bind(this);
 
   if (duration) {
     setTimeout(function () {
-      (0, _newArrowCheck2.default)(this, _this2);
+      (0, _newArrowCheck2.default)(this, _this3);
       destroy();
     }.bind(this), duration);
   }
 
   return {
     destory: function destory() {
-      (0, _newArrowCheck2.default)(this, _this2);
+      (0, _newArrowCheck2.default)(this, _this3);
       console.error("Warning: wrong name of destory, please use destroy to instead");
       destroy();
     }.bind(this),
@@ -106,11 +125,11 @@ var popupMessage = function popupMessage(message) {
 };
 
 var showMessage = function showMessage(styleType, content) {
-  var _this3 = this;
+  var _this4 = this;
 
   var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : config.duration;
   var onClose = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {
-    (0, _newArrowCheck2.default)(this, _this3);
+    (0, _newArrowCheck2.default)(this, _this4);
   }.bind(this);
   var option = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   var zIndex = option.zIndex,
@@ -131,7 +150,7 @@ var showMessage = function showMessage(styleType, content) {
   }
 
   var destroy = function destroy() {
-    (0, _newArrowCheck2.default)(this, _this3);
+    (0, _newArrowCheck2.default)(this, _this4);
   }.bind(this);
 
   var message = /*#__PURE__*/_react.default.createElement(_Message.default, (0, _extends2.default)({
@@ -140,7 +159,7 @@ var showMessage = function showMessage(styleType, content) {
     className: className
   }, props, {
     onClose: function () {
-      (0, _newArrowCheck2.default)(this, _this3);
+      (0, _newArrowCheck2.default)(this, _this4);
       return destroy();
     }.bind(this)
   }));

package/lib/components/Table/ColumnConfigButton.js

@@ -235,6 +235,7 @@ var ColumnConfigButton = /*#__PURE__*/function (_PureComponent2) {
           modalProps = _this$props3.modalProps,
           rest = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
       return /*#__PURE__*/_react.default.createElement(_style.ColumnConfigWrap, rest, /*#__PURE__*/_react.default.createElement(_style.ColumnConfigButtonWrap, {
+        shape: "square",
         icon: /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
           type: "cog",
           size: "14px"

package/lib/components/Table/Table.js

@@ -472,7 +472,8 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
           return /*#__PURE__*/_react.default.createElement(_style.FilterIcon, {
             key: "icon",
             type: "filter",
-            active: active
+            active: active,
+            disabled: rest.disabled
           });
         }.bind(this),
         multiple: multiple
@@ -1006,7 +1007,8 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
               "data-row-key": rowKey,
               onMouseEnter: _this2.setDraggable,
               onMouseLeave: _this2.unsetDraggable,
-              className: _style.draggerCls
+              className: _style.draggerCls,
+              "data-testid": "draggable"
             }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
               type: "dragger",
               size: "16px"
@@ -1138,8 +1140,16 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
     }.bind(this);
 
     _this2.onDragEnd = function (source) {
+      var _this29 = this;
+
       (0, _newArrowCheck2.default)(this, _this3);
 
+      _this2.getTableDom().querySelectorAll('.uc-fe-table-row').forEach(function (row) {
+        (0, _newArrowCheck2.default)(this, _this29);
+        row.classList.remove(_style.dragOverDownCls);
+        row.classList.remove(_style.dragOverUpCls);
+      }.bind(this));
+
       _this2.initDrag(source);
     }.bind(this);
 
@@ -1191,7 +1201,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
     }.bind(this);
 
     _this2.renderSearchInfo = function (option) {
-      var _this29 = this;
+      var _this30 = this;
 
       (0, _newArrowCheck2.default)(this, _this3);
       var filters = option.filters,
@@ -1201,15 +1211,15 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
       var first = true;
 
       var renderLabel = function renderLabel(_ref5) {
-        var _this30 = this;
+        var _this31 = this;
 
-        (0, _newArrowCheck2.default)(this, _this29);
+        (0, _newArrowCheck2.default)(this, _this30);
         var value = _ref5.value,
             _ref5$column$filter = _ref5.column.filter,
             multiple = _ref5$column$filter.multiple,
             options = _ref5$column$filter.options;
         options = options.map(function (option) {
-          (0, _newArrowCheck2.default)(this, _this30);
+          (0, _newArrowCheck2.default)(this, _this31);
           return !(0, _isObject2.default)(option) ? {
             value: option,
             label: option
@@ -1218,23 +1228,23 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
 
         if (multiple) {
           var label = (0, _map2.default)(value, function (v) {
-            var _this31 = this;
+            var _this32 = this;
 
-            (0, _newArrowCheck2.default)(this, _this30);
+            (0, _newArrowCheck2.default)(this, _this31);
             var option = (0, _find2.default)(options, function (option) {
-              (0, _newArrowCheck2.default)(this, _this31);
+              (0, _newArrowCheck2.default)(this, _this32);
               return v === option.value;
             }.bind(this));
             return option && option.label;
           }.bind(this));
           var _first = true;
           return (0, _map2.default)(label, function (_label) {
-            (0, _newArrowCheck2.default)(this, _this30);
+            (0, _newArrowCheck2.default)(this, _this31);
             return _first ? [_first = false, _label] : [' | ', _label];
           }.bind(this));
         } else {
           var _option = (0, _find2.default)(options, function (option) {
-            (0, _newArrowCheck2.default)(this, _this30);
+            (0, _newArrowCheck2.default)(this, _this31);
             return value === option.value;
           }.bind(this));
 
@@ -1250,7 +1260,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
         closable: false,
         className: "".concat(_style.prefixCls, "-filter-notice")
       }, searchValue && /*#__PURE__*/_react.default.createElement("span", null, locale.search, locale.colon, searchValue, locale.semicolon), !(0, _isEmpty2.default)(filters) && /*#__PURE__*/_react.default.createElement("span", null, locale.filter, locale.colon, (0, _map2.default)(filters, function (filterInfo) {
-        (0, _newArrowCheck2.default)(this, _this29);
+        (0, _newArrowCheck2.default)(this, _this30);
         return first ? [first = false, renderLabel(filterInfo)] : [', ', renderLabel(filterInfo)];
       }.bind(this)), locale.semicolon), /*#__PURE__*/_react.default.createElement("span", null, locale.searchResult, locale.colon, total, locale.items, locale.semicolon), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("a", {
         className: "".concat(_style.prefixCls, "-reset-link"),
@@ -1403,7 +1413,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
   (0, _createClass2.default)(Table, [{
     key: "render",
     value: function render() {
-      var _this32 = this;
+      var _this33 = this;
 
       /* eslint-disable no-unused-vars */
       var _this$props = this.props,
@@ -1466,7 +1476,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
 
       var columns = this.getColumns(dataSource, finalFilters);
       var defaultExpandAllRowsProps = !defaultExpandAllRows ? null : function () {
-        (0, _newArrowCheck2.default)(this, _this32);
+        (0, _newArrowCheck2.default)(this, _this33);
         var _this$state$changedUn = this.state.changedUnExpandedRowKeys,
             changedUnExpandedRowKeys = _this$state$changedUn === void 0 ? {} : _this$state$changedUn;
         var expandedRowKeys = this.getExpandedRowKeys(dataSource, changedUnExpandedRowKeys);
@@ -1528,7 +1538,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
         expandedRowRender: expandedRowRender,
         expandIconColumnIndex: expandIconColumnIndex === undefined ? columns[0] && columns[0].key === 'table_row_selection' ? 1 : 0 : expandIconColumnIndex,
         title: function () {
-          (0, _newArrowCheck2.default)(this, _this32);
+          (0, _newArrowCheck2.default)(this, _this33);
           return this.renderTitle({
             filters: finalFilters,
             searchValue: searchValue,
@@ -1537,7 +1547,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
           });
         }.bind(this),
         footer: function () {
-          (0, _newArrowCheck2.default)(this, _this32);
+          (0, _newArrowCheck2.default)(this, _this33);
           return this.renderFooter({
             dataSource: _d,
             emptyContent: emptyContent,
@@ -1553,7 +1563,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
       }, pagination, {
         className: "".concat(_style.prefixCls, "-pagination"),
         onChange: function (current, pageSize) {
-          (0, _newArrowCheck2.default)(this, _this32);
+          (0, _newArrowCheck2.default)(this, _this33);
           this.setState({
             pagination: {
               current: current,
@@ -1563,7 +1573,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
           pagination.onChange && pagination.onChange(current, pageSize);
         }.bind(this),
         onPageSizeChange: function (current, pageSize) {
-          (0, _newArrowCheck2.default)(this, _this32);
+          (0, _newArrowCheck2.default)(this, _this33);
           this.setState({
             pagination: {
               current: current,
@@ -1573,7 +1583,7 @@ var Table = (_dec = (0, _localeConsumerDecorator.default)({
           pagination.onPageSizeChange && pagination.onPageSizeChange(current, pageSize);
         }.bind(this),
         onAdvise: function (current, pageSize) {
-          (0, _newArrowCheck2.default)(this, _this32);
+          (0, _newArrowCheck2.default)(this, _this33);
           this.setState({
             pagination: {
               current: current,