perf: optimize cursor of messgae clickable

ZhongAnTech · May 11, 2021 · 445a935 · 445a935
1 parent e4db8e2
commit 445a935
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/packages/zarm/src/message/__tests__/__snapshots__/index.test.jsx.snap b/packages/zarm/src/message/__tests__/__snapshots__/index.test.jsx.snap
@@ -69,7 +69,7 @@ exports[`Message closable 1`] = `
 
 exports[`Message hasArrow 1`] = `
 <div
-  className="za-message za-message--primary"
+  className="za-message za-message--primary za-message--link"
   onClick={[Function]}
 >
   <div

diff --git a/packages/zarm/src/message/index.tsx b/packages/zarm/src/message/index.tsx
@@ -46,6 +46,7 @@ export default class Message extends PureComponent<MessageProps, MessageState> {
     const classes = classnames(prefixCls, className, {
       [`${prefixCls}--${theme}`]: !!theme,
       [`${prefixCls}--${size}`]: !!size,
+      [`${prefixCls}--link`]: !!hasArrow,
     });
 
     const iconRender = icon && <div className={`${prefixCls}__icon`}>{icon}</div>;

diff --git a/packages/zarm/src/message/style/component.scss b/packages/zarm/src/message/style/component.scss
@@ -19,7 +19,6 @@
 
     @include b(icon) {
       font-size: var(--message-icon-size-md);
-      cursor: pointer;
     }
   }
 
@@ -42,6 +41,10 @@
     }
   }
 
+  @include m(link) {
+    cursor: pointer;
+  }
+
   @include m(primary) {
     @include message-theme(var(--theme-primary));
   }