dtable-ui-component 6.0.91 → 6.0.93

package/lib/Modal/prompt.js

@@ -10,13 +10,14 @@ var React = _interopRequireWildcard(require("react"));
 var _client = require("react-dom/client");
 var _closest = _interopRequireDefault(require("../utils/closest"));
 var _modal = _interopRequireDefault(require("./modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 function prompt(title, message, callbackOrActions) {
   let type = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'default';
   let defaultValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
   let placeholders = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : ['', ''];
   let platform = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 'ios';
   let closed = false;
-  defaultValue = typeof defaultValue === 'string' ? defaultValue : typeof defaultValue === 'number' ? "".concat(defaultValue) : '';
+  defaultValue = typeof defaultValue === 'string' ? defaultValue : typeof defaultValue === 'number' ? `${defaultValue}` : '';
   if (!callbackOrActions) {
     // console.log('Must specify callbackOrActions');
     return {
@@ -59,61 +60,78 @@ function prompt(title, message, callbackOrActions) {
   };
   switch (type) {
     case 'login-password':
-      inputDom = /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input-container")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input")
-      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-        type: "text",
-        defaultValue: data.text,
-        ref: input => focusFn(input),
-        onClick: onClick,
-        onChange: onChange,
-        placeholder: placeholders[0],
-        onBlur: onBlurFixWechat
-      }))), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input")
-      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-        type: "password",
-        defaultValue: data.password,
-        onClick: onClick,
-        onChange: onChange,
-        placeholder: placeholders[1],
-        onBlur: onBlurFixWechat
-      }))));
+      inputDom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${prefixCls}-input-container`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-input`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "text",
+              defaultValue: data.text,
+              ref: input => focusFn(input),
+              onClick: onClick,
+              onChange: onChange,
+              placeholder: placeholders[0],
+              onBlur: onBlurFixWechat
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-input`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "password",
+              defaultValue: data.password,
+              onClick: onClick,
+              onChange: onChange,
+              placeholder: placeholders[1],
+              onBlur: onBlurFixWechat
+            })
+          })
+        })]
+      });
       break;
     case 'secure-text':
-      inputDom = /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input-container")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input")
-      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-        type: "password",
-        defaultValue: data.password,
-        ref: input => focusFn(input),
-        onClick: onClick,
-        onChange: onChange,
-        placeholder: placeholders[0],
-        onBlur: onBlurFixWechat
-      }))));
+      inputDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-input-container`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-input`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "password",
+              defaultValue: data.password,
+              ref: input => focusFn(input),
+              onClick: onClick,
+              onChange: onChange,
+              placeholder: placeholders[0],
+              onBlur: onBlurFixWechat
+            })
+          })
+        })
+      });
       break;
     case 'default':
     default:
-      inputDom = /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input-container")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-input")
-      }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
-        type: "text",
-        defaultValue: data.text,
-        ref: input => focusFn(input),
-        onClick: onClick,
-        onChange: onChange,
-        placeholder: placeholders[0],
-        onBlur: onBlurFixWechat
-      }))));
+      inputDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-input-container`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${prefixCls}-input`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "text",
+              defaultValue: data.text,
+              ref: input => focusFn(input),
+              onClick: onClick,
+              onChange: onChange,
+              placeholder: placeholders[0],
+              onBlur: onBlurFixWechat
+            })
+          })
+        })
+      });
   }
-  const content = /*#__PURE__*/React.createElement("div", null, message, inputDom);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [message, inputDom]
+  });
   const div = document.createElement('div');
   document.body.appendChild(div);
   const root = (0, _client.createRoot)(div);
@@ -182,12 +200,12 @@ function prompt(title, message, callbackOrActions) {
     if (!/iPhone|iPod|iPad/i.test(navigator.userAgent)) {
       return;
     }
-    const pNode = (0, _closest.default)(e.target, ".".concat(prefixCls, "-content"));
+    const pNode = (0, _closest.default)(e.target, `.${prefixCls}-content`);
     if (!pNode) {
       e.preventDefault();
     }
   }
-  root.render( /*#__PURE__*/React.createElement(_modal.default, {
+  root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
     visible: true,
     transparent: true,
     prefixCls: prefixCls,
@@ -200,10 +218,12 @@ function prompt(title, message, callbackOrActions) {
     platform: platform,
     wrapProps: {
       onTouchStart: onWrapTouchStart
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-propmt-content")
-  }, content)));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${prefixCls}-propmt-content`,
+      children: content
+    })
+  }));
   return {
     close
   };

package/lib/MultipleSelectEditor/index.js

