linkmore-design 1.1.18 → 1.1.19-beta.1

package/lib/Descriptions/Row.js

@@ -1,44 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
-var _ = require("./");
-
+var _ = require(".");
 var _Cell = _interopRequireDefault(require("./Cell"));
-
 function renderCells(items, _ref, _ref2) {
   var colon = _ref.colon,
-      prefixCls = _ref.prefixCls,
-      bordered = _ref.bordered;
+    prefixCls = _ref.prefixCls,
+    bordered = _ref.bordered;
   var component = _ref2.component,
-      type = _ref2.type,
-      showLabel = _ref2.showLabel,
-      showContent = _ref2.showContent,
-      rootLabelStyle = _ref2.labelStyle,
-      rootContentStyle = _ref2.contentStyle;
+    type = _ref2.type,
+    showLabel = _ref2.showLabel,
+    showContent = _ref2.showContent,
+    rootLabelStyle = _ref2.labelStyle,
+    rootContentStyle = _ref2.contentStyle;
   return items.map(function (_ref3, index) {
     var _ref3$props = _ref3.props,
-        label = _ref3$props.label,
-        children = _ref3$props.children,
-        _ref3$props$prefixCls = _ref3$props.prefixCls,
-        itemPrefixCls = _ref3$props$prefixCls === void 0 ? prefixCls : _ref3$props$prefixCls,
-        className = _ref3$props.className,
-        style = _ref3$props.style,
-        labelStyle = _ref3$props.labelStyle,
-        contentStyle = _ref3$props.contentStyle,
-        _ref3$props$span = _ref3$props.span,
-        span = _ref3$props$span === void 0 ? 1 : _ref3$props$span,
-        key = _ref3.key;
-
+      label = _ref3$props.label,
+      children = _ref3$props.children,
+      _ref3$props$prefixCls = _ref3$props.prefixCls,
+      itemPrefixCls = _ref3$props$prefixCls === void 0 ? prefixCls : _ref3$props$prefixCls,
+      className = _ref3$props.className,
+      style = _ref3$props.style,
+      labelStyle = _ref3$props.labelStyle,
+      contentStyle = _ref3$props.contentStyle,
+      _ref3$props$span = _ref3$props.span,
+      span = _ref3$props$span === void 0 ? 1 : _ref3$props$span,
+      _ref3$props$rowSpan = _ref3$props.rowSpan,
+      rowSpan = _ref3$props$rowSpan === void 0 ? 1 : _ref3$props$rowSpan,
+      key = _ref3.key;
     if (typeof component === 'string') {
       return /*#__PURE__*/React.createElement(_Cell.default, {
         key: "".concat(type, "-").concat(key || index),
@@ -47,6 +42,7 @@ function renderCells(items, _ref, _ref2) {
         labelStyle: Object.assign(Object.assign({}, rootLabelStyle), labelStyle),
         contentStyle: Object.assign(Object.assign({}, rootContentStyle), contentStyle),
         span: span,
+        rowSpan: rowSpan,
         colon: colon,
         component: component,
         itemPrefixCls: itemPrefixCls,
@@ -55,12 +51,12 @@ function renderCells(items, _ref, _ref2) {
         content: showContent ? children : null
       });
     }
-
     return [/*#__PURE__*/React.createElement(_Cell.default, {
       key: "label-".concat(key || index),
       className: className,
       style: Object.assign(Object.assign(Object.assign({}, rootLabelStyle), style), labelStyle),
       span: 1,
+      rowSpan: rowSpan,
       colon: colon,
       component: component[0],
       itemPrefixCls: itemPrefixCls,
@@ -71,6 +67,7 @@ function renderCells(items, _ref, _ref2) {
       className: className,
       style: Object.assign(Object.assign(Object.assign({}, rootContentStyle), style), contentStyle),
       span: span * 2 - 1,
+      rowSpan: rowSpan,
       component: component[1],
       itemPrefixCls: itemPrefixCls,
       bordered: bordered,
@@ -78,15 +75,13 @@ function renderCells(items, _ref, _ref2) {
     })];
   });
 }
-
 var Row = function Row(props) {
   var descContext = React.useContext(_.DescriptionsContext);
   var prefixCls = props.prefixCls,
-      vertical = props.vertical,
-      row = props.row,
-      index = props.index,
-      bordered = props.bordered;
-
+    vertical = props.vertical,
+    row = props.row,
+    index = props.index,
+    bordered = props.bordered;
   if (vertical) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", {
       key: "label-".concat(index),
@@ -104,7 +99,6 @@ var Row = function Row(props) {
       showContent: true
     }, descContext))));
   }
