dtable-ui-component 6.0.110-hap.1 → 6.0.110-hum.3

package/lib/SelectOptionGroup/index.css

@@ -6,7 +6,7 @@
   min-height: 60px;
   min-width: 100%;
   max-width: 15rem;
-  padding-top: 0.25rem;
+  padding-top: 0;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   background: #fff;
   border: 1px solid rgba(0, 40, 100, 0.12);
@@ -17,11 +17,18 @@
 .option-group .option-group-search {
   width: 100%;
   min-width: 170px;
-  padding: 0 0 8px 0 !important;
+}
+
+.option-group .option-group-content .label-space {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
 }
 
 .option-group-search .form-control {
   height: 32px;
+  border-radius: 4px;
 }
 
 .option-group .none-search-result {
@@ -34,6 +41,7 @@
   flex: 1;
   max-height: 252px;
   overflow-y: auto;
+  padding: 8px;
 }
 
 .option-group .option-group-top {
@@ -44,7 +52,7 @@
   display: block;
   width: 100%;
   line-height: 24px;
-  padding: 0.25rem 10px;
+  padding: 0.25rem 8px;
   clear: both;
   font-weight: 400;
   text-align: inherit;
@@ -53,30 +61,40 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  border-radius: 4px;
 }
 
-.option.option-active {
-  background-color: #f5f5f5;
-  color: #212529;
-  cursor: pointer;
+.option-group .option-group-search .form-control {
+  border: none;
+  border-bottom: 1px solid rgb(0 40 100 / 12%) !important;
+  border-radius: 4px 4px 0 0;
+  padding: .375rem 1rem !important;
+  height: 32px;
 }
 
-.option:hover .header-icon .dtable-font,
-.option:hover .header-icon .multicolor-icon,
-.option.option-active .select-option-name {
-  color: #fff;
+.option-group .option-group-search .form-control:focus {
+  border-color: transparent !important;
+  border-bottom: 1px solid rgb(0 40 100 / 12%) !important;
+  box-shadow: none !important;
 }
 
-.option.option-active .header-icon .dtable-font,
-.option.option-active .header-icon .multicolor-icon {
-  color: #fff;
+
+.option-group-content .label-check-icon {
+  margin-left: 16px;
+}
+
+.option-group-content .dtable-icon-check {
+  font-size: 14px !important;
+  color: #666666;
 }
 
-.option:not(.option-active):hover .header-icon .dtable-font,
-.option:not(.option-active):hover .header-icon .multicolor-icon {
-  color: #aaa;
+.option.option-active {
+  background-color: #f5f5f5;
+  color: #212529;
+  cursor: pointer;
 }
 
+
 .option .select-option-name .multiple-select-option {
   margin: 0;
 }

package/lib/SelectOptionGroup/index.js

@@ -132,10 +132,17 @@ class SelectOptionGroup extends _react.Component {
         });
       }
     };
+    this.isEqual = (obj1, obj2) => {
+      if (obj1 === obj2) return true;
+      if (!obj1 || !obj2) return false;
+      return JSON.stringify(obj1) === JSON.stringify(obj2);
+    };
     this.renderOptGroup = searchVal => {
       let {
         noOptionsPlaceholder,
-        onSelectOption
+        onSelectOption,
+        value,
+        supportMultipleSelect
       } = this.props;
       this.filterOptions = this.props.getFilterOptions(searchVal);
       if (this.filterOptions.length === 0) {
@@ -147,6 +154,7 @@ class SelectOptionGroup extends _react.Component {
       return this.filterOptions.map((opt, i) => {
         let key = opt.value.column ? opt.value.column.key : i;
         let isActive = this.state.activeIndex === i;
+        let isSelected = value && typeof value === 'object' && !supportMultipleSelect ? this.isEqual(value.value, opt.value) : Array.isArray(value.value) ? value.value.includes(opt.value.column_key) : false;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_option.default, {
           index: i,
           isActive: isActive,
@@ -155,8 +163,24 @@ class SelectOptionGroup extends _react.Component {
           changeIndex: this.changeIndex,
           supportMultipleSelect: this.props.supportMultipleSelect,
           disableHover: this.state.disableHover,
-          children: opt.label
-        }, `${key}-${i}`);
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "label-space",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              children: [" ", opt.label]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "label-check-icon",
+              children: [" ", isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-font dtable-icon-check"
+              })]
+            })]
+          })
+        }, "".concat(key, "-").concat(i));
+      });
+    };
+    this.clearValue = () => {
+      this.setState({
+        searchVal: '',
+        activeIndex: -1
       });
     };
     this.state = {
@@ -216,7 +240,7 @@ class SelectOptionGroup extends _react.Component {
       style = {
         position: 'fixed',
         left: position.x,
-        top: `${position.y + position.height + 4}px`,
+        top: "".concat(position.y + position.height + 4, "px"),
         minWidth: position.width,
         opacity: 0
       };
@@ -243,10 +267,24 @@ class SelectOptionGroup extends _react.Component {
             placeholder: searchPlaceholder,
             onChange: this.onChangeSearch,
             autoFocus: true,
-            ref: this.searchInputRef
+            ref: this.searchInputRef,
+            clearValue: this.clearValue,
+            isClearable: true,
+            components: {
+              ClearIndicator: props => {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                  className: (0, _classnames.default)('select-search-text-clear input-icon-addon seatable-icon dtable-font dtable-icon-x'),
+                  onClick: e => {
+                    e.stopPropagation();
+                    e.nativeEvent.stopImmediatePropagation();
+                    props.clearValue();
+                  }
+                });
+              }
+            }
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `option-group-content ${!searchable && !supportMultipleSelect ? 'option-group-top' : ''}`,
+          className: "option-group-content ".concat(!searchable && !supportMultipleSelect ? 'option-group-top' : ''),
           ref: ref => this.optionGroupContentRef = ref,
           children: this.renderOptGroup(searchVal)
         }), addOptionAble && AddOption]