@@ -8,15 +8,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _selectEditor = _interopRequireDefault(require("../select-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const MultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     value: oldValue,
     ...props
   } = _ref;
   const value = oldValue ? Array.isArray(oldValue) ? oldValue : [oldValue] : [];
-  return /*#__PURE__*/_react.default.createElement(_selectEditor.default, Object.assign({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, {
+    ...props,
     value: value,
     ref: ref
-  }));
+  });
 });
 var _default = exports.default = MultipleSelectEditor;

package/lib/MultipleSelectFormatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _SelectItem = _interopRequireDefault(require("../SelectItem"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class MultipleSelectFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -21,10 +22,9 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
       let selectedOptions = options.filter(option => value.includes(option.id) || value.includes(option.name));
       if (selectedOptions.length === 0) return [];
       return selectedOptions.map(option => {
-        return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
-          key: "multiple-".concat(option.id),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
           option: option
-        });
+        }, `multiple-${option.id}`);
       });
     };
   }
@@ -35,14 +35,15 @@ class MultipleSelectFormatter extends _react.default.PureComponent {
     } = this.props;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
     if (!value || Array.isArray(value) && value.length === 0) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: classname
       });
     }
     let options = this.getOptions();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classname
-    }, options);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classname,
+      children: options
+    });
   }
 }
 MultipleSelectFormatter.defaultProps = {

package/lib/NotificationPopover/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class NotificationPopover extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -47,43 +48,53 @@ class NotificationPopover extends _react.default.Component {
       bodyText,
       footerText
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
       className: "notification-wrapper",
       target: "notification-popover",
       isOpen: true,
       fade: false,
       hideArrow: true,
-      placement: "bottom"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "notification-container",
-      ref: ref => this.notificationContainerRef = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "notification-header"
-    }, headerText, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      icon: "x",
-      onClick: this.props.onNotificationListToggle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "notification-body"
-    }, this.props.enableWeixin && /*#__PURE__*/_react.default.createElement("div", {
-      className: "show-weixin-qrcode",
-      onClick: this.onWeixinQRCodeDialogToggle
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-wechat weixin-icon"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "ml-2"
-    }, "\u5173\u6CE8\u516C\u4F17\u53F7\u83B7\u53D6\u5B9E\u65F6\u901A\u77E5")), /*#__PURE__*/_react.default.createElement("div", {
-      className: "mark-notifications",
-      onClick: this.props.onMarkAllNotifications
-    }, bodyText), /*#__PURE__*/_react.default.createElement("div", {
-      className: "notification-list-container",
-      onScroll: this.onHandleScroll,
-      ref: ref => this.notificationListRef = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.notificationsWrapperRef = ref
-    }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "notification-footer",
-      onClick: this.onNotificationDialogToggle
-    }, footerText))));
+      placement: "bottom",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "notification-container",
+        ref: ref => this.notificationContainerRef = ref,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "notification-header",
+          children: [headerText, /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            icon: "x",
+            onClick: this.props.onNotificationListToggle
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "notification-body",
+          children: [this.props.enableWeixin && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "show-weixin-qrcode",
+            onClick: this.onWeixinQRCodeDialogToggle,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              className: "dtable-font dtable-icon-wechat weixin-icon"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "ml-2",
+              children: "\u5173\u6CE8\u516C\u4F17\u53F7\u83B7\u53D6\u5B9E\u65F6\u901A\u77E5"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "mark-notifications",
+            onClick: this.props.onMarkAllNotifications,
+            children: bodyText
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "notification-list-container",
+            onScroll: this.onHandleScroll,
+            ref: ref => this.notificationListRef = ref,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              ref: ref => this.notificationsWrapperRef = ref,
+              children: this.props.children
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "notification-footer",
+            onClick: this.onNotificationDialogToggle,
+            children: footerText
+          })]
+        })]
+      })
+    });
   }
 }
 exports.default = NotificationPopover;

package/lib/NumberEditor/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _constants = require("../constants");
 var _utils = require("../utils/utils");
+var _jsxRuntime = require("react/jsx-runtime");
 class NumberEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -104,7 +105,7 @@ class NumberEditor extends _react.default.Component {
     } : {
       textAlign: 'right'
     };