-
   return /*#__PURE__*/React.createElement("tr", {
     key: index,
     className: "".concat(prefixCls, "-row")
@@ -115,6 +109,5 @@ var Row = function Row(props) {
     showContent: true
   }, descContext)));
 };
-
 var _default = Row;
 exports.default = _default;

package/lib/Descriptions/index.d.ts

@@ -21,7 +21,7 @@ export interface DescriptionsProps {
     contentStyle?: React.CSSProperties;
     containerType?: 'default' | 'drawer' | 'modal';
 }
-declare function Descriptions({ prefixCls: customizePrefixCls, title, extra, column, colon, bordered, layout, children, className, style, size, labelStyle, contentStyle, containerType }: DescriptionsProps): JSX.Element;
+declare function Descriptions({ prefixCls: customizePrefixCls, title, extra, column, colon, bordered, layout, children, className, style, size, labelStyle, contentStyle, containerType, }: DescriptionsProps): JSX.Element;
 declare namespace Descriptions {
     var Item: React.FC<import("./Item").DescriptionsItemProps>;
 }

package/lib/Descriptions/index.js

@@ -1,39 +1,25 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DescriptionsContext = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _ConfigProvider = require("../ConfigProvider");
-
 var _reactNode = require("../_util/reactNode");
-
 var _responsiveObserve = _interopRequireWildcard(require("../_util/responsiveObserve"));
-
 var _warning = _interopRequireDefault(require("../_util/warning"));
-
 var _Item = _interopRequireDefault(require("./Item"));
-
 var _Row = _interopRequireDefault(require("./Row"));
-
 /* eslint-disable react/no-array-index-key */
+
 var DescriptionsContext = /*#__PURE__*/React.createContext({});
 exports.DescriptionsContext = DescriptionsContext;
 var DEFAULT_COLUMN_MAP = {
@@ -44,38 +30,30 @@ var DEFAULT_COLUMN_MAP = {
   sm: 2,
   xs: 1
 };
-
 function getColumn(column, screens) {
   if (typeof column === 'number') {
     return column;
   }
-
   if ((0, _typeof2.default)(column) === 'object') {
     for (var i = 0; i < _responsiveObserve.responsiveArray.length; i++) {
       var breakpoint = _responsiveObserve.responsiveArray[i];
-
       if (screens[breakpoint] && column[breakpoint] !== undefined) {
         return column[breakpoint] || DEFAULT_COLUMN_MAP[breakpoint];
       }
     }
   }
-
   return 3;
 }
-
 function getFilledItem(node, span, rowRestCol) {
   var clone = node;
-
   if (span === undefined || span > rowRestCol) {
     clone = (0, _reactNode.cloneElement)(node, {
       span: rowRestCol
     });
     (0, _warning.default)(span === undefined, 'Descriptions', 'Sum of column `span` in a line not match `column` of Descriptions.');
   }
-
   return clone;
 }
-
 function getRows(children, column) {
   var childNodes = (0, _toArray.default)(children).filter(function (n) {
     return n;
@@ -85,16 +63,14 @@ function getRows(children, column) {
   var rowRestCol = column;
   childNodes.forEach(function (node, index) {
     var _a;
-
     var span = (_a = node.props) === null || _a === void 0 ? void 0 : _a.span;
-    var mergedSpan = span || 1; // Additional handle last one
-
+    var mergedSpan = span || 1;
+    // Additional handle last one
     if (index === childNodes.length - 1) {
       tmpRow.push(getFilledItem(node, span, rowRestCol));
       rows.push(tmpRow);
       return;
     }
-
     if (mergedSpan < rowRestCol) {
       rowRestCol -= mergedSpan;
       tmpRow.push(node);
@@ -107,55 +83,47 @@ function getRows(children, column) {
   });
   return rows;
 }
-
 function Descriptions(_ref) {
   var _classNames;
-
   var customizePrefixCls = _ref.prefixCls,
-      title = _ref.title,
-      extra = _ref.extra,
-      _ref$column = _ref.column,
-      column = _ref$column === void 0 ? DEFAULT_COLUMN_MAP : _ref$column,
-      _ref$colon = _ref.colon,
-      colon = _ref$colon === void 0 ? true : _ref$colon,
-      bordered = _ref.bordered,
-      layout = _ref.layout,
-      children = _ref.children,
-      className = _ref.className,
-      style = _ref.style,
-      size = _ref.size,
-      labelStyle = _ref.labelStyle,
-      contentStyle = _ref.contentStyle,
-      _ref$containerType = _ref.containerType,
-      containerType = _ref$containerType === void 0 ? 'default' : _ref$containerType;
-
+    title = _ref.title,
+    extra = _ref.extra,
+    _ref$column = _ref.column,
+    column = _ref$column === void 0 ? DEFAULT_COLUMN_MAP : _ref$column,
+    _ref$colon = _ref.colon,
+    colon = _ref$colon === void 0 ? true : _ref$colon,
+    bordered = _ref.bordered,
+    layout = _ref.layout,
+    children = _ref.children,
+    className = _ref.className,
+    style = _ref.style,
+    size = _ref.size,
+    labelStyle = _ref.labelStyle,
+    contentStyle = _ref.contentStyle,
+    _ref$containerType = _ref.containerType,
+    containerType = _ref$containerType === void 0 ? 'default' : _ref$containerType;
   var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
   var prefixCls = getPrefixCls('descriptions', customizePrefixCls);
-
   var _React$useState = React.useState({}),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      screens = _React$useState2[0],
-      setScreens = _React$useState2[1];
-
-  var mergedColumn = getColumn(column, screens); // Responsive
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    screens = _React$useState2[0],
+    setScreens = _React$useState2[1];
+  var mergedColumn = getColumn(column, screens);
+  // Responsive
   React.useEffect(function () {
     var token = _responsiveObserve.default.subscribe(function (newScreens) {
       if ((0, _typeof2.default)(column) !== 'object') {
         return;
       }
-
       setScreens(newScreens);
     });
-
     return function () {
       _responsiveObserve.default.unsubscribe(token);
     };
-  }, []); // Children
-
+  }, []);
+  // Children
   var rows = getRows(children, mergedColumn);
   var contextValue = React.useMemo(function () {
     return {
@@ -167,9 +135,9 @@ function Descriptions(_ref) {
     value: contextValue
   }, /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(size), size && size !== 'default'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-bordered"), !!bordered), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className, 'lm_descriptions', {
-      'lm_descriptions_default': containerType === 'default',
-      'lm_descriptions_drawer': containerType === 'drawer',
-      'lm_descriptions_modal': containerType === 'modal'
+      lm_descriptions_default: containerType === 'default',
+      lm_descriptions_drawer: containerType === 'drawer',
+      lm_descriptions_modal: containerType === 'modal'
     }),
     style: style
   }, (title || extra) && /*#__PURE__*/React.createElement("div", {
@@ -192,7 +160,6 @@ function Descriptions(_ref) {
     });
   }))))));
 }
