linkmore-design 1.0.13 → 1.0.14

package/dist/index.umd.js

@@ -28906,31 +28906,105 @@
 	  }, others), children);
 	};
 
-	var _excluded$b = ["children", "className", "overlayClassName"];
+	var _excluded$b = ["children", "className", "overlayClassName", "dropdownmatchwidth"];
 	var prefixCls$1 = 'lm_dropdown';
 
 	var CLMDropdown = function CLMDropdown(props) {
 	  var children = props.children,
 	      className = props.className,
 	      overlayClassName = props.overlayClassName,
+	      _props$dropdownmatchw = props.dropdownmatchwidth,
+	      dropdownmatchwidth = _props$dropdownmatchw === void 0 ? false : _props$dropdownmatchw,
 	      others = _objectWithoutProperties(props, _excluded$b);
 
-	  return /*#__PURE__*/React__default['default'].createElement(_Dropdown__default['default'], _extends({
+	  var dropdownRef = React.useRef(null);
+
+	  var _useState = React.useState(''),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      minwidth = _useState2[0],
+	      setMinWidth = _useState2[1];
+
+	  React.useEffect(function () {
+	    if (dropdownmatchwidth) {
+	      var _dropdownRef$current$;
+
+	      var dropdown_dom = (_dropdownRef$current$ = dropdownRef.current.getElementsByClassName("lm_dropdown")) === null || _dropdownRef$current$ === void 0 ? void 0 : _dropdownRef$current$[0];
+
+	      if (dropdown_dom) {
+	        var _dropdown_dom$getBoun, _dropdown_dom$getBoun2;
+
+	        console.log((_dropdown_dom$getBoun = dropdown_dom.getBoundingClientRect()) === null || _dropdown_dom$getBoun === void 0 ? void 0 : _dropdown_dom$getBoun.width);
+	        setMinWidth(((_dropdown_dom$getBoun2 = dropdown_dom.getBoundingClientRect()) === null || _dropdown_dom$getBoun2 === void 0 ? void 0 : _dropdown_dom$getBoun2.width) || '');
+	      }
+	    }
+	  }, []);
+
+	  if (!dropdownmatchwidth) {
+	    return /*#__PURE__*/React__default['default'].createElement(_Dropdown__default['default'], _extends({
+	      className: classnames(className, prefixCls$1)
+	    }, others, {
+	      overlayClassName: classnames(overlayClassName, 'lm_dropdown_overlay')
+	    }), children);
+	  }
+
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    ref: dropdownRef
+	  }, /*#__PURE__*/React__default['default'].createElement(_Dropdown__default['default'], _extends({
 	    className: classnames(className, prefixCls$1)
 	  }, others, {
-	    overlayClassName: classnames(overlayClassName, 'lm_dropdown_overlay')
-	  }), children);
+	    overlayClassName: classnames(overlayClassName, 'lm_dropdown_overlay'),
+	    overlayStyle: minwidth ? _objectSpread({
+	      minWidth: minwidth
+	    }, others.overlayStyle) : _objectSpread({}, others.overlayStyle)
+	  }), children));
 	};
 
 	var LMDropdown = CLMDropdown;
 
 	LMDropdown.Button = function (props) {
-	  return /*#__PURE__*/React__default['default'].createElement(_Dropdown__default['default'].Button, _extends({
+	  var _props$dropdownmatchw2 = props.dropdownmatchwidth,
+	      dropdownmatchwidth = _props$dropdownmatchw2 === void 0 ? false : _props$dropdownmatchw2;
+	  var dropdownRef = React.useRef(null);
+
+	  var _useState3 = React.useState(''),
+	      _useState4 = _slicedToArray(_useState3, 2),
+	      minwidth = _useState4[0],
+	      setMinWidth = _useState4[1];
+
+	  React.useEffect(function () {
+	    if (dropdownmatchwidth) {
+	      var _dropdownRef$current$2;
+
+	      var dropdown_dom = (_dropdownRef$current$2 = dropdownRef.current.getElementsByClassName("lm_dropdown_button")) === null || _dropdownRef$current$2 === void 0 ? void 0 : _dropdownRef$current$2[0];
+
+	      if (dropdown_dom) {
+	        var _dropdown_dom$getBoun3;
+
+	        setMinWidth(((_dropdown_dom$getBoun3 = dropdown_dom.getBoundingClientRect()) === null || _dropdown_dom$getBoun3 === void 0 ? void 0 : _dropdown_dom$getBoun3.width) || '');
+	      }
+	    }
+	  }, []);
+
+	  if (!dropdownmatchwidth) {
+	    return /*#__PURE__*/React__default['default'].createElement(_Dropdown__default['default'].Button, _extends({
+	      size: "small"
+	    }, props, {
+	      overlayClassName: classnames(props.overlayClassName, 'lm_dropdown_overlay'),
+	      className: classnames(props.className, 'lm_dropdown_button')
+	    }));
+	  }
+
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    ref: dropdownRef
+	  }, /*#__PURE__*/React__default['default'].createElement(_Dropdown__default['default'].Button, _extends({
 	    size: "small"
 	  }, props, {
 	    overlayClassName: classnames(props.overlayClassName, 'lm_dropdown_overlay'),
+	    overlayStyle: minwidth ? _objectSpread({
+	      minWidth: minwidth
+	    }, props.overlayStyle) : _objectSpread({}, props.overlayStyle),
 	    className: classnames(props.className, 'lm_dropdown_button')
-	  }));
+	  })));
 	};
 
 	var UploadBox = function UploadBox(props) {