forked from p96170835/amis
gh-pages 调整
This commit is contained in:
liaoxuezhi
parent
b872bb5aad
commit
2f23d581db
|
|
@ -1,7 +1,11 @@
|
|||
### 渲染器手册
|
||||
---
|
||||
title: 渲染器手册
|
||||
---
|
||||
|
||||
amis 页面是通过 JSON 配置出来的，是由一个一个渲染模型组成的，掌握他们规则，就能灵活配置出各种页面。
|
||||
|
||||
## 集合
|
||||
|
||||
- [Page](./renderers/Page.md): JSON 配置最外层的 Page 渲染器
|
||||
- [Form](./renderers/Form/Form.md): 表单渲染器
|
||||
- [FormItem](./renderers/Form/FormItem.md): Form 中主要是由各种 FormItem 组成
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
# Action
|
||||
## Action
|
||||
|
||||
Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触发事件。
|
||||
|
||||
## 通用配置项
|
||||
### 通用配置项
|
||||
所有`actionType`都支持的通用配置项
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
|
|
@ -26,7 +26,7 @@ Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触
|
|||
|
||||
下面会分别介绍每种类型的Action配置项
|
||||
|
||||
## ajax
|
||||
### ajax
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------- | ----------------------- | ------ | ----------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| actionType | `string` | `ajax` | 发送请求 |
|
||||
|
|
@ -35,45 +35,45 @@ Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触
|
|||
| feedback | `DialogObject` | - | 如果 ajax 类型的，当 ajax 返回正常后，还能接着弹出一个 dialog 做其他交互。返回的数据可用于这个 dialog 中。格式可参考[Dialog](./Dialog.md) |
|
||||
| messages | `object` | - | `success`：ajax 操作成功后提示，可以不指定，不指定时以 api 返回为准。`failed`：ajax 操作失败提示。 |
|
||||
|
||||
## link
|
||||
### link
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------- | -------- | ------ | ------------------------------------------------------------------------------------------------------------------- |
|
||||
| actionType | `string` | `link` | 单页跳转 |
|
||||
| link | `string` | `link` | 用来指定跳转地址，跟 url 不同的是，这是单页跳转方式，不会渲染浏览器，请指定 amis 平台内的页面。可用 `${xxx}` 取值。 |
|
||||
|
||||
## url
|
||||
### url
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------- | --------- | ------- | ------------------------------------------------ |
|
||||
| actionType | `string` | `url` | 页面跳转 |
|
||||
| url | `string` | - | 按钮点击后，会打开指定页面。可用 `${xxx}` 取值。 |
|
||||
| blank | `boolean` | `false` | 如果为 `true` 将在新tab页面打开。 |
|
||||
|
||||
## dialog
|
||||
### dialog
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ------------- | -------------------------- | -------- | --------------------------------------------- |
|
||||
| actionType | `string` | `dialog` | 点击后显示一个弹出框 |
|
||||
| dialog | `string` 或 `DialogObject` | - | 指定弹框内容，格式可参考[Dialog](./Dialog.md) |
|
||||
| nextCondition | `boolean` | - | 可以用来设置下一条数据的条件，默认为 `true`。 |
|
||||
|
||||
## drawer
|
||||
### drawer
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------- | -------------------------- | -------- | --------------------------------------------- |
|
||||
| actionType | `string` | `drawer` | 点击后显示一个侧边栏 |
|
||||
| drawer | `string` 或 `DrawerObject` | - | 指定弹框内容，格式可参考[Drawer](./Drawer.md) |
|
||||
|
||||
## copy
|
||||
### copy
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------- | -------- | ------ | ------------------------------------ |
|
||||
| actionType | `string` | `copy` | 复制一段内容到粘贴板 |
|
||||
| content | `string` | - | 指定复制的内容。可用 `${xxx}` 取值。 |
|
||||
|
||||
## reload
|
||||
### reload
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------- | -------- | -------- | --------------------------------------------------------------------------- |
|
||||
| actionType | `string` | `reload` | 刷新目标组件 |
|
||||
| target | `string` | - | 需要刷新的目标组件名字（组件的`name`值，自己配置的），多个请用 `,` 号隔开。 |
|
||||
|
||||
## add
|
||||
### add
|
||||
该actionType为[FormItem-Table](./FormItem-Table.md)专用
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
|
|
@ -81,7 +81,7 @@ Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触
|
|||
| actionType | `string` | `add` | 给指定`FormItem-Table`添加一条数据， |
|
||||
| target | `string` | - | 指定`FormItem-Table`的名字（`Table`的`name`值），多个请用 `,` 号隔开。 |
|
||||
|
||||
## 其他配置项
|
||||
### 其他配置项
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| -------- | --------------- | ------- | ----------------------------------------------------------------------------------------------------------- |
|
||||
| close | `boolean` | `false` | 当`action`配置在`dialog`或`drawer`的`actions`中时，配置为`true`指定此次操作完后关闭当前`dialog`或`drawer`。 |
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Audio
|
||||
## Audio
|
||||
|
||||
音频播放器
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Button-Group
|
||||
## Button-Group
|
||||
|
||||
按钮集合。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Cards(CRUD)
|
||||
### Cards(CRUD)
|
||||
|
||||
请参考[Cards](./Cards.md)
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## List(CRUD)
|
||||
### List(CRUD)
|
||||
|
||||
请参考[List](./List.md)
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Table(CRUD)
|
||||
### Table(CRUD)
|
||||
|
||||
在 CRUD 中的 Table 主要增加了 Column 里面的以下配置功能，更多参数，请参考[Table](./Table.md)
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# CRUD
|
||||
## CRUD
|
||||
|
||||
增删改查模型，主要用来展现列表，并支持各类【增】【删】【改】【查】的操作。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Card
|
||||
## Card
|
||||
|
||||
卡片的展示形式。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Cards
|
||||
## Cards
|
||||
|
||||
卡片集合。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Carousel
|
||||
## Carousel
|
||||
|
||||
轮播图
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Chart
|
||||
## Chart
|
||||
|
||||
图表渲染器，采用 echarts 渲染，配置格式跟 echarts 相同，配置文档[文档](http://echarts.baidu.com/option.html#title)
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Collapse
|
||||
## Collapse
|
||||
|
||||
折叠器
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Column
|
||||
## Column
|
||||
|
||||
表格中的列配置
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Dialog
|
||||
## Dialog
|
||||
|
||||
Dialog 由 [Action](./Action.md) 触发。他是一个类似于 [Page](./Page.md) 的容器模型。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Divider
|
||||
## Divider
|
||||
|
||||
分割线
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Drawer
|
||||
## Drawer
|
||||
|
||||
Drawer 由 [Action](./Action.md) 触发。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Field
|
||||
## Field
|
||||
|
||||
主要用在 [Table](./Table.md) 的列配置 Column、[List](./List.md) 的内容、[Card](./Card.md) 卡片的内容和表单的[Static-XXX](./Static.md#static-xxx) 中。它主要用来展示数据。
|
||||
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
}
|
||||
```
|
||||
|
||||
## Field 通用配置
|
||||
### 通用配置
|
||||
|
||||
- `name` 绑定变量名。
|
||||
- `placeholder` 当没有值时的展示内容。
|
||||
|
|
@ -89,19 +89,19 @@
|
|||
- `copyable` 配置后会在内容区增加一个复制按钮，点击后把内容复制到剪切板。
|
||||
todo
|
||||
|
||||
## Tpl(Field)
|
||||
### Tpl(Field)
|
||||
|
||||
请参考[tpl](./Tpl.md)
|
||||
|
||||
## Plain(Field)
|
||||
### Plain(Field)
|
||||
|
||||
请参考[Plain](./Plain.md)
|
||||
|
||||
## Json(Field)
|
||||
### Json(Field)
|
||||
|
||||
todo
|
||||
|
||||
## Date(Field)
|
||||
### Date(Field)
|
||||
|
||||
用来显示日期。
|
||||
|
||||
|
|
@ -109,7 +109,7 @@ todo
|
|||
- `format` 默认为 `YYYY-MM-DD`，时间格式，请参考 moment 中的格式用法。
|
||||
- `valueFormat` 默认为 `X`，时间格式，请参考 moment 中的格式用法。
|
||||
|
||||
## Mapping(Field)
|
||||
### Mapping(Field)
|
||||
|
||||
用来对值做映射显示。
|
||||
|
||||
|
|
@ -129,7 +129,7 @@ todo
|
|||
|
||||
当值为 1 时，显示 One, 当值为其他时会命中 `*` 所以显示 `其他 flag的值`。
|
||||
|
||||
## Image(Field)
|
||||
### Image(Field)
|
||||
|
||||
用来展示图片。
|
||||
|
||||
|
|
@ -139,7 +139,7 @@ todo
|
|||
- `className` CSS 类名。
|
||||
- `src` 图片地址，支持变量。如果想动态显示，请勿配置。
|
||||
|
||||
## Progress(Field)
|
||||
### Progress(Field)
|
||||
|
||||
用来展示进度条。
|
||||
|
||||
|
|
@ -157,7 +157,7 @@ todo
|
|||
- `progressClassName` 进度外层 CSS 类名 默认为: `progress-xs progress-striped active m-t-xs m-b-none`
|
||||
- `progressBarClassName` 进度条 CSS 类名。
|
||||
|
||||
## Status(Field)
|
||||
### Status(Field)
|
||||
|
||||
用来显示状态，用图表展示。
|
||||
|
||||
|
|
@ -174,7 +174,7 @@ todo
|
|||
|
||||
这个例子，当值为 0 、2、4 ... 时显示红 `X`， 当值为 1, 3, 5 ... 绿 `√`
|
||||
|
||||
## Switch(Field)
|
||||
### Switch(Field)
|
||||
|
||||
用来占一个开关。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Array
|
||||
### Array
|
||||
|
||||
数组输入框配置
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Button-Group(FormItem)
|
||||
### Button-Group(FormItem)
|
||||
|
||||
按钮集合，直接看示例吧。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Button-Toolbar
|
||||
### Button-Toolbar
|
||||
|
||||
从上面的例子可以看出，当按钮独立配置的时候，是独占一行的，如果想让多个按钮在一起放置，可以利用 button-toolbar
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Button
|
||||
### Button
|
||||
|
||||
按钮, 包含 `button`、`submit` 和 `reset`。 字段说明。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Chained-Select
|
||||
### Chained-Select
|
||||
|
||||
无限级别下拉，只支持单选，且必须和 `source` 搭配，通过 API 拉取数据，只要 API 有返回结果，就能一直无限级别下拉下去。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Checkbox
|
||||
### Checkbox
|
||||
|
||||
勾选框
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Checkboxes
|
||||
### Checkboxes
|
||||
|
||||
复选框
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## City
|
||||
### City
|
||||
|
||||
城市选择器，可用于让用户输入城市。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Color
|
||||
### Color
|
||||
|
||||
颜色选择器。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Combo
|
||||
### Combo
|
||||
|
||||
组合模式，支持自由组合多个表单项。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Date-Range
|
||||
### Date-Range
|
||||
|
||||
日期范围类型。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Date
|
||||
### Date
|
||||
|
||||
日期类型。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Datetime
|
||||
### Datetime
|
||||
|
||||
日期时间类型。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Editor
|
||||
### Editor
|
||||
|
||||
### XXX-Editor
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Email
|
||||
### Email
|
||||
|
||||
Email 输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## FieldSet
|
||||
### FieldSet
|
||||
|
||||
多个输入框可以通过 fieldSet 捆绑在一起。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## File
|
||||
### File
|
||||
|
||||
文件输入，amis 也默认处理了图片存储，提交给 API 的是文件的下载地址。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Form
|
||||
## Form
|
||||
|
||||
表单渲染器，主要用来展示或者接收用户输入后将数据提交给后端或者其他组件。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## FormItem
|
||||
### FormItem
|
||||
|
||||
Form 中主要是由各种 FormItem 组成。FormItem 中主要包含这些字段。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Formula
|
||||
### Formula
|
||||
|
||||
公式类型，可以设置公式，并将结果设置给目标值。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Grid(FormItem)
|
||||
### Grid(FormItem)
|
||||
|
||||
支持 form 内部再用 grid 布局。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Group
|
||||
### Group
|
||||
|
||||
表单项集合中，默认都是一行一个，如果想要一行多个，请用 Group 包裹起来。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## HBox(FormItem)
|
||||
### HBox(FormItem)
|
||||
|
||||
支持 form 内部再用 HBox 布局，实现左右排列。没错用 [Group](./Group.md) 也能实现，所以还是推荐用 [Group](./Group.md)。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Hidden
|
||||
### Hidden
|
||||
|
||||
隐藏字段类型，默认表单提交，只会发送 controls 里面的这些成员，对于隐藏的字段同时又希望提交表单的时候带过去，请把表单项配置成 `hidden` 类型。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Image
|
||||
### Image
|
||||
|
||||
图片格式输入，默认 amis 会直接存储在 FEX 的 hiphoto 里面，提交到 form 是直接的图片 url。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## List(FormItem)
|
||||
### List(FormItem)
|
||||
|
||||
简单的列表选择框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Matrix
|
||||
### Matrix
|
||||
|
||||
矩阵类型的输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## NestedSelect
|
||||
### NestedSelect
|
||||
|
||||
树形结构选择框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Number
|
||||
### Number
|
||||
|
||||
数字输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Panel(FormItem)
|
||||
### Panel(FormItem)
|
||||
|
||||
还是为了布局，可以把一部分 [FormItem](./FormItem.md) 合并到一个 panel 里面单独展示。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Password
|
||||
### Password
|
||||
|
||||
密码输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Picker
|
||||
### Picker
|
||||
|
||||
列表选取。可以静态数据，或者通过接口拉取动态数据。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Radios
|
||||
### Radios
|
||||
|
||||
单选框
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Range
|
||||
### Range
|
||||
|
||||
范围输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Repeat
|
||||
### Repeat
|
||||
|
||||
可用来设置重复频率
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Rich-Text
|
||||
### Rich-Text
|
||||
|
||||
富文本编辑器
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Select
|
||||
### Select
|
||||
|
||||
选项表单。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Service(FormItem)
|
||||
### Service(FormItem)
|
||||
|
||||
目前看到的配置方式都是静态配置，如果你想动态配置，即配置项由接口决定，那么就使用此渲染器。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## SubForm
|
||||
### SubForm
|
||||
|
||||
formItem 还可以是子表单类型。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Switch
|
||||
### Switch
|
||||
|
||||
可选框，和 checkbox 完全等价。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Table(FormItem)
|
||||
### Table(FormItem)
|
||||
|
||||
可以用来展现数据的,可以用来展示数组类型的数据，比如 multiple 的[子 form](./SubForm.md)。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Tabs(FormItem)
|
||||
### Tabs(FormItem)
|
||||
|
||||
多个输入框也可以通过选项卡来分组。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Text
|
||||
### Text
|
||||
|
||||
普通的文本输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Textarea
|
||||
### Textarea
|
||||
|
||||
多行文本输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Time
|
||||
### Time
|
||||
|
||||
时间类型。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Tree
|
||||
### Tree
|
||||
|
||||
树形结构输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## TreeSelect
|
||||
### TreeSelect
|
||||
|
||||
树形结构选择框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Url
|
||||
### Url
|
||||
|
||||
URL 输入框。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Grid
|
||||
## Grid
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ------------------- | --------------------------------- | -------- | ----------------------- |
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# HBox
|
||||
## HBox
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| -------------------------- | --------------------------------- | -------------- | -------------------- |
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Html
|
||||
## Html
|
||||
|
||||
html, 当需要用到变量时，请用 [Tpl](./Tpl.md) 代替。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# List
|
||||
## List
|
||||
|
||||
列表展示。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Nav
|
||||
## Nav
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ----------------- | --------- | -------- | -------------------------------------- |
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Operation
|
||||
### Operation
|
||||
|
||||
表格列中的操作栏，用来放置按钮集合，只能放在 table 的列配置中。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Page
|
||||
## Page
|
||||
|
||||
Json 配置最外层是一个 `Page` 渲染器。他主要包含标题，副标题，提示信息等设置，需要注意的是，他有三个容器区域分别是：内容区、边栏区和工具条区，在容器里面放不同的渲染器，就能配置出不同的页面来。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Panel
|
||||
## Panel
|
||||
|
||||
可以把相关信息以盒子的形式展示到一块。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Plain
|
||||
## Plain
|
||||
|
||||
plain, 单纯的文字输出来。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# QRCode
|
||||
## QRCode
|
||||
|
||||
二维码显示组件
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Service
|
||||
## Service
|
||||
|
||||
功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据，数据可用于子组件。
|
||||
该组件初始化时就会自动拉取一次数据，后续如果需要刷新，请结合 Action 实现，可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## Static
|
||||
### Static
|
||||
|
||||
纯用来展现数据的。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Table
|
||||
## Table
|
||||
|
||||
表格展示。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Tabs
|
||||
## Tabs
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ----------------- | ----------------------- | ----------------------------------- | -------------------------------------------------------- |
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Tasks
|
||||
## Tasks
|
||||
|
||||
任务操作集合，类似于 orp 上线。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Tpl
|
||||
## Tpl
|
||||
|
||||
tpl 类型的渲染器支持用 JS 模板引擎来组织输出，采用的 lodash 的 [template](https://lodash.com/docs/4.15.0#template)，关于语法部分，请前往 lodash 文档页面。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
# 类型说明
|
||||
## 类型说明
|
||||
|
||||
## Container
|
||||
### Container
|
||||
|
||||
Container 不是一个特定的渲染器，而是 amis 中一个特殊类型，它是以下类型的任何一种。
|
||||
|
||||
|
|
@ -40,7 +40,7 @@ Container 不是一个特定的渲染器，而是 amis 中一个特殊类型，
|
|||
}
|
||||
```
|
||||
|
||||
## API
|
||||
### API
|
||||
|
||||
Api 类型可以是字符串或者对象。API 中可以直接设置数据发送结构，注意看示例。
|
||||
|
||||
|
|
@ -125,7 +125,7 @@ Api 类型可以是字符串或者对象。API 中可以直接设置数据发送
|
|||
|
||||
amis 所有值为 url 的如： `"http://www.baidu.com"` 都会被替换成 proxy 代理，如果不希望这么做，请明确指示如： `"raw:http://www.baidu.com"`。还有为了安全，amis 默认只能转发公司内部 API 接口，如果您的接口在外网环境，也请明确指示如：`"external:http://www.baidu.com"`
|
||||
|
||||
## 表达式
|
||||
### 表达式
|
||||
|
||||
配置项中，所有 `boolean` 类型的配置，都可以用 JS 表达式来配置。所有`boolean` 配置项，后面加个 `On` 则是表达式配置方式，可以用 js 语法来根据当前模型中的数据来决定是否启用。
|
||||
如：[FormItem](./FormItem.md) 中的 `disabledOn`、`hiddenOn`、`visibleOn`、[CRUD](./CRUD.md) 中的 `itemDraggableOn` 等等。
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Video
|
||||
## Video
|
||||
|
||||
视频播放器。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Wizard
|
||||
## Wizard
|
||||
|
||||
表单向导，能够配置多个步骤引导用户一步一步完成表单提交。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# Wrapper
|
||||
## Wrapper
|
||||
|
||||
简单的一个容器。
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
# iFrame
|
||||
## iFrame
|
||||
|
||||
如果需要内嵌外部站点，可用 iframe 来实现。
|
||||
|
||||
|
|
|
|||
|
|
@ -85,9 +85,11 @@ import Button from '../../src/components/Button';
|
|||
import DocSearch from './DocSearch';
|
||||
|
||||
let PathPrefix = '/examples';
|
||||
let ContextPath = '';
|
||||
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
PathPrefix = ''
|
||||
PathPrefix = '';
|
||||
ContextPath = '/amis'
|
||||
}
|
||||
|
||||
const navigations = [
|
||||
|
|
@ -634,9 +636,9 @@ export class App extends React.PureComponent {
|
|||
<span className={cx(`AsideNav-itemLabel`)} key="label">{link.label}</span>
|
||||
);
|
||||
|
||||
return link.path ? (<Link to={link.path[0] === '/' ? link.path : `${PathPrefix}/${link.path}`}>{children}</Link>) : (<a onClick={link.children ? () => toggleExpand(link) : null}>{children}</a>);
|
||||
return link.path ? (<Link to={link.path[0] === '/' ? (ContextPath + link.path) : `${ContextPath}${PathPrefix}/${link.path}`}>{children}</Link>) : (<a onClick={link.children ? () => toggleExpand(link) : null}>{children}</a>);
|
||||
}}
|
||||
isActive={link => isActive(link.path && link.path[0] === '/' ? link.path : `${PathPrefix}/${link.path}`, location)}
|
||||
isActive={link => isActive(link.path && link.path[0] === '/' ? (ContextPath + link.path) : `${ContextPath}${PathPrefix}/${link.path}`, location)}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
|
@ -746,11 +748,11 @@ export class App extends React.PureComponent {
|
|||
root.children && mapTree(root.children, item => {
|
||||
if (item.path && item.component) {
|
||||
routes.push(
|
||||
<Route key={routes.length + 1} path={item.path[0] === '/' ? item.path : `${pathPrefix}/${item.path}`} component={item.component} />
|
||||
<Route key={routes.length + 1} path={item.path[0] === '/' ? (ContextPath + item.path) : `${ContextPath}${pathPrefix}/${item.path}`} component={item.component} />
|
||||
)
|
||||
} else if (item.path && item.getComponent) {
|
||||
routes.push(
|
||||
<Route key={routes.length + 1} path={item.path[0] === '/' ? item.path : `${pathPrefix}/${item.path}`} getComponent={item.getComponent} />
|
||||
<Route key={routes.length + 1} path={item.path[0] === '/' ? ContextPath + item.path : `${ContextPath}${pathPrefix}/${item.path}`} getComponent={item.getComponent} />
|
||||
)
|
||||
}
|
||||
});
|
||||
|
|
@ -763,14 +765,14 @@ export class App extends React.PureComponent {
|
|||
PathPrefix = pathPrefix || PathPrefix;
|
||||
let history = browserHistory;
|
||||
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
history = hashHistory;
|
||||
}
|
||||
// if (process.env.NODE_ENV === 'production') {
|
||||
// history = hashHistory;
|
||||
// }
|
||||
|
||||
return (
|
||||
<Router history={ history }>
|
||||
<Route component={App}>
|
||||
<Redirect from={`/`} to={`${PathPrefix}/pages/simple`} />
|
||||
<Redirect from={`${ContextPath}/`} to={`${PathPrefix}/pages/simple`} />
|
||||
<Redirect from={`${PathPrefix}/`} to={`${PathPrefix}/pages/simple`} />
|
||||
{navigations2route(PathPrefix)}
|
||||
<Route path="*" component={NotFound} />
|
||||
|
|
|
|||
45
fis-conf.js
45
fis-conf.js
|
|
@ -231,22 +231,6 @@ if (fis.project.currentMedia() === 'publish') {
|
|||
|
||||
ghPages.match('/docs/**.md', {
|
||||
rExt: 'js',
|
||||
parser: [parserMarkdown, function(contents, file) {
|
||||
return contents.replace(/\bhref=\\('|")(.+?)\\\1/g, function(_, quota, link) {
|
||||
if (/\.md($|#)/.test(link)) {
|
||||
let parts = link.split('#');
|
||||
parts[0] = parts[0].replace('.md', '');
|
||||
|
||||
if (parts[0][0] !== '/') {
|
||||
parts[0] = path.resolve(path.dirname(file.subpath), parts[0]);
|
||||
}
|
||||
|
||||
return 'href=\\' + quota + '#' + parts.join('#') + '\\' + quota;
|
||||
}
|
||||
|
||||
return _;
|
||||
});
|
||||
}],
|
||||
isMod: true
|
||||
});
|
||||
|
||||
|
|
@ -338,7 +322,34 @@ if (fis.project.currentMedia() === 'publish') {
|
|||
'!/examples/style.scss',
|
||||
'/examples/style.scss', // 让它在最下面
|
||||
]
|
||||
})
|
||||
}),
|
||||
|
||||
postpackager: [fis.plugin('loader', {
|
||||
useInlineMap: false,
|
||||
resourceType: 'mod'
|
||||
}), function(ret) {
|
||||
const indexHtml = ret.src['/examples/index.html'];
|
||||
const appJs = ret.src['/examples/components/App.jsx'];
|
||||
const DocJs = ret.src['/examples/components/Doc.jsx'];
|
||||
|
||||
const pages = [];
|
||||
const source = [appJs.getContent(), DocJs.getContent()].join('\n');
|
||||
source.replace(/\bpath\b\s*\:\s*('|")(.*?)\1/g, function(_, qutoa, path) {
|
||||
if (path === "*") {
|
||||
return;
|
||||
}
|
||||
|
||||
pages.push(path.replace(/^\//, ''));
|
||||
return _;
|
||||
});
|
||||
|
||||
const contents = indexHtml.getContent();
|
||||
pages.forEach(function(path) {
|
||||
const file = fis.file(fis.project.getProjectPath(), '/examples/' + path + '.html');
|
||||
file.setContent(contents);
|
||||
ret.pkg[file.getId()] = file;
|
||||
});
|
||||
}]
|
||||
});
|
||||
|
||||
ghPages.match('*.{css,less,scss}', {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>AMis Renderer</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<link rel="stylesheet" href="https://bce.bdstatic.com/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/npm_df4fb67.css" />
|
||||
<link
|
||||
rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" title="default" href="/amis/scss/themes/default_dc6677f.css" />
|
||||
<link rel="stylesheet" title="cxd" disabled href="/amis/scss/themes/cxd_d4a9d8b.css" />
|
||||
<link rel="stylesheet" href="/amis/pkg/style_fb39355.css" />
|
||||
<style>
|
||||
.app-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root" class="app-wrapper"></div>
|
||||
<script src="/amis/pkg/npm_5eaeb69.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/examples/index.html_map_37d6d1e.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/app_49ee4c7.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rich-text_e6dc6f0.js"></script>
|
||||
<script type="text/javascript" src="/amis/pkg/rest_cf0b3d4.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var _hmt = _hmt || [];
|
||||
|
||||
// 百度统计
|
||||
(function() {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?1f80f2c9dbe21dc3af239cf9eee90f1f";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
|
||||
/* @require examples/index.jsx 标记为同步依赖，提前加载 */
|
||||
require(['ca626e1'], function (app) {
|
||||
var initialState = {};
|
||||
app.bootstrap(document.getElementById('root'), initialState);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue