linkmore-design 1.0.13 → 1.0.16

package/lib/CkFilter/components/modalBack.js

@@ -0,0 +1,261 @@
+"use strict";
+
+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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+require("antd/es/form/style");
+
+var _form = _interopRequireDefault(require("antd/es/form"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context2 = require("../context");
+
+var _utils = require("../utils");
+
+var _excluded = ["field"];
+
+// const { EditModal } = Modal
+var ButtonTags = function ButtonTags(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      options = _ref.options;
+
+  var handleClick = function handleClick(item) {
+    var oriValue = value || [];
+    var has = oriValue === null || oriValue === void 0 ? void 0 : oriValue.includes(item.value);
+    var nValue = has ? oriValue.filter(function (v) {
+      return v !== item.value;
+    }) : [].concat((0, _toConsumableArray2.default)(oriValue), [item.value]);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
+    size: 8,
+    wrap: true,
+    className: "auto_height"
+  }, options === null || options === void 0 ? void 0 : options.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.value,
+      className: (0, _classnames.default)('checkbox_tag', {
+        active: value === null || value === void 0 ? void 0 : value.includes(v.value)
+      }),
+      onClick: function onClick() {
+        return handleClick(v);
+      }
+    }, v.label);
+  })));
+};
+
+var ModalItem = function ModalItem() {
+  var _useStore = (0, _context2.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var customModal = state.customModal,
+      customDrawer = state.customDrawer,
+      complexDrawer = state.complexDrawer,
+      instance = state.instance;
+
+  var _Form$useForm = _form.default.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0]; // 是否编辑
+
+
+  var isEdit = (0, _react.useMemo)(function () {
+    var type = customModal.type,
+        data = customModal.data;
+    return type === 'complex' || (0, _utils.getIsHas)(data);
+  }, [customModal]);
+
+  var onClose = function onClose() {
+    dispatch({
+      type: 'changeModal',
+      customModal: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, customModal), {}, {
+        visible: false
+      })
+    });
+    form.resetFields();
+  };
+
+  var onSave = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _yield$form$validateF, field, values, filterValues;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return form.validateFields();
+
+            case 3:
+              _yield$form$validateF = _context.sent;
+              field = _yield$form$validateF.field;
+              values = (0, _objectWithoutProperties2.default)(_yield$form$validateF, _excluded);
+              filterValues = customModal.type === 'complex' ? (0, _objectSpread2.default)({}, complexDrawer.data) : (0, _objectSpread2.default)({}, customDrawer.data.filterValues); // 判断是新增还是编辑
+
+              if (isEdit) {
+                Object.assign(filterValues, (0, _defineProperty2.default)({}, customModal.data.field, values));
+              } else {
+                Object.assign(filterValues, (0, _defineProperty2.default)({}, field, values));
+              }
+
+              if (customModal.type === 'complex') {
+                dispatch({
+                  type: 'changeComplexDrawer',
+                  complexDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, complexDrawer), {}, {
+                    data: filterValues
+                  })
+                });
+              } else {
+                dispatch({
+                  type: 'changeDrawer',
+                  customDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, customDrawer), {}, {
+                    data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, customDrawer.data), {}, {
+                      filterValues: filterValues
+                    })
+                  })
+                });
+              }
+
+              onClose();
+              _context.next = 15;
+              break;
+
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](0);
+              console.log('校验错误！', _context.t0);
+
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 12]]);
+    }));
+
+    return function onSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var onValuesChange = function onValuesChange(values) {
+    if (values.field) {
+      form.setFieldsValue({
+        value: []
+      });
+    }
+  }; // 动态展示选择框
+
+
+  var DynamicSelect = (0, _react.useCallback)(function (_ref3) {
+    var _instance$fullData$fi;
+
+    var getFieldValue = _ref3.getFieldValue;
+    var field = getFieldValue('field');
+    var options = ((_instance$fullData$fi = instance.fullData.find(function (v) {
+      return v.field === field;
+    })) === null || _instance$fullData$fi === void 0 ? void 0 : _instance$fullData$fi.data) || [];
+
+    if (field) {
+      return /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+        name: "value",
+        label: "\u9009\u62E9\u5B57\u6BB5\u503C"
+      }, /*#__PURE__*/_react.default.createElement(ButtonTags, {
+        options: options
+      }));
+    }
+
+    return false;
+  }, [instance.fullData]);
+  var config = {
+    title: isEdit ? '编辑' : '新增查询项',
+    visible: customModal.visible,
+    onCancel: onClose,
+    bodyStyle: {
+      padding: 24
+    },
+    // zIndex: 2001,
+    footer: [/*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      key: "cancel",
+      onClick: onClose,
+      size: "middle"
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      type: "primary",
+      key: "back",
+      onClick: onSave,
+      size: "middle"
+    }, "\u786E\u5B9A")]
+  }; // 初始化重置数据
+
+  (0, _react.useEffect)(function () {
+    if (customModal.visible) {
+      form.setFieldsValue(customModal.data);
+    }
+  }, [form, customModal]);
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Modal, config, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_modal"
+  }, /*#__PURE__*/_react.default.createElement(_form.default, {
+    form: form,
+    initialValues: {
+      mode: 'or'
+    },
+    onValuesChange: onValuesChange,
+    layout: "vertical",
+    size: "default"
+  }, !isEdit && /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+    name: "field",
+    label: "\u9009\u62E9\u5B57\u6BB5"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Select, {
+    open: true
+  }, state.instance.fullData.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Select.Option, {
+      key: v.field,
+      value: v.field
+    }, v.title);
+  }))), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+    noStyle: true,
+    shouldUpdate: function shouldUpdate(prevValues, currentValues) {
+      return prevValues.field !== currentValues.field;
+    }
+  }, DynamicSelect), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+    name: "mode",
+    label: "\u67E5\u8BE2\u65B9\u5F0F"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+    direction: "column"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    value: "and"
+  }, "\u4E14,\u67E5\u8BE2\u540C\u65F6\u6EE1\u8DB3\u6B64\u9009\u9879\u6761\u4EF6"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    value: "or"
+  }, "\u6216,\u67E5\u8BE2\u5305\u542B\u6B64\u9009\u9879\u6761\u4EF6"))))));
+};
+
+var _default = ModalItem;
+exports.default = _default;

