From e883988d68ac5313dcc9ff3a944ab4b5abef7d97 Mon Sep 17 00:00:00 2001 From: moonrailgun Date: Thu, 28 Apr 2022 18:07:03 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E5=8A=A8=E9=83=A8?= =?UTF-8?q?=E5=88=86=E7=BB=84=E4=BB=B6=E5=88=B0=E7=BB=84=E4=BB=B6=E5=BA=93?= =?UTF-8?q?=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/design/components/DelayTip/index.tsx | 14 ++++++++++++++ .../design/components/Highlight/index.module.less | 8 ++++++++ packages/design/components/Highlight/index.tsx | 7 +++++++ packages/design/components/index.ts | 2 ++ packages/design/types/index.d.ts | 1 + web/src/components/DelayTip.tsx | 15 +-------------- web/src/components/Highlight.tsx | 11 +---------- 7 files changed, 34 insertions(+), 24 deletions(-) create mode 100644 packages/design/components/DelayTip/index.tsx create mode 100644 packages/design/components/Highlight/index.module.less create mode 100644 packages/design/components/Highlight/index.tsx create mode 100644 packages/design/types/index.d.ts diff --git a/packages/design/components/DelayTip/index.tsx b/packages/design/components/DelayTip/index.tsx new file mode 100644 index 00000000..6041feca --- /dev/null +++ b/packages/design/components/DelayTip/index.tsx @@ -0,0 +1,14 @@ +import { Tooltip, TooltipProps } from 'antd'; +import React from 'react'; + +/** + * 延时提示 + */ +export const DelayTip: React.FC = React.memo((props) => { + return ( + + {props.children} + + ); +}); +DelayTip.displayName = 'DelayTip'; diff --git a/packages/design/components/Highlight/index.module.less b/packages/design/components/Highlight/index.module.less new file mode 100644 index 00000000..14a361fe --- /dev/null +++ b/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; +} diff --git a/packages/design/components/Highlight/index.tsx b/packages/design/components/Highlight/index.tsx new file mode 100644 index 00000000..ce46cc78 --- /dev/null +++ b/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 {props.children}; +}); +Highlight.displayName = 'Highlight'; diff --git a/packages/design/components/index.ts b/packages/design/components/index.ts index 35487fd5..f577da18 100644 --- a/packages/design/components/index.ts +++ b/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'; diff --git a/packages/design/types/index.d.ts b/packages/design/types/index.d.ts new file mode 100644 index 00000000..49ea90fe --- /dev/null +++ b/packages/design/types/index.d.ts @@ -0,0 +1 @@ +declare module '*.module.less'; diff --git a/web/src/components/DelayTip.tsx b/web/src/components/DelayTip.tsx index 6041feca..12ceb9c2 100644 --- a/web/src/components/DelayTip.tsx +++ b/web/src/components/DelayTip.tsx @@ -1,14 +1 @@ -import { Tooltip, TooltipProps } from 'antd'; -import React from 'react'; - -/** - * 延时提示 - */ -export const DelayTip: React.FC = React.memo((props) => { - return ( - - {props.children} - - ); -}); -DelayTip.displayName = 'DelayTip'; +export { DelayTip } from 'tailchat-design'; diff --git a/web/src/components/Highlight.tsx b/web/src/components/Highlight.tsx index 27675faf..235d550b 100644 --- a/web/src/components/Highlight.tsx +++ b/web/src/components/Highlight.tsx @@ -1,10 +1 @@ -import React from 'react'; - -export const Highlight: React.FC = React.memo((props) => { - return ( - - {props.children} - - ); -}); -Highlight.displayName = 'Highlight'; +export { Highlight } from 'tailchat-design';