-    return /*#__PURE__*/_react.default.createElement("input", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       ref: this.setInputRef,
       type: "text",
       className: "form-control",

package/lib/NumberFormatter/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class NumberFormatter extends _react.default.Component {
   render() {
     let {
@@ -20,10 +21,11 @@ class NumberFormatter extends _react.default.Component {
     if (number || number === 0) {
       number = (0, _dtableUtils.getNumberDisplayString)(number, data);
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       title: number,
-      className: classname
-    }, number);
+      className: classname,
+      children: number
+    });
   }
 }
 NumberFormatter.defaultProps = {

package/lib/Picker/AbstractPicker.js

@@ -14,6 +14,7 @@ var _Popup = _interopRequireDefault(require("rmc-cascader/lib/Popup"));
 var _MultiPicker = _interopRequireDefault(require("rmc-picker/lib/MultiPicker"));
 var _Picker = _interopRequireDefault(require("rmc-picker/lib/Picker"));
 var _getLocale = require("../utils/getLocale");
+var _jsxRuntime = require("react/jsx-runtime");
 /* tslint:disable:jsx-no-multiline-js */
 
 function getDefaultProps() {
@@ -65,20 +66,20 @@ class AbstractPicker extends React.Component {
         indicatorStyle
       } = this.props;
       return data.map((col, index) => {
-        return /*#__PURE__*/React.createElement(_Picker.default, {
-          key: index,
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
           prefixCls: pickerPrefixCls,
           style: {
             flex: 1
           },
           itemStyle: itemStyle,
-          indicatorStyle: indicatorStyle
-        }, col.map(item => {
-          return /*#__PURE__*/React.createElement(_Picker.default.Item, {
-            key: item.value,
-            value: item.value
-          }, item.label);
-        }));
+          indicatorStyle: indicatorStyle,
+          children: col.map(item => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default.Item, {
+              value: item.value,
+              children: item.label
+            }, item.value);
+          })
+        }, index);
       });
     };
     this.onOk = v => {
@@ -148,7 +149,7 @@ class AbstractPicker extends React.Component {
     let cascader;
     let popupMoreProps = {};
     if (cascade) {
-      cascader = /*#__PURE__*/React.createElement(_Cascader.default, {
+      cascader = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cascader.default, {
         prefixCls: prefixCls,
         pickerPrefixCls: pickerPrefixCls,
         data: data,
@@ -159,32 +160,35 @@ class AbstractPicker extends React.Component {
         indicatorStyle: indicatorStyle
       });
     } else {
-      cascader = /*#__PURE__*/React.createElement(_MultiPicker.default, {
+      cascader = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiPicker.default, {
         style: {
           flexDirection: 'row',
           alignItems: 'center'
         },
         prefixCls: prefixCls,
-        onScrollChange: this.setScrollValue
-      }, this.getPickerCol());
+        onScrollChange: this.setScrollValue,
+        children: this.getPickerCol()
+      });
       popupMoreProps = {
         pickerValueProp: 'selectedValue',
         pickerValueChangeProp: 'onValueChange'
       };
     }
-    return /*#__PURE__*/React.createElement(_Popup.default, Object.assign({
-      cascader: cascader
-    }, this.popupProps, restProps, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popup.default, {
+      cascader: cascader,
+      ...this.popupProps,
+      ...restProps,
       prefixCls: popupPrefixCls,
       value: value,
       dismissText: dismissText || _locale.dismissText,
-      okText: okText || _locale.okText
-    }, popupMoreProps, {
+      okText: okText || _locale.okText,
+      ...popupMoreProps,
       ref: this.fixOnOk,
-      onVisibleChange: this.onVisibleChange
-    }), children && typeof children !== 'string' && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
-      extra: this.getSel() || extra || _locale.extra
-    }));
+      onVisibleChange: this.onVisibleChange,
+      children: children && typeof children !== 'string' && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
+        extra: this.getSel() || extra || _locale.extra
+      })
+    });
   }
 }
 exports.default = AbstractPicker;

package/lib/Picker/index.js

