@douyinfe/semi-ui 2.10.1 → 2.10.2

package/checkbox/checkbox.tsx

@@ -171,6 +171,7 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
             const { isCardType, isPureCardType } = this.context.checkboxGroup;
             props.isCardType = isCardType;
             props.isPureCardType = isPureCardType;
+            props['name'] = this.context.checkboxGroup.name;
         }
 
         const prefix = prefixCls || css.PREFIX;
@@ -192,8 +193,6 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
             [`${prefix}-cardType_extra_noChildren`]: props.isCardType && !children,
         });
 
-        const name = inGroup && this.context.checkboxGroup.name;
-
         const renderContent = () => (
             <>
                 {children ? <span id={this.addonId} className={`${prefix}-addon`}>{children}</span> : null}
@@ -220,7 +219,6 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
                     {...props}
                     addonId={children && this.addonId}
                     extraId={extra && this.extraId}
-                    name={name}
                     isPureCardType={props.isPureCardType}
                     ref={ref => {
                         this.checkboxEntity = ref;

package/checkbox/checkboxInner.tsx

@@ -81,26 +81,31 @@ class CheckboxInner extends PureComponent<CheckboxInnerProps> {
             <IconCheckboxIndeterminate />
         ) : null;
 
+        const inputProps: React.InputHTMLAttributes<HTMLInputElement>  = {
+            type: "checkbox",
+            'aria-label': this.props['aria-label'],
+            'aria-disabled': disabled,
+            'aria-checked': checked,
+            'aria-labelledby': addonId,
+            'aria-describedby':extraId || this.props['aria-describedby'],
+            'aria-invalid': this.props['aria-invalid'],
+            'aria-errormessage': this.props['aria-errormessage'],
+            'aria-required': this.props['aria-required'],
+            className: css.INPUT,
+            onChange: noop,
+            checked: checked,
+            disabled: disabled,
+        };
+        
+        name && (inputProps['name'] = name);
+
         return (
             <span className={wrapper}>
                 <input
-                    type="checkbox"
-                    aria-label={this.props['aria-label']}
-                    aria-disabled={disabled}
-                    aria-checked={checked}
-                    aria-labelledby={addonId}
-                    aria-describedby={extraId || this.props['aria-describedby']}
-                    aria-invalid={this.props['aria-invalid']}
-                    aria-errormessage={this.props['aria-errormessage']}
-                    aria-required={this.props['aria-required']}
+                    {...inputProps}
                     ref={ref => {
                         this.inputEntity = ref;
                     }}
-                    className={css.INPUT}
-                    onChange={noop}
-                    checked={checked}
-                    disabled={disabled}
-                    name={name}
                 />
                 <span className={inner}>{icon}</span>
             </span>

package/dist/umd/semi-ui.js

@@ -28557,6 +28557,12 @@ class src_Animation_Animation extends external_root_React_commonjs2_react_common
       forwardInstance
     } = this.props;
 
+    if (this.animation === null) {
+      // didmount/willUnmount may be called twice when React.StrictMode is true in React 18, we need to ensure that this.animation is correct
+      this.initAnimation();
+      this.bindEvents();
+    }
+
     if (typeof forwardInstance === 'function') {
       forwardInstance(this.animation);
     }
@@ -48332,6 +48338,7 @@ const Context = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_
 // CONCATENATED MODULE: ./checkbox/checkboxInner.tsx
 
 
+
 /* eslint-disable no-nested-ternary */
 
 
@@ -48370,27 +48377,29 @@ class checkboxInner_CheckboxInner extends external_root_React_commonjs2_react_co
       ["".concat(prefix, "-inner-display")]: true
     });
     const icon = checked ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCheckboxTick, null) : indeterminate ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconCheckboxIndeterminate, null) : null;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      className: wrapper
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("input", {
+    const inputProps = {
       type: "checkbox",
-      "aria-label": this.props['aria-label'],
-      "aria-disabled": disabled,
-      "aria-checked": checked,
-      "aria-labelledby": addonId,
-      "aria-describedby": extraId || this.props['aria-describedby'],
-      "aria-invalid": this.props['aria-invalid'],
-      "aria-errormessage": this.props['aria-errormessage'],
-      "aria-required": this.props['aria-required'],
-      ref: ref => {
-        this.inputEntity = ref;
-      },
+      'aria-label': this.props['aria-label'],
+      'aria-disabled': disabled,
+      'aria-checked': checked,
+      'aria-labelledby': addonId,
+      'aria-describedby': extraId || this.props['aria-describedby'],
+      'aria-invalid': this.props['aria-invalid'],
+      'aria-errormessage': this.props['aria-errormessage'],
+      'aria-required': this.props['aria-required'],
       className: checkboxClasses.INPUT,
       onChange: noop_default.a,
       checked: checked,
-      disabled: disabled,
-      name: name
-    }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+      disabled: disabled
+    };
+    name && (inputProps['name'] = name);
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+      className: wrapper
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("input", assign_default()({}, inputProps, {
+      ref: ref => {
+        this.inputEntity = ref;
+      }
+    })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: inner
     }, icon));
   }
