diff --git a/components/alert/demo/icon.md b/components/alert/demo/icon.md
index e48c0fee..48d8e98d 100755
--- a/components/alert/demo/icon.md
+++ b/components/alert/demo/icon.md
@@ -15,6 +15,7 @@ ReactDOM.render(
+
diff --git a/components/button/demo/basic.md b/components/button/demo/basic.md
index dd893e45..149f706e 100755
--- a/components/button/demo/basic.md
+++ b/components/button/demo/basic.md
@@ -18,7 +18,8 @@ ReactDOM.render(
-
} className="dt-btn-highlight">
+
} className="dt-btn-highlight">
+
}>
,
mountNode,
);
diff --git a/components/button/demo/icon.md b/components/button/demo/icon.md
index fc84a760..01f517ad 100644
--- a/components/button/demo/icon.md
+++ b/components/button/demo/icon.md
@@ -11,7 +11,7 @@ title:
图标按钮可添加 `dt-btn-highlight` 类名使用自定义 Icon 按钮和添加图标。
```jsx
import { Button } from 'antd';
-import { ReloadOutlined } from '@ant-design/icons';
+import { PlusSquareOutlined, ReloadOutlined } from '@ant-design/icons';
ReactDOM.render(
-
{
- message.success(`${copyContent} 复制成功`)
- }}
- >
-
- {
- React.createElement(Icon[name], { className: fileNameToClassName[name] })
- }
-
{name}
-
-
+
+
+
替换后的图标
+ setSearchStr(e?.target?.value)} placeholder="在此搜索图标,点击图标可复制代码" />
+
+
+ {
+ Object.keys(fileNameToClassName)
+ ?.filter(item => searchStr ? item?.toLowerCase()?.includes(searchStr?.toLowerCase()) : true)
+ ?.map(item => getCustomIconItem(item))
+ }
+
- )
-}
+ );
+};
-ReactDOM.render(
-
-
替换后的图标
-
- {
- Object.keys(fileNameToClassName).map(item => getCustomIconItem(item))
- }
-
-
,
- mountNode,
-);
+ReactDOM.render(
, mountNode);
```
diff --git a/components/icon/index.zh-CN.md b/components/icon/index.zh-CN.md
index 7276882d..407c6924 100755
--- a/components/icon/index.zh-CN.md
+++ b/components/icon/index.zh-CN.md
@@ -15,7 +15,7 @@ subtitle: 图标
## 何时使用
- 使用设计提供的图标替换 antd 的图标,子产品不需要主动做什么,theme 作了统一处理;
-- 大部分实底图标需要添加 theme 的自定义 className 配合使用,具体请查看下方 `自定义类名`。
+- 部分图标需要添加 theme 的自定义 className 配合使用,具体请查看下方 `自定义类名`。
## 自定义类名
@@ -27,3 +27,4 @@ subtitle: 图标
|MinusCircleFilled |`dt-anticon-minus-circle-fill` |
|PlusCircleFilled |`dt-anticon-plus-circle-fill` |
|QuestionCircleFilled |`dt-anticon-question-circle-fill` |
+|CloseCircleOutlined |`dt-anticon-close-circle-outline` |
diff --git a/components/input/demo/unit-input.md b/components/input/demo/unit-input.md
index fb7956b2..818cc0df 100644
--- a/components/input/demo/unit-input.md
+++ b/components/input/demo/unit-input.md
@@ -15,6 +15,7 @@ unit input example.
```jsx
import { Input } from 'antd';
+import { SettingOutlined } from '@ant-design/icons';
ReactDOM.render(
,
mountNode
);
diff --git a/components/tab/demo/basic.md b/components/tab/demo/basic.md
index 12829644..ccf36140 100644
--- a/components/tab/demo/basic.md
+++ b/components/tab/demo/basic.md
@@ -43,71 +43,37 @@ class App extends React.Component {
设置dt-tabs-nav-padding-16