Browse Source

[doc]更新组件文档,移除不必要的图标说明,优化 Avatar、Cell、Checkbox、Input、NavBar、NoticeBar、NumKeyboard、Pagination、Radio、Rate、Skeleton、Stepper 和 Toast 组件的使用说明,确保一致性和准确性。

dufu1991 1 year ago
parent
commit
99d669843e
38 changed files with 64 additions and 72 deletions
  1. 0 2
      docs/mds/components/avatar/guide.md
  2. 0 2
      docs/mds/components/avatar/guide_en.md
  3. 4 0
      docs/mds/components/avatar/version.md
  4. 4 0
      docs/mds/components/avatar/version_en.md
  5. 0 2
      docs/mds/components/cell/guide.md
  6. 0 2
      docs/mds/components/cell/guide_en.md
  7. 0 2
      docs/mds/components/checkbox/guide.md
  8. 0 2
      docs/mds/components/checkbox/guide_en.md
  9. 0 2
      docs/mds/components/input/guide.md
  10. 0 2
      docs/mds/components/input/guide_en.md
  11. 0 2
      docs/mds/components/navBar/guide.md
  12. 0 2
      docs/mds/components/navBar/guide_en.md
  13. 0 1
      docs/mds/components/noticeBar/api.md
  14. 0 1
      docs/mds/components/noticeBar/api_en.md
  15. 0 2
      docs/mds/components/noticeBar/guide.md
  16. 0 2
      docs/mds/components/noticeBar/guide_en.md
  17. 4 0
      docs/mds/components/noticeBar/version.md
  18. 4 0
      docs/mds/components/noticeBar/version_en.md
  19. 0 2
      docs/mds/components/numKeyboard/guide.md
  20. 0 2
      docs/mds/components/numKeyboard/guide_en.md
  21. 0 2
      docs/mds/components/pagination/guide.md
  22. 0 2
      docs/mds/components/pagination/guide_en.md
  23. 0 2
      docs/mds/components/radio/guide.md
  24. 0 2
      docs/mds/components/radio/guide_en.md
  25. 0 2
      docs/mds/components/rate/guide.md
  26. 0 2
      docs/mds/components/rate/guide_en.md
  27. 0 2
      docs/mds/components/skeleton/guide.md
  28. 0 2
      docs/mds/components/skeleton/guide_en.md
  29. 19 18
      docs/mds/components/stepper/api.md
  30. 1 0
      docs/mds/components/stepper/api_en.md
  31. 4 2
      docs/mds/components/stepper/guide.md
  32. 4 2
      docs/mds/components/stepper/guide_en.md
  33. 4 0
      docs/mds/components/stepper/version.md
  34. 4 0
      docs/mds/components/stepper/version_en.md
  35. 0 2
      docs/mds/components/toast/guide.md
  36. 0 2
      docs/mds/components/toast/guide_en.md
  37. 6 0
      docs/mds/guide/changelog.md
  38. 6 0
      docs/mds/guide/changelog_en.md

+ 0 - 2
docs/mds/components/avatar/guide.md

@@ -1,5 +1,3 @@
-> Avatar 使用了图标 ri-user-3-line 和 ri-user-add-line,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 内容说明
 
 image 可以传入图片的相对路径或绝对路径,组件内部将其转换为 img 标签的 src 属性;alt 传入文字将直接显示;icon 传入 Icon Props 将使用 Icon 组件渲染头像框内容,请参考 Icon API;若 image、alt、icon 都不传,Avatar 组件会默认使用 Icon 组件显示一个用户图标。

+ 0 - 2
docs/mds/components/avatar/guide_en.md

@@ -1,5 +1,3 @@
-> Avatar uses icons ri-user-3-line and ri-user-add-line. Please ensure these icons are included in your project's symbol.svg file. For detailed information, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## Content Description
 
 image accepts relative or absolute image paths, which will be converted to the src attribute of an img tag internally; alt displays the input text directly; icon accepts Icon Props to render avatar content using the Icon component, please refer to Icon API; if image, alt, and icon are not provided, the Avatar component will display a default user icon using the Icon component.

+ 4 - 0
docs/mds/components/avatar/version.md