package/lib/SelectedDepartments/index.js

@@ -36,7 +36,7 @@ function SelectedDepartments(_ref) {
           "aria-label": name,
           children: name
         })
-      }, `department-${index}`);
+      }, "department-".concat(index));
     }
     const department = idDepartmentMap[content];
     if (department) {
@@ -65,7 +65,7 @@ function SelectedDepartments(_ref) {
             })
           })
         })]
-      }, `department-${index}`);
+      }, "department-".concat(index));
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "department empty-department mr-1",
@@ -87,7 +87,7 @@ function SelectedDepartments(_ref) {
           })
         })
       })]
-    }, `department-${index}`);
+    }, "department-".concat(index));
   }) : null;
   return dom;
 }

package/lib/SimpleLongTextFormatter/index.js

@@ -31,8 +31,8 @@ class SimpleLongTextFormatter extends _react.default.Component {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "long-text-check-list",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-          className: `dtable-font dtable-icon-check-square-solid ${checkList.completed === checkList.total ? 'long-text-check-list-completed' : ''}`
-        }), `${checkList.completed}/${checkList.total}`]
+          className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
+        }), "".concat(checkList.completed, "/").concat(checkList.total)]
       });
     };
     this.renderImages = value => {

package/lib/SingleSelectEditor/index.js

@@ -6,19 +6,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _selectEditor = _interopRequireDefault(require("../select-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["value"];
 const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    value: oldValue,
-    ...props
-  } = _ref;
+      value: oldValue
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const value = oldValue ? [oldValue] : [];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, {
-    ...props,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     value: value,
     ref: ref
-  });
+  }));
 });
 var _default = exports.default = SingleSelectEditor;

package/lib/TabBar/Tab.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
 var _Badge = _interopRequireDefault(require("../Badge"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,21 +25,21 @@ class Tab extends React.PureComponent {
       } = this.props;
       const iconRes = selected ? selectedIcon : icon;
       const iconDom = /*#__PURE__*/React.isValidElement(iconRes) ? iconRes : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        className: `${prefixCls}-image`,
+        className: "".concat(prefixCls, "-image"),
         src: iconRes ? iconRes.uri : iconRes,
         alt: title
       });
       if (badge) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Badge.default, {
           text: badge,
-          className: `${prefixCls}-badge tab-badge`,
+          className: "".concat(prefixCls, "-badge tab-badge"),
           children: [' ', iconDom, ' ']
         });
       }
       if (dot) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, {
           dot: true,
-          className: `${prefixCls}-badge tab-dot`,
+          className: "".concat(prefixCls, "-badge tab-dot"),
           children: iconDom
         });
       }
