From 998bbd75dce928f737087e04470aa89bc07cb259 Mon Sep 17 00:00:00 2001
From: Linzp <sunandmoon001@163.com>
Date: Tue, 16 Sep 2025 18:56:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9fontList=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json    |  2 +-
 src/FontList.js | 80 +++++++++++++++++++++++--------------------------
 2 files changed, 39 insertions(+), 43 deletions(-)

diff --git a/package.json b/package.json
index d5b4b68..673defa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kne/modules-dev",
-  "version": "2.1.16",
+  "version": "2.1.17",
   "description": "用于辅助在项目内启动一个规范化组件开发的环境",
   "publishConfig": {
     "access": "public",
diff --git a/src/FontList.js b/src/FontList.js
index 31cf3e1..c11021a 100644
--- a/src/FontList.js
+++ b/src/FontList.js
@@ -7,54 +7,50 @@ const FontList = ({fonts}) => {
     return <Flex vertical gap={20}>
         <Flex gap={8}>
             <div>调整大小:</div>
-            <Slider style={{ width: 100 }} max={60} min={12} value={value} onChange={setValue} />
+            <Slider style={{width: 100}} max={60} min={12} value={value} onChange={setValue}/>
             <div>{value}px</div>
         </Flex>
         {Object.keys(fonts).map(fontClassName => {
-            const { glyphs: list } = fonts[fontClassName];
+            const {glyphs: list} = fonts[fontClassName];
             const isColorful = /-colorful$/.test(fontClassName);
-            return (
-                <Flex vertical gap={8} key={fontClassName}>
-                    <Typography.Title level={4}>{fontClassName}</Typography.Title>
-                    <Flex gap={12} wrap>
-                        {list.map(({ font_class }) => {
-                            return (
-                                <Card size="small" key={font_class}>
-                                    {isColorful ? (
-                                        <>
-                                            <Flex justify="center">
-                                                <Icon colorful type={font_class} size={value} />
-                                            </Flex>
-                                            <Typography.Text
-                                                style={{ display: 'block', width: '120px', wordBreak: 'break-all' }}
-                                                copyable={{
-                                                    text: '<Icon colorful type="' + font_class + '" size={' + value + '}/>'
-                                                }}>
-                                                {font_class}
-                                            </Typography.Text>
-                                        </>
-                                    ) : (
-                                        <>
-                                            <Flex justify="center">
-                                                <Icon type={font_class} size={value} fontClassName={fontClassName} />
-                                            </Flex>
-                                            <Typography.Text
-                                                style={{ display: 'block', width: '120px', wordBreak: 'break-all' }}
-                                                copyable={{
-                                                    text: '<Icon type="' + font_class + '" size={' + value + '} fontClassName={' + fontClassName + '}/>'
-                                                }}>
-                                                {font_class}
-                                            </Typography.Text>
-                                        </>
-                                    )}
-                                </Card>
-                            );
-                        })}
-                    </Flex>
+            return (<Flex vertical gap={8} key={fontClassName}>
+                <Typography.Title level={4}>{fontClassName}</Typography.Title>
+                <Flex gap={12} wrap>
+                    {list.map(({font_class}) => {
+                        return (<Card size="small" key={font_class}>
+                            {isColorful ? (<>
+                                <Flex justify="center">
+                                    <Icon colorful type={font_class} size={value}/>
+                                </Flex>
+                                <Flex justify="center">
+                                    <Typography.Text
+                                        style={{display: 'block', width: '120px', wordBreak: 'break-all'}}
+                                        copyable={{
+                                            text: '<Icon colorful type="' + font_class + '"/>'
+                                        }}>
+                                        {font_class}
+                                    </Typography.Text>
+                                </Flex>
+                            </>) : (<>
+                                <Flex justify="center">
+                                    <Icon type={font_class} size={value} fontClassName={fontClassName}/>
+                                </Flex>
+                                <Flex justify="center">
+                                    <Typography.Text
+                                        style={{display: 'block', width: '120px', wordBreak: 'break-all'}}
+                                        copyable={{
+                                            text: '<Icon type="' + font_class + '" fontClassName="' + fontClassName + '"/>'
+                                        }}>
+                                        {font_class}
+                                    </Typography.Text>
+                                </Flex>
+                            </>)}
+                        </Card>);
+                    })}
                 </Flex>
-            );
+            </Flex>);
         })}
     </Flex>
 };
 
-export  default FontList;
\ No newline at end of file
+export default FontList;
\ No newline at end of file