feat: divider组件增加国际化demo (#176)

src/packages/divider/demo.tsx

 import React from 'react'
 import { Divider } from './divider'
+import { useTranslate } from '../../sites/assets/locale'
 
+interface T {
+  basic: string
+  withText: string
+  contentPosition: string
+  dashed: string
+  customStyle: string
+  verticalDivider: string
+  text: string
+  link: string
+}
 const DividerDemo = () => {
+  const [translated] = useTranslate<T>({
+    'zh-CN': {
+      basic: '基本用法',
+      withText: '展示文本',
+      contentPosition: '内容位置',
+      dashed: '虚线',
+      customStyle: '自定义样式',
+      verticalDivider: '垂直分割线',
+      text: '文本',
+      link: '链接',
+    },
+    'en-US': {
+      basic: 'Basic Usage',
+      withText: 'With Text',
+      contentPosition: 'Content Position',
+      dashed: 'Dashed',
+      customStyle: 'Custom Style',
+      verticalDivider: 'Vertical Divider',
+      text: 'Text',
+      link: 'Link',
+    },
+  })
   return (
     <>
       <div className="demo">
-        <h2>基础用法</h2>
+        <h2>{translated.basic}</h2>
         <Divider />
-        <h2>展示文本</h2>
-        <Divider>文本</Divider>
-        <h2>内容位置</h2>
-        <Divider contentPosition="left">文本</Divider>
-        <Divider contentPosition="right">文本</Divider>
-        <h2>虚线</h2>
-        <Divider dashed>文本</Divider>
-        <h2>自定义样式</h2>
+        <h2>{translated.withText}</h2>
+        <Divider>{translated.text}</Divider>
+        <h2>{translated.withText}</h2>
+        <Divider contentPosition="left">{translated.text}</Divider>
+        <Divider contentPosition="right">{translated.text}</Divider>
+        <h2>{translated.dashed}</h2>
+        <Divider dashed>{translated.text}</Divider>
+        <h2>{translated.customStyle}</h2>
         <Divider
           styles={{
             color: '#1989fa',
@@ -22,18 +55,18 @@ const DividerDemo = () => {
             padding: '0 16px',
           }}
         >
-          文本
+          {translated.text}
         </Divider>
-        <h2>垂直分割线</h2>
+        <h2>{translated.verticalDivider}</h2>
         <div style={{ fontSize: '14px', marginLeft: '27px', color: '#909ca4' }}>
-          文本
+          {translated.text}
           <Divider direction="vertical" />
           <a href="#/Divider" style={{ color: '#1989fa' }}>
-            链接
+            {translated.link}
           </a>
           <Divider direction="vertical" />
           <a href="#/Divider" style={{ color: '#1989fa' }}>
-            链接
+            {translated.link}
           </a>
         </div>
       </div>

src/packages/divider/doc.en-US.md

 # Divider 
 
-### Intro
+### Introduce
 
 Separate content into multiple areas.
 
@@ -9,7 +9,7 @@ Separate content into multiple areas.
 ```js
 import { Divider } from '@nutui/nutui-react';
 ```
-
+### code demo
 ### Basic Usage
 
 Default render one horizontal divider line.