@@ -60,24 +61,23 @@ class Tab extends React.PureComponent {
       tintColor
     } = this.props;
     const iconColor = selected ? tintColor : unselectedTintColor;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ...this.props.dataAttrs,
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.dataAttrs), {}, {
       onClick: this.onClick,
-      className: `${prefixCls}`,
+      className: "".concat(prefixCls),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-icon`,
+        className: "".concat(prefixCls, "-icon"),
         style: {
           color: iconColor
         },
         children: this.renderIcon()
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        className: `${prefixCls}-title`,
+        className: "".concat(prefixCls, "-title"),
         style: {
           color: selected ? tintColor : unselectedTintColor
         },
         children: title
       })]
-    });
+    }));
   }
 }
 var _default = exports.default = Tab;

package/lib/TabBar/index.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Item = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
 var _getDataAttr = _interopRequireDefault(require("../utils/getDataAttr"));
 var _Tabs = _interopRequireDefault(require("../Tabs"));
@@ -37,9 +38,7 @@ class AntTabBar extends React.Component {
       const tabs = [];
       React.Children.forEach(this.props.children, c => {
         if (c) {
-          tabs.push({
-            ...c.props
-          });
+          tabs.push((0, _objectSpread2.default)({}, c.props));
         }
       });
       return tabs;
@@ -56,7 +55,7 @@ class AntTabBar extends React.Component {
       const tabsData = this.getTabs();
       const content = Array.isArray(tabsData) ? tabsData.map((cProps, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
-          prefixCls: `${this.props.prefixCls}-tab`,
+          prefixCls: "".concat(this.props.prefixCls, "-tab"),
           badge: cProps.badge,
           dot: cProps.dot,
           selected: cProps.selected,
@@ -69,9 +68,9 @@ class AntTabBar extends React.Component {
           onClick: () => cProps.onPress && cProps.onPress()
         }, index);
       }) : null;
-      let cls = `${prefixCls}-bar`;
+      let cls = "".concat(prefixCls, "-bar");
       if (hidden) {
-        cls += ` ${prefixCls}-bar-hidden-${tabBarPosition}`;
+        cls += " ".concat(prefixCls, "-bar-hidden-").concat(tabBarPosition);
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: cls,

package/lib/Tabs/index.js

@@ -1,20 +1,21 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DefaultTabBar = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcTabs = require("rmc-tabs");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DefaultTabBar extends _rmcTabs.DefaultTabBar {}
 exports.DefaultTabBar = DefaultTabBar;
-DefaultTabBar.defaultProps = {
-  ..._rmcTabs.DefaultTabBar.defaultProps,
+DefaultTabBar.defaultProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _rmcTabs.DefaultTabBar.defaultProps), {}, {
   prefixCls: 'am-tabs-default-bar'
-};
+});
 class Tabs extends React.PureComponent {
   constructor() {
     super(...arguments);
@@ -22,17 +23,15 @@ class Tabs extends React.PureComponent {
       const {
         renderTab
       } = this.props;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTabBar, {
-        ...props,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTabBar, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         renderTab: renderTab
-      });
+      }));
     };
   }
   render() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTabs.Tabs, {
-      renderTabBar: this.renderTabBar,
-      ...this.props
-    });
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcTabs.Tabs, (0, _objectSpread2.default)({
+      renderTabBar: this.renderTabBar
+    }, this.props));
   }
 }
 exports.default = Tabs;

package/lib/TextareaItem/index.js

@@ -1,19 +1,21 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _exenv = require("../utils/exenv");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["prefixCls", "prefixListCls", "editable", "style", "clear", "children", "error", "className", "count", "labelNumber", "title", "onErrorClick", "autoHeight", "defaultValue"];
 /* tslint:disable:jsx-no-multiline-js */
-
 function noop() {}
 function fixControlledValue(value) {
   if (typeof value === 'undefined' || value === null) {
@@ -35,7 +37,7 @@ class TextareaItem extends React.Component {
     this.reAlignHeight = () => {
       const textareaDom = this.textareaRef;
       textareaDom.style.height = ''; // 字数减少时能自动减小高度
-      textareaDom.style.height = `${textareaDom.scrollHeight}px`;
+      textareaDom.style.height = "".concat(textareaDom.scrollHeight, "px");
     };
     this.onChange = e => {
       const value = e.target.value;
@@ -133,23 +135,24 @@ class TextareaItem extends React.Component {
     }
   }
   render() {
-    const {
-      prefixCls,
-      prefixListCls,
-      editable,
-      style,
-      clear,
-      children,
-      error,
-      className,
-      count,
-      labelNumber,
-      title,
-      onErrorClick,
-      autoHeight,
-      defaultValue,
-      ...otherProps
-    } = this.props;
+    const _this$props = this.props,
+      {
+        prefixCls,
+        prefixListCls,
+        editable,
+        style,
+        clear,
+        children,
+        error,
+        className,
+        count,
+        labelNumber,
+        title,
+        onErrorClick,
+        autoHeight,
+        defaultValue
+      } = _this$props,
+      otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const {
       disabled
     } = otherProps;
@@ -158,20 +161,20 @@ class TextareaItem extends React.Component {
       focus
     } = this.state;
     const hasCount = count > 0 && this.props.rows > 1;
-    const wrapCls = (0, _classnames.default)(className, `${prefixListCls}-item`, `${prefixCls}-item`, {
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-item-single-line`]: this.props.rows === 1 && !autoHeight,
-      [`${prefixCls}-error`]: error,
-      [`${prefixCls}-focus`]: focus,
-      [`${prefixCls}-has-count`]: hasCount
+    const wrapCls = (0, _classnames.default)(className, "".concat(prefixListCls, "-item"), "".concat(prefixCls, "-item"), {
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-item-single-line")]: this.props.rows === 1 && !autoHeight,
+      ["".concat(prefixCls, "-error")]: error,
+      ["".concat(prefixCls, "-focus")]: focus,
+      ["".concat(prefixCls, "-has-count")]: hasCount
     });
