feat: add dashed and rightIcon, and changed fill default value as out…

…line (#1695)

migrate-from-v1.md

@@ -143,6 +143,9 @@ plugins: [
 #### Button
 - 移除 `plain`，通过 `fill="outline"` 实现
 - 增加 `ref`，对外暴露组件内 `button` 元素
+- 增加 `fill` 模式类型，`dashed`，修改 `fill` 默认值为 `outline`。
+- 增加 `rightIcon`，可满足同时设置左右两个icon的情况。
+- 修改 `size` 为 `large` 时的默认 `width` 为 `100%` 的值，如果使用通栏的 `button`，可搭配 `block` 来使用。
 
 #### Cell
 - `subTitle` 重命名为 `description`，类型修改为 `React.Node`

src/packages/button/__test__/button.spec.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react'
-// import * as renderer from 'react-test-renderer'
 
 import { render, fireEvent } from '@testing-library/react'
 import '@testing-library/jest-dom'
 
 import { useState } from 'react'
+import { Star } from '@nutui/icons-react'
 import { Button } from '../button'
 
 test('should match snapshot', () => {
@@ -17,6 +17,42 @@ test('should match snapshot', () => {
   expect(container).toMatchSnapshot()
 })
 
+test('should  fill is outline', () => {
+  const { getByTestId } = render(
+    <Button data-testid="button" type="primary" fill="outline">
+      主要按钮
+    </Button>
+  )
+  expect(getByTestId('button')).toHaveClass('nut-button--outline')
+})
+
+test('should have righticon correctly', () => {
+  const { getByText } = render(
+    <Button data-testid="button" icon={<Star />} rightIcon={<Star />}>
+      主要按钮
+    </Button>
+  )
+  expect(getByText('主要按钮')).toHaveClass('right')
+})
+
+test('should props color when use fill correctly', () => {
+  const { getByTestId } = render(
+    <Button data-testid="button" color="blue" fill="outline">
+      主要按钮
+    </Button>
+  )
+  expect(getByTestId('button')).toHaveStyle({ 'border-color': 'blue' })
+})
+
+test('should props color with no fill correctly', () => {
+  const { getByTestId } = render(
+    <Button data-testid="button" color="blue">
+      主要按钮
+    </Button>
+  )
+  expect(getByTestId('button')).toHaveStyle({ background: 'blue' })
+})
+
 test('should children correctly', () => {
   const { getByText, getByTestId } = render(
     <Button