@@ -1,3 +1,7 @@
+## 1.1.1
+
+- [!tag|B|2|] 修复 Safari 中默认头像未居中问题。
+
 ## 1.1.0
 
 - [!tag|B|3|] 修复 Avatars 边框为 3 时的样式以适配 Tailwind 4。

+ 4 - 0
docs/mds/components/avatar/version_en.md

@@ -1,3 +1,7 @@
+## 1.1.1
+
+- [!tag|B|2|] Fix the problem of default avatar not being centered in Safari.
+
 ## 1.1.0
 
 - [!tag|B|3|] Fix the style of Avatars when the border is 3 to adapt to Tailwind 4.

+ 0 - 2
docs/mds/components/cell/guide.md

@@ -1,5 +1,3 @@
-> Cell 使用了图标 ri-arrow-right-s-line,请确保项目的 symbol.svg 文件中包含此图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 说明
 
 组件库开发中满足自定义与上手简单始终是不可兼得的。

+ 0 - 2
docs/mds/components/cell/guide_en.md

@@ -1,5 +1,3 @@
-> Cell uses the icon ri-arrow-right-s-line, please make sure this icon is included in your project's symbol.svg file. For detailed information, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## Description
 
 In component library development, satisfying both customization and ease of use is always a trade-off.

+ 0 - 2
docs/mds/components/checkbox/guide.md

@@ -1,5 +1,3 @@
-> Checkbox 使用了图标 ri-checkbox-fill 和 ri-checkbox-line,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 说明
 
 由于移动端横向显示内容有限,Checkbox 默认为纵向布局,横向布局建议只用作简单使用。当选项较多、内容较长或显示内容较多时建议使用纵向布局,当 Checkbox 内的选项被点击时,通过 onchange 事件,可以获取到当前所有选定项标识符 name 组成的数组。

+ 0 - 2
docs/mds/components/checkbox/guide_en.md

@@ -1,5 +1,3 @@
-> Checkbox uses icons ri-checkbox-fill and ri-checkbox-line. Please ensure these icons are included in your project's symbol.svg file. For more details, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## Description
 
 Due to limited horizontal display space on mobile devices, Checkbox defaults to vertical layout, with horizontal layout recommended only for simple use cases. When there are multiple options, long content, or rich display content, vertical layout is recommended. When an option within the Checkbox is clicked, through the onchange event, you can get an array of name identifiers for all currently selected items.

+ 0 - 2
docs/mds/components/input/guide.md

@@ -1,5 +1,3 @@
-> Input 使用了图标 ri-close-circle-fill,请确保项目的 symbol.svg 文件中包含此图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## title 与 placeholder
 
 如果传入了 title 而未传入 placeholder,Input 组件内部使用”请输入+title“作为默认 placeholder,**title 和 placeholder 请至少传入一项**。

+ 0 - 2
docs/mds/components/input/guide_en.md

@@ -1,5 +1,3 @@
-> Input uses the icon ri-close-circle-fill. Please ensure this icon is included in your project's symbol.svg file. For detailed information, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## title and placeholder
 
 If title is provided but placeholder is not, the Input component internally uses "Please enter + title" as the default placeholder. **At least one of title or placeholder must be provided**.

+ 0 - 2
docs/mds/components/navBar/guide.md

@@ -1,5 +1,3 @@
-> NavBar 使用了图标 ri-arrow-left-s-line,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 说明
 
 移动端的 NavBar 一般用于页面顶部显示当前页面与路由跳转操作。STDF 的 NavBar 由左中右三个部分组成,且每个部分都支持 Snippet 渲染,而最外层元素的 Class 支持 injClass(class 注入)。

+ 0 - 2
docs/mds/components/navBar/guide_en.md

@@ -1,5 +1,3 @@
-> NavBar uses the icon ri-arrow-left-s-line, please ensure that the symbol.svg file in your project includes this icon. For details, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## Explanation
 
 On mobile devices, the NavBar is generally used to display the current page and to perform routing operations at the top of the page. STDF's NavBar consists of three parts: left, center, and right, and each part supports Snippet rendering. The class of the outermost element also supports injClass (class injection).

+ 0 - 1
docs/mds/components/noticeBar/api.md

