linkmore-design 1.0.57 → 1.0.60

package/es/LmFilter/wrapper/FilterRoot.js

@@ -21,6 +21,8 @@ var _FilterWrapper = _interopRequireDefault(require("./FilterWrapper"));
 
 var _filterFns = _interopRequireDefault(require("../filterFns"));
 
+var _utils = require("../utils");
+
 // 根文件 => 参数聚合
 var reducer = function reducer(state, action) {
   var basicFilter = action.basicFilter,
@@ -66,38 +68,43 @@ var reducer = function reducer(state, action) {
     case 'reset':
       // 一键清空
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
-        basicFilter: {}
+        basicFilter: {},
+        complexFilter: {}
       });
 
     default:
       throw new Error();
   }
-}; // const getRows = ({ fieldName, value }, arr) => {
-//   const findItem = arr.find(item => {
-//     return item.field === fieldName;
-//   })
-//   switch (findItem.type) {
-//     case 'input':
-//       return value;
-//     case 'select':
-//       return findItem.data.find(v => v.value === value);
-//     case 'checkbox':
-//       return findItem.data.find(v => [value].includes(v.value));
-//     default:
-//       break;
-//   }
-// };
-// 仅在初始化时触发一次
+}; // 仅在初始化时触发一次
 
 
 var getInitialState = function getInitialState(_ref) {
-  var localization = _ref.localization;
+  var localization = _ref.localization,
+      dataSource = _ref.dataSource;
   var globalQuery = localization.globalQuery,
       filterQuery = localization.filterQuery;
-  var basicFilter = {};
-  filterQuery.filter.forEach(function (item) {
-    basicFilter[item.fieldName] = item.value;
-  });
+  var basicFilter = {}; // 初始化基础查询缓存
+
+  if (filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery.filter) {
+    basicFilter = filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery.filter.reduce(function (pre, cur) {
+      // 查找改数据是否展示
+      var someData = dataSource.some(function (v) {
+        if (cur.fieldName === v.field) {
+          var isHidden = !v.show && typeof v.show === 'boolean';
+          return !isHidden;
+        }
+
+        return false;
+      });
+
+      if ((0, _utils.getIsHas)(cur.value) && someData) {
+        pre[cur.fieldName] = cur.value;
+      }
+
+      return pre;
+    }, {});
+  }
+
   return {
     basicFilter: basicFilter,
     complexFilter: {},

package/es/LmTable/Table.js

@@ -23,14 +23,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-var _icons = require("@ant-design/icons");
-
 var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
 
 var _sortable = require("@dnd-kit/sortable");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _lodash = require("lodash");
 
 var _react = _interopRequireWildcard(require("react"));
@@ -39,13 +39,11 @@ var _reactResizable = require("react-resizable");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
-var _linkmoreDesign = require("linkmore-design");
-
 var _empty = _interopRequireDefault(require("./assets/empty.png"));
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "emptyProps"],
     _excluded2 = ["className", "style"],
     _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary; // const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
@@ -97,7 +95,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tableRowType = _props$tableRowType === void 0 ? 'default' : _props$tableRowType,
       _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
+      emptyProps = props.emptyProps,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  console.log(emptyProps, '--emptyProps');
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
 
@@ -513,7 +513,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       width: '100%'
     }
   }, /*#__PURE__*/_react.default.createElement(_configProvider.default, {
-    renderEmpty: customizeRenderEmpty
+    renderEmpty: emptyProps ? function () {
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Empty, emptyProps, (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.footer) || null);
+    } : customizeRenderEmpty
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,

package/lib/CardTable/LmCardTable.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _TableRoot = _interopRequireDefault(require("./table/TableRoot"));
 
-var _excluded = ["cellKey", "type", "height", "virtual", "components", "dataSource", "cellConfig", "checkboxConfig"];
+var _excluded = ["cellKey", "type", "height", "virtual", "ellipsis", "components", "dataSource", "cellConfig", "checkboxConfig"];
 
 // export type LmCardTableProps<TData extends Record<string, any> = {}> {
 //   rows: LM_Row<TData>[];
@@ -32,6 +32,8 @@ var LmCardTable = function LmCardTable(_ref, ref) {
       height = _ref$height === void 0 ? '100%' : _ref$height,
       _ref$virtual = _ref.virtual,
       virtual = _ref$virtual === void 0 ? true : _ref$virtual,
+      _ref$ellipsis = _ref.ellipsis,
+      ellipsis = _ref$ellipsis === void 0 ? true : _ref$ellipsis,
       _ref$components = _ref.components,
       components = _ref$components === void 0 ? {} : _ref$components,
       _ref$dataSource = _ref.dataSource,
@@ -47,6 +49,7 @@ var LmCardTable = function LmCardTable(_ref, ref) {
     type: type,
     height: height,
     virtual: virtual,
+    ellipsis: ellipsis,
     components: components,
     dataSource: dataSource,
     cellConfig: cellConfig,

package/lib/CardTable/body/TableBodyCell.js

@@ -26,11 +26,11 @@ var LmCardTableBodyCell = function LmCardTableBodyCell(_ref) {
       cell = _ref.cell,
       table = _ref.table;
   var state = table.state,
-      cellConfig = table.cellConfig,
       type = table.type,
       components = table.components,
       cellKey = table.cellKey;
-  var checkKeys = state.checkboxConfig.checkKeys; // 渲染的单元格
+  var checkKeys = state.checkboxConfig.checkKeys,
+      radioConfig = state.radioConfig; // 渲染的单元格
 
   var RenderCell = (0, _react.useMemo)(function () {
     var types = {
@@ -43,16 +43,21 @@ var LmCardTableBodyCell = function LmCardTableBodyCell(_ref) {
     return components.Cell || types[type] || _PictureTextColumn.default;
   }, [components.Cell, type]); // 是否选中
 
-  var isChecked = (0, _react.useMemo)(function () {
+  var isCheckboxChecked = (0, _react.useMemo)(function () {
     return checkKeys.some(function (v) {
       return v === cell[cellKey];
     });
   }, [checkKeys, cellKey]);
+  var isRadioChecked = (0, _react.useMemo)(function () {
+    return radioConfig.checkKey === cell[cellKey];
+  }, [cellKey, radioConfig.checkKey]);
   var stateConfig = {
-    checked: isChecked
+    checked: isCheckboxChecked
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_card_table_body_cell', isChecked && 'cell_checked')
+    className: (0, _classnames.default)('lm_card_table_body_cell', {
+      'cell_checked': isCheckboxChecked || isRadioChecked
+    })
   }, /*#__PURE__*/_react.default.createElement(RenderCell, (0, _extends2.default)({
     index: index,
     cell: cell,

package/lib/CardTable/card/PictureTextRow.js

@@ -40,7 +40,8 @@ var PictureTextRow = function PictureTextRow(_ref) {
       cellClick = table.cellClick,
       cellDoubleClick = table.cellDoubleClick,
       toggleCheckboxKey = table.toggleCheckboxKey,
-      checkboxChange = table.checkboxChange;
+      checkboxChange = table.checkboxChange,
+      ellipsis = table.ellipsis;
   var trigger = state.checkboxConfig.trigger;
   var resetDefaultConfig = (0, _objectSpread2.default)({
     checkbox: true,
@@ -116,9 +117,13 @@ var PictureTextRow = function PictureTextRow(_ref) {
     className: "PTR_column_box"
   }, resetDefaultConfig.columns.map(function (v, idx) {
     var isVisible = v.show || typeof v.show !== 'boolean';
-    return isVisible ? /*#__PURE__*/_react.default.createElement("span", {
+    return isVisible ? /*#__PURE__*/_react.default.createElement("div", {
       key: (v === null || v === void 0 ? void 0 : v.dataIndex) || idx
-    }, v.title, ": ", cell[v.dataIndex]) : null;
+    }, v.title, "\uFF1A", /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)({
+        ellipsis: ellipsis
+      })
+    }, typeof v.render === 'function' ? v.render(cell[v.dataIndex], cell, table) : cell[v.dataIndex])) : null;
   }))) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTR_extend"
   }, resetDefaultConfig.extend(cell, table)) : null, resetDefaultConfig.desc ? /*#__PURE__*/_react.default.createElement("div", {

package/lib/CardTable/fns/index.js

@@ -17,7 +17,8 @@ var CoreOptions = function CoreOptions(_ref) {
   var checkboxConfig = state.checkboxConfig;
   var dataSource = props.dataSource,
       cellKey = props.cellKey,
-      checkboxChange = props.checkboxChange;
+      checkboxChange = props.checkboxChange,
+      selectionConfig = props.selectionConfig;
   var checkKeys = checkboxConfig.checkKeys,
       checkValues = checkboxConfig.checkValues,
       checkMethod = checkboxConfig.checkMethod; // 设置选中的值: 第一个参数是数据的键，第二个参数是选中与否, 第三个参数控制是否重置
@@ -63,6 +64,13 @@ var CoreOptions = function CoreOptions(_ref) {
         checkValues: nValues
       }
     });
+    dispatch({
+      type: 'changeRadioConfig',
+      radioConfig: {
+        checkKey: '',
+        checkValue: ''
+      }
+    });
   }; // 切换选中状态: 单个切换/批量切换
 
 
@@ -126,9 +134,28 @@ var CoreOptions = function CoreOptions(_ref) {
     setCheckboxKeys(nKeys, isCheck, reset);
   };
 
+  var cellClick = function cellClick(cell, index) {
+    var _props$cellClick;
+
+    if (!checkKeys.length) {
+      // 校验是否存在单选
+      var isRadio = Array.isArray(selectionConfig.type) ? selectionConfig.type.includes('radio') : selectionConfig.type === 'radio';
+      isRadio && dispatch({
+        type: 'changeRadioConfig',
+        radioConfig: {
+          checkKey: cell[cellKey],
+          checkValue: cell
+        }
+      });
+    }
+
+    (_props$cellClick = props.cellClick) === null || _props$cellClick === void 0 ? void 0 : _props$cellClick.call(props, cell, index);
+  };
+
   return {
     setCheckboxKeys: setCheckboxKeys,
-    toggleCheckboxKey: toggleCheckboxKey
+    toggleCheckboxKey: toggleCheckboxKey,
+    cellClick: cellClick
   };
 };
 

package/lib/CardTable/style/index.css

@@ -231,14 +231,21 @@
   font-size: 12px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
+  column-gap: 8px;
   color: var(--color-65);
   margin-top: 8px;
 }
-.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box span {
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box > div {
   display: inline-flex;
   align-items: center;
   min-height: 20px;
 }
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box .ellipsis {
+  flex: 1 1 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_desc {
   font-size: 12px;
   color: var(--color-65);

package/lib/CardTable/table/TableRoot.js

@@ -22,14 +22,16 @@ var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 var _fns = _interopRequireDefault(require("../fns"));
 
 var _excluded = ["checkKeys", "trigger", "checkMethod"],
-    _excluded2 = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "pagerConfig", "toolbarConfig"];
+    _excluded2 = ["checkKey", "trigger"],
+    _excluded3 = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "radioConfig", "selectionConfig", "pagerConfig", "toolbarConfig"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
       resize = action.resize,
       columnCount = action.columnCount,
       rows = action.rows,
-      checkboxConfig = action.checkboxConfig;
+      checkboxConfig = action.checkboxConfig,
+      radioConfig = action.radioConfig;
 
   switch (action.type) {
     case 'changePage':
@@ -59,6 +61,12 @@ var reducer = function reducer(state, action) {
         checkboxConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.checkboxConfig), checkboxConfig)
       });
 
+    case 'changeRadioConfig':
+      // 单选中的Key
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        radioConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.radioConfig), radioConfig)
+      });
+
     default:
       throw new Error();
   }
