[doc]Optimize text layout

docs/mds/components/avatar/guide.md

@@ -1,4 +1,4 @@
-> Avatar 使用了图标 ri-user-3-line 和 ri-user-add-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Avatar 使用了图标 ri-user-3-line 和 ri-user-add-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 内容说明
 

docs/mds/components/button/guide.md

@@ -26,7 +26,7 @@
 
 ## 按钮组
 
-要使用按钮组可以直接通过在内部 Snippet放入多个元素，结合 heightOut 与 heightIn 就可以实现。需要注意的是此时点击事件就需要绑定在内部独立元素之上，另外需要通过将 Props 的 group 设置为 true，将不显示整个按钮区域的点击效果。可参考示例。
+要使用按钮组可以直接通过在内部 Snippet 放入多个元素，结合 heightOut 与 heightIn 就可以实现。需要注意的是此时点击事件就需要绑定在内部独立元素之上，另外需要通过将 Props 的 group 设置为 true，将不显示整个按钮区域的点击效果。可参考示例。
 
 ## 带图标或加载
 

docs/mds/components/button/version.md

@@ -1,16 +1,16 @@
-<!-- "[!tag|A|0|]"表示一个 tag，其中A表示新增，B表示 BUG，O表示优化，第二个数字表示 BUG 等级，0暂无意义。 -->
-<!-- "[!issue|dufu1991|]"表示一个 issue 提出者，其中 dufu1991 是提出者的id。 -->
-<!-- "[!contribute|dufu1991|]"表示一个贡献者，其中 eric1932 是贡献者的id。 -->
+<!-- "[!tag|A|0|]"表示一个 tag，其中 A 表示新增，B 表示 BUG，O 表示优化，第二个数字表示 BUG 等级，0 暂无意义。 -->
+<!-- "[!issue|dufu1991|]"表示一个 issue 提出者，其中 dufu1991 是提出者的 id。 -->
+<!-- "[!contribute|dufu1991|]"表示一个贡献者，其中 eric1932 是贡献者的 id。 -->
 
 <!-- 记得带上版本号和更新日期，以下是一个示例：
 
 ## 0.0.1
 
--   [!tag|B|1|]严重 BUG。[!contribute|dufu1991|][!issue|dufu1991|]
--   [!tag|B|2|]一般 BUG。
--   [!tag|B|3|]轻微 BUG。
--   [!tag|O|0|]优化。
--   [!tag|A|0|]新增。
+-   [!tag|B|1|] 严重 BUG。[!contribute|dufu1991|][!issue|dufu1991|]
+-   [!tag|B|2|] 一般 BUG。
+-   [!tag|B|3|] 轻微 BUG。
+-   [!tag|O|0|] 优化。
+-   [!tag|A|0|] 新增。
  -->
 
 ## 0.5.2

docs/mds/components/cell/guide.md

@@ -1,4 +1,4 @@
-> Cell 使用了图标 ri-arrow-right-s-line，请确保项目的 symbol.svg 文件中包含此图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Cell 使用了图标 ri-arrow-right-s-line，请确保项目的 symbol.svg 文件中包含此图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 说明
 

docs/mds/components/checkbox/guide.md

@@ -1,4 +1,4 @@
-> Checkbox 使用了图标 ri-checkbox-fill 和 ri-checkbox-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Checkbox 使用了图标 ri-checkbox-fill 和 ri-checkbox-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 说明
 

docs/mds/components/icon/guide.md

