chore(elevator): icon 组件替换 (#775)

src/packages/elevator/demo.taro.tsx

 import React from 'react'
+import Taro from '@tarojs/taro'
+import { Jd } from '@nutui/icons-react-taro'
 import { useTranslate } from '@/sites/assets/locale/taro'
-import { Elevator, Icon } from '@/packages/nutui.react.taro'
+import { Elevator } from '@/packages/nutui.react.taro'
 import '@/packages/elevator/demo.scss'
 import Header from '@/sites/components/header'
-import Taro from '@tarojs/taro'
 
 interface ElevatorData {
   name: string
@@ -519,7 +520,7 @@ const ElevatorDemo = () => {
               {(value) => {
                 return (
                   <>
-                    <Icon name="JD" size="12" />
+                    <Jd width={12} height={12} />
                     <span style={{ marginLeft: '15px' }}>{value?.name}</span>
                   </>
                 )

src/packages/elevator/demo.tsx

 import React from 'react'
+import { Jd } from '@nutui/icons-react'
 import { Elevator } from './elevator'
 import { useTranslate } from '../../sites/assets/locale'
-import Icon from '../icon'
 import './demo.scss'
 
 interface T {
@@ -509,7 +509,7 @@ const ElevatorDemo = () => {
               {(value) => {
                 return (
                   <>
-                    <Icon name="JD" size="12" />
+                    <Jd width={12} height={12} />
                     <span style={{ marginLeft: '15px' }}>{value?.name}</span>
                   </>
                 )

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

@@ -378,7 +378,8 @@ export default App
 
 ```tsx
 import React from 'react'
-import { Elevator, Icon } from '@nutui/nutui-react'
+import { Elevator } from '@nutui/nutui-react'
+import { Jd } from '@nutui/icons-react'
 
 const App = () => {
   const dataList = [
@@ -449,7 +450,7 @@ const App = () => {
         {(value) => {
           return (
             <>
-              <Icon name="JD" size="12" />
+              <Jd width={12} height={12} />
               <span style={{ marginLeft: '15px' }}>{value?.name}</span>
             </>
           )

src/packages/elevator/doc.md

@@ -379,7 +379,8 @@ export default App
 
 ```tsx
 import React from 'react'
-import { Elevator, Icon } from '@nutui/nutui-react'
+import { Elevator } from '@nutui/nutui-react'
+import { Jd } from '@nutui/icons-react'
 
 const App = () => {
   const dataList = [
@@ -450,7 +451,7 @@ const App = () => {
         {(value) => {
           return (
             <>
-              <Icon name="JD" size="12" />
+              <Jd width={12} height={12} />
               <span style={{ marginLeft: '15px' }}>{value?.name}</span>
             </>
           )

src/packages/elevator/doc.taro.md

@@ -378,7 +378,8 @@ export default App
 
 ```tsx
 import React from 'react'
-import { Elevator, Icon } from '@nutui/nutui-react-taro'
+import { Elevator } from '@nutui/nutui-react-taro'
+import { Jd } from '@nutui/icons-react-taro'
 
 const App = () => {
   const dataList = [
@@ -449,7 +450,7 @@ const App = () => {
         {(value) => {
           return (
             <>
-              <Icon name="JD" size="12" />
+              <Jd width={12} height={12} />
               <span style={{ marginLeft: '15px' }}>{value?.name}</span>
             </>
           )

src/packages/elevator/doc.zh-TW.md

@@ -378,7 +378,8 @@ export default App
 
 ```tsx
 import React from 'react'
-import { Elevator, Icon } from '@nutui/nutui-react'
+import { Elevator } from '@nutui/nutui-react'
+import { Jd } from '@nutui/icons-react'
 
 const App = () => {
   const dataList = [
@@ -449,7 +450,7 @@ const App = () => {
         {(value) => {
           return (
             <>
-              <Icon name="JD" size="12" />
+              <Jd width={12} height={12} />
               <span style={{ marginLeft: '15px' }}>{value?.name}</span>
             </>
           )