test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

chore: 修复文档中的裂图 (#7545)

Browse Source
This commit is contained in:
吴多益 2023-07-21 13:33:23 +08:00 committed by GitHub
parent cf07b9baef
commit b29afca720
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 52 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
docs/zh-CN/components/avatar.md
View File

@ -15,7 +15,7 @@ order: 27
```schema: scope="body" ```schema: scope="body"
{ {
"type": "avatar", "type": "avatar",
"src": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg" "src": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
} }
``` ```
@ -44,6 +44,7 @@ order: 27
## 动态图片或文字 ## 动态图片或文字
src、text 都支持变量，可以从上下文中动态获取图片或文字，下面的例子中： src、text 都支持变量，可以从上下文中动态获取图片或文字，下面的例子中：
- 第一个获取到了，显示正常 - 第一个获取到了，显示正常
- 第二个没获取到，因此降级为显示 icon - 第二个没获取到，因此降级为显示 icon
- 第三个图片没获取到，由于 text 优先级比 icon 高，所以显示 text - 第三个图片没获取到，由于 text 优先级比 icon 高，所以显示 text
@ -51,7 +52,7 @@ src、text 都支持变量，可以从上下文中动态获取图片或文字，
```schema ```schema
{ {
"data": { "data": {
"myAvatar": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg" "myAvatar": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
"type": "page", "type": "page",
"body": [ "body": [
@ -122,16 +123,16 @@ src、text 都支持变量，可以从上下文中动态获取图片或文字，
{ {
"type": "avatar", "type": "avatar",
"size": 60, "size": 60,
"src": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg" "src": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
{ {
"type": "avatar", "type": "avatar",
"src": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg" "src": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
{ {
"type": "avatar", "type": "avatar",
"size": 20, "size": 20,
"src": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg" "src": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
] ]
@ -213,6 +214,7 @@ src、text 都支持变量，可以从上下文中动态获取图片或文字，
``` ```
## 图片加载失败后，通过 onError 控制是否进行 text、icon 置换 ## 图片加载失败后，通过 onError 控制是否进行 text、icon 置换
> 如果同时存在 text 和 icon，会优先用 text、接着 icon > 如果同时存在 text 和 icon，会优先用 text、接着 icon
```schema: scope="body" ```schema: scope="body"
@ -241,18 +243,18 @@ src、text 都支持变量，可以从上下文中动态获取图片或文字，
## 属性表 ## 属性表
| 属性名 | 类型 | 默认值 | 说明 | | 属性名 | 类型 | 默认值 | 说明 |
| --------- | ----------- | ------ | --------------------- | | ----------- | ------------------------------------------------------------------ | -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| className | `string` | | 外层 dom 的类名 | | className | `string` | | 外层 dom 的类名 |
| style | `object` | | 外层 dom 的样式 | | style | `object` | | 外层 dom 的样式 |
| fit |`'contain'` \| `'cover'` \| `'fill'` \| `'none'` \| `'scale-down'` | `'cover'` | 具体细节可以参考 MDN [文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit) | | fit | `'contain'` \| `'cover'` \| `'fill'` \| `'none'` \| `'scale-down'` | `'cover'` | 具体细节可以参考 MDN [文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit) |
| src | `string` | | 图片地址 | | src | `string` | | 图片地址 |
| text | `string` | | 文字 | | text | `string` | | 文字 |
| icon | `string` | `'fa fa-user'` | 图标 | | icon | `string` | `'fa fa-user'` | 图标 |
| shape | `'circle'` \| `'square'` \| `'rounded'` | `'circle'` | 形状，有三种 `'circle'` （圆形）、`'square'`（正方形）、`'rounded'`（圆角） | | shape | `'circle'` \| `'square'` \| `'rounded'` | `'circle'` | 形状，有三种 `'circle'` （圆形）、`'square'`（正方形）、`'rounded'`（圆角） |
| size | `number` \| `'default'` \| `'normal'` \| `'small'` | `'default'` | `'default' \| 'normal' \| 'small'`三种字符串类型代表不同大小（分别是48、40、32），也可以直接数字表示 | | size | `number` \| `'default'` \| `'normal'` \| `'small'` | `'default'` | `'default' \| 'normal' \| 'small'`三种字符串类型代表不同大小（分别是 48、40、32），也可以直接数字表示 |
| gap | `number` | 4 | 控制字符类型距离左右两侧边界单位像素 | | gap | `number` | 4 | 控制字符类型距离左右两侧边界单位像素 |
| alt | `number` | | 图像无法显示时的替代文本 | | alt | `number` | | 图像无法显示时的替代文本 |
| draggable | `boolean` | | 图片是否允许拖动 | | draggable | `boolean` | | 图片是否允许拖动 |
| crossOrigin | `'anonymous'` \| `'use-credentials'` \| `''` | | 图片的 `CORS` 属性设置 | | crossOrigin | `'anonymous'` \| `'use-credentials'` \| `''` | | 图片的 `CORS` 属性设置 |
| onError | `string` | | 图片加载失败的字符串，这个字符串是一个New Function内部执行的字符串，参数是event（使用event.nativeEvent获取原生dom事件），这个字符串需要返回boolean值。设置 `"return ture;"` 会在图片加载失败后，使用 `text` 或者 `icon` 代表的信息来进行替换。目前图片加载失败默认是不进行置换。注意：图片加载失败，不包括$获取数据为空情况 | | onError | `string` | | 图片加载失败的字符串，这个字符串是一个 New Function 内部执行的字符串，参数是 event（使用 event.nativeEvent 获取原生 dom 事件），这个字符串需要返回 boolean 值。设置 `"return ture;"` 会在图片加载失败后，使用 `text` 或者 `icon` 代表的信息来进行替换。目前图片加载失败默认是不进行置换。注意：图片加载失败，不包括$获取数据为空情况 |

10
docs/zh-CN/components/carousel.md
View File

@ -26,7 +26,7 @@ order: 33
}, },
{ {
"thumbMode": "contain", "thumbMode": "contain",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
} }
] ]
} }
@ -187,7 +187,7 @@ itemSchema: {
}, },
{ {
"thumbMode": "contain", "thumbMode": "contain",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
} }
], ],
"onEvent": { "onEvent": {
@ -250,7 +250,7 @@ itemSchema: {
}, },
{ {
"thumbMode": "contain", "thumbMode": "contain",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
} }
] ]
} }
@ -292,7 +292,7 @@ itemSchema: {
}, },
{ {
"thumbMode": "contain", "thumbMode": "contain",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
} }
] ]
} }
@ -337,7 +337,7 @@ itemSchema: {
}, },
{ {
"thumbMode": "contain", "thumbMode": "contain",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
} }
] ]
} }