@@ -20,7 +20,7 @@ STDF 部分组件内使用的图标源自 [Remix Icon 图标库](https://remixic
 
 **如果使用这些组件，请确保项目的 symbol.svg 中包含了对应图标。**
 
-具体请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+具体请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 可到 `node_modules/stdf/assets/svg_base/` 查看这些图标的 SVG 源文件。
 

docs/mds/components/input/guide.md

@@ -1,4 +1,4 @@
-> Input 使用了图标 ri-close-circle-fill ，请确保项目的 symbol.svg 文件中包含此图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Input 使用了图标 ri-close-circle-fill，请确保项目的 symbol.svg 文件中包含此图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## title 与 placeholder
 
@@ -24,7 +24,7 @@ Input 组件的所有可配置项位置如下图所示。
 
 一般 label1、label3、label4、label6 用 Icon Props，label2 与 label5 用文字。
 
-当然，如果这些配置项不能满足需求，它们也都支持使用 Snippet渲染，请参考示例。
+当然，如果这些配置项不能满足需求，它们也都支持使用 Snippet 渲染，请参考示例。
 
 ## textarea
 

docs/mds/components/loading/version_en.md

@@ -8,4 +8,4 @@
 
 ## 0.0.6
 
-- [!tag|A|0|]Add 8 Loading type(1_18、1_19、1_20、1_21、2_2、2_3、2_4、2_5).
+- [!tag|A|0|]Add 8 Loading type(1_18, 1_19, 1_20, 1_21, 2_2, 2_3, 2_4, 2_5).

docs/mds/components/navBar/guide.md

@@ -1,4 +1,4 @@
-> NavBar 使用了图标 ri-arrow-left-s-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> NavBar 使用了图标 ri-arrow-left-s-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 说明
 

docs/mds/components/noticeBar/guide.md

@@ -1,4 +1,4 @@
-> NoticeBar 使用了图标 ri-volume-down-line 和 ri-close-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> NoticeBar 使用了图标 ri-volume-down-line 和 ri-close-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 说明
 

docs/mds/components/numKeyboard/guide.md

@@ -1,4 +1,4 @@
-> NumKeyboard 使用了图标 ri-delete-back-2-line 和 ri-skip-down-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> NumKeyboard 使用了图标 ri-delete-back-2-line 和 ri-skip-down-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 说明
 

docs/mds/components/pagination/guide.md

@@ -1,4 +1,4 @@
-> Pagination 使用了图标 ri-more-line 和 ri-more-fill，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Pagination 使用了图标 ri-more-line 和 ri-more-fill，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 设计思路
 

docs/mds/components/popup/guide.md

@@ -29,7 +29,7 @@ BottomSheet 作为底部浮窗，就只能从底部弹出。「浮」体现在
 
 ## 间距
 
-当弹出层位置是 top、bottom、center 时，弹出层的宽度会占据整个视窗宽度，此时若需要弹出层的左右两侧有间距，则可通过 px 这个 Props 来设置。当弹出层位置是 left、right 时，弹出层的高度会占据整个视窗高度，此时若需要弹出层的上下两侧有间距，则可以通过 py 来设置。 请参考示例。
+当弹出层位置是 top、bottom、center 时，弹出层的宽度会占据整个视窗宽度，此时若需要弹出层的左右两侧有间距，则可通过 px 这个 Props 来设置。当弹出层位置是 left、right 时，弹出层的高度会占据整个视窗高度，此时若需要弹出层的上下两侧有间距，则可以通过 py 来设置。请参考示例。
 
 ## transitionDistance
 
@@ -45,7 +45,7 @@ BottomSheet 作为底部浮窗，就只能从底部弹出。「浮」体现在
 
 ## 事件
 
-弹出层默认点击遮罩会关闭，若不需要此功能，可以设置 maskClosable 为 false 。另外支持通过 onclose 来监听弹出层退出事件，而 onclickMask 事件则是点击遮罩层时触发，即使 maskClosable 为 false 也会触发。
+弹出层默认点击遮罩会关闭，若不需要此功能，可以设置 maskClosable 为 false。另外支持通过 onclose 来监听弹出层退出事件，而 onclickMask 事件则是点击遮罩层时触发，即使 maskClosable 为 false 也会触发。
 
 ## 优化
 

docs/mds/components/radio/guide.md

@@ -1,4 +1,4 @@
-> Radio 使用了图标 ri-radio-button-line 和 ri-checkbox-blank-circle-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Radio 使用了图标 ri-radio-button-line 和 ri-checkbox-blank-circle-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 说明
 

docs/mds/components/rate/api.md

@@ -3,14 +3,14 @@
 | 名称      | 类型                                                                         | 默认值      | 必传 | 说明                  |
 | --------- | ---------------------------------------------------------------------------- | ----------- | ---- | --------------------- |
 | value     | `number`                                                                     | `4`         | N    | 选定值。              |
-| total     | `number`                                                                     | `5`         | N    | 总分 。               |
+| total     | `number`                                                                     | `5`         | N    | 总分。               |
 | width     | `number`                                                                     | `24`        | N    | 单个内容宽度（px） 。 |
 | height    | `number`                                                                     | `24`        | N    | 单个内容高度（px）。  |
-| opacity   | `'0.05'\|'0.1'\|'0.2'\|'0.3'\|'0.4'\|'0.5'\|'0.6'\|'0.7'\|'0.8'\|'0.9'\|'1'` | `0.2`       | N    | 未选中内容透明度 。   |
+| opacity   | `'0.05'\|'0.1'\|'0.2'\|'0.3'\|'0.4'\|'0.5'\|'0.6'\|'0.7'\|'0.8'\|'0.9'\|'1'` | `0.2`       | N    | 未选中内容透明度。   |
 | space     | `'0'\|'1'\|'2'\|'3'\|'4'\|'8'`                                               | `'3'`       | N    | 内容间距。            |
 | half      | `boolean`                                                                    | `false`     | N    | 是否允许半选。        |
-| zero      | `boolean`                                                                    | `false`     | N    | 是否允许 0 分 。      |
-| vertical  | `boolean`                                                                    | `false`     | N    | 是否垂直半选 。       |
+| zero      | `boolean`                                                                    | `false`     | N    | 是否允许 0 分。      |
+| vertical  | `boolean`                                                                    | `false`     | N    | 是否垂直半选。       |
 | disabled  | `boolean`                                                                    | `false`     | N    | 是否禁用。            |
 | readonly  | `boolean`                                                                    | `false`     | N    | 是否只读。            |
 | custom    | `boolean`                                                                    | `false`     | N    | 是否自定义内容。      |

docs/mds/components/rate/guide.md

@@ -1,4 +1,4 @@
-> Rate 使用了图标 ri-star-fill，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Rate 使用了图标 ri-star-fill，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## value 与 total 注意事项
 

docs/mds/components/skeleton/guide.md

@@ -1,4 +1,4 @@
-> Skeleton 使用了图标 ri-image-fill、ri-movie-2-fill、ri-code-box-fill、ri-qr-code-fill、ri-barcode-fill，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Skeleton 使用了图标 ri-image-fill、ri-movie-2-fill、ri-code-box-fill、ri-qr-code-fill、ri-barcode-fill，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 说明
 

docs/mds/components/stepper/guide.md

@@ -1,4 +1,4 @@
-> Stepper 使用了图标 ri-subtract-line、ri-add-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Stepper 使用了图标 ri-subtract-line、ri-add-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 使用场景
 

docs/mds/components/stepper/guide_en.md

@@ -1,4 +1,4 @@
-> Stepper uses the icon ri-subtract-line、ri-add-line, please ensure that the symbol.svg file in your project includes these icons. For details, please refer to [STDF-Guide-Icon](https://stdf.design/#/guide/icon).
+> Stepper uses the icon ri-subtract-line, ri-add-line, please ensure that the symbol.svg file in your project includes these icons. For details, please refer to [STDF-Guide-Icon](https://stdf.design/#/guide/icon).
 
 ## Usage scenarios
 

docs/mds/components/steps/guide.md

@@ -1,6 +1,6 @@
 ## 说明
 
-Steps 默认为横向布局，由于移动端横向显示内容有限，横向布局建议只用作简单使用。当步骤较多、标题较长或显示内容较多时建议使用纵向布局.
+Steps 默认为横向布局，由于移动端横向显示内容有限，横向布局建议只用作简单使用。当步骤较多、标题较长或显示内容较多时建议使用纵向布局。
 
 > 横向布局只显示标题与步骤栏区域，即使传入了 desc 等其他参数也不会显示。
 

docs/mds/components/swiper/api.md

@@ -20,7 +20,7 @@
 | px                  | `'0'\|'1'\|'2'\|'4'\|'6'\|'8'\|'12'\|'16'\|'24'` | `'0'`         | N    | 容器横向内边距。             |
 | py                  | `'0'\|'1'\|'2'\|'4'\|'6'\|'8'\|'12'`             | `'0'`         | N    | 容器纵向内边距。             |
 | translateX          | `number`                                         | `0`           | N    | 未激活容器 X 方向偏移值。    |
-| translateZ          | `number`                                         | `0`           | N    | 未激活容器 Z 方向偏移值 。   |
+| translateZ          | `number`                                         | `0`           | N    | 未激活容器 Z 方向偏移值。   |
 | rotateX             | `number`                                         | `0`           | N    | 未激活容器 X 轴旋转值。      |
 | rotateY             | `number`                                         | `0`           | N    | 未激活容器 Y 轴旋转值。      |
 | rotateZ             | `number`                                         | `0`           | N    | 未激活容器 Z 轴旋转值。      |

docs/mds/components/swiper/guide.md

@@ -29,7 +29,7 @@ aspectRatio 计算出来。
 
 通过对 X、Z 两个方向上的偏移值和 X、Y、Z 三个旋转轴旋转角度的设置，可以让未激活的容器在对应轴进行偏移与旋转，从而实现一些特殊的切换过渡效果，请参考示例。
 
-注意，偏移值以像素（ px） 为单位，而旋转角度以度（deg）为单位。
+注意，偏移值以像素（px）为单位，而旋转角度以度（deg）为单位。
 
 ## activeInjClass && notActiveInjClass
 

docs/mds/components/switch/api.md

@@ -14,8 +14,8 @@
 
 | 名称     | 类型                        | 参数                    | 描述                  |
 | -------- | --------------------------- | ----------------------- | --------------------- |
-| onclick  | `() => void`                | -                       | 点击触发 。           |
-| onchange | `(active: boolean) => void` | active - 当前开关状态。 | 开关状态变化时触发 。 |
+| onclick  | `() => void`                | -                       | 点击触发。           |
+| onchange | `(active: boolean) => void` | active - 当前开关状态。 | 开关状态变化时触发。 |
 
 ## Switch Snippets
 

docs/mds/components/tabs/guide.md

@@ -22,7 +22,7 @@ Tab 组件可以单独使用，通过绑定的 onclickTab 事件，传递出当
 
 ### 线性风格
 
-当 Tab props 的 lineType 为 true 时， Tab 会使用线性风格，但若布局方式为 v（垂直）则线性风格不会生效。
+当 Tab props 的 lineType 为 true 时，Tab 会使用线性风格，但若布局方式为 v（垂直）则线性风格不会生效。
 
 ### 溢出模式
 

docs/mds/components/timePicker/guide.md

@@ -39,7 +39,7 @@ TimePicker 组件通过传入的 type 参数来决定选择的时间类型，由
 
 ## outFormat
 
-默认情况下，TimePicker 组件的 outFormat 由传入的 type 按照 【年月日之间用 - 连接，时分秒之间用 : 连接，两者之间用空格连接】的规则生成，比如转入 `'YYYYMMDD'` 对应 `YYYY-MM-DD`，`'YYYYMMDDhh'` 对应 `YYYY-MM-DD hh`，`'hhmmss'` 对应 `hh:mm:ss` 等。当然也可以自定义输出格式。具体使用请参考示例。
+默认情况下，TimePicker 组件的 outFormat 由传入的 type 按照【年月日之间用 - 连接，时分秒之间用 : 连接，两者之间用空格连接】的规则生成，比如转入 `'YYYYMMDD'` 对应 `YYYY-MM-DD`，`'YYYYMMDDhh'` 对应 `YYYY-MM-DD hh`，`'hhmmss'` 对应 `hh:mm:ss` 等。当然也可以自定义输出格式。具体使用请参考示例。
 
 需要注意的是，onconfirm 返回的第二个参数是选择的时间对象，方便开发者自行处理。
 

docs/mds/components/toast/guide.md

@@ -1,4 +1,4 @@
-> Toast 使用了图标 ri-checkbox-circle-line、ri-close-circle-line、ri-error-warning-line、ri-information-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南-图标](https://stdf.design/#/guide/icon)。
+> Toast 使用了图标 ri-checkbox-circle-line、ri-close-circle-line、ri-error-warning-line、ri-information-line，请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/#/guide/icon)。
 
 ## 显示位置
 

docs/mds/guide/compatibility.md

@@ -1,4 +1,4 @@
-> STDF v1.x 基于 Svelte 5.x 与 Tailwind CSS 4.x 。
+> STDF v1.x 基于 Svelte 5.x 与 Tailwind CSS 4.x。
 
 ## Svelte
 

docs/mds/guide/contribution.md

@@ -127,7 +127,7 @@ yarn dev
 
 ## 提交 PR
 
-如果你是第一次在 GitHub 上提 Pull Request ，可以阅读下面这两篇文章来学习：
+如果你是第一次在 GitHub 上提 Pull Request，可以阅读下面这两篇文章来学习：
 
 - [第一次参与开源](https://github.com/firstcontributions/first-contributions/blob/main/translations/README.zh-cn.md)
 - [如何优雅地在 GitHub 上贡献代码](https://segmentfault.com/a/1190000000736629)

docs/mds/guide/internation.md

@@ -67,7 +67,7 @@ STDF 组件使用 Svelte 的 [Context](https://svelte.dev/docs/svelte/context)
 | 荷兰语（比利时）     | nl_BE  |
 | 荷兰语               | nl_NL  |
 | 波兰语               | pl_PL  |
-| 葡萄牙语(巴西)       | pt_BR  |
+| 葡萄牙语 (巴西)       | pt_BR  |
 | 葡萄牙语             | pt_PT  |
 | 罗马尼亚语           | ro_RO  |
 | 俄罗斯语             | ru_RU  |
@@ -80,7 +80,7 @@ STDF 组件使用 Svelte 的 [Context](https://svelte.dev/docs/svelte/context)
 | 泰语                 | th_TH  |
 | 土耳其语             | tr_TR  |
 | 土库曼               | tk_TK  |
-| 乌尔都语(巴基斯坦)   | ur_PK  |
+| 乌尔都语 (巴基斯坦)   | ur_PK  |
 | 乌克兰语             | uk_UA  |
 | 越南语               | vi_VN  |
 | 简体中文             | zh_CN  |

docs/mds/guide/milestone.md

@@ -4,7 +4,7 @@ v1.0.0@next 版本发布，完整支持 Svelte 5 与 TypeScript，包括库与
 
 ## 2023-11-03
 
-支持多主题配置 @0.4.0 。
+支持多主题配置 @0.4.0。
 
 ## 2023-08-24
 

docs/mds/guide/quickStart_en.md

@@ -1,6 +1,6 @@
 <!-- main -> next -->
 
-> Tip：All code or commands can be double-clicked to select the word, three clicks to select the line.
+> Tip: All code or commands can be double-clicked to select the word, three clicks to select the line.
 
 ## 😉 Existing works