-    const labelCls = (0, _classnames.default)(`${prefixCls}-label`, {
-      [`${prefixCls}-label-2`]: labelNumber === 2,
-      [`${prefixCls}-label-3`]: labelNumber === 3,
-      [`${prefixCls}-label-4`]: labelNumber === 4,
-      [`${prefixCls}-label-5`]: labelNumber === 5,
-      [`${prefixCls}-label-6`]: labelNumber === 6,
-      [`${prefixCls}-label-7`]: labelNumber === 7
+    const labelCls = (0, _classnames.default)("".concat(prefixCls, "-label"), {
+      ["".concat(prefixCls, "-label-2")]: labelNumber === 2,
+      ["".concat(prefixCls, "-label-3")]: labelNumber === 3,
+      ["".concat(prefixCls, "-label-4")]: labelNumber === 4,
+      ["".concat(prefixCls, "-label-5")]: labelNumber === 5,
+      ["".concat(prefixCls, "-label-6")]: labelNumber === 6,
+      ["".concat(prefixCls, "-label-7")]: labelNumber === 7
     });
     const characterLength = countSymbols(value);
     const lengthCtrlProps = {};
@@ -191,29 +194,28 @@ class TextareaItem extends React.Component {
         className: labelCls,
         children: title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-control`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
-          ref: el => this.textareaRef = el,
-          ...lengthCtrlProps,
-          ...otherProps,
+        className: "".concat(prefixCls, "-control"),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+          ref: el => this.textareaRef = el
+        }, lengthCtrlProps), otherProps), {}, {
           value: value,
           onChange: this.onChange,
           onBlur: this.onBlur,
           onFocus: this.onFocus,
           readOnly: !editable,
           style: style
-        })
+        }))
       }), clear && editable && value && characterLength > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
-        activeClassName: `${prefixCls}-clear-active`,
+        activeClassName: "".concat(prefixCls, "-clear-active"),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-clear`,
+          className: "".concat(prefixCls, "-clear"),
           onClick: this.clearInput
         })
       }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-error-extra`,
+        className: "".concat(prefixCls, "-error-extra"),
         onClick: this.onErrorClick
       }), hasCount && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: `${prefixCls}-count`,
+        className: "".concat(prefixCls, "-count"),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: value ? characterLength : 0
         }), "/", count]

package/lib/Toast/index.js

@@ -27,8 +27,8 @@ function getMessageInstance(mask, callback) {
     // clear rmc-notification default style
     transitionName: 'am-fade',
     className: (0, _classnames.default)({
-      [`${prefixCls}-mask`]: mask,
-      [`${prefixCls}-nomask`]: !mask
+      ["".concat(prefixCls, "-mask")]: mask,
+      ["".concat(prefixCls, "-nomask")]: !mask
     })
   }, notification => callback && callback(notification));
 }
@@ -63,18 +63,18 @@ function notice(content, type) {
       duration,
       style: {},
       content: iconType ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${prefixCls}-text ${prefixCls}-text-icon`,
+        className: "".concat(prefixCls, "-text ").concat(prefixCls, "-text-icon"),
         role: "alert",
         "aria-live": "assertive",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           type: iconType,
           size: "lg"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `${prefixCls}-text-info`,
+          className: "".concat(prefixCls, "-text-info"),
           children: content
         })]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${prefixCls}-text`,
+        className: "".concat(prefixCls, "-text"),
         role: "alert",
         "aria-live": "assertive",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/assets/icons/close.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1718937171668" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18368" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M489.6 444.8l294.4-294.4 67.2 67.2-294.4 294.4 294.4 294.4-67.2 67.2-294.4-294.4-272 272-67.2-67.2 272-272-272-272 67.2-67.2z" p-id="18369" fill="currentColor"></path></svg>

package/lib/formatterConfig/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _baseFormatterConfig = _interopRequireDefault(require("./base-formatter-config"));
 var _LinkFormatter = _interopRequireDefault(require("../LinkFormatter"));
 var _FormulaFormatter = _interopRequireDefault(require("../FormulaFormatter"));
 var _jsxRuntime = require("react/jsx-runtime");
-const FormatterConfig = {
-  ..._baseFormatterConfig.default,
+const FormatterConfig = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _baseFormatterConfig.default), {}, {
   [_dtableUtils.CellType.FORMULA]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormulaFormatter.default, {}),
   [_dtableUtils.CellType.LINK]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkFormatter.default, {})
-};
+});
 var _default = exports.default = FormatterConfig;