@@ -67,27 +75,43 @@ var reducer = function reducer(state, action) {
 
 var getInitialState = function getInitialState(props) {
   var _props$checkboxConfig = props.checkboxConfig,
-      _props$checkboxConfig2 = _props$checkboxConfig.checkKeys,
-      checkKeys = _props$checkboxConfig2 === void 0 ? [] : _props$checkboxConfig2,
-      _props$checkboxConfig3 = _props$checkboxConfig.trigger,
-      trigger = _props$checkboxConfig3 === void 0 ? 'default' : _props$checkboxConfig3,
-      _props$checkboxConfig4 = _props$checkboxConfig.checkMethod,
-      checkMethod = _props$checkboxConfig4 === void 0 ? true : _props$checkboxConfig4,
-      resetCheckCOnfig = (0, _objectWithoutProperties2.default)(_props$checkboxConfig, _excluded),
+      checkboxConfig = _props$checkboxConfig === void 0 ? {} : _props$checkboxConfig,
+      _props$radioConfig = props.radioConfig,
+      radioConfig = _props$radioConfig === void 0 ? {} : _props$radioConfig,
       _props$dataSource = props.dataSource,
       dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
       cellKey = props.cellKey;
+  var _checkboxConfig$check = checkboxConfig.checkKeys,
+      checkKeys = _checkboxConfig$check === void 0 ? [] : _checkboxConfig$check,
+      _checkboxConfig$trigg = checkboxConfig.trigger,
+      checkboxTrigger = _checkboxConfig$trigg === void 0 ? 'default' : _checkboxConfig$trigg,
+      _checkboxConfig$check2 = checkboxConfig.checkMethod,
+      checkMethod = _checkboxConfig$check2 === void 0 ? true : _checkboxConfig$check2,
+      resetCheckCOnfig = (0, _objectWithoutProperties2.default)(checkboxConfig, _excluded);
+  var _radioConfig$checkKey = radioConfig.checkKey,
+      checkKey = _radioConfig$checkKey === void 0 ? '' : _radioConfig$checkKey,
+      _radioConfig$trigger = radioConfig.trigger,
+      radioTrigger = _radioConfig$trigger === void 0 ? 'default' : _radioConfig$trigger,
+      resetRadioConfig = (0, _objectWithoutProperties2.default)(radioConfig, _excluded2);
   var checkValues = dataSource.filter(function (v) {
     return checkKeys.includes(v[cellKey]);
   }) || [];
+  var checkValue = dataSource.find(function (v) {
+    return checkKey === v[cellKey];
+  });
   return {
     // 复选框的配置
     checkboxConfig: (0, _objectSpread2.default)({
       checkKeys: checkKeys,
       checkValues: checkValues,
-      trigger: trigger,
+      trigger: checkboxTrigger,
       checkMethod: checkMethod
     }, resetCheckCOnfig),
+    radioConfig: (0, _objectSpread2.default)({
+      checkKey: checkKey,
+      checkValue: checkValue,
+      trigger: radioTrigger
+    }, resetRadioConfig),
     // 分页的配置
     page: {
       pageIndex: 1,
@@ -127,9 +151,11 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
         cellConfig = props.cellConfig,
         defaultConfig = props.defaultConfig,
         checkboxConfig = props.checkboxConfig,
+        radioConfig = props.radioConfig,
+        selectionConfig = props.selectionConfig,
         pagerConfig = props.pagerConfig,
         toolbarConfig = props.toolbarConfig,
-        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
       rowConfig: (0, _objectSpread2.default)({
         // 行配置
@@ -140,6 +166,10 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
         width: 192,
         height: 282
       }, cellConfig),
+      selectionConfig: (0, _objectSpread2.default)({
+        type: ['checkbox', 'radio']
+      }, selectionConfig),
+      radioConfig: (0, _objectSpread2.default)({}, radioConfig),
       checkboxConfig: (0, _objectSpread2.default)({}, checkboxConfig),
       pagerConfig: (0, _objectSpread2.default)({}, pagerConfig),
       toolbarConfig: (0, _objectSpread2.default)({}, toolbarConfig),
@@ -151,9 +181,9 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
     return (0, _fns.default)({
       state: state,
       dispatch: dispatch,
-      props: props
+      props: configProps
     });
-  }, [state, dispatch, props]);
+  }, [state, dispatch, configProps]);
   var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), eventProps), {}, {
     state: state,
     dispatch: dispatch
@@ -163,6 +193,9 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
     return (0, _objectSpread2.default)({
       getCheckboxRecords: function getCheckboxRecords() {
         return state.checkboxConfig.checkValues;
+      },
+      getRadioRecord: function getRadioRecord() {
+        return state.radioConfig.checkValue;
       }
     }, eventProps);
   });

