@douyinfe/semi-ui 2.19.0-alpha.4 → 2.19.0-alpha.7

package/dist/umd/semi-ui.js

@@ -39138,6 +39138,7 @@ class button_Button extends external_root_React_commonjs2_react_commonjs_react_a
 }
 
 button_Button.propTypes = assign_default()(assign_default()({}, Button_Button.propTypes), iconButton_0.propTypes);
+button_Button.elementType = 'Button';
 /* harmony default export */ var button_0 = (button_Button);
 // CONCATENATED MODULE: ./button/buttonGroup.tsx
 
@@ -39146,6 +39147,10 @@ button_Button.propTypes = assign_default()(assign_default()({}, Button_Button.pr
 
 
 
+
+
+
+
 var buttonGroup_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -39166,6 +39171,47 @@ var buttonGroup_rest = undefined && undefined.__rest || function (s, e) {
 const buttonGroup_prefixCls = button_constants_cssClasses.PREFIX;
 const buttonGroup_btnSizes = button_constants_strings.sizes;
 class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
+  getInnerWithLine(inner) {
+    const innerWithLine = [];
+    let lineCls = "".concat(buttonGroup_prefixCls, "-group-line");
+
+    if (inner.length > 1) {
+      var _context;
+
+      for_each_default()(_context = slice_default()(inner).call(inner, 0, -1)).call(_context, item => {
+        const isButtonType = get_default()(item, 'type.elementType') === 'Button';
+
+        const buttonProps = get_default()(item, 'props');
+
+        if (buttonProps) {
+          var _context2, _context3;
+
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          lineCls = classnames_default()("".concat(buttonGroup_prefixCls, "-group-line"), concat_default()(_context2 = "".concat(buttonGroup_prefixCls, "-group-line-")).call(_context2, theme !== null && theme !== void 0 ? theme : 'light'), concat_default()(_context3 = "".concat(buttonGroup_prefixCls, "-group-line-")).call(_context3, type !== null && type !== void 0 ? type : 'primary'), {
+            ["".concat(buttonGroup_prefixCls, "-group-line-disabled")]: disabled
+          });
+        }
+
+        if (isButtonType) {
+          innerWithLine.push(item, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+            className: lineCls
+          }));
+        } else {
+          innerWithLine.push(item);
+        }
+      });
+
+      innerWithLine.push(slice_default()(inner).call(inner, -1));
+      return innerWithLine;
+    } else {
+      return inner;
+    }
+  }
+
   render() {
     const _a = this.props,
           {
@@ -39179,25 +39225,27 @@ class buttonGroup_ButtonGroup extends baseComponent_BaseComponent {
           rest = buttonGroup_rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
 
     let inner;
+    let innerWithLine = [];
     const cls = classnames_default()("".concat(buttonGroup_prefixCls, "-group"), className);
 
     if (children) {
-      var _context;
+      var _context4;
 
-      inner = map_default()(_context = is_array_default()(children) ? children : [children]).call(_context, (itm, index) => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(itm) ? /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(itm, assign_default()(assign_default()(assign_default()({
+      inner = map_default()(_context4 = is_array_default()(children) ? children : [children]).call(_context4, (itm, index) => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(itm) ? /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(itm, assign_default()(assign_default()(assign_default()({
         disabled,
         size,
         type
       }, itm.props), rest), {
         key: index
       })) : itm);
+      innerWithLine = this.getInnerWithLine(inner);
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: cls,
       role: "group",
       "aria-label": ariaLabel
-    }, inner);
+    }, innerWithLine);
   }
 
 }
@@ -49066,23 +49114,15 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    const renderContent = () => {
-      if (!children && !extra) {
-        return null;
-      }
-
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(prefix, "-content")
-      }, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        id: addonId,
-        className: "".concat(prefix, "-addon"),
-        "x-semi-prop": xSemiPropChildren
-      }, children) : null, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        id: extraId,
-        className: extraCls,
-        "x-semi-prop": "extra"
-      }, extra) : null);
-    };
+    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: addonId,
+      className: "".concat(prefix, "-addon"),
+      "x-semi-prop": xSemiPropChildren
+    }, children) : null, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      id: extraId,
+      className: extraCls,
+      "x-semi-prop": "extra"
+    }, extra) : null);
 
     return (
       /*#__PURE__*/
@@ -49108,7 +49148,7 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), renderContent())
+      })), props.isCardType ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", null, renderContent()) : renderContent())
     );
   }
 
@@ -84220,16 +84260,26 @@ class radio_Radio extends baseComponent_BaseComponent {
       ["".concat(prefix, "-focus")]: focusVisible && isButtonRadio
     }, addonClassName);
 
-    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", {
-      className: addonCls,
-      style: addonStyle,
-      id: addonId,
-      "x-semi-prop": "children"
-    }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefix, "-extra"),
-      id: extraId,
-      "x-semi-prop": "extra"
-    }, extra) : null);
+    const renderContent = () => {
+      if (!children && !extra) {
+        return null;
+      }
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: classnames_default()(["".concat(prefix, "-content"), {
+          ["".concat(prefix, "-isCardRadioGroup_content")]: isCardRadioGroup
+        }])
+      }, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+        className: addonCls,
+        style: addonStyle,
+        id: addonId,
+        "x-semi-prop": "children"
+      }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: "".concat(prefix, "-extra"),
+        id: extraId,
+        "x-semi-prop": "extra"
+      }, extra) : null);
+    };
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("label", {
       style: style,
@@ -84250,9 +84300,7 @@ class radio_Radio extends baseComponent_BaseComponent {
       focusInner: focusVisible && !focusOuter,
       onInputFocus: this.handleFocusVisible,
       onInputBlur: this.handleBlur
-    })), isCardRadioGroup ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefix, "-isCardRadioGroup_content")
-    }, renderContent()) : renderContent());
+    })), renderContent());
   }
 
 }
@@ -84315,7 +84363,7 @@ class radioGroup_RadioGroup extends baseComponent_BaseComponent {
     this.getFormatName = () => this.props.name || 'default';
 
     this.state = {
-      value: undefined
+      value: props.value || props.defaultValue
     };
     this.foundation = new radioGroupFoundation_RadioGroupFoundation(this.adapter);
   }