linkmore-design 1.0.58 → 1.0.62

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/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/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/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/Form/container.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IContainerProps {
+    className?: string;
+    style?: React.CSSProperties;
+    responsive?: Boolean;
+}
+declare const LMContainer: React.FC<IContainerProps>;
+export default LMContainer;

package/es/Form/container.js

@@ -0,0 +1,97 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+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 React, { useCallback, useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { throttle } from 'lodash';
+var prefixCls = 'lm_container';
+
+var LMContainer = function LMContainer(props) {
+  var children = props.children,
+      className = props.className,
+      responsive = props.responsive,
+      others = __rest(props, ["children", "className", "responsive"]);
+
+  var _useState = useState({
+    width: '100%',
+    height: '100%'
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      containerSize = _useState2[0],
+      setContainerSize = _useState2[1];
+
+  var containerWrapRef = useRef(null);
+  var throttleSize = useCallback(function () {
+    var width = containerSize.width,
+        height = containerSize.height;
+    var responsiveCls = responsive && width !== '100%' ? 'responsive' : '';
+    var lm_col = '';
+
+    if (responsiveCls) {
+      if (parseInt(width) < 990) {
+        lm_col = 'lm_col_3';
+      } else if (parseInt(width) < 1390) {
+        lm_col = 'lm_col_4';
+      } else {
+        lm_col = 'lm_col_5';
+      }
+    }
+
+    var classes = classNames(className, prefixCls, responsiveCls, lm_col);
+    return /*#__PURE__*/React.createElement("div", Object.assign({
+      ref: containerWrapRef,
+      className: classes
+    }, others, {
+      style: {
+        width: width,
+        height: height
+      }
+    }), children);
+  }, [containerSize, props]);
+
+  var changeSize = function changeSize() {
+    var _a;
+
+    var _ref = ((_a = containerWrapRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {},
+        _ref$width = _ref.width,
+        width = _ref$width === void 0 ? '100%' : _ref$width;
+
+    setContainerSize({
+      width: width,
+      height: '100%'
+    });
+  };
+
+  var handResize = throttle(changeSize, 600);
+  useEffect(function () {
+    setTimeout(function () {
+      changeSize();
+    }, 100);
+    window.addEventListener('resize', handResize);
+    return function () {
+      window.removeEventListener('resize', handResize);
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm_container_wrapper",
+    ref: containerWrapRef,
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }, throttleSize());
+};
+
+export default LMContainer;

package/es/Form/index.d.ts

@@ -1,19 +1,27 @@
 import React from 'react';
-import { Form as AntdForm, FormInstance, FormProps, List } from 'antd';
+import { Form as AntdForm, FormInstance, FormProps, List, FormItemProps } from 'antd';
 import useFormInstance from 'antd/lib/form/hooks/useFormInstance';
 import { FormProvider } from 'antd/lib/form/context';
 import { useForm, useWatch } from 'antd/lib/form/Form';
+export interface LmFormProps extends FormProps {
+    responsive?: Boolean;
+}
+export interface LmFormItemProps extends FormItemProps {
+    useStatus: any;
+    errorPlacement?: string;
+}
 declare const Reform: <Values = any>(props: FormProps<Values> & {
     children?: React.ReactNode;
 } & {
     ref?: React.Ref<FormInstance<Values>>;
 }) => React.ReactElement;
+declare const LMFormItem: (props: LmFormItemProps) => JSX.Element;
 declare type InternalFormType = typeof Reform;
 interface FormInterface extends InternalFormType {
     useForm: typeof useForm;
     useFormInstance: typeof useFormInstance;
     useWatch: typeof useWatch;
-    Item: typeof AntdForm.Item;
+    Item: typeof LMFormItem;
     List: typeof List;
     ErrorList: typeof AntdForm.ErrorList;
     Provider: typeof FormProvider;

package/es/Form/index.js

@@ -21,12 +21,25 @@ import classnames from 'classnames';
 import useFormInstance from 'antd/lib/form/hooks/useFormInstance';
 import { FormProvider } from 'antd/lib/form/context';
 import { useForm, useWatch } from 'antd/lib/form/Form';
+import Container from './container'; // import useFormItemStatus from 'antd/lib/form/hooks/useFormItemStatus';
+
 var classNamePrefix = 'lm_form';
 
 var LMForm = function LMForm(props, ref) {
   var children = props.children,
       className = props.className,
-      restProps = __rest(props, ["children", "className"]);
+      responsive = props.responsive,
+      restProps = __rest(props, ["children", "className", "responsive"]);
+
+  if (responsive) {
+    return /*#__PURE__*/React.createElement(Container, {
+      responsive: true
+    }, /*#__PURE__*/React.createElement(_Form, Object.assign({
+      ref: ref,
+      className: classnames(classNamePrefix, className),
+      colon: false
+    }, restProps), children));
+  }
 
   return /*#__PURE__*/React.createElement(_Form, Object.assign({
     ref: ref,
@@ -36,8 +49,23 @@ var LMForm = function LMForm(props, ref) {
 };
 
 var Reform = /*#__PURE__*/React.forwardRef(LMForm);
+
+var LMFormItem = function LMFormItem(props) {
+  var children = props.children,
+      className = props.className,
+      _props$errorPlacement = props.errorPlacement,
+      errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
+      restProps = __rest(props, ["children", "className", "errorPlacement"]);
+
+  var tipClassName = errorPlacement === 'default' ? '' : "lm_form-item-tip-error lm_form-item-tip-error-".concat(errorPlacement);
+  var classes = classnames(className, tipClassName);
+  return /*#__PURE__*/React.createElement(_Form.Item, Object.assign({
+    className: classes
+  }, restProps), children);
+};
+
 var Form = Reform;
-Form.Item = _Form.Item;
+Form.Item = LMFormItem;
 Form.List = _List;
 Form.ErrorList = _Form.ErrorList;
 Form.useForm = useForm;

package/es/Form/style/index.css

@@ -506,6 +506,9 @@ html {
 .lm_form .ant-form-item {
   margin-bottom: 16px;
 }
+.lm_form .ant-form-item .ant-form-item-explain {
+  line-height: 24px;
+}
 .lm_form .ant-form-item-label {
   display: flex !important;
   align-items: center;
@@ -527,5 +530,122 @@ html {
   margin-right: 0;
 }
 .lm_form .ant-form-item-control {
-  width: 240px;
+  width: 100%;
+}
+.lm_container_wrapper {
+  overflow: auto;
+}
+.lm_container_wrapper .lm_container.responsive {
+  min-width: 990px;
+}
+.lm_container_wrapper .lm_container.responsive .lm_form {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.lm_container_wrapper .lm_container.responsive .lm_form .ant-form-item {
+  margin-right: 24px;
+}
+.lm_container_wrapper .lm_container.responsive .lm_form .ant-form-item .ant-form-item-control {
+  width: 100%;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
+  width: calc(33.3333% - 16px);
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item:nth-of-type(3n) {
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item {
+  width: calc(25% - 18px);
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item:nth-of-type(4n) {
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item {
+  width: calc(20% - 96px / 5);
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item:nth-of-type(5n) {
+  margin-right: 0;
+}
+.lm_form .lm_form-item-tip-error .ant-form-item-explain {
+  width: 100%;
+  position: absolute;
+  display: flex;
+  top: 0;
+  left: 100%;
+  z-index: 100;
+  color: #FA4F53;
+  pointer-events: none;
+}
+.lm_form .lm_form-item-tip-error .ant-form-item-explain::before {
+  content: ' ';
+  position: absolute;
+  z-index: 10;
+  display: inline-block;
+  height: 0;
+  width: 0;
+  background-color: #fff;
+  transform: rotate(45deg);
+  border-width: 4px;
+  border-style: solid;
+}
+.lm_form .lm_form-item-tip-error .ant-form-item-explain .ant-form-item-explain-error {
+  line-height: 20px;
+  font-size: 12px;
+  background-color: #fff;
+  padding: 6px 8px;
+  box-shadow: 0 0 6px 2px #e3e3e3;
+  border-radius: 2px;
+}
+.lm_form .lm_form-item-tip-error-right .ant-form-item-explain::before {
+  box-shadow: -1px 1px 1px 0px #f0f0f0;
+  border-color: transparent transparent #fff #fff;
+  margin-left: 3px;
+  margin-top: 12px;
+}
+.lm_form .lm_form-item-tip-error-right .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: 7px;
+}
+.lm_form .lm_form-item-tip-error-left .ant-form-item-explain {
+  left: -100%;
+  justify-content: flex-end;
+  padding-right: 7px;
+}
+.lm_form .lm_form-item-tip-error-left .ant-form-item-explain::before {
+  box-shadow: 1px -1px 1px 0px #f0f0f0;
+  border-color: #fff #fff transparent transparent;
+  margin-left: -11px;
+  margin-top: 12px;
+  left: 100%;
+}
+.lm_form .lm_form-item-tip-error-left .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
+}
+.lm_form .lm_form-item-tip-error-top .ant-form-item-explain {
+  top: -39px;
+  left: 0;
+  justify-content: center;
+}
+.lm_form .lm_form-item-tip-error-top .ant-form-item-explain::before {
+  box-shadow: 1px 1px 1px 0px #f0f0f0;
+  border-color: transparent #fff #fff transparent;
+  background-color: #fff;
+  margin-top: 28px;
+}
+.lm_form .lm_form-item-tip-error-top .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
+}
+.lm_form .lm_form-item-tip-error-bottom .ant-form-item-explain {
+  top: 39px;
+  left: 0;
+  justify-content: center;
+}
+.lm_form .lm_form-item-tip-error-bottom .ant-form-item-explain::before {
+  box-shadow: -1px -1px 1px 0px #f0f0f0;
+  border-color: #fff transparent transparent #fff;
+  background-color: #fff;
+  margin-top: -4px;
+}
+.lm_form .lm_form-item-tip-error-bottom .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
 }

package/es/IconFont/index.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _icons = require("@ant-design/icons");
 
 var IconFont = (0, _icons.createFromIconfontCN)({
-  scriptUrl: '//at.alicdn.com/t/c/font_2966019_sw56tprypkb.js' // 在 iconfont.cn 上生成
+  scriptUrl: '//at.alicdn.com/t/c/font_2966019_totaqlvhjak.js' // 在 iconfont.cn 上生成
   // scriptUrl: require('./font/iconfont.js'),
 
 });