package/lib/CustomTableOption/cardSort.js

@@ -119,9 +119,6 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setSearchValue(searchIngValue);
   };
 
-  (0, _react.useEffect)(function () {
-    console.log(localCard, 'localFilter');
-  }, [localCard]);
   (0, _react.useEffect)(function () {
     setLocalCard(card);
     setColStateValue(cardStateValue);

package/lib/CustomTableOption/columnsSort.js

@@ -64,7 +64,6 @@ var SortItem = function SortItem(props) {
     type: "lmweb-vertical-align-top",
     className: "lm_custom_icon hover_show icon_top",
     onClick: function onClick(e) {
-      console.log(e, 'eee');
       e.stopPropagation();
       props.addFiexd(props.id, 'left');
     }
@@ -86,8 +85,7 @@ var SortItem = function SortItem(props) {
 
 
 var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? [] : _ref$columns,
+  var columns = _ref.columns,
       _ref$ColumnsStateValu = _ref.ColumnsStateValue,
       ColumnsStateValue = _ref$ColumnsStateValu === void 0 ? {} : _ref$ColumnsStateValu;
 
@@ -167,7 +165,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   };
 
   (0, _react.useEffect)(function () {
-    setLocalColumns(columns);
+    setLocalColumns(columns || []);
     setColStateValue(ColumnsStateValue);
   }, [columns]);
   var leftSensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {

package/lib/CustomTableOption/filterSort.js

@@ -119,9 +119,6 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setSearchValue(searchIngValue);
   };
 
-  (0, _react.useEffect)(function () {
-    console.log(localFilter, 'localFilter');
-  }, [localFilter]);
   (0, _react.useEffect)(function () {
     setLocalFilter(filter);
     setColStateValue(filterStateValue);

package/lib/CustomTableOption/index.js

@@ -89,8 +89,8 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
 
   (0, _react.useEffect)(function () {
     setLmOptions({
-      filter: props.filter,
-      columns: props.columns,
+      filter: props.filter || [],
+      columns: props.columns || [],
       size: props.size || 'default',
       card: props.card || []
     });

package/lib/Dropdown/index.js

@@ -124,7 +124,7 @@ LMDropdown.Button = function (props) {
         type: 'lmweb-down'
       }),
       overlayClassName: (0, _classnames.default)(props.overlayClassName, 'lm_dropdown_overlay'),
-      className: (0, _classnames.default)(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '')
+      className: (0, _classnames.default)(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '', props.type)
     }));
   }
 
@@ -140,7 +140,7 @@ LMDropdown.Button = function (props) {
     overlayStyle: minwidth ? Object.assign({
       minWidth: minwidth
     }, props.overlayStyle) : Object.assign({}, props.overlayStyle),
-    className: (0, _classnames.default)(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '')
+    className: (0, _classnames.default)(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '', props.type)
   })));
 };
 

