refactor: 移动部分组件到组件库中

packages/design/components/DelayTip/index.tsx

@@ -0,0 +1,14 @@
+import { Tooltip, TooltipProps } from 'antd';
+import React from 'react';
+
+/**
+ * 延时提示
+ */
+export const DelayTip: React.FC<TooltipProps> = React.memo((props) => {
+  return (
+    <Tooltip mouseEnterDelay={1} {...props}>
+      {props.children}
+    </Tooltip>
+  );
+});
+DelayTip.displayName = 'DelayTip';

packages/design/components/Highlight/index.module.less

@@ -0,0 +1,8 @@
+.highLight {
+  background-color: rgba(0,0,0,0.2);
+  border-radius: 0.25rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}

packages/design/components/Highlight/index.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+import styles from './index.module.less';
+
+export const Highlight: React.FC = React.memo((props) => {
+  return <span className={styles.highLight}>{props.children}</span>;
+});
+Highlight.displayName = 'Highlight';

packages/design/components/index.ts

@@ -1,3 +1,5 @@
+export { DelayTip } from './DelayTip';
+export { Highlight } from './Highlight';
 export { Icon } from './Icon';
 export { Image } from './Image';
 

packages/design/types/index.d.ts

@@ -0,0 +1 @@
+declare module '*.module.less';

web/src/components/DelayTip.tsx

@@ -1,14 +1 @@
-import { Tooltip, TooltipProps } from 'antd';
+export { DelayTip } from 'tailchat-design';
-import React from 'react';
-
-/**
- * 延时提示
- */
-export const DelayTip: React.FC<TooltipProps> = React.memo((props) => {
-  return (
-    <Tooltip mouseEnterDelay={1} {...props}>
-      {props.children}
-    </Tooltip>
-  );
-});
-DelayTip.displayName = 'DelayTip';

web/src/components/Highlight.tsx

@@ -1,10 +1 @@
-import React from 'react';
+export { Highlight } from 'tailchat-design';
-
-export const Highlight: React.FC = React.memo((props) => {
-  return (
-    <span className="bg-black bg-opacity-20 rounded py-1 px-2">
-      {props.children}
-    </span>
-  );
-});
-Highlight.displayName = 'Highlight';