@@ -5,7 +5,6 @@
 | textList  | `string[]`                                                                | `[]`       | Y    | 通告内容组成的数组。          |
 | leftIcon  | `'volume'\|null`\|[`Icon`](https://stdf.design/components?nav=icon&tab=0) | `'volume'` | N    | 左侧内容。                    |
 | rightIcon | `'close'\|'arrow'\|null`                                              | `'close'`  | N    | 右侧内容。                    |
-| fontSize  | `'xs'\|'sm'\|'base'\|'lg'`                                                | `'sm'`     | N    | 通告字体大小。                |
 | space     | `number`                                                                  | `100`      | N    | 通告间距,单位是 px。         |
 | speed     | `number`                                                                  | `30`       | N    | 横向滚动速度,单位是 px/s。   |
 | vertical  | `boolean`                                                                 | `false`    | N    | 是否垂直滚动。                |

+ 0 - 1
docs/mds/components/noticeBar/api_en.md

@@ -5,7 +5,6 @@
 | textList  | `string[]`                                                        | `[]`      | Y        | Array of announcement contents.               |
 | leftIcon  | `'volume'\|null`\|[`Icon`](https://stdf.design/components?nav=icon&tab=0) | `'volume'`      | N        | Left content.                                 |
 | rightIcon | `'close'\|'arrow'\|null`                                      | `'close'` | N        | Right content.                                |
-| fontSize  | `'xs'\|'sm'\|'base'\|'lg'`                                        | `'sm'`    | N        | Font size of the announcement.                |
 | space     | `number`                                                          | `100`     | N        | Space between announcements in px.            |
 | speed     | `number`                                                          | `30`      | N        | Horizontal scrolling speed in px/s.           |
 | vertical  | `boolean`                                                         | `false`   | N        | Whether to scroll vertically.                 |

+ 0 - 2
docs/mds/components/noticeBar/guide.md

@@ -1,5 +1,3 @@
-> NoticeBar 使用了图标 ri-volume-down-line 和 ri-close-line,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 说明
 
 当横向放置时,不论内容有几条,只要所有内容加上内容之间的间隔长度之和超过容器宽度,NoticeBar 将会自动横向滚动,否则不滚动。

+ 0 - 2
docs/mds/components/noticeBar/guide_en.md

@@ -1,5 +1,3 @@
-> NoticeBar uses icons ri-volume-down-line and ri-close-line. Please ensure these icons are included in your project's symbol.svg file. For more details, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## Description
 
 When placed horizontally, regardless of the number of content items, NoticeBar will automatically scroll horizontally if the total length of all content plus the spacing between them exceeds the container width. Otherwise, it will not scroll.

+ 4 - 0
docs/mds/components/noticeBar/version.md

@@ -1,3 +1,7 @@
+## 1.1.1
+
+- [!tag|O|0|] 去除 `fontSize` 属性,不再支持设置字体大小。
+
 ## 1.1.0
 
 - [!tag|O|0|] `leftIcon` 属性新增 `volume` 选项并默认值为 `volume`。

+ 4 - 0
docs/mds/components/noticeBar/version_en.md

@@ -1,3 +1,7 @@
+## 1.1.1
+
+- [!tag|O|0|] Remove `fontSize` property, no longer support setting font size.
+
 ## 1.1.0
 
 - [!tag|O|0|] `leftIcon` property adds `volume` option and default value is `volume`.

+ 0 - 2
docs/mds/components/numKeyboard/guide.md

@@ -1,5 +1,3 @@
-> NumKeyboard 使用了图标 ri-delete-back-2-line 和 ri-skip-down-line,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 说明
 
 NumKeyboard 组件是一个虚拟的数字键盘,一般用于输入整数或小数。内部使用了网格布局,布局方式只有 3\*4 或 4\*4 两种,当不显示完成按键时,就只有 3 列,否则就是 4 列。

+ 0 - 2
docs/mds/components/numKeyboard/guide_en.md

@@ -1,5 +1,3 @@
-> NumKeyboard uses the icons ri-delete-back-2-line and ri-skip-down-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).
-
 ## Description
 
 The NumKeyboard component is a virtual numeric keyboard used for inputting integers or decimals. It uses a grid layout, with two layout options: 3\*4 or 4\*4. If the completion key is not displayed, there will only be 3 columns; otherwise, there will be 4 columns.

+ 0 - 2
docs/mds/components/pagination/guide.md

@@ -1,5 +1,3 @@
-> Pagination 使用了图标 ri-more-line 和 ri-more-fill,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 设计思路
 
 私以为,分页不应该是上滑加载下一页,这种交互会让用户无心理预期而产生不适,所以 STDF 的分页组件交互默认满足以下几个条件:

+ 0 - 2
docs/mds/components/pagination/guide_en.md

@@ -1,5 +1,3 @@
-> Pagination uses the icons ri-more-line and ri-more-fill, 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).
-
 ## Design Concept
 
 In my opinion, pagination should not be based on scrolling up to load the next page. This interaction can cause user uncomfortable as there is no psychological expectation. Therefore, the STDF pagination component meet the following conditions by default:

+ 0 - 2
docs/mds/components/radio/guide.md

@@ -1,5 +1,3 @@
-> Radio 使用了图标 ri-radio-button-line 和 ri-checkbox-blank-circle-line,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 说明
 
 由于移动端横向显示内容有限,Radio 默认为纵向布局,横向布局建议只用作简单使用。当选项较多、内容较长或显示内容较多时建议使用纵向布局,

+ 0 - 2
docs/mds/components/radio/guide_en.md

@@ -1,5 +1,3 @@
-> Radio uses icons ri-radio-button-line and ri-checkbox-blank-circle-line. Please ensure these icons are included in your project's symbol.svg file. For detailed information, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## Description
 
 Due to limited horizontal display space on mobile devices, Radio defaults to vertical layout. Horizontal layout is recommended only for simple use cases. When there are multiple options, longer content, or more display content, vertical layout is recommended.

+ 0 - 2
docs/mds/components/rate/guide.md

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

+ 0 - 2
docs/mds/components/rate/guide_en.md

@@ -1,5 +1,3 @@
-> Rate uses the icon ri-star-fill, please ensure that the symbol.svg file in your project includes this icon. For details, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## Notes on value and total
 
 1. The passed-in value cannot be greater than the total;

+ 0 - 2
docs/mds/components/skeleton/guide.md

@@ -1,5 +1,3 @@
-> 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)。
-
 ## 说明
 
 1. Skeleton 组件并不是必需组件,但它能优化页面加载过程中的视觉效果,进而有效地提升用户体验。

+ 0 - 2
docs/mds/components/skeleton/guide_en.md

@@ -1,5 +1,3 @@
-> Skeleton uses the icon ri-image-fill, ri-movie-2-fill, ri-code-box-fill,ri-qr-code-fill, ri-barcode-fill, 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).
-
 ## Explanation
 
 1. The Skeleton component is not a mandatory component, but it can optimize the visual effect during the page loading process, thereby effectively improving the user experience.

+ 19 - 18
docs/mds/components/stepper/api.md

@@ -1,23 +1,24 @@
 ## Stepper Props
 
