mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-10 01:48:18 +00:00
cdd1744b60
plugin-component-pane 代码规范化 Link: https://code.aone.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/codereview/3703771 * feat: support bizcomps * refactor: component-panel
15395 lines
418 KiB
JSON
15395 lines
418 KiB
JSON
{
|
||
"version": "1.0.0",
|
||
"packages": [
|
||
{
|
||
"package": "moment",
|
||
"urls": ["https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"],
|
||
"library": "moment"
|
||
},
|
||
{
|
||
"title": "fusion组件库",
|
||
"package": "@alifd/next",
|
||
"version": "1.20.0",
|
||
"urls": ["https://unpkg.antfin-inc.com/@alifd/next@1.20.0/dist/next.js", "https://unpkg.antfin-inc.com/@alifd/next@1.20.0/dist/next.css"],
|
||
"library": "Next"
|
||
},
|
||
{
|
||
"title": "NextTable",
|
||
"package": "NextTable",
|
||
"version": "1.0.0",
|
||
"urls": ["http://alifd.alibabausercontent.com/materials/NextTable.js", "http://alifd.alibabausercontent.com/materials/NextTable.css"],
|
||
"library": "NextTable"
|
||
},
|
||
{
|
||
"title": "MCBreadcrumb",
|
||
"package": "mc-breadcrumb",
|
||
"version": "1.0.0",
|
||
"urls": ["https://unpkg.alibaba-inc.com/mc-breadcrumb@1.0.0/dist/MCBreadcrumb.js", "https://unpkg.alibaba-inc.com/mc-breadcrumb@1.0.0/dist/MCBreadcrumb.css"],
|
||
"library": "MCBreadcrumb"
|
||
}
|
||
],
|
||
"components": [
|
||
{
|
||
"componentName": "Page",
|
||
"title": "Page",
|
||
"props": [
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"defaultValue": {
|
||
"padding": 12
|
||
}
|
||
}
|
||
],
|
||
"configure": {
|
||
"events": {
|
||
"supportedLifecycles": [
|
||
{
|
||
"description": "初始化时",
|
||
"name": "constructor"
|
||
},
|
||
{
|
||
"description": "装载后",
|
||
"name": "componentDidMount"
|
||
},
|
||
{
|
||
"description": "更新时",
|
||
"name": "componentDidMount"
|
||
},
|
||
{
|
||
"description": "卸载时",
|
||
"name": "componentWillUnmount"
|
||
}
|
||
]
|
||
},
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "a",
|
||
"title": "Link",
|
||
"npm": {
|
||
"exportName": "a"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "href",
|
||
"title": "链接",
|
||
"propType": "string",
|
||
"defaultValue": "https://fusion.design"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"title": "内容",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"node"
|
||
]
|
||
},
|
||
"defaultValue": "这是一个超链接"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "target",
|
||
"title": "新开页面",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"_blank",
|
||
"_self"
|
||
]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "img",
|
||
"title": "Image",
|
||
"npm": {
|
||
"exportName": "img"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "src",
|
||
"title": "图片链接",
|
||
"propType": "string",
|
||
"defaultValue": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"title": {
|
||
"label": "标题",
|
||
"tip": "HTML 原生 title 属性"
|
||
},
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "alt",
|
||
"title": {
|
||
"label": "代替文本",
|
||
"tip": "HTML 原生 alt 属性"
|
||
},
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "width",
|
||
"title": {
|
||
"label": "宽度",
|
||
"tip": "HTML 原生 width 属性"
|
||
},
|
||
"propType": "number"
|
||
},
|
||
{
|
||
"name": "height",
|
||
"title": {
|
||
"label": "高度",
|
||
"tip": "HTML 原生 height 属性"
|
||
},
|
||
"propType": "number"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Div",
|
||
"title": "Div",
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Divider",
|
||
"title": "Divider",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Divider",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "children",
|
||
"propType": "string",
|
||
"description": "文案",
|
||
"defaultValue": "分隔符"
|
||
},
|
||
|
||
{
|
||
"name": "dashed",
|
||
"propType": {
|
||
"type": "bool"
|
||
},
|
||
"description": "是否为虚线",
|
||
"defaultValue": false
|
||
},
|
||
|
||
{
|
||
"name": "direction",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "线是水平还是垂直类型",
|
||
"defaultValue": "hoz"
|
||
},
|
||
{
|
||
"name": "orientation",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"left",
|
||
"right",
|
||
"center"
|
||
]
|
||
},
|
||
"description": "分割线标题的位置",
|
||
"defaultValue": "center"
|
||
}
|
||
],
|
||
"experimental": {
|
||
"filters": [{
|
||
"name": "",
|
||
"filter": {
|
||
"type": "JSFunction",
|
||
"value": "filters"
|
||
}
|
||
}]
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Drawer",
|
||
"title": "抽屉",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Drawer",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "width",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"number",
|
||
"string"
|
||
]
|
||
},
|
||
"description": "宽度，仅在 placement是 left right 的时候生效"
|
||
},
|
||
{
|
||
"name": "height",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"number",
|
||
"string"
|
||
]
|
||
},
|
||
"description": "高度，仅在 placement是 top bottom 的时候生效"
|
||
},
|
||
{
|
||
"name": "closeable",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：\n**close** 表示点击关闭按钮可以关闭对话框\n**mask** 表示点击遮罩区域可以关闭对话框\n**esc** 表示按下 esc 键可以关闭对话框\n如 'close' 或 'close,esc,mask'\n如果设置为 true，则以上关闭方式全部生效\n如果设置为 false，则以上关闭方式全部失效",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func",
|
||
"description": "对话框关闭时触发的回调函数\n@param {String} trigger 关闭触发行为的描述字符串\n@param {Object} event 关闭时事件对象"
|
||
},
|
||
{
|
||
"name": "placement",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"top",
|
||
"right",
|
||
"bottom",
|
||
"left"
|
||
]
|
||
},
|
||
"description": "位于页面的位置",
|
||
"defaultValue": "right"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标题"
|
||
},
|
||
{
|
||
"name": "headerStyle",
|
||
"propType": "object",
|
||
"description": "header上的样式"
|
||
},
|
||
{
|
||
"name": "bodyStyle",
|
||
"propType": "object",
|
||
"description": "body上的样式"
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "是否显示"
|
||
},
|
||
{
|
||
"name": "hasMask",
|
||
"propType": "bool",
|
||
"description": "是否显示遮罩",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"object",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "显示隐藏时动画的播放方式\n@property {String} in 进场动画\n@property {String} out 出场动画"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any"
|
||
}
|
||
],"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"isModel": true
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"title": {
|
||
"type": "i18n",
|
||
"zh_CN": "前缀",
|
||
"en_US": "prefix"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Drawer.Inner",
|
||
"title": "Drawer.Inner",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Drawer",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Inner"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "closeable",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "role",
|
||
"propType": "string",
|
||
"defaultValue": "dialog"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "placement",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"top",
|
||
"right",
|
||
"bottom",
|
||
"left"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "headerStyle",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "bodyStyle",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "afterClose",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "beforeOpen",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "beforeClose",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "cache",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "shouldUpdatePosition",
|
||
"propType": "bool"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "NextTable",
|
||
"title": "NextTable",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "NextTable",
|
||
"version": "1.19.18",
|
||
"exportName": "NextTable",
|
||
"main": "lib/index.js",
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "columns",
|
||
"title": "数据列",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": {
|
||
"type": "shape",
|
||
"value": [
|
||
{
|
||
"name": "title",
|
||
"description": "列标题",
|
||
"propType": "string",
|
||
"defaultValue": "Title"
|
||
},
|
||
{
|
||
"name": "dataKey",
|
||
"description": "列索引",
|
||
"propType": "string",
|
||
"defaultValue": "Key"
|
||
},
|
||
{
|
||
"name": "dataType",
|
||
"description": "数据类型",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"text",
|
||
"timestamp",
|
||
"cascadeTimestamp",
|
||
"employee",
|
||
"money",
|
||
"moneyRange"
|
||
]
|
||
},
|
||
"defaultValue": "Key"
|
||
},
|
||
{
|
||
"name": "editType",
|
||
"description": "编辑类型",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"select",
|
||
"text",
|
||
"radio",
|
||
"date",
|
||
"employee"
|
||
]
|
||
},
|
||
"defaultValue": "Key"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "data",
|
||
"title": "数据源",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"Json",
|
||
"JSExpression"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "actionTitle",
|
||
"title": "操作列标题",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "actionColumn",
|
||
"title": "操作列",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": {
|
||
"type": "shape",
|
||
"value": [{
|
||
"name": "title",
|
||
"description": "列标题",
|
||
"propType": "string",
|
||
"defaultValue": "Title"
|
||
},{
|
||
"name": "callback",
|
||
"description": "callback",
|
||
"propType": "func",
|
||
"defaultValue": {
|
||
"type": "JSFunction",
|
||
"value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}"
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": [
|
||
{
|
||
"name": "StyleAndTheme",
|
||
"title": "风格和样式",
|
||
"type": "group",
|
||
"extraProps": {
|
||
"display": "entry"
|
||
},
|
||
"items": [
|
||
{
|
||
"name": "theme",
|
||
"title": "主题",
|
||
"setter": {
|
||
"componentName": "RadioGroupSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "zebra",
|
||
"value": "zebra"
|
||
},{
|
||
"label": "split",
|
||
"value": "split"
|
||
},{
|
||
"label": "border",
|
||
"value": "border"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "hasHeader",
|
||
"title": "是否显示表头",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "fixedHeader",
|
||
"title": "是否固定表头",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "stickyHeader",
|
||
"title": "表头是否是sticky",
|
||
"setter": "BoolSetter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "Selector",
|
||
"title": "行选择器",
|
||
"type": "group",
|
||
"extraProps": {
|
||
"display": "entry"
|
||
},
|
||
"items": [
|
||
{
|
||
"name": "rowSelector",
|
||
"title": "选择器模式",
|
||
"setter": {
|
||
"componentName": "RadioGroupSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "checkboxSelector",
|
||
"value": "checkboxSelector"
|
||
},{
|
||
"label": "radioSelector",
|
||
"value": "radioSelector"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "showRowSelector",
|
||
"title": "是否启用选择模式",
|
||
"setter": "BoolSetter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "Pagination",
|
||
"title": "分页设置",
|
||
"type": "group",
|
||
"extraProps": {
|
||
"display": "entry"
|
||
},
|
||
"items": [
|
||
{
|
||
"name": "isPagination",
|
||
"title": "是否显示分页",
|
||
"setter": "BoolSetter",
|
||
"initialValue": true
|
||
},
|
||
{
|
||
"name": "pagination",
|
||
"title": "分页设置",
|
||
"setter": {
|
||
"componentName": "ObjectSetter",
|
||
"props": {
|
||
"config": {
|
||
"items": [
|
||
{
|
||
"name": "paginationPosition",
|
||
"title": "翻页器显示位置",
|
||
"setter": {
|
||
"componentName": "RadioGroupSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "left",
|
||
"value": "left"
|
||
},{
|
||
"label": "right",
|
||
"value": "right"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": "分页组件大小",
|
||
"setter": {
|
||
"componentName": "RadioGroupSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "small",
|
||
"value": "small"
|
||
},{
|
||
"label": "medium",
|
||
"value": "medium"
|
||
},{
|
||
"label": "large",
|
||
"value": "large"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "type",
|
||
"title": "分页组件类型",
|
||
"setter": {
|
||
"componentName": "RadioGroupSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "normal",
|
||
"value": "normal"
|
||
},{
|
||
"label": "simple",
|
||
"value": "simple"
|
||
},{
|
||
"label": "mini",
|
||
"value": "mini"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"title": "前进后退按钮样式",
|
||
"setter": {
|
||
"componentName": "SelectSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "normal",
|
||
"value": "normal"
|
||
},{
|
||
"label": "arrow-only",
|
||
"value": "arrow-only"
|
||
},{
|
||
"label": "arrow-prev-only",
|
||
"value": "arrow-prev-only"
|
||
},{
|
||
"label": "no-border",
|
||
"value": "no-border"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "pageSizeSelector",
|
||
"title": "每页显示选择器类型",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "pageSizeList",
|
||
"title": "每页显示选择器可选值",
|
||
"setter": "StringSetter"
|
||
},
|
||
{
|
||
"name": "pageSizePosition",
|
||
"title": "每页显示选择器在组件中的位置",
|
||
"setter": {
|
||
"componentName": "SelectSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "start",
|
||
"value": "start"
|
||
},{
|
||
"label": "end",
|
||
"value": "end"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "hideOnlyOnePage",
|
||
"title": "hideOnlyOnePage",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "showJump",
|
||
"title": "showJump",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "pageShowCount",
|
||
"title": "页码显示的数量",
|
||
"setter": "NumberSetter"
|
||
}
|
||
]
|
||
}
|
||
},
|
||
"initialValue": {
|
||
"type" : "normal",
|
||
"shape" : "arrow-only",
|
||
"pageSize" : 10,
|
||
"pageSizeSelector" : false,
|
||
"pageSizeList" : "5,10,20",
|
||
"pageSizePosition" : "end",
|
||
"paginationPosition" : "right",
|
||
"hideOnlyOnePage" : false,
|
||
"showJump" : true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "ExpandAndTree",
|
||
"title": "可折叠/树形表格",
|
||
"type": "group",
|
||
"extraProps": {
|
||
"display": "entry"
|
||
},
|
||
"items": [
|
||
{
|
||
"name": "hasExpandedRowCtrl",
|
||
"title": "启用折叠",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "isTree",
|
||
"title": "启用树形",
|
||
"setter": "BoolSetter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "TopAction",
|
||
"title": "顶部操作选项",
|
||
"type": "group",
|
||
"extraProps": {
|
||
"display": "entry"
|
||
},
|
||
"items": [
|
||
{
|
||
"name": "showActionBar",
|
||
"title": "显示操作条",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "showLinkBar",
|
||
"title": "显示外链条",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "showSearch",
|
||
"title": "显示搜索",
|
||
"setter": "BoolSetter"
|
||
},
|
||
{
|
||
"name": "searchBarPlaceholder",
|
||
"title": "搜索 placeholder",
|
||
"setter": "StringSetter"
|
||
},
|
||
{
|
||
"name": "showCustomColumn",
|
||
"title": "显示筛选器",
|
||
"setter": "BoolSetter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "actionBar",
|
||
"title": "操作条",
|
||
"setter": {
|
||
"componentName": "ArraySetter",
|
||
"props": {
|
||
"itemSetter": {
|
||
"componentName": "ObjectSetter",
|
||
"props": {
|
||
"config": {
|
||
"items": [{
|
||
"name": "title",
|
||
"description": "标题",
|
||
"setter": "StringSetter",
|
||
"defaultValue": "Title"
|
||
},{
|
||
"name": "callback",
|
||
"description": "callback",
|
||
"setter": "FunctionSetter"
|
||
}]
|
||
}
|
||
},
|
||
"initialValue": {
|
||
"title": "Title",
|
||
"callback": {
|
||
"type": "JSFunction",
|
||
"value": "function(){}"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "linkBar",
|
||
"title": "外链操作条",
|
||
"setter": {
|
||
"componentName": "ArraySetter",
|
||
"props": {
|
||
"itemSetter": {
|
||
"componentName": "ObjectSetter",
|
||
"props": {
|
||
"config": {
|
||
"items": [{
|
||
"name": "title",
|
||
"description": "标题",
|
||
"setter": "StringSetter",
|
||
"defaultValue": "Title"
|
||
},{
|
||
"name": "callback",
|
||
"description": "callback",
|
||
"propType": "JsonSetter",
|
||
"defaultValue": {
|
||
"type": "JSFunction",
|
||
"value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}"
|
||
}
|
||
}]
|
||
}
|
||
},
|
||
"initialValue": {
|
||
"title": "Title",
|
||
"callback": {
|
||
"type": "JSFunction",
|
||
"value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n })}"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "columns",
|
||
"title": "数据列",
|
||
"setter": {
|
||
"componentName": "ArraySetter",
|
||
"props": {
|
||
"itemSetter": {
|
||
"componentName": "ObjectSetter",
|
||
"props": {
|
||
"config": {
|
||
"items": [
|
||
{
|
||
"name": "title",
|
||
"description": "列标题",
|
||
"setter": "StringSetter"
|
||
},
|
||
{
|
||
"name": "dataKey",
|
||
"description": "列索引",
|
||
"setter": "StringSetter"
|
||
},
|
||
{
|
||
"name": "dataType",
|
||
"description": "数据类型",
|
||
"setter": {
|
||
"componentName": "SelectSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "text",
|
||
"value": "text"
|
||
},{
|
||
"label": "timestamp",
|
||
"value": "timestamp"
|
||
},{
|
||
"label": "cascadeTimestamp",
|
||
"value": "cascadeTimestamp"
|
||
},{
|
||
"label": "employee",
|
||
"value": "employee"
|
||
},{
|
||
"label": "money",
|
||
"value": "money"
|
||
},{
|
||
"label": "moneyRange",
|
||
"value": "moneyRange"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "editType",
|
||
"description": "编辑类型",
|
||
"setter": {
|
||
"componentName": "SelectSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "select",
|
||
"value": "select"
|
||
},{
|
||
"label": "text",
|
||
"value": "text"
|
||
},{
|
||
"label": "radio",
|
||
"value": "radio"
|
||
},{
|
||
"label": "date",
|
||
"value": "date"
|
||
},{
|
||
"label": "employee",
|
||
"value": "employee"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
"initialValue": {
|
||
"title": "Title",
|
||
"dataKey": "Key",
|
||
"dataType": "text",
|
||
"editType": "text"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "data",
|
||
"title": "数据源",
|
||
"setter": {
|
||
"componentName": "MixedSetter",
|
||
"props": {
|
||
"setters": [
|
||
"JsonSetter",
|
||
"ExpressionSetter"
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "action",
|
||
"title": "操作列选项",
|
||
"type": "group",
|
||
"extraProps": {
|
||
"display": "entry"
|
||
},
|
||
"items": [
|
||
{
|
||
"name": "actionTitle",
|
||
"title": "操作列标题",
|
||
"setter": "StringSetter"
|
||
},
|
||
{
|
||
"name": "actionWidth",
|
||
"title": "操作列宽度",
|
||
"setter": "NumberSetter"
|
||
},
|
||
{
|
||
"name": "actionType",
|
||
"setter": {
|
||
"componentName": "RadioGroupSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "link",
|
||
"value": "link"
|
||
},{
|
||
"label": "button",
|
||
"value": "button"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "actionFixed",
|
||
"setter": {
|
||
"componentName": "RadioGroupSetter",
|
||
"props": {
|
||
"dataSource": [
|
||
{
|
||
"label": "right",
|
||
"value": "right"
|
||
},{
|
||
"label": "none",
|
||
"value": "none"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "actionHidden",
|
||
"setter": "BoolSetter",
|
||
"initialValue": false
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "actionColumn",
|
||
"title": "操作列",
|
||
"setter": {
|
||
"componentName": "ArraySetter",
|
||
"props": {
|
||
"itemSetter": {
|
||
"componentName": "ObjectSetter",
|
||
"props": {
|
||
"config": {
|
||
"items": [{
|
||
"name": "title",
|
||
"description": "列标题",
|
||
"setter": "StringSetter",
|
||
"defaultValue": "Title"
|
||
},{
|
||
"name": "callback",
|
||
"description": "callback",
|
||
"setter": "FunctionSetter"
|
||
}]
|
||
}
|
||
},
|
||
"initialValue": {
|
||
"title": "Title",
|
||
"callback": {
|
||
"type": "JSFunction",
|
||
"value": "function(){}"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table",
|
||
"title": "Table",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Table",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "tableLayout",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"fixed",
|
||
"auto"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "tableWidth",
|
||
"propType": "number"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "object"
|
||
}
|
||
},
|
||
{
|
||
"name": "entireDataSource",
|
||
"propType": "array"
|
||
},
|
||
{
|
||
"name": "onRowClick",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onRowMouseEnter",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "rowProps",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "cellProps",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "hasBorder",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "hasHeader",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "isZebra",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "loading",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "filterParams",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "sort",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "sortIcons",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "components",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "columns",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": {
|
||
"type": "shape",
|
||
"value": [{
|
||
"name": "title",
|
||
"description": "列标题",
|
||
"propType": "string"
|
||
},{
|
||
"name": "dataIndex",
|
||
"description": "列名称",
|
||
"propType": "string"
|
||
}]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "emptyContent",
|
||
"propType": "node"
|
||
},
|
||
{
|
||
"name": "primaryKey",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "lockType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"left",
|
||
"right"
|
||
]
|
||
}
|
||
},{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "wrapperContent",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "refs",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "expandedRowRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "expandedRowIndent",
|
||
"propType": "array"
|
||
},
|
||
{
|
||
"name": "hasExpandedRowCtrl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "getExpandedColProps",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "openRowKeys",
|
||
"propType": "array"
|
||
},
|
||
{
|
||
"name": "onRowOpen",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onExpandedRowClick",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "fixedHeader",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "rowSelection",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "stickyHeader",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "offsetTop",
|
||
"propType": "number"
|
||
},
|
||
{
|
||
"name": "affixProps",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "indent",
|
||
"propType": "number"
|
||
},
|
||
{
|
||
"name": "isTree",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "useVirtual",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "onBodyScroll",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "expandedIndexSimulate",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "crossline",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "lengths",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "dataSource",
|
||
"setter": "JsonSetter"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"setter": {
|
||
"componentName": "ArraySetter",
|
||
"props": {
|
||
"itemSetter": {
|
||
"componentName": "ObjectSetter",
|
||
"props": {
|
||
"config": {
|
||
"items": [
|
||
{
|
||
"name": "componentName",
|
||
"title": "子组件",
|
||
"defaultValue": "Table.Column",
|
||
"setter": {
|
||
"componentName": "StringSetter"
|
||
}
|
||
},
|
||
{
|
||
"name": "props",
|
||
"title": "props",
|
||
"setter": {
|
||
"componentName": "ObjectSetter",
|
||
"props": {
|
||
"config": {
|
||
"items": [
|
||
{
|
||
"name": "title",
|
||
"setter": {
|
||
"componentName": "StringSetter"
|
||
}
|
||
},
|
||
{
|
||
"name": "dataIndex",
|
||
"setter": {
|
||
"componentName": "StringSetter"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
"extraProps": {
|
||
"defaultValue": "",
|
||
"onChange": {
|
||
"type": "JSFunction",
|
||
"value": "(val, field, editor) => {\n debugger;\n console.log('val', val);//field.nodes[0].children.import(val && {\"componentName\": \"Table.Column\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"title": "Table.Column",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Table",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Column"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "title",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "dataIndex",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "cell",
|
||
"propType": "func"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [{
|
||
"name": "cell",
|
||
"setter": {
|
||
"componentName": "SlotSetter",
|
||
"props": {
|
||
"supportParams": true
|
||
}
|
||
},
|
||
"extraProps": {
|
||
"display": "block"
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Badge",
|
||
"title": "Badge",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Badge",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "徽章依托的内容"
|
||
},
|
||
{
|
||
"name": "count",
|
||
"title": "count",
|
||
"propType": "string",
|
||
"description": "展示的数字，大于 overflowCount 时显示为 ${overflowCount}+，为 0 时默认隐藏",
|
||
"defaultValue": 0
|
||
},
|
||
{
|
||
"name": "showZero",
|
||
"title": "showZero",
|
||
"propType": "bool",
|
||
"description": "当count为0时，是否显示count",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "content",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "自定义节点内容"
|
||
},
|
||
{
|
||
"name": "overflowCount",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"number",
|
||
"string"
|
||
]
|
||
},
|
||
"description": "展示的封顶的数字",
|
||
"defaultValue": 99
|
||
},
|
||
{
|
||
"name": "dot",
|
||
"propType": "bool",
|
||
"description": "不展示数字，只展示一个小红点",
|
||
"defaultValue": false
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Balloon",
|
||
"title": "Balloon",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Balloon",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内敛样式"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"primary"
|
||
]
|
||
},
|
||
"description": "样式类型",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层当前显示的状态"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认显示的状态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层在显示和隐藏触发的事件\n@param {Boolean} visible 弹层是否隐藏和显示\n@param {String} type 触发弹层显示或隐藏的来源， closeClick 表示由自带的关闭按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "alignEdge",
|
||
"propType": "bool",
|
||
"description": "弹出层对齐方式, 是否为边缘对齐",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "closable",
|
||
"propType": "bool",
|
||
"description": "是否显示关闭按钮",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "align",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"t",
|
||
"r",
|
||
"b",
|
||
"l",
|
||
"tl",
|
||
"tr",
|
||
"bl",
|
||
"br",
|
||
"lt",
|
||
"lb",
|
||
"rt",
|
||
"rb"
|
||
]
|
||
},
|
||
"description": "弹出层位置\n@enumdesc 上, 右, 下, 左, 上左, 上右, 下左, 下右, 左上, 左下, 右上, 右下 及其 两两组合",
|
||
"defaultValue": "b"
|
||
},
|
||
{
|
||
"name": "offset",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "number"
|
||
},
|
||
"description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px",
|
||
"defaultValue": [
|
||
0,
|
||
0
|
||
]
|
||
},
|
||
{
|
||
"name": "trigger",
|
||
"propType": "node",
|
||
"description": "触发元素"
|
||
},
|
||
{
|
||
"name": "triggerType",
|
||
"title": "触发行为",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hover",
|
||
"click"
|
||
]
|
||
},
|
||
"description": "触发行为\n鼠标悬浮, 鼠标点击('hover','click')或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若弹窗内容有复杂交互请使用click",
|
||
"defaultValue": "hover"
|
||
},
|
||
{
|
||
"name": "onClick",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func",
|
||
"description": "任何visible为false时会触发的事件"
|
||
},
|
||
{
|
||
"name": "onHover",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "needAdjust",
|
||
"propType": "bool",
|
||
"description": "是否进行自动位置调整",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "delay",
|
||
"propType": "number",
|
||
"description": "弹层在触发以后的延时显示, 单位毫秒 ms"
|
||
},
|
||
{
|
||
"name": "afterClose",
|
||
"propType": "func",
|
||
"description": "浮层关闭后触发的事件, 如果有动画，则在动画结束后触发"
|
||
},
|
||
{
|
||
"name": "shouldUpdatePosition",
|
||
"propType": "bool",
|
||
"description": "强制更新定位信息"
|
||
},
|
||
{
|
||
"name": "autoFocus",
|
||
"propType": "bool",
|
||
"description": "弹层出现后是否自动focus到内部第一个元素",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Tooltip",
|
||
"title": "Tooltip",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Balloon",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Tooltip"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"description": "样式类名的品牌前缀",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "node",
|
||
"description": "tooltip的内容"
|
||
},
|
||
{
|
||
"name": "align",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"t",
|
||
"r",
|
||
"b",
|
||
"l",
|
||
"tl",
|
||
"tr",
|
||
"bl",
|
||
"br",
|
||
"lt",
|
||
"lb",
|
||
"rt",
|
||
"rb"
|
||
]
|
||
},
|
||
"description": "弹出层位置\n@enumdesc 上, 右, 下, 左, 上左, 上右, 下左, 下右, 左上, 左下, 右上, 右下 及其 两两组合",
|
||
"defaultValue": "b"
|
||
},
|
||
{
|
||
"name": "trigger",
|
||
"propType": "node",
|
||
"description": "触发元素"
|
||
},
|
||
{
|
||
"name": "triggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hover",
|
||
"click"
|
||
]
|
||
},
|
||
"description": "触发行为\n鼠标悬浮, 鼠标点击('hover', 'click')或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若有复杂交互，推荐使用triggerType为click的Balloon组件",
|
||
"defaultValue": "hover"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层组件style，透传给Popup"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层组件className，透传给Popup"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "弹层组件属性，透传给Popup"
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool",
|
||
"description": "是否pure render"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "string",
|
||
"description": "指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数。"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "id",
|
||
"propType": "string",
|
||
"description": "弹层id, 传入值才会支持无障碍"
|
||
},
|
||
{
|
||
"name": "delay",
|
||
"propType": "number",
|
||
"description": "如果需要让 Tooltip 内容可被点击，可以设置这个参数，例如 100",
|
||
"defaultValue": 0
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "BalloonInner",
|
||
"title": "BalloonInner",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Balloon",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Inner"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "closable",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "alignEdge",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "align",
|
||
"propType": "string",
|
||
"defaultValue": "b"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": "string",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "isTooltip",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb",
|
||
"title": "Breadcrumb",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Breadcrumb",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"description": "样式类名的品牌前缀",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "面包屑子节点，需传入 Breadcrumb.Item"
|
||
},
|
||
{
|
||
"name": "maxNode",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"number",
|
||
{
|
||
"type": "oneOf",
|
||
"value": [
|
||
"auto"
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"description": "面包屑最多显示个数，超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。",
|
||
"defaultValue": 100
|
||
},
|
||
{
|
||
"name": "separator",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "分隔符，可以是文本或 Icon"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"func"
|
||
]
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "nav"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "maxNode",
|
||
"title": {
|
||
"label": "最大节点数",
|
||
"tip": "默认 100"
|
||
},
|
||
"setter": "NumberSetter"
|
||
},
|
||
{
|
||
"name": "separator",
|
||
"title": "分隔符",
|
||
"setter": "StringSetter"
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"componentName": "MCBreadcrumb",
|
||
"title": "MCBreadcrumb",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "mc-breadcrumb",
|
||
"version": "1.0.0",
|
||
"exportName": "MCBreadcrumb",
|
||
"main": "lib/index.js",
|
||
"destructuring": false,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"description": "样式类名的品牌前缀",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": "string",
|
||
"description": "标题",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "面包屑子节点，需传入 Breadcrumb.Item"
|
||
},
|
||
{
|
||
"name": "maxNode",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"number",
|
||
{
|
||
"type": "oneOf",
|
||
"value": [
|
||
"auto"
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"description": "面包屑最多显示个数，超出部分会被隐藏, 设置为 auto 会自动根据父元素的宽度适配。",
|
||
"defaultValue": 100
|
||
},
|
||
{
|
||
"name": "separator",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "分隔符，可以是文本或 Icon"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"func"
|
||
]
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "nav"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"isModel": true,
|
||
"rootSelector": "div.MCBreadcrumb"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"title": "Breadcrumb.Item",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Breadcrumb",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Item"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"description": "内容",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "link",
|
||
"propType": "string",
|
||
"description": "面包屑节点链接，如果设置这个属性，则该节点为`<a />` ，否则是`<span />`"
|
||
},
|
||
{
|
||
"name": "activated",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "separator",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": [{
|
||
"name": "children",
|
||
"title": "文本内容",
|
||
"setter": "StringSetter"
|
||
}]
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Button",
|
||
"title": "Button",
|
||
"icon": "https://img.alicdn.com/tfs/TB1rT0gPQL0gK0jSZFAXXcA9pXa-200-200.svg",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Button",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "children",
|
||
"title": "内容",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "icon",
|
||
"propType": "string",
|
||
"description": "自定义内联样式"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"title": "类型",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"primary",
|
||
"secondary",
|
||
"normal"
|
||
]
|
||
},
|
||
"description": "按钮的类型",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": "尺寸",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "按钮的尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "iconSize",
|
||
"title": "Icon 尺寸",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"xxs",
|
||
"xs",
|
||
"small",
|
||
"medium",
|
||
"large",
|
||
"xl",
|
||
"xxl",
|
||
"xxxl"
|
||
]
|
||
},
|
||
"defaultValue": "small",
|
||
"description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小"
|
||
},
|
||
{
|
||
"name": "loading",
|
||
"title": "loading",
|
||
"propType": "bool",
|
||
"description": "设置按钮的载入状态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "ghost",
|
||
"title": "ghost",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
true,
|
||
false,
|
||
"light",
|
||
"dark"
|
||
]
|
||
},
|
||
"description": "是否为幽灵按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "text",
|
||
"title": "text",
|
||
"propType": "bool",
|
||
"description": "是否为文本按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "warning",
|
||
"title": "warning",
|
||
"propType": "bool",
|
||
"description": "是否为警告按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"title": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onClick",
|
||
"title": "onClick",
|
||
"propType": "func",
|
||
"description": "点击按钮的回调\n@param {Object} e Event Object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "onMouseUp",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "icon",
|
||
"setter": "IconSetter",
|
||
"extraProps": {
|
||
"defaultValue": "",
|
||
"onChange": {
|
||
"type": "JSFunction",
|
||
"value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "children",
|
||
"title": {
|
||
"label": {
|
||
"type": "i18n",
|
||
"zh_CN": "文本内容",
|
||
"en_US": "content"
|
||
},
|
||
"tip": "按钮文本内容"
|
||
},
|
||
"setter": {
|
||
"componentName": "MixedSetter",
|
||
"props": {
|
||
"setters": [
|
||
"StringSetter",
|
||
"ExpressionSetter"
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Button.Group",
|
||
"title": "Button.Group",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Button",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Group"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": "string",
|
||
"description": "统一设置 Button 组件的按钮大小",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Calendar",
|
||
"title": "Calendar",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Calendar",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "默认选中的日期（moment 对象）"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "选中的日期值 (moment 对象)"
|
||
},
|
||
{
|
||
"name": "modes",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
}
|
||
},
|
||
{
|
||
"name": "disableChangeMode",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "string",
|
||
"defaultValue": "YYYY-MM-DD"
|
||
},
|
||
{
|
||
"name": "showOtherMonth",
|
||
"propType": "bool",
|
||
"description": "是否展示非本月的日期",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "defaultVisibleMonth",
|
||
"propType": "func",
|
||
"description": "默认展示的月份"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"card",
|
||
"fullscreen",
|
||
"panel"
|
||
]
|
||
},
|
||
"description": "展现形态",
|
||
"defaultValue": "fullscreen"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "选择日期单元格时的回调\n@param {Object} value 对应的日期值 (moment 对象)"
|
||
},
|
||
{
|
||
"name": "onModeChange",
|
||
"propType": "func",
|
||
"description": "面板模式变化时的回调\n@param {String} mode 对应面板模式 date month year"
|
||
},
|
||
{
|
||
"name": "onVisibleMonthChange",
|
||
"propType": "func",
|
||
"description": "展现的月份变化时的回调\n@param {Object} value 显示的月份 (moment 对象)\n@param {String} reason 触发月份改变原因"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义样式类"
|
||
},
|
||
{
|
||
"name": "dateCellRender",
|
||
"propType": "func",
|
||
"description": "自定义日期渲染函数\n@param {Object} value 日期值（moment对象）\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "monthCellRender",
|
||
"propType": "func",
|
||
"description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "yearCellRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "disabledDate",
|
||
"propType": "func",
|
||
"description": "不可选择的日期\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@returns {Boolean}"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object",
|
||
"description": "国际化配置"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "RangeCalendar",
|
||
"title": "RangeCalendar",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Calendar",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "RangeCalendar"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"description": "样式前缀",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "defaultStartValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "默认的开始日期"
|
||
},
|
||
{
|
||
"name": "defaultEndValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "默认的结束日期"
|
||
},
|
||
{
|
||
"name": "startValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "开始日期（moment 对象）"
|
||
},
|
||
{
|
||
"name": "endValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "结束日期（moment 对象）"
|
||
},
|
||
{
|
||
"name": "disableChangeMode",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "string",
|
||
"defaultValue": "YYYY-MM-DD"
|
||
},
|
||
{
|
||
"name": "showOtherMonth",
|
||
"propType": "bool",
|
||
"description": "是否显示非本月的日期",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "defaultVisibleMonth",
|
||
"propType": "func",
|
||
"description": "模板展示的月份（起始月份）"
|
||
},
|
||
{
|
||
"name": "onVisibleMonthChange",
|
||
"propType": "func",
|
||
"description": "展现的月份变化时的回调\n@param {Object} value 显示的月份 (moment 对象)\n@param {String} reason 触发月份改变原因"
|
||
},
|
||
{
|
||
"name": "disabledDate",
|
||
"propType": "func",
|
||
"description": "不可选择的日期\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@returns {Boolean}"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "选择日期单元格时的回调\n@param {Object} value 对应的日期值 (moment 对象)"
|
||
},
|
||
{
|
||
"name": "dateCellRender",
|
||
"propType": "func",
|
||
"description": "自定义日期单元格渲染"
|
||
},
|
||
{
|
||
"name": "monthCellRender",
|
||
"propType": "func",
|
||
"description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "yearCellRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "startValue",
|
||
"setter": "DateSetter"
|
||
},
|
||
{
|
||
"name": "defaultStartValue",
|
||
"setter": "DateSetter"
|
||
},
|
||
{
|
||
"name": "defaultEndValue",
|
||
"setter": "DateSetter"
|
||
},
|
||
{
|
||
"name": "endValue",
|
||
"setter": "DateSetter"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Card",
|
||
"title": "Card",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Card",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"node",
|
||
"string"
|
||
]
|
||
},
|
||
"description": "标题"
|
||
},
|
||
{
|
||
"name": "subTitle",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"node",
|
||
"string"
|
||
]
|
||
},
|
||
"description": "副标题"
|
||
},
|
||
{
|
||
"name": "extra",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"node",
|
||
"string"
|
||
]
|
||
},
|
||
"description": "标题栏用户自定义内容"
|
||
},
|
||
{
|
||
"name": "showTitleBullet",
|
||
"propType": "bool",
|
||
"description": "标题的项目符号",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "showHeadDivider",
|
||
"propType": "bool",
|
||
"description": "头部分隔线",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "contentHeight",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number"
|
||
]
|
||
},
|
||
"description": "内容区域的固定高度",
|
||
"defaultValue": 120
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"description": "文本方向是从右向左"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "CardHeader",
|
||
"title": "CardHeader",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Card",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Header"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "卡片的标题"
|
||
},
|
||
{
|
||
"name": "subTitle",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "卡片的副标题"
|
||
},
|
||
{
|
||
"name": "extra",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标题区域的用户自定义内容"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "div"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CardMedia",
|
||
"title": "CardMedia",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Card",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Media"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "div"
|
||
},
|
||
{
|
||
"name": "image",
|
||
"propType": "string",
|
||
"description": "背景图片地址"
|
||
},
|
||
{
|
||
"name": "src",
|
||
"propType": "string",
|
||
"description": "媒体源文件地址"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CardDivider",
|
||
"title": "CardDivider",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Card",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Divider"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "hr"
|
||
},
|
||
{
|
||
"name": "inset",
|
||
"propType": "bool",
|
||
"description": "分割线是否向内缩进"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CardContent",
|
||
"title": "CardContent",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Card",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Content"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "div"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CardActions",
|
||
"title": "CardActions",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Card",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Actions"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "div"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CardBulletHeader",
|
||
"title": "CardBulletHeader",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Card",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "BulletHeader"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "卡片的标题"
|
||
},
|
||
{
|
||
"name": "subTitle",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "卡片的副标题"
|
||
},
|
||
{
|
||
"name": "showTitleBullet",
|
||
"propType": "bool",
|
||
"description": "是否显示标题的项目符号",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "extra",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标题区域的用户自定义内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CardCollaspeContent",
|
||
"title": "CardCollaspeContent",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Card",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "CollaspeContent"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "contentHeight",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number"
|
||
]
|
||
},
|
||
"description": "内容区域的固定高度",
|
||
"defaultValue": 120
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Cascader",
|
||
"title": "Cascader",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Cascader",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点\n@param {Object} extra 额外参数\n@param {Array} extra.selectedPath 单选时选中的数据的路径\n@param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中\n@param {Object} extra.currentData 多选时当前操作的数据\n@param {Array} extra.checkedData 多选时所有被选中的数据\n@param {Array} extra.indeterminateData 多选时半选的数据"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "expandTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "展开触发的方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "onExpand",
|
||
"propType": "func",
|
||
"description": "展开时触发的回调函数\n@param {Array} expandedValue 各列展开值的数组"
|
||
},
|
||
{
|
||
"name": "useVirtual",
|
||
"propType": "bool",
|
||
"description": "是否开启虚拟滚动",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "multiple",
|
||
"propType": "bool",
|
||
"description": "是否多选",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "canOnlySelectLeaf",
|
||
"propType": "bool",
|
||
"description": "单选时是否只能选中叶子节点",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "canOnlyCheckLeaf",
|
||
"propType": "bool",
|
||
"description": "多选时是否只能选中叶子节点",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "checkStrictly",
|
||
"propType": "bool",
|
||
"description": "父子节点是否选中不关联",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "listStyle",
|
||
"propType": "object",
|
||
"description": "每列列表样式对象"
|
||
},
|
||
{
|
||
"name": "listClassName",
|
||
"propType": "string",
|
||
"description": "每列列表类名"
|
||
},
|
||
{
|
||
"name": "itemRender",
|
||
"propType": "func",
|
||
"description": "每列列表项渲染函数\n@param {Object} data 数据\n@return {ReactNode} 列表项内容"
|
||
},
|
||
{
|
||
"name": "loadData",
|
||
"propType": "func",
|
||
"description": "异步加载数据函数\n@param {Object} data 当前点击异步加载的数据\n@param {Object} source 当前点击数据，source是原始对象"
|
||
},
|
||
{
|
||
"name": "searchValue",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "onBlur",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "filteredPaths",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
}
|
||
},
|
||
{
|
||
"name": "filteredListStyle",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "resultRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "object"
|
||
},
|
||
"setter": "JsonSetter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CascaderSelect",
|
||
"title": "CascaderSelect",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "CascaderSelect",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "选择框大小",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "选择框占位符"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "hasArrow",
|
||
"propType": "bool",
|
||
"description": "是否有下拉箭头",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "hasBorder",
|
||
"propType": "bool",
|
||
"description": "是否有边框",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否有清除按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "自定义内联 label"
|
||
},
|
||
{
|
||
"name": "readOnly",
|
||
"propType": "bool",
|
||
"description": "是否只读，只读模式下可以展开弹层但不能选"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value 和 label，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点\n@param {Object} extra 额外参数\n@param {Array} extra.selectedPath 单选时选中的数据的路径\n@param {Boolean} extra.checked 多选时当前的操作是选中还是取消选中\n@param {Object} extra.currentData 多选时当前操作的数据\n@param {Array} extra.checkedData 多选时所有被选中的数据\n@param {Array} extra.indeterminateData 多选时半选的数据"
|
||
},
|
||
{
|
||
"name": "expandTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "展开触发的方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "onExpand",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "useVirtual",
|
||
"propType": "bool",
|
||
"description": "是否开启虚拟滚动",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "multiple",
|
||
"propType": "bool",
|
||
"description": "是否多选",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "changeOnSelect",
|
||
"propType": "bool",
|
||
"description": "是否选中即发生改变, 该属性仅在单选模式下有效",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "canOnlyCheckLeaf",
|
||
"propType": "bool",
|
||
"description": "是否只能勾选叶子项的checkbox，该属性仅在多选模式下有效",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "checkStrictly",
|
||
"propType": "bool",
|
||
"description": "父子节点是否选中不关联",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "listStyle",
|
||
"propType": "object",
|
||
"description": "每列列表样式对象"
|
||
},
|
||
{
|
||
"name": "listClassName",
|
||
"propType": "string",
|
||
"description": "每列列表类名"
|
||
},
|
||
{
|
||
"name": "displayRender",
|
||
"propType": "func",
|
||
"description": "选择框单选时展示结果的自定义渲染函数\n@param {Array} label 选中路径的文本数组\n@return {ReactNode} 渲染在选择框中的内容\n@default 单选时：labelPath => labelPath.join(' / ')；多选时：labelPath => labelPath[labelPath.length - 1]"
|
||
},
|
||
{
|
||
"name": "itemRender",
|
||
"propType": "func",
|
||
"description": "渲染 item 内容的方法\n@param {Object} item 渲染节点的item\n@return {ReactNode} item node"
|
||
},
|
||
{
|
||
"name": "showSearch",
|
||
"propType": "bool",
|
||
"description": "是否显示搜索框",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "filter",
|
||
"propType": "func",
|
||
"description": "自定义搜索函数\n@param {String} searchValue 搜索的关键字\n@param {Array} path 节点路径\n@return {Boolean} 是否匹配\n@default 根据路径所有节点的文本值模糊匹配"
|
||
},
|
||
{
|
||
"name": "resultRender",
|
||
"propType": "func",
|
||
"description": "搜索结果自定义渲染函数\n@param {String} searchValue 搜索的关键字\n@param {Array} path 匹配到的节点路径\n@return {ReactNode} 渲染的内容\n@default 按照节点文本 a / b / c 的模式渲染"
|
||
},
|
||
{
|
||
"name": "resultAutoWidth",
|
||
"propType": "bool",
|
||
"description": "搜索结果列表是否和选择框等宽",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "notFoundContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "无数据时显示内容",
|
||
"defaultValue": "Not Found"
|
||
},
|
||
{
|
||
"name": "loadData",
|
||
"propType": "func",
|
||
"description": "异步加载数据函数\n@param {Object} data 当前点击异步加载的数据"
|
||
},
|
||
{
|
||
"name": "header",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "自定义下拉框头部"
|
||
},
|
||
{
|
||
"name": "footer",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "自定义下拉框底部"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "初始下拉框是否显示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "当前下拉框是否显示"
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "下拉框显示或关闭时触发事件的回调函数\n@param {Boolean} visible 是否显示\n@param {String} type 触发显示关闭的操作类型, fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "下拉框自定义样式对象"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "下拉框样式自定义类名"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "下拉框挂载的容器节点"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "透传到 Popup 的属性对象"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {Array<data>} value 选择值 { label: , value:}"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "object"
|
||
},
|
||
"setter": "JsonSetter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Checkbox",
|
||
"title": "Checkbox",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Checkbox",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "id",
|
||
"propType": "string",
|
||
"description": "ID"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内敛样式"
|
||
},
|
||
{
|
||
"name": "checked",
|
||
"propType": "bool",
|
||
"description": "选中状态"
|
||
},
|
||
{
|
||
"name": "defaultChecked",
|
||
"propType": "bool",
|
||
"description": "默认选中状态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "禁用"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": "string",
|
||
"description": "label"
|
||
},
|
||
{
|
||
"name": "indeterminate",
|
||
"propType": "bool",
|
||
"description": "中间状态"
|
||
},
|
||
{
|
||
"name": "defaultIndeterminate",
|
||
"propType": "bool",
|
||
"description": "默认中间态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string"
|
||
]
|
||
},
|
||
"description": "value"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string",
|
||
"description": "name"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CheckboxGroup",
|
||
"title": "CheckboxGroup",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Checkbox",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Group"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内敛样式"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "整体禁用"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"string",
|
||
"number"
|
||
]
|
||
},
|
||
"description": "被选中的值列表"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"string",
|
||
"number"
|
||
]
|
||
},
|
||
"description": "默认被选中的值列表"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选中值改变时的事件\n@param {Array} value 选中项列表\n@param {Event} e Dom 事件对象"
|
||
},
|
||
{
|
||
"name": "itemDirection",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "子项目的排列方式\n- hoz: 水平排列 (default)\n- ver: 垂直排列",
|
||
"defaultValue": "hoz"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Collapse",
|
||
"title": "Collapse",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Collapse",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "dataSource",
|
||
"propType": "Json",
|
||
"description": "使用数据模型构建"
|
||
},
|
||
{
|
||
"name": "defaultExpandedKeys",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "string"
|
||
},
|
||
"description": "默认展开keys"
|
||
},
|
||
{
|
||
"name": "expandedKeys",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "string"
|
||
},
|
||
"description": "受控展开keys"
|
||
},
|
||
{
|
||
"name": "onExpand",
|
||
"propType": "func",
|
||
"description": "展开状态发升变化时候的回调"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "所有禁用"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "扩展class"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "组件接受行内样式"
|
||
},
|
||
{
|
||
"name": "accordion",
|
||
"propType": "bool",
|
||
"description": "手风琴模式，一次只能打开一个",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Collapse.Panel",
|
||
"title": "Collapse.Panel",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Collapse",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Panel"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "children",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "子组件接受行内样式"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁止用户操作"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标题"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Collapse"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ErrorBoundary",
|
||
"title": "ErrorBoundary",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "ConfigProvider",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "ErrorBoundary"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "element"
|
||
}
|
||
},
|
||
{
|
||
"name": "afterCatch",
|
||
"propType": "func",
|
||
"description": "捕获错误后的自定义处理, 比如埋点上传\n@param {Object} error 错误\n@param {Object} errorInfo 错误详细信息"
|
||
},
|
||
{
|
||
"name": "fallbackUI",
|
||
"propType": "func",
|
||
"description": "捕获错误后的展现 自定义组件\n@param {Object} error 错误\n@param {Object} errorInfo 错误详细信息\n@returns {Element} 捕获错误后的处理"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "DatePicker",
|
||
"title": "DatePicker",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "DatePicker",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "输入框内置标签"
|
||
},
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"success",
|
||
"loading",
|
||
"error"
|
||
]
|
||
},
|
||
"description": "输入框状态"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "输入提示"
|
||
},
|
||
{
|
||
"name": "defaultVisibleMonth",
|
||
"propType": "func",
|
||
"description": "默认展现的月\n@return {MomentObject} 返回包含指定月份的 moment 对象实例"
|
||
},
|
||
{
|
||
"name": "onVisibleMonthChange",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "日期值（受控）moment 对象"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "初始日期值，moment 对象"
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "string",
|
||
"description": "日期值的格式（用于限定用户输入和展示）",
|
||
"defaultValue": "YYYY-MM-DD"
|
||
},
|
||
{
|
||
"name": "showTime",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"object",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "是否使用时间控件，传入 TimePicker 的属性 { defaultValue, format, ... }",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "resetTime",
|
||
"propType": "bool",
|
||
"description": "每次选择日期时是否重置时间（仅在 showTime 开启时有效）",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabledDate",
|
||
"propType": "func",
|
||
"description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用"
|
||
},
|
||
{
|
||
"name": "footerRender",
|
||
"propType": "func",
|
||
"description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值"
|
||
},
|
||
{
|
||
"name": "onOk",
|
||
"propType": "func",
|
||
"description": "点击确认按钮时的回调\n@return {MomentObject|String} 日期值"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "输入框尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否显示清空按钮",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层显示状态"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否显示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "popupTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "弹层触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": "string",
|
||
"description": "弹层对齐方式,具体含义见 OverLay文档",
|
||
"defaultValue": "tl tl"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层自定义样式"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层自定义样式类"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "弹层其他属性"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "inputProps",
|
||
"propType": "object",
|
||
"description": "输入框其他属性"
|
||
},
|
||
{
|
||
"name": "dateCellRender",
|
||
"propType": "func",
|
||
"description": "自定义日期渲染函数\n@param {Object} value 日期值（moment对象）\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "monthCellRender",
|
||
"propType": "func",
|
||
"description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "yearCellRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "dateInputAriaLabel",
|
||
"propType": "string",
|
||
"description": "日期输入框的 aria-label 属性"
|
||
},
|
||
{
|
||
"name": "timeInputAriaLabel",
|
||
"propType": "string",
|
||
"description": "时间输入框的 aria-label 属性"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {MomentObject} value 日期"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "popupComponent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
}
|
||
},
|
||
{
|
||
"name": "popupContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "disableChangeMode",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "value",
|
||
"setter": "DateSetter"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "RangePicker",
|
||
"title": "RangePicker",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "DatePicker",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "RangePicker"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"date",
|
||
"month",
|
||
"year"
|
||
]
|
||
},
|
||
"description": "日期范围类型",
|
||
"defaultValue": "date"
|
||
},
|
||
{
|
||
"name": "defaultVisibleMonth",
|
||
"propType": "func",
|
||
"description": "默认展示的起始月份\n@return {MomentObject} 返回包含指定月份的 moment 对象实例"
|
||
},
|
||
{
|
||
"name": "onVisibleMonthChange",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"description": "日期范围值数组 [moment, moment]"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"description": "初始的日期范围值数组 [moment, moment]"
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "string",
|
||
"description": "日期格式",
|
||
"defaultValue": "YYYY-MM-DD"
|
||
},
|
||
{
|
||
"name": "showTime",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"object",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "是否使用时间控件，支持传入 TimePicker 的属性",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "resetTime",
|
||
"propType": "bool",
|
||
"description": "每次选择是否重置时间（仅在 showTime 开启时有效）",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabledDate",
|
||
"propType": "func",
|
||
"description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用"
|
||
},
|
||
{
|
||
"name": "footerRender",
|
||
"propType": "func",
|
||
"description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "日期范围值改变时的回调 [ MomentObject|String, MomentObject|String ]\n@param {Array<MomentObject|String>} value 日期值"
|
||
},
|
||
{
|
||
"name": "onOk",
|
||
"propType": "func",
|
||
"description": "点击确认按钮时的回调 返回开始时间和结束时间`[ MomentObject|String, MomentObject|String ]`\n@return {Array} 日期范围"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "输入框内置标签"
|
||
},
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"error",
|
||
"loading",
|
||
"success"
|
||
]
|
||
},
|
||
"description": "输入框状态"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "输入框尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否显示清空按钮",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层显示状态"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否显示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "popupTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "弹层触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": "string",
|
||
"description": "弹层对齐方式, 具体含义见 OverLay文档",
|
||
"defaultValue": "tl tl"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层自定义样式"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层自定义样式类"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "弹层其他属性"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "inputProps",
|
||
"propType": "object",
|
||
"description": "输入框其他属性"
|
||
},
|
||
{
|
||
"name": "dateCellRender",
|
||
"propType": "func",
|
||
"description": "自定义日期单元格渲染"
|
||
},
|
||
{
|
||
"name": "monthCellRender",
|
||
"propType": "func",
|
||
"description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "yearCellRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "startDateInputAriaLabel",
|
||
"propType": "string",
|
||
"description": "开始日期输入框的 aria-label 属性"
|
||
},
|
||
{
|
||
"name": "startTimeInputAriaLabel",
|
||
"propType": "string",
|
||
"description": "开始时间输入框的 aria-label 属性"
|
||
},
|
||
{
|
||
"name": "endDateInputAriaLabel",
|
||
"propType": "string",
|
||
"description": "结束日期输入框的 aria-label 属性"
|
||
},
|
||
{
|
||
"name": "endTimeInputAriaLabel",
|
||
"propType": "string",
|
||
"description": "结束时间输入框的 aria-label 属性"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {Array<MomentObject, MomentObject>} value 日期区间"
|
||
},
|
||
{
|
||
"name": "disableChangeMode",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "ranges",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "popupComponent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
}
|
||
},
|
||
{
|
||
"name": "popupContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "MonthPicker",
|
||
"title": "MonthPicker",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "DatePicker",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "MonthPicker"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "输入框内置标签"
|
||
},
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"success",
|
||
"loading",
|
||
"error"
|
||
]
|
||
},
|
||
"description": "输入框状态"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "输入提示"
|
||
},
|
||
{
|
||
"name": "defaultVisibleYear",
|
||
"propType": "func",
|
||
"description": "默认展现的年\n@return {MomentObject} 返回包含指定年份的 moment 对象实例"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "日期值（受控）moment 对象"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "初始日期值，moment 对象"
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "string",
|
||
"description": "日期值的格式（用于限定用户输入和展示）",
|
||
"defaultValue": "YYYY-MM"
|
||
},
|
||
{
|
||
"name": "disabledDate",
|
||
"propType": "func",
|
||
"description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用"
|
||
},
|
||
{
|
||
"name": "footerRender",
|
||
"propType": "func",
|
||
"description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "输入框尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否显示清空按钮",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层显示状态"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否显示"
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "popupTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "弹层触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": "string",
|
||
"description": "弹层对齐方式, 具体含义见 OverLay文档",
|
||
"defaultValue": "tl tl"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层自定义样式"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层自定义样式类"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "弹层其他属性"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "inputProps",
|
||
"propType": "object",
|
||
"description": "输入框其他属性"
|
||
},
|
||
{
|
||
"name": "monthCellRender",
|
||
"propType": "func",
|
||
"description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "yearCellRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "dateInputAriaLabel",
|
||
"propType": "string",
|
||
"description": "日期输入框的 aria-label 属性"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {MomentObject} value 月份"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "popupComponent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
}
|
||
},
|
||
{
|
||
"name": "popupContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "YearPicker",
|
||
"title": "YearPicker",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "DatePicker",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "YearPicker"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "输入框内置标签"
|
||
},
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"success",
|
||
"loading",
|
||
"error"
|
||
]
|
||
},
|
||
"description": "输入框状态"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "输入提示"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "日期值（受控）moment 对象"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "初始日期值，moment 对象"
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "string",
|
||
"description": "日期值的格式（用于限定用户输入和展示）",
|
||
"defaultValue": "YYYY"
|
||
},
|
||
{
|
||
"name": "disabledDate",
|
||
"propType": "func",
|
||
"description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用"
|
||
},
|
||
{
|
||
"name": "footerRender",
|
||
"propType": "func",
|
||
"description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "输入框尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否显示清空按钮",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层显示状态"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否显示"
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} reason 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "popupTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "弹层触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": "string",
|
||
"description": "弹层对齐方式, 具体含义见 OverLay文档",
|
||
"defaultValue": "tl tl"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层自定义样式"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层自定义样式类"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "弹层其他属性"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "inputProps",
|
||
"propType": "object",
|
||
"description": "输入框其他属性"
|
||
},
|
||
{
|
||
"name": "yearCellRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "dateInputAriaLabel",
|
||
"propType": "string",
|
||
"description": "日期输入框的 aria-label 属性"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {MomentObject} value 年份"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "popupComponent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
}
|
||
},
|
||
{
|
||
"name": "popupContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "WeekPicker",
|
||
"title": "WeekPicker",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "DatePicker",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "WeekPicker"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "输入框内置标签"
|
||
},
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"success",
|
||
"loading",
|
||
"error"
|
||
]
|
||
},
|
||
"description": "输入框状态"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "输入提示"
|
||
},
|
||
{
|
||
"name": "defaultVisibleMonth",
|
||
"propType": "func",
|
||
"description": "默认展现的月\n@return {MomentObject} 返回包含指定月份的 moment 对象实例"
|
||
},
|
||
{
|
||
"name": "onVisibleMonthChange",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "日期值（受控）moment 对象"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "初始日期值，moment 对象"
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "string",
|
||
"description": "日期值的格式（用于限定用户输入和展示）",
|
||
"defaultValue": "YYYY-wo"
|
||
},
|
||
{
|
||
"name": "disabledDate",
|
||
"propType": "func",
|
||
"description": "禁用日期函数\n@param {MomentObject} 日期值\n@param {String} view 当前视图类型，year: 年， month: 月, date: 日\n@return {Boolean} 是否禁用"
|
||
},
|
||
{
|
||
"name": "footerRender",
|
||
"propType": "func",
|
||
"description": "自定义面板页脚\n@return {Node} 自定义的面板页脚组件"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "日期值改变时的回调\n@param {MomentObject|String} value 日期值"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "输入框尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否显示清空按钮",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层显示状态"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否显示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示和隐藏的来源 calendarSelect 表示由日期表盘的选择触发； okBtnClick 表示由确认按钮触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "popupTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "弹层触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": "string",
|
||
"description": "弹层对齐方式,具体含义见 OverLay文档",
|
||
"defaultValue": "tl tl"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "弹层容器\n@param {Element} target 目标元素\n@return {Element} 弹层的容器元素"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层自定义样式"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层自定义样式类"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "弹层其他属性"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "inputProps",
|
||
"propType": "object",
|
||
"description": "输入框其他属性"
|
||
},
|
||
{
|
||
"name": "dateCellRender",
|
||
"propType": "func",
|
||
"description": "自定义日期渲染函数\n@param {Object} value 日期值（moment对象）\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "monthCellRender",
|
||
"propType": "func",
|
||
"description": "自定义月份渲染函数\n@param {Object} calendarDate 对应 Calendar 返回的自定义日期对象\n@returns {ReactNode}"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {MomentObject} value 年份"
|
||
},
|
||
{
|
||
"name": "yearCellRender",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "popupComponent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
}
|
||
},
|
||
{
|
||
"name": "popupContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Dialog",
|
||
"title": "Dialog",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Dialog",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "visible",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"JSExpression",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "是否显示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"node"
|
||
]
|
||
},
|
||
"description": "标题"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"bool",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
]
|
||
},
|
||
"description": "内容"
|
||
},
|
||
{
|
||
"name": "footer",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "底部按钮"
|
||
},
|
||
{
|
||
"name": "footerAlign",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"left",
|
||
"center",
|
||
"right"
|
||
]
|
||
},
|
||
"description": "操作对齐方式",
|
||
"defaultValue": "right"
|
||
},
|
||
{
|
||
"name": "closeable",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"close",
|
||
"mask",
|
||
"esc,close",
|
||
"close,esc,mask",
|
||
"esc"
|
||
]
|
||
},
|
||
"description": "关闭方式",
|
||
"defaultValue": "esc,close"
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func",
|
||
"description": "对话框关闭时触发的回调函数\n@param {String} trigger 关闭触发行为的描述字符串\n@param {Object} event 关闭时事件对象"
|
||
},
|
||
{
|
||
"name": "hasMask",
|
||
"propType": "bool",
|
||
"description": "是否显示遮罩",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"object",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "显示隐藏时动画的播放方式\n@property {String} in 进场动画\n@property {String} out 出场动画"
|
||
},
|
||
{
|
||
"name": "autoFocus",
|
||
"propType": "bool",
|
||
"description": "是否获得焦点",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "isFullScreen",
|
||
"propType": "bool",
|
||
"description": "是否全屏",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"isModel": true,
|
||
"rootSelector": "div.next-dialog"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Inner",
|
||
"title": "Inner",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Dialog",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Inner"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "footer",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"bool",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "footerAlign",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"left",
|
||
"center",
|
||
"right"
|
||
]
|
||
},
|
||
"defaultValue": "right"
|
||
},
|
||
{
|
||
"name": "footerActions",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"defaultValue": [
|
||
"ok",
|
||
"cancel"
|
||
]
|
||
},
|
||
{
|
||
"name": "onOk",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onCancel",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "okProps",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "cancelProps",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "closeable",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "role",
|
||
"propType": "string",
|
||
"defaultValue": "dialog"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "height",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Dropdown",
|
||
"title": "Dropdown",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Dropdown",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "弹层内容"
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层当前是否显示"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否显示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层显示或隐藏时触发的回调函数\n@param {Boolean} visible 弹层是否显示\n@param {String} type 触发弹层显示或隐藏的来源 fromContent 表示由Dropdown内容触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "trigger",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "触发弹层显示或者隐藏的元素"
|
||
},
|
||
{
|
||
"name": "triggerType",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
}
|
||
]
|
||
},
|
||
"description": "触发弹层显示或隐藏的操作类型，可以是 'click'，'hover'，或者它们组成的数组，如 ['hover', 'click']",
|
||
"defaultValue": "hover"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "设置此属性，弹层无法显示或隐藏",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "align",
|
||
"propType": "string",
|
||
"description": "弹层相对于触发元素的定位, 详见 Overlay 的定位部分",
|
||
"defaultValue": "tl bl"
|
||
},
|
||
{
|
||
"name": "offset",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px",
|
||
"defaultValue": [
|
||
0,
|
||
0
|
||
]
|
||
},
|
||
{
|
||
"name": "delay",
|
||
"propType": "number",
|
||
"description": "弹层显示或隐藏的延时时间（以毫秒为单位），在 triggerType 被设置为 hover 时生效",
|
||
"defaultValue": 200
|
||
},
|
||
{
|
||
"name": "autoFocus",
|
||
"propType": "bool",
|
||
"description": "弹层打开时是否让其中的元素自动获取焦点"
|
||
},
|
||
{
|
||
"name": "hasMask",
|
||
"propType": "bool",
|
||
"description": "是否显示遮罩",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "cache",
|
||
"propType": "bool",
|
||
"description": "隐藏时是否保留子节点",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"object",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "配置动画的播放方式，支持 { in: 'enter-class', out: 'leave-class' } 的对象参数，如果设置为 false，则不播放动画\n@default { in: 'expandInDown', out: 'expandOutUp' }"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form",
|
||
"title": "Form",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Form",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "inline",
|
||
"propType": "bool",
|
||
"description": "内联表单"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": {
|
||
"label": "Size",
|
||
"tip": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。\n@enumdesc 大, 中, 小"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"large",
|
||
"medium",
|
||
"small"
|
||
]
|
||
},
|
||
"description": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。\n@enumdesc 大, 中, 小",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "fullWidth",
|
||
"propType": "bool",
|
||
"description": "单个 Item 中表单类组件宽度是否是100%"
|
||
},
|
||
{
|
||
"name": "labelAlign",
|
||
"title": {
|
||
"label": "标签的位置",
|
||
"tip": "上, 左, 内"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"top",
|
||
"left",
|
||
"inset"
|
||
]
|
||
},
|
||
"description": "标签的位置\n@enumdesc 上, 左, 内",
|
||
"defaultValue": "left"
|
||
},
|
||
{
|
||
"name": "labelTextAlign",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"left",
|
||
"right"
|
||
]
|
||
},
|
||
"description": "标签的左右对齐方式\n@enumdesc 左, 右"
|
||
},
|
||
{
|
||
"name": "onSubmit",
|
||
"propType": "func",
|
||
"description": "form内有 `htmlType=\"submit\"` 的元素的时候会触发"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "扩展class"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"Json",
|
||
"JSExpression"
|
||
]
|
||
},
|
||
"description": "表单数值"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "表单变化回调\n@param {Object} values 表单数据\n@param {Object} item 详细\n@param {String} item.name 变化的组件名\n@param {String} item.value 变化的数据\n@param {Object} item.field field 实例"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "device",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"phone",
|
||
"tablet",
|
||
"desktop"
|
||
]
|
||
},
|
||
"description": "预设屏幕宽度",
|
||
"defaultValue": "desktop"
|
||
},
|
||
{
|
||
"name": "responsive",
|
||
"propType": "bool",
|
||
"description": "是否开启内置的响应式布局 （使用ResponsiveGrid）"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否开启预览态"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"title": "Form.Item",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Form",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Item"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "id",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": "string",
|
||
"description": "标签"
|
||
},
|
||
{
|
||
"name": "labelCol",
|
||
"propType": {
|
||
"type": "shape",
|
||
"value": [{
|
||
"name": "span",
|
||
"description": "span",
|
||
"propType": "number"
|
||
},{
|
||
"name": "offset",
|
||
"description": "offset",
|
||
"propType": "number"
|
||
}]
|
||
},
|
||
"description": "label 标签布局，通 `<Col>` 组件，设置 span offset 值，如 {span: 8, offset: 16}，该项仅在垂直表单有效"
|
||
},
|
||
{
|
||
"name": "wrapperCol",
|
||
"propType": {
|
||
"type": "shape",
|
||
"value": [{
|
||
"name": "span",
|
||
"description": "span",
|
||
"propType": "number"
|
||
},{
|
||
"name": "offset",
|
||
"description": "offset",
|
||
"propType": "number"
|
||
}]
|
||
},
|
||
"description": "需要为输入控件设置布局样式时，使用该属性，用法同 labelCol"
|
||
},
|
||
{
|
||
"name": "help",
|
||
"title": {
|
||
"label": "自定义提示信息",
|
||
"tip": "如不设置，则会根据校验规则自动生成."
|
||
},
|
||
"propType": "string",
|
||
"description": "自定义提示信息，如不设置，则会根据校验规则自动生成."
|
||
},
|
||
{
|
||
"name": "extra",
|
||
"title": {
|
||
"label": "额外的提示信息",
|
||
"tip": "和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面"
|
||
},
|
||
"propType": "string",
|
||
"description": "额外的提示信息，和 help 类似，当需要错误信息和提示文案同时出现时，可以使用这个。 位于错误信息后面"
|
||
},
|
||
{
|
||
"name": "validateState",
|
||
"title": {
|
||
"label": "校验状态",
|
||
"tip": "如不设置，则会根据校验规则自动生成\n@enumdesc 失败, 成功, 校验中, 警告"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"error",
|
||
"success",
|
||
"loading",
|
||
"warning"
|
||
]
|
||
},
|
||
"description": "校验状态，如不设置，则会根据校验规则自动生成\n@enumdesc 失败, 成功, 校验中, 警告"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": {
|
||
"label": "Size",
|
||
"tip": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"large",
|
||
"small",
|
||
"medium"
|
||
]
|
||
},
|
||
"description": "单个 Item 的 size 自定义，优先级高于 Form 的 size, 并且当组件与 Item 一起使用时，组件自身设置 size 属性无效。"
|
||
},
|
||
{
|
||
"name": "fullWidth",
|
||
"title": {
|
||
"label": "fullWidth",
|
||
"tip": "单个 Item 中表单类组件宽度是否是100%"
|
||
},
|
||
"propType": "bool",
|
||
"description": "单个 Item 中表单类组件宽度是否是100%"
|
||
},
|
||
{
|
||
"name": "labelAlign",
|
||
"title": {
|
||
"label": "标签的位置",
|
||
"tip": "上, 左, 内"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"top",
|
||
"left",
|
||
"inset"
|
||
]
|
||
},
|
||
"description": "标签的位置\n@enumdesc 上, 左, 内"
|
||
},
|
||
{
|
||
"name": "labelTextAlign",
|
||
"title": {
|
||
"label": "标签的左右对齐方式",
|
||
"tip": "左, 右"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"left",
|
||
"right"
|
||
]
|
||
},
|
||
"description": "标签的左右对齐方式\n@enumdesc 左, 右"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "扩展class"
|
||
},
|
||
{
|
||
"name": "required",
|
||
"title": {
|
||
"label": "不能为空",
|
||
"tip": "[表单校验] 不能为空"
|
||
},
|
||
"propType": "bool",
|
||
"description": "[表单校验] 不能为空"
|
||
},
|
||
{
|
||
"name": "requiredMessage",
|
||
"title": {
|
||
"label": "自定义错误信息",
|
||
"tip": "[表单校验]为空时自定义错误信息"
|
||
},
|
||
"propType": "string",
|
||
"description": "required 自定义错误信息"
|
||
},
|
||
{
|
||
"name": "min",
|
||
"title": {
|
||
"label": "最小值",
|
||
"tip": "[表单校验] 最小值"
|
||
},
|
||
"propType": "number",
|
||
"description": "[表单校验] 最小值"
|
||
},
|
||
{
|
||
"name": "max",
|
||
"title": {
|
||
"label": "最大值",
|
||
"tip": "[表单校验] 最大值"
|
||
},
|
||
"propType": "number",
|
||
"description": "[表单校验] 最大值"
|
||
},
|
||
{
|
||
"name": "minmaxMessage",
|
||
"title": {
|
||
"label": "min/max message",
|
||
"tip": "[表单校验] min/max 自定义错误信息"
|
||
},
|
||
"propType": "string",
|
||
"description": "min/max 自定义错误信息"
|
||
},
|
||
{
|
||
"name": "minLength",
|
||
"title": {
|
||
"label": "最小长度",
|
||
"tip": "[表单校验] 字符串最小长度 / 数组最小个数"
|
||
},
|
||
"propType": "number",
|
||
"description": "[表单校验] 字符串最小长度 / 数组最小个数"
|
||
},
|
||
{
|
||
"name": "maxLength",
|
||
"title": {
|
||
"label": "最大长度",
|
||
"tip": "[表单校验] 字符串最大长度 / 数组最大个数"
|
||
},
|
||
"propType": "number",
|
||
"description": "[表单校验] 字符串最大长度 / 数组最大个数"
|
||
},
|
||
{
|
||
"name": "minmaxLengthMessage",
|
||
"title": {
|
||
"label": "max|min length error message",
|
||
"tip": "[表单校验] minLength/maxLength 自定义错误信息"
|
||
},
|
||
"propType": "string",
|
||
"description": "minLength/maxLength 自定义错误信息"
|
||
},
|
||
{
|
||
"name": "length",
|
||
"title": {
|
||
"label": "长度",
|
||
"tip": "[表单校验] 字符串精确长度 / 数组精确个数"
|
||
},
|
||
"propType": "number",
|
||
"description": "[表单校验] 字符串精确长度 / 数组精确个数"
|
||
},
|
||
{
|
||
"name": "lengthMessage",
|
||
"title": {
|
||
"label": "length error message",
|
||
"tip": "[表单校验] minLength/maxLength 自定义错误信息"
|
||
},
|
||
"propType": "string",
|
||
"description": "length 自定义错误信息"
|
||
},
|
||
{
|
||
"name": "pattern",
|
||
"title": {
|
||
"label": "正则",
|
||
"tip": "[表单校验] 正则校验"
|
||
},
|
||
"propType": "string",
|
||
"description": "正则校验"
|
||
},
|
||
{
|
||
"name": "patternMessage",
|
||
"title": {
|
||
"label": "pattern error message",
|
||
"tip": "[表单校验] pattern 自定义错误信息"
|
||
},
|
||
"propType": "string",
|
||
"description": "pattern 自定义错误信息"
|
||
},
|
||
{
|
||
"name": "format",
|
||
"title": {
|
||
"label": "format",
|
||
"tip": "[表单校验] 四种常用的 pattern"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"number",
|
||
"email",
|
||
"url",
|
||
"tel"
|
||
]
|
||
},
|
||
"description": "[表单校验] 四种常用的 pattern"
|
||
},
|
||
{
|
||
"name": "formatMessage",
|
||
"title": {
|
||
"label": "format error message",
|
||
"tip": "[表单校验] format 自定义错误信息"
|
||
},
|
||
"propType": "string",
|
||
"description": "format 自定义错误信息"
|
||
},
|
||
{
|
||
"name": "validator",
|
||
"propType": "func",
|
||
"description": "[表单校验] 自定义校验函数"
|
||
},
|
||
{
|
||
"name": "autoValidate",
|
||
"propType": "bool",
|
||
"description": "是否修改数据时自动触发校验"
|
||
},
|
||
{
|
||
"name": "device",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"phone",
|
||
"tablet",
|
||
"desktop"
|
||
]
|
||
},
|
||
"description": "预设屏幕宽度"
|
||
},
|
||
{
|
||
"name": "responsive",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "colSpan",
|
||
"propType": "number",
|
||
"description": "在响应式布局模式下，表单项占多少列"
|
||
},
|
||
{
|
||
"name": "labelWidth",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number"
|
||
]
|
||
},
|
||
"description": "在响应式布局下，且label在左边时，label的宽度是多少",
|
||
"defaultValue": 100
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否开启预览态"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Form.Submit",
|
||
"title": "Form.Submit",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Form",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Submit"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "onClick",
|
||
"propType": "func",
|
||
"description": "点击提交后触发\n@param {Object} value 数据\n@param {Object} errors 错误数据\n@param {class} field 实例"
|
||
},
|
||
{
|
||
"name": "validate",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"bool",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
}
|
||
]
|
||
},
|
||
"description": "是否校验/需要校验的 name 数组"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"title": "内容",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "icon",
|
||
"propType": "string",
|
||
"description": "自定义内联样式"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"title": "类型",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"primary",
|
||
"secondary",
|
||
"normal"
|
||
]
|
||
},
|
||
"description": "按钮的类型",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": "尺寸",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "按钮的尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "iconSize",
|
||
"title": "Icon 尺寸",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"xxs",
|
||
"xs",
|
||
"small",
|
||
"medium",
|
||
"large",
|
||
"xl",
|
||
"xxl",
|
||
"xxxl"
|
||
]
|
||
},
|
||
"defaultValue": "small",
|
||
"description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小"
|
||
},
|
||
{
|
||
"name": "loading",
|
||
"title": "loading",
|
||
"propType": "bool",
|
||
"description": "设置按钮的载入状态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "ghost",
|
||
"title": "ghost",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
true,
|
||
false,
|
||
"light",
|
||
"dark"
|
||
]
|
||
},
|
||
"description": "是否为幽灵按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "text",
|
||
"title": "text",
|
||
"propType": "bool",
|
||
"description": "是否为文本按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "warning",
|
||
"title": "warning",
|
||
"propType": "bool",
|
||
"description": "是否为警告按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"title": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "onMouseUp",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "icon",
|
||
"setter": "IconSetter",
|
||
"extraProps": {
|
||
"defaultValue": "",
|
||
"onChange": {
|
||
"type": "JSFunction",
|
||
"value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "children",
|
||
"title": {
|
||
"label": {
|
||
"type": "i18n",
|
||
"zh_CN": "文本内容",
|
||
"en_US": "content"
|
||
},
|
||
"tip": "按钮文本内容"
|
||
},
|
||
"setter": {
|
||
"componentName": "MixedSetter",
|
||
"props": {
|
||
"setters": [
|
||
"StringSetter",
|
||
"ExpressionSetter"
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Form.Reset",
|
||
"title": "Form.Reset",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Form",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Reset"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "onClick",
|
||
"propType": "func",
|
||
"description": "点击提交后触发"
|
||
},
|
||
{
|
||
"name": "toDefault",
|
||
"propType": "bool",
|
||
"description": "返回默认值"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"title": "内容",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "icon",
|
||
"propType": "string",
|
||
"description": "自定义内联样式"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"title": "类型",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"primary",
|
||
"secondary",
|
||
"normal"
|
||
]
|
||
},
|
||
"description": "按钮的类型",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": "尺寸",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "按钮的尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "iconSize",
|
||
"title": "Icon 尺寸",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"xxs",
|
||
"xs",
|
||
"small",
|
||
"medium",
|
||
"large",
|
||
"xl",
|
||
"xxl",
|
||
"xxxl"
|
||
]
|
||
},
|
||
"defaultValue": "small",
|
||
"description": "按钮中 Icon 的尺寸，用于替代 Icon 的默认大小"
|
||
},
|
||
{
|
||
"name": "loading",
|
||
"title": "loading",
|
||
"propType": "bool",
|
||
"description": "设置按钮的载入状态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "ghost",
|
||
"title": "ghost",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
true,
|
||
false,
|
||
"light",
|
||
"dark"
|
||
]
|
||
},
|
||
"description": "是否为幽灵按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "text",
|
||
"title": "text",
|
||
"propType": "bool",
|
||
"description": "是否为文本按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "warning",
|
||
"title": "warning",
|
||
"propType": "bool",
|
||
"description": "是否为警告按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"title": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "onMouseUp",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "icon",
|
||
"setter": "IconSetter",
|
||
"extraProps": {
|
||
"defaultValue": "",
|
||
"onChange": {
|
||
"type": "JSFunction",
|
||
"value": "(val, field, editor) => {\n field.nodes[0].children.import(val && {\"componentName\": \"Icon\", \"props\": {\"type\": val, \"style\": {\"marginRight\": 5}}}, true); //field.top.setPropValue('children', [{\"componentName\": \"Icon\", \"props\": {\"type\": val}}, (field.top.getPropValue('children') || []).slice(-1)]);\n}"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"name": "children",
|
||
"title": {
|
||
"label": {
|
||
"type": "i18n",
|
||
"zh_CN": "文本内容",
|
||
"en_US": "content"
|
||
},
|
||
"tip": "按钮文本内容"
|
||
},
|
||
"setter": {
|
||
"componentName": "MixedSetter",
|
||
"props": {
|
||
"setters": [
|
||
"StringSetter",
|
||
"ExpressionSetter"
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Form.Error",
|
||
"title": "Form.Error",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Form",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Error"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "name",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
}
|
||
]
|
||
},
|
||
"description": "表单名"
|
||
},
|
||
{
|
||
"name": "field",
|
||
"propType": "object",
|
||
"description": "自定义 field (在 Form 内不需要设置)"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"func"
|
||
]
|
||
},
|
||
"description": "自定义错误渲染, 可以是 node 或者 function(errors, state)"
|
||
},
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Icon",
|
||
"title": "Icon",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Icon",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "type",
|
||
"propType": "icon",
|
||
"description": "指定显示哪种图标"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
{
|
||
"type": "oneOf",
|
||
"value": [
|
||
"xxs",
|
||
"xs",
|
||
"small",
|
||
"medium",
|
||
"large",
|
||
"xl",
|
||
"xxl",
|
||
"xxxl",
|
||
"inherit"
|
||
]
|
||
},
|
||
"number"
|
||
]
|
||
},
|
||
"description": "指定图标大小",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "type",
|
||
"setter": {
|
||
"componentName": "IconSetter",
|
||
"props": {
|
||
"hasClear": false
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Input",
|
||
"title": "Input",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Input",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "label",
|
||
"propType": "string",
|
||
"title":"标签文案",
|
||
"description": "label"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否出现清除按钮"
|
||
},
|
||
{
|
||
"name": "state",
|
||
"title": "状态",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"error",
|
||
"loading",
|
||
"success",
|
||
"warning"
|
||
]
|
||
},
|
||
"description": "状态\n@enumdesc 错误, 校验中, 成功, 警告"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": "尺寸",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "尺寸\n@enumdesc 小, 中, 大",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "maxLength",
|
||
"propType": "number",
|
||
"description": "最大长度"
|
||
},
|
||
{
|
||
"name": "hasLimitHint",
|
||
"propType": "bool",
|
||
"description": "是否展现最大长度样式"
|
||
},
|
||
{
|
||
"name": "cutString",
|
||
"propType": "bool",
|
||
"description": "是否截断超出字符串"
|
||
},
|
||
{
|
||
"name": "readOnly",
|
||
"propType": "bool",
|
||
"description": "是否只读"
|
||
},
|
||
{
|
||
"name": "trim",
|
||
"propType": "bool",
|
||
"description": "onChange返回会自动去除头尾空字符"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "输入提示"
|
||
},
|
||
{
|
||
"name": "hasBorder",
|
||
"propType": "bool",
|
||
"description": "是否有边框"
|
||
},
|
||
|
||
{
|
||
"name": "onPressEnter",
|
||
"propType": "func",
|
||
"description": "按下回车的回调"
|
||
},
|
||
{
|
||
"name": "onClear",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "hint",
|
||
"title": "Icon 水印",
|
||
"propType": "icon",
|
||
"description": "水印 (Icon的type类型，和hasClear占用一个地方)"
|
||
},
|
||
{
|
||
"name": "innerBefore",
|
||
"propType": "string",
|
||
"description": "文字前附加内容"
|
||
},
|
||
{
|
||
"name": "innerAfter",
|
||
"propType": "string",
|
||
"description": "文字后附加内容"
|
||
},
|
||
{
|
||
"name": "addonBefore",
|
||
"propType": "string",
|
||
"description": "输入框前附加内容"
|
||
},
|
||
{
|
||
"name": "addonAfter",
|
||
"propType": "string",
|
||
"description": "输入框后附加内容"
|
||
},
|
||
{
|
||
"name": "addonTextBefore",
|
||
"propType": "string",
|
||
"description": "输入框前附加文字"
|
||
},
|
||
{
|
||
"name": "addonTextAfter",
|
||
"propType": "string",
|
||
"description": "输入框后附加文字"
|
||
},
|
||
{
|
||
"name": "autoFocus",
|
||
"propType": "bool",
|
||
"description": "自动聚焦"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Input.Password",
|
||
"title": "Input.Password",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Input",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Password"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "showToggle",
|
||
"propType": "bool",
|
||
"description": "是否展示切换按钮",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": "string",
|
||
"title":"标签文案",
|
||
"description": "label"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否出现清除按钮"
|
||
},
|
||
{
|
||
"name": "state",
|
||
"title": "状态",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"error",
|
||
"loading",
|
||
"success",
|
||
"warning"
|
||
]
|
||
},
|
||
"description": "状态\n@enumdesc 错误, 校验中, 成功, 警告"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": "尺寸",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "尺寸\n@enumdesc 小, 中, 大",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "maxLength",
|
||
"propType": "number",
|
||
"description": "最大长度"
|
||
},
|
||
{
|
||
"name": "hasLimitHint",
|
||
"propType": "bool",
|
||
"description": "是否展现最大长度样式"
|
||
},
|
||
{
|
||
"name": "cutString",
|
||
"propType": "bool",
|
||
"description": "是否截断超出字符串"
|
||
},
|
||
{
|
||
"name": "readOnly",
|
||
"propType": "bool",
|
||
"description": "是否只读"
|
||
},
|
||
{
|
||
"name": "trim",
|
||
"propType": "bool",
|
||
"description": "onChange返回会自动去除头尾空字符"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "输入提示"
|
||
},
|
||
{
|
||
"name": "hasBorder",
|
||
"propType": "bool",
|
||
"description": "是否有边框"
|
||
},
|
||
|
||
{
|
||
"name": "onPressEnter",
|
||
"propType": "func",
|
||
"description": "按下回车的回调"
|
||
},
|
||
{
|
||
"name": "onClear",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "hint",
|
||
"title": "Icon 水印",
|
||
"propType": "string",
|
||
"description": "水印 (Icon的type类型，和hasClear占用一个地方)"
|
||
},
|
||
{
|
||
"name": "innerBefore",
|
||
"propType": "string",
|
||
"description": "文字前附加内容"
|
||
},
|
||
{
|
||
"name": "innerAfter",
|
||
"propType": "string",
|
||
"description": "文字后附加内容"
|
||
},
|
||
{
|
||
"name": "addonBefore",
|
||
"propType": "string",
|
||
"description": "输入框前附加内容"
|
||
},
|
||
{
|
||
"name": "addonAfter",
|
||
"propType": "string",
|
||
"description": "输入框后附加内容"
|
||
},
|
||
{
|
||
"name": "addonTextBefore",
|
||
"propType": "string",
|
||
"description": "输入框前附加文字"
|
||
},
|
||
{
|
||
"name": "addonTextAfter",
|
||
"propType": "string",
|
||
"description": "输入框后附加文字"
|
||
},
|
||
{
|
||
"name": "autoFocus",
|
||
"propType": "bool",
|
||
"description": "自动聚焦"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Input.TextArea",
|
||
"title": "Input.TextArea",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Input",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "TextArea"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "hasBorder",
|
||
"propType": "bool",
|
||
"description": "是否有边框",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"error",
|
||
"warning"
|
||
]
|
||
},
|
||
"description": "状态\n@enumdesc 错误"
|
||
},
|
||
{
|
||
"name": "autoHeight",
|
||
"propType": "bool",
|
||
"description": "自动高度 true / {minRows: 2, maxRows: 4}",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "rows",
|
||
"propType": "number",
|
||
"description": "多行文本框高度 <br />(不要直接用height设置多行文本框的高度, ie9 10会有兼容性问题)",
|
||
"defaultValue": 4
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Input.Group",
|
||
"title": "Input.Group",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Input",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Group"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"description": "样式前缀",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "addonBefore",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "输入框前附加内容"
|
||
},
|
||
{
|
||
"name": "addonBeforeClassName",
|
||
"propType": "string",
|
||
"description": "输入框前附加内容css"
|
||
},
|
||
{
|
||
"name": "addonAfter",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "输入框后附加内容"
|
||
},
|
||
{
|
||
"name": "addonAfterClassName",
|
||
"propType": "string",
|
||
"description": "输入框后额外css"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"description": "rtl"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Loading",
|
||
"title": "Loading",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Loading",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "tip",
|
||
"propType": "string",
|
||
"description": "自定义内容"
|
||
},
|
||
{
|
||
"name": "tipAlign",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"right",
|
||
"bottom"
|
||
]
|
||
},
|
||
"description": "自定义内容位置",
|
||
"defaultValue": "bottom"
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "loading 状态, 默认 true",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义class"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"large",
|
||
"medium"
|
||
]
|
||
},
|
||
"description": "设置动画尺寸\n@description 仅仅对默认动画效果起作用\n@enumdesc 大号, 中号",
|
||
"defaultValue": "large"
|
||
},
|
||
{
|
||
"name": "color",
|
||
"propType": "color",
|
||
"description": "动画颜色"
|
||
},
|
||
{
|
||
"name": "fullScreen",
|
||
"propType": "bool",
|
||
"description": "全屏展示"
|
||
},
|
||
{
|
||
"name": "inline",
|
||
"title": "inline",
|
||
"propType": "bool",
|
||
"description": "should loader be displayed inline",
|
||
"defaultValue": true
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Menu",
|
||
"title": "Menu",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Menu",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "onItemClick",
|
||
"propType": "func",
|
||
"description": "点击菜单项触发的回调函数\n@param {String} key 点击的菜单项的 key 值\n@param {Object} item 点击的菜单项对象\n@param {Object} event 点击的事件对象"
|
||
},
|
||
{
|
||
"name": "defaultOpenAll",
|
||
"propType": "bool",
|
||
"description": "初始展开所有的子菜单，只在 mode 设置为 'inline' 以及 openMode 设置为 'multiple' 下生效，优先级高于 defaultOpenKeys",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onOpen",
|
||
"propType": "func",
|
||
"description": "打开或关闭子菜单触发的回调函数\n@param {String} key 打开的所有子菜单的 key 值\n@param {Object} extra 额外参数\n@param {String} extra.key 当前操作子菜单的 key 值\n@param {Boolean} extra.open 是否是打开"
|
||
},
|
||
{
|
||
"name": "mode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"inline",
|
||
"popup"
|
||
]
|
||
},
|
||
"description": "子菜单打开的模式",
|
||
"defaultValue": "inline"
|
||
},
|
||
{
|
||
"name": "triggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "子菜单打开的触发行为",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "openMode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"single",
|
||
"multiple"
|
||
]
|
||
},
|
||
"description": "展开内连子菜单的模式，同时可以展开一个子菜单还是多个子菜单，该属性仅在 mode 为 inline 时生效",
|
||
"defaultValue": "multiple"
|
||
},
|
||
{
|
||
"name": "inlineIndent",
|
||
"propType": "number",
|
||
"description": "内连子菜单缩进距离",
|
||
"defaultValue": 20
|
||
},
|
||
{
|
||
"name": "inlineArrowDirection",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"down",
|
||
"right"
|
||
]
|
||
},
|
||
"defaultValue": "down"
|
||
},
|
||
{
|
||
"name": "popupAutoWidth",
|
||
"propType": "bool",
|
||
"description": "是否自动让弹层的宽度和菜单项保持一致，如果弹层的宽度比菜单项小则和菜单项保持一致，如果宽度大于菜单项则不做处理",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"follow",
|
||
"outside"
|
||
]
|
||
},
|
||
"description": "弹层的对齐方式",
|
||
"defaultValue": "follow"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹出子菜单自定义 className"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "选中或取消选中菜单项触发的回调函数\n@param {Array} selectedKeys 选中的所有菜单项的值\n@param {Object} item 选中或取消选中的菜单项\n@param {Object} extra 额外参数\n@param {Boolean} extra.select 是否是选中\n@param {Array} extra.key 菜单项的 key\n@param {Object} extra.label 菜单项的文本\n@param {Array} extra.keyPath 菜单项 key 的路径"
|
||
},
|
||
{
|
||
"name": "selectMode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"single",
|
||
"multiple"
|
||
]
|
||
},
|
||
"description": "选中模式，单选还是多选，默认无值，不可选"
|
||
},
|
||
{
|
||
"name": "shallowSelect",
|
||
"propType": "bool",
|
||
"description": "是否只能选择第一层菜单项（不能选择子菜单中的菜单项）",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "hasSelectedIcon",
|
||
"propType": "bool",
|
||
"description": "是否显示选中图标，如果设置为 false 需配合配置平台设置选中时的背景色以示区分",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "labelToggleChecked",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "isSelectIconRight",
|
||
"propType": "bool",
|
||
"description": "是否将选中图标居右，仅当 hasSelectedIcon 为true 时生效。\n注意：SubMenu 上的选中图标一直居左，不受此API控制",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "direction",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"ver",
|
||
"hoz"
|
||
]
|
||
},
|
||
"description": "菜单第一层展示方向",
|
||
"defaultValue": "ver"
|
||
},
|
||
{
|
||
"name": "hozAlign",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"left",
|
||
"right"
|
||
]
|
||
},
|
||
"description": "横向菜单条 item 和 footer 的对齐方向，在 direction 设置为 'hoz' 并且 header 存在时生效",
|
||
"defaultValue": "left"
|
||
},
|
||
{
|
||
"name": "hozInLine",
|
||
"propType": "bool",
|
||
"description": "横向菜单模式下，是否维持在一行，即超出一行折叠成 SubMenu 显示， 仅在 direction='hoz' mode='popup' 时生效",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "header",
|
||
"propType": "node",
|
||
"description": "自定义菜单头部"
|
||
},
|
||
{
|
||
"name": "footer",
|
||
"propType": "node",
|
||
"description": "自定义菜单尾部"
|
||
},
|
||
{
|
||
"name": "autoFocus",
|
||
"propType": "bool",
|
||
"description": "是否自动获得焦点",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "focusedKey",
|
||
"propType": "string",
|
||
"description": "当前获得焦点的子菜单或菜单项 key 值"
|
||
},
|
||
{
|
||
"name": "focusable",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "onItemFocus",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onBlur",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "embeddable",
|
||
"propType": "bool",
|
||
"description": "是否开启嵌入式模式，一般用于Layout的布局中，开启后没有默认背景、外层border、box-shadow，可以配合`<Menu style={{lineHeight: '100px'}}>` 自定义高度",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onItemKeyDown",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "expandAnimation",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "itemClassName",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "openKeys",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "arrayOf",
|
||
"value": "string"
|
||
}
|
||
]
|
||
},
|
||
"description": "当前打开的子菜单的 key 值"
|
||
},
|
||
{
|
||
"name": "defaultOpenKeys",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "arrayOf",
|
||
"value": "string"
|
||
}
|
||
]
|
||
},
|
||
"description": "初始打开的子菜单的 key 值",
|
||
"defaultValue": []
|
||
},
|
||
{
|
||
"name": "selectedKeys",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "arrayOf",
|
||
"value": "string"
|
||
}
|
||
]
|
||
},
|
||
"description": "当前选中菜单项的 key 值"
|
||
},
|
||
{
|
||
"name": "defaultSelectedKeys",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "arrayOf",
|
||
"value": "string"
|
||
}
|
||
]
|
||
},
|
||
"description": "初始选中菜单项的 key 值",
|
||
"defaultValue": []
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "SubMenu",
|
||
"title": "子菜单",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Menu",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "SubMenu"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "key",
|
||
"propType": "string",
|
||
"description": "子菜单标识符"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": "node",
|
||
"description": "标签内容"
|
||
},
|
||
{
|
||
"name": "selectable",
|
||
"propType": "bool",
|
||
"description": "是否可选，该属性仅在设置 Menu 组件 selectMode 属性后生效",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "mode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"inline",
|
||
"popup"
|
||
]
|
||
},
|
||
"description": "子菜单打开方式，如果设置会覆盖 Menu 上的同名属性\n@default Menu 的 mode 属性值"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Menu.Item",
|
||
"title": "Menu.Item",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Menu",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Item"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "key",
|
||
"propType": "string",
|
||
"description": "菜单项标识符"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "helper",
|
||
"propType": "node",
|
||
"description": "帮助文本"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "CheckboxItem",
|
||
"title": "CheckboxItem",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Menu",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "CheckboxItem"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "checked",
|
||
"propType": "bool",
|
||
"description": "是否选中",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "indeterminate",
|
||
"propType": "bool",
|
||
"description": "是否半选中",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选中或取消选中触发的回调函数\n@param {Boolean} checked 是否选中\n@param {Object} event 选中事件对象"
|
||
},
|
||
{
|
||
"name": "helper",
|
||
"propType": "node",
|
||
"description": "帮助文本"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "RadioItem",
|
||
"title": "RadioItem",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Menu",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "RadioItem"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "checked",
|
||
"propType": "bool",
|
||
"description": "是否选中",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选中或取消选中触发的回调函数\n@param {Boolean} checked 是否选中\n@param {Object} event 选中事件对象"
|
||
},
|
||
{
|
||
"name": "helper",
|
||
"propType": "node",
|
||
"description": "帮助文本"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Menu.PopupItem",
|
||
"title": "Menu.PopupItem",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Menu",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "PopupItem"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "key",
|
||
"propType": "string",
|
||
"description": "菜单项标识符"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": "node",
|
||
"description": "标签内容"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "node",
|
||
"description": "自定义弹层内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Menu.Group",
|
||
"title": "Menu.Group",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Menu",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Group"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标签内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Menu.Divider",
|
||
"title": "Divider",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Menu",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Divider"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": false,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Menu", "SubMenu", "Menu.Group", "MenuButton"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "MenuButton",
|
||
"title": "MenuButton",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "MenuButton",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "label",
|
||
"propType": "string",
|
||
"description": "按钮上的文本内容"
|
||
},
|
||
{
|
||
"name": "autoWidth",
|
||
"propType": "bool",
|
||
"description": "弹层是否与按钮宽度相同",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "popupTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "弹层触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "弹层容器"
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层展开状态"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否展开"
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层在显示和隐藏触发的事件"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层自定义样式"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层自定义样式类"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "弹层属性透传"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "defaultSelectedKeys",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "string"
|
||
},
|
||
"description": "默认激活的菜单项（用法同 Menu 非受控）",
|
||
"defaultValue": []
|
||
},
|
||
{
|
||
"name": "selectedKeys",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "string"
|
||
},
|
||
"description": "激活的菜单项（用法同 Menu 受控）"
|
||
},
|
||
{
|
||
"name": "selectMode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"single",
|
||
"multiple"
|
||
]
|
||
},
|
||
"description": "菜单的选择模式，同 Menu"
|
||
},
|
||
{
|
||
"name": "onItemClick",
|
||
"propType": "func",
|
||
"description": "点击菜单项后的回调，同 Menu"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "选择菜单后的回调，同 Menu"
|
||
},
|
||
{
|
||
"name": "menuProps",
|
||
"propType": "object",
|
||
"description": "菜单属性透传"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Message",
|
||
"title": "Message",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Message",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": "string",
|
||
"description": "标题",
|
||
"defaultValue": "标题"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"success",
|
||
"warning",
|
||
"error",
|
||
"notice",
|
||
"help",
|
||
"loading"
|
||
]
|
||
},
|
||
"description": "反馈类型",
|
||
"defaultValue": "success"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"inline",
|
||
"addon",
|
||
"toast"
|
||
]
|
||
},
|
||
"description": "外观",
|
||
"defaultValue": "inline"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"node"
|
||
]
|
||
},
|
||
"description": "内容"
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "当前是否显示"
|
||
},
|
||
{
|
||
"name": "iconType",
|
||
"propType": "icon",
|
||
"description": "显示的图标类型，会覆盖内部设置的IconType"
|
||
},
|
||
{
|
||
"name": "closeable",
|
||
"propType": "bool",
|
||
"description": "显示关闭按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func",
|
||
"description": "关闭按钮的回调"
|
||
},
|
||
{
|
||
"name": "afterClose",
|
||
"propType": "func",
|
||
"description": "关闭之后调用的函数"
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": "bool",
|
||
"description": "收起动画",
|
||
"defaultValue": true
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Nav",
|
||
"title": "Nav",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Nav",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "node",
|
||
"description": "导航项和子导航"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"primary",
|
||
"secondary",
|
||
"line"
|
||
]
|
||
},
|
||
"description": "导航类型",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "direction",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "导航布局",
|
||
"defaultValue": "ver"
|
||
},
|
||
{
|
||
"name": "hozAlign",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"left",
|
||
"right"
|
||
]
|
||
},
|
||
"description": "对齐方向",
|
||
"defaultValue": "left"
|
||
},
|
||
{
|
||
"name": "activeDirection",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
null,
|
||
"top",
|
||
"bottom",
|
||
"left",
|
||
"right"
|
||
]
|
||
},
|
||
"description": "选中条方向"
|
||
},
|
||
{
|
||
"name": "mode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"inline",
|
||
"popup"
|
||
]
|
||
},
|
||
"description": "子导航打开的模式",
|
||
"defaultValue": "inline"
|
||
},
|
||
{
|
||
"name": "triggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "子导航打开的触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "inlineIndent",
|
||
"propType": "number",
|
||
"description": "内联子导航缩进距离",
|
||
"defaultValue": 20
|
||
},
|
||
{
|
||
"name": "defaultOpenAll",
|
||
"propType": "bool",
|
||
"description": "初始展开所有的子导航",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "openMode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"single",
|
||
"multiple"
|
||
]
|
||
},
|
||
"description": "内联子导航的展开模式",
|
||
"defaultValue": "multiple"
|
||
},
|
||
{
|
||
"name": "selectedKeys",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
}
|
||
]
|
||
},
|
||
"description": "当前选中导航key值"
|
||
},
|
||
{
|
||
"name": "defaultSelectedKeys",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
}
|
||
]
|
||
},
|
||
"description": "初始选中导航项的key值"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "选中或取消选中导航项触发的回调函数\n@param {Array} selectedKeys 选中的所有导航项的 key\n@param {Object} item 选中或取消选中的导航项\n@param {Object} extra 额外参数\n@param {Boolean} extra.select 是否是选中\n@param {Array} extra.key 导航项的 key\n@param {Object} extra.label 导航项的文本\n@param {Array} extra.keyPath 导航项 key 的路径"
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"follow",
|
||
"outside"
|
||
]
|
||
},
|
||
"description": "弹出子导航的对齐方式（水平导航只支持 follow ）\n@eumdesc Item 顶端对齐, Nav 顶端对齐",
|
||
"defaultValue": "follow"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹出子导航的自定义类名"
|
||
},
|
||
{
|
||
"name": "iconOnly",
|
||
"propType": "bool",
|
||
"description": "是否只显示图标"
|
||
},
|
||
{
|
||
"name": "hasArrow",
|
||
"propType": "bool",
|
||
"description": "是否显示右侧的箭头",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "hasTooltip",
|
||
"propType": "bool",
|
||
"description": "是否有ToolTips",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "header",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "自定义导航头部"
|
||
},
|
||
{
|
||
"name": "footer",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "自定义导航尾部"
|
||
},
|
||
{
|
||
"name": "embeddable",
|
||
"propType": "bool",
|
||
"description": "开启嵌入式模式",
|
||
"defaultValue": false
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Nav.Item",
|
||
"title": "Nav.Item",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Nav",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Item"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "icon",
|
||
"propType": {
|
||
"type": "icon"
|
||
},
|
||
"description": "自定义图标"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": ["string", "node"]
|
||
},
|
||
"description": "导航内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Group",
|
||
"title": "Group",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Nav",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Group"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标签内容"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "导航项和子导航"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "SubNav",
|
||
"title": "SubNav",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Nav",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "SubNav"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "icon",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
]
|
||
},
|
||
"description": "自定义图标，可以使用 Icon 的 type，也可以使用组件 `<Icon type=\"your type\" />`"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标签内容"
|
||
},
|
||
{
|
||
"name": "selectable",
|
||
"propType": "bool",
|
||
"description": "是否可选",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "导航项和子导航"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "PopupItem",
|
||
"title": "PopupItem",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Nav",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "PopupItem"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "icon",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
{
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
]
|
||
},
|
||
"description": "自定义图标，可以使用 Icon 的 type, 也可以使用组件 `<Icon type=\"icon type\" />`"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标签内容"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "弹出内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "NumberPicker",
|
||
"title": "NumberPicker",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "NumberPicker",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"large",
|
||
"medium"
|
||
]
|
||
},
|
||
"description": "大小",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"inline"
|
||
]
|
||
},
|
||
"description": "设置类型",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": "number",
|
||
"description": "当前值"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": "number",
|
||
"description": "默认值"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "step",
|
||
"propType": "number",
|
||
"description": "步长",
|
||
"defaultValue": 1
|
||
},
|
||
{
|
||
"name": "precision",
|
||
"propType": "number",
|
||
"description": "保留小数点后位数",
|
||
"defaultValue": 0
|
||
},
|
||
{
|
||
"name": "editable",
|
||
"propType": "bool",
|
||
"description": "用户是否可以输入",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "autoFocus",
|
||
"propType": "bool",
|
||
"description": "自动焦点"
|
||
},
|
||
{
|
||
"name": "max",
|
||
"propType": "number",
|
||
"description": "最大值",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "min",
|
||
"propType": "number",
|
||
"description": "最小值",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "func",
|
||
"description": "格式化当前值"
|
||
},
|
||
{
|
||
"name": "upBtnProps",
|
||
"propType": "object",
|
||
"description": "增加按钮的props"
|
||
},
|
||
{
|
||
"name": "downBtnProps",
|
||
"propType": "object",
|
||
"description": "减少按钮的props"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": "string",
|
||
"description": "内联 label"
|
||
},
|
||
{
|
||
"name": "innerAfter",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"icon"
|
||
]
|
||
},
|
||
"description": "inner after"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "数值被改变的事件\n@param {Number} value 数据\n@param {Event} e DOM事件对象"
|
||
},
|
||
{
|
||
"name": "onKeyDown",
|
||
"propType": "func",
|
||
"description": "键盘按下"
|
||
},
|
||
{
|
||
"name": "onFocus",
|
||
"propType": "func",
|
||
"description": "焦点获得"
|
||
},
|
||
{
|
||
"name": "onBlur",
|
||
"propType": "func",
|
||
"description": "焦点失去"
|
||
},
|
||
{
|
||
"name": "onCorrect",
|
||
"propType": "func",
|
||
"description": "数值订正后的回调\n@param {Object} obj {currentValue,oldValue:String}"
|
||
},
|
||
{
|
||
"name": "onDisabled",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义class"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "upBtnProps",
|
||
"setter": "JsonSetter"
|
||
},
|
||
{
|
||
"name": "downBtnProps",
|
||
"setter": "JsonSetter"
|
||
},
|
||
{
|
||
"name": "innerAfter",
|
||
"setter": {
|
||
"componentName": "MixedSetter",
|
||
"props": {
|
||
"setters": [
|
||
"StringSetter",
|
||
{
|
||
"componentName": "IconSetter",
|
||
"props": {
|
||
"type": "node"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Pagination",
|
||
"title": "Pagination",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Pagination",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"simple",
|
||
"mini"
|
||
]
|
||
},
|
||
"description": "分页组件类型",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"arrow-only",
|
||
"arrow-prev-only",
|
||
"no-border"
|
||
]
|
||
},
|
||
"description": "前进后退按钮样式",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "分页组件大小",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "current",
|
||
"propType": "number",
|
||
"description": "（受控）当前页码"
|
||
},
|
||
{
|
||
"name": "defaultCurrent",
|
||
"propType": "number",
|
||
"description": "（非受控）初始页码",
|
||
"defaultValue": 1
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "页码发生改变时的回调函数\n@param {Number} current 改变后的页码数\n@param {Object} e 点击事件对象"
|
||
},
|
||
{
|
||
"name": "total",
|
||
"propType": "number",
|
||
"description": "总记录数",
|
||
"defaultValue": 100
|
||
},
|
||
{
|
||
"name": "totalRender",
|
||
"propType": "func",
|
||
"title": {
|
||
"label": "总数渲染函数",
|
||
"tip": "总数的渲染函数\n@param {Number} total 总数\n@param {Array} range 当前数据在总数中的区间"
|
||
}
|
||
},
|
||
{
|
||
"name": "pageShowCount",
|
||
"propType": "number",
|
||
"title": {
|
||
"label": "页码显示数量",
|
||
"tip": "页码显示的数量，更多的使用...代替"
|
||
},
|
||
"defaultValue": 5
|
||
},
|
||
{
|
||
"name": "pageSize",
|
||
"propType": "number",
|
||
"description": "一页中的记录数",
|
||
"defaultValue": 10
|
||
},
|
||
{
|
||
"name": "pageSizeSelector",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
false,
|
||
"filter",
|
||
"dropdown"
|
||
]
|
||
},
|
||
"description": "每页显示选择器类型",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "pageNumberRender",
|
||
"propType": "func",
|
||
"title": {
|
||
"label": "自定义页码渲染函数",
|
||
"tip": "自定义页码渲染函数，函数作用于页码button以及当前页/总页数的数字渲染\n@param {Number} index 分页的页码，从1开始\n@return {ReactNode} 返回渲染结果"
|
||
}
|
||
},
|
||
{
|
||
"name": "pageSizePosition",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"start",
|
||
"end"
|
||
]
|
||
},
|
||
"description": "每页显示选择器在组件中的位置",
|
||
"defaultValue": "start"
|
||
},
|
||
{
|
||
"name": "onPageSizeChange",
|
||
"propType": "func",
|
||
"description": "每页显示记录数量改变时的回调函数\n@param {Number} pageSize 改变后的每页显示记录数"
|
||
},
|
||
{
|
||
"name": "hideOnlyOnePage",
|
||
"propType": "bool",
|
||
"title": {
|
||
"label": "页数为1隐藏",
|
||
"tip": "当分页数为1时，是否隐藏分页器"
|
||
},
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "showJump",
|
||
"propType": "bool",
|
||
"title": {
|
||
"label": "显示跳转",
|
||
"tip": "type 设置为 normal 时，在页码数超过5页后，会显示跳转输入框与按钮，当设置 showJump 为 false 时，不再显示该跳转区域"
|
||
},
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "link",
|
||
"propType": "string",
|
||
"description": "设置页码按钮的跳转链接，它的值为一个包含 {page} 的模版字符串，如：http://www.taobao.com/{page}"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Progress",
|
||
"title": "Progress",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Progress",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"circle",
|
||
"line"
|
||
]
|
||
},
|
||
"description": "形态",
|
||
"defaultValue": "line"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "percent",
|
||
"propType": "number",
|
||
"description": "所占百分比",
|
||
"defaultValue": 0
|
||
},
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"success",
|
||
"error"
|
||
]
|
||
},
|
||
"description": "进度状态, 显示优先级: color > progressive > state",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "progressive",
|
||
"propType": "bool",
|
||
"description": "是否为色彩阶段变化模式, 显示优先级: color > progressive > state",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "hasBorder",
|
||
"propType": "bool",
|
||
"description": "是否添加 Border（只适用于 Line Progress)",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "textRender",
|
||
"propType": "func",
|
||
"description": "文本渲染函数\n@param {Number} percent 当前的进度信息\n@param {Object} option 额外的参数\n@property {Boolean} option.rtl 是否在rtl 模式下渲染\n@return {ReactNode} 返回文本节点"
|
||
},
|
||
{
|
||
"name": "color",
|
||
"propType": "color",
|
||
"description": "进度条颜色, 显示优先级: color > progressive > state"
|
||
},
|
||
{
|
||
"name": "backgroundColor",
|
||
"propType": "color",
|
||
"description": "背景色"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Radio",
|
||
"title": "Radio",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Radio",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内敛样式"
|
||
},
|
||
{
|
||
"name": "id",
|
||
"propType": "string",
|
||
"description": "input元素id"
|
||
},
|
||
{
|
||
"name": "checked",
|
||
"propType": "bool",
|
||
"description": "是否选中"
|
||
},
|
||
{
|
||
"name": "defaultChecked",
|
||
"propType": "bool",
|
||
"description": "是否默认选中"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": "string",
|
||
"description": "通过属性配置label"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否被禁用"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "value"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string",
|
||
"description": "name"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "状态变化时触发的事件\n@param {Boolean} checked 是否选中\n@param {Event} e Dom 事件对象"
|
||
},
|
||
{
|
||
"name": "onMouseEnter",
|
||
"propType": "func",
|
||
"description": "鼠标进入enter事件\n@param {Event} e Dom 事件对象"
|
||
},
|
||
{
|
||
"name": "onMouseLeave",
|
||
"propType": "func",
|
||
"description": "鼠标离开事件\n@param {Event} e Dom 事件对象"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Radio.Group",
|
||
"title": "Radio.Group",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Radio",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Group"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内敛样式"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string",
|
||
"description": "name"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"large",
|
||
"medium",
|
||
"small"
|
||
]
|
||
},
|
||
"description": "尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"button"
|
||
]
|
||
},
|
||
"description": "展示形态"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "选中项的值"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "默认值"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": "string",
|
||
"description": "设置标签类型",
|
||
"defaultValue": "div"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否被禁用"
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": "object",
|
||
"description": "可选项列表"
|
||
},
|
||
{
|
||
"name": "itemDirection",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "子项目的排列方式",
|
||
"defaultValue": "hoz"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选中值改变时的事件\n@param {String/Number} value 选中项的值\n@param {Event} e Dom 事件对象"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
},
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [{
|
||
"name": "dataSource",
|
||
"setter": "JsonSetter"
|
||
}]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Range",
|
||
"title": "Range",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Range",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"description": "样式类名的品牌前缀",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内敛样式"
|
||
},
|
||
{
|
||
"name": "slider",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"single",
|
||
"double"
|
||
]
|
||
},
|
||
"description": "滑块个数\n@enumdesc 单个, 两个",
|
||
"defaultValue": "single"
|
||
},
|
||
{
|
||
"name": "min",
|
||
"propType": "number",
|
||
"description": "最小值",
|
||
"defaultValue": 0
|
||
},
|
||
{
|
||
"name": "max",
|
||
"propType": "number",
|
||
"description": "最大值",
|
||
"defaultValue": 100
|
||
},
|
||
{
|
||
"name": "step",
|
||
"propType": "number",
|
||
"description": "步长，取值必须大于 0，并且可被 (max - min) 整除。",
|
||
"defaultValue": 1
|
||
},
|
||
{
|
||
"name": "marksPosition",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"above",
|
||
"below"
|
||
]
|
||
},
|
||
"description": "marks显示在上方('above')or下方('below')",
|
||
"defaultValue": "above"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "值为 `true` 时，滑块为禁用状态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "当 Range 的值发生改变后，会触发 onChange 事件，并把改变后的值作为参数传入, 如果设置了value, 要配合此函数做受控使用\n@param {String/number} value"
|
||
},
|
||
{
|
||
"name": "onProcess",
|
||
"propType": "func",
|
||
"description": "滑块拖动的时候触发的事件,不建议在这里setState, 一般情况下不需要用, 滑动时有特殊需求时使用\n@param {String/number} value"
|
||
},
|
||
{
|
||
"name": "hasTip",
|
||
"propType": "bool",
|
||
"description": "是否显示 tip",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "tipRender",
|
||
"propType": "func",
|
||
"description": "自定义 tip 显示内容\n@param {Number|String} value 值\n@return {ReactNode} 显示内容"
|
||
},
|
||
{
|
||
"name": "id",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "reverse",
|
||
"propType": "bool",
|
||
"description": "选中态反转",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "pure",
|
||
"propType": "bool",
|
||
"description": "是否pure render",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "fixedWidth",
|
||
"propType": "bool",
|
||
"description": "是否为拖动线段类型,默认slider为double, defaultValue必传且指定区间",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "tooltipVisible",
|
||
"propType": "bool",
|
||
"description": "tooltip是否默认展示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"description": "是否已rtl模式展示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": "number",
|
||
"description": "分值"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Rating",
|
||
"title": "Rating",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Rating",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "id",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": "number",
|
||
"description": "默认值",
|
||
"defaultValue": 0
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": "number",
|
||
"description": "值"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "count",
|
||
"propType": "number",
|
||
"description": "评分的总数",
|
||
"defaultValue": 5
|
||
},
|
||
{
|
||
"name": "showGrade",
|
||
"propType": "bool",
|
||
"description": "是否显示 grade",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "allowHalf",
|
||
"propType": "bool",
|
||
"description": "是否允许半星评分",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容"
|
||
},
|
||
{
|
||
"name": "readOnly",
|
||
"propType": "bool",
|
||
"description": "是否为只读态，效果上同 disabeld",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "用户点击评分时触发的回调\n@param {String} value 评分值"
|
||
},
|
||
{
|
||
"name": "onHoverChange",
|
||
"propType": "func",
|
||
"description": "用户hover评分时触发的回调\n@param {String} value 评分值"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Search",
|
||
"title": "Search",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Search",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"description": "样式前缀",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"simple"
|
||
]
|
||
},
|
||
"description": "形状",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"primary",
|
||
"secondary",
|
||
"normal",
|
||
"dark"
|
||
]
|
||
},
|
||
"description": "类型 shape=normal: primary/secondary; shape=simple: normal/dark;",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"large",
|
||
"medium"
|
||
]
|
||
},
|
||
"description": "大小\n@enumdesc '大', '小'",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": "string",
|
||
"description": "搜索框默认值"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number"
|
||
]
|
||
},
|
||
"description": "搜索框数值"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "输入关键字时的回掉\n@param {Object} value 输入值"
|
||
},
|
||
{
|
||
"name": "onSearch",
|
||
"propType": "func",
|
||
"description": "点击搜索按钮触发的回调\n@param {String} value 输入值\n@param {String} filterValue 选项值"
|
||
},
|
||
{
|
||
"name": "defaultFilterValue",
|
||
"propType": "string",
|
||
"description": "选择器默认值"
|
||
},
|
||
{
|
||
"name": "filter",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"description": "选择器",
|
||
"defaultValue": []
|
||
},
|
||
{
|
||
"name": "filterValue",
|
||
"propType": "string",
|
||
"description": "选择器值"
|
||
},
|
||
{
|
||
"name": "onFilterChange",
|
||
"propType": "func",
|
||
"description": "选择器发生变化时回调\n@param {Object} filter value"
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"description": "搜索框下拉联想列表"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "默认提示"
|
||
},
|
||
{
|
||
"name": "searchText",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "button 的内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义样式"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "样式名称"
|
||
},
|
||
{
|
||
"name": "filterProps",
|
||
"propType": "object",
|
||
"description": "选择器的props"
|
||
},
|
||
{
|
||
"name": "buttonProps",
|
||
"propType": "object",
|
||
"description": "按钮的额外属性"
|
||
},
|
||
{
|
||
"name": "popupContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "自定义渲染的的下拉框"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "自定义渲染的的下拉框"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否显示清除按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "hasIcon",
|
||
"propType": "bool",
|
||
"description": "是否显示搜索按钮",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Select",
|
||
"title": "Select",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Select",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "mode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"single",
|
||
"multiple",
|
||
"tag"
|
||
]
|
||
},
|
||
"description": "选择器模式",
|
||
"defaultValue": "single"
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": "Json"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"title": {
|
||
"label": "默认值",
|
||
"tip": "初始的默认值"
|
||
},
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"JSExpression"
|
||
]
|
||
},
|
||
"description": "初始的默认值"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "Select发生改变时触发的回调\n@param {*} value 选中的值\n@param {String} actionType 触发的方式, 'itemClick', 'enter', 'tag'\n@param {*} item 选中的值的对象数据 (useDetailValue=false有效)"
|
||
},
|
||
{
|
||
"name": "hasBorder",
|
||
"title": {
|
||
"label": "边框",
|
||
"tip": "是否有边框"
|
||
},
|
||
"propType": "bool",
|
||
"description": "是否有边框"
|
||
},
|
||
{
|
||
"name": "hasArrow",
|
||
"title": {
|
||
"label": "箭头",
|
||
"tip": "是否有下拉箭头"
|
||
},
|
||
"propType": "bool",
|
||
"description": "是否有下拉箭头",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "showSearch",
|
||
"title": {
|
||
"label": "搜索框",
|
||
"tip": "展开后是否能搜索（tag 模式下固定为true）"
|
||
},
|
||
"propType": "bool",
|
||
"description": "展开后是否能搜索（tag 模式下固定为true）",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onSearch",
|
||
"propType": "func",
|
||
"description": "当搜索框值变化时回调\n@param {String} value 数据"
|
||
},
|
||
{
|
||
"name": "onSearchClear",
|
||
"propType": "func",
|
||
"description": "当搜索框值被清空时候的回调\n@param {String} actionType 触发的方式, 'select'(选择清空), 'popupClose'(弹窗关闭清空)"
|
||
},
|
||
{
|
||
"name": "hasSelectAll",
|
||
"title": {
|
||
"label": "全选",
|
||
"tip": "多选模式下是否有全选功能"
|
||
},
|
||
"propType": "bool",
|
||
"description": "多选模式下是否有全选功能"
|
||
},
|
||
{
|
||
"name": "fillProps",
|
||
"title": {
|
||
"label": "FillProps",
|
||
"tip": "填充到选择框里的值的 key"
|
||
},
|
||
"propType": "string",
|
||
"description": "填充到选择框里的值的 key\b\b"
|
||
},
|
||
{
|
||
"name": "notFoundContent",
|
||
"title": {
|
||
"label": "空文案",
|
||
"tip": "notFoundContent|弹层内容为空的文案"
|
||
},
|
||
"propType": "string",
|
||
"description": "弹层内容为空的文案"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "tagInline",
|
||
"title": {
|
||
"label": "Inline",
|
||
"tip": "tagInline|是否一行显示，仅在 mode 为 multiple 的时候生效"
|
||
},
|
||
"propType": "bool",
|
||
"description": "是否一行显示，仅在 mode 为 multiple 的时候生效",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "maxTagCount",
|
||
"title": {
|
||
"label": "最大标签数",
|
||
"tip": "maxTagCount|最多显示多少个 tag"
|
||
},
|
||
"propType": "number",
|
||
"description": "最多显示多少个 tag"
|
||
},
|
||
{
|
||
"name": "maxTagPlaceholder",
|
||
"title": {
|
||
"label": "隐藏 tag 占位符",
|
||
"tip": "maxTagPlaceholder|隐藏多余 tag 时显示的内容，在 maxTagCount 生效时起作用\n@param {number} selectedValues 当前已选中的元素\n@param {number} totalValues 总待选元素"
|
||
},
|
||
"propType": "string",
|
||
"description": "隐藏多余 tag 时显示的内容，在 maxTagCount 生效时起作用\n@param {number} selectedValues 当前已选中的元素\n@param {number} totalValues 总待选元素"
|
||
},
|
||
{
|
||
"name": "hiddenSelected",
|
||
"title": {
|
||
"label": "隐藏菜单",
|
||
"tip": "hiddenSelected|选择后是否立即隐藏菜单 (mode=multiple/tag 模式生效)"
|
||
},
|
||
"propType": "bool",
|
||
"description": "选择后是否立即隐藏菜单 (mode=multiple/tag 模式生效)"
|
||
},
|
||
{
|
||
"name": "onRemove",
|
||
"propType": "func",
|
||
"description": "tag 删除回调\n@param {object} item 渲染节点的item"
|
||
},
|
||
{
|
||
"name": "onFocus",
|
||
"propType": "func",
|
||
"description": "焦点事件"
|
||
},
|
||
{
|
||
"name": "onBlur",
|
||
"propType": "func",
|
||
"description": "失去焦点事件"
|
||
},
|
||
{
|
||
"name": "onMouseEnter",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onMouseLeave",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onKeyDown",
|
||
"propType": "func"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Select.Option",
|
||
"title": "Select.Option",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Select",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Option"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "value",
|
||
"propType": "string",
|
||
"description": "选项值",
|
||
"defaultValue": "test"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Slider",
|
||
"title": "Slider",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Slider",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "any",
|
||
"description": "自定义传入的样式"
|
||
},
|
||
{
|
||
"name": "adaptiveHeight",
|
||
"propType": "bool",
|
||
"description": "是否使用自适应高度",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"bool"
|
||
]
|
||
},
|
||
"description": "动效类型，默认是'slide'",
|
||
"defaultValue": "slide"
|
||
},
|
||
{
|
||
"name": "arrows",
|
||
"propType": "bool",
|
||
"description": "是否显示箭头",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "arrowSize",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "导航箭头大小 可选值: 'medium', 'large'",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "arrowPosition",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"inner",
|
||
"outer"
|
||
]
|
||
},
|
||
"description": "导航箭头位置 可选值: 'inner', 'outer'",
|
||
"defaultValue": "inner"
|
||
},
|
||
{
|
||
"name": "arrowDirection",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "导航箭头的方向 可选值: 'hoz', 'ver'",
|
||
"defaultValue": "hoz"
|
||
},
|
||
{
|
||
"name": "autoplay",
|
||
"propType": "bool",
|
||
"description": "是否自动播放",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "autoplaySpeed",
|
||
"propType": "number",
|
||
"description": "自动播放的速度",
|
||
"defaultValue": 3000
|
||
},
|
||
{
|
||
"name": "nextArrow",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "element"
|
||
},
|
||
"description": "向后箭头",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "prevArrow",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "element"
|
||
},
|
||
"description": "向前箭头",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "centerMode",
|
||
"propType": "bool",
|
||
"description": "是否启用居中模式",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "dots",
|
||
"propType": "bool",
|
||
"description": "是否显示导航锚点",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "dotsDirection",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "导航锚点位置",
|
||
"defaultValue": "hoz"
|
||
},
|
||
{
|
||
"name": "dotsClass",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "dotRender",
|
||
"propType": "func",
|
||
"description": "自定义导航锚点"
|
||
},
|
||
{
|
||
"name": "draggable",
|
||
"propType": "bool",
|
||
"description": "是否可拖拽",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "infinite",
|
||
"propType": "bool",
|
||
"description": "是否使用无穷循环模式",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "defaultActiveIndex",
|
||
"propType": "number",
|
||
"description": "初始被激活的轮播图",
|
||
"defaultValue": 0
|
||
},
|
||
{
|
||
"name": "lazyLoad",
|
||
"propType": "bool",
|
||
"description": "是否启用懒加载",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "slide",
|
||
"propType": "string",
|
||
"defaultValue": "div"
|
||
},
|
||
{
|
||
"name": "slideDirection",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "轮播方向",
|
||
"defaultValue": "hoz"
|
||
},
|
||
{
|
||
"name": "slidesToShow",
|
||
"propType": "number",
|
||
"description": "同时展示的图片数量",
|
||
"defaultValue": 1
|
||
},
|
||
{
|
||
"name": "slidesToScroll",
|
||
"propType": "number",
|
||
"description": "同时滑动的图片数量",
|
||
"defaultValue": 1
|
||
},
|
||
{
|
||
"name": "speed",
|
||
"propType": "number",
|
||
"description": "轮播速度",
|
||
"defaultValue": 600
|
||
},
|
||
{
|
||
"name": "activeIndex",
|
||
"propType": "number",
|
||
"description": "跳转到指定的轮播图（受控）"
|
||
},
|
||
{
|
||
"name": "triggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "锚点导航触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "轮播切换的回调函数\n@param {Number} index 幻灯片的索引"
|
||
},
|
||
{
|
||
"name": "onBeforeChange",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义传入的class",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "centerPadding",
|
||
"propType": "string",
|
||
"description": "Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览",
|
||
"defaultValue": "50px"
|
||
},
|
||
{
|
||
"name": "cssEase",
|
||
"propType": "string",
|
||
"description": "CSS3 Animation Easing,默认‘ease’",
|
||
"defaultValue": "ease"
|
||
},
|
||
{
|
||
"name": "edgeFriction",
|
||
"propType": "number",
|
||
"defaultValue": 0.35
|
||
},
|
||
{
|
||
"name": "focusOnSelect",
|
||
"propType": "bool",
|
||
"description": "多图轮播时，点击选中后自动居中",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "pauseOnHover",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "swipe",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "swipeToSlide",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "touchMove",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "touchThreshold",
|
||
"propType": "number",
|
||
"defaultValue": 5
|
||
},
|
||
{
|
||
"name": "useCSS",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "variableWidth",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "waitForAnimate",
|
||
"propType": "bool",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "edgeEvent",
|
||
"propType": "any",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "swipeEvent",
|
||
"propType": "any",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "vertical",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "verticalSwiping",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "dotsRender",
|
||
"defaultValue": null
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "SplitButton",
|
||
"title": "SplitButton",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "SplitButton",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"primary",
|
||
"secondary"
|
||
]
|
||
},
|
||
"description": "按钮的类型",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "按钮组的尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "主按钮的文案"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"button",
|
||
"a"
|
||
]
|
||
},
|
||
"description": "设置标签类型"
|
||
},
|
||
{
|
||
"name": "ghost",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"light",
|
||
"dark",
|
||
false,
|
||
true
|
||
]
|
||
},
|
||
"description": "是否为幽灵按钮"
|
||
},
|
||
{
|
||
"name": "defaultSelectedKeys",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"description": "默认激活的菜单项（用法同 Menu 非受控）",
|
||
"defaultValue": []
|
||
},
|
||
{
|
||
"name": "selectedKeys",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"description": "激活的菜单项（用法同 Menu 受控）"
|
||
},
|
||
{
|
||
"name": "selectMode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"single",
|
||
"multiple"
|
||
]
|
||
},
|
||
"description": "菜单的选择模式"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "选择菜单项时的回调，参考 Menu"
|
||
},
|
||
{
|
||
"name": "onItemClick",
|
||
"propType": "func",
|
||
"description": "点击菜单项时的回调，参考 Menu"
|
||
},
|
||
{
|
||
"name": "triggerProps",
|
||
"propType": "object",
|
||
"description": "触发按钮的属性（支持 Button 的所有属性透传）"
|
||
},
|
||
{
|
||
"name": "autoWidth",
|
||
"propType": "bool",
|
||
"description": "弹层菜单的宽度是否与按钮组一致",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层是否显示"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否显示"
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层显示状态变化时的回调函数\n@param {Boolean} visible 弹层显示状态\n@param {String} type 触发弹层显示或隐藏的来源 menuSelect 表示由menu触发； fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "popupTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "弹层的触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": "string",
|
||
"description": "弹层对齐方式, 详情见Overlay align"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层自定义样式"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层自定义样式类"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "透传给弹层的属性"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "menuProps",
|
||
"propType": "object",
|
||
"description": "透传给 Menu 的属性"
|
||
},
|
||
{
|
||
"name": "leftButtonProps",
|
||
"propType": "object",
|
||
"description": "透传给 左侧按钮 的属性"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "any"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Step",
|
||
"title": "Step",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Step",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "current",
|
||
"propType": "number",
|
||
"description": "当前步骤",
|
||
"defaultValue": 0
|
||
},
|
||
{
|
||
"name": "direction",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "展示方向",
|
||
"defaultValue": "hoz"
|
||
},
|
||
{
|
||
"name": "labelPlacement",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
},
|
||
"description": "横向布局时( direction 为 hoz )的内容排列",
|
||
"defaultValue": "ver"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"circle",
|
||
"arrow",
|
||
"dot"
|
||
]
|
||
},
|
||
"description": "类型",
|
||
"defaultValue": "circle"
|
||
},
|
||
{
|
||
"name": "readOnly",
|
||
"propType": "bool",
|
||
"description": "是否只读模式"
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": "bool",
|
||
"description": "是否开启动效",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义样式名"
|
||
},
|
||
{
|
||
"name": "itemRender",
|
||
"propType": "func",
|
||
"description": "StepItem 的自定义渲染\n@param {Number} index 节点索引\n@param {String} status 节点状态\n@returns {Node} 节点的渲染结果",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "StepItem",
|
||
"title": "StepItem",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Step",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Item"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "status",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"wait",
|
||
"process",
|
||
"finish"
|
||
]
|
||
},
|
||
"description": "步骤的状态，如不传，会根据外层的 Step 的 current 属性生成，可选值为 `wait`, `process`, `finish`"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "标题"
|
||
},
|
||
{
|
||
"name": "direction",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "labelPlacement",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hoz",
|
||
"ver"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"circle",
|
||
"arrow",
|
||
"dot"
|
||
]
|
||
},
|
||
"defaultValue": "circle"
|
||
},
|
||
{
|
||
"name": "icon",
|
||
"propType": "icon",
|
||
"description": "图标"
|
||
},
|
||
{
|
||
"name": "content",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "内容填充, shape为 arrow 时无效"
|
||
},
|
||
{
|
||
"name": "itemRender",
|
||
"propType": "func",
|
||
"description": "StepItem 的自定义渲染, 会覆盖父节点设置的itemRender\n@param {Number} index 节点索引\n@param {String} status 节点状态\n@returns {Node} 节点的渲染结果"
|
||
},
|
||
{
|
||
"name": "percent",
|
||
"propType": "number",
|
||
"description": "百分比"
|
||
},
|
||
{
|
||
"name": "index",
|
||
"propType": "number",
|
||
"defaultValue": 0
|
||
},
|
||
{
|
||
"name": "total",
|
||
"propType": "number",
|
||
"defaultValue": 1
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用"
|
||
},
|
||
{
|
||
"name": "parentWidth",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "parentHeight",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"number"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "onClick",
|
||
"propType": "func",
|
||
"description": "点击步骤时的回调\n@param {Number} index 节点索引"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义样式"
|
||
},
|
||
{
|
||
"name": "readOnly",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Switch",
|
||
"title": "Switch",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Switch",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义类名"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内敛样式"
|
||
},
|
||
{
|
||
"name": "checked",
|
||
"propType": "bool",
|
||
"description": "当前状态"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"medium",
|
||
"small"
|
||
]
|
||
},
|
||
"description": "尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "checkedChildren",
|
||
"propType": "string",
|
||
"description": "打开时的内容"
|
||
},
|
||
{
|
||
"name": "unCheckedChildren",
|
||
"propType": "string",
|
||
"description": "关闭时的内容"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "开关状态改变是触发此事件\n@param {Boolean} checked 是否为打开状态\n@param {Event} e DOM事件对象"
|
||
},
|
||
|
||
{
|
||
"name": "onClick",
|
||
"propType": "func",
|
||
"description": "鼠标点击事件\n@param {Event} e DOM事件对象"
|
||
},
|
||
{
|
||
"name": "onKeyDown",
|
||
"propType": "func",
|
||
"description": "键盘按键事件\n@param {Event} e DOM事件对象"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Tab",
|
||
"title": "Tab",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Tab",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "device",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"tablet",
|
||
"desktop",
|
||
"phone"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"pure",
|
||
"wrapped",
|
||
"text",
|
||
"capsule"
|
||
]
|
||
},
|
||
"description": "外观形态",
|
||
"defaultValue": "pure"
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": "bool",
|
||
"description": "是否开启动效",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "excessMode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"slide",
|
||
"dropdown"
|
||
]
|
||
},
|
||
"description": "选项卡过多时的滑动模式",
|
||
"defaultValue": "slide"
|
||
},
|
||
{
|
||
"name": "tabPosition",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"top",
|
||
"bottom",
|
||
"left",
|
||
"right"
|
||
]
|
||
},
|
||
"description": "导航选项卡的位置，只适用于包裹型（wrapped）选项卡",
|
||
"defaultValue": "top"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium"
|
||
]
|
||
},
|
||
"description": "尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "triggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"hover",
|
||
"click"
|
||
]
|
||
},
|
||
"description": "激活选项卡的触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "lazyLoad",
|
||
"propType": "bool",
|
||
"description": "是否延迟加载 TabPane 的内容, 默认开启, 即不提前渲染",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "unmountInactiveTabs",
|
||
"propType": "bool",
|
||
"description": "是否自动卸载未处于激活状态的选项卡",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "navClassName",
|
||
"propType": "string",
|
||
"description": "导航条的自定义样式类"
|
||
},
|
||
{
|
||
"name": "contentClassName",
|
||
"propType": "string",
|
||
"description": "内容区容器的自定义样式类"
|
||
},
|
||
{
|
||
"name": "extra",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "导航栏附加内容"
|
||
},
|
||
{
|
||
"name": "onClick",
|
||
"propType": "func",
|
||
"description": "点击单个选项卡时触发的回调"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选项卡发生切换时的事件回调\n@param {String|Number} key 改变后的 key"
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func",
|
||
"description": "选项卡被关闭时的事件回调\n@param {String|Number} key 关闭的选项卡的 key"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Tab.Item",
|
||
"title": "Tab.Item",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Tab",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Item"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "title",
|
||
"propType": "string",
|
||
"description": "选项卡标题"
|
||
},
|
||
{
|
||
"name": "closeable",
|
||
"propType": "bool",
|
||
"description": "单个选项卡是否可关闭",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "选项卡是否被禁用"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Tab"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Tab.TabPane",
|
||
"title": "Tab.TabPane",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Tab",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "TabPane"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "选项卡标题"
|
||
},
|
||
{
|
||
"name": "closeable",
|
||
"propType": "bool",
|
||
"description": "单个选项卡是否可关闭",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "选项卡是否被禁用"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Tag",
|
||
"title": "Tag",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Tag",
|
||
"main": "src/index.js",
|
||
"destructuring": true
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "type",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"primary"
|
||
]
|
||
},
|
||
"description": "标签的类型"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "标签的尺寸（large 尺寸为兼容表单场景 large = medium）"
|
||
},
|
||
{
|
||
"name": "color",
|
||
"propType": "color",
|
||
"description": "标签颜色, 目前支持：blue、 green、 orange、red、 turquoise、 yellow 和 hex 颜色值 （`color keywords`作为 Tag 组件的保留字，请勿直接使用 ）, `1.19.0` 以上版本生效"
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": "bool",
|
||
"description": "是否开启动效"
|
||
},
|
||
{
|
||
"name": "afterAppear",
|
||
"propType": "func",
|
||
"description": "标签出现动画结束后执行的回调"
|
||
},
|
||
{
|
||
"name": "onClick",
|
||
"propType": "func",
|
||
"description": "点击回调"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "string",
|
||
"description": "内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {}
|
||
},
|
||
{
|
||
"componentName": "Tag.Selectable",
|
||
"title": "Tag.Selectable",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Tag",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Selectable"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "checked",
|
||
"propType": "bool",
|
||
"description": "标签是否被选中，受控用法"
|
||
},
|
||
{
|
||
"name": "defaultChecked",
|
||
"propType": "bool",
|
||
"description": "标签是否默认被选中，非受控用法"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "标签是否被禁用"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选中状态变化时触发的事件 Function(checked: Boolean, e: Event) => void"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "string",
|
||
"description": "内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {}
|
||
},
|
||
{
|
||
"componentName": "Tag.Closeable",
|
||
"title": "Tag.Closeable",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Tag",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Closeable"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "closeArea",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"tag",
|
||
"tail"
|
||
]
|
||
},
|
||
"description": "closeable 标签的 onClose 响应区域, tag: 标签体, tail(默认): 关闭按钮"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "标签的尺寸（large 尺寸为兼容表单场景 large = medium）"
|
||
},
|
||
{
|
||
"name": "onClose",
|
||
"propType": "func",
|
||
"description": "点击关闭按钮时的回调，返回值 true 则关闭, false 阻止关闭"
|
||
},
|
||
{
|
||
"name": "onClick",
|
||
"propType": "func",
|
||
"description": "点击回调"
|
||
},
|
||
{
|
||
"name": "afterClose",
|
||
"propType": "func",
|
||
"description": "标签关闭后执行的回调"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "string",
|
||
"description": "内容"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {}
|
||
},
|
||
{
|
||
"componentName": "TimePicker",
|
||
"title": "TimePicker",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "TimePicker",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": "string",
|
||
"description": "按钮的文案"
|
||
},
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"error",
|
||
"success"
|
||
]
|
||
},
|
||
"description": "输入框状态"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "输入框提示"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "时间值（moment 对象或时间字符串，受控状态使用）"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "custom"
|
||
},
|
||
"description": "时间初值（moment 对象或时间字符串，非受控状态使用）"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "时间选择框的尺寸",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否允许清空时间",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "format",
|
||
"propType": "string",
|
||
"description": "时间的格式\nhttps://momentjs.com/docs/#/parsing/string-format/",
|
||
"defaultValue": "HH:mm:ss"
|
||
},
|
||
{
|
||
"name": "hourStep",
|
||
"propType": "number",
|
||
"description": "小时选项步长"
|
||
},
|
||
{
|
||
"name": "minuteStep",
|
||
"propType": "number",
|
||
"description": "分钟选项步长"
|
||
},
|
||
{
|
||
"name": "secondStep",
|
||
"propType": "number",
|
||
"description": "秒钟选项步长"
|
||
},
|
||
{
|
||
"name": "disabledHours",
|
||
"propType": "func",
|
||
"description": "禁用小时函数\n@param {Number} index 时 0 - 23\n@return {Boolean} 是否禁用"
|
||
},
|
||
{
|
||
"name": "disabledMinutes",
|
||
"propType": "func",
|
||
"description": "禁用分钟函数\n@param {Number} index 分 0 - 59\n@return {Boolean} 是否禁用"
|
||
},
|
||
{
|
||
"name": "disabledSeconds",
|
||
"propType": "func",
|
||
"description": "禁用秒钟函数\n@param {Number} index 秒 0 - 59\n@return {Boolean} 是否禁用"
|
||
},
|
||
{
|
||
"name": "renderTimeMenuItems",
|
||
"propType": "func",
|
||
"description": "渲染的可选择时间列表\n[{\n label: '01',\n value: 1\n}]\n@param {Array} list 默认渲染的列表\n@param {String} mode 渲染的菜单 hour, minute, second\n@param {moment} value 当前时间，可能为 null\n@return {Array} 返回需要渲染的数据"
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "弹层是否显示（受控）"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "弹层默认是否显示（非受控）"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "弹层容器\n@param {Object} target 目标节点\n@return {ReactNode} 容器节点"
|
||
},
|
||
{
|
||
"name": "popupAlign",
|
||
"propType": "string",
|
||
"description": "弹层对齐方式, 详情见Overlay 文档",
|
||
"defaultValue": "tl tl"
|
||
},
|
||
{
|
||
"name": "popupTriggerType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"click",
|
||
"hover"
|
||
]
|
||
},
|
||
"description": "弹层触发方式",
|
||
"defaultValue": "click"
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "弹层展示状态变化时的回调\n@param {Boolean} visible 弹层是否隐藏和显示\n@param {String} type 触发弹层显示和隐藏的来源 fromTrigger 表示由trigger的点击触发； docClick 表示由document的点击触发"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": "object",
|
||
"description": "弹层自定义样式"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "弹层自定义样式类"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": "object",
|
||
"description": "弹层属性"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {MomentObject} value 时间"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "时间值改变时的回调\n@param {Object|String} value 时间对象或时间字符串"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "inputProps",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "popupComponent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
}
|
||
},
|
||
{
|
||
"name": "popupContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "locale"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "defaultValue",
|
||
"setter": "TimePicker"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"setter": "TimePicker"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Timeline",
|
||
"title": "Timeline",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Timeline",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "fold",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": {
|
||
"type": "exact",
|
||
"value": [{
|
||
"name": "foldArea",
|
||
"propType": {
|
||
"type": "arrayOf",
|
||
"value": "number"
|
||
}
|
||
}, {
|
||
"name": "foldShow",
|
||
"propType": "bool"
|
||
}]
|
||
|
||
}
|
||
},
|
||
"description": "自定义折叠选项 示例`[{foldArea: [startIndex, endIndex], foldShow: boolean}]`",
|
||
"defaultValue": []
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"nestingRule": {
|
||
"childWhitelist": ["TimelineItem"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "TimelineItem",
|
||
"title": "TimelineItem",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Timeline",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Item"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "state",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"done",
|
||
"process",
|
||
"error",
|
||
"success"
|
||
]
|
||
},
|
||
"description": "节点状态",
|
||
"defaultValue": "done"
|
||
},
|
||
{
|
||
"name": "icon",
|
||
"propType": "icon",
|
||
"description": "图标"
|
||
},
|
||
{
|
||
"name": "dot",
|
||
"propType": "node",
|
||
"description": "自定义时间轴节点"
|
||
},
|
||
{
|
||
"name": "time",
|
||
"propType": "string",
|
||
"description": "格式化后的时间"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": ["string", "node"]
|
||
},
|
||
"description": "标题"
|
||
},
|
||
{
|
||
"name": "timeLeft",
|
||
"propType": "string",
|
||
"description": "左侧时间"
|
||
},
|
||
{
|
||
"name": "content",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": ["string", "node"]
|
||
},
|
||
"description": "右侧内容"
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": "bool",
|
||
"description": "动画",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": false,
|
||
"nestingRule": {
|
||
"parentWhitelist": ["Timeline"]
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Transfer",
|
||
"title": "Transfer",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Transfer",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "id",
|
||
"propType": "string",
|
||
"description": "请设置 id 以保证transfer的可访问性"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "mode",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"normal",
|
||
"simple"
|
||
]
|
||
},
|
||
"description": "移动选项模式",
|
||
"defaultValue": "normal"
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": "array",
|
||
"description": "数据源"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": "array",
|
||
"description": "当前值"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": "array",
|
||
"description": "默认值"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "leftDisabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用左侧面板",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "rightDisabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用右侧面板",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "itemRender",
|
||
"propType": "func",
|
||
"description": "列表项渲染函数"
|
||
},
|
||
{
|
||
"name": "showSearch",
|
||
"propType": "bool",
|
||
"description": "是否显示搜索框",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "filter",
|
||
"propType": "func",
|
||
"description": "自定义搜索函数"
|
||
},
|
||
{
|
||
"name": "searchPlaceholder",
|
||
"propType": "string",
|
||
"description": "搜索框占位符"
|
||
},
|
||
{
|
||
"name": "notFoundContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "列表为空显示内容",
|
||
"defaultValue": "Not Found"
|
||
},
|
||
{
|
||
"name": "titles",
|
||
"propType": "array",
|
||
"description": "左右面板标题"
|
||
},
|
||
{
|
||
"name": "operations",
|
||
"propType": "array",
|
||
"description": "向右向左移动按钮显示内容"
|
||
},
|
||
{
|
||
"name": "defaultLeftChecked",
|
||
"propType": "array",
|
||
"description": "左面板默认选中值"
|
||
},
|
||
{
|
||
"name": "defaultRightChecked",
|
||
"propType": "array",
|
||
"description": "右面板默认选中值"
|
||
},
|
||
{
|
||
"name": "listClassName",
|
||
"propType": "string",
|
||
"description": "左右面板列表自定义样式类名"
|
||
},
|
||
{
|
||
"name": "listStyle",
|
||
"propType": "object",
|
||
"description": "左右面板列表自定义样式对象"
|
||
},
|
||
{
|
||
"name": "sortable",
|
||
"propType": "bool",
|
||
"description": "是否允许拖拽排序",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "func",
|
||
"description": "接收 children 自定义渲染列表"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "值发生改变的时候触发的回调函数"
|
||
},
|
||
{
|
||
"name": "onSearch",
|
||
"propType": "func",
|
||
"description": "搜索框输入时触发的回调函数"
|
||
},
|
||
{
|
||
"name": "onSort",
|
||
"propType": "func",
|
||
"description": "拖拽排序时触发的回调函数"
|
||
}
|
||
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [{
|
||
"name": "dataSource",
|
||
"setter": "JsonSetter"
|
||
}]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Tree",
|
||
"title": "Tree",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Tree",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": {
|
||
"type": "Json"
|
||
},
|
||
"description": "数据源，该属性优先级高于 children"
|
||
},
|
||
{
|
||
"name": "showLine",
|
||
"propType": "bool",
|
||
"description": "是否显示树的线",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "selectable",
|
||
"propType": "bool",
|
||
"description": "是否支持选中节点",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "选中或取消选中节点时触发的回调函数\n@param {Array} selectedKeys 选中节点key的数组\n@param {Object} extra 额外参数\n@param {Array} extra.selectedNodes 选中节点的数组\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.selected 当前操作是否是选中"
|
||
},
|
||
{
|
||
"name": "multiple",
|
||
"propType": "bool",
|
||
"description": "是否支持多选",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "checkable",
|
||
"propType": "bool",
|
||
"description": "是否支持勾选节点的复选框",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "checkStrictly",
|
||
"propType": "bool",
|
||
"description": "勾选节点复选框是否完全受控（父子节点选中状态不再关联）",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "checkedStrategy",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"all",
|
||
"parent",
|
||
"child"
|
||
]
|
||
},
|
||
"description": "定义选中时回填的方式\n@enumdesc 返回所有选中的节点, 父子节点都选中时只返回父节点, 父子节点都选中时只返回子节点",
|
||
"defaultValue": "all"
|
||
},
|
||
{
|
||
"name": "onCheck",
|
||
"propType": "func",
|
||
"description": "勾选或取消勾选复选框时触发的回调函数\n@param {Array} checkedKeys 勾选复选框节点key的数组\n@param {Object} extra 额外参数\n@param {Array} extra.checkedNodes 勾选复选框节点的数组\n@param {Array} extra.checkedNodesPositions 包含有勾选复选框节点和其位置的对象的数组\n@param {Array} extra.indeterminateKeys 半选复选框节点 key 的数组\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.checked 当前操作是否是勾选"
|
||
},
|
||
{
|
||
"name": "defaultExpandAll",
|
||
"propType": "bool",
|
||
"description": "是否默认展开所有节点",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "autoExpandParent",
|
||
"propType": "bool",
|
||
"description": "是否自动展开父节点，建议受控时设置为false",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "onExpand",
|
||
"propType": "func",
|
||
"description": "展开或收起节点时触发的回调函数\n@param {Array} expandedKeys 展开的节点key的数组\n@param {Object} extra 额外参数\n@param {Object} extra.node 当前操作的节点\n@param {Boolean} extra.expanded 当前操作是否是展开"
|
||
},
|
||
{
|
||
"name": "editable",
|
||
"propType": "bool",
|
||
"description": "是否支持编辑节点内容",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onEditFinish",
|
||
"propType": "func",
|
||
"description": "编辑节点内容完成时触发的回调函数\n@param {String} key 编辑节点的 key\n@param {String} label 编辑节点完成时节点的文本\n@param {Object} node 当前编辑的节点"
|
||
},
|
||
{
|
||
"name": "draggable",
|
||
"propType": "bool",
|
||
"description": "是否支持拖拽节点",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onDragStart",
|
||
"propType": "func",
|
||
"description": "开始拖拽节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 拖拽的节点"
|
||
},
|
||
{
|
||
"name": "onDragEnter",
|
||
"propType": "func",
|
||
"description": "拖拽节点进入目标节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点\n@param {Array} info.expandedKeys 当前展开的节点key的数组"
|
||
},
|
||
{
|
||
"name": "onDragOver",
|
||
"propType": "func",
|
||
"description": "拖拽节点在目标节点上移动的时候触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点"
|
||
},
|
||
{
|
||
"name": "onDragLeave",
|
||
"propType": "func",
|
||
"description": "拖拽节点离开目标节点时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点"
|
||
},
|
||
{
|
||
"name": "onDragEnd",
|
||
"propType": "func",
|
||
"description": "拖拽节点拖拽结束时触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点"
|
||
},
|
||
{
|
||
"name": "onDrop",
|
||
"propType": "func",
|
||
"description": "拖拽节点放入目标节点内或前后触发的回调函数\n@param {Object} info 拖拽信息\n@param {Object} info.event 事件对象\n@param {Object} info.node 目标节点\n@param {Object} info.dragNode 拖拽的节点\n@param {Array} info.dragNodesKeys 拖拽的节点和其子节点 key 的数组\n@param {Number} info.dropPosition 放置位置，-1代表当前节点前，0代表当前节点里，1代表当前节点后"
|
||
},
|
||
{
|
||
"name": "canDrop",
|
||
"propType": "func",
|
||
"description": "节点是否可被作为拖拽的目标节点"
|
||
},
|
||
{
|
||
"name": "loadData",
|
||
"propType": "func",
|
||
"description": "异步加载数据的函数"
|
||
},
|
||
{
|
||
"name": "filterTreeNode",
|
||
"propType": "func",
|
||
"description": "按需筛选高亮节点"
|
||
},
|
||
{
|
||
"name": "onRightClick",
|
||
"propType": "func",
|
||
"description": "右键点击节点时触发的回调函数"
|
||
},
|
||
{
|
||
"name": "isLabelBlock",
|
||
"propType": "bool",
|
||
"description": "设置节点是否占满剩余空间，一般用于统一在各节点右侧添加元素(借助 flex 实现，暂时只支持 ie10+)",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "isNodeBlock",
|
||
"propType": "bool",
|
||
"description": "设置节点是否占满一行",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "animation",
|
||
"propType": "bool",
|
||
"description": "是否开启展开收起动画",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "focusedKey",
|
||
"propType": "string",
|
||
"description": "当前获得焦点的子菜单或菜单项 key 值"
|
||
},
|
||
{
|
||
"name": "renderChildNodes",
|
||
"propType": "func",
|
||
"description": "渲染子节点"
|
||
},
|
||
{
|
||
"name": "useVirtual",
|
||
"propType": "bool",
|
||
"description": "是否开启虚拟滚动"
|
||
},
|
||
{
|
||
"name": "onItemFocus",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onBlur",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onItemKeyDown",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "TreeNode",
|
||
"title": "TreeNode",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Tree",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Node"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "树节点"
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"string",
|
||
"node"
|
||
]
|
||
},
|
||
"description": "节点文本内容",
|
||
"defaultValue": "---"
|
||
},
|
||
{
|
||
"name": "selectable",
|
||
"propType": "bool",
|
||
"description": "单独设置是否支持选中，覆盖 Tree 的 selectable"
|
||
},
|
||
{
|
||
"name": "checkable",
|
||
"propType": "bool",
|
||
"description": "单独设置是否出现复选框，覆盖 Tree 的 checkable"
|
||
},
|
||
{
|
||
"name": "editable",
|
||
"propType": "bool",
|
||
"description": "单独设置是否支持编辑，覆盖 Tree 的 editable"
|
||
},
|
||
{
|
||
"name": "draggable",
|
||
"propType": "bool",
|
||
"description": "单独设置是否支持拖拽，覆盖 Tree 的 draggable"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁止节点响应",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "checkboxDisabled",
|
||
"propType": "bool",
|
||
"description": "是否禁止勾选节点复选框",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "isLeaf",
|
||
"propType": "bool",
|
||
"description": "是否是叶子节点",
|
||
"defaultValue": false
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "TreeSelect",
|
||
"title": "TreeSelect",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "TreeSelect",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "node",
|
||
"description": "树节点"
|
||
},
|
||
{
|
||
"name": "dataSource",
|
||
"propType": {
|
||
"type": "Json"
|
||
},
|
||
"description": "数据源"
|
||
},
|
||
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"description": "选择框大小",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "placeholder",
|
||
"propType": "string",
|
||
"description": "选择框占位符"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "hasArrow",
|
||
"propType": "bool",
|
||
"description": "是否有下拉箭头",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "hasBorder",
|
||
"propType": "bool",
|
||
"description": "是否有边框",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "hasClear",
|
||
"propType": "bool",
|
||
"description": "是否有清空按钮",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "label",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "自定义内联label"
|
||
},
|
||
{
|
||
"name": "readOnly",
|
||
"propType": "bool",
|
||
"description": "是否只读"
|
||
},
|
||
{
|
||
"name": "autoWidth",
|
||
"propType": "bool",
|
||
"description": "下拉框是否与选择器对齐",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "选中值改变时触发的回调函数\n@param {String|Array} value 选中的值，单选时返回单个值，多选时返回数组\n@param {Object|Array} data 选中的数据，包括 value, label, pos, key属性，单选时返回单个值，多选时返回数组，父子节点选中关联时，同时选中，只返回父节点"
|
||
},
|
||
{
|
||
"name": "showSearch",
|
||
"propType": "bool",
|
||
"description": "是否显示搜索框",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onSearch",
|
||
"propType": "func",
|
||
"description": "在搜索框中输入时触发的回调函数\n@param {String} keyword 输入的关键字"
|
||
},
|
||
{
|
||
"name": "onSearchClear",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "notFoundContent",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
},
|
||
"description": "无数据时显示内容",
|
||
"defaultValue": "Not Found"
|
||
},
|
||
{
|
||
"name": "multiple",
|
||
"propType": "bool",
|
||
"description": "是否支持多选",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "treeCheckable",
|
||
"propType": "bool",
|
||
"description": "下拉框中的树是否支持勾选节点的复选框",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "treeCheckStrictly",
|
||
"propType": "bool",
|
||
"description": "下拉框中的树勾选节点复选框是否完全受控（父子节点选中状态不再关联）",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "treeCheckedStrategy",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"all",
|
||
"parent",
|
||
"child"
|
||
]
|
||
},
|
||
"description": "定义选中时回填的方式\n@enumdesc 返回所有选中的节点, 父子节点都选中时只返回父节点, 父子节点都选中时只返回子节点",
|
||
"defaultValue": "parent"
|
||
},
|
||
{
|
||
"name": "treeDefaultExpandAll",
|
||
"propType": "bool",
|
||
"description": "下拉框中的树是否默认展开所有节点",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "treeLoadData",
|
||
"propType": "func",
|
||
"description": "下拉框中的树异步加载数据的函数，使用请参考[Tree的异步加载数据Demo](https://fusion.design/component/tree)\n@param {ReactElement} node 被点击展开的节点"
|
||
},
|
||
{
|
||
"name": "treeProps",
|
||
"propType": {
|
||
"type": "Json"
|
||
},
|
||
"description": "透传到 Tree 的属性对象"
|
||
},
|
||
{
|
||
"name": "defaultVisible",
|
||
"propType": "bool",
|
||
"description": "初始下拉框是否显示",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "visible",
|
||
"propType": "bool",
|
||
"description": "当前下拉框是否显示"
|
||
},
|
||
{
|
||
"name": "onVisibleChange",
|
||
"propType": "func",
|
||
"description": "下拉框显示或关闭时触发事件的回调函数\n@param {Boolean} visible 是否显示\n@param {String} type 触发显示关闭的操作类型"
|
||
},
|
||
{
|
||
"name": "popupStyle",
|
||
"propType": {
|
||
"type": "Json"
|
||
},
|
||
"description": "下拉框自定义样式对象"
|
||
},
|
||
{
|
||
"name": "popupClassName",
|
||
"propType": "string",
|
||
"description": "下拉框样式自定义类名"
|
||
},
|
||
{
|
||
"name": "popupContainer",
|
||
"propType": "any",
|
||
"description": "下拉框挂载的容器节点"
|
||
},
|
||
{
|
||
"name": "popupProps",
|
||
"propType": {
|
||
"type": "Json"
|
||
},
|
||
"description": "透传到 Popup 的属性对象"
|
||
},
|
||
{
|
||
"name": "followTrigger",
|
||
"propType": "bool",
|
||
"description": "是否跟随滚动"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {Array<data>} value 选择值 { label: , value:}"
|
||
},
|
||
{
|
||
"name": "useVirtual",
|
||
"propType": "bool",
|
||
"description": "是否开启虚拟滚动"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Typography",
|
||
"title": "Typography",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Typography",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "article"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"title": "内容",
|
||
"propType": "string"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true,
|
||
"isModel": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Paragraph",
|
||
"title": "Paragraph",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Typography",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Paragraph"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "elementType"
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "p"
|
||
},
|
||
{
|
||
"name": "type",
|
||
"defaultValue": "long"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Typography.Text",
|
||
"title": "Text",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Typography",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Text"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "children",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "delete",
|
||
"propType": "bool",
|
||
"description": "添加删除线样式",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "mark",
|
||
"propType": "bool",
|
||
"description": "添加标记样式",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "underline",
|
||
"propType": "bool",
|
||
"description": "添加下划线样式",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "strong",
|
||
"propType": "bool",
|
||
"description": "是否加粗",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "code",
|
||
"propType": "bool",
|
||
"description": "添加代码样式",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "component",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"span",
|
||
"H1",
|
||
"H2",
|
||
"H3",
|
||
"H4"
|
||
]
|
||
},
|
||
"description": "设置标签类型",
|
||
"defaultValue": "span"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"props": {
|
||
"isExtends": true,
|
||
"override": [
|
||
{
|
||
"name": "children",
|
||
"setter": "TextAreaSetter"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Upload",
|
||
"title": "Upload",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Upload",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "action",
|
||
"propType": "string",
|
||
"description": "上传的地址"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "Json"
|
||
},
|
||
"description": "文件列表"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "Json"
|
||
},
|
||
"description": "默认文件列表"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"card"
|
||
]
|
||
},
|
||
"description": "上传按钮形状"
|
||
},
|
||
{
|
||
"name": "listType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"text",
|
||
"image",
|
||
"card"
|
||
]
|
||
},
|
||
"description": "上传列表的样式"
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string",
|
||
"description": "文件名字段"
|
||
},
|
||
{
|
||
"name": "data",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"Json",
|
||
"func"
|
||
]
|
||
},
|
||
"description": "上传额外传参"
|
||
},
|
||
{
|
||
"name": "formatter",
|
||
"propType": "func",
|
||
"title": {
|
||
"label": "数据格式化函数",
|
||
"tip": "数据格式化函数，配合自定义 action 使用，参数为服务器的响应数据，详见 [formatter](#formater)\n@param {Object} response 返回\n@param {File} file 文件对象"
|
||
}
|
||
},
|
||
{
|
||
"name": "limit",
|
||
"propType": "number",
|
||
"description": "最大文件上传个数",
|
||
"defaultValue": null
|
||
},
|
||
{
|
||
"name": "timeout",
|
||
"propType": "number",
|
||
"description": "设置上传超时,单位ms"
|
||
},
|
||
{
|
||
"name": "dragable",
|
||
"propType": "bool",
|
||
"description": "可选参数，是否支持拖拽上传，`ie10+` 支持。"
|
||
},
|
||
|
||
{
|
||
"name": "useDataURL",
|
||
"propType": "bool",
|
||
"description": "可选参数，是否本地预览"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "可选参数，是否禁用上传功能"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "选择文件回调"
|
||
},
|
||
{
|
||
"name": "onProgress",
|
||
"propType": "func",
|
||
"description": "上传中"
|
||
},
|
||
{
|
||
"name": "onChange",
|
||
"propType": "func",
|
||
"description": "上传文件改变时的状态\n@param {Object} info 文件事件对象"
|
||
},
|
||
{
|
||
"name": "onSuccess",
|
||
"propType": "func",
|
||
"description": "可选参数，上传成功回调函数，参数为请求下响应信息以及文件\n@param {Object} file 文件\n@param {Array<Object>} value 值"
|
||
},
|
||
{
|
||
"name": "afterSelect",
|
||
"propType": "func",
|
||
"description": "可选参数, 用于校验文件,afterSelect仅在 autoUpload=false 的时候生效,autoUpload=true时,可以使用beforeUpload完全可以替代该功能.\n@param {Object} file\n@returns {Boolean} 返回false会阻止上传,其他则表示正常"
|
||
},
|
||
{
|
||
"name": "onRemove",
|
||
"propType": "func",
|
||
"description": "移除文件回调函数\n@param {Object} file 文件\n@returns {Boolean|Promise} 返回 false、Promise.resolve(false)、 Promise.reject() 将阻止文件删除"
|
||
},
|
||
{
|
||
"name": "onError",
|
||
"propType": "func",
|
||
"description": "可选参数，上传失败回调函数，参数为上传失败的信息、响应信息以及文件\n@param {Object} file 出错的文件\n@param {Array} value 当前值"
|
||
},
|
||
{
|
||
"name": "beforeUpload",
|
||
"propType": "func",
|
||
"title": {
|
||
"label": "开始上传时回调",
|
||
"tip": "可选参数, 详见 [beforeUpload](#beforeUpload)\n@param {Object} file 所有文件\n@param {Object} options 参数\n@returns {Boolean|Object|Promise} 返回值作用见demo"
|
||
}
|
||
},
|
||
{
|
||
"name": "onDrop",
|
||
"propType": "func",
|
||
"description": "放文件"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string",
|
||
"description": "自定义class"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object",
|
||
"description": "自定义内联样式"
|
||
},
|
||
{
|
||
"name": "autoUpload",
|
||
"propType": "bool",
|
||
"description": "自动上传",
|
||
"defaultValue": true
|
||
},
|
||
{
|
||
"name": "request",
|
||
"propType": "func",
|
||
"description": "自定义上传方法\n@param {Object} option\n@return {Object} object with abort method"
|
||
},
|
||
{
|
||
"name": "progressProps",
|
||
"propType": "Json",
|
||
"description": "透传给Progress props"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool",
|
||
"description": "是否为预览态"
|
||
},
|
||
{
|
||
"name": "renderPreview",
|
||
"propType": "func",
|
||
"description": "预览态模式下渲染的内容\n@param {number} value 评分值"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Upload.Selecter",
|
||
"title": "Upload.Selecter",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Upload",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Selecter"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "id",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "disabled",
|
||
"propType": "bool",
|
||
"description": "是否禁用上传功能"
|
||
},
|
||
{
|
||
"name": "multiple",
|
||
"propType": "bool",
|
||
"description": "是否支持多选文件，`ie10+` 支持。开启后按住 ctrl 可选择多个文件",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "dragable",
|
||
"propType": "bool",
|
||
"description": "是否支持拖拽上传，`ie10+` 支持。"
|
||
},
|
||
{
|
||
"name": "accept",
|
||
"propType": "string",
|
||
"description": "接受上传的文件类型 (image/png, image/jpg, .doc, .ppt) 详见 [input accept attribute](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input#attr-accept)"
|
||
},
|
||
{
|
||
"name": "onSelect",
|
||
"propType": "func",
|
||
"description": "文件选择回调"
|
||
},
|
||
{
|
||
"name": "onDragOver",
|
||
"propType": "func",
|
||
"description": "拖拽经过回调"
|
||
},
|
||
{
|
||
"name": "onDragLeave",
|
||
"propType": "func",
|
||
"description": "拖拽离开回调"
|
||
},
|
||
{
|
||
"name": "onDrop",
|
||
"propType": "func",
|
||
"description": "拖拽完成回调"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "name",
|
||
"propType": "string",
|
||
"defaultValue": "file"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Upload.Dragger",
|
||
"title": "Upload.Dragger",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Upload",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "DragUpload"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"description": "样式前缀",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "onDragOver",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onDragLeave",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "onDrop",
|
||
"propType": "func"
|
||
},
|
||
{
|
||
"name": "limit",
|
||
"propType": "number"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "defaultValue",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
}
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "node"
|
||
}
|
||
},
|
||
{
|
||
"name": "listType",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "timeout",
|
||
"propType": "number"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Upload.List",
|
||
"title": "Upload.List",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Upload",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "List"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "locale",
|
||
"propType": "object",
|
||
"description": "多语言"
|
||
},
|
||
{
|
||
"name": "listType",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"text",
|
||
"image",
|
||
"card"
|
||
]
|
||
},
|
||
"description": "文件列表，数据格式请参考 文件对象",
|
||
"defaultValue": "text"
|
||
},
|
||
{
|
||
"name": "value",
|
||
"propType": {
|
||
"type": "instanceOf",
|
||
"value": "array"
|
||
},
|
||
"description": "文件列表",
|
||
"defaultValue": []
|
||
},
|
||
{
|
||
"name": "closable",
|
||
"propType": "bool",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "onRemove",
|
||
"propType": "func",
|
||
"description": "删除文件回调(支持Promise)"
|
||
},
|
||
{
|
||
"name": "onCancel",
|
||
"propType": "func",
|
||
"description": "取消上传回调(支持Promise)"
|
||
},
|
||
{
|
||
"name": "onImageError",
|
||
"propType": "func",
|
||
"description": "头像加载出错回调"
|
||
},
|
||
{
|
||
"name": "onPreview",
|
||
"propType": "func",
|
||
"description": "listType=card时点击图片回调"
|
||
},
|
||
{
|
||
"name": "extraRender",
|
||
"propType": "func",
|
||
"description": "自定义额外渲染"
|
||
},
|
||
{
|
||
"name": "progressProps",
|
||
"propType": "object",
|
||
"description": "透传给Progress props"
|
||
},
|
||
{
|
||
"name": "children",
|
||
"propType": "node"
|
||
},
|
||
{
|
||
"name": "uploader",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "useDataURL",
|
||
"propType": "bool",
|
||
"description": "可选参数，是否本地预览"
|
||
},
|
||
{
|
||
"name": "rtl",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "isPreview",
|
||
"propType": "bool"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Field",
|
||
"title": "Field",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Field",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "this",
|
||
"propType": "any"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Avatar",
|
||
"title": "Avatar",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Avatar",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "children",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "className",
|
||
"propType": "string"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"title": "size",
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
{
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium",
|
||
"large"
|
||
]
|
||
},
|
||
"number"
|
||
]
|
||
},
|
||
"description": "头像的大小",
|
||
"defaultValue": "medium"
|
||
},
|
||
{
|
||
"name": "shape",
|
||
"title": "shap",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"circle",
|
||
"square"
|
||
]
|
||
},
|
||
"description": "头像的形状",
|
||
"defaultValue": "circle"
|
||
},
|
||
{
|
||
"name": "icon",
|
||
"title": "icon",
|
||
"propType": "icon",
|
||
"description": "icon 类头像的图标类型，可设为 Icon 的 `type` 或 `ReactNode`"
|
||
},
|
||
{
|
||
"name": "src",
|
||
"title": "src",
|
||
"propType": "string",
|
||
"description": "图片类头像的资源地址"
|
||
},
|
||
{
|
||
"name": "onError",
|
||
"propType": "func",
|
||
"description": "图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid",
|
||
"title": "布局容器",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "ResponsiveGrid",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "className",
|
||
"propType": "any"
|
||
},
|
||
{
|
||
"name": "device",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"phone",
|
||
"tablet",
|
||
"desktop"
|
||
]
|
||
},
|
||
"description": "设备，用来做自适应，默认为PC",
|
||
"defaultValue": "desktop"
|
||
},
|
||
{
|
||
"name": "columns",
|
||
"propType": "number",
|
||
"description": "分为几列",
|
||
"defaultValue": 4
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"title": "布局容器 Cell",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "ResponsiveGrid",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Cell"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "colSpan",
|
||
"propType": "number",
|
||
"description": "横向，占据几列"
|
||
},
|
||
{
|
||
"name": "rowSpan",
|
||
"propType": "number",
|
||
"description": "纵向，占据几行"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Box",
|
||
"title": "容器",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "Box",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "direction",
|
||
"title": {
|
||
"label": "布局方向",
|
||
"tip": "布局方向，默认为 column ，一个元素占据一整行，默认为column"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"row",
|
||
"column"
|
||
]
|
||
},
|
||
"defaultValue": "column"
|
||
},
|
||
{
|
||
"name": "wrap",
|
||
"title": "是否折行",
|
||
"propType": "bool",
|
||
"description": "是否折行",
|
||
"defaultValue": false
|
||
},
|
||
{
|
||
"name": "justify",
|
||
"title": {
|
||
"label": "沿主轴排布关系",
|
||
"tip": "沿着主轴方向，子元素们的排布关系 （兼容性同 justify-content ）"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"flex-start",
|
||
"center",
|
||
"flex-end",
|
||
"space-between",
|
||
"space-around"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "align",
|
||
"title": {
|
||
"label": "垂直主轴排布关系",
|
||
"tip": "垂直主轴方向，子元素们的排布关系 （兼容性同 align-items ）"
|
||
},
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"flex-start",
|
||
"center",
|
||
"flex-end",
|
||
"baseline",
|
||
"stretch"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "spacing",
|
||
"title": {
|
||
"label": "元素间距",
|
||
"tip": "元素之间的间距 [bottom&top, right&left]"
|
||
},
|
||
"propType": {
|
||
"type": "oneOfType",
|
||
"value": [
|
||
"number",
|
||
{
|
||
"type": "arrayOf",
|
||
"value": "number"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "List",
|
||
"title": "List",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "List",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": ""
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "prefix",
|
||
"propType": "string",
|
||
"defaultValue": "next-"
|
||
},
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "header",
|
||
"propType": "node"
|
||
},
|
||
{
|
||
"name": "size",
|
||
"propType": {
|
||
"type": "oneOf",
|
||
"value": [
|
||
"small",
|
||
"medium"
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"name": "footer",
|
||
"propType": "node"
|
||
},
|
||
{
|
||
"name": "divider",
|
||
"propType": "node"
|
||
}
|
||
],
|
||
"configure": {
|
||
"component": {
|
||
"isContainer": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "List.Item",
|
||
"title": "List.Item",
|
||
"docUrl": "",
|
||
"screenshot": "",
|
||
"npm": {
|
||
"package": "@alifd/next",
|
||
"version": "1.19.18",
|
||
"exportName": "List",
|
||
"main": "src/index.js",
|
||
"destructuring": true,
|
||
"subName": "Item"
|
||
},
|
||
"props": [
|
||
{
|
||
"name": "style",
|
||
"propType": "object"
|
||
},
|
||
{
|
||
"name": "title",
|
||
"propType": "node"
|
||
},
|
||
{
|
||
"name": "description",
|
||
"propType": "node"
|
||
},
|
||
{
|
||
"name": "media",
|
||
"propType": "node"
|
||
},
|
||
{
|
||
"name": "extra",
|
||
"propType": "node"
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"componentList": [
|
||
{
|
||
"title": "DataDisplay",
|
||
"children": [
|
||
{
|
||
"componentName": "Avatar",
|
||
"title": "头像",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "头像",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_avatar.png",
|
||
"schema": {
|
||
"componentName": "Avatar",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"size": "medium",
|
||
"shape": "circle",
|
||
"icon": "smile"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Badge",
|
||
"title": "徽标数",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "徽标数",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_badge.png",
|
||
"schema": {
|
||
"componentName": "Badge",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"showZero": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Drawer",
|
||
"title": "抽屉",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "抽屉",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1RiM3lgHqK1RjSZFEXXcGMXXa-404-422.png",
|
||
"schema": {
|
||
"componentName": "Drawer",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"triggerType": "click",
|
||
"closeable": true,
|
||
"placement": "right",
|
||
"hasMask": true,
|
||
"visible": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "NextTable",
|
||
"title": "NextTable",
|
||
"icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png",
|
||
"package": "NextTable",
|
||
"library": "NextTable",
|
||
"snippets": [{
|
||
"title": "NextTable",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png",
|
||
"schema": {
|
||
"componentName": "NextTable",
|
||
"props": {
|
||
"showMiniPager": true,
|
||
"showActionBar": true,
|
||
"actionBar": [
|
||
{
|
||
"title": "新增",
|
||
"type": "primary"
|
||
},
|
||
{
|
||
"title": "编辑"
|
||
}
|
||
],
|
||
"columns": [
|
||
{
|
||
"dataKey": "name",
|
||
"width": 200,
|
||
"align": "center",
|
||
"title": "姓名",
|
||
"editType": "text"
|
||
},
|
||
{
|
||
"dataKey": "age",
|
||
"width": 200,
|
||
"align": "center",
|
||
"title": "年龄"
|
||
},
|
||
{
|
||
"dataKey": "email",
|
||
"width": 200,
|
||
"align": "center",
|
||
"title": "邮箱"
|
||
}
|
||
],
|
||
"data": [
|
||
{
|
||
"name": "王小",
|
||
"id": "1",
|
||
"age": 15000,
|
||
"email": "aaa@abc.com"
|
||
},
|
||
{
|
||
"name": "王中",
|
||
"id": "2",
|
||
"age": 25000,
|
||
"email": "bbb@abc.com"
|
||
},
|
||
{
|
||
"name": "王大",
|
||
"id": "3",
|
||
"age": 35000,
|
||
"email": "ccc@abc.com"
|
||
}
|
||
],
|
||
"actionTitle": "操作",
|
||
"actionWidth": 180,
|
||
"actionType": "link",
|
||
"actionFixed": "right",
|
||
"actionHidden": false,
|
||
"maxWebShownActionCount": 2,
|
||
"actionColumn": [
|
||
{
|
||
"title": "编辑",
|
||
"callback": {
|
||
"type": "JSFunction",
|
||
"value": "(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n });\n }"
|
||
},
|
||
"device": ["desktop"]
|
||
},
|
||
{
|
||
"title": "保存",
|
||
"callback": {
|
||
"type": "JSFunction",
|
||
"value": "(rowData, action, table) => { \nreturn table.saveRow(rowData).then((row) => { \nconsole.log(row); \n}); \n}"
|
||
},
|
||
"mode": "EDIT"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}]
|
||
},
|
||
{
|
||
"componentName": "Table",
|
||
"title": "表格",
|
||
"icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "表格",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png",
|
||
"schema": {
|
||
"componentName": "Table",
|
||
"props": {
|
||
"dataSource": [{
|
||
"id": 1, "time": "2016"
|
||
},{
|
||
"id": 2, "time": "2017"
|
||
}],
|
||
"size": "medium",
|
||
"prefix": "next-",
|
||
"hasBorder": true,
|
||
"hasHeader": true,
|
||
"isZebra": false,
|
||
"loading": false,
|
||
"expandedIndexSimulate": false,
|
||
"primaryKey": "id",
|
||
"locale": "zhCN.Table",
|
||
"crossline": false
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Table.Column",
|
||
"props": {
|
||
"title": "id",
|
||
"dataIndex": "id",
|
||
"cell": {
|
||
"type": "JSSlot",
|
||
"params": ["value", "index", "record"],
|
||
"value": [{
|
||
"componentName": "Button",
|
||
"props": {
|
||
"type": "primary",
|
||
"children": {
|
||
"type": "JSExpression",
|
||
"value": "this.value"
|
||
}
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Table.Column",
|
||
"props": {
|
||
"title": "time",
|
||
"dataIndex": "time"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
},{
|
||
"componentName": "Table.Column",
|
||
"title": "表格列",
|
||
"icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "表格列",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_table.png",
|
||
"schema": {
|
||
"componentName": "Table.Column",
|
||
"props": {
|
||
"title": "name"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Calendar",
|
||
"title": "日历",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"screenshot": "https://img.alicdn.com/tfs/TB158yMu4v1gK0jSZFFXXb0sXXa-112-64.png",
|
||
"title": "卡片型",
|
||
"schema": {
|
||
"componentName": "Calendar",
|
||
"props": {
|
||
"shape": "card"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1PRmJu7P2gK0jSZPxXXacQpXa-112-64.png",
|
||
"title": "面板型",
|
||
"schema": {
|
||
"componentName": "Calendar",
|
||
"props": {
|
||
"shape": "panel"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"screenshot": "https://img.alicdn.com/tfs/TB10JuKu.T1gK0jSZFhXXaAtVXa-112-64.png",
|
||
"title": "全屏型",
|
||
"schema": {
|
||
"componentName": "Calendar",
|
||
"props": {
|
||
"shape": "fullscreen"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Card",
|
||
"title": "卡片",
|
||
"icon": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_card.png",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1CHN3u4z1gK0jSZSgXXavwpXa-112-64.png",
|
||
"title": "普通型",
|
||
"schema": {
|
||
"componentName": "Card",
|
||
"props": {
|
||
"title": "普通型卡片"
|
||
},
|
||
"children": []
|
||
}
|
||
},
|
||
{
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1.Ut6u4D1gK0jSZFKXXcJrVXa-112-64.png",
|
||
"title": "自定义",
|
||
"schema": {
|
||
"componentName": "Card",
|
||
"props": {
|
||
"title": "自定义卡片",
|
||
"extra": {
|
||
"type": "JSSlot"
|
||
}
|
||
},
|
||
"children": []
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Cascader",
|
||
"title": "级联",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "级联",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader.png",
|
||
"schema": {
|
||
"componentName": "Cascader",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"expandTriggerType": "click",
|
||
"dataSource": [{
|
||
"value": "2974",
|
||
"label": "西安",
|
||
"children": [
|
||
{ "value": "2975", "label": "西安市" },
|
||
{ "value": "2976", "label": "高陵县" },
|
||
{ "value": "2977", "label": "蓝田县" }
|
||
]
|
||
}]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Collapse",
|
||
"title": "折叠面板",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "折叠面板",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_collapse.png",
|
||
"schema": {
|
||
"componentName": "Collapse",
|
||
"props": {
|
||
"prefix": "next-"
|
||
},
|
||
"children": [{
|
||
"componentName": "Collapse.Panel",
|
||
"props": {
|
||
"title": "面板标题"
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Collapse.Panel",
|
||
"title": "折叠面板Panel",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "折叠面板Panel",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_collapse.png",
|
||
"schema": {
|
||
"componentName": "Collapse.Panel",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"title": "面板标题"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "List",
|
||
"title": "列表",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "列表",
|
||
"screenshot": "",
|
||
"schema": {
|
||
"componentName": "List",
|
||
"props": {}
|
||
}
|
||
}
|
||
]
|
||
},{
|
||
"componentName": "List.Item",
|
||
"title": "列表项",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "列表项",
|
||
"screenshot": "",
|
||
"schema": {
|
||
"componentName": "List.Item",
|
||
"props": {}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Menu",
|
||
"title": "菜单",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "菜单",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png",
|
||
"schema": {
|
||
"componentName": "Menu",
|
||
"props": {
|
||
"defaultOpenKeys": [],
|
||
"mode": "inline",
|
||
"triggerType": "click",
|
||
"openMode": "multiple",
|
||
"inlineIndent": 20,
|
||
"inlineArrowDirection": "down",
|
||
"popupAlign": "follow",
|
||
"defaultSelectedKeys": [],
|
||
"hasSelectedIcon": true,
|
||
"labelToggleChecked": true,
|
||
"direction": "ver",
|
||
"hozAlign": "left",
|
||
"focusable": true,
|
||
"expandAnimation": true
|
||
},
|
||
"children": [{
|
||
"componentName": "Menu.Item",
|
||
"props": {
|
||
},
|
||
"children": "Option"
|
||
}]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "SubMenu",
|
||
"title": "子菜单",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "子菜单",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png",
|
||
"schema": {
|
||
"componentName": "SubMenu",
|
||
"props": {
|
||
"label": "子菜单",
|
||
"mode": "inline"
|
||
},
|
||
"children": [{
|
||
"componentName": "Menu.Item",
|
||
"props": {
|
||
},
|
||
"children": "Option"
|
||
}]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Menu.Item",
|
||
"title": "菜单项",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "菜单项",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png",
|
||
"schema": {
|
||
"componentName": "Menu.Item",
|
||
"props": {
|
||
},
|
||
"children": "Option"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CheckboxItem",
|
||
"title": "可选中菜单项",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "可选中菜单项",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png",
|
||
"schema": {
|
||
"componentName": "CheckboxItem",
|
||
"props": {
|
||
},
|
||
"children": "Check Option"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "RadioItem",
|
||
"title": "单选菜单项",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "单选菜单项",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png",
|
||
"schema": {
|
||
"componentName": "RadioItem",
|
||
"props": {
|
||
},
|
||
"children": "Radio Option"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Menu.PopupItem",
|
||
"title": "自定义弹出内容",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "自定义弹出内容",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png",
|
||
"schema": {
|
||
"componentName": "Menu.PopupItem",
|
||
"props": {
|
||
"label": "Popup item"
|
||
},
|
||
"children": {
|
||
"componentName": "Box",
|
||
"props": {},
|
||
"children": "Custom content"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Menu.Group",
|
||
"title": "菜单组",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "菜单组",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png",
|
||
"schema": {
|
||
"componentName": "Menu.Group",
|
||
"props": {
|
||
"label": "菜单组"
|
||
},
|
||
"children": [{
|
||
"componentName": "Menu.Item",
|
||
"props": {
|
||
},
|
||
"children": "Option"
|
||
}]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Menu.Divider",
|
||
"title": "菜单分隔线",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "菜单分隔线",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png",
|
||
"schema": {
|
||
"componentName": "Menu.Divider",
|
||
"props": {}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Progress",
|
||
"title": "进度指示器",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "进度指示器",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_progress.png",
|
||
"schema": {
|
||
"componentName": "Progress",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"shape": "line",
|
||
"size": "medium",
|
||
"state": "normal"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Slider",
|
||
"title": "图片轮播",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "图片轮播",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_slider.png",
|
||
"schema": {
|
||
"componentName": "Slider",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"animation": "slide",
|
||
"arrows": true,
|
||
"arrowSize": "medium",
|
||
"arrowPosition": "inner",
|
||
"arrowDirection": "hoz",
|
||
"autoplaySpeed": 3000,
|
||
"dots": true,
|
||
"dotsDirection": "hoz",
|
||
"draggable": true,
|
||
"infinite": true,
|
||
"slide": "div",
|
||
"slideDirection": "hoz",
|
||
"slidesToShow": 1,
|
||
"slidesToScroll": 1,
|
||
"speed": 600,
|
||
"triggerType": "click",
|
||
"centerPadding": "50px",
|
||
"cssEase": "ease",
|
||
"edgeFriction": 0.35,
|
||
"swipe": true,
|
||
"touchMove": true,
|
||
"touchThreshold": 5,
|
||
"useCSS": true,
|
||
"waitForAnimate": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Tag",
|
||
"title": "标签",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "标签",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png",
|
||
"schema": {
|
||
"componentName": "Tag",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "normal",
|
||
"size": "medium",
|
||
"animation": false,
|
||
"children": "Tag"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Tag.Closeable",
|
||
"title": "可关闭标签",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "可关闭标签",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png",
|
||
"schema": {
|
||
"componentName": "Tag.Closeable",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"closeArea": "tail",
|
||
"size": "medium",
|
||
"children": "Tag"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Tag.Selectable",
|
||
"title": "可选中标签",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "可选中标签",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tag.png",
|
||
"schema": {
|
||
"componentName": "Tag.Selectable",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "Tag"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Timeline",
|
||
"title": "时间轴",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "时间轴",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_timeline.png",
|
||
"schema": {
|
||
"componentName": "Timeline",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"fold": [],
|
||
"animation": true
|
||
},"children": [
|
||
{
|
||
"componentName": "TimelineItem",
|
||
"props": {
|
||
"state": "process",
|
||
"title": "12344"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "TimelineItem",
|
||
"props": {
|
||
"title": "Ship"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "TimelineItem",
|
||
"props": {
|
||
"title": "Order"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
},{
|
||
"componentName": "TimelineItem",
|
||
"title": "时间轴 Item",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "时间轴 Item",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_timeline.png",
|
||
"schema": {
|
||
"componentName": "TimelineItem",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"fold": [],
|
||
"animation": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Tree",
|
||
"title": "树形控件",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "树形控件",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree.png",
|
||
"schema": {
|
||
"componentName": "Tree",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"selectable": true,
|
||
"checkedStrategy": "all",
|
||
"autoExpandParent": true,
|
||
"animation": true,
|
||
"focusable": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "TreeNode",
|
||
"title": "树形控件节点",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "树形控件节点",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree.png",
|
||
"schema": {
|
||
"componentName": "TreeNode",
|
||
"props": {
|
||
"label": "节点内容文本"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"icon": ""
|
||
},
|
||
{
|
||
"title": "Feedback",
|
||
"children": [
|
||
{
|
||
"componentName": "Balloon",
|
||
"title": "气泡提示",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "气泡提示",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_balloon.png",
|
||
"schema": {
|
||
"componentName": "Balloon",
|
||
"props": {
|
||
"defaultVisible": true,
|
||
"prefix": "next-",
|
||
"size": "medium",
|
||
"type": "normal",
|
||
"closable": true,
|
||
"align": "b",
|
||
"offset": [
|
||
0,
|
||
0
|
||
],
|
||
"triggerType": "hover",
|
||
"autoFocus": true,
|
||
"trigger": {
|
||
"type": "JSSlot",
|
||
"props": {
|
||
"title": "触发元素"
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Dialog",
|
||
"title": "弹窗",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "弹窗",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_dialog.png",
|
||
"schema": {
|
||
"componentName": "Dialog",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"footerAlign": "right",
|
||
"footerActions": [
|
||
"ok",
|
||
"cancel"
|
||
],
|
||
"closeable": "esc,close",
|
||
"hasMask": true,
|
||
"align": "cc cc",
|
||
"minMargin": 40,
|
||
"visible": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Loading",
|
||
"title": "加载",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "加载",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_loading.png",
|
||
"schema": {
|
||
"componentName": "Loading",
|
||
"props": {
|
||
"color": "red",
|
||
"prefix": "next-",
|
||
"tipAlign": "bottom",
|
||
"visible": true,
|
||
"size": "large",
|
||
"inline": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Message",
|
||
"title": "信息提示",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "信息提示",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_message.png",
|
||
"schema": {
|
||
"componentName": "Message",
|
||
"props": {
|
||
"title": "标题",
|
||
"type": "success",
|
||
"shape": "inline",
|
||
"size": "medium",
|
||
"visible": true,
|
||
"animation": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"icon": ""
|
||
},
|
||
{
|
||
"title": "General",
|
||
"children": [
|
||
{
|
||
"componentName": "Box",
|
||
"title": "容器",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "容器",
|
||
"screenshot": "",
|
||
"schema": {
|
||
"componentName": "Box",
|
||
"props": {}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "a",
|
||
"title": "Link",
|
||
"icon": "",
|
||
"snippets": [
|
||
{
|
||
"title": "Link",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB15DZVReL2gK0jSZFmXXc7iXXa-200-200.svg",
|
||
"schema": {
|
||
"componentName": "a",
|
||
"title": "Link",
|
||
"props": {
|
||
"href": "https://fusion.design",
|
||
"target": "_blank",
|
||
"children": "这是一个超链接"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "img",
|
||
"title": "Image",
|
||
"icon": "",
|
||
"snippets": [
|
||
{
|
||
"title": "Image",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB10nEur.Y1gK0jSZFCXXcwqXXa-234-230.png",
|
||
"schema": {
|
||
"title": "Image",
|
||
"componentName": "img",
|
||
"props": {
|
||
"src": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Button",
|
||
"title": "按钮",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "主要",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_button.png",
|
||
"schema": {
|
||
"componentName": "Button",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "primary",
|
||
"size": "medium",
|
||
"htmlType": "button",
|
||
"component": "button",
|
||
"children": "取消"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"title": "次要",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1a.N1uVT7gK0jSZFpXXaTkpXa-112-64.png",
|
||
"schema": {
|
||
"componentName": "Button",
|
||
"props": {
|
||
"type": "secondary",
|
||
"size": "medium",
|
||
"htmlType": "button",
|
||
"component": "button",
|
||
"children": "提交"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Button.Group",
|
||
"title": "按钮组",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "按钮组",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1t6dhvV67gK0jSZPfXXahhFXa-310-122.png",
|
||
"schema": {
|
||
"componentName": "Button.Group",
|
||
"props": {
|
||
|
||
},
|
||
"children": [{
|
||
"componentName": "Button",
|
||
"props": {
|
||
"type": "primary",
|
||
"style": {
|
||
"margin": "0 5px 0 5px"
|
||
},
|
||
"htmlType": "submit",
|
||
"children": "提交"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Icon",
|
||
"props": {
|
||
"type": "success"
|
||
}
|
||
}
|
||
]
|
||
}, {
|
||
"componentName": "Button",
|
||
"props": {
|
||
"type": "normal",
|
||
"style": {
|
||
"margin": "0 5px 0 5px"
|
||
},
|
||
"htmlType": "reset",
|
||
"children": "重置"
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Divider",
|
||
"title": "分隔符",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "分隔符",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_divider.png",
|
||
"schema": {
|
||
"componentName": "Divider",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"direction": "hoz",
|
||
"orientation": "center"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Icon",
|
||
"title": "图标",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "图标",
|
||
"screenshot": "",
|
||
"schema": {
|
||
"componentName": "Icon",
|
||
"props": {
|
||
"type": "smile"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "MenuButton",
|
||
"title": "菜单按钮",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "菜单按钮",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu-button.png",
|
||
"schema": {
|
||
"componentName": "MenuButton",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"autoWidth": true,
|
||
"popupTriggerType": "click",
|
||
"defaultSelectedKeys": []
|
||
},
|
||
"children": [{
|
||
"componentName": "Menu.Item",
|
||
"props": {
|
||
},
|
||
"children": "Option"
|
||
}]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid",
|
||
"title": "布局容器",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "1 + 2",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1BgObx5_1gK0jSZFqXXcpaXXa-112-64.png",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 12
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 8
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 4
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"title": "1 + 3",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1glaexYj1gK0jSZFuXXcrHpXa-112-64.png",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 12
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 8
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 4
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"title": "混合",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1cb9ex1H2gK0jSZJnXXaT1FXa-112-64.png",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 12
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 4
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 4
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 4
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"title": "单栏",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1y5RLyO_1gK0jSZFqXXcpaXXa-112-40.png",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 12
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"title": "两栏",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1Sw4MyKL2gK0jSZFmXXc7iXXa-112-40.png",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 6
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 6
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"title": "三栏",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1uq4LyQY2gK0jSZFgXXc5OFXa-112-40.png",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 4
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 4
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 4
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"title": "四栏",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1mpEjyQL0gK0jSZFtXXXQCXXa-112-40.png",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid",
|
||
"props": {},
|
||
"children": [
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 3
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 3
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 3
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 3
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"title": "1:3 分栏",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1x_RMyQT2gK0jSZPcXXcKkpXa-112-40.png",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid",
|
||
"props": {
|
||
"columns": 4
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 1
|
||
}
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {
|
||
"colSpan": 3
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"title": "布局容器 Cell",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "布局容器 Cell",
|
||
"screenshot": "",
|
||
"schema": {
|
||
"componentName": "ResponsiveGrid.Cell",
|
||
"props": {}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "SplitButton",
|
||
"title": "分隔按钮",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "分隔按钮",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_split-button.png",
|
||
"schema": {
|
||
"componentName": "SplitButton",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "normal",
|
||
"size": "medium",
|
||
"defaultSelectedKeys": [],
|
||
"autoWidth": true,
|
||
"popupTriggerType": "click"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Typography",
|
||
"title": "Text",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "Text",
|
||
"screenshot": "",
|
||
"schema": {
|
||
"componentName": "Typography.Text",
|
||
"props": {
|
||
"component": "span",
|
||
"children": "基于 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"icon": ""
|
||
},
|
||
{
|
||
"title": "Navigation",
|
||
"children": [
|
||
{
|
||
"componentName": "Breadcrumb",
|
||
"title": "面包屑",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "面包屑",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png",
|
||
"schema": {
|
||
"componentName": "Breadcrumb",
|
||
"props": {
|
||
"maxNode": 100,
|
||
"component": "nav",
|
||
"style": {
|
||
"margin": 10,
|
||
"padding": 5
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"props": {
|
||
"children": "一级"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"props": {
|
||
"children": "二级"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Breadcrumb.Item",
|
||
"props": {
|
||
"children": "三级"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
},{
|
||
"componentName": "Breadcrumb.Item",
|
||
"title": "面包屑 Item",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "面包屑",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png",
|
||
"schema": {
|
||
"componentName": "Breadcrumb.Item",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"children": "一级"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "MCBreadcrumb",
|
||
"title": "MC面包屑",
|
||
"icon": "",
|
||
"package": "mc-breadcrumb",
|
||
"library": "MCBreadcrumb",
|
||
"snippets": [
|
||
{
|
||
"title": "面包屑",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_breadcrumb.png",
|
||
"schema": {
|
||
"componentName": "MCBreadcrumb",
|
||
"props": {
|
||
"title": "物料中心",
|
||
"prefix": "next-",
|
||
"maxNode": 100
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Nav",
|
||
"title": "导航",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "导航",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_nav.png",
|
||
"schema": {
|
||
"componentName": "Nav",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "normal",
|
||
"direction": "ver",
|
||
"hozAlign": "left",
|
||
"mode": "inline",
|
||
"triggerType": "click",
|
||
"inlineIndent": 20,
|
||
"openMode": "multiple",
|
||
"popupAlign": "follow",
|
||
"hasArrow": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Nav.Item",
|
||
"title": "导航Item",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "导航",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_nav.png",
|
||
"schema": {
|
||
"componentName": "Nav.Item",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "normal",
|
||
"direction": "ver",
|
||
"hozAlign": "left",
|
||
"mode": "inline",
|
||
"triggerType": "click",
|
||
"inlineIndent": 20,
|
||
"openMode": "multiple",
|
||
"defaultSelectedKeys": [],
|
||
"popupAlign": "follow",
|
||
"hasArrow": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Pagination",
|
||
"title": "翻页器",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "翻页器",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_pagination.png",
|
||
"schema": {
|
||
"componentName": "Pagination",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "normal",
|
||
"shape": "normal",
|
||
"size": "medium",
|
||
"defaultCurrent": 1,
|
||
"total": 100,
|
||
"pageShowCount": 5,
|
||
"pageSize": 10,
|
||
"pageSizePosition": "start",
|
||
"showJump": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Step",
|
||
"title": "步骤",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "步骤",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_step.png",
|
||
"schema": {
|
||
"componentName": "Step",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"direction": "hoz",
|
||
"labelPlacement": "ver",
|
||
"shape": "circle",
|
||
"animation": true
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "StepItem",
|
||
"status": "process",
|
||
"title": "测试"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Tab",
|
||
"title": "选项卡",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "选项卡",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tab.png",
|
||
"schema": {
|
||
"componentName": "Tab",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"shape": "pure",
|
||
"animation": true,
|
||
"excessMode": "slide",
|
||
"tabPosition": "top",
|
||
"size": "medium",
|
||
"triggerType": "click",
|
||
"lazyLoad": true
|
||
},
|
||
"children": [{
|
||
"componentName": "Tab.Item",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"title": "Tab Title",
|
||
"closeable": true
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Tab.Item",
|
||
"title": "选项卡Item",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "选项卡",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tab.png",
|
||
"schema": {
|
||
"componentName": "Tab.Item",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"title": "Tab Title",
|
||
"closeable": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"icon": ""
|
||
},
|
||
{
|
||
"title": "表单",
|
||
"children": [
|
||
{
|
||
"componentName": "Form",
|
||
"title": "表单容器",
|
||
"icon": "https://img.alicdn.com/tfs/TB1oH02u2b2gK0jSZK9XXaEgFXa-112-64.png",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "表单容器",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1oH02u2b2gK0jSZK9XXaEgFXa-112-64.png",
|
||
"schema": {
|
||
"componentName": "Form",
|
||
"props": {
|
||
"labelCol": {
|
||
"span": 2,
|
||
"labelAlign": "left"
|
||
},
|
||
"role": "grid"
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form.Item",
|
||
"props": {
|
||
"label": "Email: ",
|
||
"required": true
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Input",
|
||
"props": {
|
||
"name": "email",
|
||
"size": "medium",
|
||
"placeholder": "用户名"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"props": {
|
||
"label": "Password: ",
|
||
"required": true
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Input.Password",
|
||
"props": {
|
||
"name": "password",
|
||
"placeholder": "请输入密码",
|
||
"size": "medium"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"props": {
|
||
"wrapperCol": {
|
||
"offset": 7
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Form.Submit",
|
||
"props": {
|
||
"type": "primary",
|
||
"validate": true,
|
||
"onClick": {
|
||
"type": "JSFunction",
|
||
"value": "(v, e) => { console.log(v, e) }"
|
||
},
|
||
"children": "Submit"
|
||
}
|
||
},
|
||
{
|
||
"componentName": "Form.Reset",
|
||
"props": {
|
||
"style": {"marginLeft": 10},
|
||
"children": "Reset"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Form.Item",
|
||
"title": "表单项",
|
||
"icon": "https://img.alicdn.com/tfs/TB1nYqOuW61gK0jSZFlXXXDKFXa-112-64.png",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "Form.Item",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1nYqOuW61gK0jSZFlXXXDKFXa-112-64.png",
|
||
"schema": {
|
||
"componentName": "Form.Item",
|
||
"props": {
|
||
"placeholder": "拖动组件到这里"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Input",
|
||
"title": "输入框",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "输入框",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1ysp3u8v0gK0jSZKbXXbK2FXa-112-64.png",
|
||
"schema": {
|
||
"componentName": "Form.Item",
|
||
"props": {
|
||
"label": "标签",
|
||
"labelAlign": "top",
|
||
"labelCol": {
|
||
"span": 4
|
||
}
|
||
},
|
||
"children": [
|
||
{
|
||
"componentName": "Input",
|
||
"props": {
|
||
"hasBorder": true,
|
||
"size": "medium",
|
||
"autoComplete": "off"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
"title": "密码框",
|
||
"screenshot": "https://img.alicdn.com/tfs/TB1ikF3u7P2gK0jSZPxXXacQpXa-112-64.png",
|
||
"schema": {
|
||
"componentName": "Input.Password",
|
||
"props": {
|
||
"hasBorder": true,
|
||
"size": "medium",
|
||
"autoComplete": "off"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"title": "TextArea",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_input.png",
|
||
"schema": {
|
||
"componentName": "Input.TextArea",
|
||
"props": {
|
||
"hasBorder": true,
|
||
"size": "medium",
|
||
"autoComplete": "off"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "NumberPicker",
|
||
"title": "数字输入框",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "数字输入框",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_number-picker.png",
|
||
"schema": {
|
||
"componentName": "NumberPicker",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"type": "normal",
|
||
"size": "medium",
|
||
"step": 1,
|
||
"editable": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Radio",
|
||
"title": "单选框",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "单选框",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_radio.png",
|
||
"schema": {
|
||
"componentName": "Radio",
|
||
"props": {}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Radio.Group",
|
||
"title": "单选框组",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "单选框组",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_radio.png",
|
||
"schema": {
|
||
"componentName": "Radio.Group",
|
||
"props": {}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Checkbox",
|
||
"title": "复选按钮",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "复选按钮",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_checkbox.png",
|
||
"schema": {
|
||
"componentName": "Checkbox",
|
||
"props": {
|
||
"prefix": "next-"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Select",
|
||
"title": "选择器",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "选择器",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_select.png",
|
||
"schema": {
|
||
"componentName": "Select",
|
||
"props": {
|
||
"mode": "single",
|
||
"hasArrow": true,
|
||
"cacheValue": true,
|
||
"dataSource": [
|
||
{"value": "10001", "label": "Lucy King"},
|
||
{"value": 10002, "label": "Lily King"},
|
||
{"value": 10003, "label": "Tom Cat", "disabled": true},
|
||
{"label": "Special Group", "children": [
|
||
{"value": -1, "label": "FALSE"},
|
||
{"value": 0, "label": "ZERO"}
|
||
]}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Select.Option",
|
||
"title": "Select.Option",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "Select.Option",
|
||
"screenshot": "",
|
||
"schema": {
|
||
"componentName": "Select.Option",
|
||
"props": {
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Switch",
|
||
"title": "开关组件",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "开关组件",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_switch.png",
|
||
"schema": {
|
||
"componentName": "Switch",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"size": "medium"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "CascaderSelect",
|
||
"title": "级联选择",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "级联选择",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_cascader-select.png",
|
||
"schema": {
|
||
"componentName": "CascaderSelect",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"size": "medium",
|
||
"hasArrow": true,
|
||
"hasBorder": true,
|
||
"expandTriggerType": "click",
|
||
"resultAutoWidth": true,
|
||
"notFoundContent": "Not Found",
|
||
"dataSource": [{
|
||
"value": "2974",
|
||
"label": "西安",
|
||
"children": [
|
||
{ "value": "2975", "label": "西安市" },
|
||
{ "value": "2976", "label": "高陵县" },
|
||
{ "value": "2977", "label": "蓝田县" }
|
||
]
|
||
}]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "DatePicker",
|
||
"title": "日期选择框",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "日期选择框",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_date-picker.png",
|
||
"schema": {
|
||
"componentName": "DatePicker",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"format": "YYYY-MM-DD",
|
||
"size": "medium",
|
||
"hasClear": true,
|
||
"popupTriggerType": "click",
|
||
"popupAlign": "tl tl"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Range",
|
||
"title": "区段选择器",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "区段选择器",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_range.png",
|
||
"schema": {
|
||
"componentName": "Range",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"slider": "single",
|
||
"max": 100,
|
||
"step": 1,
|
||
"marksPosition": "above",
|
||
"hasTip": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Rating",
|
||
"title": "评分",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "评分",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_rating.png",
|
||
"schema": {
|
||
"componentName": "Rating",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"count": 5,
|
||
"size": "medium",
|
||
"iconType": "favorites-filling"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Search",
|
||
"title": "搜索",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "搜索",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_search.png",
|
||
"schema": {
|
||
"componentName": "Search",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"shape": "normal",
|
||
"type": "normal",
|
||
"size": "medium",
|
||
"filter": [],
|
||
"hasIcon": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "TimePicker",
|
||
"title": "时间选择框",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "时间选择框",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_time-picker.png",
|
||
"schema": {
|
||
"componentName": "TimePicker",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"size": "medium",
|
||
"hasClear": true,
|
||
"format": "HH:mm:ss",
|
||
"popupAlign": "tl tl",
|
||
"popupTriggerType": "click"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Transfer",
|
||
"title": "穿梭框",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "穿梭框",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_transfer.png",
|
||
"schema": {
|
||
"componentName": "Transfer",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"mode": "normal",
|
||
"notFoundContent": "Not Found"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "TreeSelect",
|
||
"title": "树型选择控件",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "树型选择控件",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_tree-select.png",
|
||
"schema": {
|
||
"componentName": "TreeSelect",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"size": "medium",
|
||
"hasArrow": true,
|
||
"hasBorder": true,
|
||
"autoWidth": true,
|
||
"notFoundContent": "Not Found",
|
||
"treeCheckedStrategy": "parent"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"componentName": "Upload",
|
||
"title": "上传组件",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "上传组件",
|
||
"screenshot": "https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_upload.png",
|
||
"schema": {
|
||
"componentName": "Upload",
|
||
"props": {
|
||
"prefix": "next-",
|
||
"closable": true,
|
||
"autoUpload": true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"icon": ""
|
||
}
|
||
],
|
||
"bizComponentList": [
|
||
{
|
||
"title": "Util",
|
||
"children": [
|
||
{
|
||
"componentName": "Dropdown",
|
||
"title": "下拉菜单",
|
||
"icon": "",
|
||
"package": "@alifd/next",
|
||
"library": "Next",
|
||
"snippets": [
|
||
{
|
||
"title": "下拉菜单",
|
||
"screenshot": "",
|
||
"schema": {
|
||
"componentName": "Dropdown",
|
||
"props": { "trigger": [{ "componentName": "Button", "props": { "type": "primary" }, "children": "确定" }], "triggerType": "click"},
|
||
"children": [{ "componentName": "Menu", "props": { "style": { "width": 200 } }, "children": [{ "componentName": "Menu.Item", "props": {}, "children": "Option 1" }, { "componentName": "Menu.Item", "props": { "disabled": false }, "children": "option 2" }, { "componentName": "Menu.Item", "props": { "disabled": false }, "children": "option 3" }]}]
|
||
}
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"icon": ""
|
||
}
|
||
]
|
||
}
|