package/lib/CkFilter/context.js

@@ -51,12 +51,12 @@ var initialState = {
     data: {}
   },
   // 抽屉数据
+  // 弹窗数据, 二层抽屉, custom: 'custom' | 'complex'
   customModal: {
     visible: false,
     type: 'custom',
     data: {}
   },
-  // 弹窗数据
   complexDrawer: {
     visible: false,
     data: {}

package/lib/CkFilter/customFilter/drawer.js

@@ -43,6 +43,8 @@ var _context2 = require("../context");
 
 var _utils = require("../utils");
 
+var _CustomModal = _interopRequireDefault(require("../components/CustomModal"));
+
 var _excluded = ["item"];
 
 var ListItem = function ListItem(props) {
@@ -210,6 +212,7 @@ var Index = function Index() {
       type: 'changeModal',
       customModal: {
         visible: true,
+        type: 'custom',
         data: {}
       }
     });
@@ -338,7 +341,7 @@ var Index = function Index() {
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_drawer_group_item"
     }), /*#__PURE__*/_react.default.createElement(ListItem, item));
-  })))));
+  }))), /*#__PURE__*/_react.default.createElement(_CustomModal.default, null)));
 };
 
 var _default = Index;

package/lib/CkFilter/filter.js

@@ -21,8 +21,6 @@ var _baseFilter = _interopRequireDefault(require("./baseFilter"));
 
 var _complexFilter = _interopRequireDefault(require("./complexFilter"));
 
-var _modal = _interopRequireDefault(require("./components/modal"));
-
 var _context = require("./context");
 
 var _customFilter = _interopRequireDefault(require("./customFilter"));
@@ -31,6 +29,8 @@ var _radioGroup = _interopRequireDefault(require("./customFilter/radioGroup"));
 
 var _utils = require("./utils");
 
+// import CustomModal from './components/modal'
+
 /*
  * data
  *
@@ -147,7 +147,7 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: "lm_filter_base"
   }, custom && /*#__PURE__*/_react.default.createElement(_customFilter.default, null), levelGroup && /*#__PURE__*/_react.default.createElement(_radioGroup.default, null), (custom || levelGroup) && /*#__PURE__*/_react.default.createElement("div", {
     className: "line"
-  }), /*#__PURE__*/_react.default.createElement(_baseFilter.default, null), complex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, null), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
+  }), /*#__PURE__*/_react.default.createElement(_baseFilter.default, null), complex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, null)));
 });
 var _default = Filter;
 exports.default = _default;