-
 Descriptions.Item = _Item.default;
 var _default = Descriptions;
 exports.default = _default;

package/lib/Descriptions/style/index.css

@@ -665,6 +665,9 @@ p {
   padding-right: 24px;
   padding-bottom: 8px;
 }
+.lm_descriptions .ant-descriptions-item:last-child {
+  padding-right: 0;
+}
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
   color: var(--color-85);
   font-size: 12px;

package/lib/Descriptions/style/variables.css

@@ -153,6 +153,9 @@
   padding-right: 24px;
   padding-bottom: 8px;
 }
+.lm_descriptions .ant-descriptions-item:last-child {
+  padding-right: 0;
+}
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
   color: var(--color-85);
   font-size: 12px;

package/lib/Divider/index.js

@@ -1,58 +1,43 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("antd/es/divider/style");
-
 var _divider = _interopRequireDefault(require("antd/es/divider"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _ConfigProvider = require("../ConfigProvider");
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var Divider = function Divider(props) {
   var _classNames;
-
   var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
   var customizePrefixCls = props.prefixCls,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'horizontal' : _props$type,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'center' : _props$orientation,
-      orientationMargin = props.orientationMargin,
-      className = props.className,
-      children = props.children,
-      dashed = props.dashed,
-      plain = props.plain,
-      restProps = __rest(props, ["prefixCls", "type", "orientation", "orientationMargin", "className", "children", "dashed", "plain"]);
-
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'horizontal' : _props$type,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'center' : _props$orientation,
+    orientationMargin = props.orientationMargin,
+    className = props.className,
+    children = props.children,
+    dashed = props.dashed,
+    plain = props.plain,
+    restProps = __rest(props, ["prefixCls", "type", "orientation", "orientationMargin", "className", "children", "dashed", "plain"]);
   var prefixCls = getPrefixCls('divider', customizePrefixCls);
   var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
   var hasChildren = !!children;
@@ -73,7 +58,6 @@ var Divider = function Divider(props) {
     style: innerStyle
   }, children));
 };
