linkmore-design 1.1.17 → 1.1.19-beta

package/es/Badge/index.js

@@ -1,19 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-
 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 CSSMotion from 'rc-motion';
 import * as React from 'react';
@@ -23,38 +19,34 @@ import { cloneElement } from '../_util/reactNode';
 import Ribbon from './Ribbon';
 import ScrollNumber from './ScrollNumber';
 import { isPresetColor } from './utils';
-
 var Badge = function Badge(_a) {
   var _classNames, _classNames2;
-
   var customizePrefixCls = _a.prefixCls,
-      customizeScrollNumberPrefixCls = _a.scrollNumberPrefixCls,
-      children = _a.children,
-      status = _a.status,
-      text = _a.text,
-      color = _a.color,
-      _a$count = _a.count,
-      count = _a$count === void 0 ? null : _a$count,
-      _a$overflowCount = _a.overflowCount,
-      overflowCount = _a$overflowCount === void 0 ? 99 : _a$overflowCount,
-      _a$dot = _a.dot,
-      dot = _a$dot === void 0 ? false : _a$dot,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'default' : _a$size,
-      title = _a.title,
-      offset = _a.offset,
-      style = _a.style,
-      className = _a.className,
-      _a$showZero = _a.showZero,
-      showZero = _a$showZero === void 0 ? false : _a$showZero,
-      restProps = __rest(_a, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"]);
-
+    customizeScrollNumberPrefixCls = _a.scrollNumberPrefixCls,
+    children = _a.children,
+    status = _a.status,
+    text = _a.text,
+    color = _a.color,
+    _a$count = _a.count,
+    count = _a$count === void 0 ? null : _a$count,
+    _a$overflowCount = _a.overflowCount,
+    overflowCount = _a$overflowCount === void 0 ? 99 : _a$overflowCount,
+    _a$dot = _a.dot,
+    dot = _a$dot === void 0 ? false : _a$dot,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'default' : _a$size,
+    title = _a.title,
+    offset = _a.offset,
+    style = _a.style,
+    className = _a.className,
+    _a$showZero = _a.showZero,
+    showZero = _a$showZero === void 0 ? false : _a$showZero,
+    restProps = __rest(_a, ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"]);
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      direction = _React$useContext.direction;
-
-  var prefixCls = getPrefixCls('badge', customizePrefixCls); // ================================ Misc ================================
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
+  var prefixCls = getPrefixCls('badge', customizePrefixCls);
+  // ================================ Misc ================================
   var numberedDisplayCount = count > overflowCount ? "".concat(overflowCount, "+") : count;
   var hasStatus = status !== null && status !== undefined || color !== null && color !== undefined;
   var isZero = numberedDisplayCount === '0' || numberedDisplayCount === 0;
@@ -63,71 +55,60 @@ var Badge = function Badge(_a) {
   var isHidden = useMemo(function () {
     var isEmpty = mergedCount === null || mergedCount === undefined || mergedCount === '';
     return (isEmpty || isZero && !showZero) && !showAsDot;
-  }, [mergedCount, isZero, showZero, showAsDot]); // Count should be cache in case hidden change it
-
+  }, [mergedCount, isZero, showZero, showAsDot]);
+  // Count should be cache in case hidden change it
   var countRef = useRef(count);
-
   if (!isHidden) {
     countRef.current = count;
   }
-
-  var livingCount = countRef.current; // We need cache count since remove motion should not change count display
-
+  var livingCount = countRef.current;
+  // We need cache count since remove motion should not change count display
   var displayCountRef = useRef(mergedCount);
-
   if (!isHidden) {
     displayCountRef.current = mergedCount;
   }
-
-  var displayCount = displayCountRef.current; // We will cache the dot status to avoid shaking on leaved motion
-
+  var displayCount = displayCountRef.current;
+  // We will cache the dot status to avoid shaking on leaved motion
   var isDotRef = useRef(showAsDot);
-
   if (!isHidden) {
     isDotRef.current = showAsDot;
-  } // =============================== Styles ===============================
-
-
+  }
+  // =============================== Styles ===============================
   var mergedStyle = useMemo(function () {
     if (!offset) {
       return Object.assign({}, style);
     }
-
     var offsetStyle = {
       marginTop: offset[1]
     };
-
     if (direction === 'rtl') {
       offsetStyle.left = parseInt(offset[0], 10);
     } else {
       offsetStyle.right = -parseInt(offset[0], 10);
     }
-
     return Object.assign(Object.assign({}, offsetStyle), style);
-  }, [direction, offset, style]); // =============================== Render ===============================
+  }, [direction, offset, style]);
+  // =============================== Render ===============================
   // >>> Title