-| 名称            | 类型                                                            | 默认值  | 必传 | 说明                               |
-| --------------- | --------------------------------------------------------------- | ------- | ---- | ---------------------------------- |
-| value           | `number`                                                        | `10`    | N    | 当前值。                           |
-| min             | `number`                                                        | `0`     | N    | 最小值。                           |
-| max             | `number`                                                        | `100`   | N    | 最大值。                           |
-| step            | `number`                                                        | `1`     | N    | 步长。                             |
-| vertical        | `boolean`                                                       | `false` | N    | 是否纵向。                         |
-| numberHighlight | `boolean`                                                       | `false` | N    | 是否强调数字区域。                 |
-| theme           | `boolean`                                                       | `true`  | N    | 强调区域是否是主题色。             |
-| radius          | `'none'\|'sm'\|'xl'\|'full'`                                    | `'sm'`  | N    | 圆角风格。                         |
-| decimal         | `number`                                                        | `0`     | N    | 对内部显示数字保留小数位数。       |
-| async           | `boolean`                                                       | `false` | N    | 是否异步状态。                     |
-| asyncLoading    | `boolean`                                                       | `false` | N    | 异步状态时,是否显示内部 Loading。 |
-| loading         | [`Loading`](https://stdf.design/components?nav=loading&tab=1) | `{}`    | N    | 异步状态时,Loading 参数。         |
-| padding         | `boolean`                                                       | `true`  | N    | 外部有无 padding。                 |
-| injClassOut     | `string`                                                        | `''`    | N    | 外部注入的类。                     |
-| injClassBtn     | `string`                                                        | `''`    | N    | 按钮区域注入的类。                 |
-| injClassNum     | `string`                                                        | `''`    | N    | 数字区域注入的类。                 |
+| 名称            | 类型                                                          | 默认值  | 必传 | 说明                                           |
+| --------------- | ------------------------------------------------------------- | ------- | ---- | ---------------------------------------------- |
+| value           | `number`                                                      | `10`    | N    | 当前值。                                       |
+| min             | `number`                                                      | `0`     | N    | 最小值。                                       |
+| max             | `number`                                                      | `100`   | N    | 最大值。                                       |
+| step            | `number`                                                      | `1`     | N    | 步长。                                         |
+| vertical        | `boolean`                                                     | `false` | N    | 是否纵向。                                     |
+| numberHighlight | `boolean`                                                     | `false` | N    | 是否强调数字区域。                             |
+| theme           | `boolean`                                                     | `true`  | N    | 强调区域是否是主题色。                         |
+| radius          | `'none'\|'sm'\|'xl'\|'full'`                                  | `'sm'`  | N    | 圆角风格。                                     |
+| decimal         | `number`                                                      | `0`     | N    | 对内部显示数字保留小数位数。                   |
+| async           | `boolean`                                                     | `false` | N    | 是否异步状态。                                 |
+| asyncLoading    | `boolean`                                                     | `false` | N    | 异步状态时,是否显示内部 Loading。             |
+| loading         | [`Loading`](https://stdf.design/components?nav=loading&tab=1) | `{}`    | N    | 异步状态时,Loading 参数。                     |
+| padding         | `boolean`                                                     | `true`  | N    | 外部有无 padding。                             |
+| width           | `number`                                                      | `0`     | N    | 数字区域固定宽度。                             |
+| injClassOut     | `string`                                                      | `''`    | N    | 外部注入的类。                                 |
+| injClassBtn     | `string`                                                      | `''`    | N    | 按钮区域注入的类。                             |
+| injClassNum     | `string`                                                      | `''`    | N    | 数字区域注入的类。                             |
 
 ## Stepper Events
 

+ 1 - 0
docs/mds/components/stepper/api_en.md

@@ -15,6 +15,7 @@
 | asyncLoading    | `boolean`                                                       | `false` | N        | Whether to show internal Loading in async state.   |
 | loading         | [`Loading`](https://stdf.design/components?nav=loading&tab=1) | `{}`    | N        | Loading parameters in async state.                 |
 | padding         | `boolean`                                                       | `true`  | N        | Whether to have external padding.                  |
+| width           | `number`                                                        | `0`     | N        | Fixed width for the number area.                  |
 | injClassOut     | `string`                                                        | `''`    | N        | Injected class for the outer container.            |
 | injClassBtn     | `string`                                                        | `''`    | N        | Injected class for the button area.                |
 | injClassNum     | `string`                                                        | `''`    | N        | Injected class for the number area.                |

+ 4 - 2
docs/mds/components/stepper/guide.md

@@ -1,5 +1,3 @@
-> Stepper 使用了图标 ri-subtract-line、ri-add-line,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 使用场景
 
 Stepper 组件一般用于需要对数据进行逐步增减操作的场景,比如商品数量选择、积分加减、进度条等,如果数据量调整较大,建议使用 NumKeyboard 或 Input 组件。
@@ -10,6 +8,10 @@ Stepper 组件支持异步状态,一般用于与服务端交互过程中更加
 
 异步状态时为防止用户误触,增减按钮将会自动禁用,直到异步状态结束。
 
+## 固定宽度
+
+通过 width 参数可以设置数字区域的固定宽度,优化数字变化时数字区域宽度变化带来的视觉不适,建议这个固定值为数字变化时可能造成的最大宽度。
+
 ## CSS 注入
 
 通过 injClass 参数可以分别向组件的外部、增减按钮、数字区域注入 CSS 名称(不仅限于 Tailwind CSS),这将使组件样式有更多自定义可能性,示例中通过注入实现了自定义不同位置的样式。

+ 4 - 2
docs/mds/components/stepper/guide_en.md

@@ -1,5 +1,3 @@
-> 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
 
 The Stepper component is generally used in scenarios where data needs to be incrementally increased or decreased, such as selecting the quantity of goods, adding or subtracting points, progress bars, etc. If there are significant adjustments to the data volume, it is recommended to use the NumKeyboard or Input components.
@@ -10,6 +8,10 @@ The Stepper component supports asynchronous state, generally used to display the
 
 To prevent accidental user touches during the asynchronous state, the increase and decrease buttons will be automatically disabled until the asynchronous state ends.
 
+## Fixed Width
+
+The width parameter can be used to set the fixed width of the number area, optimizing the visual discomfort caused by the change in the width of the number area when the number changes. It is recommended that this fixed value be the maximum width that the number may cause.
+
 ## CSS Injection
 
 The injClass parameter allows you to inject CSS class names (not limited to Tailwind CSS) into different parts of the component: the outer container, the increase/decrease buttons, and the number area. This provides more possibilities for customizing the component's style. In the example, custom styles for different positions are implemented through injection.

+ 4 - 0
docs/mds/components/stepper/version.md

@@ -0,0 +1,4 @@
+## 1.1.1
+
+- [!tag|O|0|] 新增 `width` 属性,支持设置数字区域固定宽度。
+- [!tag|B|2|] 修复暗模式强调区域不用主题色时的图标颜色问题。

+ 4 - 0
docs/mds/components/stepper/version_en.md

@@ -0,0 +1,4 @@
+## 1.1.1
+
+- [!tag|O|0|] Add `width` property, support setting the fixed width of the number area.
+- [!tag|B|2|] Fix the problem of icon color in the emphasized area when using dark mode.

+ 0 - 2
docs/mds/components/toast/guide.md

@@ -1,5 +1,3 @@
-> Toast 使用了图标 ri-checkbox-circle-line、ri-close-circle-line、ri-error-warning-line、ri-information-line,请确保项目的 symbol.svg 文件中包含这些图标。详细信息请参考 [STDF-指南 - 图标](https://stdf.design/guide/icon)。
-
 ## 显示位置
 
 提示默认显示在屏幕中央,也可以通过 `position` 属性设置显示位置,当 position 为 `top` 或 `bottom` 时,可以通过 `py` 属性设置距离顶部或底部的距离。

+ 0 - 2
docs/mds/components/toast/guide_en.md

@@ -1,5 +1,3 @@
-> Toast uses icons ri-checkbox-circle-line, ri-close-circle-line, ri-error-warning-line, ri-information-line. Please ensure these icons are included in your project's symbol.svg file. For details, please refer to [STDF-Guide-Icon](https://stdf.design/guide/icon).
-
 ## Display Position
 
 By default, the toast appears in the center of the screen. You can also set its position using the `position` prop. When position is set to `top` or `bottom`, you can use the `py` prop to set the distance from the top or bottom.

+ 6 - 0
docs/mds/guide/changelog.md

@@ -1,3 +1,9 @@
+## 1.1.1 <font size=1>2025-05-31</font>
+
+- 修复 Avatar 组件,详见 [Avatar](https://stdf.design/components?nav=avatar&tab=4)。
+- 优化 NoticeBar 组件,详见 [NoticeBar](https://stdf.design/components?nav=noticeBar&tab=4)。
+- 优化 Stepper 组件,详见 [Stepper](https://stdf.design/components?nav=stepper&tab=4)。
+
 ## 1.1.0 <font size=1>2025-05-26</font>
 
 - 增强 Button 组件,详见 [Button](https://stdf.design/components?nav=button&tab=4)。

+ 6 - 0
docs/mds/guide/changelog_en.md

@@ -1,3 +1,9 @@
+## 1.1.1 <font size=1>2025-05-31</font>
+
+- Fixed Avatar component, please see [Avatar](https://stdf.design/components?nav=avatar&tab=4).
+- Optimized NoticeBar component, please see [NoticeBar](https://stdf.design/components?nav=noticeBar&tab=4).
+- Optimized Stepper component, please see [Stepper](https://stdf.design/components?nav=stepper&tab=4).
+
 ## 1.1.0 <font size=1>2025-05-26</font>
 
 - Enhanced Button component, please see [Button](https://stdf.design/components?nav=button&tab=4).