@@ -48550,6 +48559,7 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
       } = this.context.checkboxGroup;
       props.isCardType = isCardType;
       props.isPureCardType = isPureCardType;
+      props['name'] = this.context.checkboxGroup.name;
     }
 
     const prefix = prefixCls || checkboxClasses.PREFIX;
@@ -48568,7 +48578,6 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
     const extraCls = classnames_default()("".concat(prefix, "-extra"), {
       ["".concat(prefix, "-cardType_extra_noChildren")]: props.isCardType && !children
     });
-    const name = inGroup && this.context.checkboxGroup.name;
 
     const renderContent = () => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       id: this.addonId,
@@ -48596,7 +48605,6 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(checkboxInner, assign_default()({}, this.props, props, {
         addonId: children && this.addonId,
         extraId: extra && this.extraId,
-        name: name,
         isPureCardType: props.isPureCardType,
         ref: ref => {
           this.checkboxEntity = ref;
@@ -77433,6 +77441,7 @@ var select_select = __webpack_require__("1d3+");
 
 
 
+
 
 
 const select_prefixcls = select_constants_cssClasses.PREFIX;
@@ -77440,7 +77449,7 @@ const select_key = 0; // Notes: Use the label of the option as the identifier, t
 
 class select_Select extends baseComponent_BaseComponent {
   constructor(props) {
-    var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8;
+    var _context, _context2, _context3, _context4, _context5, _context6, _context7;
 
     super(props);
 
@@ -77462,19 +77471,19 @@ class select_Select extends baseComponent_BaseComponent {
     };
     /* Generate random string */
 
-    this.selectOptionListID = slice_default()(_context = Math.random().toString(36)).call(_context, 2);
+    this.selectOptionListID = '';
     this.virtualizeListRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.inputRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.triggerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.optionsRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.clickOutsideHandler = null;
-    this.onSelect = bind_default()(_context2 = this.onSelect).call(_context2, this);
-    this.onClear = bind_default()(_context3 = this.onClear).call(_context3, this);
-    this.onMouseEnter = bind_default()(_context4 = this.onMouseEnter).call(_context4, this);
-    this.onMouseLeave = bind_default()(_context5 = this.onMouseLeave).call(_context5, this);
-    this.renderOption = bind_default()(_context6 = this.renderOption).call(_context6, this);
-    this.onKeyPress = bind_default()(_context7 = this.onKeyPress).call(_context7, this);
-    this.onClearBtnEnterPress = bind_default()(_context8 = this.onClearBtnEnterPress).call(_context8, this);
+    this.onSelect = bind_default()(_context = this.onSelect).call(_context, this);
+    this.onClear = bind_default()(_context2 = this.onClear).call(_context2, this);
+    this.onMouseEnter = bind_default()(_context3 = this.onMouseEnter).call(_context3, this);
+    this.onMouseLeave = bind_default()(_context4 = this.onMouseLeave).call(_context4, this);
+    this.renderOption = bind_default()(_context5 = this.renderOption).call(_context5, this);
+    this.onKeyPress = bind_default()(_context6 = this.onKeyPress).call(_context6, this);
+    this.onClearBtnEnterPress = bind_default()(_context7 = this.onClearBtnEnterPress).call(_context7, this);
     this.foundation = new foundation_SelectFoundation(this.adapter);
     Object(warning["a" /* default */])('optionLabelProp' in this.props, '[Semi Select] \'optionLabelProp\' has already been deprecated, please use \'renderSelectedItem\' instead.');
     Object(warning["a" /* default */])('labelInValue' in this.props, '[Semi Select] \'labelInValue\' has already been deprecated, please use \'onChangeWithObject\' instead.');
@@ -77677,18 +77686,18 @@ class select_Select extends baseComponent_BaseComponent {
         } catch (error) {}
       },
       updateScrollTop: index => {
-        var _context10, _context11;
+        var _context9, _context10;
 
         // eslint-disable-next-line max-len
         let optionClassName = ".".concat(select_prefixcls, "-option-selected");
 
         if (index !== undefined) {
-          var _context9;
+          var _context8;
 
-          optionClassName = concat_default()(_context9 = ".".concat(select_prefixcls, "-option:nth-child(")).call(_context9, index, ")");
+          optionClassName = concat_default()(_context8 = ".".concat(select_prefixcls, "-option:nth-child(")).call(_context8, index, ")");
         }
 
-        let destNode = document.querySelector(concat_default()(_context10 = concat_default()(_context11 = "#".concat(select_prefixcls, "-")).call(_context11, this.selectOptionListID, " ")).call(_context10, optionClassName));
+        let destNode = document.querySelector(concat_default()(_context9 = concat_default()(_context10 = "#".concat(select_prefixcls, "-")).call(_context10, this.selectOptionListID, " ")).call(_context9, optionClassName));
 
         if (is_array_default()(destNode)) {
           // eslint-disable-next-line prefer-destructuring
@@ -77709,6 +77718,7 @@ class select_Select extends baseComponent_BaseComponent {
 
   componentDidMount() {
     this.foundation.init();
+    this.selectOptionListID = getUuidShort();
   }
 
   componentWillUnmount() {
@@ -77716,11 +77726,11 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    var _context12, _context13;
+    var _context11, _context12;
 
-    const prevChildrenKeys = map_default()(_context12 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children)).call(_context12, child => child.key);
+    const prevChildrenKeys = map_default()(_context11 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children)).call(_context11, child => child.key);
 
-    const nowChildrenKeys = map_default()(_context13 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children)).call(_context13, child => child.key);
+    const nowChildrenKeys = map_default()(_context12 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children)).call(_context12, child => child.key);
 
     let isOptionsChanged = false;
 
@@ -77966,7 +77976,7 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   renderOptions(children) {
-    var _context14;
+    var _context13;
 
     const {
       dropdownMinWidth,
@@ -78004,7 +78014,7 @@ class select_Select extends baseComponent_BaseComponent {
     });
     const isEmpty = !options.length || !some_default()(options).call(options, item => item._show);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      id: concat_default()(_context14 = "".concat(select_prefixcls, "-")).call(_context14, this.selectOptionListID),
+      id: concat_default()(_context13 = "".concat(select_prefixcls, "-")).call(_context13, this.selectOptionListID),
       className: dropdownClassName,
       style: style
     }, outerTopSlot, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -78238,7 +78248,7 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   renderSelection() {
-    var _context15;
+    var _context14;
 
     const {
       disabled,
@@ -78322,7 +78332,7 @@ class select_Select extends baseComponent_BaseComponent {
       role: "combobox",
       "aria-disabled": disabled,
       "aria-expanded": isOpen,
-      "aria-controls": concat_default()(_context15 = "".concat(select_prefixcls, "-")).call(_context15, this.selectOptionListID),
+      "aria-controls": concat_default()(_context14 = "".concat(select_prefixcls, "-")).call(_context14, this.selectOptionListID),
       "aria-haspopup": "listbox",
       "aria-label": "select value",
       "aria-invalid": this.props['aria-invalid'],
@@ -87401,7 +87411,8 @@ HeadTable_HeadTable.propTypes = {
   }),
   selectedRowKeysSet: prop_types_default.a.instanceOf(set_default.a).isRequired,
   showHeader: prop_types_default.a.bool,
-  onDidUpdate: prop_types_default.a.func
+  onDidUpdate: prop_types_default.a.func,
+  onHeaderRow: prop_types_default.a.func
 };
 HeadTable_HeadTable.defaultProps = {
   handleBodyScroll: noop_default.a
@@ -88226,6 +88237,28 @@ class BaseRow_TableRow extends baseComponent_BaseComponent {
     });
   }
 
+  componentDidMount() {
+    // fix #745
+    // didmount/willUnmount may be called twice when React.StrictMode is true in React 18, we need to ensure that this.cache.customRowProps is correct
+    const {
+      onRow,
+      index,
+      record
+    } = this.props;
+    const customRowProps = this.adapter.getCache('customRowProps');
+
+    if (typeof customRowProps === 'undefined') {
+      const _a = onRow(record, index) || {},
+            {
+        className: customClassName,
+        style: customStyle
+      } = _a,
+            rowProps = BaseRow_rest(_a, ["className", "style"]);
+
+      this.adapter.setCache('customRowProps', assign_default()({}, rowProps));
+    }
+  }
+
   shouldComponentUpdate(nextProps) {
     /**
       * Shallow comparison of incoming props to simulate PureComponent
@@ -90379,6 +90412,7 @@ class Table_Table extends baseComponent_BaseComponent {
         components,
         headerRef,
         bodyRef,
+        onHeaderRow,
         rowSelection,
         dataSource,
         bodyHasScrollBar,
@@ -90399,6 +90433,7 @@ class Table_Table extends baseComponent_BaseComponent {
         scroll: scroll,
         showHeader: showHeader,
         selectedRowKeysSet: selectedRowKeysSet,
+        onHeaderRow: onHeaderRow,
         dataSource: dataSource,
         bodyHasScrollBar: bodyHasScrollBar
       }) : null;
@@ -100957,6 +100992,7 @@ class foundation_UploadFoundation extends foundation {
     if (!disabled) {
       if (directory) {
         this.handleDirectoryDrop(e);
+        return;
       }
 
       const files = from_default()(e.dataTransfer.files);
@@ -107293,7 +107329,6 @@ class baseForm_Form extends baseComponent_BaseComponent {
 
   componentWillUnmount() {
     this.foundation.destroy();
-    this.foundation = null;
     this.formApi = null;
   }