-
-  var titleNode = title !== null && title !== void 0 ? title : typeof livingCount === 'string' || typeof livingCount === 'number' ? livingCount : undefined; // >>> Status Text
-
+  var titleNode = title !== null && title !== void 0 ? title : typeof livingCount === 'string' || typeof livingCount === 'number' ? livingCount : undefined;
+  // >>> Status Text
   var statusTextNode = isHidden || !text ? null : /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-status-text")
-  }, text); // >>> Display Component
-
+  }, text);
+  // >>> Display Component
   var displayNode = !livingCount || _typeof(livingCount) !== 'object' ? undefined : cloneElement(livingCount, function (oriProps) {
     return {
       style: Object.assign(Object.assign({}, mergedStyle), oriProps.style)
     };
-  }); // Shared styles
-
+  });
+  // Shared styles
   var statusCls = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-status-dot"), hasStatus), _defineProperty(_classNames, "".concat(prefixCls, "-status-").concat(status), !!status), _defineProperty(_classNames, "".concat(prefixCls, "-status-").concat(color), isPresetColor(color)), _classNames));
   var statusStyle = {};
-
   if (color && !isPresetColor(color)) {
     statusStyle.background = color;
   }
-
-  var badgeClassName = classNames(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-status"), hasStatus), _defineProperty(_classNames2, "".concat(prefixCls, "-not-a-wrapper"), !children), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2), className); // <Badge status="success" />
-
+  var badgeClassName = classNames(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-status"), hasStatus), _defineProperty(_classNames2, "".concat(prefixCls, "-not-a-wrapper"), !children), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2), className);
+  // <Badge status="success" />
   if (!children && hasStatus) {
     var statusTextColor = mergedStyle.color;
     return /*#__PURE__*/React.createElement("span", Object.assign({}, restProps, {
@@ -142,9 +123,8 @@ var Badge = function Badge(_a) {
       },
       className: "".concat(prefixCls, "-status-text")
     }, text));
-  } // <Badge status="success" count={<Icon type="xxx" />}></Badge>
-
-
+  }
+  // <Badge status="success" count={<Icon type="xxx" />}></Badge>
   return /*#__PURE__*/React.createElement("span", Object.assign({}, restProps, {
     className: badgeClassName
   }), children, /*#__PURE__*/React.createElement(CSSMotion, {
@@ -154,18 +134,15 @@ var Badge = function Badge(_a) {
     motionDeadline: 1000
   }, function (_ref) {
     var _classNames3;
-
     var motionClassName = _ref.className;
     var scrollNumberPrefixCls = getPrefixCls('scroll-number', customizeScrollNumberPrefixCls);
     var isDot = isDotRef.current;
     var scrollNumberCls = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-dot"), isDot), _defineProperty(_classNames3, "".concat(prefixCls, "-count"), !isDot), _defineProperty(_classNames3, "".concat(prefixCls, "-count-sm"), size === 'small'), _defineProperty(_classNames3, "".concat(prefixCls, "-multiple-words"), !isDot && displayCount && displayCount.toString().length > 1), _defineProperty(_classNames3, "".concat(prefixCls, "-status-").concat(status), !!status), _defineProperty(_classNames3, "".concat(prefixCls, "-status-").concat(color), isPresetColor(color)), _classNames3));
     var scrollNumberStyle = Object.assign({}, mergedStyle);
-
     if (color && !isPresetColor(color)) {
       scrollNumberStyle = scrollNumberStyle || {};
       scrollNumberStyle.background = color;
     }
-
     return /*#__PURE__*/React.createElement(ScrollNumber, {
       prefixCls: scrollNumberPrefixCls,
       show: !isHidden,
@@ -178,6 +155,5 @@ var Badge = function Badge(_a) {
     }, displayNode);
   }), statusTextNode);
 };
-
 Badge.Ribbon = Ribbon;
 export default Badge;

package/es/Badge/utils.js

@@ -1,5 +1,5 @@
-import { PresetColorTypes } from '../_util/colors'; // eslint-disable-next-line import/prefer-default-export
-
+import { PresetColorTypes } from '../_util/colors';
+// eslint-disable-next-line import/prefer-default-export
 export function isPresetColor(color) {
   return PresetColorTypes.indexOf(color) !== -1;
 }

package/es/Box/body/Item.js

@@ -1,16 +1,14 @@
 import React from 'react';
 var LmBoxItem = /*#__PURE__*/React.memo(function (_ref) {
   var item = _ref.item,
-      instance = _ref.instance;
+    instance = _ref.instance;
   var itemRender = instance.itemRender;
-
   if (itemRender) {
     return itemRender({
       item: item,
       instance: instance
     });
   }
-
   return /*#__PURE__*/React.createElement("li", {
     className: "lm_box_menu_item"
   }, item.label);

package/es/Box/body/OverflowList.js

@@ -1,4 +1,5 @@
-import React from 'react'; // const SubList = ({ items }) => {
+import React from 'react';
+// const SubList = ({ items }) => {
 //   return (
 //     <ul className="lm_box_menu">
 //       {items.map(({ label }) => (
@@ -7,7 +8,6 @@ import React from 'react'; // const SubList = ({ items }) => {
 //     </ul>
 //   )
 // }
-
 var LmBoxList = /*#__PURE__*/React.memo(function (_ref) {
   var instance = _ref.instance;
   return /*#__PURE__*/React.createElement("li", {

package/es/Box/wrapper/BoxContainer.js

@@ -4,17 +4,15 @@ var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect
 var LmBoxContainer = /*#__PURE__*/React.memo(function (_ref) {
   var instance = _ref.instance;
   var dispatch = instance.dispatch;
-  var boxContainerRef = useRef(null); // 获取盒子容器的大小
-
+  var boxContainerRef = useRef(null);
+  // 获取盒子容器的大小
   /** TODO: 没设默认值会导致打包失败 */
-
   var getResize = useCallback(function () {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref2$blockSize = _ref2.blockSize,
-        blockSize = _ref2$blockSize === void 0 ? '100%' : _ref2$blockSize,
-        _ref2$inlineSize = _ref2.inlineSize,
-        inlineSize = _ref2$inlineSize === void 0 ? '100%' : _ref2$inlineSize;
-
+      _ref2$blockSize = _ref2.blockSize,
+      blockSize = _ref2$blockSize === void 0 ? '100%' : _ref2$blockSize,
+      _ref2$inlineSize = _ref2.inlineSize,
+      inlineSize = _ref2$inlineSize === void 0 ? '100%' : _ref2$inlineSize;
     dispatch({
       type: 'windowResize',
       resize: {
@@ -22,19 +20,17 @@ var LmBoxContainer = /*#__PURE__*/React.memo(function (_ref) {
         height: blockSize
       }
     });
-  }, []); // 获取表格高度
-
+  }, []);
+  // 获取表格高度
   useIsomorphicLayoutEffect(function () {
     // 频繁变动可考虑增加防抖
     var resizeObserver = new ResizeObserver(function (entries) {
       var borderbox = entries[0].borderBoxSize[0];
       getResize(borderbox);
     });
-
     if (boxContainerRef.current) {
       resizeObserver.observe(boxContainerRef.current);
     }
-
     return function () {
       return resizeObserver.disconnect();
     };

package/es/Box/wrapper/BoxRoot.js

@@ -6,17 +6,15 @@ var LmBox = /*#__PURE__*/forwardRef(function (props, ref) {
   var initialState = useMemo(function () {
     return initReducerState(props);
   }, []);
-
   var _useReducer = useReducer(reducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var instance = Object.assign(Object.assign({}, props), {
     state: state,
     dispatch: dispatch
-  }); // 向外暴露出的方法
-
+  });
+  // 向外暴露出的方法
   useImperativeHandle(ref, function () {
     return {
       getState: function getState() {

package/es/Box/wrapper/reducer.js

@@ -1,18 +1,16 @@
 // 状态管理操作
 export var reducer = function reducer(state, action) {
   var resize = action.resize;
-
   switch (action.type) {
     case 'windowResize':
       return Object.assign(Object.assign({}, state), {
         resize: resize
       });
-
     default:
       throw new Error();
   }
-}; // 仅在初始化时触发一次
-
+};
+// 仅在初始化时触发一次
 export var initialState = function initialState(props) {
   return {
     // 容器盒子大小

package/es/Button/index.js

@@ -1,49 +1,43 @@
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 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 React from 'react';
 import cls from 'classnames';
 import SizeContext from '../ConfigProvider/SizeContext';
-
 var LMButton = function LMButton(props) {
   var children = props.children,
-      className = props.className,
-      customizeSize = props.size,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'default' : _props$type,
-      _props$hover = props.hover,
-      hover = _props$hover === void 0 ? false : _props$hover,
-      restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
-
+    className = props.className,
+    customizeSize = props.size,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'default' : _props$type,
+    _props$hover = props.hover,
+    hover = _props$hover === void 0 ? false : _props$hover,
+    danger = props.danger,
+    restProps = __rest(props, ["children", "className", "size", "type", "hover", "danger"]);
   var globalSize = customizeSize || React.useContext(SizeContext) || 'middle';
   var size = React.useMemo(function () {
     return globalSize === 'default' ? 'middle' : globalSize;
-  }, [globalSize]); // const { getPrefixCls, autoInsertSpaceInButton, direction } = React.useContext(ConfigContext);
-
+  }, [globalSize]);
+  // const { getPrefixCls, autoInsertSpaceInButton, direction } = React.useContext(ConfigContext);
   var classs = cls('lm-button', className, {
     'lm-button-icon-only': !children
-  }, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
+  }, _defineProperty({}, "lm-button-danger", danger), _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
   return /*#__PURE__*/React.createElement(_Button, Object.assign({}, restProps, {
     className: classs,
     size: size,
     type: type,
-    danger: !!restProps.danger
+    danger: !!danger
   }), children);
 };
-
 LMButton.Group = _Button.Group;
 export default LMButton;

package/es/Button/style/index.css

@@ -1,10 +1,11 @@
 .ant-btn.lm-button {
-  border: 0;
   display: inline-flex !important;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  color: var(--font-color);
   vertical-align: middle;
+  border: 1px solid var(--stroke-color);
   box-shadow: none;
 }
 .ant-btn.lm-button .anticon {
@@ -22,12 +23,24 @@
   white-space: nowrap;
 }
 .ant-btn.lm-button::before {
-  display: none !important;
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #fff;
+  border-radius: inherit;
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  content: '';
+  pointer-events: none;
+  inset: -1px;
+}
+.ant-btn.lm-button.ant-btn-loading::before {
+  display: block;
 }
 .ant-btn.lm-button:disabled {
+  color: var(--disabled-font-color) !important;
   background: var(--disabled-bg-color) !important;
   border: 1px solid var(--disabled-border-color) !important;
-  color: var(--disabled-font-color) !important;
 }
 .ant-btn.lm-button > span:not(.anticon) {
   font-size: 12px;
@@ -48,57 +61,46 @@
 .ant-btn.lm-button-middle .anticon {
   font-size: 16px;
 }
-.ant-btn.lm-button-default {
-  border: 1px solid var(--stroke-color);
-  color: var(--font-color);
-}
-.ant-btn.lm-button-default-hover,
-.ant-btn.lm-button-default:hover {
-  border: 1px solid var(--primary-hover-color);
-  color: var(--primary-hover-color);
-}
-.ant-btn.lm-button-default.ant-btn-loading {
-  border-color: rgba(0, 0, 0, 0.15);
-  color: rgba(0, 0, 0, 0.15);
-}
 .ant-btn.lm-button-primary {
-  background: var(--primary-color);
   color: #fff;
+  background: var(--primary-color);
+  border-color: var(--primary-color);
 }
-.ant-btn.lm-button-primary-hover,
 .ant-btn.lm-button-primary:hover {
   background: var(--primary-hover-color);
 }
+.ant-btn.lm-button-primary:active {
+  background-color: var(--primary-click-color);
+}
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
 .ant-btn.lm-button-ghost {
   color: var(--font-color);
-  border-color: var(--color-15);
   background: transparent;
+  border: 1px solid var(--color-15);
 }
 .ant-btn.lm-button-danger {
-  border: 1px solid var(--error-color);
   color: var(--error-color);
   text-shadow: none;
+  border: 1px solid var(--error-color);
   box-shadow: none;
 }
-.ant-btn.lm-button-danger-hover,
 .ant-btn.lm-button-danger:hover {
-  border-color: var(--error-hover-color);
   color: var(--error-hover-color);
+  border-color: var(--error-hover-color);
 }
 .ant-btn.lm-button-danger.ant-btn-loading {
-  border-color: var(--error-loading-color);
   color: var(--error-hover-color);
+  border-color: var(--error-loading-color);
 }
 .ant-btn.lm-button-dashed {
   border: 1px dashed var(--color-15);
 }
 .ant-btn.lm-button-link {
   color: var(--primary-color);
+  border-color: transparent;
 }
-.ant-btn.lm-button-link-hover,
 .ant-btn.lm-button-link:hover {
   color: var(--primary-hover-color);
 }
@@ -106,11 +108,12 @@
   color: var(--primary-loading-color);
 }
 .ant-btn.lm-button-link[disabled] {
-  border: 0 !important;
   background: transparent !important;
+  border: 0 !important;
 }
 .ant-btn.ant-btn-text {
   background: transparent;
+  border-color: transparent;
 }
 .ant-btn.lm-button-icon-only .anticon {
   font-size: 16px;

package/es/Button/style/variables.css

@@ -1,10 +1,11 @@
 .ant-btn.lm-button {
-  border: 0;
   display: inline-flex !important;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  color: var(--font-color);
   vertical-align: middle;
+  border: 1px solid var(--stroke-color);
   box-shadow: none;
 }
 .ant-btn.lm-button .anticon {
@@ -22,12 +23,24 @@
   white-space: nowrap;
 }
 .ant-btn.lm-button::before {
-  display: none !important;
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #fff;
+  border-radius: inherit;
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  content: '';
+  pointer-events: none;
+  inset: -1px;
+}
+.ant-btn.lm-button.ant-btn-loading::before {
+  display: block;
 }
 .ant-btn.lm-button:disabled {
+  color: var(--disabled-font-color) !important;
   background: var(--disabled-bg-color) !important;
   border: 1px solid var(--disabled-border-color) !important;
-  color: var(--disabled-font-color) !important;
 }
 .ant-btn.lm-button > span:not(.anticon) {
   font-size: 12px;
@@ -48,57 +61,46 @@
 .ant-btn.lm-button-middle .anticon {
   font-size: 16px;
 }
-.ant-btn.lm-button-default {
-  border: 1px solid var(--stroke-color);
-  color: var(--font-color);
-}
-.ant-btn.lm-button-default-hover,
-.ant-btn.lm-button-default:hover {
-  border: 1px solid var(--primary-hover-color);
-  color: var(--primary-hover-color);
-}
-.ant-btn.lm-button-default.ant-btn-loading {
-  border-color: rgba(0, 0, 0, 0.15);
-  color: rgba(0, 0, 0, 0.15);
-}
 .ant-btn.lm-button-primary {
-  background: var(--primary-color);
   color: #fff;
+  background: var(--primary-color);
+  border-color: var(--primary-color);
 }
-.ant-btn.lm-button-primary-hover,
 .ant-btn.lm-button-primary:hover {
   background: var(--primary-hover-color);
 }
+.ant-btn.lm-button-primary:active {
+  background-color: var(--primary-click-color);
+}
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
 .ant-btn.lm-button-ghost {
   color: var(--font-color);
-  border-color: var(--color-15);
   background: transparent;
+  border: 1px solid var(--color-15);
 }
 .ant-btn.lm-button-danger {
-  border: 1px solid var(--error-color);
   color: var(--error-color);
   text-shadow: none;
+  border: 1px solid var(--error-color);
   box-shadow: none;
 }
-.ant-btn.lm-button-danger-hover,
 .ant-btn.lm-button-danger:hover {
-  border-color: var(--error-hover-color);
   color: var(--error-hover-color);
+  border-color: var(--error-hover-color);
 }
 .ant-btn.lm-button-danger.ant-btn-loading {
-  border-color: var(--error-loading-color);
   color: var(--error-hover-color);
+  border-color: var(--error-loading-color);
 }
 .ant-btn.lm-button-dashed {
   border: 1px dashed var(--color-15);
 }
 .ant-btn.lm-button-link {
   color: var(--primary-color);
+  border-color: transparent;
 }
-.ant-btn.lm-button-link-hover,
 .ant-btn.lm-button-link:hover {
   color: var(--primary-hover-color);
 }
@@ -106,11 +108,12 @@
   color: var(--primary-loading-color);
 }
 .ant-btn.lm-button-link[disabled] {
-  border: 0 !important;
   background: transparent !important;
+  border: 0 !important;
 }
 .ant-btn.ant-btn-text {
   background: transparent;
+  border-color: transparent;
 }
 .ant-btn.lm-button-icon-only .anticon {
   font-size: 16px;