linkmore-design 1.0.57 → 1.0.60

package/es/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/es/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/es/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/es/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/es/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/es/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/es/CustomTableOption/cardSort.js

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

package/es/CustomTableOption/columnsSort.js

@@ -45,7 +45,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');
     }
@@ -67,8 +66,7 @@ var SortItem = function SortItem(props) {
 
 
 var ColumnsSort = /*#__PURE__*/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;
 
@@ -148,7 +146,7 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   useEffect(function () {
-    setLocalColumns(columns);
+    setLocalColumns(columns || []);
     setColStateValue(ColumnsStateValue);
   }, [columns]);
   var leftSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {

package/es/CustomTableOption/filterSort.js

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

package/es/CustomTableOption/index.js

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

package/es/Dropdown/index.js

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

package/es/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/es/Empty/empty.d.ts

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

package/es/Empty/empty.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { ConfigContext } from 'antd/es/config-provider';
+
+var Empty = function Empty() {
+  var _React$useContext = React.useContext(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"
+  }))));
+};
+
+export default Empty;

package/es/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;

package/es/Empty/index.js

@@ -1,3 +1,102 @@
 import "antd/es/empty/style";
 import _Empty from "antd/es/empty";
-export default _Empty;
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var __rest = this && this.__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;
+};
+
+import classNames from 'classnames';
+import * as React from 'react';
+import { useMemo } from 'react';
+import { ConfigContext } from 'antd/es/config-provider';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import DefaultEmptyImg from './empty';
+import SimpleEmptyImg from './simple';
+var defaultEmptyImg = /*#__PURE__*/React.createElement(DefaultEmptyImg, null);
+var simpleEmptyImg = /*#__PURE__*/React.createElement(SimpleEmptyImg, null);
+var TitleMap = {
+  notfound: '抱歉，404页面',
+  nopermissions: '抱歉，您的权限不足',
+  loaderror: '数据加载中，请您再试一次',
+  networkerror: '抱歉，服务器出错误',
+  nodata: '抱歉，暂无数据'
+};
+
+var Empty = function Empty(_a) {
+  var className = _a.className,
+      customizePrefixCls = _a.prefixCls,
+      _a$image = _a.image,
+      image = _a$image === void 0 ? defaultEmptyImg : _a$image,
+      title = _a.title,
+      description = _a.description,
+      children = _a.children,
+      imageStyle = _a.imageStyle,
+      restProps = __rest(_a, ["className", "prefixCls", "image", "title", "description", "children", "imageStyle"]);
+
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
+  var isCustomEmpty = useMemo(function () {
+    if (typeof image === 'string' && ['notfound', 'nopermissions', 'loaderror', 'networkerror', 'nodata'].includes(image)) {
+      return true;
+    }
+
+    return false;
+  }, [image]);
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement(LocaleReceiver, {
+      componentName: "Empty"
+    }, function (locale) {
+      var _classNames;
+
+      var prefixCls = getPrefixCls('empty', customizePrefixCls);
+      var des = typeof description !== 'undefined' ? description : locale.description;
+      var alt = typeof des === 'string' ? des : 'empty';
+      var imageNode = null;
+
+      if (isCustomEmpty) {
+        imageNode = /*#__PURE__*/React.createElement("div", {
+          className: classNames('lm_custom_empty_img', "".concat(image))
+        });
+      } else if (typeof image === 'string') {
+        imageNode = /*#__PURE__*/React.createElement("img", {
+          alt: alt,
+          src: image
+        });
+      } else {
+        imageNode = image;
+      }
+
+      return /*#__PURE__*/React.createElement("div", Object.assign({
+        className: classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-normal"), image === simpleEmptyImg), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className, 'lm_empty')
+      }, restProps), /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-image"), isCustomEmpty && 'lm_custom_empty'),
+        style: imageStyle
+      }, imageNode), (title || isCustomEmpty) && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-title")
+      }, title || TitleMap["".concat(image)]), des && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-description")
+      }, des), children && /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-footer")
+      }, children));
+    })
+  );
+};
+
+Empty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg;
+Empty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg;
+Empty.AntdEmpty = _Empty;
+export default Empty;

package/es/Empty/simple.d.ts

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

package/es/Empty/simple.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { ConfigContext } from 'antd/es/config-provider';
+
+var Simple = function Simple() {
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls;
+
+  var prefixCls = getPrefixCls('empty-img-simple');
+  return /*#__PURE__*/React.createElement("svg", {
+    className: prefixCls,
+    width: "64",
+    height: "41",
+    viewBox: "0 0 64 41",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(0 1)",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    className: "".concat(prefixCls, "-ellipse"),
+    cx: "32",
+    cy: "33",
+    rx: "32",
+    ry: "7"
+  }), /*#__PURE__*/React.createElement("g", {
+    className: "".concat(prefixCls, "-g"),
+    fillRule: "nonzero"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
+    className: "".concat(prefixCls, "-path")
+  }))));
+};
+
+export default Simple;