-
 Divider.AntdDivider = _divider.default;
 var _default = Divider;
 exports.default = _default;

package/lib/Drawer/index.js

@@ -1,42 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("antd/es/drawer/style");
-
 var _drawer = _interopRequireDefault(require("antd/es/drawer"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var prefixCls = 'lm_drawer';
-
 var LMDrawer = function LMDrawer(props) {
   var children = props.children,
-      className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      others = __rest(props, ["children", "className", "size"]);
-
+    className = props.className,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size,
+    others = __rest(props, ["children", "className", "size"]);
   var sizeMap = {
     'default': 440,
     'large': 720,
@@ -50,6 +39,5 @@ var LMDrawer = function LMDrawer(props) {
     }
   }, others), children);
 };
-
 var _default = LMDrawer;
 exports.default = _default;

package/lib/Dropdown/index.js

@@ -1,72 +1,53 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("antd/es/dropdown/style");
-
 var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _linkmoreDesign = require("linkmore-design");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var prefixCls = '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,
-      _props$onlyIcon = props.onlyIcon,
-      onlyIcon = _props$onlyIcon === void 0 ? false : _props$onlyIcon,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
-      others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth", "onlyIcon", "trigger"]);
-
+    className = props.className,
+    overlayClassName = props.overlayClassName,
+    _props$dropdownmatchw = props.dropdownmatchwidth,
+    dropdownmatchwidth = _props$dropdownmatchw === void 0 ? false : _props$dropdownmatchw,
+    _props$onlyIcon = props.onlyIcon,
+    onlyIcon = _props$onlyIcon === void 0 ? false : _props$onlyIcon,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
+    others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth", "onlyIcon", "trigger"]);
   var dropdownRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      minwidth = _useState2[0],
-      setMinWidth = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    minwidth = _useState2[0],
+    setMinWidth = _useState2[1];
   (0, _react.useEffect)(function () {
     var _a, _b;
-
     if (dropdownmatchwidth) {
       var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown")) === null || _a === void 0 ? void 0 : _a[0];
-
       if (dropdown_dom) {
         setMinWidth(((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || '');
       }
     }
   }, []);
-
   if (!dropdownmatchwidth) {
     return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
       className: (0, _classnames.default)(className, prefixCls, onlyIcon && 'only_icon')
@@ -75,7 +56,6 @@ var CLMDropdown = function CLMDropdown(props) {
       overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay')
     }), children);
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: dropdownRef
   }, /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
@@ -88,34 +68,27 @@ var CLMDropdown = function CLMDropdown(props) {
     }, others.overlayStyle) : Object.assign({}, others.overlayStyle)
   }), children));
 };
-
 var LMDropdown = CLMDropdown;
-
 LMDropdown.Button = function (props) {
   var _props$dropdownmatchw2 = props.dropdownmatchwidth,
-      dropdownmatchwidth = _props$dropdownmatchw2 === void 0 ? false : _props$dropdownmatchw2,
-      icon = props.icon,
-      _props$trigger2 = props.trigger,
-      trigger = _props$trigger2 === void 0 ? ['click'] : _props$trigger2;
+    dropdownmatchwidth = _props$dropdownmatchw2 === void 0 ? false : _props$dropdownmatchw2,
+    icon = props.icon,
+    _props$trigger2 = props.trigger,
+    trigger = _props$trigger2 === void 0 ? ['click'] : _props$trigger2;
   var dropdownRef = (0, _react.useRef)(null);
-
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      minwidth = _useState4[0],
-      setMinWidth = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    minwidth = _useState4[0],
+    setMinWidth = _useState4[1];
   (0, _react.useEffect)(function () {
     var _a, _b;
-
     if (dropdownmatchwidth) {
       var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown_button")) === null || _a === void 0 ? void 0 : _a[0];
-
       if (dropdown_dom) {
         setMinWidth(((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || '');
       }
     }
   }, []);
-
   if (!dropdownmatchwidth) {
     return /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({}, props, {
       trigger: trigger,
@@ -127,7 +100,6 @@ LMDropdown.Button = function (props) {
       className: (0, _classnames.default)(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '', props.type)
     }));
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: dropdownRef
   }, /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({}, props, {
@@ -143,6 +115,5 @@ LMDropdown.Button = function (props) {
     className: (0, _classnames.default)(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '', props.type)
   })));
 };
-
 var _default = LMDropdown;
 exports.default = _default;