{ "$schema": "http://json-schema.org/draft-07/schema#", "$ref": "#/definitions/RootSchema", "definitions": { "RootSchema": { "$ref": "#/definitions/PageSchema" }, "PageSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "配置容器 className" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "page", "description": "指定为 page 渲染器。" }, "title": { "type": "string", "description": "页面标题" }, "subTitle": { "type": "string", "description": "页面副标题" }, "remark": { "$ref": "#/definitions/SchemaRemark", "description": "页面描述, 标题旁边会出现个小图标，放上去会显示这个属性配置的内容。" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" }, "bodyClassName": { "$ref": "#/definitions/SchemaClassName", "description": "内容区 css 类名" }, "aside": { "$ref": "#/definitions/SchemaCollection", "description": "边栏区域" }, "asideResizor": { "type": "boolean", "description": "边栏是否允许拖动" }, "asideSticky": { "type": "boolean", "description": "边栏内容是否粘住，即不跟随滚动。", "default": true }, "asideMinWidth": { "type": "number", "description": "边栏最小宽度" }, "asideMaxWidth": { "type": "number", "description": "边栏最小宽度" }, "asideClassName": { "$ref": "#/definitions/SchemaClassName", "description": "边栏区 css 类名" }, "css": { "type": "object", "additionalProperties": { "type": "object", "additionalProperties": { "type": "string" }, "description": "样式属性名及值" }, "description": "自定义页面级别样式表" }, "mobileCSS": { "type": "object", "additionalProperties": { "type": "object", "additionalProperties": { "type": "string" }, "description": "样式属性名及值" }, "description": "移动端下的样式表" }, "data": { "$ref": "#/definitions/SchemaDefaultData", "description": "页面级别的初始数据" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 header 容器 className" }, "initApi": { "$ref": "#/definitions/SchemaApi", "description": "页面初始化的时候，可以设置一个 API 让其取拉取，发送数据会携带当前 data 数据（包含地址栏参数），获取得数据会合并到 data 中，供组件内使用。" }, "initFetch": { "type": "boolean", "description": "是否默认就拉取？" }, "initFetchOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否默认就拉取表达式" }, "messages": { "$ref": "#/definitions/SchemaMessage" }, "name": { "$ref": "#/definitions/SchemaName" }, "toolbar": { "$ref": "#/definitions/SchemaCollection", "description": "页面顶部区域，当存在 title 时在右上角显示。" }, "toolbarClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 toolbar 容器 className" }, "definitions": {}, "interval": { "type": "number", "description": "配置轮询间隔，配置后 initApi 将轮询加载。" }, "silentPolling": { "type": "boolean", "description": "是否要静默加载，也就是说不显示进度" }, "stopAutoRefreshWhen": { "$ref": "#/definitions/SchemaExpression", "description": "配置停止轮询的条件。" }, "showErrorMsg": { "type": "boolean", "description": "是否显示错误信息，默认是显示的。" }, "cssVars": { "description": "css 变量" }, "regions": { "type": "array", "items": { "type": "string", "enum": [ "aside", "body", "toolbar", "header" ] }, "description": "默认不设置自动感觉内容来决定要不要展示这些区域 如果配置了，以配置为主。" }, "style": { "type": "object", "description": "自定义样式" }, "pullRefresh": { "type": "object", "properties": { "disabled": { "type": "boolean" }, "pullingText": { "type": "string" }, "loosingText": { "type": "string" } }, "additionalProperties": false, "description": "下拉刷新配置" } }, "required": [ "type" ], "additionalProperties": false, "description": "amis Page 渲染器。详情请见：https://baidu.gitee.io/amis/docs/components/page" }, "SchemaClassName": { "anyOf": [ { "type": "string" }, { "type": "object", "additionalProperties": { "anyOf": [ { "type": "boolean" }, { "not": {} }, { "type": "null" }, { "$ref": "#/definitions/SchemaExpression" } ] } } ], "description": "css类名，配置字符串，或者对象。\n\n className: \"red\"\n\n用对象配置时意味着你能跟表达式一起搭配使用，如：\n\n className: { \"red\": \"data.progress > 80\", \"blue\": \"data.progress > 60\" }" }, "SchemaExpression": { "type": "string", "description": "表达式，语法 `data.xxx > 5`。" }, "ListenerAction": { "type": "object", "properties": { "actionType": { "type": "string" }, "description": { "type": "string" }, "componentId": { "type": "string" }, "args": { "type": "object" }, "outputVar": { "type": "string" }, "preventDefault": { "type": "boolean" }, "stopPropagation": { "type": "boolean" }, "expression": { "type": "string" }, "execOn": { "type": "string" } }, "required": [ "actionType" ], "additionalProperties": false }, "SchemaRemark": { "anyOf": [ { "type": "string" }, { "type": "object", "properties": { "label": { "type": "string" }, "icon": { "$ref": "#/definitions/SchemaIcon" }, "tooltipClassName": { "$ref": "#/definitions/SchemaClassName" }, "trigger": { "type": "array", "items": { "type": "string", "enum": [ "click", "hover", "focus" ] }, "description": "触发规则" }, "title": { "type": "string", "description": "提示标题" }, "content": { "$ref": "#/definitions/SchemaTpl", "description": "提示内容" }, "placement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ], "description": "显示位置" }, "rootClose": { "type": "boolean", "description": "点击其他内容时是否关闭弹框信息" }, "shape": { "type": "string", "enum": [ "circle", "square" ], "description": "icon的形状" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" } }, "required": [ "content" ], "additionalProperties": false } ] }, "SchemaIcon": { "type": "string", "description": "iconfont 里面的类名。" }, "SchemaTpl": { "type": "string", "description": "支持两种语法，但是不能混着用。分别是：\n\n1. `${xxx}` 或者 `${xxx|upperCase}` 2. `<%= data.xxx %>`\n\n\n更多文档：https://baidu.gitee.io/amis/docs/concepts/template" }, "SchemaCollection": { "anyOf": [ { "$ref": "#/definitions/SchemaObject" }, { "$ref": "#/definitions/SchemaTpl" }, { "type": "array", "items": { "anyOf": [ { "$ref": "#/definitions/SchemaObject" }, { "$ref": "#/definitions/SchemaTpl" } ] } } ] }, "SchemaObject": { "allOf": [ { "if": { "properties": { "type": { "type": "string", "const": "page", "description": "指定为 page 渲染器。" } } }, "then": { "$ref": "#/definitions/PageSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "tpl", "html" ], "description": "指定为模板渲染器。\n\n文档：https://baidu.gitee.io/amis/docs/concepts/template" } } }, "then": { "$ref": "#/definitions/TplSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "remark", "description": "指定为提示类型" } } }, "then": { "$ref": "#/definitions/RemarkSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "ajax", "description": "指定为发送 ajax 的行为。" } } }, "then": { "$ref": "#/definitions/AjaxActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "url", "description": "指定为打开链接" } } }, "then": { "$ref": "#/definitions/UrlActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "link", "description": "指定为打开链接行为，跟 url 不同的时这个行为为单页模式。" } } }, "then": { "$ref": "#/definitions/LinkActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "dialog", "description": "指定为打开弹窗" } } }, "then": { "$ref": "#/definitions/DialogActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "drawer", "description": "指定为打开弹窗，抽出式弹窗" } } }, "then": { "$ref": "#/definitions/DrawerActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "toast", "description": "指定为打开弹窗，抽出式弹窗" } } }, "then": { "$ref": "#/definitions/ToastActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "copy", "description": "指定为复制内容行为" } } }, "then": { "$ref": "#/definitions/CopyActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "reload", "description": "指定为刷新目标组件。" } } }, "then": { "$ref": "#/definitions/ReloadActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "email", "description": "指定为打开邮箱行为" } } }, "then": { "$ref": "#/definitions/EmailActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "enum": [ "prev", "next", "cancel", "close", "submit", "confirm", "add", "reset", "reset-and-submit" ] } } }, "then": { "$ref": "#/definitions/OtherActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" } } }, "then": { "$ref": "#/definitions/VanillaAction" } }, { "if": { "properties": { "type": { "type": "string", "const": "alert", "description": "指定为提示框类型" } } }, "then": { "$ref": "#/definitions/AlertSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "audio", "description": "指定为音频播放器" } } }, "then": { "$ref": "#/definitions/AudioSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "avatar" } } }, "then": { "$ref": "#/definitions/AvatarSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "button-group", "description": "指定为提交按钮类型" } } }, "then": { "$ref": "#/definitions/ButtonGroupSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "button-toolbar", "description": "指定为按钮工具集合类型" } } }, "then": { "$ref": "#/definitions/ButtonToolbarSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "calendar", "description": "指定为日历选择控件" } } }, "then": { "$ref": "#/definitions/CalendarSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "card", "description": "指定为 card 类型" } } }, "then": { "$ref": "#/definitions/CardSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "cards", "description": "指定为 cards 类型" } } }, "then": { "$ref": "#/definitions/CardsSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "carousel", "description": "指定为轮播图类型" }, "thumbMode": { "type": "string", "enum": [ "contain", "cover" ], "description": "预览图模式" } } }, "then": { "$ref": "#/definitions/CarouselSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "chart", "description": "指定为 chart 类型" } } }, "then": { "$ref": "#/definitions/ChartSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "collapse", "description": "指定为折叠器类型" } } }, "then": { "$ref": "#/definitions/CollapseSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "collapse-group", "description": "指定为折叠器类型" } } }, "then": { "$ref": "#/definitions/CollapseGroupSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "color", "description": "指定为颜色显示控件" } } }, "then": { "$ref": "#/definitions/ColorSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "container", "description": "指定为 container 类型" } } }, "then": { "$ref": "#/definitions/ContainerSchema" } }, { "if": { "properties": { "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "cards" }, "type": { "type": "string", "const": "crud", "description": "指定为 CRUD 渲染器。" } } }, "then": { "$ref": "#/definitions/CRUDCardsSchema" } }, { "if": { "properties": { "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "list" }, "type": { "type": "string", "const": "crud", "description": "指定为 CRUD 渲染器。" } } }, "then": { "$ref": "#/definitions/CRUDListSchema" } }, { "if": { "properties": { "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "table" }, "type": { "type": "string", "const": "crud", "description": "指定为 CRUD 渲染器。" } } }, "then": { "$ref": "#/definitions/CRUDTableSchema" } }, { "if": { "properties": { "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "cards" }, "type": { "type": "string", "const": "crud2", "description": "指定为 CRUD2 渲染器。" }, "loadType": { "type": "string", "enum": [ "more", "pagination" ], "description": "数据展示模式 无限加载 or 分页" } } }, "then": { "$ref": "#/definitions/CRUD2CardsSchema" } }, { "if": { "properties": { "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "list" }, "type": { "type": "string", "const": "crud2", "description": "指定为 CRUD2 渲染器。" }, "loadType": { "type": "string", "enum": [ "more", "pagination" ], "description": "数据展示模式 无限加载 or 分页" } } }, "then": { "$ref": "#/definitions/CRUD2ListSchema" } }, { "if": { "properties": { "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "table2" }, "type": { "type": "string", "const": "crud2", "description": "指定为 CRUD2 渲染器。" }, "loadType": { "type": "string", "enum": [ "more", "pagination" ], "description": "数据展示模式 无限加载 or 分页" } } }, "then": { "$ref": "#/definitions/CRUD2TableSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "date", "datetime", "time", "static-date", "static-datetime", "static-time" ], "description": "指定为日期展示类型" } } }, "then": { "$ref": "#/definitions/DateSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "dialog" } } }, "then": { "$ref": "#/definitions/DialogSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "divider" } } }, "then": { "$ref": "#/definitions/DividerSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "drawer" } } }, "then": { "$ref": "#/definitions/DrawerSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "dropdown-button", "description": "指定为 DropDown Button 类型" } } }, "then": { "$ref": "#/definitions/DropdownButtonSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "each", "description": "指定为each展示类型" } } }, "then": { "$ref": "#/definitions/EachSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "grid", "description": "指定为 Grid 格子布局渲染器。" } } }, "then": { "$ref": "#/definitions/GridSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "grid-2d", "description": "指定为 grid-2d 展示类型" } } }, "then": { "$ref": "#/definitions/Grid2DSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "hbox", "description": "指定为each展示类型" }, "subFormMode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置子表单项默认的展示方式。" } } }, "then": { "$ref": "#/definitions/HBoxSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "icon" } } }, "then": { "$ref": "#/definitions/IconSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "iframe" } } }, "then": { "$ref": "#/definitions/IFrameSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "image", "static-image" ], "description": "指定为图片展示类型" }, "imageMode": { "type": "string", "enum": [ "thumb", "original" ], "description": "图片展示模式，默认为缩略图模式、可以配置成原图模式" }, "thumbMode": { "type": "string", "enum": [ "w-full", "h-full", "contain", "cover" ], "description": "预览图模式" } } }, "then": { "$ref": "#/definitions/ImageSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "images", "static-images" ], "description": "指定为图片集渲染器" }, "thumbMode": { "type": "string", "enum": [ "w-full", "h-full", "contain", "cover" ], "description": "预览图模式" } } }, "then": { "$ref": "#/definitions/ImagesSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "json", "static-json" ], "description": "指定为Json展示类型" } } }, "then": { "$ref": "#/definitions/JsonSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "link", "description": "指定为 link 链接展示控件" } } }, "then": { "$ref": "#/definitions/LinkSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "list", "static-list" ], "description": "指定为 List 列表展示控件。" } } }, "then": { "$ref": "#/definitions/ListSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "map", "mapping" ], "description": "指定为映射展示控件" } } }, "then": { "$ref": "#/definitions/MappingSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "nav", "description": "指定为 Nav 导航渲染器" } } }, "then": { "$ref": "#/definitions/NavSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "operation", "description": "指定为操作栏" } } }, "then": { "$ref": "#/definitions/OperationSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "pagination" } } }, "then": { "$ref": "#/definitions/PaginationSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "pagination-wrapper", "description": "指定为分页容器功能性渲染器" } } }, "then": { "$ref": "#/definitions/PaginationWrapperSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "panel", "description": "指定为Panel渲染器。" }, "subFormMode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置子表单项默认的展示方式。" } } }, "then": { "$ref": "#/definitions/PanelSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "plain", "text" ], "description": "指定为模板渲染器。\n\n文档：https://baidu.gitee.io/amis/docs/concepts/template" } } }, "then": { "$ref": "#/definitions/PlainSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "progress" }, "mode": { "type": "string", "enum": [ "line", "circle", "dashboard" ], "description": "进度条类型" } } }, "then": { "$ref": "#/definitions/ProgressSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "qrcode", "qr-code" ] } } }, "then": { "$ref": "#/definitions/QRCodeSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "search-box", "description": "指定为搜索框。\n\n文档：https://baidu.gitee.io/amis/docs/components/search-box" } } }, "then": { "$ref": "#/definitions/SearchBoxSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "service", "description": "指定为 Service 数据拉取控件。" } } }, "then": { "$ref": "#/definitions/ServiceSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "sparkline" } } }, "then": { "$ref": "#/definitions/SparkLineSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "status", "description": "指定为状态展示控件" } } }, "then": { "$ref": "#/definitions/StatusSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "spinner", "description": "组件类型" } } }, "then": { "$ref": "#/definitions/SpinnerSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "table", "static-table" ], "description": "指定为表格渲染器。" } } }, "then": { "$ref": "#/definitions/TableSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "table2", "description": "指定为表格类型" } } }, "then": { "$ref": "#/definitions/TableSchema2" } }, { "if": { "properties": { "type": { "type": "string", "const": "tabs" }, "subFormMode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置子表单项默认的展示方式。" } } }, "then": { "$ref": "#/definitions/TabsSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "tasks", "description": "指定为任务类型" } } }, "then": { "$ref": "#/definitions/TasksSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "vbox" } } }, "then": { "$ref": "#/definitions/VBoxSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "video", "description": "指定为视频类型" } } }, "then": { "$ref": "#/definitions/VideoSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "wizard", "description": "指定为表单向导" }, "mode": { "type": "string", "enum": [ "vertical", "horizontal" ], "description": "展示模式" } } }, "then": { "$ref": "#/definitions/WizardSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "wrapper", "description": "指定为 container 类型" } } }, "then": { "$ref": "#/definitions/WrapperSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "tooltip-wrapper", "description": "文字提示容器" } } }, "then": { "$ref": "#/definitions/TooltipWrapperSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "form", "description": "指定为表单渲染器。" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置表单项默认的展示方式。" } } }, "then": { "$ref": "#/definitions/FormSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "anchor-nav", "description": "指定为 AnchorNav 锚点导航渲染器" } } }, "then": { "$ref": "#/definitions/AnchorNavSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "steps", "description": "指定为 Steps 步骤条渲染器" }, "mode": { "type": "string", "enum": [ "horizontal", "vertical" ], "description": "展示模式" } } }, "then": { "$ref": "#/definitions/StepsSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "portlet", "description": "指定为 portlet 类型" }, "tabsMode": { "type": "string", "enum": [ "", "line", "card", "radio", "vertical", "tiled" ], "description": "展示形式" } } }, "then": { "$ref": "#/definitions/PortletSchema" } }, { "if": { "properties": { "type": { "type": "string", "const": "timeline", "description": "指定为 Timeline 时间轴渲染器" }, "mode": { "type": "string", "enum": [ "left", "right", "alternate" ], "description": "文字相对于时间轴展示方向" } } }, "then": { "$ref": "#/definitions/TimelineSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "control", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/FormControlSchema" } }, { "if": { "properties": { "subFormMode": { "type": "string", "enum": [ "normal", "horizontal", "inline" ], "description": "子表单的模式。" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-array", "description": "指定为数组输入框类型" } } }, "then": { "$ref": "#/definitions/ArrayControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "button-group-select" } } }, "then": { "$ref": "#/definitions/ButtonGroupControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "chained-select", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/ChainedSelectControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "checkbox", "description": "指定为多行文本输入框" }, "optionType": { "type": "string", "enum": [ "default", "button" ] } } }, "then": { "$ref": "#/definitions/CheckboxControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "checkboxes", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/CheckboxesControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-city", "description": "指定为城市选择框。" } } }, "then": { "$ref": "#/definitions/InputCityControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-color", "description": "指定为颜色选择框" } } }, "then": { "$ref": "#/definitions/InputColorControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "combo", "description": "指定为组合输入框类型" }, "subFormMode": { "type": "string", "enum": [ "normal", "horizontal", "inline" ], "description": "子表单的模式。" } } }, "then": { "$ref": "#/definitions/ComboControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "condition-builder", "description": "指定为" }, "builderMode": { "type": "string", "enum": [ "simple", "full" ], "description": "展现模式" } } }, "then": { "$ref": "#/definitions/ConditionBuilderControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-date", "description": "指定为日期选择控件" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/DateControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-datetime", "description": "指定为日期时间选择控件" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/DateTimeControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-time", "description": "指定为日期时间选择控件" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/TimeControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-month", "description": "指定为月份时间选择控件" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/MonthControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-quarter", "description": "指定为月份时间选择控件" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/QuarterControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-year", "description": "指定为月份时间选择控件" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/YearControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "enum": [ "input-date-range", "input-datetime-range", "input-time-range" ], "description": "指定为日期范围控件" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/DateRangeControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "diff-editor", "description": "指定为 Diff 编辑器" } } }, "then": { "$ref": "#/definitions/DiffControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "enum": [ "editor", "bat-editor", "c-editor", "coffeescript-editor", "cpp-editor", "csharp-editor", "css-editor", "dockerfile-editor", "fsharp-editor", "go-editor", "handlebars-editor", "html-editor", "ini-editor", "java-editor", "javascript-editor", "json-editor", "less-editor", "lua-editor", "markdown-editor", "msdax-editor", "objective-c-editor", "php-editor", "plaintext-editor", "postiats-editor", "powershell-editor", "pug-editor", "python-editor", "r-editor", "razor-editor", "ruby-editor", "sb-editor", "scss-editor", "sol-editor", "sql-editor", "swift-editor", "typescript-editor", "vb-editor", "xml-editor", "yaml-editor" ] } } }, "then": { "$ref": "#/definitions/EditorControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "enum": [ "fieldset", "fieldSet" ], "description": "指定为表单项集合" }, "subFormMode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置子表单项默认的展示方式。" } } }, "then": { "$ref": "#/definitions/FieldSetControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-file", "description": "指定为文件上传" } } }, "then": { "$ref": "#/definitions/FileControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "formula", "description": "指定为公式功能控件。" } } }, "then": { "$ref": "#/definitions/FormulaControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "group", "description": "表单项类型" }, "subFormMode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置子表单项默认的展示方式。" } } }, "then": { "$ref": "#/definitions/GroupControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "hidden", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/HiddenControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "icon-picker", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/IconPickerControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-image", "description": "指定为图片上传控件" }, "thumbMode": { "type": "string", "enum": [ "w-full", "h-full", "contain", "cover" ], "description": "缩路图展示模式" } } }, "then": { "$ref": "#/definitions/ImageControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-group", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/InputGroupControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "list-select", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/ListControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "json-schema-editor", "description": "指定为 JSON Schema Editor" } } }, "then": { "$ref": "#/definitions/JSONSchemaEditorControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "location-picker", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/LocationControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "uuid", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/UUIDControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "matrix-checkboxes", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/MatrixControlSchema" } }, { "if": { "properties": { "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-month-range" } } }, "then": { "$ref": "#/definitions/MonthRangeControlSchema" } }, { "if": { "properties": { "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-quarter-range" } } }, "then": { "$ref": "#/definitions/QuarterRangeControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "nested-select", "description": "表单项类型" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/NestedSelectControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-number", "description": "表单项类型" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" }, "displayMode": { "type": "string", "enum": [ "base", "enhance" ], "description": "输入框为基础输入框还是加强输入框" } } }, "then": { "$ref": "#/definitions/NumberControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "picker", "description": "表单项类型" }, "modalMode": { "type": "string", "enum": [ "dialog", "drawer" ], "description": "弹窗模式，dialog 或者 drawer" } } }, "then": { "$ref": "#/definitions/PickerControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "radios", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/RadiosControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-range", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/RangeControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-rating", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/RatingControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-rich-text", "description": "表单项类型" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/RichTextControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-repeat", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/RepeatControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "enum": [ "select", "multi-select" ], "description": "表单项类型" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" }, "selectMode": { "type": "string", "enum": [ "table", "group", "tree", "chained", "associated" ], "description": "勾选展示模式" }, "leftMode": { "type": "string", "enum": [ "tree", "list" ], "description": "当 selectMode 为 associated 时用来定义左侧的选择模式" }, "rightMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "当 selectMode 为 associated 时用来定义右侧的选择模式" }, "searchResultMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "搜索结果展示模式" } } }, "then": { "$ref": "#/definitions/SelectControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-sub-form", "description": "指定为 SubForm 子表单" } } }, "then": { "$ref": "#/definitions/SubFormControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "switch", "description": "指定为多行文本输入框" } } }, "then": { "$ref": "#/definitions/SwitchControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "static", "description": "表单项类型" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，默认是无边框的" } } }, "then": { "$ref": "#/definitions/StaticExactControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-table" } } }, "then": { "$ref": "#/definitions/TableControlSchema" } }, { "if": { "properties": { "selectMode": { "type": "string", "enum": [ "table", "list", "tree", "chained", "associated" ], "description": "勾选展示模式" }, "leftMode": { "type": "string", "enum": [ "tree", "list" ], "description": "当 selectMode 为 associated 时用来定义左侧的选择模式" }, "rightMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "当 selectMode 为 associated 时用来定义右侧的选择模式" }, "searchResultMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "搜索结果展示模式" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "tabs-transfer" } } }, "then": { "$ref": "#/definitions/TabsTransferControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-tag", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/TagControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "enum": [ "input-text", "input-email", "input-url", "input-password", "native-date", "native-time", "native-number" ], "description": "表单项类型" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/TextControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "textarea", "description": "指定为多行文本输入框" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/TextareaControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "transfer", "description": "表单项类型" }, "selectMode": { "type": "string", "enum": [ "table", "list", "tree", "chained", "associated" ], "description": "勾选展示模式" }, "leftMode": { "type": "string", "enum": [ "tree", "list" ], "description": "当 selectMode 为 associated 时用来定义左侧的选择模式" }, "rightMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "当 selectMode 为 associated 时用来定义右侧的选择模式" }, "searchResultMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "搜索结果展示模式" } } }, "then": { "$ref": "#/definitions/TransferControlSchema" } }, { "if": { "properties": { "selectMode": { "type": "string", "enum": [ "table", "list", "tree", "chained", "associated" ], "description": "勾选展示模式" }, "leftMode": { "type": "string", "enum": [ "tree", "list" ], "description": "当 selectMode 为 associated 时用来定义左侧的选择模式" }, "rightMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "当 selectMode 为 associated 时用来定义右侧的选择模式" }, "searchResultMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "搜索结果展示模式" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "transfer-picker" }, "borderMode": { "type": "string", "enum": [ "full", "half", "none" ], "description": "边框模式，全边框，还是半边框，或者没边框。" } } }, "then": { "$ref": "#/definitions/TransferPickerControlSchema" } }, { "if": { "properties": { "selectMode": { "type": "string", "enum": [ "table", "list", "tree", "chained", "associated" ], "description": "勾选展示模式" }, "leftMode": { "type": "string", "enum": [ "tree", "list" ], "description": "当 selectMode 为 associated 时用来定义左侧的选择模式" }, "rightMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "当 selectMode 为 associated 时用来定义右侧的选择模式" }, "searchResultMode": { "type": "string", "enum": [ "table", "list", "tree", "chained" ], "description": "搜索结果展示模式" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "tabs-transfer-picker" } } }, "then": { "$ref": "#/definitions/TabsTransferPickerControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "input-tree", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/TreeControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "tree-select", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/TreeSelectControlSchema" } }, { "if": { "properties": { "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置当前表单项展示模式" }, "type": { "type": "string", "const": "users-select", "description": "表单项类型" } } }, "then": { "$ref": "#/definitions/UserSelectControlSchema" } } ] }, "TplSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "tpl", "html" ], "description": "指定为模板渲染器。\n\n文档：https://baidu.gitee.io/amis/docs/concepts/template" }, "tpl": { "$ref": "#/definitions/SchemaTpl" }, "html": { "$ref": "#/definitions/SchemaTpl" }, "text": { "$ref": "#/definitions/SchemaTpl" }, "raw": { "type": "string" }, "inline": { "type": "boolean", "description": "是否内联显示？" }, "style": { "type": "object", "description": "自定义样式" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" } }, "required": [ "type" ], "additionalProperties": false, "description": "tpl 渲染器" }, "BadgeObject": { "type": "object", "properties": { "className": { "type": "string" }, "text": { "type": [ "string", "number" ], "description": "文本内容" }, "size": { "type": "number", "description": "大小" }, "mode": { "type": "string", "enum": [ "text", "dot", "ribbon" ], "description": "角标类型" }, "offset": { "type": "array", "items": { "type": [ "number", "string" ] }, "minItems": 2, "maxItems": 2, "description": "角标位置，相对于position的位置进行偏移" }, "position": { "type": "string", "enum": [ "top-right", "top-left", "bottom-right", "bottom-left" ], "description": "角标位置" }, "overflowCount": { "type": "number", "description": "封顶的数字值" }, "visibleOn": { "type": "string", "description": "动态控制是否显示" }, "animation": { "type": "boolean", "description": "是否显示动画" }, "style": { "type": "object", "description": "角标的自定义样式" }, "level": { "type": "string", "description": "提示类型" } }, "additionalProperties": false, "description": "Badge 角标。 文档：https://baidu.gitee.io/amis/docs/components/badge" }, "RemarkSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "remark", "description": "指定为提示类型" }, "label": { "type": "string" }, "icon": { "$ref": "#/definitions/SchemaIcon" }, "tooltipClassName": { "$ref": "#/definitions/SchemaClassName" }, "trigger": { "type": "array", "items": { "type": "string", "enum": [ "click", "hover", "focus" ] }, "description": "触发规则" }, "title": { "type": "string", "description": "提示标题" }, "content": { "$ref": "#/definitions/SchemaTpl", "description": "提示内容" }, "placement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ], "description": "显示位置" }, "rootClose": { "type": "boolean", "description": "点击其他内容时是否关闭弹框信息" }, "shape": { "type": "string", "enum": [ "circle", "square" ], "description": "icon的形状" } }, "required": [ "content", "type" ], "additionalProperties": false, "description": "提示渲染器，默认会显示个小图标，鼠标放上来的时候显示配置的内容。" }, "ActionSchema": { "allOf": [ { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "ajax", "description": "指定为发送 ajax 的行为。" } } }, "then": { "$ref": "#/definitions/AjaxActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "url", "description": "指定为打开链接" } } }, "then": { "$ref": "#/definitions/UrlActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "link", "description": "指定为打开链接行为，跟 url 不同的时这个行为为单页模式。" } } }, "then": { "$ref": "#/definitions/LinkActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "dialog", "description": "指定为打开弹窗" } } }, "then": { "$ref": "#/definitions/DialogActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "drawer", "description": "指定为打开弹窗，抽出式弹窗" } } }, "then": { "$ref": "#/definitions/DrawerActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "toast", "description": "指定为打开弹窗，抽出式弹窗" } } }, "then": { "$ref": "#/definitions/ToastActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "copy", "description": "指定为复制内容行为" } } }, "then": { "$ref": "#/definitions/CopyActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "reload", "description": "指定为刷新目标组件。" } } }, "then": { "$ref": "#/definitions/ReloadActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "const": "email", "description": "指定为打开邮箱行为" } } }, "then": { "$ref": "#/definitions/EmailActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "actionType": { "type": "string", "enum": [ "prev", "next", "cancel", "close", "submit", "confirm", "add", "reset", "reset-and-submit" ] } } }, "then": { "$ref": "#/definitions/OtherActionSchema" } }, { "if": { "properties": { "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" } } }, "then": { "$ref": "#/definitions/VanillaAction" } } ] }, "AjaxActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "ajax", "description": "指定为发送 ajax 的行为。" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "配置 ajax 发送地址" }, "feedback": { "$ref": "#/definitions/FeedbackDialog" }, "reload": { "$ref": "#/definitions/SchemaReload" }, "redirect": { "type": "string" }, "ignoreConfirm": { "type": "boolean" } }, "required": [ "actionType", "api", "type" ], "additionalProperties": false }, "SchemaTooltip": { "anyOf": [ { "type": "string" }, { "type": "object", "properties": { "title": { "type": "string", "description": "标题" }, "content": { "type": "string", "description": "内容" } }, "required": [ "content" ], "additionalProperties": false } ] }, "SchemaApi": { "anyOf": [ { "type": "string" }, { "$ref": "#/definitions/SchemaApiObject" } ] }, "SchemaApiObject": { "type": "object", "properties": { "method": { "type": "string", "enum": [ "get", "post", "put", "delete", "patch", "jsonp", "js" ], "description": "API 发送类型" }, "url": { "$ref": "#/definitions/SchemaUrlPath", "description": "API 发送目标地址" }, "data": { "type": "object", "description": "用来控制携带数据. 当key 为 `&` 值为 `$$` 时, 将所有原始数据打平设置到 data 中. 当值为 $$ 将所有原始数据赋值到对应的 key 中. 当值为 $ 打头时, 将变量值设置到 key 中." }, "convertKeyToPath": { "type": "boolean", "description": "默认数据映射中的key如果带点，或者带大括号，会转成对象比如：\n\n{ 'a.b': '123' }\n\n经过数据映射后变成 { a: { b: '123 } }\n\n如果想要关闭此功能，请设置 convertKeyToPath 为 false" }, "responseData": { "type": "object", "description": "用来做接口返回的数据映射。" }, "attachDataToQuery": { "type": "boolean", "description": "如果 method 为 get 的接口，设置了 data 信息。 默认 data 会自动附带在 query 里面发送给后端。\n\n如果想通过 body 发送给后端，那么请把这个配置成 false。\n\n但是，浏览器还不支持啊，设置了只是摆设。除非服务端支持 method-override" }, "dataType": { "type": "string", "enum": [ "json", "form-data", "form" ], "description": "发送体的格式" }, "responseType": { "type": "string", "const": "blob", "description": "如果是文件下载接口，请配置这个。" }, "headers": { "type": "object", "additionalProperties": { "type": [ "string", "number" ] }, "description": "携带 headers，用法和 data 一样，可以用变量。" }, "sendOn": { "$ref": "#/definitions/SchemaExpression", "description": "设置发送条件" }, "replaceData": { "type": "boolean", "description": "默认都是追加模式，如果想完全替换把这个配置成 true" }, "autoRefresh": { "type": "boolean", "description": "是否自动刷新，当 url 中的取值结果变化时，自动刷新数据。", "default": true }, "trackExpression": { "type": "string", "description": "当开启自动刷新的时候，默认是 api 的 url 来自动跟踪变量变化的。 如果你希望监控 url 外的变量，请配置 traceExpression。" }, "cache": { "type": "number", "description": "如果设置了值，同一个接口，相同参数，指定的时间（单位：ms）内请求将直接走缓存。" }, "forceAppendDataToQuery": { "type": "boolean", "description": "强制将数据附加在 query，默认只有 api 地址中没有用变量的时候 crud 查询接口才会 自动附加数据到 query 部分，如果想强制附加请设置这个属性。 对于那种临时加了个变量但是又不想全部参数写一遍的时候配置很有用。" }, "qsOptions": { "type": "object", "properties": { "arrayFormat": { "type": "string", "enum": [ "indices", "brackets", "repeat", "comma" ] }, "indices": { "type": "boolean" }, "allowDots": { "type": "boolean" } }, "additionalProperties": false, "description": "qs 配置项" }, "silent": { "type": "boolean", "description": "autoFill 是否显示自动填充错误提示" } }, "required": [ "url" ], "additionalProperties": false }, "SchemaUrlPath": { "$ref": "#/definitions/SchemaTokenizeableString" }, "SchemaTokenizeableString": { "type": "string" }, "FeedbackDialog": { "type": "object", "properties": { "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "默认不用填写，自动会创建确认和取消按钮。" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" }, "bodyClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 Body 容器 className" }, "closeOnEsc": { "type": "boolean", "description": "是否支持按 ESC 关闭 Dialog" }, "closeOnOutside": { "type": "boolean", "description": "是否支持点其它区域关闭 Dialog" }, "name": { "$ref": "#/definitions/SchemaName" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg", "xl", "full" ], "description": "Dialog 大小" }, "height": { "type": "string", "description": "Dialog 高度" }, "width": { "type": "string", "description": "Dialog 宽度" }, "title": { "$ref": "#/definitions/SchemaCollection", "description": "请通过配置 title 设置标题" }, "header": { "$ref": "#/definitions/SchemaCollection" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName" }, "footer": { "$ref": "#/definitions/SchemaCollection" }, "confirm": { "type": "boolean", "description": "影响自动生成的按钮，如果自己配置了按钮这个配置无效。" }, "showCloseButton": { "type": "boolean", "description": "是否显示关闭按钮" }, "showErrorMsg": { "type": "boolean", "description": "是否显示错误信息" }, "showLoading": { "type": "boolean", "description": "是否显示 spinner" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "type": "string", "description": "可以用来配置 feedback 的出现条件" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "skipRestOnCancel": { "type": "boolean", "description": "feedback 弹框取消是否中断后续操作" }, "skipRestOnConfirm": { "type": "boolean", "description": "feedback 弹框确认是否中断后续操作" } }, "additionalProperties": false }, "SchemaName": { "type": "string", "description": "组件名字，这个名字可以用来定位，用于组件通信" }, "SchemaReload": { "type": "string", "description": "配置刷新动作，这个动作通常在完成渲染器本省的固定动作后出发。\n\n一般用来配置目标组件的 name 属性。多个目标可以用逗号隔开。\n\n当目标是 windows 时表示刷新整个页面。\n\n刷新目标的同时还支持传递参数如： `foo?a=${a}&b=${b},boo?c=${c}`" }, "UrlActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "url", "description": "指定为打开链接" }, "blank": { "type": "boolean", "description": "是否新窗口打开" }, "url": { "type": "string", "description": "打开的目标地址" } }, "required": [ "actionType", "type", "url" ], "additionalProperties": false }, "LinkActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "link", "description": "指定为打开链接行为，跟 url 不同的时这个行为为单页模式。" }, "link": { "type": "string", "description": "跳转到哪？支持配置相对路径。" } }, "required": [ "actionType", "link", "type" ], "additionalProperties": false }, "DialogActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "dialog", "description": "指定为打开弹窗" }, "dialog": { "$ref": "#/definitions/DialogSchemaBase", "description": "弹框详情 文档：https://baidu.gitee.io/amis/docs/components/dialog" }, "nextCondition": { "$ref": "#/definitions/SchemaExpression", "description": "是否有下一个的表达式，正常可以不用配置，如果想要刷掉某些数据可以配置这个。" }, "reload": { "$ref": "#/definitions/SchemaReload" }, "redirect": { "type": "string" } }, "required": [ "actionType", "dialog", "type" ], "additionalProperties": false }, "DialogSchemaBase": { "type": "object", "properties": { "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "默认不用填写，自动会创建确认和取消按钮。" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" }, "bodyClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 Body 容器 className" }, "closeOnEsc": { "type": "boolean", "description": "是否支持按 ESC 关闭 Dialog" }, "closeOnOutside": { "type": "boolean", "description": "是否支持点其它区域关闭 Dialog" }, "name": { "$ref": "#/definitions/SchemaName" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg", "xl", "full" ], "description": "Dialog 大小" }, "height": { "type": "string", "description": "Dialog 高度" }, "width": { "type": "string", "description": "Dialog 宽度" }, "title": { "$ref": "#/definitions/SchemaCollection", "description": "请通过配置 title 设置标题" }, "header": { "$ref": "#/definitions/SchemaCollection" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName" }, "footer": { "$ref": "#/definitions/SchemaCollection" }, "confirm": { "type": "boolean", "description": "影响自动生成的按钮，如果自己配置了按钮这个配置无效。" }, "showCloseButton": { "type": "boolean", "description": "是否显示关闭按钮" }, "showErrorMsg": { "type": "boolean", "description": "是否显示错误信息" }, "showLoading": { "type": "boolean", "description": "是否显示 spinner" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" } }, "additionalProperties": false }, "DrawerActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "drawer", "description": "指定为打开弹窗，抽出式弹窗" }, "drawer": { "$ref": "#/definitions/DrawerSchemaBase", "description": "抽出式弹框详情 文档：https://baidu.gitee.io/amis/docs/components/drawer" }, "nextCondition": { "$ref": "#/definitions/SchemaExpression", "description": "是否有下一个的表达式，正常可以不用配置，如果想要刷掉某些数据可以配置这个。" }, "reload": { "$ref": "#/definitions/SchemaReload" }, "redirect": { "type": "string" } }, "required": [ "actionType", "drawer", "type" ], "additionalProperties": false }, "DrawerSchemaBase": { "type": "object", "properties": { "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "默认不用填写，自动会创建确认和取消按钮。" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "配置 外层 className" }, "bodyClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 Body 容器 className" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 头部 容器 className" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 头部 容器 className" }, "closeOnEsc": { "type": "boolean", "description": "是否支持按 ESC 关闭 Dialog" }, "name": { "$ref": "#/definitions/SchemaName" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg", "full" ], "description": "Dialog 大小" }, "title": { "$ref": "#/definitions/SchemaCollection", "description": "请通过配置 title 设置标题" }, "position": { "type": "string", "enum": [ "left", "right", "top", "bottom" ], "description": "从什么位置弹出" }, "showCloseButton": { "type": "boolean", "description": "是否展示关闭按钮 当值为false时，默认开启closeOnOutside" }, "width": { "type": [ "number", "string" ], "description": "抽屉的宽度 （当position为left | right时生效）" }, "height": { "type": [ "number", "string" ], "description": "抽屉的高度 （当position为top | bottom时生效）" }, "header": { "$ref": "#/definitions/SchemaCollection", "description": "头部" }, "footer": { "$ref": "#/definitions/SchemaCollection", "description": "底部" }, "confirm": { "type": "boolean", "description": "影响自动生成的按钮，如果自己配置了按钮这个配置无效。" }, "resizable": { "type": "boolean", "description": "是否可以拖动弹窗大小" }, "overlay": { "type": "boolean", "description": "是否显示蒙层" }, "closeOnOutside": { "type": "boolean", "description": "点击外部的时候是否关闭弹框。" }, "showErrorMsg": { "type": "boolean", "description": "是否显示错误信息" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" } }, "additionalProperties": false }, "ToastActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "toast", "description": "指定为打开弹窗，抽出式弹窗" }, "toast": { "$ref": "#/definitions/ToastSchemaBase", "description": "轻提示详情 文档：https://baidu.gitee.io/amis/docs/components/toast" } }, "required": [ "actionType", "toast", "type" ], "additionalProperties": false }, "ToastSchemaBase": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "$ref": "#/definitions/SchemaType" }, "items": { "type": "array", "items": { "type": "object", "properties": { "title": { "$ref": "#/definitions/SchemaCollection" }, "body": { "$ref": "#/definitions/SchemaCollection" }, "level": { "type": "string", "enum": [ "info", "success", "error", "warning" ] }, "id": { "type": "string" }, "position": { "type": "string", "enum": [ "top-right", "top-center", "top-left", "bottom-center", "bottom-left", "bottom-right", "center" ] }, "closeButton": { "type": "boolean" }, "showIcon": { "type": "boolean" }, "timeout": { "type": "number" } }, "required": [ "body", "level", "id" ], "additionalProperties": false }, "description": "轻提示内容" }, "position": { "type": "string", "enum": [ "top-right", "top-center", "top-left", "bottom-center", "bottom-left", "bottom-right", "center" ], "description": "弹出位置" }, "closeButton": { "type": "boolean", "description": "是否展示关闭按钮" }, "showIcon": { "type": "boolean", "description": "是否展示图标" }, "timeout": { "type": "number", "description": "持续时间" } }, "required": [ "closeButton", "items", "position", "timeout", "type" ], "additionalProperties": false }, "SchemaType": { "type": "string", "enum": [ "form", "button", "submit", "reset", "alert", "app", "audio", "avatar", "button-group", "button-toolbar", "breadcrumb", "card", "card2", "cards", "carousel", "chart", "calendar", "collapse", "collapse-group", "color", "container", "crud", "crud2", "custom", "date", "static-date", "datetime", "static-datetime", "time", "static-time", "month", "static-month", "dialog", "spinner", "divider", "dropdown-button", "drawer", "each", "flex", "flex-item", "grid", "grid-2d", "hbox", "icon", "iframe", "image", "static-image", "images", "static-images", "json-schema", "json-schema-editor", "json", "static-json", "link", "list", "log", "static-list", "map", "mapping", "markdown", "nav", "page", "pagination", "pagination-wrapper", "property", "operation", "panel", "plain", "text", "progress", "qrcode", "qr-code", "barcode", "remark", "search-box", "service", "sparkline", "status", "switch", "table", "static-table", "table2", "tabs", "html", "tpl", "tasks", "vbox", "video", "wizard", "wrapper", "web-component", "anchor-nav", "steps", "timeline", "control", "input-array", "button-group-select", "chained-select", "chart-radios", "checkbox", "checkboxes", "input-city", "input-color", "combo", "condition-builder", "input-date", "input-datetime", "input-time", "input-quarter", "input-year", "input-month", "input-date-range", "input-time-range", "input-datetime-range", "input-excel", "input-formula", "diff-editor", "editor", "bat-editor", "c-editor", "coffeescript-editor", "cpp-editor", "csharp-editor", "css-editor", "dockerfile-editor", "fsharp-editor", "go-editor", "handlebars-editor", "html-editor", "ini-editor", "java-editor", "javascript-editor", "json-editor", "less-editor", "lua-editor", "markdown-editor", "msdax-editor", "objective-c-editor", "php-editor", "plaintext-editor", "postiats-editor", "powershell-editor", "pug-editor", "python-editor", "r-editor", "razor-editor", "ruby-editor", "sb-editor", "scss-editor", "sol-editor", "sql-editor", "swift-editor", "typescript-editor", "vb-editor", "xml-editor", "yaml-editor", "fieldset", "fieldSet", "input-file", "formula", "group", "hidden", "icon-picker", "input-image", "input-group", "list-select", "location-picker", "matrix-checkboxes", "input-month-range", "input-quarter-range", "nested-select", "input-number", "picker", "radios", "input-range", "input-rating", "input-repeat", "input-rich-text", "select", "static", "input-sub-form", "input-table", "tabs-transfer", "input-tag", "input-text", "input-password", "input-email", "input-url", "uuid", "multi-select", "textarea", "transfer", "transfer-picker", "tabs-transfer-picker", "input-tree", "tree-select", "table-view", "portlet", "grid-nav", "users-select", "tag", "native-date", "native-time", "native-number", "code", "tooltip-wrapper" ] }, "CopyActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "copy", "description": "指定为复制内容行为" }, "copy": { "$ref": "#/definitions/SchemaTpl", "description": "复制啥内容由此配置，支持模板语法。" } }, "required": [ "actionType", "copy", "type" ], "additionalProperties": false }, "ReloadActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "$ref": "#/definitions/SchemaReload", "description": "指定目标组件。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "reload", "description": "指定为刷新目标组件。" } }, "required": [ "actionType", "type" ], "additionalProperties": false }, "EmailActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "type": "string", "description": "邮件正文" }, "actionType": { "type": "string", "const": "email", "description": "指定为打开邮箱行为" }, "to": { "type": "string", "description": "收件人邮箱" }, "cc": { "type": "string", "description": "抄送邮箱" }, "bcc": { "type": "string", "description": "匿名抄送邮箱" }, "subject": { "type": "string", "description": "邮件主题" } }, "required": [ "actionType", "to", "type" ], "additionalProperties": false }, "OtherActionSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "enum": [ "prev", "next", "cancel", "close", "submit", "confirm", "add", "reset", "reset-and-submit" ] } }, "required": [ "actionType", "type" ] }, "VanillaAction": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string" } }, "additionalProperties": false, "required": [ "type" ] }, "AlertSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "alert", "description": "指定为提示框类型" }, "title": { "type": "string", "description": "提示框标题" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" }, "level": { "type": "string", "enum": [ "info", "warning", "success", "error", "danger" ], "description": "提示类型" }, "showCloseButton": { "type": "boolean", "description": "是否显示关闭按钮" }, "closeButtonClassName": { "type": "string", "description": "关闭按钮CSS类名" }, "showIcon": { "type": "boolean", "description": "是否显示ICON" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "左侧图标" }, "iconClassName": { "type": "string", "description": "图标CSS类名" } }, "required": [ "body", "type" ], "additionalProperties": false, "description": "Alert 提示渲染器。 文档：https://baidu.gitee.io/amis/docs/components/alert" }, "AudioSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "audio", "description": "指定为音频播放器" }, "inline": { "type": "boolean", "description": "是否是内联模式" }, "src": { "$ref": "#/definitions/SchemaUrlPath", "description": "\"视频播放地址, 支持 $ 取变量。" }, "loop": { "type": "boolean", "description": "是否循环播放" }, "autoPlay": { "type": "boolean", "description": "是否自动播放" }, "rates": { "type": "array", "items": { "type": "number" }, "description": "配置可选播放倍速" }, "controls": { "type": "array", "items": { "type": "string", "enum": [ "rates", "play", "time", "process", "volume" ] }, "description": "可以配置控制器" } }, "required": [ "type" ], "additionalProperties": false, "description": "Audio 音频渲染器。 文档：https://baidu.gitee.io/amis/docs/components/audio" }, "AvatarSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "avatar" }, "style": { "type": "object", "description": "自定义样式" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "src": { "type": "string", "description": "图片地址" }, "icon": { "type": "string", "description": "图标" }, "fit": { "type": "string", "enum": [ "fill", "contain", "cover", "none", "scale-down" ], "description": "图片相对于容器的缩放方式" }, "shape": { "type": "string", "enum": [ "circle", "square", "rounded" ], "description": "形状" }, "size": { "anyOf": [ { "type": "number" }, { "type": "string", "const": "small" }, { "type": "string", "const": "default" }, { "type": "string", "const": "large" } ], "description": "大小" }, "text": { "type": "string", "description": "文本" }, "gap": { "type": "number", "description": "字符类型距离左右两侧边界单位像素" }, "alt": { "type": "string", "description": "图片无法显示时的替换文字地址" }, "draggable": { "type": "boolean", "description": "图片是否允许拖动" }, "crossOrigin": { "type": "string", "enum": [ "anonymous", "use-credentials", "" ], "description": "图片CORS属性" }, "onError": { "type": "string", "description": "图片加载失败的是否默认处理，字符串函数" } }, "required": [ "crossOrigin", "type" ], "additionalProperties": false }, "ButtonGroupSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否为禁用状态。" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "通过 JS 表达式来配置当前表单项的禁用状态。" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "通过 JS 表达式来配置当前表单项是否显示" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "button-group", "description": "指定为提交按钮类型" }, "btnClassName": { "$ref": "#/definitions/SchemaClassName" }, "btnActiveClassName": { "type": "string" }, "buttons": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "按钮集合" }, "btnLevel": { "type": "string", "description": "按钮样式级别" }, "btnActiveLevel": { "type": "string", "description": "按钮选中的样式级别" }, "vertical": { "type": "boolean", "description": "垂直展示？" }, "tiled": { "type": "boolean", "description": "平铺展示？" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" } }, "required": [ "btnActiveLevel", "type" ], "additionalProperties": false, "description": "Button Group 渲染器。 文档：https://baidu.gitee.io/amis/docs/components/button-group" }, "ButtonToolbarSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "button-toolbar", "description": "指定为按钮工具集合类型" }, "buttons": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" } } }, "required": [ "buttons", "type" ], "additionalProperties": false, "description": "Button Toolar 渲染器。 文档：https://baidu.gitee.io/amis/docs/components/button-toolbar" }, "CalendarSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "calendar", "description": "指定为日历选择控件" }, "schedules": { "anyOf": [ { "type": "array", "items": { "type": "object", "properties": { "startTime": { "type": "string" }, "endTime": { "type": "string" }, "content": {}, "className": { "type": "string" } }, "required": [ "startTime", "endTime", "content" ], "additionalProperties": false } }, { "type": "string" } ], "description": "日程" }, "scheduleClassNames": { "type": "array", "items": { "type": "string" }, "description": "日程显示颜色自定义" }, "scheduleAction": { "$ref": "#/definitions/SchemaObject", "description": "日程点击展示" }, "largeMode": { "type": "boolean", "description": "是否开启放大模式" }, "todayActiveStyle": { "type": "object", "description": "今日激活时的自定义样式" } }, "required": [ "type" ], "additionalProperties": false }, "CardSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "card", "description": "指定为 card 类型" }, "header": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "titleClassName": { "$ref": "#/definitions/SchemaClassName" }, "subTitle": { "$ref": "#/definitions/SchemaTpl", "description": "副标题" }, "subTitleClassName": { "$ref": "#/definitions/SchemaClassName" }, "subTitlePlaceholder": { "type": "string" }, "description": { "$ref": "#/definitions/SchemaTpl", "description": "描述" }, "descriptionPlaceholder": { "type": "string", "description": "描述占位内容" }, "descriptionClassName": { "$ref": "#/definitions/SchemaClassName", "description": "描述占位类名" }, "desc": { "$ref": "#/definitions/SchemaTpl" }, "descPlaceholder": { "$ref": "#/definitions/SchemaTpl" }, "descClassName": { "$ref": "#/definitions/SchemaClassName" }, "avatar": { "$ref": "#/definitions/SchemaUrlPath", "description": "图片地址" }, "avatarText": { "$ref": "#/definitions/SchemaTpl" }, "avatarTextBackground": { "type": "array", "items": { "type": "object", "properties": { "length": { "type": "number" } }, "required": [ "length" ], "additionalProperties": { "type": "string" } } }, "avatarTextClassName": { "$ref": "#/definitions/SchemaClassName" }, "avatarClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片包括层类名" }, "imageClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片类名。" }, "highlight": { "$ref": "#/definitions/SchemaExpression", "description": "是否点亮" }, "highlightClassName": { "$ref": "#/definitions/SchemaClassName" }, "href": { "$ref": "#/definitions/SchemaTpl", "description": "链接地址" }, "blank": { "type": "boolean", "description": "是否新窗口打开" } }, "additionalProperties": false, "description": "头部配置" }, "body": { "type": "array", "items": { "$ref": "#/definitions/CardBodyField" }, "description": "内容区域" }, "media": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName" }, "type": { "type": "string", "enum": [ "image", "video" ], "description": "多媒体类型" }, "url": { "$ref": "#/definitions/SchemaUrlPath", "description": "多媒体链接地址" }, "position": { "type": "string", "enum": [ "top", "left", "right", "bottom" ], "description": "多媒体区域位置" }, "autoPlay": { "type": "boolean", "description": "类型为video时是否自动播放" }, "isLive": { "type": "boolean", "description": "类型为video时是否是直播" }, "poster": { "$ref": "#/definitions/SchemaUrlPath", "description": "类型为video时视频封面" } }, "additionalProperties": false, "description": "多媒体区域" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "底部按钮集合。" }, "toolbar": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "工具栏按钮" }, "secondary": { "$ref": "#/definitions/SchemaTpl", "description": "次要说明" }, "useCardLabel": { "type": "boolean", "description": "卡片内容区的表单项label是否使用Card内部的样式，默认为true" } }, "required": [ "type" ], "additionalProperties": false, "description": "Card 卡片渲染器。 文档：https://baidu.gitee.io/amis/docs/components/card" }, "CardBodyField": { "allOf": [ { "$ref": "#/definitions/SchemaObjectCardBodyField", "patternProperties": { "^(label|labelClassName|name|popOver|quickEdit|copyable)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "label": { "type": "string", "description": "列标题" }, "labelClassName": { "$ref": "#/definitions/SchemaClassName", "description": "label 类名" }, "name": { "type": "string", "description": "绑定字段名" }, "popOver": { "$ref": "#/definitions/SchemaPopOver", "description": "配置查看详情功能" }, "quickEdit": { "$ref": "#/definitions/SchemaQuickEdit", "description": "配置快速编辑功能" }, "copyable": { "$ref": "#/definitions/SchemaCopyable", "description": "配置点击复制功能" } }, "required": [ "label" ] } ] }, "SchemaPopOver": { "anyOf": [ { "type": "boolean" }, { "$ref": "#/definitions/SchemaPopOverObject" } ] }, "SchemaPopOverObject": { "type": "object", "properties": { "className": { "type": "string", "description": "类名" }, "popOverClassName": { "type": "string", "description": "弹框外层类名" }, "popOverEnableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置当前行是否启动，要用表达式" }, "mode": { "type": "string", "enum": [ "dialog", "drawer", "popOver" ], "description": "弹出模式" }, "size": { "type": "string", "enum": [ "sm", "md", "lg", "xl" ], "description": "是弹窗形式的时候有用。" }, "position": { "type": "string", "enum": [ "center", "left-top", "left-top-left-top", "left-top-left-center", "left-top-left-bottom", "left-top-center-top", "left-top-center-center", "left-top-center-bottom", "left-top-right-top", "left-top-right-center", "left-top-right-bottom", "right-top", "right-top-left-top", "right-top-left-center", "right-top-left-bottom", "right-top-center-top", "right-top-center-center", "right-top-center-bottom", "right-top-right-top", "right-top-right-center", "right-top-right-bottom", "left-bottom", "left-bottom-left-top", "left-bottom-left-center", "left-bottom-left-bottom", "left-bottom-center-top", "left-bottom-center-center", "left-bottom-center-bottom", "left-bottom-right-top", "left-bottom-right-center", "left-bottom-right-bottom", "right-bottom", "right-bottom-left-top", "right-bottom-left-center", "right-bottom-left-bottom", "right-bottom-center-top", "right-bottom-center-center", "right-bottom-center-bottom", "right-bottom-right-top", "right-bottom-right-center", "right-bottom-right-bottom", "fixed-center", "fixed-left-top", "fixed-right-top", "fixed-left-bottom", "fixed-right-bottom" ], "description": "弹出位置" }, "trigger": { "type": "string", "enum": [ "click", "hover" ], "description": "触发条件，默认是 click" }, "showIcon": { "type": "boolean", "description": "是否显示查看更多的 icon，通常是放大图标。" }, "offset": { "type": "object", "properties": { "top": { "type": "number" }, "left": { "type": "number" } }, "additionalProperties": false, "description": "偏移量" }, "title": { "type": "string", "description": "标题" }, "body": { "$ref": "#/definitions/SchemaCollection" } }, "additionalProperties": false }, "SchemaQuickEdit": { "anyOf": [ { "type": "boolean" }, { "$ref": "#/definitions/SchemaQuickEditObject" } ] }, "SchemaQuickEditObject": { "anyOf": [ { "allOf": [ { "$ref": "#/definitions/SchemaObject", "patternProperties": { "^(saveImmediately|resetOnFailed|reload|mode)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "saveImmediately": { "type": "boolean", "description": "是否立即保存" }, "resetOnFailed": { "type": "boolean", "description": "接口保存失败后，是否重置组件编辑状态" }, "reload": { "type": "string", "description": "配置刷新目标，默认就会刷新所属 crud 组件， 如果不需要，请配置为 \"none\"" }, "mode": { "type": "string", "const": "inline", "description": "是否直接内嵌" } } } ] }, { "type": "object", "properties": { "saveImmediately": { "type": "boolean", "description": "是否立即保存" }, "resetOnFailed": { "type": "boolean", "description": "接口保存失败后，是否重置组件编辑状态" }, "reload": { "type": "string", "description": "配置刷新目标，默认就会刷新所属 crud 组件， 如果不需要，请配置为 \"none\"" }, "mode": { "type": "string", "const": "inline", "description": "是否直接内嵌" }, "body": { "$ref": "#/definitions/SchemaCollection" } }, "required": [ "body" ], "additionalProperties": false } ] }, "SchemaCopyable": { "anyOf": [ { "type": "boolean" }, { "$ref": "#/definitions/SchemaCopyableObject" } ] }, "SchemaCopyableObject": { "type": "object", "properties": { "icon": { "$ref": "#/definitions/SchemaIcon", "description": "可以配置图标" }, "content": { "$ref": "#/definitions/SchemaTpl", "description": "配置复制时的内容模板。" } }, "additionalProperties": false }, "CardsSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "cards", "description": "指定为 cards 类型" }, "card": { "anyOf": [ { "type": "object", "properties": { "type": { "type": "string", "const": "card", "description": "指定为 card 类型" }, "header": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "titleClassName": { "$ref": "#/definitions/SchemaClassName" }, "subTitle": { "$ref": "#/definitions/SchemaTpl", "description": "副标题" }, "subTitleClassName": { "$ref": "#/definitions/SchemaClassName" }, "subTitlePlaceholder": { "type": "string" }, "description": { "$ref": "#/definitions/SchemaTpl", "description": "描述" }, "descriptionPlaceholder": { "type": "string", "description": "描述占位内容" }, "descriptionClassName": { "$ref": "#/definitions/SchemaClassName", "description": "描述占位类名" }, "desc": { "$ref": "#/definitions/SchemaTpl" }, "descPlaceholder": { "$ref": "#/definitions/SchemaTpl" }, "descClassName": { "$ref": "#/definitions/SchemaClassName" }, "avatar": { "$ref": "#/definitions/SchemaUrlPath", "description": "图片地址" }, "avatarText": { "$ref": "#/definitions/SchemaTpl" }, "avatarTextBackground": { "type": "array", "items": { "type": "object", "properties": { "length": { "type": "number" } }, "required": [ "length" ], "additionalProperties": { "type": "string" } } }, "avatarTextClassName": { "$ref": "#/definitions/SchemaClassName" }, "avatarClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片包括层类名" }, "imageClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片类名。" }, "highlight": { "$ref": "#/definitions/SchemaExpression", "description": "是否点亮" }, "highlightClassName": { "$ref": "#/definitions/SchemaClassName" }, "href": { "$ref": "#/definitions/SchemaTpl", "description": "链接地址" }, "blank": { "type": "boolean", "description": "是否新窗口打开" } }, "additionalProperties": false, "description": "头部配置" }, "body": { "type": "array", "items": { "$ref": "#/definitions/CardBodyField" }, "description": "内容区域" }, "media": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName" }, "type": { "type": "string", "enum": [ "image", "video" ], "description": "多媒体类型" }, "url": { "$ref": "#/definitions/SchemaUrlPath", "description": "多媒体链接地址" }, "position": { "type": "string", "enum": [ "top", "left", "right", "bottom" ], "description": "多媒体区域位置" }, "autoPlay": { "type": "boolean", "description": "类型为video时是否自动播放" }, "isLive": { "type": "boolean", "description": "类型为video时是否是直播" }, "poster": { "$ref": "#/definitions/SchemaUrlPath", "description": "类型为video时视频封面" } }, "additionalProperties": false, "description": "多媒体区域" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "底部按钮集合。" }, "toolbar": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "工具栏按钮" }, "secondary": { "$ref": "#/definitions/SchemaTpl", "description": "次要说明" }, "useCardLabel": { "type": "boolean", "description": "卡片内容区的表单项label是否使用Card内部的样式，默认为true" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" } }, "additionalProperties": false }, { "$ref": "#/definitions/Card2Schema" } ] }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "头部 CSS 类名" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "底部 CSS 类名" }, "itemClassName": { "$ref": "#/definitions/SchemaClassName", "description": "卡片 CSS 类名" }, "placeholder": { "$ref": "#/definitions/SchemaTpl", "description": "无数据提示" }, "showFooter": { "type": "boolean", "description": "是否显示底部" }, "showHeader": { "type": "boolean", "description": "是否显示头部" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString", "description": "数据源: 绑定当前环境变量" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "hideCheckToggler": { "type": "boolean", "description": "是否隐藏勾选框" }, "affixHeader": { "type": "boolean", "description": "是否固顶" }, "header": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "footer": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "itemCheckableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可以点选" }, "itemDraggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可拖拽排序，前提是要开启拖拽功能" }, "checkOnItemClick": { "type": "boolean", "description": "点击卡片的时候是否勾选卡片。" }, "masonryLayout": { "type": "boolean", "description": "是否为瀑布流布局？" }, "valueField": { "type": "string", "description": "可以用来作为值的字段" } }, "required": [ "type" ], "additionalProperties": false, "description": "Cards 卡片集合渲染器。 文档：https://baidu.gitee.io/amis/docs/components/card" }, "Card2Schema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "card2", "description": "指定为 card2 类型" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容" }, "bodyClassName": { "$ref": "#/definitions/SchemaClassName", "description": "body 类名" }, "style": { "type": "object", "description": "自定义样式" }, "hideCheckToggler": { "type": "boolean", "description": "隐藏选框" }, "checkOnItemClick": { "type": "boolean", "description": "不配置href且cards容器下生效，点击整个卡片触发选中" }, "wrapperComponent": { "type": "string", "description": "渲染标签" } }, "required": [ "body", "checkOnItemClick", "type" ], "additionalProperties": false, "description": "Card2 新卡片渲染器。 文档：https://baidu.gitee.io/amis/docs/components/card2" }, "CarouselSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "carousel", "description": "指定为轮播图类型" }, "auto": { "type": "boolean", "description": "是否自动播放" }, "interval": { "type": [ "number", "string" ], "description": "轮播间隔时间" }, "duration": { "type": "number", "description": "动画时长" }, "width": { "type": "number", "description": "设置宽度" }, "height": { "type": "number", "description": "设置高度" }, "controlsTheme": { "type": "string", "enum": [ "light", "dark" ] }, "placeholder": { "type": "string", "description": "占位" }, "controls": { "type": "array", "items": { "type": "string", "enum": [ "dots", "arrows" ] }, "description": "配置控件内容" }, "animation": { "type": "string", "enum": [ "fade", "slide" ], "description": "动画类型" }, "itemSchema": { "$ref": "#/definitions/SchemaCollection", "description": "配置单条呈现模板" }, "name": { "$ref": "#/definitions/SchemaName" }, "thumbMode": { "type": "string", "enum": [ "contain", "cover" ], "description": "预览图模式" }, "options": { "type": "array", "items": {}, "description": "配置固定值" } }, "required": [ "type" ], "additionalProperties": false, "description": "Carousel 轮播图渲染器。 文档：https://baidu.gitee.io/amis/docs/components/carousel" }, "ChartSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "chart", "description": "指定为 chart 类型" }, "chartTheme": { "description": "Chart 主题配置" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "图表配置接口" }, "initFetch": { "type": "boolean", "description": "是否初始加载。" }, "initFetchOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否初始加载用表达式来配置" }, "config": { "description": "配置echart的config，支持数据映射。如果用了数据映射，为了同步更新，请设置 trackExpression" }, "trackExpression": { "type": "string", "description": "跟踪表达式，如果这个表达式的运行结果发生变化了，则会更新 Echart，当 config 中用了数据映射时有用。" }, "width": { "type": "number", "description": "宽度设置" }, "height": { "type": "number", "description": "高度设置" }, "interval": { "type": "number", "description": "刷新时间" }, "name": { "$ref": "#/definitions/SchemaName" }, "style": { "type": "object", "description": "style样式" }, "dataFilter": { "$ref": "#/definitions/SchemaFunction" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString" }, "disableDataMapping": { "type": "boolean", "description": "默认开启 Config 中的数据映射，如果想关闭，请开启此功能。" }, "clickAction": { "$ref": "#/definitions/ActionSchema", "description": "点击行为配置，可以用来满足下钻操作等。" }, "replaceChartOption": { "type": "boolean", "description": "默认配置时追加的，如果更新配置想完全替换配置请配置为 true." }, "unMountOnHidden": { "type": "boolean", "description": "不可见的时候隐藏" } }, "required": [ "type" ], "additionalProperties": false, "description": "Chart 图表渲染器。 文档：https://baidu.gitee.io/amis/docs/components/carousel" }, "SchemaFunction": { "anyOf": [ { "type": "string" }, { "type": "object", "properties": { "prototype": {}, "length": { "type": "number" }, "arguments": {}, "caller": { "$ref": "#/definitions/interface-1922134811-9821-11285-1922134811-0-212510" } }, "required": [ "prototype", "length", "arguments", "caller" ], "additionalProperties": false } ] }, "interface-1922134811-9821-11285-1922134811-0-212510": { "type": "object", "properties": { "prototype": {}, "length": { "type": "number" }, "arguments": {}, "caller": { "$ref": "#/definitions/interface-1922134811-9821-11285-1922134811-0-212510" } }, "required": [ "prototype", "length", "arguments", "caller" ], "additionalProperties": false }, "CollapseSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "collapse", "description": "指定为折叠器类型" }, "key": { "type": "string", "description": "标识" }, "headerPosition": { "type": "string", "enum": [ "top", "bottom" ], "description": "标题展示位置" }, "header": { "anyOf": [ { "type": "string" }, { "$ref": "#/definitions/SchemaCollection" } ], "description": "标题" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" }, "bodyClassName": { "type": "string", "description": "配置 Body 容器 className" }, "collapsable": { "type": "boolean", "description": "是否可折叠" }, "collapsed": { "type": "boolean", "description": "默认是否折叠" }, "showArrow": { "type": "boolean", "description": "图标是否展示" }, "expandIcon": { "$ref": "#/definitions/SchemaObject", "description": "自定义切换图标" }, "headingClassName": { "type": "string", "description": "标题 CSS 类名" }, "collapseHeader": { "$ref": "#/definitions/SchemaTpl", "description": "收起的标题" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg", "base" ], "description": "控件大小" }, "mountOnEnter": { "type": "boolean", "description": "点开时才加载内容" }, "unmountOnExit": { "type": "boolean", "description": "卡片隐藏就销毁内容。" } }, "required": [ "body", "type" ], "additionalProperties": false, "description": "Collapse 折叠渲染器，格式说明。 文档：https://baidu.gitee.io/amis/docs/components/collapse" }, "CollapseGroupSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "collapse-group", "description": "指定为折叠器类型" }, "activeKey": { "anyOf": [ { "type": "array", "items": { "type": [ "string", "number" ] } }, { "type": "string" }, { "type": "number" } ], "description": "激活面板" }, "accordion": { "type": "boolean", "description": "手风琴模式" }, "expandIcon": { "$ref": "#/definitions/SchemaObject", "description": "自定义切换图标" }, "expandIconPosition": { "type": "string", "enum": [ "left", "right" ], "description": "设置图标位置" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" } }, "required": [ "type" ], "additionalProperties": false, "description": "CollapseGroup 折叠渲染器，格式说明。 文档：https://baidu.gitee.io/amis/docs/components/collapse" }, "ColorSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "color", "description": "指定为颜色显示控件" }, "defaultColor": { "type": "string", "description": "默认颜色" }, "showValue": { "type": "boolean", "description": "是否用文字显示值。" } }, "required": [ "type" ], "additionalProperties": false, "description": "Color 显示渲染器，格式说明。 文档：https://baidu.gitee.io/amis/docs/components/color" }, "ContainerSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "container", "description": "指定为 container 类型" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容" }, "bodyClassName": { "$ref": "#/definitions/SchemaClassName", "description": "body 类名" }, "style": { "type": "object", "description": "自定义样式" }, "wrapperComponent": { "type": "string", "description": "使用的标签" } }, "required": [ "body", "type" ], "additionalProperties": false, "description": "Container 容器渲染器。 文档：https://baidu.gitee.io/amis/docs/components/container" }, "CRUDSchema": { "anyOf": [ { "$ref": "#/definitions/CRUDCardsSchema" }, { "$ref": "#/definitions/CRUDListSchema" }, { "$ref": "#/definitions/CRUDTableSchema" } ], "description": "CRUD 增删改查渲染器。 文档：https://baidu.gitee.io/amis/docs/components/crud" }, "CRUDCardsSchema": { "type": "object", "additionalProperties": false, "properties": { "card": { "anyOf": [ { "type": "object", "properties": { "type": { "type": "string", "const": "card", "description": "指定为 card 类型" }, "header": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "titleClassName": { "$ref": "#/definitions/SchemaClassName" }, "subTitle": { "$ref": "#/definitions/SchemaTpl", "description": "副标题" }, "subTitleClassName": { "$ref": "#/definitions/SchemaClassName" }, "subTitlePlaceholder": { "type": "string" }, "description": { "$ref": "#/definitions/SchemaTpl", "description": "描述" }, "descriptionPlaceholder": { "type": "string", "description": "描述占位内容" }, "descriptionClassName": { "$ref": "#/definitions/SchemaClassName", "description": "描述占位类名" }, "desc": { "$ref": "#/definitions/SchemaTpl" }, "descPlaceholder": { "$ref": "#/definitions/SchemaTpl" }, "descClassName": { "$ref": "#/definitions/SchemaClassName" }, "avatar": { "$ref": "#/definitions/SchemaUrlPath", "description": "图片地址" }, "avatarText": { "$ref": "#/definitions/SchemaTpl" }, "avatarTextBackground": { "type": "array", "items": { "type": "object", "properties": { "length": { "type": "number" } }, "required": [ "length" ], "additionalProperties": { "type": "string" } } }, "avatarTextClassName": { "$ref": "#/definitions/SchemaClassName" }, "avatarClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片包括层类名" }, "imageClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片类名。" }, "highlight": { "$ref": "#/definitions/SchemaExpression", "description": "是否点亮" }, "highlightClassName": { "$ref": "#/definitions/SchemaClassName" }, "href": { "$ref": "#/definitions/SchemaTpl", "description": "链接地址" }, "blank": { "type": "boolean", "description": "是否新窗口打开" } }, "additionalProperties": false, "description": "头部配置" }, "body": { "type": "array", "items": { "$ref": "#/definitions/CardBodyField" }, "description": "内容区域" }, "media": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName" }, "type": { "type": "string", "enum": [ "image", "video" ], "description": "多媒体类型" }, "url": { "$ref": "#/definitions/SchemaUrlPath", "description": "多媒体链接地址" }, "position": { "type": "string", "enum": [ "top", "left", "right", "bottom" ], "description": "多媒体区域位置" }, "autoPlay": { "type": "boolean", "description": "类型为video时是否自动播放" }, "isLive": { "type": "boolean", "description": "类型为video时是否是直播" }, "poster": { "$ref": "#/definitions/SchemaUrlPath", "description": "类型为video时视频封面" } }, "additionalProperties": false, "description": "多媒体区域" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "底部按钮集合。" }, "toolbar": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "工具栏按钮" }, "secondary": { "$ref": "#/definitions/SchemaTpl", "description": "次要说明" }, "useCardLabel": { "type": "boolean", "description": "卡片内容区的表单项label是否使用Card内部的样式，默认为true" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" } }, "additionalProperties": false }, { "$ref": "#/definitions/Card2Schema" } ] }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "头部 CSS 类名" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "底部 CSS 类名" }, "itemClassName": { "$ref": "#/definitions/SchemaClassName", "description": "卡片 CSS 类名" }, "placeholder": { "$ref": "#/definitions/SchemaTpl", "description": "无数据提示" }, "showFooter": { "type": "boolean", "description": "是否显示底部" }, "showHeader": { "type": "boolean", "description": "是否显示头部" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString", "description": "也可以直接从环境变量中读取，但是不太推荐。" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "hideCheckToggler": { "type": "boolean", "description": "是否隐藏勾选框" }, "affixHeader": { "type": "boolean", "description": "是否固顶" }, "header": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "footer": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "itemCheckableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可以点选" }, "itemDraggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可拖拽排序，前提是要开启拖拽功能" }, "checkOnItemClick": { "type": "boolean", "description": "点击卡片的时候是否勾选卡片。" }, "masonryLayout": { "type": "boolean", "description": "是否为瀑布流布局？" }, "valueField": { "type": "string", "description": "可以用来作为值的字段" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "cards" }, "type": { "type": "string", "const": "crud", "description": "指定为 CRUD 渲染器。" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "初始化数据 API" }, "bulkActions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "批量操作" }, "itemActions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "单条操作" }, "perPage": { "type": "number", "description": "每页个数，默认为 10，如果不是请设置。", "default": 10 }, "orderBy": { "type": "string", "description": "默认排序字段" }, "orderDir": { "type": "string", "enum": [ "asc", "desc" ], "description": "默认排序方向" }, "defaultParams": { "$ref": "#/definitions/PlainObject", "description": "可以默认给定初始参数如： {\\\"perPage\\\": 24}" }, "draggable": { "type": "boolean", "description": "是否可通过拖拽排序" }, "draggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否可通过拖拽排序，通过表达式来配置" }, "name": { "$ref": "#/definitions/SchemaName" }, "filter": { "description": "过滤器表单" }, "initFetch": { "type": "boolean", "description": "初始是否拉取" }, "initFetchOn": { "$ref": "#/definitions/SchemaExpression", "description": "初始是否拉取，用表达式来配置。" }, "innerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置内部 DOM 的 className" }, "interval": { "type": "number", "description": "设置自动刷新时间" }, "orderField": { "type": "string", "description": "设置用来确定位置的字段名，设置后新的顺序将被赋值到该字段中。" }, "pageField": { "type": "string", "description": "设置分页页码字段名。" }, "perPageField": { "type": "string", "description": "设置分页一页显示的多少条数据的字段名。" }, "quickSaveApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑后用来批量保存的 API" }, "quickSaveItemApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑配置成及时保存时使用的 API" }, "saveOrderApi": { "$ref": "#/definitions/SchemaApi", "description": "保存排序的 api" }, "syncLocation": { "type": "boolean", "description": "是否将过滤条件的参数同步到地址栏,默认为true", "default": true }, "headerToolbar": { "type": "array", "items": { "anyOf": [ { "allOf": [ { "$ref": "#/definitions/SchemaObject", "patternProperties": { "^(align)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" } } } ] }, { "type": "object", "additionalProperties": false, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "$ref": "#/definitions/CRUDBultinToolbarType" } }, "required": [ "type" ] }, { "$ref": "#/definitions/CRUDBultinToolbarType" } ] }, "description": "顶部工具栏" }, "footerToolbar": { "type": "array", "items": { "anyOf": [ { "allOf": [ { "$ref": "#/definitions/SchemaObject", "patternProperties": { "^(align)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" } } } ] }, { "type": "object", "additionalProperties": false, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "$ref": "#/definitions/CRUDBultinToolbarType" } }, "required": [ "type" ] }, { "$ref": "#/definitions/CRUDBultinToolbarType" } ] }, "description": "底部工具栏" }, "perPageAvailable": { "type": "array", "items": { "type": "number" }, "description": "每页显示多少个空间成员的配置如： [10, 20, 50, 100]。" }, "messages": { "$ref": "#/definitions/SchemaMessage" }, "hideQuickSaveBtn": { "type": "boolean", "description": "是否隐藏快速编辑的按钮。" }, "autoJumpToTopOnPagerChange": { "type": "boolean", "description": "是否自动跳顶部，当切分页的时候。" }, "silentPolling": { "type": "boolean", "description": "静默拉取" }, "stopAutoRefreshWhen": { "$ref": "#/definitions/SchemaExpression" }, "stopAutoRefreshWhenModalIsOpen": { "type": "boolean" }, "filterTogglable": { "type": "boolean" }, "filterDefaultVisible": { "type": "boolean" }, "syncResponse2Query": { "type": "boolean", "description": "是否将接口返回的内容自动同步到地址栏，前提是开启了同步地址栏。" }, "keepItemSelectionOnPageChange": { "type": "boolean", "description": "分页的时候是否保留用户选择。" }, "labelTpl": { "$ref": "#/definitions/SchemaTpl", "description": "当配置 keepItemSelectionOnPageChange 时有用，用来配置已勾选项的文案。" }, "loadDataOnce": { "type": "boolean", "description": "是否为前端单次加载模式，可以用来实现前端分页。" }, "loadDataOnceFetchOnFilter": { "type": "boolean", "description": "在开启loadDataOnce时，filter时是否去重新请求api" }, "expandConfig": { "type": "object", "properties": { "expand": { "type": "string", "enum": [ "first", "all", "none" ], "description": "默认是展开第一个、所有、还是都不展开。" }, "expandAll": { "type": "boolean", "description": "是否显示全部切换按钮" }, "accordion": { "type": "boolean", "description": "是否为手风琴模式" } }, "additionalProperties": false, "description": "如果时内嵌模式，可以通过这个来配置默认的展开选项。" }, "alwaysShowPagination": { "type": "boolean", "description": "默认只有当分页数大于 1 是才显示，如果总是想显示请配置。" }, "autoGenerateFilter": { "type": "boolean", "description": "开启查询区域，会根据列元素的searchable属性值，自动生成查询条件表单" }, "autoFillHeight": { "anyOf": [ { "type": "boolean" }, { "type": "object", "properties": { "height": { "type": "number" } }, "required": [ "height" ], "additionalProperties": false } ], "description": "内容区域占满屏幕剩余空间" } }, "required": [ "mode", "type" ] }, "PlainObject": { "type": "object" }, "CRUDBultinToolbarType": { "type": "string", "enum": [ "columns-toggler", "drag-toggler", "pagination", "bulkActions", "bulk-actions", "statistics", "switch-per-page", "load-more", "filter-toggler", "export-csv", "export-excel" ] }, "SchemaMessage": { "type": "object", "properties": { "fetchFailed": { "type": "string", "description": "获取失败时的提示" }, "fetchSuccess": { "type": "string", "description": "获取成功的提示，默认为空。" }, "saveFailed": { "type": "string", "description": "保存失败时的提示。" }, "saveSuccess": { "type": "string", "description": "保存成功时的提示。" } }, "additionalProperties": false, "description": "消息文案配置，记住这个优先级是最低的，如果你的接口返回了 msg，接口返回的优先。" }, "CRUDListSchema": { "type": "object", "additionalProperties": false, "properties": { "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "footer": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "底部区域类名" }, "header": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "顶部区域类名" }, "listItem": { "$ref": "#/definitions/ListItemSchema", "description": "单条数据展示内容配置" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString", "description": "也可以直接从环境变量中读取，但是不太推荐。" }, "showFooter": { "type": "boolean", "description": "是否显示底部" }, "showHeader": { "type": "boolean", "description": "是否显示头部" }, "placeholder": { "$ref": "#/definitions/SchemaTpl", "description": "无数据提示" }, "hideCheckToggler": { "type": "boolean", "description": "是否隐藏勾选框" }, "affixHeader": { "type": "boolean", "description": "是否固顶" }, "itemCheckableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可以点选" }, "itemDraggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可拖拽排序，前提是要开启拖拽功能" }, "checkOnItemClick": { "type": "boolean", "description": "点击卡片的时候是否勾选卡片。" }, "valueField": { "type": "string", "description": "可以用来作为值的字段" }, "size": { "type": "string", "enum": [ "sm", "base" ], "description": "大小" }, "itemAction": { "$ref": "#/definitions/ActionSchema", "description": "点击列表项的行为" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "list" }, "type": { "type": "string", "const": "crud", "description": "指定为 CRUD 渲染器。" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "初始化数据 API" }, "bulkActions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "批量操作" }, "itemActions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "单条操作" }, "perPage": { "type": "number", "description": "每页个数，默认为 10，如果不是请设置。", "default": 10 }, "orderBy": { "type": "string", "description": "默认排序字段" }, "orderDir": { "type": "string", "enum": [ "asc", "desc" ], "description": "默认排序方向" }, "defaultParams": { "$ref": "#/definitions/PlainObject", "description": "可以默认给定初始参数如： {\\\"perPage\\\": 24}" }, "draggable": { "type": "boolean", "description": "是否可通过拖拽排序" }, "draggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否可通过拖拽排序，通过表达式来配置" }, "name": { "$ref": "#/definitions/SchemaName" }, "filter": { "description": "过滤器表单" }, "initFetch": { "type": "boolean", "description": "初始是否拉取" }, "initFetchOn": { "$ref": "#/definitions/SchemaExpression", "description": "初始是否拉取，用表达式来配置。" }, "innerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置内部 DOM 的 className" }, "interval": { "type": "number", "description": "设置自动刷新时间" }, "orderField": { "type": "string", "description": "设置用来确定位置的字段名，设置后新的顺序将被赋值到该字段中。" }, "pageField": { "type": "string", "description": "设置分页页码字段名。" }, "perPageField": { "type": "string", "description": "设置分页一页显示的多少条数据的字段名。" }, "quickSaveApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑后用来批量保存的 API" }, "quickSaveItemApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑配置成及时保存时使用的 API" }, "saveOrderApi": { "$ref": "#/definitions/SchemaApi", "description": "保存排序的 api" }, "syncLocation": { "type": "boolean", "description": "是否将过滤条件的参数同步到地址栏,默认为true", "default": true }, "headerToolbar": { "type": "array", "items": { "anyOf": [ { "allOf": [ { "$ref": "#/definitions/SchemaObject", "patternProperties": { "^(align)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" } } } ] }, { "type": "object", "additionalProperties": false, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "$ref": "#/definitions/CRUDBultinToolbarType" } }, "required": [ "type" ] }, { "$ref": "#/definitions/CRUDBultinToolbarType" } ] }, "description": "顶部工具栏" }, "footerToolbar": { "type": "array", "items": { "anyOf": [ { "allOf": [ { "$ref": "#/definitions/SchemaObject", "patternProperties": { "^(align)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" } } } ] }, { "type": "object", "additionalProperties": false, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "$ref": "#/definitions/CRUDBultinToolbarType" } }, "required": [ "type" ] }, { "$ref": "#/definitions/CRUDBultinToolbarType" } ] }, "description": "底部工具栏" }, "perPageAvailable": { "type": "array", "items": { "type": "number" }, "description": "每页显示多少个空间成员的配置如： [10, 20, 50, 100]。" }, "messages": { "$ref": "#/definitions/SchemaMessage" }, "hideQuickSaveBtn": { "type": "boolean", "description": "是否隐藏快速编辑的按钮。" }, "autoJumpToTopOnPagerChange": { "type": "boolean", "description": "是否自动跳顶部，当切分页的时候。" }, "silentPolling": { "type": "boolean", "description": "静默拉取" }, "stopAutoRefreshWhen": { "$ref": "#/definitions/SchemaExpression" }, "stopAutoRefreshWhenModalIsOpen": { "type": "boolean" }, "filterTogglable": { "type": "boolean" }, "filterDefaultVisible": { "type": "boolean" }, "syncResponse2Query": { "type": "boolean", "description": "是否将接口返回的内容自动同步到地址栏，前提是开启了同步地址栏。" }, "keepItemSelectionOnPageChange": { "type": "boolean", "description": "分页的时候是否保留用户选择。" }, "labelTpl": { "$ref": "#/definitions/SchemaTpl", "description": "当配置 keepItemSelectionOnPageChange 时有用，用来配置已勾选项的文案。" }, "loadDataOnce": { "type": "boolean", "description": "是否为前端单次加载模式，可以用来实现前端分页。" }, "loadDataOnceFetchOnFilter": { "type": "boolean", "description": "在开启loadDataOnce时，filter时是否去重新请求api" }, "expandConfig": { "type": "object", "properties": { "expand": { "type": "string", "enum": [ "first", "all", "none" ], "description": "默认是展开第一个、所有、还是都不展开。" }, "expandAll": { "type": "boolean", "description": "是否显示全部切换按钮" }, "accordion": { "type": "boolean", "description": "是否为手风琴模式" } }, "additionalProperties": false, "description": "如果时内嵌模式，可以通过这个来配置默认的展开选项。" }, "alwaysShowPagination": { "type": "boolean", "description": "默认只有当分页数大于 1 是才显示，如果总是想显示请配置。" }, "autoGenerateFilter": { "type": "boolean", "description": "开启查询区域，会根据列元素的searchable属性值，自动生成查询条件表单" }, "autoFillHeight": { "anyOf": [ { "type": "boolean" }, { "type": "object", "properties": { "height": { "type": "number" } }, "required": [ "height" ], "additionalProperties": false } ], "description": "内容区域占满屏幕剩余空间" } }, "required": [ "mode", "type" ] }, "ListItemSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" } }, "actionsPosition": { "type": "string", "enum": [ "left", "right" ], "description": "操作位置，默认在右侧，可以设置成左侧。" }, "avatar": { "$ref": "#/definitions/SchemaUrlPath", "description": "图片地址" }, "body": { "type": "array", "items": { "anyOf": [ { "$ref": "#/definitions/ListBodyField" }, { "$ref": "#/definitions/ListBodyFieldObject" } ] }, "description": "内容区域" }, "desc": { "$ref": "#/definitions/SchemaTpl", "description": "描述" }, "remark": { "$ref": "#/definitions/SchemaRemark", "description": "tooltip 说明" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "subTitle": { "$ref": "#/definitions/SchemaTpl", "description": "副标题" } }, "additionalProperties": false }, "ListBodyField": { "allOf": [ { "$ref": "#/definitions/SchemaObjectListBodyField", "patternProperties": { "^(label|labelClassName|name|popOver|quickEdit|copyable)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "label": { "type": "string", "description": "列标题" }, "labelClassName": { "$ref": "#/definitions/SchemaClassName", "description": "label 类名" }, "name": { "type": "string", "description": "绑定字段名" }, "popOver": { "$ref": "#/definitions/SchemaPopOver", "description": "配置查看详情功能" }, "quickEdit": { "$ref": "#/definitions/SchemaQuickEdit", "description": "配置快速编辑功能" }, "copyable": { "$ref": "#/definitions/SchemaCopyable", "description": "配置点击复制功能" } } } ] }, "ListBodyFieldObject": { "type": "object", "properties": { "label": { "type": "string", "description": "列标题" }, "labelClassName": { "$ref": "#/definitions/SchemaClassName", "description": "label 类名" }, "name": { "type": "string", "description": "绑定字段名" }, "popOver": { "$ref": "#/definitions/SchemaPopOver", "description": "配置查看详情功能" }, "quickEdit": { "$ref": "#/definitions/SchemaQuickEdit", "description": "配置快速编辑功能" }, "copyable": { "$ref": "#/definitions/SchemaCopyable", "description": "配置点击复制功能" } }, "additionalProperties": false, "description": "不指定类型默认就是文本" }, "CRUDTableSchema": { "type": "object", "additionalProperties": false, "properties": { "affixHeader": { "type": "boolean", "description": "是否固定表头" }, "columns": { "type": "array", "items": { "$ref": "#/definitions/TableColumn" }, "description": "表格的列信息" }, "columnsTogglable": { "anyOf": [ { "type": "boolean" }, { "type": "string", "const": "auto" } ], "description": "展示列显示开关，自动即：列数量大于或等于5个时自动开启" }, "footable": { "anyOf": [ { "type": "boolean" }, { "type": "object", "properties": { "expand": { "type": "string", "enum": [ "first", "all", "none" ] }, "accordion": { "type": "boolean", "description": "是否为手风琴模式" } }, "additionalProperties": false } ], "description": "是否开启底部展示功能，适合移动端展示" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "底部外层 CSS 类名" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "顶部外层 CSS 类名" }, "placeholder": { "anyOf": [ { "type": "string" }, { "$ref": "#/definitions/SchemaTpl" } ], "description": "占位符" }, "showFooter": { "type": "boolean", "description": "是否显示底部" }, "showHeader": { "type": "boolean", "description": "是否显示头部" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString", "description": "也可以直接从环境变量中读取，但是不太推荐。" }, "tableClassName": { "$ref": "#/definitions/SchemaClassName", "description": "表格 CSS 类名" }, "title": { "type": "string", "description": "标题" }, "toolbarClassName": { "$ref": "#/definitions/SchemaClassName", "description": "工具栏 CSS 类名" }, "combineNum": { "anyOf": [ { "type": "number" }, { "$ref": "#/definitions/SchemaExpression" } ], "description": "合并单元格配置，配置数字表示从左到右的多少列自动合并单元格。" }, "combineFromIndex": { "type": "number", "description": "合并单元格配置，配置从第几列开始合并。" }, "prefixRow": { "type": "array", "items": { "$ref": "#/definitions/SchemaObject" }, "description": "顶部总结行" }, "affixRow": { "type": "array", "items": { "$ref": "#/definitions/SchemaObject" }, "description": "底部总结行" }, "resizable": { "type": "boolean", "description": "是否可调整列宽" }, "rowClassNameExpr": { "type": "string", "description": "行样式表表达式" }, "itemBadge": { "$ref": "#/definitions/BadgeObject", "description": "行角标" }, "autoGenerateFilter": { "type": "boolean", "description": "开启查询区域，会根据列元素的searchable属性值，自动生成查询条件表单" }, "canAccessSuperData": { "type": "boolean", "description": "表格是否可以获取父级数据域值，默认为false" }, "autoFillHeight": { "anyOf": [ { "type": "boolean" }, { "type": "object", "properties": { "height": { "type": "number" } }, "required": [ "height" ], "additionalProperties": false } ], "description": "内容区域占满屏幕剩余空间" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "table" }, "type": { "type": "string", "const": "crud", "description": "指定为 CRUD 渲染器。" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "初始化数据 API" }, "bulkActions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "批量操作" }, "itemActions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "单条操作" }, "perPage": { "type": "number", "description": "每页个数，默认为 10，如果不是请设置。", "default": 10 }, "orderBy": { "type": "string", "description": "默认排序字段" }, "orderDir": { "type": "string", "enum": [ "asc", "desc" ], "description": "默认排序方向" }, "defaultParams": { "$ref": "#/definitions/PlainObject", "description": "可以默认给定初始参数如： {\\\"perPage\\\": 24}" }, "draggable": { "type": "boolean", "description": "是否可通过拖拽排序" }, "draggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否可通过拖拽排序，通过表达式来配置" }, "name": { "$ref": "#/definitions/SchemaName" }, "filter": { "description": "过滤器表单" }, "initFetch": { "type": "boolean", "description": "初始是否拉取" }, "initFetchOn": { "$ref": "#/definitions/SchemaExpression", "description": "初始是否拉取，用表达式来配置。" }, "innerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置内部 DOM 的 className" }, "interval": { "type": "number", "description": "设置自动刷新时间" }, "orderField": { "type": "string", "description": "设置用来确定位置的字段名，设置后新的顺序将被赋值到该字段中。" }, "pageField": { "type": "string", "description": "设置分页页码字段名。" }, "perPageField": { "type": "string", "description": "设置分页一页显示的多少条数据的字段名。" }, "quickSaveApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑后用来批量保存的 API" }, "quickSaveItemApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑配置成及时保存时使用的 API" }, "saveOrderApi": { "$ref": "#/definitions/SchemaApi", "description": "保存排序的 api" }, "syncLocation": { "type": "boolean", "description": "是否将过滤条件的参数同步到地址栏,默认为true", "default": true }, "headerToolbar": { "type": "array", "items": { "anyOf": [ { "allOf": [ { "$ref": "#/definitions/SchemaObject", "patternProperties": { "^(align)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" } } } ] }, { "type": "object", "additionalProperties": false, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "$ref": "#/definitions/CRUDBultinToolbarType" } }, "required": [ "type" ] }, { "$ref": "#/definitions/CRUDBultinToolbarType" } ] }, "description": "顶部工具栏" }, "footerToolbar": { "type": "array", "items": { "anyOf": [ { "allOf": [ { "$ref": "#/definitions/SchemaObject", "patternProperties": { "^(align)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" } } } ] }, { "type": "object", "additionalProperties": false, "properties": { "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "$ref": "#/definitions/CRUDBultinToolbarType" } }, "required": [ "type" ] }, { "$ref": "#/definitions/CRUDBultinToolbarType" } ] }, "description": "底部工具栏" }, "perPageAvailable": { "type": "array", "items": { "type": "number" }, "description": "每页显示多少个空间成员的配置如： [10, 20, 50, 100]。" }, "messages": { "$ref": "#/definitions/SchemaMessage" }, "hideQuickSaveBtn": { "type": "boolean", "description": "是否隐藏快速编辑的按钮。" }, "autoJumpToTopOnPagerChange": { "type": "boolean", "description": "是否自动跳顶部，当切分页的时候。" }, "silentPolling": { "type": "boolean", "description": "静默拉取" }, "stopAutoRefreshWhen": { "$ref": "#/definitions/SchemaExpression" }, "stopAutoRefreshWhenModalIsOpen": { "type": "boolean" }, "filterTogglable": { "type": "boolean" }, "filterDefaultVisible": { "type": "boolean" }, "syncResponse2Query": { "type": "boolean", "description": "是否将接口返回的内容自动同步到地址栏，前提是开启了同步地址栏。" }, "keepItemSelectionOnPageChange": { "type": "boolean", "description": "分页的时候是否保留用户选择。" }, "labelTpl": { "$ref": "#/definitions/SchemaTpl", "description": "当配置 keepItemSelectionOnPageChange 时有用，用来配置已勾选项的文案。" }, "loadDataOnce": { "type": "boolean", "description": "是否为前端单次加载模式，可以用来实现前端分页。" }, "loadDataOnceFetchOnFilter": { "type": "boolean", "description": "在开启loadDataOnce时，filter时是否去重新请求api" }, "expandConfig": { "type": "object", "properties": { "expand": { "type": "string", "enum": [ "first", "all", "none" ], "description": "默认是展开第一个、所有、还是都不展开。" }, "expandAll": { "type": "boolean", "description": "是否显示全部切换按钮" }, "accordion": { "type": "boolean", "description": "是否为手风琴模式" } }, "additionalProperties": false, "description": "如果时内嵌模式，可以通过这个来配置默认的展开选项。" }, "alwaysShowPagination": { "type": "boolean", "description": "默认只有当分页数大于 1 是才显示，如果总是想显示请配置。" } }, "required": [ "type" ] }, "TableColumn": { "anyOf": [ { "$ref": "#/definitions/TableColumnWithType" }, { "$ref": "#/definitions/TableColumnObject" } ] }, "TableColumnWithType": { "allOf": [ { "$ref": "#/definitions/SchemaObjectTableColumnWithType", "patternProperties": { "^(label|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|className|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique|canAccessSuperData)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "label": { "type": "string", "description": "列标题" }, "fixed": { "type": "string", "enum": [ "left", "right", "none" ], "description": "配置是否固定当前列" }, "name": { "type": "string", "description": "绑定字段名" }, "popOver": { "$ref": "#/definitions/SchemaPopOver", "description": "配置查看详情功能" }, "quickEdit": { "$ref": "#/definitions/SchemaQuickEdit", "description": "配置快速编辑功能" }, "quickEditOnUpdate": { "$ref": "#/definitions/SchemaQuickEdit", "description": "作为表单项时，可以单独配置编辑时的快速编辑面板。" }, "copyable": { "$ref": "#/definitions/SchemaCopyable", "description": "配置点击复制功能" }, "sortable": { "type": "boolean", "description": "配置是否可以排序" }, "searchable": { "anyOf": [ { "type": "boolean" }, { "$ref": "#/definitions/SchemaObject" } ], "description": "是否可快速搜索" }, "toggled": { "type": "boolean", "description": "配置是否默认展示" }, "width": { "type": [ "number", "string" ], "description": "列宽度" }, "align": { "type": "string", "enum": [ "left", "right", "center", "justify" ], "description": "列对齐方式" }, "className": { "type": "string", "description": "列样式表" }, "classNameExpr": { "type": "string", "description": "单元格样式表达式" }, "labelClassName": { "type": "string", "description": "列头样式表" }, "filterable": { "anyOf": [ { "type": "boolean" }, { "type": "object", "properties": { "source": { "type": "string" }, "options": { "type": "array", "items": {} } }, "additionalProperties": false } ], "description": "todo" }, "breakpoint": { "type": "string", "enum": [ "*", "xs", "sm", "md", "lg" ], "description": "结合表格的 footable 一起使用。 填写 *、xs、sm、md、lg指定 footable 的触发条件，可以填写多个用空格隔开" }, "remark": { "$ref": "#/definitions/SchemaRemark", "description": "提示信息" }, "value": { "description": "默认值, 只有在 inputTable 里面才有用" }, "unique": { "type": "boolean", "description": "是否唯一, 只有在 inputTable 里面才有用" }, "canAccessSuperData": { "type": "boolean", "description": "表格列单元格是否可以获取父级数据域值，默认为true，该配置对当前列内单元格生效" } }, "required": [ "label" ] } ] }, "TableColumnObject": { "type": "object", "properties": { "label": { "type": "string", "description": "列标题" }, "fixed": { "type": "string", "enum": [ "left", "right", "none" ], "description": "配置是否固定当前列" }, "name": { "type": "string", "description": "绑定字段名" }, "popOver": { "$ref": "#/definitions/SchemaPopOver", "description": "配置查看详情功能" }, "quickEdit": { "$ref": "#/definitions/SchemaQuickEdit", "description": "配置快速编辑功能" }, "quickEditOnUpdate": { "$ref": "#/definitions/SchemaQuickEdit", "description": "作为表单项时，可以单独配置编辑时的快速编辑面板。" }, "copyable": { "$ref": "#/definitions/SchemaCopyable", "description": "配置点击复制功能" }, "sortable": { "type": "boolean", "description": "配置是否可以排序" }, "searchable": { "anyOf": [ { "type": "boolean" }, { "$ref": "#/definitions/SchemaObject" } ], "description": "是否可快速搜索" }, "toggled": { "type": "boolean", "description": "配置是否默认展示" }, "width": { "type": [ "number", "string" ], "description": "列宽度" }, "align": { "type": "string", "enum": [ "left", "right", "center", "justify" ], "description": "列对齐方式" }, "className": { "type": "string", "description": "列样式表" }, "classNameExpr": { "type": "string", "description": "单元格样式表达式" }, "labelClassName": { "type": "string", "description": "列头样式表" }, "filterable": { "anyOf": [ { "type": "boolean" }, { "type": "object", "properties": { "source": { "type": "string" }, "options": { "type": "array", "items": {} } }, "additionalProperties": false } ], "description": "todo" }, "breakpoint": { "type": "string", "enum": [ "*", "xs", "sm", "md", "lg" ], "description": "结合表格的 footable 一起使用。 填写 *、xs、sm、md、lg指定 footable 的触发条件，可以填写多个用空格隔开" }, "remark": { "$ref": "#/definitions/SchemaRemark", "description": "提示信息" }, "value": { "description": "默认值, 只有在 inputTable 里面才有用" }, "unique": { "type": "boolean", "description": "是否唯一, 只有在 inputTable 里面才有用" }, "canAccessSuperData": { "type": "boolean", "description": "表格列单元格是否可以获取父级数据域值，默认为true，该配置对当前列内单元格生效" } }, "required": [ "label" ], "additionalProperties": false, "description": "表格列，不指定类型时默认为文本类型。" }, "CRUD2Schema": { "anyOf": [ { "$ref": "#/definitions/CRUD2CardsSchema" }, { "$ref": "#/definitions/CRUD2ListSchema" }, { "$ref": "#/definitions/CRUD2TableSchema" } ] }, "CRUD2CardsSchema": { "type": "object", "additionalProperties": false, "properties": { "card": { "anyOf": [ { "type": "object", "properties": { "type": { "type": "string", "const": "card", "description": "指定为 card 类型" }, "header": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "titleClassName": { "$ref": "#/definitions/SchemaClassName" }, "subTitle": { "$ref": "#/definitions/SchemaTpl", "description": "副标题" }, "subTitleClassName": { "$ref": "#/definitions/SchemaClassName" }, "subTitlePlaceholder": { "type": "string" }, "description": { "$ref": "#/definitions/SchemaTpl", "description": "描述" }, "descriptionPlaceholder": { "type": "string", "description": "描述占位内容" }, "descriptionClassName": { "$ref": "#/definitions/SchemaClassName", "description": "描述占位类名" }, "desc": { "$ref": "#/definitions/SchemaTpl" }, "descPlaceholder": { "$ref": "#/definitions/SchemaTpl" }, "descClassName": { "$ref": "#/definitions/SchemaClassName" }, "avatar": { "$ref": "#/definitions/SchemaUrlPath", "description": "图片地址" }, "avatarText": { "$ref": "#/definitions/SchemaTpl" }, "avatarTextBackground": { "type": "array", "items": { "type": "object", "properties": { "length": { "type": "number" } }, "required": [ "length" ], "additionalProperties": { "type": "string" } } }, "avatarTextClassName": { "$ref": "#/definitions/SchemaClassName" }, "avatarClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片包括层类名" }, "imageClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片类名。" }, "highlight": { "$ref": "#/definitions/SchemaExpression", "description": "是否点亮" }, "highlightClassName": { "$ref": "#/definitions/SchemaClassName" }, "href": { "$ref": "#/definitions/SchemaTpl", "description": "链接地址" }, "blank": { "type": "boolean", "description": "是否新窗口打开" } }, "additionalProperties": false, "description": "头部配置" }, "body": { "type": "array", "items": { "$ref": "#/definitions/CardBodyField" }, "description": "内容区域" }, "media": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName" }, "type": { "type": "string", "enum": [ "image", "video" ], "description": "多媒体类型" }, "url": { "$ref": "#/definitions/SchemaUrlPath", "description": "多媒体链接地址" }, "position": { "type": "string", "enum": [ "top", "left", "right", "bottom" ], "description": "多媒体区域位置" }, "autoPlay": { "type": "boolean", "description": "类型为video时是否自动播放" }, "isLive": { "type": "boolean", "description": "类型为video时是否是直播" }, "poster": { "$ref": "#/definitions/SchemaUrlPath", "description": "类型为video时视频封面" } }, "additionalProperties": false, "description": "多媒体区域" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "底部按钮集合。" }, "toolbar": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "工具栏按钮" }, "secondary": { "$ref": "#/definitions/SchemaTpl", "description": "次要说明" }, "useCardLabel": { "type": "boolean", "description": "卡片内容区的表单项label是否使用Card内部的样式，默认为true" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" } }, "additionalProperties": false }, { "$ref": "#/definitions/Card2Schema" } ] }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "头部 CSS 类名" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "底部 CSS 类名" }, "itemClassName": { "$ref": "#/definitions/SchemaClassName", "description": "卡片 CSS 类名" }, "placeholder": { "$ref": "#/definitions/SchemaTpl", "description": "无数据提示" }, "showFooter": { "type": "boolean", "description": "是否显示底部" }, "showHeader": { "type": "boolean", "description": "是否显示头部" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString", "description": "也可以直接从环境变量中读取，但是不太推荐。" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "hideCheckToggler": { "type": "boolean", "description": "是否隐藏勾选框" }, "affixHeader": { "type": "boolean", "description": "是否固顶" }, "header": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "footer": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "itemCheckableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可以点选" }, "itemDraggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可拖拽排序，前提是要开启拖拽功能" }, "checkOnItemClick": { "type": "boolean", "description": "点击卡片的时候是否勾选卡片。" }, "masonryLayout": { "type": "boolean", "description": "是否为瀑布流布局？" }, "valueField": { "type": "string", "description": "可以用来作为值的字段" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "cards" }, "type": { "type": "string", "const": "crud2", "description": "指定为 CRUD2 渲染器。" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "初始化数据 API" }, "silentPolling": { "type": "boolean", "description": "静默拉取" }, "interval": { "type": "number", "description": "设置自动刷新时间" }, "stopAutoRefreshWhen": { "$ref": "#/definitions/SchemaExpression" }, "loadType": { "type": "string", "enum": [ "more", "pagination" ], "description": "数据展示模式 无限加载 or 分页" }, "perPage": { "type": "number", "description": "无限加载时，根据此项设置其每页加载数量，可以不限制" }, "loadDataOnce": { "type": "boolean", "description": "是否为前端单次加载模式，可以用来实现前端分页。" }, "selectable": { "type": "boolean", "description": "是否可以选择数据，外部事件动作" }, "multiple": { "type": "boolean", "description": "是否可以多选数据，仅当selectable为 true 时生效" }, "showSelection": { "type": "boolean", "description": "是否展示已选数据区域，仅当selectable为 true 时生效" }, "quickSaveApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑后用来批量保存的 API" }, "quickSaveItemApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑配置成及时保存时使用的 API" }, "saveOrderApi": { "$ref": "#/definitions/SchemaApi", "description": "保存排序的 api" }, "syncLocation": { "type": "boolean", "description": "是否将过滤条件的参数同步到地址栏,默认为true", "default": true }, "pageField": { "type": "string", "description": "设置分页页码字段名。" }, "perPageField": { "type": "string", "description": "设置分页一页显示的多少条数据的字段名。" }, "name": { "$ref": "#/definitions/SchemaName" }, "hideQuickSaveBtn": { "type": "boolean", "description": "是否隐藏快速编辑的按钮。" }, "autoJumpToTopOnPagerChange": { "type": "boolean", "description": "是否自动跳顶部，当切分页的时候。" }, "headerToolbar": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "footerToolbar": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "syncResponse2Query": { "type": "boolean", "description": "是否将接口返回的内容自动同步到地址栏，前提是开启了同步地址栏。" }, "keepItemSelectionOnPageChange": { "type": "boolean", "description": "翻页时是否保留用户已选的数据" }, "autoFillHeight": { "type": "boolean", "description": "内容区域占满屏幕剩余空间" } }, "required": [ "mode", "type" ] }, "CRUD2ListSchema": { "type": "object", "additionalProperties": false, "properties": { "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "footer": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "底部区域类名" }, "header": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "顶部区域类名" }, "listItem": { "$ref": "#/definitions/ListItemSchema", "description": "单条数据展示内容配置" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString", "description": "也可以直接从环境变量中读取，但是不太推荐。" }, "showFooter": { "type": "boolean", "description": "是否显示底部" }, "showHeader": { "type": "boolean", "description": "是否显示头部" }, "placeholder": { "$ref": "#/definitions/SchemaTpl", "description": "无数据提示" }, "hideCheckToggler": { "type": "boolean", "description": "是否隐藏勾选框" }, "affixHeader": { "type": "boolean", "description": "是否固顶" }, "itemCheckableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可以点选" }, "itemDraggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可拖拽排序，前提是要开启拖拽功能" }, "checkOnItemClick": { "type": "boolean", "description": "点击卡片的时候是否勾选卡片。" }, "valueField": { "type": "string", "description": "可以用来作为值的字段" }, "size": { "type": "string", "enum": [ "sm", "base" ], "description": "大小" }, "itemAction": { "$ref": "#/definitions/ActionSchema", "description": "点击列表项的行为" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "list" }, "type": { "type": "string", "const": "crud2", "description": "指定为 CRUD2 渲染器。" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "初始化数据 API" }, "silentPolling": { "type": "boolean", "description": "静默拉取" }, "interval": { "type": "number", "description": "设置自动刷新时间" }, "stopAutoRefreshWhen": { "$ref": "#/definitions/SchemaExpression" }, "loadType": { "type": "string", "enum": [ "more", "pagination" ], "description": "数据展示模式 无限加载 or 分页" }, "perPage": { "type": "number", "description": "无限加载时，根据此项设置其每页加载数量，可以不限制" }, "loadDataOnce": { "type": "boolean", "description": "是否为前端单次加载模式，可以用来实现前端分页。" }, "selectable": { "type": "boolean", "description": "是否可以选择数据，外部事件动作" }, "multiple": { "type": "boolean", "description": "是否可以多选数据，仅当selectable为 true 时生效" }, "showSelection": { "type": "boolean", "description": "是否展示已选数据区域，仅当selectable为 true 时生效" }, "quickSaveApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑后用来批量保存的 API" }, "quickSaveItemApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑配置成及时保存时使用的 API" }, "saveOrderApi": { "$ref": "#/definitions/SchemaApi", "description": "保存排序的 api" }, "syncLocation": { "type": "boolean", "description": "是否将过滤条件的参数同步到地址栏,默认为true", "default": true }, "pageField": { "type": "string", "description": "设置分页页码字段名。" }, "perPageField": { "type": "string", "description": "设置分页一页显示的多少条数据的字段名。" }, "name": { "$ref": "#/definitions/SchemaName" }, "hideQuickSaveBtn": { "type": "boolean", "description": "是否隐藏快速编辑的按钮。" }, "autoJumpToTopOnPagerChange": { "type": "boolean", "description": "是否自动跳顶部，当切分页的时候。" }, "headerToolbar": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "footerToolbar": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "syncResponse2Query": { "type": "boolean", "description": "是否将接口返回的内容自动同步到地址栏，前提是开启了同步地址栏。" }, "keepItemSelectionOnPageChange": { "type": "boolean", "description": "翻页时是否保留用户已选的数据" }, "autoFillHeight": { "type": "boolean", "description": "内容区域占满屏幕剩余空间" } }, "required": [ "mode", "type" ] }, "CRUD2TableSchema": { "type": "object", "additionalProperties": false, "properties": { "title": { "anyOf": [ { "type": "string" }, { "$ref": "#/definitions/SchemaObject" }, { "type": "array", "items": { "$ref": "#/definitions/SchemaObject" } } ], "description": "表格标题" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString", "description": "也可以直接从环境变量中读取，但是不太推荐。" }, "columnsTogglable": { "anyOf": [ { "type": "string", "const": "auto" }, { "type": "boolean" }, { "$ref": "#/definitions/SchemaObject" } ], "description": "表格可自定义列" }, "columns": { "type": "array", "items": { "$ref": "#/definitions/ColumnSchema" }, "description": "表格列配置" }, "rowSelection": { "$ref": "#/definitions/RowSelectionSchema", "description": "表格可选择配置" }, "expandable": { "$ref": "#/definitions/ExpandableSchema", "description": "表格行可展开配置" }, "sticky": { "type": "boolean", "description": "粘性头部" }, "loading": { "anyOf": [ { "type": "boolean" }, { "type": "string" }, { "$ref": "#/definitions/SchemaObject" } ], "description": "加载中" }, "itemBadge": { "$ref": "#/definitions/BadgeObject", "description": "行角标内容" }, "showBadge": { "type": "boolean", "description": "是否展示行角标" }, "popOverContainer": { "description": "指定挂载dom" }, "keyField": { "type": "string", "description": "嵌套展开记录的唯一标识" }, "childrenColumnName": { "type": "string", "description": "数据源嵌套自定义字段名" }, "rowClassNameExpr": { "type": "string", "description": "自定义行样式" }, "lineHeight": { "type": "string", "description": "是否固定内容行高度" }, "bordered": { "type": "boolean", "description": "是否展示边框" }, "showHeader": { "type": "boolean", "description": "是否展示表头" }, "footer": { "anyOf": [ { "type": "string" }, { "$ref": "#/definitions/SchemaObject" }, { "type": "array", "items": { "$ref": "#/definitions/SchemaObject" } } ], "description": "指定表尾" }, "quickSaveApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑后用来批量保存的 API" }, "quickSaveItemApi": { "$ref": "#/definitions/SchemaApi", "description": "快速编辑配置成及时保存时使用的 API" }, "primaryField": { "type": "string", "description": "快速编辑关键字段" }, "messages": { "$ref": "#/definitions/SchemaMessage", "description": "接口报错信息配置" }, "reload": { "type": "string", "description": "重新加载的组件名称" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "操作列配置" }, "maxKeepItemSelectionLength": { "type": "number", "description": "批量操作最大限制数" }, "keepItemSelectionOnPageChange": { "type": "boolean", "description": "翻页时是否保留用户已选的数据" }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "mode": { "type": "string", "description": "指定内容区的展示模式。", "const": "table2" }, "type": { "type": "string", "const": "crud2", "description": "指定为 CRUD2 渲染器。" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "初始化数据 API" }, "silentPolling": { "type": "boolean", "description": "静默拉取" }, "interval": { "type": "number", "description": "设置自动刷新时间" }, "stopAutoRefreshWhen": { "$ref": "#/definitions/SchemaExpression" }, "loadType": { "type": "string", "enum": [ "more", "pagination" ], "description": "数据展示模式 无限加载 or 分页" }, "perPage": { "type": "number", "description": "无限加载时，根据此项设置其每页加载数量，可以不限制" }, "loadDataOnce": { "type": "boolean", "description": "是否为前端单次加载模式，可以用来实现前端分页。" }, "selectable": { "type": "boolean", "description": "是否可以选择数据，外部事件动作" }, "multiple": { "type": "boolean", "description": "是否可以多选数据，仅当selectable为 true 时生效" }, "showSelection": { "type": "boolean", "description": "是否展示已选数据区域，仅当selectable为 true 时生效" }, "saveOrderApi": { "$ref": "#/definitions/SchemaApi", "description": "保存排序的 api" }, "syncLocation": { "type": "boolean", "description": "是否将过滤条件的参数同步到地址栏,默认为true", "default": true }, "pageField": { "type": "string", "description": "设置分页页码字段名。" }, "perPageField": { "type": "string", "description": "设置分页一页显示的多少条数据的字段名。" }, "name": { "$ref": "#/definitions/SchemaName" }, "hideQuickSaveBtn": { "type": "boolean", "description": "是否隐藏快速编辑的按钮。" }, "autoJumpToTopOnPagerChange": { "type": "boolean", "description": "是否自动跳顶部，当切分页的时候。" }, "headerToolbar": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "footerToolbar": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "syncResponse2Query": { "type": "boolean", "description": "是否将接口返回的内容自动同步到地址栏，前提是开启了同步地址栏。" }, "autoFillHeight": { "type": "boolean", "description": "内容区域占满屏幕剩余空间" } }, "required": [ "columns", "source", "type" ] }, "ColumnSchema": { "type": "object", "properties": { "name": { "type": "string", "description": "指定列唯一标识" }, "title": { "anyOf": [ { "type": "string" }, { "$ref": "#/definitions/SchemaObject" } ], "description": "指定列标题" }, "type": { "type": "string", "description": "指定列内容渲染器" }, "rowSpanExpr": { "type": "string", "description": "指定行合并表达式" }, "colSpanExpr": { "type": "string", "description": "指定列合并表达式" }, "children": { "type": "array", "items": { "$ref": "#/definitions/ColumnSchema" }, "description": "表头分组" }, "copyable": { "type": "boolean", "description": "可复制" }, "remark": { "type": "string", "description": "列表头提示" }, "searchable": { "anyOf": [ { "type": "boolean" }, { "$ref": "#/definitions/SchemaObject" } ], "description": "快速搜索" }, "sorter": { "type": "boolean", "description": "快速排序" }, "align": { "type": "string", "description": "内容居左、居中、居右" }, "fixed": { "type": [ "boolean", "string" ], "description": "是否固定在左侧/右侧" }, "toggled": { "type": "boolean", "description": "当前列是否展示" }, "className": { "type": "string", "description": "列样式" }, "titleClassName": { "type": "string", "description": "表头单元格样式" }, "classNameExpr": { "type": "string", "description": "单元格样式" } }, "required": [ "name", "title" ], "additionalProperties": false }, "RowSelectionSchema": { "type": "object", "properties": { "type": { "type": "string", "description": "选择类型 单选/多选" }, "keyField": { "type": "string", "description": "对应数据源的key值" }, "disableOn": { "type": "string", "description": "行是否禁用表达式" }, "selections": { "type": "array", "items": { "$ref": "#/definitions/RowSelectionOptionsSchema" }, "description": "自定义选择菜单" }, "selectedRowKeys": { "type": "array", "items": { "type": [ "string", "number" ] }, "description": "已选择的key值" }, "selectedRowKeysExpr": { "type": "string", "description": "已选择的key值表达式" }, "columnWidth": { "type": "number", "description": "已选择的key值表达式" }, "rowClick": { "type": "boolean", "description": "是否点击行触发选中或取消选中" } }, "required": [ "type" ], "additionalProperties": false }, "RowSelectionOptionsSchema": { "type": "object", "properties": { "key": { "type": "string", "description": "选择类型 选择全部" }, "text": { "type": "string", "description": "选项显示文本" } }, "required": [ "key", "text" ], "additionalProperties": false }, "ExpandableSchema": { "type": "object", "properties": { "type": { "type": "string", "description": "对应渲染器类型" }, "keyField": { "type": "string", "description": "对应数据源的key值" }, "expandableOn": { "type": "string", "description": "行是否可展开表达式" }, "expandedRowClassNameExpr": { "type": "string", "description": "展开行自定义样式表达式" }, "expandedRowKeys": { "type": "array", "items": { "type": [ "string", "number" ] }, "description": "已展开的key值" }, "expandedRowKeysExpr": { "type": "string", "description": "已展开的key值表达式" } }, "required": [ "type", "keyField", "expandableOn", "expandedRowClassNameExpr", "expandedRowKeys", "expandedRowKeysExpr" ], "additionalProperties": false }, "DateSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "date", "datetime", "time", "static-date", "static-datetime", "static-time" ], "description": "指定为日期展示类型" }, "format": { "type": "string", "description": "展示的时间格式，参考 moment 中的格式说明。" }, "placeholder": { "type": "string", "description": "占位符" }, "valueFormat": { "type": "string", "description": "值的时间格式，参考 moment 中的格式说明。" }, "fromNow": { "type": "boolean", "description": "显示成相对时间，比如1分钟前" }, "updateFrequency": { "type": "number", "description": "更新频率， 默认为1分钟" } }, "required": [ "type" ], "additionalProperties": false, "description": "Date 展示渲染器。 文档：https://baidu.gitee.io/amis/docs/components/date" }, "DialogSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "dialog" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "默认不用填写，自动会创建确认和取消按钮。" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" }, "bodyClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 Body 容器 className" }, "closeOnEsc": { "type": "boolean", "description": "是否支持按 ESC 关闭 Dialog" }, "closeOnOutside": { "type": "boolean", "description": "是否支持点其它区域关闭 Dialog" }, "name": { "$ref": "#/definitions/SchemaName" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg", "xl", "full" ], "description": "Dialog 大小" }, "height": { "type": "string", "description": "Dialog 高度" }, "width": { "type": "string", "description": "Dialog 宽度" }, "title": { "$ref": "#/definitions/SchemaCollection", "description": "请通过配置 title 设置标题" }, "header": { "$ref": "#/definitions/SchemaCollection" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName" }, "footer": { "$ref": "#/definitions/SchemaCollection" }, "confirm": { "type": "boolean", "description": "影响自动生成的按钮，如果自己配置了按钮这个配置无效。" }, "showCloseButton": { "type": "boolean", "description": "是否显示关闭按钮" }, "showErrorMsg": { "type": "boolean", "description": "是否显示错误信息" }, "showLoading": { "type": "boolean", "description": "是否显示 spinner" } }, "required": [ "type" ], "additionalProperties": false, "description": "Dialog 弹框渲染器。 文档：https://baidu.gitee.io/amis/docs/components/dialog" }, "DividerSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "divider" }, "lineStyle": { "type": "string", "enum": [ "dashed", "solid" ] } }, "required": [ "type" ], "description": "Divider 分割线渲染器。 文档：https://baidu.gitee.io/amis/docs/components/divider" }, "DrawerSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "配置 外层 className" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "drawer" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ActionSchema" }, "description": "默认不用填写，自动会创建确认和取消按钮。" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区域" }, "bodyClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 Body 容器 className" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 头部 容器 className" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "配置 头部 容器 className" }, "closeOnEsc": { "type": "boolean", "description": "是否支持按 ESC 关闭 Dialog" }, "name": { "$ref": "#/definitions/SchemaName" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg", "full" ], "description": "Dialog 大小" }, "title": { "$ref": "#/definitions/SchemaCollection", "description": "请通过配置 title 设置标题" }, "position": { "type": "string", "enum": [ "left", "right", "top", "bottom" ], "description": "从什么位置弹出" }, "showCloseButton": { "type": "boolean", "description": "是否展示关闭按钮 当值为false时，默认开启closeOnOutside" }, "width": { "type": [ "number", "string" ], "description": "抽屉的宽度 （当position为left | right时生效）" }, "height": { "type": [ "number", "string" ], "description": "抽屉的高度 （当position为top | bottom时生效）" }, "header": { "$ref": "#/definitions/SchemaCollection", "description": "头部" }, "footer": { "$ref": "#/definitions/SchemaCollection", "description": "底部" }, "confirm": { "type": "boolean", "description": "影响自动生成的按钮，如果自己配置了按钮这个配置无效。" }, "resizable": { "type": "boolean", "description": "是否可以拖动弹窗大小" }, "overlay": { "type": "boolean", "description": "是否显示蒙层" }, "closeOnOutside": { "type": "boolean", "description": "点击外部的时候是否关闭弹框。" }, "showErrorMsg": { "type": "boolean", "description": "是否显示错误信息" } }, "required": [ "type" ], "additionalProperties": false, "description": "Drawer 抽出式弹框。 文档：https://baidu.gitee.io/amis/docs/components/drawer" }, "DropdownButtonSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "dropdown-button", "description": "指定为 DropDown Button 类型" }, "block": { "type": "boolean", "description": "是否独占一行 `display: block`" }, "btnClassName": { "$ref": "#/definitions/SchemaClassName", "description": "给 Button 配置 className。" }, "buttons": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" }, "description": "按钮集合，支持分组" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "danger", "warning", "primary", "link" ], "description": "按钮级别，样式" }, "closeOnOutside": { "type": "boolean", "description": "点击外部是否关闭" }, "closeOnClick": { "type": "boolean", "description": "点击内容是否关闭" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "align": { "type": "string", "enum": [ "left", "right" ], "description": "对齐方式" }, "iconOnly": { "type": "boolean", "description": "是否只显示图标。" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧图标" }, "trigger": { "type": "string", "enum": [ "click", "hover" ], "description": "触发条件，默认是 click" }, "hideCaret": { "type": "boolean", "description": "是否显示下拉按钮" }, "menuClassName": { "type": "string", "description": "菜单 CSS 样式" } }, "required": [ "type" ], "additionalProperties": false, "description": "下拉按钮渲染器。 文档：https://baidu.gitee.io/amis/docs/components/dropdown-button" }, "DropdownButton": { "anyOf": [ { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "ajax", "description": "指定为发送 ajax 的行为。" }, "api": { "$ref": "#/definitions/SchemaApi", "description": "配置 ajax 发送地址" }, "feedback": { "$ref": "#/definitions/FeedbackDialog" }, "reload": { "$ref": "#/definitions/SchemaReload" }, "redirect": { "type": "string" }, "ignoreConfirm": { "type": "boolean" } }, "required": [ "actionType", "api", "type" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "url", "description": "指定为打开链接" }, "blank": { "type": "boolean", "description": "是否新窗口打开" }, "url": { "type": "string", "description": "打开的目标地址" } }, "required": [ "actionType", "type", "url" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "link", "description": "指定为打开链接行为，跟 url 不同的时这个行为为单页模式。" }, "link": { "type": "string", "description": "跳转到哪？支持配置相对路径。" } }, "required": [ "actionType", "link", "type" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "dialog", "description": "指定为打开弹窗" }, "dialog": { "$ref": "#/definitions/DialogSchemaBase", "description": "弹框详情 文档：https://baidu.gitee.io/amis/docs/components/dialog" }, "nextCondition": { "$ref": "#/definitions/SchemaExpression", "description": "是否有下一个的表达式，正常可以不用配置，如果想要刷掉某些数据可以配置这个。" }, "reload": { "$ref": "#/definitions/SchemaReload" }, "redirect": { "type": "string" } }, "required": [ "actionType", "dialog", "type" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "drawer", "description": "指定为打开弹窗，抽出式弹窗" }, "drawer": { "$ref": "#/definitions/DrawerSchemaBase", "description": "抽出式弹框详情 文档：https://baidu.gitee.io/amis/docs/components/drawer" }, "nextCondition": { "$ref": "#/definitions/SchemaExpression", "description": "是否有下一个的表达式，正常可以不用配置，如果想要刷掉某些数据可以配置这个。" }, "reload": { "$ref": "#/definitions/SchemaReload" }, "redirect": { "type": "string" } }, "required": [ "actionType", "drawer", "type" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "toast", "description": "指定为打开弹窗，抽出式弹窗" }, "toast": { "$ref": "#/definitions/ToastSchemaBase", "description": "轻提示详情 文档：https://baidu.gitee.io/amis/docs/components/toast" } }, "required": [ "actionType", "toast", "type" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "copy", "description": "指定为复制内容行为" }, "copy": { "$ref": "#/definitions/SchemaTpl", "description": "复制啥内容由此配置，支持模板语法。" } }, "required": [ "actionType", "copy", "type" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "$ref": "#/definitions/SchemaReload", "description": "指定目标组件。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "const": "reload", "description": "指定为刷新目标组件。" } }, "required": [ "actionType", "type" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "type": "string", "description": "邮件正文" }, "actionType": { "type": "string", "const": "email", "description": "指定为打开邮箱行为" }, "to": { "type": "string", "description": "收件人邮箱" }, "cc": { "type": "string", "description": "抄送邮箱" }, "bcc": { "type": "string", "description": "匿名抄送邮箱" }, "subject": { "type": "string", "description": "邮件主题" } }, "required": [ "actionType", "to", "type" ] }, { "type": "object", "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string", "enum": [ "prev", "next", "cancel", "close", "submit", "confirm", "add", "reset", "reset-and-submit" ] } }, "required": [ "actionType", "type" ] }, { "type": "object", "additionalProperties": false, "properties": { "children": { "type": "array", "items": { "$ref": "#/definitions/DropdownButton" } }, "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "主要用于用户行为跟踪里区分是哪个按钮" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "button", "submit", "reset" ], "description": "指定按钮类型，支持 button、submit或者reset三种类型。" }, "block": { "type": "boolean", "description": "是否为块状展示，默认为内联。" }, "disabledTip": { "type": "string", "description": "禁用时的文案提示。" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "按钮图标， iconfont 的类名" }, "iconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "icon 上的css 类名" }, "rightIcon": { "$ref": "#/definitions/SchemaIcon", "description": "右侧按钮图标， iconfont 的类名" }, "rightIconClassName": { "$ref": "#/definitions/SchemaClassName", "description": "右侧 icon 上的 css 类名" }, "loadingClassName": { "$ref": "#/definitions/SchemaClassName", "description": "loading 上的css 类名" }, "label": { "type": "string", "description": "按钮文字" }, "level": { "type": "string", "enum": [ "info", "success", "warning", "danger", "link", "primary", "dark", "light", "secondary" ], "description": "按钮样式" }, "primary": { "type": "boolean" }, "size": { "type": "string", "enum": [ "xs", "sm", "md", "lg" ], "description": "按钮大小" }, "tooltip": { "$ref": "#/definitions/SchemaTooltip" }, "tooltipPlacement": { "type": "string", "enum": [ "top", "right", "bottom", "left" ] }, "confirmText": { "type": "string", "description": "提示文字，配置了操作前会要求用户确认。" }, "required": { "type": "array", "items": { "type": "string" }, "description": "如果按钮在form中，配置此属性会要求用户把指定的字段通过验证后才会触发行为。" }, "activeLevel": { "type": "string", "description": "激活状态时的样式" }, "activeClassName": { "type": "string", "description": "激活状态时的类名" }, "close": { "type": [ "boolean", "string" ], "description": "如果按钮在弹框中，可以配置这个动作完成后是否关闭弹窗，或者指定关闭目标弹框。" }, "requireSelected": { "type": "boolean", "description": "当按钮时批量操作按钮时，默认必须有勾选元素才能可点击，如果此属性配置成 false，则没有点选成员也能点击。" }, "mergeData": { "type": "boolean", "description": "是否将弹框中数据 merge 到父级作用域。" }, "target": { "type": "string", "description": "可以指定让谁来触发这个动作。" }, "countDown": { "type": "number", "description": "点击后的禁止倒计时（秒）" }, "countDownTpl": { "type": "string", "description": "倒计时文字自定义" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "hotKey": { "type": "string", "description": "键盘快捷键" }, "loadingOn": { "type": "string", "description": "是否显示loading效果" }, "onClick": { "anyOf": [ { "type": "string" }, {} ], "description": "自定义事件处理函数" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "子内容" }, "actionType": { "type": "string" } }, "required": [ "type" ] }, { "$ref": "#/definitions/DividerSchema" }, { "type": "string", "const": "divider" } ] }, "EachSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "each", "description": "指定为each展示类型" }, "name": { "type": "string", "description": "关联字段名" }, "source": { "type": "string", "description": "关联字段名 支持数据映射" }, "items": { "$ref": "#/definitions/SchemaCollection" }, "placeholder": { "type": "string" } }, "required": [ "type" ], "additionalProperties": false, "description": "Each 循环功能渲染器。 文档：https://baidu.gitee.io/amis/docs/components/each" }, "GridSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "grid", "description": "指定为 Grid 格子布局渲染器。" }, "columns": { "type": "array", "items": { "$ref": "#/definitions/GridColumn" }, "description": "列集合" }, "gap": { "type": "string", "enum": [ "xs", "sm", "base", "none", "md", "lg" ], "description": "水平间距" }, "valign": { "type": "string", "enum": [ "top", "middle", "bottom", "between" ], "description": "垂直对齐方式" }, "align": { "type": "string", "enum": [ "left", "right", "between", "center" ], "description": "水平对齐方式" } }, "required": [ "columns", "type" ], "additionalProperties": false, "description": "Grid 格子布局渲染器。 文档：https://baidu.gitee.io/amis/docs/components/grid" }, "GridColumn": { "$ref": "#/definitions/GridColumnObject" }, "GridColumnObject": { "type": "object", "properties": { "xs": { "anyOf": [ { "type": "number" }, { "type": "string", "const": "auto" } ], "description": "极小屏（<768px）时宽度占比" }, "sm": { "anyOf": [ { "type": "number" }, { "type": "string", "const": "auto" } ], "description": "小屏时（>=768px）宽度占比" }, "md": { "anyOf": [ { "type": "number" }, { "type": "string", "const": "auto" } ], "description": "中屏时(>=992px)宽度占比" }, "lg": { "anyOf": [ { "type": "number" }, { "type": "string", "const": "auto" } ], "description": "大屏时(>=1200px)宽度占比" }, "valign": { "type": "string", "enum": [ "top", "middle", "bottom", "between" ], "description": "垂直对齐方式" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置子表单项默认的展示方式。" }, "horizontal": { "$ref": "#/definitions/FormHorizontal", "description": "如果是水平排版，这个属性可以细化水平排版的左右宽度占比。" }, "body": { "$ref": "#/definitions/SchemaCollection" }, "columnClassName": { "$ref": "#/definitions/SchemaClassName", "description": "列类名" } }, "additionalProperties": false }, "FormHorizontal": { "type": "object", "properties": { "left": { "type": "number" }, "right": { "type": "number" }, "leftFixed": { "anyOf": [ { "type": "boolean" }, { "type": "number" }, { "type": "string", "const": "xs" }, { "type": "string", "const": "sm" }, { "type": "string", "const": "md" }, { "type": "string", "const": "lg" } ] }, "justify": { "type": "boolean" }, "labelAlign": { "type": "string", "enum": [ "left", "right" ] }, "labelWidth": { "type": [ "number", "string" ], "description": "label自定义宽度，默认单位为px" } }, "additionalProperties": false }, "Grid2DSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "grid-2d", "description": "指定为 grid-2d 展示类型" }, "cols": { "type": "number", "description": "列数量，默认是 12" }, "width": { "anyOf": [ { "type": "number" }, { "type": "string" }, { "type": "string", "const": "auto" } ], "description": "grid 2d 容器宽度，默认是 auto" }, "gap": { "type": [ "number", "string" ], "description": "格子间距，默认 0，包含行和列" }, "gapRow": { "type": [ "number", "string" ], "description": "格子行级别的间距，如果不设置就和 gap 一样" }, "rowHeight": { "type": [ "number", "string" ], "description": "单位行高度，默认 50 px" }, "grids": { "type": "array", "items": { "$ref": "#/definitions/Grid" }, "description": "每个格子的配置" } }, "required": [ "grids", "type" ], "additionalProperties": false, "description": "二维布局渲染器。 文档：https://baidu.gitee.io/amis/docs/components/grid-2d" }, "Grid": { "allOf": [ { "$ref": "#/definitions/SchemaObjectGrid", "patternProperties": { "^(x|y|w|h|width|height|align|valign|gridClassName)$": {} } }, { "type": "object", "additionalProperties": true, "properties": { "x": { "type": "number", "description": "起始横坐标位置，以 1 为起点" }, "y": { "type": "number", "description": "起始纵坐标位置，以 1 为起点" }, "w": { "type": "number", "description": "宽度，跨几列" }, "h": { "type": "number", "description": "高度，跨几行" }, "width": { "type": [ "number", "string" ], "description": "宽度，会影响起始位置对应那一列的宽度" }, "height": { "type": [ "number", "string" ], "description": "高度，会影响起始位置那一行的高度，设置为 auto 就会自适应" }, "align": { "type": "string", "enum": [ "left", "right", "center", "auto" ], "description": "水平展示方式，用于内容宽度比 grid 小的情况，默认是 auto 自动撑满" }, "valign": { "type": "string", "enum": [ "top", "bottom", "middle", "auto" ], "description": "垂直展示方式，用于内容高度比 grid 小的情况，默认是 auto 自动撑满" }, "gridClassName": { "type": "string", "description": "每个格子最外层容器的 className" } }, "required": [ "h", "w", "x", "y" ] } ] }, "HBoxSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "hbox", "description": "指定为each展示类型" }, "columns": { "type": "array", "items": { "$ref": "#/definitions/HBoxColumn" } }, "subFormMode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置子表单项默认的展示方式。" }, "subFormHorizontal": { "$ref": "#/definitions/FormHorizontal", "description": "如果是水平排版，这个属性可以细化水平排版的左右宽度占比。" }, "gap": { "type": "string", "enum": [ "xs", "sm", "base", "none", "md", "lg" ], "description": "水平间距" }, "valign": { "type": "string", "enum": [ "top", "middle", "bottom", "between" ], "description": "垂直对齐方式" }, "align": { "type": "string", "enum": [ "left", "right", "between", "center" ], "description": "水平对齐方式" } }, "required": [ "columns", "type" ], "additionalProperties": false, "description": "Hbox 水平布局渲染器。 文档：https://baidu.gitee.io/amis/docs/components/hbox" }, "HBoxColumn": { "$ref": "#/definitions/HBoxColumnObject" }, "HBoxColumnObject": { "type": "object", "properties": { "columnClassName": { "type": "string", "description": "列上 CSS 类名" }, "valign": { "type": "string", "enum": [ "top", "middle", "bottom", "between" ], "description": "垂直对齐方式" }, "width": { "type": [ "number", "string" ], "description": "宽度" }, "height": { "type": [ "number", "string" ], "description": "高度" }, "style": { "type": "object", "description": "其他样式" }, "mode": { "type": "string", "enum": [ "normal", "inline", "horizontal" ], "description": "配置子表单项默认的展示方式。" }, "horizontal": { "$ref": "#/definitions/FormHorizontal", "description": "如果是水平排版，这个属性可以细化水平排版的左右宽度占比。" }, "body": { "$ref": "#/definitions/SchemaCollection", "description": "内容区" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" } }, "additionalProperties": false }, "IconSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "icon" }, "icon": { "$ref": "#/definitions/SchemaTpl", "description": "按钮类型" }, "vendor": { "type": "string", "enum": [ "iconfont", "fa", "" ] }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" } }, "required": [ "icon", "type" ], "additionalProperties": false, "description": "Icon 图表渲染器 文档：https://baidu.gitee.io/amis/docs/components/icon" }, "IFrameSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "iframe" }, "src": { "$ref": "#/definitions/SchemaUrlPath", "description": "页面地址" }, "events": { "type": "object", "additionalProperties": { "$ref": "#/definitions/ActionSchema" }, "description": "事件相应，配置后当 iframe 通过 postMessage 发送事件时，可以触发 AMIS 内部的动作。" }, "width": { "type": [ "number", "string" ] }, "height": { "type": [ "number", "string" ] }, "allow": { "type": "string" }, "name": { "type": "string" }, "referrerpolicy": { "type": "string", "enum": [ "no-referrer", "no-referrer-when-downgrade", "origin", "origin-when-cross-origin", "same-origin", "strict-origin", "strict-origin-when-cross-origin", "unsafe-url" ] }, "sandbox": { "type": "string" } }, "required": [ "src", "type" ], "additionalProperties": false, "description": "IFrame 渲染器 文档：https://baidu.gitee.io/amis/docs/components/iframe" }, "ImageSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "外层 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "image", "static-image" ], "description": "指定为图片展示类型" }, "defaultImage": { "$ref": "#/definitions/SchemaUrlPath", "description": "默认图片地址" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "图片标题" }, "name": { "type": "string", "description": "关联字段名，也可以直接配置 src" }, "imageCaption": { "$ref": "#/definitions/SchemaTpl", "description": "图片描述信息" }, "src": { "$ref": "#/definitions/SchemaUrlPath", "description": "图片地址，如果配置了 name，这个属性不用配置。" }, "originalSrc": { "$ref": "#/definitions/SchemaUrlPath", "description": "大图地址，不设置用 src" }, "enlargeAble": { "type": "boolean", "description": "是否启动放大功能。" }, "alt": { "type": "string", "description": "图片无法显示时的替换文本" }, "height": { "type": "number", "description": "高度" }, "width": { "type": "number", "description": "宽度" }, "innerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "组件内层 css 类名" }, "imageClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片 css 类名" }, "thumbClassName": { "$ref": "#/definitions/SchemaClassName", "description": "图片缩略图外层 css 类名" }, "caption": { "$ref": "#/definitions/SchemaTpl", "description": "图片说明文字" }, "imageMode": { "type": "string", "enum": [ "thumb", "original" ], "description": "图片展示模式，默认为缩略图模式、可以配置成原图模式" }, "thumbMode": { "type": "string", "enum": [ "w-full", "h-full", "contain", "cover" ], "description": "预览图模式" }, "thumbRatio": { "type": "string", "enum": [ "1:1", "4:3", "16:9" ], "description": "预览图比率" }, "href": { "$ref": "#/definitions/SchemaTpl", "description": "链接地址" }, "blank": { "type": "boolean", "description": "是否新窗口打开" }, "htmlTarget": { "type": "string", "description": "链接的 target" } }, "required": [ "type" ], "additionalProperties": false, "description": "图片展示控件。 文档：https://baidu.gitee.io/amis/docs/components/image" }, "ImagesSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "外层 CSS 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "images", "static-images" ], "description": "指定为图片集渲染器" }, "defaultImage": { "$ref": "#/definitions/SchemaUrlPath", "description": "默认图片地址" }, "placeholder": { "type": "string", "description": "列表为空时显示" }, "delimiter": { "type": "string", "description": "配置值的连接符" }, "thumbMode": { "type": "string", "enum": [ "w-full", "h-full", "contain", "cover" ], "description": "预览图模式" }, "thumbRatio": { "type": "string", "enum": [ "1:1", "4:3", "16:9" ], "description": "预览图比率" }, "name": { "type": "string", "description": "关联字段名，也可以直接配置 src" }, "value": {}, "source": { "type": "string" }, "options": { "type": "array", "items": {} }, "src": { "type": "string", "description": "图片地址，默认读取数据中的 image 属性，如果不是请配置 ,如 ${imageUrl}" }, "originalSrc": { "type": "string", "description": "大图地址，不设置用 src 属性，如果不是请配置，如：${imageOriginUrl}" }, "enlargeAble": { "type": "boolean", "description": "是否启动放大功能。" }, "showDimensions": { "type": "boolean", "description": "是否显示尺寸。" }, "listClassName": { "$ref": "#/definitions/SchemaClassName", "description": "列表 CSS 类名" } }, "required": [ "type" ], "additionalProperties": false, "description": "图片集展示控件。 文档：https://baidu.gitee.io/amis/docs/components/images" }, "JsonSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "json", "static-json" ], "description": "指定为Json展示类型" }, "levelExpand": { "type": "number", "description": "默认展开的级别" }, "source": { "type": "string", "description": "支持从数据链取值" }, "mutable": { "type": "boolean", "description": "是否可修改" }, "displayDataTypes": { "type": "boolean", "description": "是否显示数据类型" }, "enableClipboard": { "type": "boolean", "description": "是否可复制" }, "iconStyle": { "type": "string", "enum": [ "square", "circle", "triangle" ], "description": "图标风格" }, "quotesOnKeys": { "type": "boolean", "description": "是否显示键的引号" }, "sortKeys": { "type": "boolean", "description": "是否为键排序" }, "ellipsisThreshold": { "anyOf": [ { "type": "number" }, { "type": "boolean", "const": false } ], "description": "设置字符串的最大展示长度，超出长度阈值的字符串将被截断，点击value可切换字符串展示方式，默认为false" } }, "required": [ "type" ], "additionalProperties": false, "description": "JSON 数据展示控件。 文档：https://baidu.gitee.io/amis/docs/components/json" }, "LinkSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "link", "description": "指定为 link 链接展示控件" }, "blank": { "type": "boolean", "description": "是否新窗口打开。" }, "href": { "type": "string", "description": "链接地址" }, "body": { "$ref": "#/definitions/SchemaTpl", "description": "链接内容，如果不配置将显示链接地址。" }, "badge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "htmlTarget": { "type": "string", "description": "a标签原生target属性" }, "icon": { "type": "string", "description": "图标" }, "rightIcon": { "type": "string", "description": "右侧图标" } }, "required": [ "type" ], "additionalProperties": false, "description": "Link 链接展示控件。 文档：https://baidu.gitee.io/amis/docs/components/link" }, "ListSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "list", "static-list" ], "description": "指定为 List 列表展示控件。" }, "title": { "$ref": "#/definitions/SchemaTpl", "description": "标题" }, "footer": { "$ref": "#/definitions/SchemaCollection", "description": "底部区域" }, "footerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "底部区域类名" }, "header": { "$ref": "#/definitions/SchemaCollection", "description": "顶部区域" }, "headerClassName": { "$ref": "#/definitions/SchemaClassName", "description": "顶部区域类名" }, "listItem": { "$ref": "#/definitions/ListItemSchema", "description": "单条数据展示内容配置" }, "source": { "$ref": "#/definitions/SchemaTokenizeableString", "description": "数据源: 绑定当前环境变量" }, "showFooter": { "type": "boolean", "description": "是否显示底部" }, "showHeader": { "type": "boolean", "description": "是否显示头部" }, "placeholder": { "$ref": "#/definitions/SchemaTpl", "description": "无数据提示" }, "hideCheckToggler": { "type": "boolean", "description": "是否隐藏勾选框" }, "affixHeader": { "type": "boolean", "description": "是否固顶" }, "itemCheckableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可以点选" }, "itemDraggableOn": { "$ref": "#/definitions/SchemaExpression", "description": "配置某项是否可拖拽排序，前提是要开启拖拽功能" }, "checkOnItemClick": { "type": "boolean", "description": "点击卡片的时候是否勾选卡片。" }, "valueField": { "type": "string", "description": "可以用来作为值的字段" }, "size": { "type": "string", "enum": [ "sm", "base" ], "description": "大小" }, "itemAction": { "$ref": "#/definitions/ActionSchema", "description": "点击列表项的行为" } }, "required": [ "type" ], "additionalProperties": false, "description": "List 列表展示控件。 文档：https://baidu.gitee.io/amis/docs/components/card" }, "MappingSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "enum": [ "map", "mapping" ], "description": "指定为映射展示控件" }, "name": { "type": "string", "description": "关联字段名。" }, "map": { "type": "object", "additionalProperties": { "$ref": "#/definitions/SchemaTpl" }, "description": "配置映射规则，值可以使用模板语法。当 key 为 * 时表示 else，也就是说值没有映射到任何规则时用 * 对应的值展示。" }, "source": { "anyOf": [ { "$ref": "#/definitions/SchemaApi" }, { "$ref": "#/definitions/SchemaTokenizeableString" } ], "description": "如果想远程拉取字典，请配置 source 为接口。" }, "placeholder": { "type": "string", "description": "占位符" } }, "required": [ "type" ], "additionalProperties": false, "description": "Mapping 映射展示控件。 文档：https://baidu.gitee.io/amis/docs/components/mapping" }, "NavSchema": { "type": "object", "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "type": { "type": "string", "const": "nav", "description": "指定为 Nav 导航渲染器" }, "links": { "type": "array", "items": { "$ref": "#/definitions/NavItemSchema" }, "description": "链接地址集合" }, "indentSize": { "type": "number", "default": 24 }, "source": { "$ref": "#/definitions/SchemaApi", "description": "可以通过 API 拉取。" }, "deferApi": { "$ref": "#/definitions/SchemaApi", "description": "懒加载 api，如果不配置复用 source 接口。" }, "stacked": { "type": "boolean", "description": "true 为垂直排列，false 为水平排列类似如 tabs。" }, "itemActions": { "$ref": "#/definitions/SchemaCollection", "description": "更多操作菜单列表" }, "draggable": { "type": "boolean", "description": "可拖拽" }, "saveOrderApi": { "$ref": "#/definitions/SchemaApi", "description": "保存排序的 api" }, "itemBadge": { "$ref": "#/definitions/BadgeObject", "description": "角标" }, "dragOnSameLevel": { "type": "boolean", "description": "仅允许同层级拖拽" }, "overflow": { "$ref": "#/definitions/NavOverflow", "description": "横向导航时自动收纳配置" } }, "required": [ "indentSize", "type" ], "additionalProperties": false, "description": "Nav 导航渲染器 文档：https://baidu.gitee.io/amis/docs/components/nav" }, "NavItemSchema": { "type": "object", "additionalProperties": false, "properties": { "className": { "$ref": "#/definitions/SchemaClassName", "description": "容器 css 类名" }, "$ref": { "type": "string", "description": "配合 definitions 一起使用，可以实现无限循环的渲染器。" }, "disabled": { "type": "boolean", "description": "是否禁用" }, "disabledOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否禁用表达式" }, "hidden": { "type": "boolean", "description": "是否隐藏" }, "hiddenOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否隐藏表达式" }, "visible": { "type": "boolean", "description": "是否显示" }, "visibleOn": { "$ref": "#/definitions/SchemaExpression", "description": "是否显示表达式" }, "id": { "type": "string", "description": "组件唯一 id，主要用于日志采集" }, "onEvent": { "type": "object", "additionalProperties": { "type": "object", "properties": { "weight": { "type": "number" }, "actions": { "type": "array", "items": { "$ref": "#/definitions/ListenerAction" } } }, "required": [ "actions" ], "additionalProperties": false }, "description": "事件动作配置" }, "label": { "anyOf": [ { "type": "string" }, { "$ref": "#/definitions/SchemaCollection" } ], "description": "文字说明" }, "icon": { "$ref": "#/definitions/SchemaIcon", "description": "图标类名，参考 fontawesome 4。" }, "to": { "$ref": "#/definitions/SchemaUrlPath" }, "target": { "type": "string" }, "unfolded": { "type": "boolean" }, "active": { "type": "boolean" }, "defer": { "type": "boolean" }, "deferApi": { "$ref": "#/definitions/SchemaApi" }, "children": { "type": "array", "items": { "$ref": "#/definitions/NavItemSchema" } } } }, "NavOverflow": { "type": "object", "properties": { "enable": { "type": "boolean", "description": "是否开启响应式收纳" }, "overflowLabel": { "anyOf": [ { "type": "string" }, { "$ref": "#/definitions/SchemaObject" } ], "description": "菜单触发按钮的文字" }, "overflowIndicator": { "$ref": "#/definitions/SchemaIcon", "description": "菜单触发按钮的图标", "default": "fa fa-ellipsis" }, "overflowClassName": { "$ref": "#/definitions/SchemaClassName", "description": "菜单触发按钮CSS类名" }, "overflowPopoverClassName": { "$ref": "#/definitions/SchemaClassName", "description": "Popover浮层CSS类名" }, "overflowListClassName": { "$ref": "#/definitions/SchemaClassName", "description": "菜单外层CSS类名" }, "maxVisibleCount": { "type": "number", "description": "导航横向布局时，开启开启响应式收纳后最大可显示数量，超出此数量的导航将被收纳到下拉菜单中" }, "wrapperComponent": { "type": "string", "description": "包裹导航的外层标签名，可以使用其他标签渲染", "default": "ul" }, "itemWidth": { "type": "number", "description": "导航项目宽度", "default": 160 }, "overflowSuffix": { "$ref": "#/definitions/SchemaCollection", "description": "导航列表后缀节点" }, "style": { "$ref": "#/definitions/React.CSSProperties", "description": "自定义样式" }, "popOverContainer": { "description": "菜单DOM挂载点" } }, "required": [ "enable" ], "additionalProperties": false }, "React.CSSProperties": { "type": "object", "additionalProperties": false, "properties": { "alignmentBaseline": { "$ref": "#/definitions/Property.AlignmentBaseline" }, "baselineShift": { "$ref": "#/definitions/Property.BaselineShift%3C(string%7Cnumber)%3E" }, "clip": { "$ref": "#/definitions/Property.Clip", "description": "The **`clip`** CSS property defines a visible portion of an element. The `clip` property applies only to absolutely positioned elements — that is, elements with `position:absolute` or `position:fixed`.\n\n**Syntax**: ` | auto`\n\n**Initial value**: `auto`" }, "clipPath": { "$ref": "#/definitions/Property.ClipPath", "description": "The **`clip-path`** CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.\n\n**Syntax**: ` | [ || ] | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **55** | **3.5** | **9.1** | **12** | **10** | | 23 _-x-_ | | 7 _-x-_ | | |" }, "clipRule": { "$ref": "#/definitions/Property.ClipRule" }, "color": { "$ref": "#/definitions/Property.Color", "description": "The **`color`** CSS property sets the foreground color value of an element's text and text decorations, and sets the `` value. `currentcolor` may be used as an indirect value on _other_ properties and is the default for other color properties, such as `border-color`.\n\n**Syntax**: ``\n\n**Initial value**: `canvastext`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "colorInterpolation": { "$ref": "#/definitions/Property.ColorInterpolation" }, "colorRendering": { "$ref": "#/definitions/Property.ColorRendering" }, "cursor": { "$ref": "#/definitions/Property.Cursor", "description": "The **`cursor`** CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.\n\n**Syntax**: `[ [ [ ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.2** | **12** | **4** |" }, "direction": { "$ref": "#/definitions/Property.Direction", "description": "The **`direction`** CSS property sets the direction of text, table columns, and horizontal overflow. Use `rtl` for languages written from right to left (like Hebrew or Arabic), and `ltr` for those written from left to right (like English and most other languages).\n\n**Syntax**: `ltr | rtl`\n\n**Initial value**: `ltr`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **2** | **1** | **1** | **12** | **5.5** |" }, "display": { "$ref": "#/definitions/Property.Display", "description": "The **`display`** CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.\n\n**Syntax**: `[ || ] | | | | `\n\n**Initial value**: `inline`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "dominantBaseline": { "$ref": "#/definitions/Property.DominantBaseline" }, "fill": { "$ref": "#/definitions/Property.Fill" }, "fillOpacity": { "$ref": "#/definitions/Property.FillOpacity" }, "fillRule": { "$ref": "#/definitions/Property.FillRule" }, "filter": { "$ref": "#/definitions/Property.Filter", "description": "The **`filter`** CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.\n\n**Syntax**: `none | `\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :-: | | **53** | **35** | **9.1** | **12** | No | | 18 _-x-_ | | 6 _-x-_ | | |" }, "floodColor": { "$ref": "#/definitions/Property.FloodColor" }, "floodOpacity": { "$ref": "#/definitions/Property.FloodOpacity" }, "font": { "$ref": "#/definitions/Property.Font", "description": "The **`font`** CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font.\n\n**Syntax**: `[ [ <'font-style'> || || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "fontFamily": { "$ref": "#/definitions/Property.FontFamily", "description": "The **`font-family`** CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.\n\n**Syntax**: `[ | ]#`\n\n**Initial value**: depends on user agent\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "fontSize": { "$ref": "#/definitions/Property.FontSize%3C(string%7Cnumber)%3E", "description": "The **`font-size`** CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative `` units, such as `em`, `ex`, and so forth.\n\n**Syntax**: ` | | `\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |" }, "fontSizeAdjust": { "$ref": "#/definitions/Property.FontSizeAdjust", "description": "The **`font-size-adjust`** CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).\n\n**Syntax**: `none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | n/a | **1** | No | n/a | No |" }, "fontStretch": { "$ref": "#/definitions/Property.FontStretch", "description": "The **`font-stretch`** CSS property selects a normal, condensed, or expanded face from a font.\n\n**Syntax**: ``\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **60** | **9** | **11** | **12** | **9** |" }, "fontStyle": { "$ref": "#/definitions/Property.FontStyle", "description": "The **`font-style`** CSS property sets whether a font should be styled with a normal, italic, or oblique face from its `font-family`.\n\n**Syntax**: `normal | italic | oblique ?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "fontVariant": { "$ref": "#/definitions/Property.FontVariant", "description": "The **`font-variant`** CSS shorthand property allows you to set all the font variants for a font.\n\n**Syntax**: `normal | none | [ || || || || stylistic( ) || historical-forms || styleset( # ) || character-variant( # ) || swash( ) || ornaments( ) || annotation( ) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || || || || ordinal || slashed-zero || || || ruby ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "fontWeight": { "$ref": "#/definitions/Property.FontWeight", "description": "The **`font-weight`** CSS property sets the weight (or boldness) of the font. The weights available depend on the `font-family` that is currently set.\n\n**Syntax**: ` | bolder | lighter`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **1** | **12** | **3** |" }, "glyphOrientationVertical": { "$ref": "#/definitions/Property.GlyphOrientationVertical" }, "imageRendering": { "$ref": "#/definitions/Property.ImageRendering", "description": "The **`image-rendering`** CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.\n\n**Syntax**: `auto | crisp-edges | pixelated`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **13** | **3.6** | **6** | **79** | No |" }, "letterSpacing": { "$ref": "#/definitions/Property.LetterSpacing%3C(string%7Cnumber)%3E", "description": "The **`letter-spacing`** CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of `letter-spacing` causes characters to spread farther apart, while negative values of `letter-spacing` bring characters closer together.\n\n**Syntax**: `normal | `\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "lightingColor": { "$ref": "#/definitions/Property.LightingColor" }, "lineHeight": { "$ref": "#/definitions/Property.LineHeight%3C(string%7Cnumber)%3E", "description": "The **`line-height`** CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.\n\n**Syntax**: `normal | | | `\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "marker": { "$ref": "#/definitions/Property.Marker" }, "markerEnd": { "$ref": "#/definitions/Property.MarkerEnd" }, "markerMid": { "$ref": "#/definitions/Property.MarkerMid" }, "markerStart": { "$ref": "#/definitions/Property.MarkerStart" }, "mask": { "$ref": "#/definitions/Property.Mask%3C(string%7Cnumber)%3E", "description": "The **`mask`** CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points.\n\n**Syntax**: `#`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :---: | :-: | | **1** | **2** | **3.1** | 12-79 | No |" }, "opacity": { "$ref": "#/definitions/Property.Opacity", "description": "The **`opacity`** CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.\n\n**Syntax**: ``\n\n**Initial value**: `1`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **2** | **12** | **9** |" }, "overflow": { "$ref": "#/definitions/Property.Overflow", "description": "The **`overflow`** CSS shorthand property sets the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context — in both directions.\n\n**Syntax**: `[ visible | hidden | clip | scroll | auto ]{1,2}`\n\n**Initial value**: `visible`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "paintOrder": { "$ref": "#/definitions/Property.PaintOrder", "description": "The **`paint-order`** CSS property lets you control the order in which the fill and stroke (and painting markers) of text content and shapes are drawn.\n\n**Syntax**: `normal | [ fill || stroke || markers ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **35** | **60** | **8** | **17** | No |" }, "pointerEvents": { "$ref": "#/definitions/Property.PointerEvents", "description": "The **`pointer-events`** CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.\n\n**Syntax**: `auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **1** | **1.5** | **4** | **12** | **11** |" }, "shapeRendering": { "$ref": "#/definitions/Property.ShapeRendering" }, "stopColor": { "$ref": "#/definitions/Property.StopColor" }, "stopOpacity": { "$ref": "#/definitions/Property.StopOpacity" }, "stroke": { "$ref": "#/definitions/Property.Stroke" }, "strokeDasharray": { "$ref": "#/definitions/Property.StrokeDasharray%3C(string%7Cnumber)%3E" }, "strokeDashoffset": { "$ref": "#/definitions/Property.StrokeDashoffset%3C(string%7Cnumber)%3E" }, "strokeLinecap": { "$ref": "#/definitions/Property.StrokeLinecap" }, "strokeLinejoin": { "$ref": "#/definitions/Property.StrokeLinejoin" }, "strokeMiterlimit": { "$ref": "#/definitions/Property.StrokeMiterlimit" }, "strokeOpacity": { "$ref": "#/definitions/Property.StrokeOpacity" }, "strokeWidth": { "$ref": "#/definitions/Property.StrokeWidth%3C(string%7Cnumber)%3E" }, "textAnchor": { "$ref": "#/definitions/Property.TextAnchor" }, "textDecoration": { "$ref": "#/definitions/Property.TextDecoration%3C(string%7Cnumber)%3E", "description": "The **`text-decoration`** shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for `text-decoration-line`, `text-decoration-color`, `text-decoration-style`, and the newer `text-decoration-thickness` property.\n\n**Syntax**: `<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "textRendering": { "$ref": "#/definitions/Property.TextRendering", "description": "The **`text-rendering`** CSS property provides information to the rendering engine about what to optimize for when rendering text.\n\n**Syntax**: `auto | optimizeSpeed | optimizeLegibility | geometricPrecision`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **4** | **1** | **5** | **79** | No |" }, "unicodeBidi": { "$ref": "#/definitions/Property.UnicodeBidi", "description": "The **`unicode-bidi`** CSS property, together with the `direction` property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The `unicode-bidi` property overrides this algorithm and allows the developer to control the text embedding.\n\n**Syntax**: `normal | embed | isolate | bidi-override | isolate-override | plaintext`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-----: | | **2** | **1** | **1.3** | **12** | **5.5** |" }, "vectorEffect": { "$ref": "#/definitions/Property.VectorEffect" }, "visibility": { "$ref": "#/definitions/Property.Visibility", "description": "The **`visibility`** CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a ``.\n\n**Syntax**: `visible | hidden | collapse`\n\n**Initial value**: `visible`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "whiteSpace": { "$ref": "#/definitions/Property.WhiteSpace", "description": "The **`white-space`** CSS property sets how white space inside an element is handled.\n\n**Syntax**: `normal | pre | nowrap | pre-wrap | pre-line | break-spaces`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |" }, "wordSpacing": { "$ref": "#/definitions/Property.WordSpacing%3C(string%7Cnumber)%3E", "description": "The **`word-spacing`** CSS property sets the length of space between words and between tags.\n\n**Syntax**: `normal | `\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **6** |" }, "writingMode": { "$ref": "#/definitions/Property.WritingMode", "description": "The **`writing-mode`** CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it should be set on the root element (`html` element for HTML documents).\n\n**Syntax**: `horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr`\n\n**Initial value**: `horizontal-tb`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :---: | | **48** | **41** | **10.1** | **12** | **9** | | 8 _-x-_ | | 5.1 _-x-_ | | |" }, "azimuth": { "$ref": "#/definitions/Property.Azimuth", "description": "In combination with `elevation`, the **`azimuth`** CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.\n\n**Syntax**: ` | [ [ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards`\n\n**Initial value**: `center`" }, "boxAlign": { "$ref": "#/definitions/Property.BoxAlign", "description": "The **`box-align`** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.\n\n**Syntax**: `start | center | end | baseline | stretch`\n\n**Initial value**: `stretch`" }, "boxDirection": { "$ref": "#/definitions/Property.BoxDirection", "description": "The **`box-direction`** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).\n\n**Syntax**: `normal | reverse | inherit`\n\n**Initial value**: `normal`" }, "boxFlex": { "$ref": "#/definitions/Property.BoxFlex", "description": "The **`-moz-box-flex`** and **`-webkit-box-flex`** CSS properties specify how a `-moz-box` or `-webkit-box` grows to fill the box that contains it, in the direction of the containing box's layout.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "boxFlexGroup": { "$ref": "#/definitions/Property.BoxFlexGroup", "description": "The **`box-flex-group`** CSS property assigns the flexbox's child elements to a flex group.\n\n**Syntax**: ``\n\n**Initial value**: `1`" }, "boxLines": { "$ref": "#/definitions/Property.BoxLines", "description": "The **`box-lines`** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).\n\n**Syntax**: `single | multiple`\n\n**Initial value**: `single`" }, "boxOrdinalGroup": { "$ref": "#/definitions/Property.BoxOrdinalGroup", "description": "The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group.\n\n**Syntax**: ``\n\n**Initial value**: `1`" }, "boxOrient": { "$ref": "#/definitions/Property.BoxOrient", "description": "The **`box-orient`** CSS property sets whether an element lays out its contents horizontally or vertically.\n\n**Syntax**: `horizontal | vertical | inline-axis | block-axis | inherit`\n\n**Initial value**: `inline-axis` (`horizontal` in XUL)" }, "boxPack": { "$ref": "#/definitions/Property.BoxPack", "description": "The **`-moz-box-pack`** and **`-webkit-box-pack`** CSS properties specify how a `-moz-box` or `-webkit-box` packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.\n\n**Syntax**: `start | center | end | justify`\n\n**Initial value**: `start`" }, "gridColumnGap": { "$ref": "#/definitions/Property.GridColumnGap%3C(string%7Cnumber)%3E", "description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "gridGap": { "$ref": "#/definitions/Property.GridGap%3C(string%7Cnumber)%3E", "description": "The **`gap`** CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for `row-gap` and `column-gap`.\n\n**Syntax**: `<'grid-row-gap'> <'grid-column-gap'>?`" }, "gridRowGap": { "$ref": "#/definitions/Property.GridRowGap%3C(string%7Cnumber)%3E", "description": "The **`row-gap`** CSS property sets the size of the gap (gutter) between an element's grid rows.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "imeMode": { "$ref": "#/definitions/Property.ImeMode", "description": "The **`ime-mode`** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.\n\n**Syntax**: `auto | normal | active | inactive | disabled`\n\n**Initial value**: `auto`" }, "offsetBlock": { "$ref": "#/definitions/Property.InsetBlock%3C(string%7Cnumber)%3E", "description": "The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`" }, "offsetBlockEnd": { "$ref": "#/definitions/Property.InsetBlockEnd%3C(string%7Cnumber)%3E", "description": "The **`inset-block-end`** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`" }, "offsetBlockStart": { "$ref": "#/definitions/Property.InsetBlockStart%3C(string%7Cnumber)%3E", "description": "The **`inset-block-start`** CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`" }, "offsetInline": { "$ref": "#/definitions/Property.InsetInline%3C(string%7Cnumber)%3E", "description": "The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`" }, "offsetInlineEnd": { "$ref": "#/definitions/Property.InsetInlineEnd%3C(string%7Cnumber)%3E", "description": "The **`inset-inline-end`** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`" }, "offsetInlineStart": { "$ref": "#/definitions/Property.InsetInlineStart%3C(string%7Cnumber)%3E", "description": "The **`inset-inline-start`** CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`" }, "scrollSnapCoordinate": { "$ref": "#/definitions/Property.ScrollSnapCoordinate%3C(string%7Cnumber)%3E", "description": "The **`scroll-snap-coordinate`** CSS property defines the x and y coordinate positions within an element that will align with its nearest ancestor scroll container's `scroll-snap-destination` for each respective axis.\n\n**Syntax**: `none | #`\n\n**Initial value**: `none`" }, "scrollSnapDestination": { "$ref": "#/definitions/Property.ScrollSnapDestination%3C(string%7Cnumber)%3E", "description": "The **`scroll-snap-destination`** CSS property defines the position in x and y coordinates within the scroll container's visual viewport which element snap points align with.\n\n**Syntax**: ``\n\n**Initial value**: `0px 0px`" }, "scrollSnapPointsX": { "$ref": "#/definitions/Property.ScrollSnapPointsX", "description": "The **`scroll-snap-points-x`** CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.\n\n**Syntax**: `none | repeat( )`\n\n**Initial value**: `none`" }, "scrollSnapPointsY": { "$ref": "#/definitions/Property.ScrollSnapPointsY", "description": "The **`scroll-snap-points-y`** CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.\n\n**Syntax**: `none | repeat( )`\n\n**Initial value**: `none`" }, "scrollSnapTypeX": { "$ref": "#/definitions/Property.ScrollSnapTypeX", "description": "The **`scroll-snap-type-x`** CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.\n\n**Syntax**: `none | mandatory | proximity`\n\n**Initial value**: `none`" }, "scrollSnapTypeY": { "$ref": "#/definitions/Property.ScrollSnapTypeY", "description": "The **`scroll-snap-type-y`** CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.\n\n**Syntax**: `none | mandatory | proximity`\n\n**Initial value**: `none`" }, "scrollbarTrackColor": { "$ref": "#/definitions/Property.MsScrollbarTrackColor", "description": "The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.\n\n**Syntax**: ``\n\n**Initial value**: `Scrollbar`" }, "KhtmlBoxAlign": { "$ref": "#/definitions/Property.BoxAlign", "description": "The **`box-align`** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.\n\n**Syntax**: `start | center | end | baseline | stretch`\n\n**Initial value**: `stretch`" }, "KhtmlBoxDirection": { "$ref": "#/definitions/Property.BoxDirection", "description": "The **`box-direction`** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).\n\n**Syntax**: `normal | reverse | inherit`\n\n**Initial value**: `normal`" }, "KhtmlBoxFlex": { "$ref": "#/definitions/Property.BoxFlex", "description": "The **`-moz-box-flex`** and **`-webkit-box-flex`** CSS properties specify how a `-moz-box` or `-webkit-box` grows to fill the box that contains it, in the direction of the containing box's layout.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "KhtmlBoxFlexGroup": { "$ref": "#/definitions/Property.BoxFlexGroup", "description": "The **`box-flex-group`** CSS property assigns the flexbox's child elements to a flex group.\n\n**Syntax**: ``\n\n**Initial value**: `1`" }, "KhtmlBoxLines": { "$ref": "#/definitions/Property.BoxLines", "description": "The **`box-lines`** CSS property determines whether the box may have a single or multiple lines (rows for horizontally oriented boxes, columns for vertically oriented boxes).\n\n**Syntax**: `single | multiple`\n\n**Initial value**: `single`" }, "KhtmlBoxOrdinalGroup": { "$ref": "#/definitions/Property.BoxOrdinalGroup", "description": "The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group.\n\n**Syntax**: ``\n\n**Initial value**: `1`" }, "KhtmlBoxOrient": { "$ref": "#/definitions/Property.BoxOrient", "description": "The **`box-orient`** CSS property sets whether an element lays out its contents horizontally or vertically.\n\n**Syntax**: `horizontal | vertical | inline-axis | block-axis | inherit`\n\n**Initial value**: `inline-axis` (`horizontal` in XUL)" }, "KhtmlBoxPack": { "$ref": "#/definitions/Property.BoxPack", "description": "The **`-moz-box-pack`** and **`-webkit-box-pack`** CSS properties specify how a `-moz-box` or `-webkit-box` packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.\n\n**Syntax**: `start | center | end | justify`\n\n**Initial value**: `start`" }, "KhtmlLineBreak": { "$ref": "#/definitions/Property.LineBreak", "description": "The **`line-break`** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.\n\n**Syntax**: `auto | loose | normal | strict | anywhere`\n\n**Initial value**: `auto`" }, "KhtmlOpacity": { "$ref": "#/definitions/Property.Opacity", "description": "The **`opacity`** CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.\n\n**Syntax**: ``\n\n**Initial value**: `1`" }, "KhtmlUserSelect": { "$ref": "#/definitions/Property.UserSelect", "description": "The **`user-select`** CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes.\n\n**Syntax**: `auto | text | none | contain | all`\n\n**Initial value**: `auto`" }, "MozBackgroundClip": { "$ref": "#/definitions/Property.BackgroundClip", "description": "The **`background-clip`** CSS property sets whether an element's background extends underneath its border box, padding box, or content box.\n\n**Syntax**: `#`\n\n**Initial value**: `border-box`" }, "MozBackgroundInlinePolicy": { "$ref": "#/definitions/Property.BoxDecorationBreak", "description": "The **`box-decoration-break`** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.\n\n**Syntax**: `slice | clone`\n\n**Initial value**: `slice`" }, "MozBackgroundOrigin": { "$ref": "#/definitions/Property.BackgroundOrigin", "description": "The **`background-origin`** CSS property sets the background's origin: from the border start, inside the border, or inside the padding.\n\n**Syntax**: `#`\n\n**Initial value**: `padding-box`" }, "MozBackgroundSize": { "$ref": "#/definitions/Property.BackgroundSize%3C(string%7Cnumber)%3E", "description": "The **`background-size`** CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.\n\n**Syntax**: `#`\n\n**Initial value**: `auto auto`" }, "MozBinding": { "$ref": "#/definitions/Property.MozBinding", "description": "The **`-moz-binding`** CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.\n\n**Syntax**: ` | none`\n\n**Initial value**: `none`" }, "MozBorderRadius": { "$ref": "#/definitions/Property.BorderRadius%3C(string%7Cnumber)%3E", "description": "The **`border-radius`** CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.\n\n**Syntax**: `{1,4} [ / {1,4} ]?`" }, "MozBorderRadiusBottomleft": { "$ref": "#/definitions/Property.BorderBottomLeftRadius%3C(string%7Cnumber)%3E", "description": "The **`border-bottom-left-radius`** CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`" }, "MozBorderRadiusBottomright": { "$ref": "#/definitions/Property.BorderBottomRightRadius%3C(string%7Cnumber)%3E", "description": "The **`border-bottom-right-radius`** CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`" }, "MozBorderRadiusTopleft": { "$ref": "#/definitions/Property.BorderTopLeftRadius%3C(string%7Cnumber)%3E", "description": "The **`border-top-left-radius`** CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`" }, "MozBorderRadiusTopright": { "$ref": "#/definitions/Property.BorderTopRightRadius%3C(string%7Cnumber)%3E", "description": "The **`border-top-right-radius`** CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`" }, "MozBoxAlign": { "$ref": "#/definitions/Property.BoxAlign", "description": "The **`box-align`** CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.\n\n**Syntax**: `start | center | end | baseline | stretch`\n\n**Initial value**: `stretch`" }, "MozBoxDirection": { "$ref": "#/definitions/Property.BoxDirection", "description": "The **`box-direction`** CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).\n\n**Syntax**: `normal | reverse | inherit`\n\n**Initial value**: `normal`" }, "MozBoxFlex": { "$ref": "#/definitions/Property.BoxFlex", "description": "The **`-moz-box-flex`** and **`-webkit-box-flex`** CSS properties specify how a `-moz-box` or `-webkit-box` grows to fill the box that contains it, in the direction of the containing box's layout.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "MozBoxOrdinalGroup": { "$ref": "#/definitions/Property.BoxOrdinalGroup", "description": "The **`box-ordinal-group`** CSS property assigns the flexbox's child elements to an ordinal group.\n\n**Syntax**: ``\n\n**Initial value**: `1`" }, "MozBoxOrient": { "$ref": "#/definitions/Property.BoxOrient", "description": "The **`box-orient`** CSS property sets whether an element lays out its contents horizontally or vertically.\n\n**Syntax**: `horizontal | vertical | inline-axis | block-axis | inherit`\n\n**Initial value**: `inline-axis` (`horizontal` in XUL)" }, "MozBoxPack": { "$ref": "#/definitions/Property.BoxPack", "description": "The **`-moz-box-pack`** and **`-webkit-box-pack`** CSS properties specify how a `-moz-box` or `-webkit-box` packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box.\n\n**Syntax**: `start | center | end | justify`\n\n**Initial value**: `start`" }, "MozBoxShadow": { "$ref": "#/definitions/Property.BoxShadow", "description": "The **`box-shadow`** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.\n\n**Syntax**: `none | #`\n\n**Initial value**: `none`" }, "MozFloatEdge": { "$ref": "#/definitions/Property.MozFloatEdge", "description": "The non-standard **`-moz-float-edge`** CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.\n\n**Syntax**: `border-box | content-box | margin-box | padding-box`\n\n**Initial value**: `content-box`" }, "MozForceBrokenImageIcon": { "$ref": "#/definitions/Property.MozForceBrokenImageIcon", "description": "The **`-moz-force-broken-image-icon`** extended CSS property can be used to force the broken image icon to be shown even when a broken image has an `alt` attribute.\n\n**Syntax**: `0 | 1`\n\n**Initial value**: `0`" }, "MozOpacity": { "$ref": "#/definitions/Property.Opacity", "description": "The **`opacity`** CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.\n\n**Syntax**: ``\n\n**Initial value**: `1`" }, "MozOutline": { "$ref": "#/definitions/Property.Outline%3C(string%7Cnumber)%3E", "description": "The **`outline`** CSS shorthand property set all the outline properties in a single declaration.\n\n**Syntax**: `[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]`" }, "MozOutlineColor": { "$ref": "#/definitions/Property.OutlineColor", "description": "The **`outline-color`** CSS property sets the color of an element's outline.\n\n**Syntax**: ` | invert`\n\n**Initial value**: `invert`, for browsers supporting it, `currentColor` for the other" }, "MozOutlineRadius": { "$ref": "#/definitions/Property.MozOutlineRadius%3C(string%7Cnumber)%3E", "description": "In Mozilla applications like Firefox, the **`-moz-outline-radius`** CSS shorthand property can be used to give an element's `outline` rounded corners.\n\n**Syntax**: `{1,4} [ / {1,4} ]?`" }, "MozOutlineRadiusBottomleft": { "$ref": "#/definitions/Property.MozOutlineRadiusBottomleft%3C(string%7Cnumber)%3E", "description": "In Mozilla applications, the **`-moz-outline-radius-bottomleft`** CSS property can be used to round the bottom-left corner of an element's `outline`.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "MozOutlineRadiusBottomright": { "$ref": "#/definitions/Property.MozOutlineRadiusBottomright%3C(string%7Cnumber)%3E", "description": "In Mozilla applications, the **`-moz-outline-radius-bottomright`** CSS property can be used to round the bottom-right corner of an element's `outline`.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "MozOutlineRadiusTopleft": { "$ref": "#/definitions/Property.MozOutlineRadiusTopleft%3C(string%7Cnumber)%3E", "description": "In Mozilla applications, the **`-moz-outline-radius-topleft`** CSS property can be used to round the top-left corner of an element's `outline`.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "MozOutlineRadiusTopright": { "$ref": "#/definitions/Property.MozOutlineRadiusTopright%3C(string%7Cnumber)%3E", "description": "In Mozilla applications, the **`-moz-outline-radius-topright`** CSS property can be used to round the top-right corner of an element's `outline`.\n\n**Syntax**: ``\n\n**Initial value**: `0`" }, "MozOutlineStyle": { "$ref": "#/definitions/Property.OutlineStyle", "description": "The **`outline-style`** CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the `border`.\n\n**Syntax**: `auto | <'border-style'>`\n\n**Initial value**: `none`" }, "MozOutlineWidth": { "$ref": "#/definitions/Property.OutlineWidth%3C(string%7Cnumber)%3E", "description": "The CSS **`outline-width`** property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the `border`.\n\n**Syntax**: ``\n\n**Initial value**: `medium`" }, "MozTextAlignLast": { "$ref": "#/definitions/Property.TextAlignLast", "description": "The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.\n\n**Syntax**: `auto | start | end | left | right | center | justify`\n\n**Initial value**: `auto`" }, "MozTextDecorationColor": { "$ref": "#/definitions/Property.TextDecorationColor", "description": "The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.\n\n**Syntax**: ``\n\n**Initial value**: `currentcolor`" }, "MozTextDecorationLine": { "$ref": "#/definitions/Property.TextDecorationLine", "description": "The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.\n\n**Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`\n\n**Initial value**: `none`" }, "MozTextDecorationStyle": { "$ref": "#/definitions/Property.TextDecorationStyle", "description": "The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.\n\n**Syntax**: `solid | double | dotted | dashed | wavy`\n\n**Initial value**: `solid`" }, "MozUserInput": { "$ref": "#/definitions/Property.MozUserInput", "description": "In Mozilla applications, **`-moz-user-input`** determines if an element will accept user input.\n\n**Syntax**: `auto | none | enabled | disabled`\n\n**Initial value**: `auto`" }, "msImeMode": { "$ref": "#/definitions/Property.ImeMode", "description": "The **`ime-mode`** CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.\n\n**Syntax**: `auto | normal | active | inactive | disabled`\n\n**Initial value**: `auto`" }, "msScrollbarTrackColor": { "$ref": "#/definitions/Property.MsScrollbarTrackColor", "description": "The **`-ms-scrollbar-track-color`** CSS property is a Microsoft extension that specifies the color of the track element of a scrollbar.\n\n**Syntax**: ``\n\n**Initial value**: `Scrollbar`" }, "OAnimation": { "$ref": "#/definitions/Property.Animation%3Cstring%3E", "description": "The **`animation`** shorthand CSS property applies an animation between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`.\n\n**Syntax**: `#`" }, "OAnimationDelay": { "$ref": "#/definitions/Property.AnimationDelay%3Cstring%3E", "description": "The **`animation-delay`** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.\n\n**Syntax**: `
` have shared or separate borders.\n\n**Syntax**: `collapse | separate`\n\n**Initial value**: `separate`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.2** | **12** | **5** |" }, "borderEndEndRadius": { "$ref": "#/definitions/Property.BorderEndEndRadius%3C(string%7Cnumber)%3E", "description": "The **`border-end-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |" }, "borderEndStartRadius": { "$ref": "#/definitions/Property.BorderEndStartRadius%3C(string%7Cnumber)%3E", "description": "The **`border-end-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |" }, "borderImageOutset": { "$ref": "#/definitions/Property.BorderImageOutset%3C(string%7Cnumber)%3E", "description": "The **`border-image-outset`** CSS property sets the distance by which an element's border image is set out from its border box.\n\n**Syntax**: `[ | ]{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |" }, "borderImageRepeat": { "$ref": "#/definitions/Property.BorderImageRepeat", "description": "The **`border-image-repeat`** CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.\n\n**Syntax**: `[ stretch | repeat | round | space ]{1,2}`\n\n**Initial value**: `stretch`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |" }, "borderImageSlice": { "$ref": "#/definitions/Property.BorderImageSlice", "description": "The **`border-image-slice`** CSS property divides the image specified by `border-image-source` into regions. These regions form the components of an element's border image.\n\n**Syntax**: `{1,4} && fill?`\n\n**Initial value**: `100%`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |" }, "borderImageSource": { "$ref": "#/definitions/Property.BorderImageSource", "description": "The **`border-image-source`** CSS property sets the source image used to create an element's border image.\n\n**Syntax**: `none | `\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **15** | **6** | **12** | **11** |" }, "borderImageWidth": { "$ref": "#/definitions/Property.BorderImageWidth%3C(string%7Cnumber)%3E", "description": "The **`border-image-width`** CSS property sets the width of an element's border image.\n\n**Syntax**: `[ | | auto ]{1,4}`\n\n**Initial value**: `1`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **15** | **13** | **6** | **12** | **11** |" }, "borderInlineColor": { "$ref": "#/definitions/Property.BorderInlineColor", "description": "The **`border-inline-color`** CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color` and `border-bottom-color`, or `border-right-color` and `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>{1,2}`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |" }, "borderInlineEndColor": { "$ref": "#/definitions/Property.BorderInlineEndColor", "description": "The **`border-inline-end-color`** CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-color)_ | | | |" }, "borderInlineEndStyle": { "$ref": "#/definitions/Property.BorderInlineEndStyle", "description": "The **`border-inline-end-style`** CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-style)_ | | | |" }, "borderInlineEndWidth": { "$ref": "#/definitions/Property.BorderInlineEndWidth%3C(string%7Cnumber)%3E", "description": "The **`border-inline-end-width`** CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-end-width)_ | | | |" }, "borderInlineStartColor": { "$ref": "#/definitions/Property.BorderInlineStartColor", "description": "The **`border-inline-start-color`** CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-color`, `border-right-color`, `border-bottom-color`, or `border-left-color` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-color'>`\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-start-color)_ | | | |" }, "borderInlineStartStyle": { "$ref": "#/definitions/Property.BorderInlineStartStyle", "description": "The **`border-inline-start-style`** CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style`, `border-right-style`, `border-bottom-style`, or `border-left-style` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :---------------------------: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | | 3 _(-moz-border-start-style)_ | | | |" }, "borderInlineStartWidth": { "$ref": "#/definitions/Property.BorderInlineStartWidth%3C(string%7Cnumber)%3E", "description": "The **`border-inline-start-width`** CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width`, `border-right-width`, `border-bottom-width`, or `border-left-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |" }, "borderInlineStyle": { "$ref": "#/definitions/Property.BorderInlineStyle", "description": "The **`border-inline-style`** CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-style` and `border-bottom-style`, or `border-left-style` and `border-right-style` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |" }, "borderInlineWidth": { "$ref": "#/definitions/Property.BorderInlineWidth%3C(string%7Cnumber)%3E", "description": "The **`border-inline-width`** CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the `border-top-width` and `border-bottom-width`, or `border-left-width`, and `border-right-width` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'border-top-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |" }, "borderLeftColor": { "$ref": "#/definitions/Property.BorderLeftColor", "description": "The **`border-left-color`** CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties `border-color` or `border-left`.\n\n**Syntax**: ``\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "borderLeftStyle": { "$ref": "#/definitions/Property.BorderLeftStyle", "description": "The **`border-left-style`** CSS property sets the line style of an element's left `border`.\n\n**Syntax**: ``\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |" }, "borderLeftWidth": { "$ref": "#/definitions/Property.BorderLeftWidth%3C(string%7Cnumber)%3E", "description": "The **`border-left-width`** CSS property sets the width of the left border of an element.\n\n**Syntax**: ``\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "borderRightColor": { "$ref": "#/definitions/Property.BorderRightColor", "description": "The **`border-right-color`** CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties `border-color` or `border-right`.\n\n**Syntax**: ``\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "borderRightStyle": { "$ref": "#/definitions/Property.BorderRightStyle", "description": "The **`border-right-style`** CSS property sets the line style of an element's right `border`.\n\n**Syntax**: ``\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |" }, "borderRightWidth": { "$ref": "#/definitions/Property.BorderRightWidth%3C(string%7Cnumber)%3E", "description": "The **`border-right-width`** CSS property sets the width of the right border of an element.\n\n**Syntax**: ``\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "borderSpacing": { "$ref": "#/definitions/Property.BorderSpacing%3C(string%7Cnumber)%3E", "description": "The **`border-spacing`** CSS property sets the distance between the borders of adjacent `
` cells. This property applies only when `border-collapse` is `separate`.\n\n**Syntax**: ` ?`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **8** |" }, "borderStartEndRadius": { "$ref": "#/definitions/Property.BorderStartEndRadius%3C(string%7Cnumber)%3E", "description": "The **`border-start-end-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |" }, "borderStartStartRadius": { "$ref": "#/definitions/Property.BorderStartStartRadius%3C(string%7Cnumber)%3E", "description": "The **`border-start-start-radius`** CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's `writing-mode`, `direction`, and `text-orientation`. This is useful when building styles to work regardless of the text orientation and writing mode.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **89** | **66** | **15** | **89** | No |" }, "borderTopColor": { "$ref": "#/definitions/Property.BorderTopColor", "description": "The **`border-top-color`** CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties `border-color` or `border-top`.\n\n**Syntax**: ``\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "borderTopLeftRadius": { "$ref": "#/definitions/Property.BorderTopLeftRadius%3C(string%7Cnumber)%3E", "description": "The **`border-top-left-radius`** CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **4** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "borderTopRightRadius": { "$ref": "#/definitions/Property.BorderTopRightRadius%3C(string%7Cnumber)%3E", "description": "The **`border-top-right-radius`** CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.\n\n**Syntax**: `{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **4** | **4** | **5** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "borderTopStyle": { "$ref": "#/definitions/Property.BorderTopStyle", "description": "The **`border-top-style`** CSS property sets the line style of an element's top `border`.\n\n**Syntax**: ``\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |" }, "borderTopWidth": { "$ref": "#/definitions/Property.BorderTopWidth%3C(string%7Cnumber)%3E", "description": "The **`border-top-width`** CSS property sets the width of the top border of an element.\n\n**Syntax**: ``\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "bottom": { "$ref": "#/definitions/Property.Bottom%3C(string%7Cnumber)%3E", "description": "The **`bottom`** CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements.\n\n**Syntax**: ` | | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **5** |" }, "boxDecorationBreak": { "$ref": "#/definitions/Property.BoxDecorationBreak", "description": "The **`box-decoration-break`** CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.\n\n**Syntax**: `slice | clone`\n\n**Initial value**: `slice`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------: | :-----: | :---------: | :----------: | :-: | | **22** _-x-_ | **32** | **7** _-x-_ | **79** _-x-_ | No |" }, "boxShadow": { "$ref": "#/definitions/Property.BoxShadow", "description": "The **`box-shadow`** CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.\n\n**Syntax**: `none | #`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **10** | **4** | **5.1** | **12** | **9** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "boxSizing": { "$ref": "#/definitions/Property.BoxSizing", "description": "The **`box-sizing`** CSS property sets how the total width and height of an element is calculated.\n\n**Syntax**: `content-box | border-box`\n\n**Initial value**: `content-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :---: | | **10** | **29** | **5.1** | **12** | **8** | | 1 _-x-_ | 1 _-x-_ | 3 _-x-_ | | |" }, "breakAfter": { "$ref": "#/definitions/Property.BreakAfter", "description": "The **`break-after`** CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | No | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |\n\n---" }, "breakBefore": { "$ref": "#/definitions/Property.BreakBefore", "description": "The **`break-before`** CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | No | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |\n\n---" }, "breakInside": { "$ref": "#/definitions/Property.BreakInside", "description": "The **`break-inside`** CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.\n\n**Syntax**: `auto | avoid | avoid-page | avoid-column | avoid-region`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |\n\n---\n\n_Supported in Paged Media_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **50** | **65** | **10** | **12** | **10** |\n\n---" }, "captionSide": { "$ref": "#/definitions/Property.CaptionSide", "description": "The **`caption-side`** CSS property puts the content of a table's `
` on the specified side. The values are relative to the `writing-mode` of the table.\n\n**Syntax**: `top | bottom | block-start | block-end | inline-start | inline-end`\n\n**Initial value**: `top`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **8** |" }, "caretColor": { "$ref": "#/definitions/Property.CaretColor", "description": "The **`caret-color`** CSS property sets the color of the **insertion caret**, the visible marker where the next character typed will be inserted. This is sometimes referred to as the **text input cursor**. The caret appears in elements such as `` or those with the `contenteditable` attribute. The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property.\n\n**Syntax**: `auto | `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **53** | **11.1** | **79** | No |" }, "clear": { "$ref": "#/definitions/Property.Clear", "description": "The **`clear`** CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The `clear` property applies to floating and non-floating elements.\n\n**Syntax**: `none | left | right | both | inline-start | inline-end`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "colorAdjust": { "$ref": "#/definitions/Property.PrintColorAdjust", "description": "The **`print-color-adjust`** CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allowed to make any adjustments to the element's appearance it determines to be necessary and prudent given the type and capabilities of the output device.\n\n**Syntax**: `economy | exact`\n\n**Initial value**: `economy`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------: | :-----------------: | :------: | :----------: | :-: | | **17** _-x-_ | **97** | **15.4** | **79** _-x-_ | No | | | 48 _(color-adjust)_ | 6 _-x-_ | | |" }, "colorScheme": { "$ref": "#/definitions/Property.ColorScheme", "description": "The **`color-scheme`** CSS property allows an element to indicate which color schemes it can comfortably be rendered in.\n\n**Syntax**: `normal | [ light | dark | ]+ && only?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **81** | **96** | **13** | **81** | No |" }, "columnCount": { "$ref": "#/definitions/Property.ColumnCount", "description": "The **`column-count`** CSS property breaks an element's content into the specified number of columns.\n\n**Syntax**: ` | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "columnFill": { "$ref": "#/definitions/Property.ColumnFill", "description": "The **`column-fill`** CSS property controls how an element's contents are balanced when broken into columns.\n\n**Syntax**: `auto | balance | balance-all`\n\n**Initial value**: `balance`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | | | 8 _-x-_ | | |" }, "columnGap": { "$ref": "#/definitions/Property.ColumnGap%3C(string%7Cnumber)%3E", "description": "The **`column-gap`** CSS property sets the size of the gap (gutter) between an element's columns.\n\n**Syntax**: `normal | `\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **84** | **63** | **14.1** | **84** | No |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :--------------------: | :----------------------: | :----: | :-: | | **66** | **61** | **12** | **16** | No | | 57 _(grid-column-gap)_ | 52 _(grid-column-gap)_ | 10.1 _(grid-column-gap)_ | | |\n\n---\n\n_Supported in Multi-column Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **10** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |\n\n---" }, "columnRuleColor": { "$ref": "#/definitions/Property.ColumnRuleColor", "description": "The **`column-rule-color`** CSS property sets the color of the line drawn between columns in a multi-column layout.\n\n**Syntax**: ``\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "columnRuleStyle": { "$ref": "#/definitions/Property.ColumnRuleStyle", "description": "The **`column-rule-style`** CSS property sets the style of the line drawn between columns in a multi-column layout.\n\n**Syntax**: `<'border-style'>`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "columnRuleWidth": { "$ref": "#/definitions/Property.ColumnRuleWidth%3C(string%7Cnumber)%3E", "description": "The **`column-rule-width`** CSS property sets the width of the line drawn between columns in a multi-column layout.\n\n**Syntax**: `<'border-width'>`\n\n**Initial value**: `medium`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **52** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "columnSpan": { "$ref": "#/definitions/Property.ColumnSpan", "description": "The **`column-span`** CSS property makes it possible for an element to span across all columns when its value is set to `all`.\n\n**Syntax**: `none | all`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :----: | | **50** | **71** | **9** | **12** | **10** | | 6 _-x-_ | | 5.1 _-x-_ | | |" }, "columnWidth": { "$ref": "#/definitions/Property.ColumnWidth%3C(string%7Cnumber)%3E", "description": "The **`column-width`** CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the `column-width` value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.\n\n**Syntax**: ` | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :----: | | **50** | **50** | **9** | **12** | **10** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "contain": { "$ref": "#/definitions/Property.Contain", "description": "The **`contain`** CSS property allows an author to indicate that an element and its contents are, as much as possible, _independent_ of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page, leading to obvious performance benefits.\n\n**Syntax**: `none | strict | content | [ size || layout || style || paint ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **52** | **69** | **15.4** | **79** | No |" }, "content": { "$ref": "#/definitions/Property.Content", "description": "The **`content`** CSS property replaces an element with a generated value. Objects inserted using the `content` property are **anonymous replaced elements**.\n\n**Syntax**: `normal | none | [ | ] [/ [ | ]+ ]?`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **8** |" }, "contentVisibility": { "$ref": "#/definitions/Property.ContentVisibility", "description": "The **`content-visibility`** CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potentially omit large swathes of layout and rendering work until it becomes needed. Basically it enables the user agent to skip an element's rendering work (including layout and painting) until it is needed — which makes the initial page load much faster.\n\n**Syntax**: `visible | auto | hidden`\n\n**Initial value**: `visible`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **85** | No | **15.4** | **85** | No |" }, "counterIncrement": { "$ref": "#/definitions/Property.CounterIncrement", "description": "The **`counter-increment`** CSS property increases or decreases the value of a CSS counter by a given value.\n\n**Syntax**: `[ ? ]+ | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **3** | **12** | **8** |" }, "counterReset": { "$ref": "#/definitions/Property.CounterReset", "description": "The **`counter-reset`** CSS property resets a CSS counter to a given value. This property will create a new counter or reversed counter with the given name on the specified element.\n\n**Syntax**: `[ ? | ? ]+ | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **2** | **1** | **3** | **12** | **8** |" }, "counterSet": { "$ref": "#/definitions/Property.CounterSet", "description": "The **`counter-set`** CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the given name on the element.\n\n**Syntax**: `[ ? ]+ | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **85** | **68** | No | **85** | No |" }, "emptyCells": { "$ref": "#/definitions/Property.EmptyCells", "description": "The **`empty-cells`** CSS property sets whether borders and backgrounds appear around `` cells that have no visible content.\n\n**Syntax**: `show | hide`\n\n**Initial value**: `show`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **1** | **1.2** | **12** | **8** |" }, "flexBasis": { "$ref": "#/definitions/Property.FlexBasis%3C(string%7Cnumber)%3E", "description": "The **`flex-basis`** CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with `box-sizing`.\n\n**Syntax**: `content | <'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **22** | **9** | **12** | **11** | | 22 _-x-_ | | 7 _-x-_ | | |" }, "flexDirection": { "$ref": "#/definitions/Property.FlexDirection", "description": "The **`flex-direction`** CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).\n\n**Syntax**: `row | row-reverse | column | column-reverse`\n\n**Initial value**: `row`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :------: | | **29** | **81** | **9** | **12** | **11** | | 21 _-x-_ | 49 _-x-_ | 7 _-x-_ | | 10 _-x-_ |" }, "flexGrow": { "$ref": "#/definitions/Property.FlexGrow", "description": "The **`flex-grow`** CSS property sets the flex grow factor of a flex item's main size.\n\n**Syntax**: ``\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----------------------: | | **29** | **20** | **9** | **12** | **11** | | 22 _-x-_ | | 7 _-x-_ | | 10 _(-ms-flex-positive)_ |" }, "flexShrink": { "$ref": "#/definitions/Property.FlexShrink", "description": "The **`flex-shrink`** CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to `flex-shrink`.\n\n**Syntax**: ``\n\n**Initial value**: `1`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **20** | **9** | **12** | **10** | | 22 _-x-_ | | 8 _-x-_ | | |" }, "flexWrap": { "$ref": "#/definitions/Property.FlexWrap", "description": "The **`flex-wrap`** CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.\n\n**Syntax**: `nowrap | wrap | wrap-reverse`\n\n**Initial value**: `nowrap`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **29** | **28** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |" }, "float": { "$ref": "#/definitions/Property.Float", "description": "The **`float`** CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning).\n\n**Syntax**: `left | right | none | inline-start | inline-end`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "fontFeatureSettings": { "$ref": "#/definitions/Property.FontFeatureSettings", "description": "The **`font-feature-settings`** CSS property controls advanced typographic features in OpenType fonts.\n\n**Syntax**: `normal | #`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :----: | | **48** | **34** | **9.1** | **15** | **10** | | 16 _-x-_ | 15 _-x-_ | | | |" }, "fontKerning": { "$ref": "#/definitions/Property.FontKerning", "description": "The **`font-kerning`** CSS property sets the use of the kerning information stored in a font.\n\n**Syntax**: `auto | normal | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **33** | **32** | **9** | **79** | No | | | | 6 _-x-_ | | |" }, "fontLanguageOverride": { "$ref": "#/definitions/Property.FontLanguageOverride", "description": "The **`font-language-override`** CSS property controls the use of language-specific glyphs in a typeface.\n\n**Syntax**: `normal | `\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | **34** | No | No | No | | | 4 _-x-_ | | | |" }, "fontOpticalSizing": { "$ref": "#/definitions/Property.FontOpticalSizing", "description": "The **`font-optical-sizing`** CSS property sets whether text rendering is optimized for viewing at different sizes.\n\n**Syntax**: `auto | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **79** | **62** | **11** | **17** | No |" }, "fontSmooth": { "$ref": "#/definitions/Property.FontSmooth%3C(string%7Cnumber)%3E", "description": "The **`font-smooth`** CSS property controls the application of anti-aliasing when fonts are rendered.\n\n**Syntax**: `auto | never | always | | `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------------: | :--------------------------------: | :------------------------------: | :-------------------------------: | :-: | | **5** _(-webkit-font-smoothing)_ | **25** _(-moz-osx-font-smoothing)_ | **4** _(-webkit-font-smoothing)_ | **79** _(-webkit-font-smoothing)_ | No |" }, "fontSynthesis": { "$ref": "#/definitions/Property.FontSynthesis", "description": "The **`font-synthesis`** CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.\n\n**Syntax**: `none | [ weight || style || small-caps ]`\n\n**Initial value**: `weight style`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **97** | **34** | **9** | **97** | No |" }, "fontVariantAlternates": { "$ref": "#/definitions/Property.FontVariantAlternates", "description": "The **`font-variant-alternates`** CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in `@font-feature-values`.\n\n**Syntax**: `normal | [ stylistic( ) || historical-forms || styleset( # ) || character-variant( # ) || swash( ) || ornaments( ) || annotation( ) ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :--: | :-: | | No | **34** | **9.1** | No | No |" }, "fontVariantCaps": { "$ref": "#/definitions/Property.FontVariantCaps", "description": "The **`font-variant-caps`** CSS property controls the use of alternate glyphs for capital letters.\n\n**Syntax**: `normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **52** | **34** | **9.1** | **79** | No |" }, "fontVariantEastAsian": { "$ref": "#/definitions/Property.FontVariantEastAsian", "description": "The **`font-variant-east-asian`** CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.\n\n**Syntax**: `normal | [ || || ruby ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **63** | **34** | **9.1** | **79** | No |" }, "fontVariantLigatures": { "$ref": "#/definitions/Property.FontVariantLigatures", "description": "The **`font-variant-ligatures`** CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.\n\n**Syntax**: `normal | none | [ || || || ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :-: | | **34** | **34** | **9.1** | **79** | No | | 31 _-x-_ | | 7 _-x-_ | | |" }, "fontVariantNumeric": { "$ref": "#/definitions/Property.FontVariantNumeric", "description": "The **`font-variant-numeric`** CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.\n\n**Syntax**: `normal | [ || || || ordinal || slashed-zero ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :-: | | **52** | **34** | **9.1** | **79** | No |" }, "fontVariantPosition": { "$ref": "#/definitions/Property.FontVariantPosition", "description": "The **`font-variant-position`** CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.\n\n**Syntax**: `normal | sub | super`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :--: | :-: | | No | **34** | **9.1** | No | No |" }, "fontVariationSettings": { "$ref": "#/definitions/Property.FontVariationSettings", "description": "The **`font-variation-settings`** CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values.\n\n**Syntax**: `normal | [ ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **62** | **62** | **11** | **17** | No |" }, "forcedColorAdjust": { "$ref": "#/definitions/Property.ForcedColorAdjust", "description": "The **`forced-color-adjust`** CSS property allows authors to opt certain elements out of forced colors mode. This then restores the control of those values to CSS.\n\n**Syntax**: `auto | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :-----------------------------: | :---------------------------------: | | **89** | No | No | **79** | **10** _(-ms-high-contrast-adjust)_ | | | | | 12 _(-ms-high-contrast-adjust)_ | |" }, "gridAutoColumns": { "$ref": "#/definitions/Property.GridAutoColumns%3C(string%7Cnumber)%3E", "description": "The **`grid-auto-columns`** CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.\n\n**Syntax**: `+`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-------------------------: | | **57** | **70** | **10.1** | **16** | **10** _(-ms-grid-columns)_ |" }, "gridAutoFlow": { "$ref": "#/definitions/Property.GridAutoFlow", "description": "The **`grid-auto-flow`** CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.\n\n**Syntax**: `[ row | column ] || dense`\n\n**Initial value**: `row`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |" }, "gridAutoRows": { "$ref": "#/definitions/Property.GridAutoRows%3C(string%7Cnumber)%3E", "description": "The **`grid-auto-rows`** CSS property specifies the size of an implicitly-created grid row track or pattern of tracks.\n\n**Syntax**: `+`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----------------------: | | **57** | **70** | **10.1** | **16** | **10** _(-ms-grid-rows)_ |" }, "gridColumnEnd": { "$ref": "#/definitions/Property.GridColumnEnd", "description": "The **`grid-column-end`** CSS property specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.\n\n**Syntax**: ``\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |" }, "gridColumnStart": { "$ref": "#/definitions/Property.GridColumnStart", "description": "The **`grid-column-start`** CSS property specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area.\n\n**Syntax**: ``\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |" }, "gridRowEnd": { "$ref": "#/definitions/Property.GridRowEnd", "description": "The **`grid-row-end`** CSS property specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.\n\n**Syntax**: ``\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |" }, "gridRowStart": { "$ref": "#/definitions/Property.GridRowStart", "description": "The **`grid-row-start`** CSS property specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.\n\n**Syntax**: ``\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |" }, "gridTemplateAreas": { "$ref": "#/definitions/Property.GridTemplateAreas", "description": "The **`grid-template-areas`** CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.\n\n**Syntax**: `none | +`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |" }, "gridTemplateColumns": { "$ref": "#/definitions/Property.GridTemplateColumns%3C(string%7Cnumber)%3E", "description": "The **`grid-template-columns`** CSS property defines the line names and track sizing functions of the grid columns.\n\n**Syntax**: `none | | | subgrid ?`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-------------------------: | | **57** | **52** | **10.1** | **16** | **10** _(-ms-grid-columns)_ |" }, "gridTemplateRows": { "$ref": "#/definitions/Property.GridTemplateRows%3C(string%7Cnumber)%3E", "description": "The **`grid-template-rows`** CSS property defines the line names and track sizing functions of the grid rows.\n\n**Syntax**: `none | | | subgrid ?`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----------------------: | | **57** | **52** | **10.1** | **16** | **10** _(-ms-grid-rows)_ |" }, "hangingPunctuation": { "$ref": "#/definitions/Property.HangingPunctuation", "description": "The **`hanging-punctuation`** CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.\n\n**Syntax**: `none | [ first || [ force-end | allow-end ] || last ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | No | **10** | No | No |" }, "height": { "$ref": "#/definitions/Property.Height%3C(string%7Cnumber)%3E", "description": "The **`height`** CSS property specifies the height of an element. By default, the property defines the height of the content area. If `box-sizing` is set to `border-box`, however, it instead determines the height of the border area.\n\n**Syntax**: `auto | | | min-content | max-content | fit-content | fit-content()`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "hyphenateCharacter": { "$ref": "#/definitions/Property.HyphenateCharacter", "description": "The **`hyphenate-character`** CSS property sets the character (or string) used at the end of a line before a hyphenation break.\n\n**Syntax**: `auto | `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :-----------: | :----------: | :-: | | **6** _-x-_ | **98** | **5.1** _-x-_ | **79** _-x-_ | No |" }, "hyphens": { "$ref": "#/definitions/Property.Hyphens", "description": "The **`hyphens`** CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.\n\n**Syntax**: `none | manual | auto`\n\n**Initial value**: `manual`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----------: | :----: | :----------: | | **55** | **43** | **5.1** _-x-_ | **79** | **10** _-x-_ | | 13 _-x-_ | 6 _-x-_ | | | |" }, "imageOrientation": { "$ref": "#/definitions/Property.ImageOrientation", "description": "The **`image-orientation`** CSS property specifies a layout-independent correction to the orientation of an image.\n\n**Syntax**: `from-image | | [ ? flip ]`\n\n**Initial value**: `from-image`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **81** | **26** | **13.1** | **81** | No |" }, "imageResolution": { "$ref": "#/definitions/Property.ImageResolution", "description": "**Syntax**: `[ from-image || ] && snap?`\n\n**Initial value**: `1dppx`" }, "initialLetter": { "$ref": "#/definitions/Property.InitialLetter", "description": "The `initial-letter` CSS property sets styling for dropped, raised, and sunken initial letters.\n\n**Syntax**: `normal | [ ? ]`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :---------: | :--: | :-: | | No | No | **9** _-x-_ | No | No |" }, "inlineSize": { "$ref": "#/definitions/Property.InlineSize%3C(string%7Cnumber)%3E", "description": "The **`inline-size`** CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `width` or the `height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'width'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |" }, "inputSecurity": { "$ref": "#/definitions/Property.InputSecurity", "description": "**Syntax**: `auto | none`\n\n**Initial value**: `auto`" }, "inset": { "$ref": "#/definitions/Property.Inset%3C(string%7Cnumber)%3E", "description": "The **`inset`** CSS property is a shorthand that corresponds to the `top`, `right`, `bottom`, and/or `left` properties. It has the same multi-value syntax of the `margin` shorthand.\n\n**Syntax**: `<'top'>{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |" }, "insetBlock": { "$ref": "#/definitions/Property.InsetBlock%3C(string%7Cnumber)%3E", "description": "The **`inset-block`** CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |" }, "insetBlockEnd": { "$ref": "#/definitions/Property.InsetBlockEnd%3C(string%7Cnumber)%3E", "description": "The **`inset-block-end`** CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |" }, "insetBlockStart": { "$ref": "#/definitions/Property.InsetBlockStart%3C(string%7Cnumber)%3E", "description": "The **`inset-block-start`** CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |" }, "insetInline": { "$ref": "#/definitions/Property.InsetInline%3C(string%7Cnumber)%3E", "description": "The **`inset-inline`** CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top` and `bottom`, or `right` and `left` properties depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>{1,2}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |" }, "insetInlineEnd": { "$ref": "#/definitions/Property.InsetInlineEnd%3C(string%7Cnumber)%3E", "description": "The **`inset-inline-end`** CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |" }, "insetInlineStart": { "$ref": "#/definitions/Property.InsetInlineStart%3C(string%7Cnumber)%3E", "description": "The **`inset-inline-start`** CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the `top`, `right`, `bottom`, or `left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'top'>`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **63** | **14.1** | **87** | No |" }, "isolation": { "$ref": "#/definitions/Property.Isolation", "description": "The **`isolation`** CSS property determines whether an element must create a new stacking context.\n\n**Syntax**: `auto | isolate`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **41** | **36** | **8** | **79** | No |" }, "justifyContent": { "$ref": "#/definitions/Property.JustifyContent", "description": "The CSS **`justify-content`** property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.\n\n**Syntax**: `normal | | ? [ | left | right ]`\n\n**Initial value**: `normal`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** | | 21 _-x-_ | | 7 _-x-_ | | |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **52** | **10.1** | **16** | No |\n\n---" }, "justifyItems": { "$ref": "#/definitions/Property.JustifyItems", "description": "The CSS **`justify-items`** property defines the default `justify-self` for all items of the box, giving them all a default way of justifying each box along the appropriate axis.\n\n**Syntax**: `normal | stretch | | ? [ | left | right ] | legacy | legacy && [ left | right | center ]`\n\n**Initial value**: `legacy`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | **52** | **20** | **9** | **12** | **11** |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **45** | **10.1** | **16** | No |\n\n---" }, "justifySelf": { "$ref": "#/definitions/Property.JustifySelf", "description": "The CSS **`justify-self`** property sets the way a box is justified inside its alignment container along the appropriate axis.\n\n**Syntax**: `auto | normal | stretch | | ? [ | left | right ]`\n\n**Initial value**: `auto`\n\n---\n\n_Supported in Flex Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **45** | **10.1** | **16** | No |\n\n---\n\n_Supported in Grid Layout_\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :----------: | | **57** | **45** | **10.1** | **16** | **10** _-x-_ |\n\n---" }, "justifyTracks": { "$ref": "#/definitions/Property.JustifyTracks", "description": "The **`justify-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their inline axis.\n\n**Syntax**: `[ normal | | ? [ | left | right ] ]#`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | No | n/a | No | No | No |" }, "left": { "$ref": "#/definitions/Property.Left%3C(string%7Cnumber)%3E", "description": "The **`left`** CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.\n\n**Syntax**: ` | | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **1** | **1** | **1** | **12** | **5.5** |" }, "lineBreak": { "$ref": "#/definitions/Property.LineBreak", "description": "The **`line-break`** CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.\n\n**Syntax**: `auto | loose | normal | strict | anywhere`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-----: | :----: | :-----: | | **58** | **69** | **11** | **14** | **5.5** | | 1 _-x-_ | | 3 _-x-_ | | |" }, "lineHeightStep": { "$ref": "#/definitions/Property.LineHeightStep%3C(string%7Cnumber)%3E", "description": "The **`line-height-step`** CSS property sets the step unit for line box heights. When the property is set, line box heights are rounded up to the closest multiple of the unit.\n\n**Syntax**: ``\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :--: | :-: | | n/a | No | No | n/a | No |" }, "listStyleImage": { "$ref": "#/definitions/Property.ListStyleImage", "description": "The **`list-style-image`** CSS property sets an image to be used as the list item marker.\n\n**Syntax**: ` | none`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "listStylePosition": { "$ref": "#/definitions/Property.ListStylePosition", "description": "The **`list-style-position`** CSS property sets the position of the `::marker` relative to a list item.\n\n**Syntax**: `inside | outside`\n\n**Initial value**: `outside`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "listStyleType": { "$ref": "#/definitions/Property.ListStyleType", "description": "The **`list-style-type`** CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.\n\n**Syntax**: ` | | none`\n\n**Initial value**: `disc`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "marginBlock": { "$ref": "#/definitions/Property.MarginBlock%3C(string%7Cnumber)%3E", "description": "The **`margin-block`** CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |" }, "marginBlockEnd": { "$ref": "#/definitions/Property.MarginBlockEnd%3C(string%7Cnumber)%3E", "description": "The **`margin-block-end`** CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |" }, "marginBlockStart": { "$ref": "#/definitions/Property.MarginBlockStart%3C(string%7Cnumber)%3E", "description": "The **`margin-block-start`** CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No |" }, "marginBottom": { "$ref": "#/definitions/Property.MarginBottom%3C(string%7Cnumber)%3E", "description": "The **`margin-bottom`** CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.\n\n**Syntax**: ` | | auto`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "marginInline": { "$ref": "#/definitions/Property.MarginInline%3C(string%7Cnumber)%3E", "description": "The **`margin-inline`** CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionality, and text orientation.\n\n**Syntax**: `<'margin-left'>{1,2}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **66** | **14.1** | **87** | No |" }, "marginInlineEnd": { "$ref": "#/definitions/Property.MarginInlineEnd%3C(string%7Cnumber)%3E", "description": "The **`margin-inline-end`** CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the `margin-top`, `margin-right`, `margin-bottom` or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------------------: | :-------------------: | :----------------------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | 2 _(-webkit-margin-end)_ | 3 _(-moz-margin-end)_ | 3 _(-webkit-margin-end)_ | | |" }, "marginInlineStart": { "$ref": "#/definitions/Property.MarginInlineStart%3C(string%7Cnumber)%3E", "description": "The **`margin-inline-start`** CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the `margin-top`, `margin-right`, `margin-bottom`, or `margin-left` property depending on the values defined for `writing-mode`, `direction`, and `text-orientation`.\n\n**Syntax**: `<'margin-left'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------: | :---------------------: | :------------------------: | :----: | :-: | | **69** | **41** | **12.1** | **79** | No | | 2 _(-webkit-margin-start)_ | 3 _(-moz-margin-start)_ | 3 _(-webkit-margin-start)_ | | |" }, "marginLeft": { "$ref": "#/definitions/Property.MarginLeft%3C(string%7Cnumber)%3E", "description": "The **`margin-left`** CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.\n\n**Syntax**: ` | | auto`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "marginRight": { "$ref": "#/definitions/Property.MarginRight%3C(string%7Cnumber)%3E", "description": "The **`margin-right`** CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.\n\n**Syntax**: ` | | auto`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "marginTop": { "$ref": "#/definitions/Property.MarginTop%3C(string%7Cnumber)%3E", "description": "The **`margin-top`** CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.\n\n**Syntax**: ` | | auto`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "maskBorderMode": { "$ref": "#/definitions/Property.MaskBorderMode", "description": "The **`mask-border-mode`** CSS property specifies the blending mode used in a mask border.\n\n**Syntax**: `luminance | alpha`\n\n**Initial value**: `alpha`" }, "maskBorderOutset": { "$ref": "#/definitions/Property.MaskBorderOutset%3C(string%7Cnumber)%3E", "description": "The **`mask-border-outset`** CSS property specifies the distance by which an element's mask border is set out from its border box.\n\n**Syntax**: `[ | ]{1,4}`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-outset)_ | No | **3.1** _(-webkit-mask-box-image-outset)_ | **79** _(-webkit-mask-box-image-outset)_ | No |" }, "maskBorderRepeat": { "$ref": "#/definitions/Property.MaskBorderRepeat", "description": "The **`mask-border-repeat`** CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.\n\n**Syntax**: `[ stretch | repeat | round | space ]{1,2}`\n\n**Initial value**: `stretch`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-repeat)_ | No | **3.1** _(-webkit-mask-box-image-repeat)_ | **79** _(-webkit-mask-box-image-repeat)_ | No |" }, "maskBorderSlice": { "$ref": "#/definitions/Property.MaskBorderSlice", "description": "The **`mask-border-slice`** CSS property divides the image set by `mask-border-source` into regions. These regions are used to form the components of an element's mask border.\n\n**Syntax**: `{1,4} fill?`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------------------: | :-----: | :--------------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-slice)_ | No | **3.1** _(-webkit-mask-box-image-slice)_ | **79** _(-webkit-mask-box-image-slice)_ | No |" }, "maskBorderSource": { "$ref": "#/definitions/Property.MaskBorderSource", "description": "The **`mask-border-source`** CSS property sets the source image used to create an element's mask border.\n\n**Syntax**: `none | `\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-------------------------------------: | :-----: | :---------------------------------------: | :--------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-source)_ | No | **3.1** _(-webkit-mask-box-image-source)_ | **79** _(-webkit-mask-box-image-source)_ | No |" }, "maskBorderWidth": { "$ref": "#/definitions/Property.MaskBorderWidth%3C(string%7Cnumber)%3E", "description": "The **`mask-border-width`** CSS property sets the width of an element's mask border.\n\n**Syntax**: `[ | | auto ]{1,4}`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------------------: | :-----: | :--------------------------------------: | :-------------------------------------: | :-: | | **1** _(-webkit-mask-box-image-width)_ | No | **3.1** _(-webkit-mask-box-image-width)_ | **79** _(-webkit-mask-box-image-width)_ | No |" }, "maskClip": { "$ref": "#/definitions/Property.MaskClip", "description": "The **`mask-clip`** CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area.\n\n**Syntax**: `[ | no-clip ]#`\n\n**Initial value**: `border-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :------: | :----------: | :-: | | **1** _-x-_ | **53** | **15.4** | **79** _-x-_ | No | | | | 4 _-x-_ | | |" }, "maskComposite": { "$ref": "#/definitions/Property.MaskComposite", "description": "The **`mask-composite`** CSS property represents a compositing operation used on the current mask layer with the mask layers below it.\n\n**Syntax**: `#`\n\n**Initial value**: `add`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :---: | :-: | | No | **53** | **15.4** | 18-79 | No |" }, "maskImage": { "$ref": "#/definitions/Property.MaskImage", "description": "The **`mask-image`** CSS property sets the image that is used as mask layer for an element. By default this means the alpha channel of the mask image will be multiplied with the alpha channel of the element. This can be controlled with the `mask-mode` property.\n\n**Syntax**: `#`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :------: | :---: | :-: | | **1** _-x-_ | **53** | **15.4** | 16-79 | No | | | | 4 _-x-_ | | |" }, "maskMode": { "$ref": "#/definitions/Property.MaskMode", "description": "The **`mask-mode`** CSS property sets whether the mask reference defined by `mask-image` is treated as a luminance or alpha mask.\n\n**Syntax**: `#`\n\n**Initial value**: `match-source`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | No | **53** | **15.4** | No | No |" }, "maskOrigin": { "$ref": "#/definitions/Property.MaskOrigin", "description": "The **`mask-origin`** CSS property sets the origin of a mask.\n\n**Syntax**: `#`\n\n**Initial value**: `border-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :------: | :----------: | :-: | | **1** _-x-_ | **53** | **15.4** | **79** _-x-_ | No | | | | 4 _-x-_ | | |" }, "maskPosition": { "$ref": "#/definitions/Property.MaskPosition%3C(string%7Cnumber)%3E", "description": "The **`mask-position`** CSS property sets the initial position, relative to the mask position layer set by `mask-origin`, for each defined mask image.\n\n**Syntax**: `#`\n\n**Initial value**: `center`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :-------: | :---: | :-: | | **1** _-x-_ | **53** | **15.4** | 18-79 | No | | | | 3.1 _-x-_ | | |" }, "maskRepeat": { "$ref": "#/definitions/Property.MaskRepeat", "description": "The **`mask-repeat`** CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.\n\n**Syntax**: `#`\n\n**Initial value**: `no-repeat`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :-------: | :---: | :-: | | **1** _-x-_ | **53** | **15.4** | 18-79 | No | | | | 3.1 _-x-_ | | |" }, "maskSize": { "$ref": "#/definitions/Property.MaskSize%3C(string%7Cnumber)%3E", "description": "The **`mask-size`** CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio.\n\n**Syntax**: `#`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :---------: | :-----: | :------: | :---: | :-: | | **4** _-x-_ | **53** | **15.4** | 18-79 | No | | | | 4 _-x-_ | | |" }, "maskType": { "$ref": "#/definitions/Property.MaskType", "description": "The **`mask-type`** CSS property sets whether an SVG `` element is used as a _luminance_ or an _alpha_ mask. It applies to the `` element itself.\n\n**Syntax**: `luminance | alpha`\n\n**Initial value**: `luminance`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **24** | **35** | **7** | **79** | No |" }, "mathStyle": { "$ref": "#/definitions/Property.MathStyle", "description": "The `math-style` property indicates whether MathML equations should render with normal or compact height.\n\n**Syntax**: `normal | compact`\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | n/a | n/a | **14.1** | No | No |" }, "maxBlockSize": { "$ref": "#/definitions/Property.MaxBlockSize%3C(string%7Cnumber)%3E", "description": "The **`max-block-size`** CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by `writing-mode`. That is, if the writing direction is horizontal, then `max-block-size` is equivalent to `max-height`; if the writing direction is vertical, `max-block-size` is the same as `max-width`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |" }, "maxHeight": { "$ref": "#/definitions/Property.MaxHeight%3C(string%7Cnumber)%3E", "description": "The **`max-height`** CSS property sets the maximum height of an element. It prevents the used value of the `height` property from becoming larger than the value specified for `max-height`.\n\n**Syntax**: `none | | min-content | max-content | fit-content | fit-content()`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **18** | **1** | **1.3** | **12** | **7** |" }, "maxInlineSize": { "$ref": "#/definitions/Property.MaxInlineSize%3C(string%7Cnumber)%3E", "description": "The **`max-inline-size`** CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the `max-width` or the `max-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'max-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :--------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No | | | | 10.1 _-x-_ | | |" }, "maxLines": { "$ref": "#/definitions/Property.MaxLines", "description": "**Syntax**: `none | `\n\n**Initial value**: `none`" }, "maxWidth": { "$ref": "#/definitions/Property.MaxWidth%3C(string%7Cnumber)%3E", "description": "The **`max-width`** CSS property sets the maximum width of an element. It prevents the used value of the `width` property from becoming larger than the value specified by `max-width`.\n\n**Syntax**: `none | | min-content | max-content | fit-content | fit-content()`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **7** |" }, "minBlockSize": { "$ref": "#/definitions/Property.MinBlockSize%3C(string%7Cnumber)%3E", "description": "The **`min-block-size`** CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |" }, "minHeight": { "$ref": "#/definitions/Property.MinHeight%3C(string%7Cnumber)%3E", "description": "The **`min-height`** CSS property sets the minimum height of an element. It prevents the used value of the `height` property from becoming smaller than the value specified for `min-height`.\n\n**Syntax**: `auto | | | min-content | max-content | fit-content | fit-content()`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **3** | **1.3** | **12** | **7** |" }, "minInlineSize": { "$ref": "#/definitions/Property.MinInlineSize%3C(string%7Cnumber)%3E", "description": "The **`min-inline-size`** CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the `min-width` or the `min-height` property, depending on the value of `writing-mode`.\n\n**Syntax**: `<'min-width'>`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **41** | **12.1** | **79** | No |" }, "minWidth": { "$ref": "#/definitions/Property.MinWidth%3C(string%7Cnumber)%3E", "description": "The **`min-width`** CSS property sets the minimum width of an element. It prevents the used value of the `width` property from becoming smaller than the value specified for `min-width`.\n\n**Syntax**: `auto | | | min-content | max-content | fit-content | fit-content()`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **7** |" }, "mixBlendMode": { "$ref": "#/definitions/Property.MixBlendMode", "description": "The **`mix-blend-mode`** CSS property sets how an element's content should blend with the content of the element's parent and the element's background.\n\n**Syntax**: ``\n\n**Initial value**: `normal`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **41** | **32** | **8** | **79** | No |" }, "motionDistance": { "$ref": "#/definitions/Property.OffsetDistance%3C(string%7Cnumber)%3E", "description": "The **`offset-distance`** CSS property specifies a position along an `offset-path` for an element to be placed.\n\n**Syntax**: ``\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | No | **79** | No | | 46 _(motion-distance)_ | | | | |" }, "motionPath": { "$ref": "#/definitions/Property.OffsetPath", "description": "The **`offset-path`** CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.\n\n**Syntax**: `none | ray( [ && && contain? ] ) | | | [ || ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------------: | :-----: | :----: | :----: | :-: | | **55** | **72** | No | **79** | No | | 46 _(motion-path)_ | | | | |" }, "motionRotation": { "$ref": "#/definitions/Property.OffsetRotate", "description": "The **`offset-rotate`** CSS property defines the orientation/direction of the element as it is positioned along the `offset-path`.\n\n**Syntax**: `[ auto | reverse ] || `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :--------------------: | :-----: | :----: | :----: | :-: | | **56** | **72** | No | **79** | No | | 46 _(motion-rotation)_ | | | | |" }, "objectFit": { "$ref": "#/definitions/Property.ObjectFit", "description": "The **`object-fit`** CSS property sets how the content of a replaced element, such as an `` or `
` cells, rows, and columns.\n\n**Syntax**: `auto | fixed`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **14** | **1** | **1** | **12** | **5** |" }, "textAlign": { "$ref": "#/definitions/Property.TextAlign", "description": "The **`text-align`** CSS property sets the horizontal alignment of the content inside a block element or table-cell box. This means it works like `vertical-align` but in the horizontal direction.\n\n**Syntax**: `start | end | left | right | center | justify | match-parent`\n\n**Initial value**: `start`, or a nameless value that acts as `left` if _direction_ is `ltr`, `right` if _direction_ is `rtl` if `start` is not supported by the browser.\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "textAlignLast": { "$ref": "#/definitions/Property.TextAlignLast", "description": "The **`text-align-last`** CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.\n\n**Syntax**: `auto | start | end | left | right | center | justify`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-----: | | **47** | **49** | No | **12** | **5.5** |" }, "textCombineUpright": { "$ref": "#/definitions/Property.TextCombineUpright", "description": "The **`text-combine-upright`** CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.\n\n**Syntax**: `none | all | [ digits ? ]`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------------------------: | :-----: | :------------------------------: | :---: | :------------------------------------: | | **48** | **48** | **5.1** _(-webkit-text-combine)_ | 15-79 | **11** _(-ms-text-combine-horizontal)_ | | 9 _(-webkit-text-combine)_ | | | | |" }, "textDecorationColor": { "$ref": "#/definitions/Property.TextDecorationColor", "description": "The **`text-decoration-color`** CSS property sets the color of decorations added to text by `text-decoration-line`.\n\n**Syntax**: ``\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |" }, "textDecorationLine": { "$ref": "#/definitions/Property.TextDecorationLine", "description": "The **`text-decoration-line`** CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline.\n\n**Syntax**: `none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |" }, "textDecorationSkip": { "$ref": "#/definitions/Property.TextDecorationSkip", "description": "The **`text-decoration-skip`** CSS property sets what parts of an element's content any text decoration affecting the element must skip over. It controls all text decoration lines drawn by the element and also any text decoration lines drawn by its ancestors.\n\n**Syntax**: `none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]`\n\n**Initial value**: `objects`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :--: | :-: | | 57-64 | No | **12.1** | No | No | | | | 7 _-x-_ | | |" }, "textDecorationSkipInk": { "$ref": "#/definitions/Property.TextDecorationSkipInk", "description": "The **`text-decoration-skip-ink`** CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.\n\n**Syntax**: `auto | all | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **64** | **70** | **15.4** | **79** | No |" }, "textDecorationStyle": { "$ref": "#/definitions/Property.TextDecorationStyle", "description": "The **`text-decoration-style`** CSS property sets the style of the lines specified by `text-decoration-line`. The style applies to all lines that are set with `text-decoration-line`.\n\n**Syntax**: `solid | double | dotted | dashed | wavy`\n\n**Initial value**: `solid`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **57** | **36** | **12.1** | **79** | No | | | | 8 _-x-_ | | |" }, "textDecorationThickness": { "$ref": "#/definitions/Property.TextDecorationThickness%3C(string%7Cnumber)%3E", "description": "The **`text-decoration-thickness`** CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.\n\n**Syntax**: `auto | from-font | | `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **89** | **70** | **12.1** | **89** | No |" }, "textDecorationWidth": { "$ref": "#/definitions/Property.TextDecorationThickness%3C(string%7Cnumber)%3E", "description": "The **`text-decoration-thickness`** CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline.\n\n**Syntax**: `auto | from-font | | `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :---: | :-: | | 87-89 | **70** | **12.1** | 87-89 | No |" }, "textEmphasisColor": { "$ref": "#/definitions/Property.TextEmphasisColor", "description": "The **`text-emphasis-color`** CSS property sets the color of emphasis marks. This value can also be set using the `text-emphasis` shorthand.\n\n**Syntax**: ``\n\n**Initial value**: `currentcolor`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------: | :-----: | :----: | :----------: | :-: | | **25** _-x-_ | **46** | **7** | **79** _-x-_ | No |" }, "textEmphasisPosition": { "$ref": "#/definitions/Property.TextEmphasisPosition", "description": "The **`text-emphasis-position`** CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.\n\n**Syntax**: `[ over | under ] && [ right | left ]`\n\n**Initial value**: `over right`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------: | :-----: | :----: | :----------: | :-: | | **25** _-x-_ | **46** | **7** | **79** _-x-_ | No |" }, "textEmphasisStyle": { "$ref": "#/definitions/Property.TextEmphasisStyle", "description": "The **`text-emphasis-style`** CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the `text-emphasis` shorthand.\n\n**Syntax**: `none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | `\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----------: | :-----: | :----: | :----------: | :-: | | **25** _-x-_ | **46** | **7** | **79** _-x-_ | No |" }, "textIndent": { "$ref": "#/definitions/Property.TextIndent%3C(string%7Cnumber)%3E", "description": "The **`text-indent`** CSS property sets the length of empty space (indentation) that is put before lines of text in a block.\n\n**Syntax**: ` && hanging? && each-line?`\n\n**Initial value**: `0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **3** |" }, "textJustify": { "$ref": "#/definitions/Property.TextJustify", "description": "The **`text-justify`** CSS property sets what type of justification should be applied to text when `text-align``: justify;` is set on an element.\n\n**Syntax**: `auto | inter-character | inter-word | none`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :----: | | n/a | **55** | No | **12** | **11** |" }, "textOrientation": { "$ref": "#/definitions/Property.TextOrientation", "description": "The **`text-orientation`** CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when `writing-mode` is not `horizontal-tb`). It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.\n\n**Syntax**: `mixed | upright | sideways`\n\n**Initial value**: `mixed`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :-----: | :-------: | :----: | :-: | | **48** | **41** | **14** | **79** | No | | 11 _-x-_ | | 5.1 _-x-_ | | |" }, "textOverflow": { "$ref": "#/definitions/Property.TextOverflow", "description": "The **`text-overflow`** CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('`…`'), or display a custom string.\n\n**Syntax**: `[ clip | ellipsis | ]{1,2}`\n\n**Initial value**: `clip`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :---: | | **1** | **7** | **1.3** | **12** | **6** |" }, "textShadow": { "$ref": "#/definitions/Property.TextShadow", "description": "The **`text-shadow`** CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its `decorations`. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.\n\n**Syntax**: `none | #`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :-----: | :----: | :----: | | **2** | **3.5** | **1.1** | **12** | **10** |" }, "textSizeAdjust": { "$ref": "#/definitions/Property.TextSizeAdjust", "description": "The **`text-size-adjust`** CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.\n\n**Syntax**: `none | auto | `\n\n**Initial value**: `auto` for smartphone browsers supporting inflation, `none` in other cases (and then not modifiable).\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **54** | No | No | **79** | No |" }, "textTransform": { "$ref": "#/definitions/Property.TextTransform", "description": "The **`text-transform`** CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby.\n\n**Syntax**: `none | capitalize | uppercase | lowercase | full-width | full-size-kana`\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **4** |" }, "textUnderlineOffset": { "$ref": "#/definitions/Property.TextUnderlineOffset%3C(string%7Cnumber)%3E", "description": "The **`text-underline-offset`** CSS property sets the offset distance of an underline text decoration line (applied using `text-decoration`) from its original position.\n\n**Syntax**: `auto | | `\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :-: | | **87** | **70** | **12.1** | **87** | No |" }, "textUnderlinePosition": { "$ref": "#/definitions/Property.TextUnderlinePosition", "description": "The **`text-underline-position`** CSS property specifies the position of the underline which is set using the `text-decoration` property's `underline` value.\n\n**Syntax**: `auto | from-font | [ under || [ left | right ] ]`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :------: | :----: | :---: | | **33** | **74** | **12.1** | **12** | **6** | | | | 9 _-x-_ | | |" }, "top": { "$ref": "#/definitions/Property.Top%3C(string%7Cnumber)%3E", "description": "The **`top`** CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.\n\n**Syntax**: ` | | auto`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :---: | | **1** | **1** | **1** | **12** | **5** |" }, "touchAction": { "$ref": "#/definitions/Property.TouchAction", "description": "The **`touch-action`** CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).\n\n**Syntax**: `auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation`\n\n**Initial value**: `auto`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :------: | | **36** | **52** | **13** | **12** | **11** | | | | | | 10 _-x-_ |" }, "transform": { "$ref": "#/definitions/Property.Transform", "description": "The **`transform`** CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.\n\n**Syntax**: `none | `\n\n**Initial value**: `none`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-----: | :-------: | :----: | :-----: | | **36** | **16** | **9** | **12** | **10** | | 1 _-x-_ | | 3.1 _-x-_ | | 9 _-x-_ |" }, "transformBox": { "$ref": "#/definitions/Property.TransformBox", "description": "The **`transform-box`** CSS property defines the layout box to which the `transform` and `transform-origin` properties relate.\n\n**Syntax**: `content-box | border-box | fill-box | stroke-box | view-box`\n\n**Initial value**: `view-box`\n\n| Chrome | Firefox | Safari | Edge | IE | | :----: | :-----: | :----: | :----: | :-: | | **64** | **55** | **11** | **79** | No |" }, "transformOrigin": { "$ref": "#/definitions/Property.TransformOrigin%3C(string%7Cnumber)%3E", "description": "The **`transform-origin`** CSS property sets the origin for an element's transformations.\n\n**Syntax**: `[ | left | center | right | top | bottom ] | [ [ | left | center | right ] && [ | top | center | bottom ] ] ?`\n\n**Initial value**: `50% 50% 0`\n\n| Chrome | Firefox | Safari | Edge | IE | | :-----: | :-------: | :-----: | :----: | :-----: | | **36** | **16** | **9** | **12** | **10** | | 1 _-x-_ | 3.5 _-x-_ | 2 _-x-_ | | 9 _-x-_ |" }, "transformStyle": { "$ref": "#/definitions/Property.TransformStyle", "description": "The **`transform-style`** CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.\n\n**Syntax**: `flat | preserve-3d`\n\n**Initial value**: `flat`\n\n| Chrome | Firefox | Safari | Edge | IE | | :------: | :------: | :-----: | :----: | :-: | | **36** | **16** | **9** | **12** | No | | 12 _-x-_ | 10 _-x-_ | 4 _-x-_ | | |" }, "transitionDelay": { "$ref": "#/definitions/Property.TransitionDelay%3Cstring%3E", "description": "The **`transition-delay`** CSS property specifies the duration to wait before starting a property's transition effect when its value changes.\n\n**Syntax**: `