package/lib/Dropdown/style/index.css

@@ -528,10 +528,13 @@ html {
   background-color: var(--disabled-bg-color);
 }
 .lm_dropdown_button {
-  border-radius: 2px;
+  border-radius: 4px;
   border: 1px solid var(--color-15);
   box-sizing: content-box;
 }
+.lm_dropdown_button.primary {
+  border: 1px solid var(--primary-color);
+}
 .lm_dropdown_button .ant-btn {
   height: 30px;
   border-top: 0px;
@@ -557,13 +560,28 @@ html {
 .lm_dropdown_button .ant-btn .lm_default_icon {
   color: var(--text-color);
 }
+.lm_dropdown_button .ant-btn-primary .anticon {
+  color: var(--color-contrast);
+}
 .lm_dropdown_button:hover {
   color: var(--primary-hover-color) !important;
   border: 1px solid var(--primary-hover-color);
+  border-radius: 4px;
 }
 .lm_dropdown_button:hover .ant-btn {
   color: var(--primary-hover-color) !important;
 }
+.lm_dropdown_button:hover .anticon {
+  color: var(--primary-hover-color);
+}
+.lm_dropdown_button:hover .ant-btn-primary {
+  background-color: var(--primary-hover-color);
+  color: var(--color-contrast) !important;
+  position: relative;
+}
+.lm_dropdown_button:hover .ant-btn-primary .anticon {
+  color: var(--color-contrast);
+}
 .lm_dropdown_button.disabled {
   color: var(--disabled-font-color) !important;
   border: 1px solid var(--disabled-border-color);

package/lib/Empty/empty.d.ts

@@ -0,0 +1,2 @@
+declare const Empty: () => JSX.Element;
+export default Empty;

package/lib/Empty/empty.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _configProvider = require("antd/es/config-provider");
+
+var Empty = function Empty() {
+  var _React$useContext = React.useContext(_configProvider.ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls;
+
+  var prefixCls = getPrefixCls('empty-img-default');
+  return /*#__PURE__*/React.createElement("svg", {
+    className: prefixCls,
+    width: "184",
+    height: "152",
+    viewBox: "0 0 184 152",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(24 31.67)"
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    className: "".concat(prefixCls, "-ellipse"),
+    cx: "67.797",
+    cy: "106.89",
+    rx: "67.797",
+    ry: "12.668"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "".concat(prefixCls, "-path-1"),
+    d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "".concat(prefixCls, "-path-2"),
+    d: "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z",
+    transform: "translate(13.56)"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "".concat(prefixCls, "-path-3"),
+    d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "".concat(prefixCls, "-path-4"),
+    d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
+  })), /*#__PURE__*/React.createElement("path", {
+    className: "".concat(prefixCls, "-path-5"),
+    d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
+  }), /*#__PURE__*/React.createElement("g", {
+    className: "".concat(prefixCls, "-g"),
+    transform: "translate(149.65 15.383)"
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    cx: "20.654",
+    cy: "3.167",
+    rx: "2.849",
+    ry: "2.815"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
+  }))));
+};
+
+var _default = Empty;
+exports.default = _default;

package/lib/Empty/index.d.ts

@@ -1,7 +1,22 @@
-import React from 'react';
-import { Empty } from 'antd';
-export interface IEmptyProps {
+import * as React from 'react';
+export interface TransferLocale {
+    description: string;
+}
+export interface EmptyProps {
+    prefixCls?: string;
     className?: string;
     style?: React.CSSProperties;
+    /** @since 3.16.0 */
+    imageStyle?: React.CSSProperties;
+    image?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    title: string | React.ReactNode;
+}
+interface EmptyType extends React.FC<EmptyProps> {
+    PRESENTED_IMAGE_DEFAULT: React.ReactNode;
+    PRESENTED_IMAGE_SIMPLE: React.ReactNode;
+    AntdEmpty: React.ReactNode;
 }
+declare const Empty: EmptyType;
 export default Empty;