package/lib/CkFilter/style/style.css

@@ -621,46 +621,49 @@ html {
 .ant-dropdown *::-webkit-scrollbar-thumb:hover {
   background-color: #999;
 }
-.ant-dropdown .filter_dropdown {
+.filter_dropdown {
   display: flex;
   flex-flow: column;
   box-shadow: 0 2px 6px var(--box-shadow-color);
   background-color: #fff;
 }
-.ant-dropdown .filter_dropdown .filter_header {
+.filter_dropdown .filter_header {
   min-height: 40px;
   border-bottom: 1px solid #eee;
   padding: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate {
+.filter_dropdown .filter_header .filter_header_operate {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_reset {
+.filter_dropdown .filter_header .filter_header_operate .filter_reset {
   font-size: 12px;
   color: var(--primary-color);
   cursor: pointer;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_tip {
+.filter_dropdown .filter_header .filter_header_operate .filter_tip {
   font-size: 12px;
   color: var(--text-color);
 }
-.ant-dropdown .filter_dropdown .filter_header input {
+.filter_dropdown .filter_header .ant-input-group {
+  line-height: 1;
+}
+.filter_dropdown .filter_header input {
   font-size: 12px;
 }
-.ant-dropdown .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
+.filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
   margin-top: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_body {
+.filter_dropdown .filter_body {
   width: 100%;
 }
-.ant-dropdown .filter_dropdown .filter_body .virtual_list {
+.filter_dropdown .filter_body .virtual_list {
   min-width: 160px;
   max-height: 224px;
   overflow: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item {
+.filter_dropdown .filter_body .filter_item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -672,34 +675,34 @@ html {
   white-space: nowrap;
   cursor: pointer;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.add_more {
+.filter_dropdown .filter_body .filter_item.add_more {
   border-top: 1px solid var(--stripe-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
+.filter_dropdown .filter_body .filter_item .filter_item_content {
   flex: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show {
+.filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show {
   font-size: 16px;
   color: #8C8C8C;
   transition: 0.3s;
   opacity: 0;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show:hover {
+.filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show:hover {
   color: var(--primary-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item[disabled] {
+.filter_dropdown .filter_body .filter_item[disabled] {
   display: none;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
+.filter_dropdown .filter_body .filter_item.checked {
   background-color: var(--primary-select-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
+.filter_dropdown .filter_body .filter_item:hover {
   background-color: var(--stripe-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_top {
+.filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_top {
   opacity: 1;
 }
-.ant-dropdown .filter_dropdown .filter_footer {
+.filter_dropdown .filter_footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -709,24 +712,24 @@ html {
   border-top: 1px solid #eee;
   letter-spacing: 1px;
 }
-.ant-dropdown .filter_dropdown .filter_footer button {
+.filter_dropdown .filter_footer button {
   font-size: 12px;
   padding: 0 8px;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_save {
+.filter_dropdown .filter_footer .footer_save {
   color: var(--primary-color);
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_clear {
+.filter_dropdown .filter_footer .footer_clear {
   color: var(--text-color);
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_clear:hover {
+.filter_dropdown .filter_footer .footer_clear:hover {
   color: var(--font-color);
 }
-.ant-dropdown .filter_dropdown .filter_empty {
+.filter_dropdown .filter_empty {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -735,11 +738,11 @@ html {
   color: #666;
   padding: 0 8px;
 }
-.ant-dropdown .filter_dropdown .ant-checkbox-wrapper {
+.filter_dropdown .ant-checkbox-wrapper {
   font-size: 12px;
   align-items: center;
 }
-.ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
+.filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
   top: initial;
 }
 .ant-drawer .ant-drawer-header {
@@ -904,6 +907,45 @@ html {
   background-color: var(--border-color);
   z-index: 4;
 }
+.ant-drawer.lm_det_drawer .checkbox_tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  height: 24px;
+  border-radius: 2px;
+  color: var(--font-color);
+  background-color: var(--stripe-color);
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.ant-drawer.lm_det_drawer .checkbox_tag:hover,
+.ant-drawer.lm_det_drawer .checkbox_tag.active {
+  color: #fff;
+  background-color: var(--primary-color);
+}
+.ant-drawer.lm_det_drawer .ant-form-item {
+  margin-bottom: 16px;
+}
+.ant-drawer.lm_det_drawer .ant-form-item .ant-form-item-label > label {
+  font-size: 12px;
+}
+.ant-drawer.lm_det_drawer .auto_height {
+  max-height: 418px;
+  overflow-y: auto;
+}
+.ant-drawer.lm_det_drawer .ant-radio-wrapper {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+}
+.ant-drawer.lm_det_drawer .ant-radio-wrapper .ant-radio {
+  top: 0;
+}
+.ant-drawer.lm_det_drawer .ant-select {
+  font-size: 12px;
+}
 .ant-modal .custom_modal .checkbox_tag {
   display: inline-flex;
   align-items: center;

package/lib/Dropdown/index.d.ts

@@ -3,6 +3,7 @@ import { DropdownProps, Dropdown } from 'antd';
 export interface IDropdownProps extends DropdownProps {
     className?: string;
     style?: React.CSSProperties;
+    dropdownmatchwidth?: boolean;
 }
 interface LmDropdownInterface extends React.FC<IDropdownProps> {
     Button?: typeof Dropdown.Button;

package/lib/Dropdown/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,7 +13,9 @@ require("antd/es/dropdown/style");
 
 var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
 
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -34,24 +38,94 @@ var CLMDropdown = function CLMDropdown(props) {
   var children = props.children,
       className = props.className,
       overlayClassName = props.overlayClassName,
-      others = __rest(props, ["children", "className", "overlayClassName"]);
+      _props$dropdownmatchw = props.dropdownmatchwidth,
+      dropdownmatchwidth = _props$dropdownmatchw === void 0 ? false : _props$dropdownmatchw,
+      others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth"]);
+
+  var dropdownRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      minwidth = _useState2[0],
+      setMinWidth = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var _a, _b, _c;
+
+    if (dropdownmatchwidth) {
+      var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown")) === null || _a === void 0 ? void 0 : _a[0];
+
+      if (dropdown_dom) {
+        console.log((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width);
+        setMinWidth(((_c = dropdown_dom.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || '');
+      }
+    }
+  }, []);
+
+  if (!dropdownmatchwidth) {
+    return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+      className: (0, _classnames.default)(className, prefixCls)
+    }, others, {
+      overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay')
+    }), children);
+  }
 
-  return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: dropdownRef
+  }, /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
     className: (0, _classnames.default)(className, prefixCls)
   }, others, {
-    overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay')
-  }), children);
+    overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay'),
+    overlayStyle: minwidth ? Object.assign({
+      minWidth: minwidth
+    }, others.overlayStyle) : Object.assign({}, others.overlayStyle)
+  }), children));
 };
 
 var LMDropdown = CLMDropdown;
 
 LMDropdown.Button = function (props) {
-  return /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({
+  var _props$dropdownmatchw2 = props.dropdownmatchwidth,
+      dropdownmatchwidth = _props$dropdownmatchw2 === void 0 ? false : _props$dropdownmatchw2;
+  var dropdownRef = (0, _react.useRef)(null);
+
+  var _useState3 = (0, _react.useState)(''),
+      _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({
+      size: 'small'
+    }, props, {
+      overlayClassName: (0, _classnames.default)(props.overlayClassName, 'lm_dropdown_overlay'),
+      className: (0, _classnames.default)(props.className, 'lm_dropdown_button')
+    }));
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: dropdownRef
+  }, /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({
     size: 'small'
   }, props, {
     overlayClassName: (0, _classnames.default)(props.overlayClassName, 'lm_dropdown_overlay'),
+    overlayStyle: minwidth ? Object.assign({
+      minWidth: minwidth
+    }, props.overlayStyle) : Object.assign({}, props.overlayStyle),
     className: (0, _classnames.default)(props.className, 'lm_dropdown_button')
-  }));
+  })));
 };
 
 var _default = LMDropdown;

package/lib/PopTable/style/style.css

@@ -520,9 +520,6 @@ html {
   align-items: center;
   justify-content: center;
 }
-.lm_popover_table .lm_operate .ant-btn > .anticon:not(.anticon-down) {
-  font-size: 14px;
-}
 .lm_popover_table .lm_operate .anticon + span,
 .lm_popover_table .lm_operate span + .anticon {
   margin-left: calc(var(--gap) / 2);
@@ -687,7 +684,7 @@ html {
 }
 .lm_popover_table .lm_grid .ant-pagination {
   font-size: 12px;
-  padding-top: 12px;
+  padding-top: 10px;
   margin: 0;
 }
 .lm_popover_table .lm_grid .ant-pagination .ant-select {