瀏覽代碼

docs: add toast container position doc

DaiQiangReal 3 年之前
父節點
當前提交
3e49d30f66
共有 2 個文件被更改,包括 26 次插入26 次删除
  1. 10 10
      content/feedback/toast/index-en-US.md
  2. 16 16
      content/feedback/toast/index.md

+ 10 - 10
content/feedback/toast/index-en-US.md

@@ -349,7 +349,7 @@ Close Manually ( `toastId` is the return value of the display methods)
 | bottom | Pop-up position bottom | number \| string | - | 0.25.0 |
 | content | Toast content | string | ReactNode | '' |  |
 | duration | Automatic close delay, no auto-close when set to 0 | number | 3 |  |
-| getPopupContainer | Specifies the parent DOM, and the bullet layer will be rendered to the DOM, you need to set 'position: relative` | () => HTMLElement \| null | () => document.body | 0.34.0 |
+| getPopupContainer | Specifies the parent DOM, and the bullet layer will be rendered to the DOM, you need to set container and inner .semi-toast-wrapper  'position: relative` | () => HTMLElement \| null | () => document.body | 0.34.0 |
 | icon | Custom icons | ReactNode |  | 0.25.0 |
 | left | Pop-up position left | number \| string | - | 0.25.0 |
 | right | Pop-up position right | number \| string | - | 0.25.0 |
@@ -364,15 +364,15 @@ The global configuration is set before any method call, and takes effect only on
 
 -   `Toast.config(config)`
 
-| Properties | Instructions | type | Default | version |
-| --- | --- | --- | --- | --- |
-| bottom | Bottom, absolute position | number \| string | - | 0.25.0 |
-| duration | Automatic close delay, no auto-close when set to 0 | number(second) | 3 | 0.25.0 |
-| getPopupContainer | Specifies the parent DOM, and the bullet layer will be rendered to the DOM, you need to set 'position: relative` | () => HTMLElement \| null | () => document.body | 1.23.0 |
-| left | Left, absolute position | number \| string | - | 0.25.0 |
-| right | Right, absolute position | number \| string | - | 0.25.0 |
-| top | Top, absolute position | number \| string | - | 0.25.0 |
-| zIndex | Z-index | number | 1010 | 0.25.0 |
+| Properties | Instructions                                                                                                                                              | type | Default | version |
+| --- |-----------------------------------------------------------------------------------------------------------------------------------------------------------| --- | --- | --- |
+| bottom | Bottom, absolute position                                                                                                                                 | number \| string | - | 0.25.0 |
+| duration | Automatic close delay, no auto-close when set to 0                                                                                                        | number(second) | 3 | 0.25.0 |
+| getPopupContainer | Specifies the parent DOM, and the bullet layer will be rendered to the DOM, you need to set container and inner .semi-toast-wrapper  'position: relative` | () => HTMLElement \| null | () => document.body | 1.23.0 |
+| left | Left, absolute position                                                                                                                                   | number \| string | - | 0.25.0 |
+| right | Right, absolute position                                                                                                                                  | number \| string | - | 0.25.0 |
+| top | Top, absolute position                                                                                                                                    | number \| string | - | 0.25.0 |
+| zIndex | Z-index                                                                                                                                                   | number | 1010 | 0.25.0 |
 
 -   `ToastFactory.create(config) => Toast`  
     If you need Toast with different configs in your application, you can use ToastFactory.create(config)to create a new Toast (>= 1.23):

+ 16 - 16
content/feedback/toast/index.md

@@ -345,21 +345,21 @@ render(Demo);
 
 -   `Toast.close(toastId)`
 
-| 属性 | 说明 | 类型 | 默认值 | 版本 |
-| --- | --- | --- | --- | --- |
-| bottom | 弹出位置 bottom | number \| string | - | 0.25.0 |
-| content | 提示内容 | ReactNode | '' |  |
-| duration | 自动关闭的延时,单位 s,设为 0 时不自动关闭 | number | 3 |  |
-| getPopupContainer | 指定父级 DOM,弹层将会渲染至该 DOM 中,自定义需要设置 `position: relative` | () => HTMLElement \| null | () => document.body | 0.34.0 |
-| icon | 自定义图标 | ReactNode |  | 0.25.0 |
-| left | 弹出位置 left | number \| string | - | 0.25.0 |
-| right | 弹出位置 right | number \| string | - | 0.25.0 |
-| showClose | 是否展示关闭按钮 | boolean | true | 0.25.0 |
-| textMaxWidth | 内容的最大宽度 | number \| string | 450 | 0.25.0 |
-| theme | 填充样式,支持 `light`, `normal` | string | `normal` | 1.0.0 |
-| top | 弹出位置 top | number \| string | - | 0.25.0 |
-| zIndex | 弹层 z-index 值 | number | 1010 |  |
-| onClose | toast 关闭的回调函数 | () => void |  |  |
+| 属性 | 说明                                                                                       | 类型 | 默认值 | 版本 |
+| --- |------------------------------------------------------------------------------------------| --- | --- | --- |
+| bottom | 弹出位置 bottom                                                                              | number \| string | - | 0.25.0 |
+| content | 提示内容                                                                                     | ReactNode | '' |  |
+| duration | 自动关闭的延时,单位 s,设为 0 时不自动关闭                                                                 | number | 3 |  |
+| getPopupContainer | 指定父级 DOM,弹层将会渲染至该 DOM 中,自定义需要设置 container 和 内部的 .semi-toast-wrapper `position: relative` | () => HTMLElement \| null | () => document.body | 0.34.0 |
+| icon | 自定义图标                                                                                    | ReactNode |  | 0.25.0 |
+| left | 弹出位置 left                                                                                | number \| string | - | 0.25.0 |
+| right | 弹出位置 right                                                                               | number \| string | - | 0.25.0 |
+| showClose | 是否展示关闭按钮                                                                                 | boolean | true | 0.25.0 |
+| textMaxWidth | 内容的最大宽度                                                                                  | number \| string | 450 | 0.25.0 |
+| theme | 填充样式,支持 `light`, `normal`                                                                | string | `normal` | 1.0.0 |
+| top | 弹出位置 top                                                                                 | number \| string | - | 0.25.0 |
+| zIndex | 弹层 z-index 值                                                                             | number | 1010 |  |
+| onClose | toast 关闭的回调函数                                                                            | () => void |  |  |
 
 全局配置在调用前提前配置,全局一次生效 ( >= 0.25.0 ):
 
@@ -369,7 +369,7 @@ render(Demo);
 | --- | --- | --- | --- | --- |
 | bottom | 弹出位置 bottom | number \| string | - | 0.25.0 |
 | duration | 自动关闭的延时,单位 s,设为 0 时不自动关闭 | number | 3 | 0.25.0 |
-| getPopupContainer | 指定父级 DOM,弹层将会渲染至该 DOM 中,自定义需要设置 `position: relative` | () => HTMLElement \| null | () => document.body | 1.23.0 |
+| getPopupContainer | 指定父级 DOM,弹层将会渲染至该 DOM 中,自定义需要设置 container 和 内部的 .semi-toast-wrapper `position: relative` | () => HTMLElement \| null | () => document.body | 1.23.0 |
 | left | 弹出位置 left | number \| string | - | 0.25.0 |
 | right | 弹出位置 right | number \| string | - | 0.25.0 |
 | top | 弹出位置 top | number \| string | - | 0.25.0 |