@@ -11,10 +11,11 @@ var _AbstractPicker = _interopRequireWildcard(require("./AbstractPicker"));
 var PropTypes = _interopRequireWildcard(require("prop-types"));
 var _popupProps = _interopRequireDefault(require("./popupProps"));
 require("./style/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 // TODO:
 // fix error TS4026:Public static property 'defaultProps' of exported class has or is using name 'React.ReactElement'
 // fix error TS6133: 'React' is declared but its value is never read.
-const nonsense = exports.nonsense = /*#__PURE__*/React.createElement("div", null);
+const nonsense = exports.nonsense = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {});
 class Picker extends _AbstractPicker.default {
   constructor() {
     super(...arguments);

package/lib/Popover/index.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _rmcTooltip = _interopRequireDefault(require("rmc-tooltip"));
 var _item = _interopRequireDefault(require("./item"));
 require("./style/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 function recursiveCloneChildren(children) {
   let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (ch, _) => ch;
   return React.Children.map(children, (child, index) => {
@@ -40,12 +41,14 @@ class Popover extends React.Component {
       }
       return child;
     });
-    const wrapperNode = /*#__PURE__*/React.createElement("div", {
-      className: "".concat(this.props.prefixCls, "-inner-wrapper")
-    }, overlayNode);
-    return /*#__PURE__*/React.createElement(_rmcTooltip.default, Object.assign({}, restProps, {
+    const wrapperNode = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${this.props.prefixCls}-inner-wrapper`,
+      children: overlayNode
+    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTooltip.default, {
+      ...restProps,
       overlay: wrapperNode
-    }));
+    });
   }
 }
 exports.default = Popover;

package/lib/Popover/item.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
+var _jsxRuntime = require("react/jsx-runtime");
 class Item extends React.Component {
   render() {
     const {
@@ -21,30 +22,36 @@ class Item extends React.Component {
       activeStyle,
       ...restProps
     } = this.props;
-    const cls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, {
-      ["".concat(prefixCls, "-item-disabled")]: disabled
+    const cls = (0, _classnames.default)(`${prefixCls}-item`, className, {
+      [`${prefixCls}-item-disabled`]: disabled
     });
-    let activeClass = "".concat(prefixCls, "-item-active ");
+    let activeClass = `${prefixCls}-item-active `;
     if (firstItem) {
-      activeClass += "".concat(prefixCls, "-item-fix-active-arrow");
+      activeClass += `${prefixCls}-item-fix-active-arrow`;
     }
-    return /*#__PURE__*/React.createElement(_rmcFeedback.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       disabled: disabled,
       activeClassName: activeClass,
-      activeStyle: activeStyle
-    }, /*#__PURE__*/React.createElement("div", Object.assign({
-      className: cls
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-item-container")
-    }, icon ?
-    /*#__PURE__*/
-    // tslint:disable-next-line:jsx-no-multiline-js
-    React.createElement("span", {
-      className: "".concat(prefixCls, "-item-icon"),
-      "aria-hidden": "true"
-    }, icon) : null, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-item-content")
-    }, children))));
+      activeStyle: activeStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: cls,
+        ...restProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${prefixCls}-item-container`,
+          children: [icon ?
+          /*#__PURE__*/
+          // tslint:disable-next-line:jsx-no-multiline-js
+          (0, _jsxRuntime.jsx)("span", {
+            className: `${prefixCls}-item-icon`,
+            "aria-hidden": "true",
+            children: icon
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: `${prefixCls}-item-content`,
+            children: children
+          })]
+        })
+      })
+    });
   }
 }
 exports.default = Item;

package/lib/Progress/index.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class Progress extends React.Component {
   componentWillReceiveProps() {
     this.noAppearTransition = true;
@@ -17,7 +18,7 @@ class Progress extends React.Component {
     if (this.props.appearTransition) {
       setTimeout(() => {
         if (this.barRef) {
-          this.barRef.style.width = "".concat(this.props.percent, "%");
+          this.barRef.style.width = `${this.props.percent}%`;
         }
       }, 10);
     }
@@ -32,28 +33,29 @@ class Progress extends React.Component {
       barStyle = {}
     } = this.props;
     const percentStyle = {
-      width: this.noAppearTransition || !this.props.appearTransition ? "".concat(this.props.percent, "%") : 0,
+      width: this.noAppearTransition || !this.props.appearTransition ? `${this.props.percent}%` : 0,
       height: 0
     };
-    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-outer"), className, {
-      ["".concat(prefixCls, "-fixed-outer")]: position === 'fixed',
-      ["".concat(prefixCls, "-hide-outer")]: !unfilled
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-outer`, className, {
+      [`${prefixCls}-fixed-outer`]: position === 'fixed',
+      [`${prefixCls}-hide-outer`]: !unfilled
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: style,
       className: wrapCls,
       role: "progressbar",
       "aria-valuenow": this.props.percent,
       "aria-valuemin": 0,
-      "aria-valuemax": 100
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: el => this.barRef = el,
-      className: "".concat(prefixCls, "-bar"),
-      style: {
-        ...barStyle,
-        ...percentStyle
-      }
-    }));
+      "aria-valuemax": 100,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: el => this.barRef = el,
+        className: `${prefixCls}-bar`,
+        style: {
+          ...barStyle,
+          ...percentStyle
+        }
+      })
+    });
   }
 }
 exports.default = Progress;