fix: 优化Icon性能

Yoshino-UI · Nov 8, 2018 · 646dce1 · 646dce1
1 parent 7ad76ac
commit 646dce1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/components/Icon/Icon.tsx b/components/Icon/Icon.tsx
@@ -24,6 +24,10 @@ export interface IIconState {
  */
 export class Icon extends Component<IIconProps, IIconState> {
   componentDidMount() {
+    // 不使用ionicons图标时不进行加载，提高性能
+    if (!this.props.type) {
+      return;
+    }
     const id = 'yoshino-demand-load';
     if (document.getElementById(id)) {
       return;

diff --git a/docs/pages/components/Modal/demo/modalDemo.tsx b/docs/pages/components/Modal/demo/modalDemo.tsx
@@ -4,7 +4,7 @@ import { Modal, Icon, Button } from '@yoshino/components/';
 export default function() {
   const confirm = () => {
     Modal.confirm({
-      icon: <Icon type='checkmark-round'/>,
+      icon: <Icon type='md-checkmark'/>,
       title: '这是一个标题！！！',
       content: '这是一个内容主题！这是一个内容主题！这是一个内容主题！这是一个内容主题！！',
       width: 400,