8
docs/zh-CN/components/form/list-select.md
View File

@ -52,22 +52,22 @@ ListSelect 一般用来实现选择，可以单选也可以多选，和 Radio/Ch
{ {
"label": "OptionA", "label": "OptionA",
"value": "a", "value": "a",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
{ {
"label": "OptionB", "label": "OptionB",
"value": "b", "value": "b",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
{ {
"label": "OptionC", "label": "OptionC",
"value": "c", "value": "c",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
{ {
"label": "OptionD", "label": "OptionD",
"value": "d", "value": "d",
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
} }
] ]
} }

2
docs/zh-CN/components/form/static.md
View File

@ -94,7 +94,7 @@ order: 52
"type": "form", "type": "form",
"data": { "data": {
"id": 1, "id": 1,
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg", "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
"images": [ "images": [
{ {
"image": "https://internal-amis-res.cdn.bcebos.com/images/2020-1/1578395692722/4f3cb4202335.jpeg@s_0,w_216,l_1,f_jpg,q_80", "image": "https://internal-amis-res.cdn.bcebos.com/images/2020-1/1578395692722/4f3cb4202335.jpeg@s_0,w_216,l_1,f_jpg,q_80",

2
docs/zh-CN/components/office-viewer.md
View File

@ -259,7 +259,7 @@ Word 渲染支持以下功能：
{ {
"type": "input-text", "type": "input-text",
"name": "img", "name": "img",
"value": "https://suda.cdn.bcebos.com/images/amis/ai-fake-face.jpg", "value": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
"label": "图片地址" "label": "图片地址"
}, },
{ {

12
docs/zh-CN/components/table.md
View File

@ -118,7 +118,7 @@ order: 67
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac", "audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
"carousel": [ "carousel": [
{ {
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
{ {
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>" "html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
@ -128,7 +128,7 @@ order: 67
} }
], ],
"date": 1591270438, "date": 1591270438,
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg", "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
"json": { "json": {
"id": 1, "id": 1,
"text": "text" "text": "text"
@ -185,7 +185,7 @@ order: 67
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac", "audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
"carousel": [ "carousel": [
{ {
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
{ {
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>" "html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
@ -195,7 +195,7 @@ order: 67
} }
], ],
"date": 1591270438, "date": 1591270438,
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg", "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
"json": { "json": {
"id": 1, "id": 1,
"text": "text" "text": "text"
@ -244,7 +244,7 @@ order: 67
"audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac", "audio": "https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac",
"carousel": [ "carousel": [
{ {
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
}, },
{ {
"html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>" "html": "<div style=\"width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;\">carousel data in crud</div>"
@ -254,7 +254,7 @@ order: 67
} }
], ],
"date": 1591270438, "date": 1591270438,
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg", "image": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg",
"json": { "json": {
"id": 1, "id": 1,
"text": "text" "text": "text"

3
examples/components/EventAction/cmpt-event-action/CarouselEvent.jsx
View File

@ -74,8 +74,7 @@ export default {
}, },
{ {
thumbMode: 'contain', thumbMode: 'contain',
image: image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
} }
], ],
onEvent: { onEvent: {

6
mock/cfc/mock/crud/list.js
View File

@ -33,8 +33,7 @@ module.exports = function (req, res) {
'https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac', 'https://news-bos.cdn.bcebos.com/mvideo/%E7%9A%87%E5%90%8E%E5%A4%A7%E9%81%93%E4%B8%9C.aac',
carousel: [ carousel: [
{ {
image: image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
}, },
{ {
html: '<div style="width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;">carousel data in crud</div>' html: '<div style="width: 100%; height: 200px; background: #e3e3e3; text-align: center; line-height: 200px;">carousel data in crud</div>'
@ -45,8 +44,7 @@ module.exports = function (req, res) {
} }
], ],
date: Math.round(Date.now() / 1000), date: Math.round(Date.now() / 1000),
image: image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
}), }),
parseInt(req.query.perPage, 10) || 10 parseInt(req.query.perPage, 10) || 10
) )

14
mock/cfc/mock/options/carousel.js
View File

@ -6,17 +6,15 @@ module.exports = function (req, res) {
imageList: [ imageList: [
{ {
image: image:
'https://internal-amis-res.cdn.bcebos.com/images/2019-12/1577157239810/da6376bf988c.png', 'https://internal-amis-res.cdn.bcebos.com/images/2019-12/1577157239810/da6376bf988c.png'
}, },
{ {
html: html: '<div style="width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;">carousel data</div>'
'<div style="width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;">carousel data</div>',
}, },
{ {
image: image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg', }
}, ]
], }
},
}); });
}; };

6
mock/cfc/mock/service/data.js
View File

@ -32,8 +32,7 @@ module.exports = function (req, res) {
Math.round(Math.random() * 10) Math.round(Math.random() * 10)
), ),
date: Math.round(Date.now() / 1000), date: Math.round(Date.now() / 1000),
image: image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
})), })),
table2: repeat(() => ({ table2: repeat(() => ({
@ -50,8 +49,7 @@ module.exports = function (req, res) {
Math.round(Math.random() * 10) Math.round(Math.random() * 10)
), ),
date: Math.round(Date.now() / 1000), date: Math.round(Date.now() / 1000),
image: image: 'https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg'
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg'
})) }))
} }
}); });

2
mock/cfc/mock/upload/image.json
View File

@ -1,5 +1,5 @@
{ {
"status": 0, "status": 0,
"msg": "ok", "msg": "ok",
"link": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg" "link": "https://suda.cdn.bcebos.com/amis/images/alice-macaw.jpg"
} }